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

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

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

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

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

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

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

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

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