r7088: start on some real structure for the SWAT web pages
[samba.git] / swat / style / common.css
1 /* common.css */
2
3         /********* Basic elements across the site **********/
4         /***************************************************/
5
6 body {
7         margin:0;
8         background-color:#E5E9F5;
9         font-family:Lucidasans, Helvetica, Verdana, sans-serif;
10         font-size:medium;
11         color:#000;
12 }
13 h1 {
14         font-size:x-large;
15 }
16 h2 {
17         text-align:left;
18         color:#FFFF64;
19         font-size:large;
20         background-color:#3878CD;
21         margin-top:60px;
22         margin-bottom:15px;
23         padding:2px;
24         padding-left:5px;
25 }
26 h3 {
27         font-size:medium;
28 }
29 h5 {
30         font-size:small;
31         text-align:right;
32         display:inline;
33 }
34 * html h5 {
35         padding-right:4px;
36 }
37 h6 {
38         font-size:small;
39         text-align:right;
40         text-align:right;
41 }
42 h6 a {
43         margin-right:3px;
44 }
45 table.real thead { 
46         background-color: #E5E9F5;
47 }
48 table.real th,
49 table.real td {
50         border: 1px solid #3878CD;
51         padding: 2px;
52 }
53 table.real { 
54         border: 2px solid #3878CD;
55         background-color: #F5F8FF;
56 }
57 a:link:hover {
58         color:#CC0033;
59         background-color:#FFFF64;
60 }
61 ol li {
62         margin-bottom:12px;
63 }
64 blockquote {                            
65         margin:35px;                    
66         padding:15px;                   
67         border-left:2px groove #CCC;
68         border-top:2px groove #CCC;
69 }
70 img {
71         border:0;
72 }
73 .punch {                        /*creates a bold typeface */
74         font-weight:bold;
75 }
76
77         /********************* header styles *******************************/
78         /******************************************************************/
79 #banner {
80         position:absolute;
81         top:0;
82         left:0;
83         height:90px;
84         width:100%;
85         padding-top:4px;
86         background-color:#FFFF64;
87 }
88 .logout {
89         text-align:right;
90
91 }
92 .logout form {
93         display:inline;
94 }
95 .stripe {
96         position:absolute;
97         top:40px;
98         left:0;
99         height:55px;
100         width:100%;
101         background-color:#3878CD;
102         border-top:2px solid #575756;
103         border-bottom:2px solid #575756;
104 }
105 .slogan {
106         position:absolute;
107         left:187px;
108         z-index:1;
109 }
110 html>body .slogan {     /**** Opera needs its own rule *********/
111         top:100px;
112 }
113 :root .slogan {         /**** Undo the Opera rule for all other browsers ****/
114         top:80px;
115 }
116 * html .slogan {        /** Then, give IE 5/6 its own rule ****** */
117         top:100px;
118 }
119
120                 /******** PNG logo with transparency across browsers  */
121                 /******************************************************/
122 #logo>.logo_hack {
123         background-image:url(/images/logo.png);
124         background-position:center;
125         background-repeat:no-repeat;
126 }
127 .logo_hack {
128         position:absolute;
129         top:25px;
130         left:0;
131         width:250px;
132         height:119px;
133         padding:0;
134         margin:0;
135 }
136 .logo_hack a:hover {
137         background:transparent;
138 }
139
140                 /******** Main nav menu styles ****************/
141                 /**********************************************/
142 .nav {
143         position:absolute;
144         top:152px;
145         left:20px;
146         width:180px;
147         background-color:#F5F8FF;
148         border:2px groove #3878CD;
149         padding:0;
150         padding-bottom:5px;
151         margin:0;
152         z-index:1;
153 }
154 .nav ul {
155         list-style-type:none;
156         text-align:center;
157         padding:0;
158         margin:0;
159 }
160 .nav a,
161 .nav a:link,
162 .nav a:visited {
163         display:block;
164         height:20px;
165         font-size:small;
166         color:#2B5C9F;
167 }
168 .nav a:hover {
169         color:#FFF;
170         background-color:#3878CD;
171 }
172 .nav a:active {
173         color:#FFFF64;
174         background-color:#3878CD;
175         font-size:14px;
176 }
177 .nav img {
178         padding:0;
179         margin:0;
180         width:180px;
181         height:30px;
182 }
183 .colophon {
184         margin-left:20px;
185 }