litvinovg/vivo
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

NIHVIVO-556. Organized and clean up html header elements and used HEX colors for the all the Wilma css files.

Browse source
This commit is contained in:
mb863 2010-11-08 18:08:10 +00:00
parent 6226b4c2a1
commit 89113c34a3
5 changed files with 48 additions and 28 deletions
Download patch file Download diff file Expand all files Collapse all files

6
themes/wilma/css/ie6.css
View file

@ -32,7 +32,7 @@ ul#browse-classGroups {
padding: 18px; padding: 18px;
} }
ul#browse-classGroups a.selected { ul#browse-classGroups a.selected {
background-position-x: 0px; background-position-x: 0;
background-position-y: 12px; background-position-y: 12px;
} }
/* fix for menupages */ /* fix for menupages */
@ -47,7 +47,9 @@ ul#browse-childClasses {
padding-left: 10px; padding-left: 10px;
margin-left: 15px; margin-left: 15px;
} }
#individuals-in-childClass { width: 450px } #individuals-in-childClass {
width: 450px;
}
#individuals-in-childClass h3 { #individuals-in-childClass h3 {
padding: 10px 0 10px 30px; padding: 10px 0 10px 30px;
margin: 0; margin: 0;

3
themes/wilma/css/ie7.css
View file

@ -3,7 +3,4 @@
#log-in input { #log-in input {
width: 200px; width: 200px;
margin-left: -24px; margin-left: -24px;
}
#content-foaf-person {
border: 1px solid blue;
} }

12
themes/wilma/css/uploadImages.css
View file

@ -11,7 +11,7 @@
float: left; float: left;
} }
#photoUploadDefaultImageContainer img { #photoUploadDefaultImageContainer img {
border: 3px solid #CCC; border: 3px solid #ccc;
margin-bottom: 10px; margin-bottom: 10px;
} }
#photoUploadForm { #photoUploadForm {
@ -24,8 +24,12 @@
display: block; display: block;
padding-bottom: 10px; padding-bottom: 10px;
} }
#photoUploadForm label span { font-size: 0.7em } #photoUploadForm label span {
#photoUploadForm form input { margin-bottom: 10px } font-size: 0.7em;
}
#photoUploadForm form input {
margin-bottom: 10px;
}
/* styles for cropping a picture */ /* styles for cropping a picture */
#photoCroppingContainer { #photoCroppingContainer {
margin-left: 0px; margin-left: 0px;
@ -56,7 +60,7 @@
width: 720px; width: 720px;
height: 330px; height: 330px;
background: #fff; background: #fff;
border: 1px solid grey; border: 1px solid #bdbcbc;
padding: 15px; padding: 15px;
} }
/* styles for error alerts */ /* styles for error alerts */

45
themes/wilma/css/wilma.css
View file

@ -65,7 +65,7 @@ ul#header-nav li {
padding-right: 10px; padding-right: 10px;
border-right: 1px solid grey; border-right: 1px solid grey;
font-size: 0.7em; font-size: 0.7em;
color: white; color: #fff;
} }
ul#header-nav li.last { ul#header-nav li.last {
border-right: none; border-right: none;
@ -169,7 +169,8 @@ ul#main-nav {
/* INTRO ------> */ /* INTRO ------> */
h2{ h2{
padding: 10px 0 12px 0; padding: 10px 0 12px 0;
font-size: 18px; margin:0;
font-size: 22px;
color: #2485ae; color: #2485ae;
} }
#intro { #intro {
@ -182,10 +183,8 @@ h2{
width: 920px; width: 920px;
padding-bottom: 40px; padding-bottom: 40px;
} }
#intro h3, #intro-no-login h3 { #intro h2, #intro-no-login h2 {
padding: 35px 0 12px 24px; padding: 35px 0 12px 24px;
font-size: 22px;
color: #2485ae;
border-bottom: none; border-bottom: none;
} }
#intro p, #intro-no-login p { #intro p, #intro-no-login p {
@ -295,6 +294,12 @@ p.request-account a{
color:#fff; color:#fff;
} }
/* HOME SEARCH ------> */ /* HOME SEARCH ------> */
h3{
padding: 10px 0 12px 0;
margin:0;
font-size: 18px;
color: #2485ae;
}
#search-home { #search-home {
float: left; float: left;
width: 533px; width: 533px;
@ -303,7 +308,6 @@ p.request-account a{
#search-home h3 { #search-home h3 {
padding: 0; padding: 0;
font-size: 22px; font-size: 22px;
color: #2485ae;
margin-bottom: 15px; margin-bottom: 15px;
} }
#search-home-field { #search-home-field {
@ -331,6 +335,12 @@ input.search-home-vivo {
padding-left: 30px; padding-left: 30px;
} }
/* BROWSE ------> */ /* BROWSE ------> */
h4{
padding: 10px 0 12px 0;
margin:0;
font-size: 16px;
color: #2485ae;
}
#browse { #browse {
clear: both; clear: both;
width: 920px; width: 920px;
@ -340,17 +350,16 @@ input.search-home-vivo {
overflow: hidden; overflow: hidden;
padding-bottom: 30px; padding-bottom: 30px;
} }
#browse h2, #browse h4 {
#highlights h2 {
width: 10%; width: 10%;
height: 44px; height: 30px;
margin-bottom: 27px; margin-bottom: 27px;
padding-left: 15px; padding-left: 15px;
font-size: 1.0em;
font-weight: normal; font-weight: normal;
line-height: 44px; line-height: 38px;
color: #fff; color: #fff;
background: #5e6363; background: #5e6363;
font-size: 20px;
} }
/* BROWSE CLASS GROUPS ------> */ /* BROWSE CLASS GROUPS ------> */
ul#browse-classGroups { ul#browse-classGroups {
@ -465,10 +474,18 @@ ul#class-group-list .count-individuals {
background: #f7f9f9; background: #f7f9f9;
padding-bottom: 30px; padding-bottom: 30px;
} }
#highlights h2 { #highlights h4 {
width: 14% width: 13%;
height: 30px;
margin-bottom: 27px;
padding-left: 15px;
font-weight: normal;
line-height: 38px;
color: #fff;
background: #5e6363;
font-size: 20px;
} }
#highlights h3 { #highlights h5 {
color: #91b039; color: #91b039;
font-size: 14px; font-size: 14px;
padding-bottom: 20px; padding-bottom: 20px;

10
themes/wilma/templates/page-home.ftl
View file

@ -94,7 +94,7 @@
<@login.markup /> <@login.markup />
<section id="browse"> <section id="browse">
<h2>Browse</h2> <h4>Browse</h4>
<ul id="browse-classGroups"> <ul id="browse-classGroups">
<li><a class="selected" href="#">People<span class="count-classes"> (1,280)</span></a></li> <li><a class="selected" href="#">People<span class="count-classes"> (1,280)</span></a></li>
@ -130,10 +130,10 @@
</section> <!-- #browse --> </section> <!-- #browse -->
<section id="highlights"> <section id="highlights">
<h2>Highlights</h2> <h4>Highlights</h4>
<section id="featured-people" class="global-highlights"> <section id="featured-people" class="global-highlights">
<h3>FEATURED PEOPLE</h3> <h5>FEATURED PEOPLE</h5>
<!--use Hs--> <!--use Hs-->
<article class="featured-people vcard"> <article class="featured-people vcard">
@ -152,7 +152,7 @@
</section> <!-- #featured-people --> </section> <!-- #featured-people -->
<section id="upcoming-events" class="global-highlights"> <section id="upcoming-events" class="global-highlights">
<h3>UPCOMING EVENTS</h3> <h5>UPCOMING EVENTS</h5>
<article class="vevent"> <article class="vevent">
<time class="dtstart" datetime="2010-02-13T20:00Z">21<span>Dec</span></time> <time class="dtstart" datetime="2010-02-13T20:00Z">21<span>Dec</span></time>
@ -173,7 +173,7 @@
</section> <!-- #upcoming-events --> </section> <!-- #upcoming-events -->
<section id="latest-publications" class="global-highlights"> <section id="latest-publications" class="global-highlights">
<h3>LATEST PUBLICATIONS</h3> <h5>LATEST PUBLICATIONS</h5>
<article class="latest-publications-item"> <article class="latest-publications-item">
<p class="publication-content">Solar masses<span><em>Journal</em> <time datetime="2010-02-13T20:00Z"> | December 2010</time></p> <p class="publication-content">Solar masses<span><em>Journal</em> <time datetime="2010-02-13T20:00Z"> | December 2010</time></p>