diff options
Diffstat (limited to 'css/styles_black.css')
-rw-r--r-- | css/styles_black.css | 301 |
1 files changed, 301 insertions, 0 deletions
diff --git a/css/styles_black.css b/css/styles_black.css new file mode 100644 index 0000000..b9a219f --- /dev/null +++ b/css/styles_black.css @@ -0,0 +1,301 @@ +/* Grid dimensions */ + +/* Total page width: 988px */ +/* Large column width: 223px */ +/* Gutters: 20px */ + +/* Column 1 x: 20px */ +/* Column 2 x: 263px */ +/* Column 3 x: 506px */ +/* Column 4 x: 749px */ + + +/* formatting */ + +body +{ + margin-top: 10px; + margin-left: 20px; + background-color: black; +} +ul +{ + list-style: none; + padding: 0px; + margin: 0px; +} +a.link:link, a.link:visited +{ + text-decoration: none; + font-weight: normal; + padding-top: 4px; + padding-bottom: 4px; +} +a.link:hover +{ + text-decoration: none; + padding-top: 4px; + padding-bottom: 4px; + background-color: black; +} +.links +{ + font-family: Helvetica, Arial, sans-serif; + font-size: 14px; + line-height: 22px; + color: #999; +} +.links a.link:link, .links a.link:visited, +.footer a.link:link, .footer a.link:visited, +.thumb-wrapper a.link:link, .thumb-wrapper a.link:visited +{ + padding-top: 2px; + padding-bottom: 2px; +} +.links a.link:hover, .footer a.link:hover, .thumb-wrapper a.link:hover + +{ + padding-top: 4px; + padding-bottom: 3px; +} +.pagination +{ + float: left; + width: 100%; + height: 20px; + font-family: Helvetica, Arial, sans-serif; + font-size: 14px; + line-height: 22px; + color: white; + padding-bottom: 36px; +} +#menu li a:link, #menu li a:visited +{ + font-family: Helvetica, Arial, sans-serif; + font-size: 20px; + line-height: 32px; + text-decoration: none; + font-weight: normal; + padding-left: 2px; + padding-right: 2px; + display: block; +} +#menu li a:hover, #menu li a.selected:link, #menu li a.selected:visited +{ + text-decoration: none; +} +.content ul +{ + padding-bottom: 22px; +} +.content li +{ + padding-bottom: 8px; +} +.content li a:link, .content li a:visited +{ + font-family: Helvetica, Arial, sans-serif; + font-size: 20px; + line-height: 32px; + text-decoration: none; + font-weight: normal; +} +.footer +{ + font-family: Helvetica, Arial, sans-serif; + font-size: 14px; + line-height: 22px; + color: #999; +} +.thumb, .thumb:link, .thumb:visited +{ + border-width: 1px; + border-style: solid; + padding: 0; + margin: 0; +} +.thumb:hover +{ + border-color: black; + border-width: 1px; + border-style: solid; + padding: 0; + margin: 0; +} +.thumb-wrapper +{ + font-family: Helvetica, Arial, sans-serif; + font-size: 14px; + line-height: 22px; + color: black; +} +#menu li a.selected:link, +#menu li a.selected:visited, +#menu li a.selected:hover +{ + color: black; + background-color: none; +} + + +/* layout */ + +.logo +{ + padding-top: 20px; + padding-bottom: 110px; + height: 45px; + position: relative; +} +.links-container +{ + left: 749px; + top: 10px; + position: absolute; + width: 223px; + display: block; +} +.content-container +{ + width: 972px; +} +.content +{ + width: 709px; + float: left; +} +.sidebar +{ + width: 223px; + float: right; + padding-right: 20px; +} +.footer +{ + width: 972px; + padding-bottom: 20px; + clear: both; +} +.thumb-wrapper +{ + float: left; + vertical-align: top; + width: 223px; + padding-right: 20px; + display: block; + position: relative; + padding-bottom: 29px; +} + + +/* modifiers */ + +.clr +{ + margin-bottom: 20px; +} +.spc +{ + margin-bottom: 4px; +} +.last +{ + padding-right: 0px; +} + + +/* menu */ + +#menu +{ + position: absolute; + left: 17px; + top: 120px; + padding: 3px; +} +#menu li ul { + position: absolute; + left: 0; + background-color: white; + width: 237px; /* interior highlight, should equal 243 with padding */ + margin: -35px 0 0 0; + padding: 3px 3px 20px 3px; + display: none; +} +#menu ul li ul { + position: absolute; + left: 0; + background-color: white; + width: 237px; /* interior highlight, should equal 243 with padding */ + margin: -35px 0 0 240px; + padding: 3px 3px 20px 3px; + display: none; +} +#menu ul ul li ul { + position: absolute; + left: 0; + background-color: white; + width: 237px; /* interior highlight, should equal 243 with padding */ + margin: -35px 0 0 240px; + padding: 3px 3px 20px 3px; + display: none; +} +#menu ul ul ul li ul { + position: absolute; + left: 0; + background-color: white; + width: 237px; /* interior highlight, should equal 243 with padding */ + margin: -35px 0 0 240px; + padding: 3px 3px 20px 3px; + display: none; +} + +/* SHOW SUBMENU 1 */ +#menu li:hover ul, #menu li.over ul { + display:block; +} +#menu li:hover ul ul, #menu li.over ul ul { + display:none; +} + +/* SHOW SUBMENU 2 */ +#menu ul li:hover ul, #menu ul li.over ul { + display:block; +} +#menu li:hover ul ul ul, #menu li.over ul ul ul { + display:none; +} + +/* SHOW SUBMENU 3 */ +#menu ul ul li:hover ul, #menu ul ul li.over ul { + display:block; +} +#menu li:hover ul ul ul ul, #menu li.over ul ul ul ul { + display:none; +} + +/* SHOW SUBMENU 4 */ +#menu ul ul ul li:hover ul, #menu ul ul li.over ul { + display:block; +} + +#menu { + z-index:1; +} +#menu ul { + z-index:2; +} +#menu ul ul { + z-index:3; +} +#menu ul ul ul { + z-index:4; +} +#menu ul ul ul { + z-index:5; +} + +/* Fix IE. Hide from IE Mac \*/ +* html #menu ul li { float: left; height: 1%; } +* html #menu ul li a { height: 1%; } +/* End */ |