rev |
line source |
gokhlayeh@8822
|
1 /*
|
gokhlayeh@8822
|
2 CSS style for SliTaz Network - (c) 2011 SliTaz GNU/Linux
|
gokhlayeh@8822
|
3 */
|
gokhlayeh@8822
|
4
|
gokhlayeh@8822
|
5 html {
|
gokhlayeh@8822
|
6 min-height: 102%;
|
gokhlayeh@8822
|
7 }
|
gokhlayeh@8822
|
8
|
gokhlayeh@8822
|
9 body {
|
gokhlayeh@8822
|
10 background: #ffffff;
|
gokhlayeh@8822
|
11 color: black;
|
gokhlayeh@8822
|
12 font: 13px sans-serif, vernada, arial;
|
gokhlayeh@8822
|
13 margin: 0;
|
gokhlayeh@8822
|
14 border-top: 34px solid #f1f1f1;
|
gokhlayeh@8822
|
15 }
|
gokhlayeh@8822
|
16 a { text-decoration: underline; color: #103a5e; }
|
gokhlayeh@8822
|
17 a:hover { text-decoration: none; color: blue; }
|
gokhlayeh@8822
|
18 img { border: 0pt none; }
|
gokhlayeh@8822
|
19
|
gokhlayeh@8822
|
20 /* Accessibility */
|
gokhlayeh@8822
|
21
|
gokhlayeh@8822
|
22 #access {
|
gokhlayeh@8822
|
23 position: absolute;
|
gokhlayeh@8822
|
24 top: 4px;
|
gokhlayeh@8822
|
25 right: 0px;
|
gokhlayeh@8822
|
26 text-align: right;
|
gokhlayeh@8822
|
27 width: auto;
|
gokhlayeh@8822
|
28 margin: 0;
|
gokhlayeh@8822
|
29 padding: 4px 4px 4px 20px;
|
gokhlayeh@8822
|
30 font-size: 11px;
|
gokhlayeh@8822
|
31 font-weight: bold;
|
gokhlayeh@8822
|
32 }
|
gokhlayeh@8822
|
33
|
gokhlayeh@8822
|
34 #access a {
|
gokhlayeh@8822
|
35 background: transparent;
|
gokhlayeh@8822
|
36 color: #0F314E;
|
gokhlayeh@8822
|
37 text-decoration: none;
|
gokhlayeh@8822
|
38 }
|
gokhlayeh@8822
|
39 #access a:hover { color: #b64b22; }
|
gokhlayeh@8822
|
40 #access img { vertical-align: middle; }
|
gokhlayeh@8822
|
41
|
gokhlayeh@8822
|
42 /* Header */
|
gokhlayeh@8822
|
43
|
gokhlayeh@8822
|
44 #header {
|
gokhlayeh@8822
|
45 background: #351a0a url(header-img.png) no-repeat top right;
|
gokhlayeh@8822
|
46 color: black;
|
gokhlayeh@8822
|
47 width: 100%;
|
gokhlayeh@8822
|
48 height: 42px;
|
gokhlayeh@8822
|
49 border-top: 1px solid black;
|
gokhlayeh@8822
|
50 border-bottom: 1px solid #999;
|
gokhlayeh@8822
|
51 margin-bottom: 33px;
|
gokhlayeh@8822
|
52 }
|
gokhlayeh@8822
|
53
|
gokhlayeh@8822
|
54 #titre {
|
gokhlayeh@8822
|
55 position: absolute;
|
gokhlayeh@8822
|
56 font-size: 14px;
|
gokhlayeh@8822
|
57 font-weight: bolder ;
|
gokhlayeh@8822
|
58 left: 180px;
|
gokhlayeh@8822
|
59 top: 4px;
|
gokhlayeh@8822
|
60 }
|
gokhlayeh@8822
|
61
|
gokhlayeh@8822
|
62 #logo {
|
gokhlayeh@8822
|
63 position: absolute;
|
gokhlayeh@8822
|
64 float: left;
|
gokhlayeh@8822
|
65 left: 16px;
|
gokhlayeh@8822
|
66 top: -10px;
|
gokhlayeh@8822
|
67 width: 200px;
|
gokhlayeh@8822
|
68 height: 74px;
|
gokhlayeh@8822
|
69 }
|
gokhlayeh@8822
|
70
|
gokhlayeh@8822
|
71 /* Side bar */
|
gokhlayeh@8822
|
72
|
gokhlayeh@8822
|
73 #nav {
|
gokhlayeh@8822
|
74 position: absolute;
|
gokhlayeh@8822
|
75 top: 102px;
|
gokhlayeh@8822
|
76 right: 80px;
|
gokhlayeh@8822
|
77 color: #555555;
|
gokhlayeh@8822
|
78 float: right;
|
gokhlayeh@8822
|
79 width: 250px;
|
gokhlayeh@8822
|
80 line-height: 1.5em;
|
gokhlayeh@8822
|
81 text-align: left;
|
gokhlayeh@8822
|
82 font-size: 12px;
|
gokhlayeh@8822
|
83 }
|
gokhlayeh@8822
|
84
|
gokhlayeh@8822
|
85 #nav h4 {
|
gokhlayeh@8822
|
86 font-size: 120%;
|
gokhlayeh@8822
|
87 color: #666666;
|
gokhlayeh@8822
|
88 font-weight: bold;
|
gokhlayeh@8822
|
89 margin: 0;
|
gokhlayeh@8822
|
90 padding: 0 0 1px 0;
|
gokhlayeh@8822
|
91 border-bottom: 1px solid #cecece;
|
gokhlayeh@8822
|
92 }
|
gokhlayeh@8822
|
93
|
gokhlayeh@8822
|
94 #nav a {
|
gokhlayeh@8822
|
95 color: #0F314E;
|
gokhlayeh@8822
|
96 background: inherit;
|
gokhlayeh@8822
|
97 display: block;
|
gokhlayeh@8822
|
98 text-decoration: none;
|
gokhlayeh@8822
|
99 font-weight: bold;
|
gokhlayeh@8822
|
100 }
|
gokhlayeh@8822
|
101
|
gokhlayeh@8822
|
102 #nav a:hover {
|
gokhlayeh@8822
|
103 color: #b64b22;
|
gokhlayeh@8822
|
104 text-decoration: none;
|
gokhlayeh@8822
|
105 display: block;
|
gokhlayeh@8822
|
106 }
|
gokhlayeh@8822
|
107
|
gokhlayeh@8822
|
108 #nav .nav_box ul {
|
gokhlayeh@8822
|
109 list-style-type: none;
|
gokhlayeh@8822
|
110 margin: 0;
|
gokhlayeh@8822
|
111 padding: 10px 24px 10px 0px;
|
gokhlayeh@8822
|
112 background-color: inherit;
|
gokhlayeh@8822
|
113 }
|
gokhlayeh@8822
|
114
|
gokhlayeh@8822
|
115 #nav li { display: inline; }
|
gokhlayeh@8822
|
116
|
gokhlayeh@8822
|
117 #nav ul {
|
gokhlayeh@8822
|
118 -moz-border-radius: 8px;
|
gokhlayeh@8822
|
119 -webkit-border-radius: 8px;
|
gokhlayeh@8822
|
120 border-radius: 8px;
|
gokhlayeh@8822
|
121 list-style-type: none;
|
gokhlayeh@8822
|
122 margin: 10px 0;
|
gokhlayeh@8822
|
123 padding: 10px 24px 10px 24px;
|
gokhlayeh@8822
|
124 background-color: #eaeaea;
|
gokhlayeh@8822
|
125 }
|
gokhlayeh@8822
|
126
|
gokhlayeh@8822
|
127 .nav_box {
|
gokhlayeh@8822
|
128 margin: 10px 0;
|
gokhlayeh@8822
|
129 padding: 10px 24px 10px 24px;
|
gokhlayeh@8822
|
130 background-color: #eaeaea;
|
gokhlayeh@8822
|
131 text-align: justify;
|
gokhlayeh@8822
|
132 }
|
gokhlayeh@8822
|
133
|
gokhlayeh@8822
|
134 #nav .nav_box p { line-height: 1.3em; }
|
gokhlayeh@8822
|
135
|
gokhlayeh@8822
|
136 #nav .nav_box p a {
|
gokhlayeh@8822
|
137 display: inline;
|
gokhlayeh@8822
|
138 font-weight: normal;
|
gokhlayeh@8822
|
139 text-decoration: underline;
|
gokhlayeh@8822
|
140 }
|
gokhlayeh@8822
|
141
|
gokhlayeh@8822
|
142 #nav .nav_box p a:hover {
|
gokhlayeh@8822
|
143 text-decoration: none;
|
gokhlayeh@8822
|
144 color: blue;
|
gokhlayeh@8822
|
145 background: inherit;
|
gokhlayeh@8822
|
146 }
|
gokhlayeh@8822
|
147
|
gokhlayeh@8822
|
148 /* Page content */
|
gokhlayeh@8822
|
149
|
gokhlayeh@8822
|
150 #content, #content-full {
|
gokhlayeh@8822
|
151 background: white;
|
gokhlayeh@8822
|
152 color: black;
|
gokhlayeh@8822
|
153 text-align: justify;
|
gokhlayeh@8822
|
154 height: auto;
|
gokhlayeh@8822
|
155 margin: 6px 320px 0px 0px;
|
gokhlayeh@8822
|
156 padding: 0px 40px 60px 80px;
|
gokhlayeh@8822
|
157 }
|
gokhlayeh@8822
|
158 #content-full {
|
gokhlayeh@8822
|
159 margin: 0;
|
gokhlayeh@8822
|
160 padding: 0px 80px 40px 80px;
|
gokhlayeh@8822
|
161 }
|
gokhlayeh@8822
|
162 #content li, #content-full li {
|
gokhlayeh@8822
|
163 line-height: 1.5em;
|
gokhlayeh@8822
|
164 text-align: left;
|
gokhlayeh@8822
|
165 }
|
gokhlayeh@8822
|
166 #news li {
|
gokhlayeh@8822
|
167 list-style-type: square;
|
gokhlayeh@8822
|
168 border-bottom: 1px dotted #BEBEBE;
|
gokhlayeh@8822
|
169 margin-left: -25px;
|
gokhlayeh@8822
|
170 padding: 4px 0px 4px 0px;
|
gokhlayeh@8822
|
171 }
|
gokhlayeh@8822
|
172 #news a { text-decoration: none; }
|
gokhlayeh@8822
|
173
|
gokhlayeh@8822
|
174 /* Box and block. */
|
gokhlayeh@8822
|
175
|
gokhlayeh@8822
|
176 .infobox {
|
gokhlayeh@8822
|
177 margin: 20px 60px;
|
gokhlayeh@8822
|
178 padding: 12px;
|
gokhlayeh@8822
|
179 background: #f8f8f8;
|
gokhlayeh@8822
|
180 }
|
gokhlayeh@8822
|
181 .infobox img { vertical-align: middle; }
|
gokhlayeh@8822
|
182 .infobox:hover { background-color: #FBFBFB; }
|
gokhlayeh@8822
|
183 .block {
|
gokhlayeh@8822
|
184 /*padding-bottom: 35%;*/
|
gokhlayeh@8822
|
185 color: black;
|
gokhlayeh@8822
|
186 min-height: 200px;
|
gokhlayeh@8822
|
187 margin-bottom: 40px;
|
gokhlayeh@8822
|
188 }
|
gokhlayeh@8822
|
189 .block ul {
|
gokhlayeh@8822
|
190 list-style-type: none;
|
gokhlayeh@8822
|
191 margin: 0;
|
gokhlayeh@8822
|
192 padding: 0 20px;
|
gokhlayeh@8822
|
193 }
|
gokhlayeh@8822
|
194 .block_left {
|
gokhlayeh@8822
|
195 width: 46%;
|
gokhlayeh@8822
|
196 float: left;
|
gokhlayeh@8822
|
197 background-color: #eaeaea;
|
gokhlayeh@8822
|
198 margin: 4px 2px;
|
gokhlayeh@8822
|
199 padding: 0 10px 10px 10px;
|
gokhlayeh@8822
|
200 }
|
gokhlayeh@8822
|
201 .block_right {
|
gokhlayeh@8822
|
202 width: 46%;
|
gokhlayeh@8822
|
203 float: right;
|
gokhlayeh@8822
|
204 background-color: #eaeaea;
|
gokhlayeh@8822
|
205 margin: 4px 2px;
|
gokhlayeh@8822
|
206 padding: 0 10px 10px 10px;
|
gokhlayeh@8822
|
207 }
|
gokhlayeh@8822
|
208 #block_top {
|
gokhlayeh@8822
|
209 color: black;
|
gokhlayeh@8822
|
210 background-color: #eaeaea;
|
gokhlayeh@8822
|
211 min-height: 180px;
|
gokhlayeh@8822
|
212 margin-bottom: 40px;
|
gokhlayeh@8822
|
213 margin-right: 340px;
|
gokhlayeh@8822
|
214 padding: 0 10px;
|
gokhlayeh@8822
|
215 }
|
gokhlayeh@8822
|
216 #block_nav {
|
gokhlayeh@8822
|
217 width: 300px;
|
gokhlayeh@8822
|
218 min-height: 180px;
|
gokhlayeh@8822
|
219 float: right;
|
gokhlayeh@8822
|
220 background-color: #eaeaea;
|
gokhlayeh@8822
|
221 margin: 0;
|
gokhlayeh@8822
|
222 padding: 0 10px;
|
gokhlayeh@8822
|
223 }
|
gokhlayeh@8822
|
224 .nav_box, .infobox, .block_left, .block_right, #block_top,
|
gokhlayeh@8822
|
225 #block_nav, #footer {
|
gokhlayeh@8822
|
226 -moz-border-radius: 8px;
|
gokhlayeh@8822
|
227 -webkit-border-radius: 8px;
|
gokhlayeh@8822
|
228 border-radius: 8px;
|
gokhlayeh@8822
|
229 -moz-box-shadow: 0 1px 3px #666;
|
gokhlayeh@8822
|
230 -webkit-box-shadow: 0 1px 3px #666;
|
gokhlayeh@8822
|
231 box-shadow: 0 1px 3px #666;
|
gokhlayeh@8822
|
232 /* CSS3 transition */
|
gokhlayeh@8822
|
233 -webkit-transition-property: background-color;
|
gokhlayeh@8822
|
234 -webkit-transition-duration: 2s;
|
gokhlayeh@8822
|
235 -moz-transition-property: background-color;
|
gokhlayeh@8822
|
236 -moz-transition-duration: 2s;
|
gokhlayeh@8822
|
237 transition-property: background-color;
|
gokhlayeh@8822
|
238 transition-duration: 2s;
|
gokhlayeh@8822
|
239 }
|
gokhlayeh@8822
|
240 #block_nav { font-weight: bold; }
|
gokhlayeh@8822
|
241 #block_nav a { text-decoration: none; }
|
gokhlayeh@8822
|
242 #block_nav li a:hover { color: #b64b22; }
|
gokhlayeh@8822
|
243 #block_nav ul { margin: 0; list-style-type: none; }
|
gokhlayeh@8822
|
244 #block_nav h3 { font-size: 110%; }
|
gokhlayeh@8822
|
245 .nav_box:hover, .block_left:hover, .block_right:hover,
|
gokhlayeh@8822
|
246 #block_top:hover, #block_nav:hover, #footer:hover {
|
gokhlayeh@8822
|
247 background-color: #f8f8f8;
|
gokhlayeh@8822
|
248 }
|
gokhlayeh@8822
|
249 .right_box {
|
gokhlayeh@8822
|
250 width: 50%;
|
gokhlayeh@8822
|
251 float: right;
|
gokhlayeh@8822
|
252 }
|
gokhlayeh@8822
|
253 /* Text transform at 45deg */
|
gokhlayeh@8822
|
254 .floor {
|
gokhlayeh@8822
|
255 color: #999999;
|
gokhlayeh@8822
|
256 font-size: 20px;
|
gokhlayeh@8822
|
257 -webkit-transform: rotate(-45deg) skew(15deg, 15deg);
|
gokhlayeh@8822
|
258 -moz-transform: rotate(-45deg) skew(15deg, 15deg);
|
gokhlayeh@8822
|
259 -o-transform: rotate(-45deg) skew(15deg, 15deg);
|
gokhlayeh@8822
|
260 -ms-transform: rotate(-45deg) skew(15deg, 15deg);
|
gokhlayeh@8822
|
261 transform: rotate(-45deg) skew(15deg, 15deg);
|
gokhlayeh@8822
|
262 }
|
gokhlayeh@8822
|
263 #twitter, .feedbox {
|
gokhlayeh@8822
|
264 margin-top: 20px;
|
gokhlayeh@8822
|
265 -moz-border-radius: 8px;
|
gokhlayeh@8822
|
266 -webkit-border-radius: 8px;
|
gokhlayeh@8822
|
267 border-radius: 8px;
|
gokhlayeh@8822
|
268 -moz-box-shadow: 0 1px 3px #666;
|
gokhlayeh@8822
|
269 -webkit-box-shadow: 0 1px 3px #666;
|
gokhlayeh@8822
|
270 box-shadow: 0 1px 3px #666;
|
gokhlayeh@8822
|
271 }
|
gokhlayeh@8822
|
272 .feedbox {
|
gokhlayeh@8822
|
273 background-color: #f9f9f9;
|
gokhlayeh@8822
|
274 padding: 10px 20px;
|
gokhlayeh@8822
|
275 margin: 20px 100px;
|
gokhlayeh@8822
|
276 }
|
gokhlayeh@8822
|
277 .feedbox div {
|
gokhlayeh@8822
|
278 height: 320px;
|
gokhlayeh@8822
|
279 overflow: auto;
|
gokhlayeh@8822
|
280 }
|
gokhlayeh@8822
|
281 .feedbox ul { list-style-type: none; margin: 0; }
|
gokhlayeh@8822
|
282
|
gokhlayeh@8822
|
283 /* Button */
|
gokhlayeh@8822
|
284
|
gokhlayeh@8822
|
285 .button { margin-left: 20px; }
|
gokhlayeh@8822
|
286 .button a {
|
gokhlayeh@8822
|
287 background-color: #b64b22;
|
gokhlayeh@8822
|
288 color: #ffffff;
|
gokhlayeh@8822
|
289 margin-right: 6px;
|
gokhlayeh@8822
|
290 padding: 6px 10px;
|
gokhlayeh@8822
|
291 font-size: 14px;
|
gokhlayeh@8822
|
292 -moz-border-radius: 4px;
|
gokhlayeh@8822
|
293 -webkit-border-radius: 4px;
|
gokhlayeh@8822
|
294 border-radius: 4px;
|
gokhlayeh@8822
|
295 -moz-box-shadow: 0 1px 3px #666;
|
gokhlayeh@8822
|
296 -webkit-box-shadow: 0 1px 3px #666;
|
gokhlayeh@8822
|
297 box-shadow: 0 1px 3px #666;
|
gokhlayeh@8822
|
298 }
|
gokhlayeh@8822
|
299 .button a:hover, input[type=submit]:hover {
|
gokhlayeh@8822
|
300 background-color: #a3431f;
|
gokhlayeh@8822
|
301 color: #ffffff;
|
gokhlayeh@8822
|
302 }
|
gokhlayeh@8822
|
303 input[type=submit] {
|
gokhlayeh@8822
|
304 border: 1px solid #b64b22;
|
gokhlayeh@8822
|
305 background-color: #b64b22;
|
gokhlayeh@8822
|
306 color: white;
|
gokhlayeh@8822
|
307 font-weight: bold;
|
gokhlayeh@8822
|
308 cursor: pointer;
|
gokhlayeh@8822
|
309 padding: 3px 10px;
|
gokhlayeh@8822
|
310 font-size: 14px;
|
gokhlayeh@8822
|
311 -moz-border-radius: 2px;
|
gokhlayeh@8822
|
312 -webkit-border-radius: 2px;
|
gokhlayeh@8822
|
313 border-radius: 2px;
|
gokhlayeh@8822
|
314 -moz-box-shadow: 0 0 5px #666;
|
gokhlayeh@8822
|
315 -webkit-box-shadow: 0 0 5px#666;
|
gokhlayeh@8822
|
316 box-shadow: 0 0 5px #666;
|
gokhlayeh@8822
|
317 margin-left: -5px;
|
gokhlayeh@8822
|
318 }
|
gokhlayeh@8822
|
319 input[type=text] {
|
gokhlayeh@8822
|
320 border: 1px solid #333333;
|
gokhlayeh@8822
|
321 padding: 3px;
|
gokhlayeh@8822
|
322 width: 100%;
|
gokhlayeh@8822
|
323 }
|
gokhlayeh@8822
|
324
|
gokhlayeh@8822
|
325 /* Clouds */
|
gokhlayeh@8822
|
326
|
gokhlayeh@8822
|
327 #cloud {
|
gokhlayeh@8822
|
328 padding: 10px 0px;
|
gokhlayeh@8822
|
329 line-height: 3em;
|
gokhlayeh@8822
|
330 text-align: center;
|
gokhlayeh@8822
|
331 }
|
gokhlayeh@8822
|
332 #cloud a { padding: 0 2px; color: #444444; }
|
gokhlayeh@8822
|
333 #cloud a.tag1 { font-size: 0.7em; font-weight: 100; }
|
gokhlayeh@8822
|
334 #cloud a.tag2 { font-size: 0.8em; font-weight: 200; }
|
gokhlayeh@8822
|
335 #cloud a.tag3 { font-size: 0.9em; font-weight: 300; }
|
gokhlayeh@8822
|
336 #cloud a.tag4 { font-size: 1.0em; font-weight: 400; }
|
gokhlayeh@8822
|
337 #cloud a.tag5 { font-size: 1.2em; font-weight: 500; }
|
gokhlayeh@8822
|
338 #cloud a.tag6 { font-size: 1.4em; font-weight: 600; }
|
gokhlayeh@8822
|
339 #cloud a.tag7 { font-size: 1.6em; font-weight: 700; }
|
gokhlayeh@8822
|
340 #cloud a.tag8 { font-size: 1.8em; font-weight: 800; }
|
gokhlayeh@8822
|
341 #cloud a.tag9 { font-size: 2.2em; font-weight: 900; }
|
gokhlayeh@8822
|
342 #cloud a.tag10 { font-size: 2.5em; font-weight: 900; }
|
gokhlayeh@8822
|
343
|
gokhlayeh@8822
|
344 /* Slideshow and gallery */
|
gokhlayeh@8822
|
345
|
gokhlayeh@8822
|
346 #slideshow
|
gokhlayeh@8822
|
347 {
|
gokhlayeh@8822
|
348 overflow: hidden;
|
gokhlayeh@8822
|
349 margin: 10px auto 10px;
|
gokhlayeh@8822
|
350 position: relative;
|
gokhlayeh@8822
|
351 width: 260px;
|
gokhlayeh@8822
|
352 height: 163px;
|
gokhlayeh@8822
|
353 }
|
gokhlayeh@8822
|
354
|
gokhlayeh@8822
|
355 #slideshow img
|
gokhlayeh@8822
|
356 {
|
gokhlayeh@8822
|
357 border: 0;
|
gokhlayeh@8822
|
358 width: 260px;
|
gokhlayeh@8822
|
359 height: 163px;
|
gokhlayeh@8822
|
360 }
|
gokhlayeh@8822
|
361
|
gokhlayeh@8822
|
362 #gallery { text-align: center; }
|
gokhlayeh@8822
|
363
|
gokhlayeh@8822
|
364 /* HTML styles */
|
gokhlayeh@8822
|
365
|
gokhlayeh@8822
|
366 h1 {
|
gokhlayeh@8822
|
367 color: #444444;
|
gokhlayeh@8822
|
368 background: transparent;
|
gokhlayeh@8822
|
369 text-align: left;
|
gokhlayeh@8822
|
370 margin: 0px 0px 4px 0px;
|
gokhlayeh@8822
|
371 font-size: 150%;
|
gokhlayeh@8822
|
372 font-weight: bold;
|
gokhlayeh@8822
|
373 padding: 5px 0 0 10px;
|
gokhlayeh@8822
|
374 }
|
gokhlayeh@8822
|
375
|
gokhlayeh@8822
|
376 h2 {
|
gokhlayeh@8822
|
377 color: #b64b22;
|
gokhlayeh@8822
|
378 padding: 0;
|
gokhlayeh@8822
|
379 margin: 20px 0 0 0;
|
gokhlayeh@8822
|
380 font-size: 130%;
|
gokhlayeh@8822
|
381 font-weight: bold;
|
gokhlayeh@8822
|
382 }
|
gokhlayeh@8822
|
383
|
gokhlayeh@8822
|
384 h3 {
|
gokhlayeh@8822
|
385 font-weight: bold;
|
gokhlayeh@8822
|
386 color: #666666;
|
gokhlayeh@8822
|
387 background: transparent;
|
gokhlayeh@8822
|
388 }
|
gokhlayeh@8822
|
389
|
gokhlayeh@8822
|
390 h3 img, h2 img {
|
gokhlayeh@8822
|
391 vertical-align: middle;
|
gokhlayeh@8822
|
392 width: 20px;
|
gokhlayeh@8822
|
393 height: 20px;
|
gokhlayeh@8822
|
394 padding-right: 4px;
|
gokhlayeh@8822
|
395 }
|
gokhlayeh@8822
|
396 code, tt {
|
gokhlayeh@8822
|
397 font-size: 12px;
|
gokhlayeh@8822
|
398 color: #669900;
|
gokhlayeh@8822
|
399 }
|
gokhlayeh@8822
|
400
|
gokhlayeh@8822
|
401 pre, pre.script {
|
gokhlayeh@8822
|
402 padding: 10px;
|
gokhlayeh@8822
|
403 color: black;
|
gokhlayeh@8822
|
404 background: #E8E8E8;
|
gokhlayeh@8822
|
405 border: 1px inset #606060;
|
gokhlayeh@8822
|
406 }
|
gokhlayeh@8822
|
407
|
gokhlayeh@8822
|
408 /* Packages pages */
|
gokhlayeh@8822
|
409
|
gokhlayeh@8822
|
410 .pkg_nav {
|
gokhlayeh@8822
|
411 border-top: 1px solid black;
|
gokhlayeh@8822
|
412 margin-top: 10px;
|
gokhlayeh@8822
|
413 padding-top: 10px;
|
gokhlayeh@8822
|
414 }
|
gokhlayeh@8822
|
415
|
gokhlayeh@8822
|
416 pre.package {
|
gokhlayeh@8822
|
417 padding: 0px;
|
gokhlayeh@8822
|
418 color: black;
|
gokhlayeh@8822
|
419 background: white;
|
gokhlayeh@8822
|
420 border: 0px solid #fff;
|
gokhlayeh@8822
|
421 }
|
gokhlayeh@8822
|
422
|
gokhlayeh@8822
|
423 p.get {
|
gokhlayeh@8822
|
424 text-align: center;
|
gokhlayeh@8822
|
425 padding: 10px;
|
gokhlayeh@8822
|
426 color: black;
|
gokhlayeh@8822
|
427 background: #F3F3F3;
|
gokhlayeh@8822
|
428 border: 1px solid #DEDEDE;
|
gokhlayeh@8822
|
429 border-radius: 4px;
|
gokhlayeh@8822
|
430 -moz-border-radius: 4px;
|
gokhlayeh@8822
|
431 -webkit-border-radius: 4px;
|
gokhlayeh@8822
|
432 }
|
gokhlayeh@8822
|
433 p.get a {
|
gokhlayeh@8822
|
434 font-weight: bold;
|
gokhlayeh@8822
|
435 text-decoration: none;
|
gokhlayeh@8822
|
436 }
|
gokhlayeh@8822
|
437 .pkgs-search {
|
gokhlayeh@8822
|
438 text-align: center;
|
gokhlayeh@8822
|
439 padding: 40px 20px 80px 20px;
|
gokhlayeh@8822
|
440 }
|
gokhlayeh@8822
|
441
|
gokhlayeh@8822
|
442 #footer {
|
gokhlayeh@8822
|
443 margin: 0px 80px 80px 80px;
|
gokhlayeh@8822
|
444 padding: 10px;
|
gokhlayeh@8822
|
445 background: #eaeaea;
|
gokhlayeh@8822
|
446 color: #666666;
|
gokhlayeh@8822
|
447 height: 180px;
|
gokhlayeh@8822
|
448 clear: both;
|
gokhlayeh@8822
|
449 border-radius: 8px;
|
gokhlayeh@8822
|
450 -moz-border-radius: 8px;
|
gokhlayeh@8822
|
451 -webkit-border-radius: 8px;
|
gokhlayeh@8822
|
452 -moz-box-shadow: 0 1px 3px #666;
|
gokhlayeh@8822
|
453 -webkit-box-shadow: 0 1px 3px #666;
|
gokhlayeh@8822
|
454 box-shadow: 0 1px 3px #666;
|
gokhlayeh@8822
|
455 }
|
gokhlayeh@8822
|
456
|
gokhlayeh@8822
|
457 #footer a { color: #666666; }
|
gokhlayeh@8822
|
458 #footer a:hover { color: #333333; }
|
gokhlayeh@8822
|
459 #footer ul { list-style-type: none; }
|
gokhlayeh@8822
|
460 #footer li { padding: 2px; }
|
gokhlayeh@8822
|
461 #footer h4 { margin: 0 20px; font-size: 125%; }
|
gokhlayeh@8822
|
462
|
gokhlayeh@8822
|
463 .year:after {
|
gokhlayeh@8822
|
464 /* content: "2007-2011"; */
|
gokhlayeh@8822
|
465 content: "2011";
|
gokhlayeh@8822
|
466 }
|
gokhlayeh@8822
|
467
|
gokhlayeh@8822
|
468 /* Report style */
|
gokhlayeh@8822
|
469
|
gokhlayeh@8822
|
470 #report {
|
gokhlayeh@8822
|
471 margin: 5px;
|
gokhlayeh@8822
|
472 }
|
gokhlayeh@8822
|
473
|
gokhlayeh@8822
|
474 #report div {
|
gokhlayeh@8822
|
475 padding: 3px;
|
gokhlayeh@8822
|
476 margin: 0px;
|
gokhlayeh@8822
|
477 outline: 1px solid white
|
gokhlayeh@8822
|
478 }
|
gokhlayeh@8822
|
479
|
gokhlayeh@8822
|
480 #report div.message {
|
gokhlayeh@8822
|
481 background: transparent;
|
gokhlayeh@8822
|
482 border: black 1px solid;
|
gokhlayeh@8822
|
483 border-left: black 3px solid;
|
gokhlayeh@8822
|
484 }
|
gokhlayeh@8822
|
485
|
gokhlayeh@8822
|
486 #report div.ok {
|
gokhlayeh@8822
|
487 background: #d2ffd2;
|
gokhlayeh@8822
|
488 border: green 1px solid;
|
gokhlayeh@8822
|
489 border-left: green 3px solid;
|
gokhlayeh@8822
|
490 }
|
gokhlayeh@8822
|
491
|
gokhlayeh@8822
|
492 #report div.warning {
|
gokhlayeh@8822
|
493 background: #ffffd2;
|
gokhlayeh@8822
|
494 border: yellow 1px solid;
|
gokhlayeh@8822
|
495 border-left: yellow 3px solid;
|
gokhlayeh@8822
|
496 }
|
gokhlayeh@8822
|
497
|
gokhlayeh@8822
|
498 #report div.failed {
|
gokhlayeh@8822
|
499 background: #ffd2d2;
|
gokhlayeh@8822
|
500 border: red 1px solid;
|
gokhlayeh@8822
|
501 border-left: red 3px solid;
|
gokhlayeh@8822
|
502 }
|
gokhlayeh@8822
|
503
|
gokhlayeh@8822
|
504 #report span.error {
|
gokhlayeh@8822
|
505 background: red;
|
gokhlayeh@8822
|
506 padding: 0px;
|
gokhlayeh@8822
|
507 margin: 0px;
|
gokhlayeh@8822
|
508 border: 0px;
|
gokhlayeh@8822
|
509 width: 100%;
|
gokhlayeh@8822
|
510 display: inline-block;
|
gokhlayeh@8822
|
511 }
|
gokhlayeh@8822
|
512
|
gokhlayeh@8822
|
513 #report pre {
|
gokhlayeh@8822
|
514 background: black;
|
gokhlayeh@8822
|
515 color: white;
|
gokhlayeh@8822
|
516 padding: 3px;
|
gokhlayeh@8822
|
517 margin: 0px;
|
gokhlayeh@8822
|
518 border: 0px;
|
gokhlayeh@8822
|
519 word-wrap: break-word;
|
gokhlayeh@8822
|
520 white-space: normal;
|
gokhlayeh@8822
|
521 }
|
gokhlayeh@8822
|
522
|
gokhlayeh@8822
|
523 #report h1 {
|
gokhlayeh@8822
|
524 display: inline;
|
gokhlayeh@8822
|
525 }
|
gokhlayeh@8822
|
526
|
gokhlayeh@8822
|
527 #report h2 {
|
gokhlayeh@8822
|
528 display: inline;
|
gokhlayeh@8822
|
529 }
|
gokhlayeh@8822
|
530
|
gokhlayeh@8822
|
531 #report h3 {
|
gokhlayeh@8822
|
532 display: inline;
|
gokhlayeh@8822
|
533 }
|
gokhlayeh@8822
|
534
|
gokhlayeh@8822
|
535 #report h4 {
|
gokhlayeh@8822
|
536 display: inline;
|
gokhlayeh@8822
|
537 }
|
gokhlayeh@8822
|
538
|
gokhlayeh@8822
|
539 #report h5 {
|
gokhlayeh@8822
|
540 display: inline;
|
gokhlayeh@8822
|
541 }
|
gokhlayeh@8822
|
542
|
gokhlayeh@8822
|
543 #report h6 {
|
gokhlayeh@8822
|
544 display: inline;
|
gokhlayeh@8822
|
545 }
|