diff options
author | Bernie Innocenti <bernie@codewiz.org> | 2011-03-01 00:55:41 (GMT) |
---|---|---|
committer | Bernie Innocenti <bernie@codewiz.org> | 2011-03-01 00:55:41 (GMT) |
commit | 64474c14afdb45961cd232d30cc443f0c318f292 (patch) | |
tree | 5b2e7102550544b48a1fd1e52548b6082dabd2a3 /css/styles_white.css |
Sugar Labs website 2010
Diffstat (limited to 'css/styles_white.css')
-rw-r--r-- | css/styles_white.css | 393 |
1 files changed, 393 insertions, 0 deletions
diff --git a/css/styles_white.css b/css/styles_white.css new file mode 100644 index 0000000..dd37f66 --- /dev/null +++ b/css/styles_white.css @@ -0,0 +1,393 @@ +/* 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 */ + +/* default styles for logo text if images disabled */ +h1 { + font-family: Helvetica, Arial, sans-serif; + font-size: 19px; + font-weight: normal; + padding: 0; + margin: 0; +} +a { + text-decoration: none; +} + +/* formatting */ + +body +{ + margin-top: 10px; + margin-left: 19px; + 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: 19px; + 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, .tab-header +{ + text-decoration: none; + padding-top: 4px; + padding-bottom: 4px; +} +.content .text +{ + font-family: Helvetica, Arial, sans-serif; + font-size: 19px; + line-height: 32px; + color: #000; +} +.normal +{ + font-size: 16px; + line-height: 27px; +} +.headline a.link:hover +{ + text-decoration: none; + padding-top: 5px; + padding-bottom: 5px; +} +.footer +{ + font-family: Helvetica, Arial, sans-serif; + font-size: 14px; + line-height: 25px; + color: #666; +} +.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; + width: 729px; +} +.press +{ + font-family: Helvetica, Arial, sans-serif; + font-size: 16px; + line-height: 27px; + color: black; + 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; +} +.attachment +{ + font-family: Helvetica, Arial, sans-serif; + font-size: 14px; + line-height: 22px; + color: black; +} +.links +{ + font-family: Helvetica, Arial, sans-serif; + font-size: 14px; + line-height: 22px; + color: #666; +} +.links a.link:link, .links a.link:visited, +.pagination a.link:link, .pagination a.link:visited, +.footer a.link:link, .footer a.link:visited, +.thumb-wrapper a.link:link, .thumb-wrapper a.link:visited, +.attachment a.link:link, .attachment a.link:visited +{ + padding-top: 2px; + padding-bottom: 2px; +} +.links a.link:hover, .pagination a.link:hover, .footer a.link:hover, .thumb-wrapper a.link:hover, .attachment a.link:hover + +{ + padding-top: 3px; + padding-bottom: 4px; +} +.pagination +{ + float: left; + width: 100%; + height: 19px; + font-family: Helvetica, Arial, sans-serif; + font-size: 14px; + line-height: 22px; + color: #666; +} +#menu li a.selected:link, +#menu li a.selected:visited, +#menu li a.selected:hover +{ + color: white; +} +.emphasis +{ + padding-top: 4px; + padding-bottom: 4px; + color: white; + background-color: black; +} + + +/* bottom spacing based on line-height 27 */ + +.content .text +{ + padding-bottom: 30px; +} +.content ul +{ + padding-bottom: 17px; +} +.content li +{ + padding-bottom: 13px; +} +.media +{ + padding-bottom: 36px; +} +.thumb-wrapper +{ + padding-bottom: 36px; +} +.pagination +{ + padding-bottom: 36px; +} + +/* layout */ + +.logo +{ + padding-top: 30px; + padding-bottom: 120px; + height: 51px; + position: relative; +} +.links-container +{ + left: 749px; + top: 10px; + position: absolute; + width: 223px; + display: block; +} +.content-container +{ + width: 972px; + display: block; +} +.content +{ + width: 709px; + margin-right: 19px; + display: block; + float: left; +} +.sidebar +{ + width: 223px; + float: left; + margin-right: 19px; +} +.footer +{ + width: 972px; + margin-bottom: 19px; + clear: both; +} +.thumb-wrapper +{ + float: left; + vertical-align: top; + width: 223px; + padding-right: 19px; + display: block; + position: relative; +} +.thumbnails +{ + width: 972px; +} + + +/* modifiers */ + +.clr +{ + margin-bottom: 19px; +} +.spc +{ + margin-bottom: 7px; +} +.clrtop +{ + margin-top: 19px; +} +.last +{ + padding-right: 0px; +} +.main +{ + padding-top: 10px; + margin-bottom: -27px; +} + +/* menu */ + +#menu +{ + position: absolute; + left: 17px; + top: 144px; + padding: 3px; +} +#menu li ul { + position: absolute; + left: 0; + background-color: black; + width: 237px; + 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; + 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; + 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; + 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 */ |