swat2/style/common.css

   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 ***********************************************************/
  16 body {
  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 }
  25 body#news  {
  26         background:none;
  27         background-color:#FFF;
  28 }
  29 blockquote {
  30         margin:35px;
  31         padding:15px;
  32         border-left:2px groove #CCC;
  33         border-top:2px groove #CCC;
  34 }
  35 img {
  36         border:0;
  37 }
  38
  39
  40
  41 /* Headings
  42 ***********************************************************/
  43 h1 {
  44         font-size:x-large;
  45 }
  46 h2 {
  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 }
  56 h3 {
  57         font-size:medium;
  58 }
  59 h5 {
  60         font-size:small;
  61         text-align:right;
  62         display:inline;
  63 }
  64 * html h5 {
  65         padding-right:4px;
  66 }
  67 h6 {
  68         font-size:small;
  69         text-align:right;
  70         text-align:right;
  71 }
  72 h6 a {
  73         margin-right:3px;
  74 }
  75
  76
  77 /* Lists
  78 ***********************************************************/
  79 ol li {
  80         margin-bottom:12px;
  81 }
  82
  83
  84 /* Tables
  85 ***********************************************************/
  86 table.real thead {
  87         background-color: #E5E9F5;
  88 }
  89 table.real th,
  90 table.real td {
  91         border: 1px solid #3878CD;
  92         padding: 2px;
  93 }
  94 table.real {
  95         border: 2px solid #3878CD;
  96         background-color: #F5F8FF;
  97 }
  98 a: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 }
 131 html>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 }