117c7a1f0d30c7550d3500045bb68f073104962e
[mirror/scst/.git] / www / images / Orange.css
1 * { margin: 0; padding: 0; } \r
2
3 body { 
4         margin: 0; padding: 0;
5         font: 71%/1.5em  Verdana, 'Trebuchet MS', Arial, Sans-serif;
6         background: url(headerbg-orange.gif) repeat-x;\r
7         color: #666666; \r
8         text-align: center;             \r
9 }
10 \r
11 /* links */\r
12 a {\r
13         background: inherit;\r
14         color: #EC981F; \r
15 }\r
16 a:hover {\r
17         background: inherit;\r
18         color: #806B4D;\r
19 }\r
20 \r
21 /* headers */\r
22 h1, h2, h3, .companysubtitles {\r
23         font: bold 1em 'Trebuchet MS', Tahoma, Sans-serif;\r
24         text-transform: uppercase;\r
25         color: #555;\r
26 }\r
27 h1 { font-size: 1.5em; }\r
28 h2 { font-size: 1.3em; }\r
29 h3 { font-size: 1.2em; text-transform: none;}\r
30 .companysubtitles { font-size: 1.3em; }\r
31 \r
32 #main h1, #rightbar h1 {\r
33         padding: 10px 0 5px 5px;\r
34         margin: 0 0 0 10px;\r
35         text-transform: uppercase;\r
36         border-bottom: 1px solid #f2f2f2;       \r
37 }       \r
38 #sidebar h1 {\r
39         padding: 10px 0px 5px 30px;\r
40         background: url(square_arrow.gif) no-repeat 2px 12px;\r
41         margin: 0;\r
42         text-transform: uppercase;      \r
43 }\r
44 \r
45 p, h1, h2, h3, h4, companysubtitle { margin: 10px 15px; }
46 \r
47 ul, ol {\r
48         margin: 10px 30px;\r
49         padding: 0 15px;        \r
50         color: #EC981F; \r
51 }\r
52
53 ul span, ol span { color: #666666; }\r
54 \r
55 /* images */\r
56 /* img { border: 2px solid #CCC; } */
57 img.float-right { margin: 5px 0px 5px 15px; }
58 img.float-left { margin: 5px 15px 5px 0px; }\r
59
60 a img { border: 0px solid #EC981F; }\r
61 a:hover img { border: 0px solid #806B4D !important;border: 0px solid #EC981F; }\r
62 \r
63 code { 
64         margin: 5px 0;
65         padding: 10px;\r
66         text-align: left;\r
67         display: block;\r
68         overflow: auto;  \r
69         font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;\r
70         background: #FAFAFA;\r
71         border: 1px solid #f2f2f2;  \r
72         border-left: 3px solid #EC981F;\r
73 }\r
74
75 acronym { cursor: help;border-bottom: 1px solid #777; }\r
76
77 blockquote {\r
78         margin: 15px;\r
79         padding: 0 0 0 32px;    \r
80         background: #FAFAFA url(quote.gif) no-repeat 5px 10px !important; \r
81         background-position: 8px 10px;\r
82         border: 1px solid #f2f2f2; \r
83         border-left: 3px solid #EC981F;  \r
84         font-weight: bold; \r
85 }\r
86 \r
87 /* form elements */\r
88 form {\r
89         margin:10px; padding: 0;\r
90         border: 1px solid #f2f2f2; \r
91         background-color: #FAFAFA; \r
92 }\r
93 label {\r
94         display:block;\r
95         font-weight:bold;\r
96         margin:5px 0;\r
97 }\r
98 input {\r
99         padding: 4px;\r
100         border:1px solid #eee;\r
101         font: normal 1em/1.5em Verdana, sans-serif;\r
102         color:#777;\r
103 }\r
104 textarea {\r
105         width:350px;\r
106         padding:4px;\r
107         font: normal 1em/1.5em Verdana, sans-serif;\r
108         border:1px solid #eee;\r
109         height:100px;\r
110         display:block;\r
111         color:#777;\r
112 }\r
113 input.button { \r
114         margin: 0; \r
115         font: bold 1em Arial, Sans-serif; \r
116         border: 1px solid #CCC;\r
117         background: #FFF; \r
118         padding: 2px 3px; \r
119         color: #333;    \r
120 }\r
121 \r
122 /* search form */\r
123 form.searchform {\r
124         background: transparent;\r
125         border: none;\r
126         margin: 0; padding: 0;  \r
127 }\r
128 form.searchform input.textbox { \r
129         margin: 0; \r
130         width: 120px;\r
131         border: 1px solid #CCC; \r
132         background: #FFF;\r
133         color: #333; \r
134         vertical-align: top;\r
135 }\r
136 form.searchform input.button {\r
137         width: 55px;\r
138         vertical-align: top;\r
139 }\r
140 \r
141 /*****************/\r
142 /*    Layout     */\r
143 /*****************/\r
144 #wrap {\r
145         margin: 0 auto;\r
146         width: 880px;   \r
147         text-align: left;               \r
148         background: #FFF;       \r
149 }\r
150 #content-wrap {\r
151         clear:both;\r
152         margin: 0; padding:0;\r
153         width: 880px;   \r
154 }\r
155 \r
156 /* header */\r
157 #header {\r
158         position: relative;\r
159         background: url(headerbg-orange.gif) repeat-x 0% 0%;\r
160         height: 84px;   \r
161 }
162
163 div.logoimg {
164         position: relative;\r
165         background: url(logo.gif) no-repeat;
166         top: 15px;
167         height: 50px;
168 }
169 \r
170 #header h1#logo {\r
171         position: absolute;\r
172         margin: 0; padding: 0;\r
173         font: bolder 4.1em 'Trebuchet MS', Arial, Sans-serif;\r
174         letter-spacing: -2px;\r
175         color: #CCC;\r
176         /*text-transform: lowercase;*/\r
177         /* change the values of top and Left to adjust the position of the logo*/\r
178         top: 0; left: 55px;     \r
179 }\r
180 #header h2#slogan {\r
181         position: absolute;\r
182         margin: 0; padding: 0;\r
183         font: bold 2em 'Trebuchet MS', Arial, Sans-serif;\r
184         text-transform: none;\r
185         color: #FFF;\r
186         /* change the values of top and Left to adjust the position of the slogan*/\r
187         top: 30px; left:65px;           \r
188 }\r
189 #header .searchform {\r
190         position: absolute;\r
191         top: 5px; right: 3px;   \r
192 }\r
193 \r
194 /* main column */\r
195 #main {\r
196         float: left;\r
197         margin-left: 15px;\r
198         padding: 0;\r
199         /*width: 54%;*/
200         width: 72%;     \r
201         /*border-left: 1px solid #f2f2f2;\r*/
202 }\r
203 \r
204 .post-footer {\r
205         background-color: #FAFAFA;\r
206         padding: 5px; margin-top: 20px;\r
207         font-size: 95%;\r
208         border: 1px solid #f2f2f2;\r
209 }\r
210 .post-footer .date {\r
211         background: url(clock.gif) no-repeat left center;\r
212         padding-left: 20px; margin: 0 10px 0 5px;\r
213 }\r
214 .post-footer .comments {\r
215         background: url(comment.gif) no-repeat left center;\r
216         padding-left: 20px; margin: 0 10px 0 5px;\r
217 }\r
218 .post-footer .readmore {\r
219         background: url(page.gif) no-repeat left center;\r
220         padding-left: 20px; margin: 0 10px 0 5px;\r
221 }\r
222 \r
223 /* sideabar */\r
224 #sidebar {\r
225         float: left;\r
226         width: 24%;\r
227         margin: 0;      padding: 0; \r
228         display: inline;        \r
229 }\r
230 #sidebar ul.sidemenu {\r
231         list-style: none;\r
232         text-align: left;\r
233         margin: 0 0 8px 0;      \r
234         padding-right: 0;               \r
235         text-decoration: none;\r
236 }\r
237 #sidebar ul.sidemenu li {\r
238         border-bottom: 1px solid #EFF0F1;\r
239         background: url(arrow.gif) no-repeat 2px 5px;\r
240         padding: 2px 5px 2px 20px;      \r
241 }\r
242 \r
243 * html body #sidebar ul.sidemenu li { height: 1%; }\r
244 \r
245 #sidebar ul.sidemenu a {\r
246         font-weight: bold;\r
247         background-image: none;\r
248         text-decoration: none;  \r
249 }\r
250 \r
251 /* rightbar */\r
252 #rightbar {\r
253         float: right;\r
254         width: 24%;\r
255         padding: 0;     margin: 0;              \r
256 }\r
257 \r
258 /* footer */\r
259 #footer {\r
260         clear: both;\r
261         background: #FFF url(footerbg.gif) repeat-x left top;\r
262         border-top: 1px solid #F2F2F2;\r
263         text-align: center;     \r
264         height: 50px;   \r
265 }\r
266 #footer a {\r
267         text-decoration: none;\r
268         font-weight: bold;\r
269 }\r
270 \r
271 /* menu */\r
272 #menu {\r
273         clear: both;\r
274         margin: 0; padding: 0;  \r
275 }\r
276 #menu ul {      \r
277         position: relative; \r
278         bottom: 4px;\r
279         margin: 0; padding: 0;  \r
280         float: left;\r
281         font: bold 1.4em 'Trebuchet MS', Tahoma, Arial, Sans-serif;\r
282         width: 850px;/* 775px; */\r
283         border: 1px solid #808080;\r
284         border-width: 0 0 4px 0;        \r
285         list-style: none;\r
286 }\r
287 #menu ul li{\r
288         display: inline;        \r
289 }\r
290 #menu ul li a { \r
291         position: relative; bottom: -4px;\r
292         float: left;\r
293         color: #808080;\r
294         padding: 0px 10px;\r
295         text-decoration: none;\r
296         background: white url(menudivide.gif) repeat-y right top; \r
297         border-bottom: 4px solid #808080;       \r
298 }\r
299 #menu ul li a:hover{\r
300         color: black;\r
301         background-color: #F3F3F3; \r
302         border-bottom: 4px solid #FFA600;\r
303 }\r
304 #menu ul li#current a{\r
305         color: #333;\r
306         background-color: #F3F3F3; \r
307         border-bottom: 4px solid #FFA600;\r
308 }\r
309 #menu ul li#sponsorship a{\r
310         color: red;\r
311 }\r
312 #menu ul li#sp_current a{\r
313         color: red;\r
314         background-color: #F3F3F3; \r
315         border-bottom: 4px solid #FFA600;\r
316 }\r
317 \r
318 /* Font colors */
319 font.names { color: #EC981F ; }
320  
321 /* Company Logo Boxes */\r
322 .companybox { \r
323         border-color : #FFFFFF;\r
324         border : 0px #FFFFFF;\r
325         border-top : #999999 0pt solid;\r
326         border-left : #999999 0pt solid; \r
327         border-right : #999999 0pt solid;\r
328         border-bottom : #999999 0pt solid;\r
329         text-align: left;\r
330         padding: 10px 10px 10px 10px;\r
331 }\r
332 \r
333
334 /* Alignment classes */\r
335 .float-left   { float: left;}\r
336 .float-right  { float: right; }\r
337 .align-left   { text-align: left; }\r
338 .align-right  { text-align: right; }\r
339 .align-center { text-align: center;     }\r
340 .align-justify { text-align: justify; }\r
341 \r
342 /* display classes */\r
343 .clear  { clear: both; }\r
344 .block  { display: block; }\r
345 .hide   { display: none; }      \r
346 .orange { color: #FFA600; }\r
347 \r
348 \r
349 \r
350 \r