1/* 2 common.css 3 Copyright (C) 2004-2005 Deryck Hodge <deryck@samba.org> 4 5 Basic styles common to all of samba.org, including VirtualHosts 6 bugzilla.samba.org, build.samba.org, and news.samba.org. 7 8 You may freely use and modify the styles here, but if you 9 intend to recreate the samba.org look exactly, please ask 10 permission first. 11*/ 12 13 14/* Base elements 15***********************************************************/ 16body { 17 background:url(/images/stripes.png) repeat-x 0 0; 18 margin:0; 19 padding:0; 20 background-color:#E5E9F5; 21 font-family:Lucidasans, Helvetica, Verdana, sans-serif; 22 font-size:medium; 23 color:#000; 24} 25body#news { 26 background:none; 27 background-color:#FFF; 28} 29blockquote { 30 margin:35px; 31 padding:15px; 32 border-left:2px groove #CCC; 33 border-top:2px groove #CCC; 34} 35img { 36 border:0; 37} 38 39 40 41/* Headings 42***********************************************************/ 43h1 { 44 font-size:x-large; 45} 46h2 { 47 text-align:left; 48 color:#FFFF64; 49 font-size:large; 50 background-color:#3878CD; 51 margin-top:60px; 52 margin-bottom:15px; 53 padding:2px; 54 padding-left:5px; 55} 56h3 { 57 font-size:medium; 58} 59h5 { 60 font-size:small; 61 text-align:right; 62 display:inline; 63} 64* html h5 { 65 padding-right:4px; 66} 67h6 { 68 font-size:small; 69 text-align:right; 70 text-align:right; 71} 72h6 a { 73 margin-right:3px; 74} 75 76 77/* Lists 78***********************************************************/ 79ol li { 80 margin-bottom:12px; 81} 82 83 84/* Tables 85***********************************************************/ 86table.real thead { 87 background-color: #E5E9F5; 88} 89table.real th, 90table.real td { 91 border: 1px solid #3878CD; 92 padding: 2px; 93} 94table.real { 95 border: 2px solid #3878CD; 96 background-color: #F5F8FF; 97} 98a:link:hover { 99 color:#CC0033; 100 background-color:#FFFF64; 101} 102 103 104/* Header (yellow and blue stripes) 105***********************************************************/ 106#banner { 107 position:absolute; 108 top:0; 109 left:0; 110 height:95px; 111 width:100%; 112 padding-top:4px; 113 z-index:1; 114} 115.srch { 116 text-align:right; 117 margin:0 5px 0 0; 118} 119.srch form { 120 display:inline; 121} 122 123 124/* Slogan ("Opening windows to a wider world") 125***********************************************************/ 126.slogan { 127 position:absolute; 128 left:187px; 129 z-index:1; 130} 131html>body .slogan { /**** Opera needs its own rule *********/ 132 top:100px; 133} 134:root .slogan { /**** Undo the Opera rule for all other browsers ****/ 135 top:80px; 136} 137* html .slogan { /** Then, give IE 5/6 its own rule ****** */ 138 top:100px; 139} 140 141 142/* Logo (with hacks for PNG transparency across browsers) 143***********************************************************/ 144#logo>.logo_hack { 145 background-image:url(/images/logo.png); 146 background-position:center; 147 background-repeat:no-repeat; 148} 149.logo_hack { 150 position:absolute; 151 top:25px; 152 left:0; 153 width:250px; 154 height:119px; 155 padding:0; 156 margin:0; 157 z-index:1; 158} 159.logo_hack a:hover { 160 background:transparent; 161} 162 163 164/* Nav menu 165***********************************************************/ 166#nav { 167 position:absolute; 168 top:152px; 169 left:20px; 170 width:180px; 171 background-color:#F5F8FF; 172 border:2px groove #3878CD; 173 padding:0; 174 padding-bottom:5px; 175 margin:0; 176 z-index:1; 177} 178#nav ul { 179 list-style-type:none; 180 text-align:center; 181 padding:0; 182 margin:0; 183} 184#nav a, 185#nav a:link, 186#nav a:visited { 187 display:block; 188 height:20px; 189 font-size:small; 190 color:#2B5C9F; 191} 192#nav a:hover { 193 color:#FFF; 194 background-color:#3878CD; 195} 196#nav a:active { 197 color:#FFFF64; 198 background-color:#3878CD; 199 font-size:14px; 200} 201#nav img { 202 padding:0; 203 margin:0; 204 width:180px; 205 height:30px; 206} 207 208 209/* links menu 210***********************************************************/ 211#links { 212 position:absolute; 213 top:152px; 214 left:81%; 215 width:180px; 216 padding:0; 217 width:18%; 218 background-color:#F5F8FF; 219 border:2px groove #3878CD; 220 padding:0; 221 padding-bottom:5px; 222 margin:0; 223 z-index:1; 224} 225#links ul { 226 list-style-type:none; 227 text-align:center; 228 padding:0; 229 margin:0; 230} 231#links a, 232#links a:link, 233#links a:visited { 234 display:block; 235 height:20px; 236 font-size:small; 237 color:#2B5C9F; 238} 239#links a:hover { 240 color:#FFF; 241 background-color:#3878CD; 242} 243#links a:active { 244 color:#FFFF64; 245 background-color:#3878CD; 246 font-size:14px; 247} 248#links img { 249 padding:0; 250 margin:0; 251 width:180px; 252 height:30px; 253} 254 255 256/* Text and alignment formats 257***********************************************************/ 258.punch { 259 font-weight:bold; 260} 261.tilt { 262 font-style:italic; 263} 264.colophon { 265 margin-left:20px; 266} 267