From cac606ed8eee2c1b1c96579145afe9ccc8fcff2f Mon Sep 17 00:00:00 2001 From: Deryck Hodge Date: Thu, 14 Jul 2005 19:21:02 +0000 Subject: r8479: * Sync CSS with current samba.org stylesheets. * Add wide.css so it's availble for future pages. * Move SWAT specific styles to swat.css to make future syncs easier. deryck (This used to be commit 7ddc3ed5b87687a66995d2555c683efcb93be7e2) --- swat/style/columns.css | 127 ++++++++++++++++++++++++++++++++++++++++++++++++ swat/style/common.css | 128 +++++++++++++++++++++++++++++++------------------ swat/style/main.css | 123 ----------------------------------------------- swat/style/swat.css | 32 +++++++++++++ swat/style/wide.css | 113 +++++++++++++++++++++++++++++++++++++++++++ 5 files changed, 353 insertions(+), 170 deletions(-) create mode 100644 swat/style/columns.css delete mode 100644 swat/style/main.css create mode 100644 swat/style/swat.css create mode 100644 swat/style/wide.css (limited to 'swat/style') diff --git a/swat/style/columns.css b/swat/style/columns.css new file mode 100644 index 0000000000..c3be8cbf65 --- /dev/null +++ b/swat/style/columns.css @@ -0,0 +1,127 @@ +/* + columns.css + Copyright (C) 2004-2005 Deryck Hodge + + Creates a puesdo-three-column view. + + You may freely use and modify the styles here, but if you + intend to recreate the samba.org look exactly, please ask + permission first. +*/ + + +/* Right-side column +***********************************************************/ +#links { + float:left; + margin:115px 0 0 81%; + padding:0; + width:18%; +} +* html #links { + position:absolute; + top:115px; + left:82%; + float:none; + width:17%; + margin:0; +} +#links h4 { + margin-top:10px; + margin-left:1.5px; + font-size:small; +} +#links ul { + list-style-type:none; + padding:0; + padding-top:5px; + margin-left:20px; +} +#links a { + font-size:small; +} +#links p { + margin-top:25px; + margin-left:20px; +} +.releases { + padding:2px; + margin-top:35px; + border:1px solid #CCC; + background-color:#E5E9F5; +} +.beyond, .related, .intl { + padding:2px; + margin-top:25px; + border:1px solid #CCC; + background-color:#E5E9F5; +} +.beyond li { + margin-bottom:10px; +} +.contacts li{ + list-style-type:disc; +} + + +/* Middle content column +***********************************************************/ +#content { + position:absolute; + top:100px; + margin:0 20% 0 175px; + padding-top:30px; + padding-left:35px; + padding-bottom:50px; + padding-right:15px; + background-color:#FFF; + border-left:1px solid #FFFF64; + border-right:1px solid #FFFF64; +} +* html #content { + width:51%; + margin-right:0; +} +#content ul { + list-style-type:none; +} + + +/* Misc +************************************************************/ +.headline { + margin-left:20px; + font-style:italic; +} +.plugs { + font-style:italic; + text-align:center; + border-top:2px groove #3878CD; + border-bottom:2px groove #3878CD; + padding:10px; + margin-top:100px; +} +.plugs p { + padding:30px; +} +.plugs img { + float:left; +} +.request { + margin-top:50px; + font-style:italic; + font-size:small; +} +#noswp img { + border:1px solid #3868CD; + width:370px; + height:90px; +} +#noswp a:hover { + background-color:transparent; +} +#noswp { + width:auto; + text-align:center; + margin:10px 0 25px 0; +} diff --git a/swat/style/common.css b/swat/style/common.css index 58406ccc40..6b4fa65a4c 100644 --- a/swat/style/common.css +++ b/swat/style/common.css @@ -1,15 +1,45 @@ -/* common.css */ +/* + common.css + Copyright (C) 2004-2005 Deryck Hodge - /********* Basic elements across the site **********/ - /***************************************************/ + Basic styles common to all of samba.org, including VirtualHosts + bugzilla.samba.org, build.samba.org, and news.samba.org. + You may freely use and modify the styles here, but if you + intend to recreate the samba.org look exactly, please ask + permission first. +*/ + + +/* Base elements +***********************************************************/ body { + background:url(/images/stripes.png) repeat-x 0 0; margin:0; + padding:0; background-color:#E5E9F5; font-family:Lucidasans, Helvetica, Verdana, sans-serif; font-size:medium; color:#000; } +body#news { + background:none; + background-color:#FFF; +} +blockquote { + margin:35px; + padding:15px; + border-left:2px groove #CCC; + border-top:2px groove #CCC; +} +img { + border:0; +} + + + +/* Headings +***********************************************************/ h1 { font-size:x-large; } @@ -42,6 +72,17 @@ h6 { h6 a { margin-right:3px; } + + +/* Lists +***********************************************************/ +ol li { + margin-bottom:12px; +} + + +/* Tables +***********************************************************/ table.real thead { background-color: #E5E9F5; } @@ -58,50 +99,30 @@ a:link:hover { color:#CC0033; background-color:#FFFF64; } -ol li { - margin-bottom:12px; -} -blockquote { - margin:35px; - padding:15px; - border-left:2px groove #CCC; - border-top:2px groove #CCC; -} -img { - border:0; -} -.punch { /*creates a bold typeface */ - font-weight:bold; -} - /********************* header styles *******************************/ - /******************************************************************/ + +/* Header (yellow and blue stripes) +***********************************************************/ #banner { position:absolute; top:0; left:0; - height:90px; + height:95px; width:100%; padding-top:4px; - background-color:#FFFF64; + z-index:1; } -.logout { +.srch { text-align:right; - + margin:0 5px 0 0; } -.logout form { +.srch form { display:inline; } -.stripe { - position:absolute; - top:40px; - left:0; - height:55px; - width:100%; - background-color:#3878CD; - border-top:2px solid #575756; - border-bottom:2px solid #575756; -} + + +/* Slogan ("Opening windows to a wider world") +***********************************************************/ .slogan { position:absolute; left:187px; @@ -117,8 +138,9 @@ html>body .slogan { /**** Opera needs its own rule *********/ top:100px; } - /******** PNG logo with transparency across browsers */ - /******************************************************/ + +/* Logo (with hacks for PNG transparency across browsers) +***********************************************************/ #logo>.logo_hack { background-image:url(/images/logo.png); background-position:center; @@ -132,14 +154,16 @@ html>body .slogan { /**** Opera needs its own rule *********/ height:119px; padding:0; margin:0; + z-index:1; } .logo_hack a:hover { background:transparent; } - /******** Main nav menu styles ****************/ - /**********************************************/ -.nav { + +/* Nav menu +***********************************************************/ +#nav { position:absolute; top:152px; left:20px; @@ -151,35 +175,45 @@ html>body .slogan { /**** Opera needs its own rule *********/ margin:0; z-index:1; } -.nav ul { +#nav ul { list-style-type:none; text-align:center; padding:0; margin:0; } -.nav a, -.nav a:link, -.nav a:visited { +#nav a, +#nav a:link, +#nav a:visited { display:block; height:20px; font-size:small; color:#2B5C9F; } -.nav a:hover { +#nav a:hover { color:#FFF; background-color:#3878CD; } -.nav a:active { +#nav a:active { color:#FFFF64; background-color:#3878CD; font-size:14px; } -.nav img { +#nav img { padding:0; margin:0; width:180px; height:30px; } + + +/* Text and alignment formats +***********************************************************/ +.punch { + font-weight:bold; +} +.tilt { + font-style:italic; +} .colophon { margin-left:20px; } diff --git a/swat/style/main.css b/swat/style/main.css deleted file mode 100644 index 791a89d9e0..0000000000 --- a/swat/style/main.css +++ /dev/null @@ -1,123 +0,0 @@ -/* main.css */ - - /******* Links for right-hand side of the page ******/ - /****************************************************/ -#links { - float:right; - margin:115px 1em 0 0; - padding:0; - width:173px; -} -* html #links { /* Applies to IE5/6 only */ - margin:115px .5% 0 0; -} -#links h4 { - margin-top:10px; - margin-left:1.5px; - font-size:small; -} -#links ul { - list-style-type:none; - padding:0; - padding-top:5px; - margin-left:20px; -} -#links a { - font-size:small; -} -#links p { - margin-top:25px; - margin-left:20px; -} -.releases { - padding:2px; - margin-top:35px; - border:1px solid #CCC; - background-color:#E5E9F5; -} -.beyond, .related, .intl { - padding:2px; - margin-top:25px; - border:1px solid #CCC; - background-color:#E5E9F5; -} -.beyond li { - margin-bottom:10px; -} -.contacts li{ - list-style-type:disc; -} - /****** Formats the page layout ********************/ - /**************************************************/ -#content>.center { - min-height:800px; - z-index:0; -} -.center { - margin:0 22% 0 175px; - padding-top:130px; - padding-left:35px; - padding-bottom:50px; - padding-right:15px; - background-color:#FFF; - border-left:1px solid #FFFF64; - border-right:1px solid #FFFF64; - z-index:-1; -} -.center ul { - list-style-type:none; -} -.headline { - margin-left:20px; - font-style:italic; -} - /*********T-shirts and mirror footnotes *************/ - /****************************************************/ -.plugs { - font-style:italic; - text-align:center; - border-top:2px groove #3878CD; - border-bottom:2px groove #3878CD; - padding:10px; - margin-top:100px; -} -.plugs p { - padding:30px; -} -.plugs img { - float:left; -} -.request { - margin-top:50px; - font-style:italic; - font-size:small; -} -#noswp img { - border:1px solid #3868CD; - width:370px; - height:90px; -} -#noswp a:hover { - background-color:transparent; -} -#noswp { - width:auto; - text-align:center; - margin:10px 0 25px 0; -} - -/* - styles for data tables -*/ -table.data { - border: 2px; -} -table.data th { - margin-top:20px; - text-align:left; - background-color: #F5C915; -} -table.data tr { - background-color: #E5C995; - text-align:left; -} diff --git a/swat/style/swat.css b/swat/style/swat.css new file mode 100644 index 0000000000..0c8f720003 --- /dev/null +++ b/swat/style/swat.css @@ -0,0 +1,32 @@ +/* + swat.css + + Styles added to the samba.org stylesheets + specifically for SWAT. +*/ + + +/* Forms +***********************************************************/ +.logout { + text-align:right; +} +.logout form { + display:inline; +} + + +/* Tables +***********************************************************/ +table.data { + border: 2px; +} +table.data th { + margin-top:20px; + text-align:left; + background-color: #F5C915; +} +table.data tr { + background-color: #E5C995; + text-align:left; +} diff --git a/swat/style/wide.css b/swat/style/wide.css new file mode 100644 index 0000000000..0107b33698 --- /dev/null +++ b/swat/style/wide.css @@ -0,0 +1,113 @@ +/* + wide.css + Copyright (C) 2004-2005 Deryck Hodge + + An alternate two-column "wide" style for those pages + with lots and lots of text (download, devel, etc.) + + You may freely use and modify the styles here, but if you + intend to recreate the samba.org look exactly, please ask + permission first. +*/ + + +/* Primary content section +***********************************************************/ +#content { + position:absolute; + top:100px; + clear:left; + margin:0 1% 0 175px; + padding-top:30px; + padding-left:35px; + padding-bottom:50px; + padding-right:15px; + background-color:#FFF; + border-left:1px solid #FFFF64; + border-right:1px solid #FFFF64; +} +* html #content { + width:70%; +} +#content h4 { + font-weight:bold; + margin:50px 10px 15px 0; +} +pre { + margin:15px 0 30px 5px; +} + + +/* Team section +***********************************************************/ +.teampic { + text-align:center; +} +.teampic img { + width:431px; + height:300px; +} + + +/* Release history/Release notes +***********************************************************/ +.notes { + position:absolute; + top:265px; + left:0; +} +.notes h6 { + text-align:left; + margin:10px 5px; +} +.notes ul { + list-style-type:none; + text-align:left; + padding-left:12px; + margin:0 0 0 10px; + font-size:10px; +} +.intro { + margin-top:30px; +} +.headline { + margin-left:20px; + font-style:italic; +} +.latest ul { + list-style-type:none; + margin-left:40px; +} + + +/* Support providers pages +***********************************************************/ +#countries { + float:left; + margin:240px 0 0 5px; + padding:0; + background-color:#E5E9F5; +} +#countries ul { + list-style-type:none; +} +#countries a { + font-size:small; +} +#countries h4 { + margin-top:10px; + margin-left:1px; + font-size:small; +} +.disclaimer { + margin:30px; + font-style:italic; +} +.info { + margin:75px 15px 15px 15px; + padding:10px; + font-size:small; + border-top:1px dotted #3878CD; + border-bottom:1px dotted #3878CD; +} + -- cgit