Merge commit 'release-4-0-0alpha1' into v4-0-test
[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 /* 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 }