diff options
Diffstat (limited to 'webapps/style')
-rw-r--r-- | webapps/style/columns.css | 73 | ||||
-rw-r--r-- | webapps/style/common.css | 266 | ||||
-rw-r--r-- | webapps/style/swat.css | 40 | ||||
-rw-r--r-- | webapps/style/wide.css | 113 |
4 files changed, 492 insertions, 0 deletions
diff --git a/webapps/style/columns.css b/webapps/style/columns.css new file mode 100644 index 0000000000..e78da9b3d7 --- /dev/null +++ b/webapps/style/columns.css @@ -0,0 +1,73 @@ +/* + columns.css + Copyright (C) 2004-2005 Deryck Hodge <deryck@samba.org> + + 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. +*/ + + +/* 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/webapps/style/common.css b/webapps/style/common.css new file mode 100644 index 0000000000..545ffe930c --- /dev/null +++ b/webapps/style/common.css @@ -0,0 +1,266 @@ +/* + common.css + Copyright (C) 2004-2005 Deryck Hodge <deryck@samba.org> + + 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; +} +h2 { + text-align:left; + color:#FFFF64; + font-size:large; + background-color:#3878CD; + margin-top:60px; + margin-bottom:15px; + padding:2px; + padding-left:5px; +} +h3 { + font-size:medium; +} +h5 { + font-size:small; + text-align:right; + display:inline; +} +* html h5 { + padding-right:4px; +} +h6 { + font-size:small; + text-align:right; + text-align:right; +} +h6 a { + margin-right:3px; +} + + +/* Lists +***********************************************************/ +ol li { + margin-bottom:12px; +} + + +/* Tables +***********************************************************/ +table.real thead { + background-color: #E5E9F5; +} +table.real th, +table.real td { + border: 1px solid #3878CD; + padding: 2px; +} +table.real { + border: 2px solid #3878CD; + background-color: #F5F8FF; +} +a:link:hover { + color:#CC0033; + background-color:#FFFF64; +} + + +/* Header (yellow and blue stripes) +***********************************************************/ +#banner { + position:absolute; + top:0; + left:0; + height:95px; + width:100%; + padding-top:4px; + z-index:1; +} +.srch { + text-align:right; + margin:0 5px 0 0; +} +.srch form { + display:inline; +} + + +/* Slogan ("Opening windows to a wider world") +***********************************************************/ +.slogan { + position:absolute; + left:187px; + z-index:1; +} +html>body .slogan { /**** Opera needs its own rule *********/ + top:100px; +} +:root .slogan { /**** Undo the Opera rule for all other browsers ****/ + top:80px; +} +* html .slogan { /** Then, give IE 5/6 its own rule ****** */ + top:100px; +} + + +/* Logo (with hacks for PNG transparency across browsers) +***********************************************************/ +#logo>.logo_hack { + background-image:url(/images/logo.png); + background-position:center; + background-repeat:no-repeat; +} +.logo_hack { + position:absolute; + top:25px; + left:0; + width:250px; + height:119px; + padding:0; + margin:0; + z-index:1; +} +.logo_hack a:hover { + background:transparent; +} + + +/* Nav menu +***********************************************************/ +#nav { + position:absolute; + top:152px; + left:20px; + width:180px; + background-color:#F5F8FF; + border:2px groove #3878CD; + padding:0; + padding-bottom:5px; + margin:0; + z-index:1; +} +#nav ul { + list-style-type:none; + text-align:center; + padding:0; + margin:0; +} +#nav a, +#nav a:link, +#nav a:visited { + display:block; + height:20px; + font-size:small; + color:#2B5C9F; +} +#nav a:hover { + color:#FFF; + background-color:#3878CD; +} +#nav a:active { + color:#FFFF64; + background-color:#3878CD; + font-size:14px; +} +#nav img { + padding:0; + margin:0; + width:180px; + height:30px; +} + + +/* links menu +***********************************************************/ +#links { + position:absolute; + top:152px; + left:81%; + width:180px; + padding:0; + width:18%; + background-color:#F5F8FF; + border:2px groove #3878CD; + padding:0; + padding-bottom:5px; + margin:0; + z-index:1; +} +#links ul { + list-style-type:none; + text-align:center; + padding:0; + margin:0; +} +#links a, +#links a:link, +#links a:visited { + display:block; + height:20px; + font-size:small; + color:#2B5C9F; +} +#links a:hover { + color:#FFF; + background-color:#3878CD; +} +#links a:active { + color:#FFFF64; + background-color:#3878CD; + font-size:14px; +} +#links 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/webapps/style/swat.css b/webapps/style/swat.css new file mode 100644 index 0000000000..c41e4eaf10 --- /dev/null +++ b/webapps/style/swat.css @@ -0,0 +1,40 @@ +/* + 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; +} + +/* Temp fix for content sections that don't span the window. + This is not cross-browser and won't be the final way I handle + this, but I can't stand looking at small boxes while I work. :-) */ +#content { + min-width:55%; + min-height:800px; +} diff --git a/webapps/style/wide.css b/webapps/style/wide.css new file mode 100644 index 0000000000..0107b33698 --- /dev/null +++ b/webapps/style/wide.css @@ -0,0 +1,113 @@ +/* + wide.css + Copyright (C) 2004-2005 Deryck Hodge <deryck@samba.org> + + 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; +} + |