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

NIHVIVO-559:

Browse source 
Made the following changes:
1- Apply header consistency in term of colors across Wilma theme
2- Change header tags (h1,h2, etc) to em format
3- Arrows in hover links were positioned incorrectly, now it's fixed.
This commit is contained in:
mb863 2011-01-27 15:14:38 +00:00
parent 7d2d1c2c4d
commit e83ba3664b
1 changed files with 20 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

37
themes/wilma/css/wilma.css
View file

@ -40,8 +40,9 @@ a{
h2{ h2{
padding: 10px 0 12px 0; padding: 10px 0 12px 0;
margin: 0; margin: 0;
font-size: 22px; font-size: 1.375em;
color: #2485ae; /*color: #2485ae; //Original color*/
color: #064d68;
} }
h2 a{ h2 a{
color: #2485ae; color: #2485ae;
@ -55,20 +56,20 @@ h2 a:hover, h2 a:active{
h3{ h3{
padding: 10px 0 12px 0; padding: 10px 0 12px 0;
margin: 0; margin: 0;
font-size: 18px; font-size: 1.125em;
color: #2485ae; color: #064d68;
} }
h4{ h4{
padding: 10px 0 12px 0; padding: 10px 0 12px 0;
margin: 0; margin: 0;
font-size: 16px; font-size: 1em;
color: #2485ae; color: #064d68;
} }
h5{ h5{
padding: 10px 0 12px 0; padding: 10px 0 12px 0;
margin: 0; margin: 0;
font-size: 14px; font-size: .875em;
color: #2485ae; color: #064d68;
} }
/* HEADER ------> */ /* HEADER ------> */
#branding { #branding {
@ -218,6 +219,7 @@ ul#main-nav {
#intro h2 { #intro h2 {
padding: 35px 0 12px 24px; padding: 35px 0 12px 24px;
border-bottom: none; border-bottom: none;
color: #2485AE;
} }
#intro p{ #intro p{
font-size: 16px; font-size: 16px;
@ -376,6 +378,7 @@ p.password-note{
padding: 0; padding: 0;
font-size: 22px; font-size: 22px;
margin-bottom: 15px; margin-bottom: 15px;
color: #2485AE;
} }
#search-home-field { #search-home-field {
width: 483px; width: 483px;
@ -405,20 +408,20 @@ input.search-home-vivo {
} }
/* BROWSE ------> */ /* BROWSE ------> */
ul#browse-classgroups a:hover { ul#browse-classgroups a:hover {
background: url(../images/arrow.gif) 0 12px no-repeat; background: url(../images/arrow.gif) 0 10px no-repeat;
color: #2ea0cf; color: #2ea0cf;
} }
ul#browse-classgroups a.selected { ul#browse-classgroups a.selected {
color: #2ea0cf; color: #2ea0cf;
background: url(../images/arrow.gif) 0 12px no-repeat; background: url(../images/arrow.gif) 0 10px no-repeat;
} }
ul#classgroup-list a:hover { ul#classgroup-list a:hover {
background: url(../images/arrow.gif) 0 12px no-repeat; background: url(../images/arrow.gif) 0 10px no-repeat;
color: #2ea0cf; color: #2ea0cf;
} }
ul#classgroup-list a.selected { ul#classgroup-list a.selected {
color: #2ea0cf; color: #2ea0cf;
background: url(../images/arrow.gif) 0 12px no-repeat; background: url(../images/arrow.gif) 0 10px no-repeat;
} }
#visual-graph h5 { #visual-graph h5 {
color: #2485ae; color: #2485ae;
@ -714,7 +717,7 @@ p{
} }
#menupage-intro h3 { #menupage-intro h3 {
font-size: 1.5em; font-size: 1.5em;
color: #002b44; color: #064d68;
font-weight: normal; font-weight: normal;
border-bottom: 1px solid #f3f3f4; border-bottom: 1px solid #f3f3f4;
} }
@ -744,12 +747,12 @@ ul#vgraph-classes a {
text-decoration: none; text-decoration: none;
} }
ul#vgraph-classes a:hover { ul#vgraph-classes a:hover {
background: url(../images/arrow.gif) 0 12px no-repeat; background: url(../images/arrow.gif) 0 10px no-repeat;
color: #2ea0cf; color: #2ea0cf;
} }
ul#vgraph-classes a.selected { ul#vgraph-classes a.selected {
color: #2ea0cf; color: #2ea0cf;
background: url(../images/arrow.gif) 0 12px no-repeat; background: url(../images/arrow.gif) 0 10px no-repeat;
} }
ul#vgraph-classes .count-classes { ul#vgraph-classes .count-classes {
font-size: .75em; font-size: .75em;
@ -864,12 +867,12 @@ ul#browse-classes a {
text-decoration: none; text-decoration: none;
} }
ul#browse-classes a:hover { ul#browse-classes a:hover {
background: url(../images/arrow.gif) 0 12px no-repeat; background: url(../images/arrow.gif) 4px 10px no-repeat;
color: #2ea0cf; color: #2ea0cf;
} }
ul#browse-classes a.selected { ul#browse-classes a.selected {
color: #2ea0cf; color: #2ea0cf;
background: url(../images/arrow.gif) 0 12px no-repeat; background: url(../images/arrow.gif) 4px 10px no-repeat;
} }
ul#browse-classes .count-classes { ul#browse-classes .count-classes {
font-size: 12px; font-size: 12px;