diff options
Diffstat (limited to 'css/styles_white.css')
-rw-r--r-- | css/styles_white.css | 374 |
1 files changed, 374 insertions, 0 deletions
diff --git a/css/styles_white.css b/css/styles_white.css new file mode 100644 index 0000000..1a6429f --- /dev/null +++ b/css/styles_white.css @@ -0,0 +1,374 @@ +/* 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: white; +} +ul +{ + list-style: none; + padding: 0; + margin: 0; + clear: left; +} +.bullet +{ + list-style: none; + padding-left: 17px; + text-indent: -1em; +} +.bullet li:before { + content: "/\A0\A0"; +} +#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 a.link:link, .content a.link:visited +{ + text-decoration: none; + font-weight: normal; +} +.content a.link:hover +{ + text-decoration: none; + padding-top: 4px; + padding-bottom: 4px; +} +.content .text +{ + font-family: Helvetica, Arial, sans-serif; + font-size: 20px; + line-height: 32px; + color: #000; +} +.headline +{ + font-size: 20px; + line-height: 32px; +} +.footer +{ + font-family: Helvetica, Arial, sans-serif; + font-size: 14px; + line-height: 22px; + color: #666; +} +.thumb, .thumb:link, .thumb:visited +{ + border-width: 1px; + border-style: solid; + padding: 0; + margin: 0; +} +.thumb:hover +{ + border-color: white; + 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; +} +.media +{ + font-family: Helvetica, Arial, sans-serif; + font-size: 16px; + line-height: 27px; + color: black; + float: left; + width: 729px; +} +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: white; +} +.links +{ + font-family: Helvetica, Arial, sans-serif; + font-size: 14px; + line-height: 22px; + color: #666; +} +.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: black; +} +#menu li a.selected:link, +#menu li a.selected:visited, +#menu li a.selected:hover +{ + color: white; +} +.emphasis +{ + padding-top: 4px; + padding-bottom: 3px; + color: white; + background-color: black; +} + + +/* bottom spacing based on line-height 27 */ + +.content .text +{ + padding-bottom: 27px; +} +.content ul +{ + padding-bottom: 14px; +} +.content li +{ + padding-bottom: 13px; +} +.media +{ + padding-bottom: 27px; +} +.thumb-wrapper +{ + padding-bottom: 29px; +} +.pagination +{ + padding-bottom: 36px; +} + + +/* 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; + display: block; +} +.content +{ + width: 709px; + float: left; + margin-right: 20px; +} +.sidebar +{ + width: 223px; + float: right; + margin-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; +} +.thumbnails +{ + width: 972px; + position: relative; + float: left; + clear: left; +} + + +/* modifiers */ + +.clr +{ + margin-bottom: 20px; +} +.spc +{ + margin-bottom: 4px; +} +.last +{ + padding-right: 0px; +} +.main +{ + padding-top: 10px; + margin-bottom: -27px; +} + +/* menu */ + +#menu +{ + position: fixed; + left: 17px; + top: 120px; + padding: 3px; +} +#menu li ul { + position: absolute; + left: 0; + background-color: black; + 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: black; + 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: black; + 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: black; + 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 */ |