public
/
www-new
11
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

CSC CSS fiddlings. Vertically aligned the logo, removed h2 top margins

This commit is contained in:
Jennifer Yeelam Wong 2012-02-23 02:21:18 -05:00
parent c42e867508
commit b1f4c544ff
2 changed files with 29 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
pub/style/logo_black.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 18 KiB

47
pub/style/style.css
View File

@ -28,7 +28,9 @@ body {
#logo { #logo {
height: 1em; height: 1em;
vertical-align: middle; border: none;
margin:0;
padding: 0;
} }
/* # Header # */ /* # Header # */
@ -65,16 +67,13 @@ a:hover { text-decoration: underline; }
border-bottom: solid 2px #E2AA00; border-bottom: solid 2px #E2AA00;
} }
.midHeader img {
border: none;
}
.headerTitle { .headerTitle {
color: #fff; color: #fff;
font-size: 233%; font-size: 233%;
font-weight: bold; font-weight: bold;
margin: 0 0 0 4mm; margin: 0 0 0 4mm;
padding: 0.25ex 0; padding: 0.2em 0;
height: 1em;
} }
#headerSubTitle { #headerSubTitle {
/* /*
@ -83,13 +82,15 @@ a:hover { text-decoration: underline; }
color: #fff; color: #fff;
font-size: 50%; font-size: 50%;
vertical-align: 0.6em;
/* /*
font-style: italic; font-style: italic;
*/ */
vertical-align: middle;
} }
.headerTitle a { color: #fff; } .headerTitle a { color: #fff;
margin: 0;
padding: 0;}
.headerTitle a:hover { text-decoration: none; } .headerTitle a:hover { text-decoration: none; }
.subHeader { .subHeader {
@ -134,10 +135,11 @@ a:hover { text-decoration: underline; }
border-top: 2px solid #ccc; border-top: 2px solid #ccc;
} }
/* about events etc. */
#horiz-side-bar ul:first-child { #horiz-side-bar ul:first-child {
background-color: transparent; background-color: transparent;
margin-top: 1em; margin-top: 0.5em;
margin-bottom: 1em; margin-bottom: 0.5em;
border-top: none; border-top: none;
padding-left: 0; padding-left: 0;
} }
@ -165,19 +167,24 @@ a:hover { text-decoration: underline; }
} }
#horiz-side-bar ul:first-child li a { #horiz-side-bar ul:first-child li a {
display: inline-block;
/* /*
color: #fff; color: #fff;
background-color: #7584E4; background-color: #7584E4;
*/ */
border-left: 0.5em solid #ccc; border-left: 0.5em solid #ddd;
text-decoration: none; text-decoration: none;
font-weight: bold!important; font-weight: bold!important;
font-size: 102%; font-size: 102%;
padding: 0.25em 1ex 0.25em 2mm; padding: 0.25em 1ex 0.25em 2mm;
padding-left: 0.2em; padding-left: 0.3em;
margin-right: 1em; margin-right: 1em;
/* fixed width tabby things
margin-right: 0;
width: 5.5em;
*/
} }
#horiz-side-bar ul:first-child li a:hover { #horiz-side-bar ul:first-child li a:hover {
@ -199,7 +206,8 @@ a:hover { text-decoration: underline; }
background-color: #ddd; background-color: #ddd;
} }
#horiz-side-bar ul:last-child li.thisPage a { #horiz-side-bar ul:last-child li.thisPage a,
#horiz-side-bar ul:last-child li a:hover {
background-color: #f5f5f5; background-color: #f5f5f5;
} }
@ -323,27 +331,29 @@ li ul {
} }
#main-copy a { #main-copy a {
font-weight: bold;
color: #2724AE; color: #2724AE;
color: #E2AA00; color: #E2AA00;
color: rgb(100,135,220); color: rgb(100,135,220);
border-bottom: 2px solid rgb(100,135,220); text-decoration: underline;
/*
border-bottom: 1px solid rgb(100,135,220);
*/
background-color: transparent; background-color: transparent;
text-decoration: none;
} }
#main-copy a:hover { #main-copy a:hover {
background-color: #eee; background-color: #eee;
color: #E2AA00; color: #E2AA00;
/*
border-bottom: 2px solid #E2AA00; border-bottom: 2px solid #E2AA00;
*/
} }
#main-copy h1, #main-copy h2 { #main-copy h1, #main-copy h2 {
font-size: 145.5%; font-size: 145.5%;
font-weight: bold; font-weight: bold;
margin: 2em 0 0 0; margin: 0;
padding: 0.5ex 0 0.5ex 0.6ex; padding: 0.5ex 0 0.5ex 0.6ex;
border-bottom: 2px solid #E2AA00; border-bottom: 2px solid #E2AA00;
} }
@ -401,6 +411,7 @@ dd {
padding: 0.25ex; padding: 0.25ex;
clear: both; clear: both;
border-top: solid 2px #E2AA00; border-top: solid 2px #E2AA00;
margin-bottom: 1.6em;
} }
#footer .left { #footer .left {