r8479: * Sync CSS with current samba.org stylesheets.
[jra/samba/.git] / swat / 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 /* Text and alignment formats
210 ***********************************************************/
211 .punch {
212         font-weight:bold;
213 }
214 .tilt {
215         font-style:italic;
216 }
217 .colophon {
218         margin-left:20px;
219 }