cookutils view web/style.css @ rev 695

Fix RSS feed (now valid @ http://validator.w3.org/feed/check.cgi?url=http%3A%2F%2Fcook.slitaz.org%2Fcooker.cgi%3Frss ).
author Aleksej Bobylev <al.bobylev@gmail.com>
date Tue Oct 14 13:56:30 2014 +0300 (2014-10-14)
parents 5b52e7d957e9
children da66e6be1add
line source
1 /* CSS style for SliTaz Cooker */
2
3 html { min-height: 102%; }
4 body { font: 13px sans-serif, vernada, arial; margin: 0; }
5 h1 { margin: 0; padding: 8px; color: #fff; font-size: 20px; }
6 h1 a { color: #fff; text-decoration: none; }
7 h2 { color: #444; } h3 { color: #666; font-size: 140%; }
8 a { text-decoration: underline; color: #215090; }
9 a:hover { text-decoration: none; }
10 hr { margin: 0; border: 1px solid #cfcfcf; }
11 pre {
12 background-color: #f8f8f8;
13 border: 1px solid #ddd;
14 padding: 10px;
15 overflow: auto;
16 font-size: 96%;
17 }
18
19 /* Header */
20
21 #header {
22 color: white;
23 background: #222;
24 height: 40px;
25 border-bottom: 4px solid #afafaf;
26 }
27
28 #header h1 {
29 margin: 0;
30 /* padding: 8px 0 0 42px; */
31 width: 250px;
32 }
33
34 #header h1 a {
35 color: white;
36 text-decoration: none;
37 font-size: 20px;
38 font-style: italic;
39 }
40
41 #header h1 a:hover, #network a:hover {
42 color: #afafaf;
43 }
44
45 /* Header links */
46
47 #network {
48 float: right;
49 padding: 14px 5px 0;
50 font-size: 12px;
51 }
52
53 #network a {
54 padding: 0 4px;
55 color: #fff;
56 font-weight: bold;
57 text-decoration: none;
58 }
59
60 /* Content */
61
62 #content {
63 margin: 40px 80px;
64 text-align: justify;
65 }
66
67 .span-ok { color: green; }
68 .span-red { color: red; }
69 .span-sky { color: blue; }
70 .span-no { color: orange; }
71 .span-line { color: #888; }
72 .log-date { color: #666; font-size: 95%; }
73 .sh-comment { color: #b20000; }
74 .sh-val { color: #f35a00; }
75
76 /* Buttons */
77
78 .button {
79 cursor: pointer;
80 padding: 4px;
81 margin: 4px 0px;
82 }
83
84 a.button, .pctbar {
85 text-decoration: none;
86 color: #666;
87 }
88
89 .button:hover {
90 border: 1px solid #999;
91 }
92
93 .pct { background: #9dff4a; padding: 2px 4px; }
94 .pctbar { overflow: hidden; }
95
96 .button, .pctbar {
97 border: 1px solid #cccccc;
98 font-size: 14px;
99 line-height: 1.2em;
100 background-image: -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
101 background-image: -moz-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
102 -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
103 -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
104 box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
105 }
106
107 /* Round corner */
108
109 pre, .button, .pctbar {
110 -moz-border-radius: 4px;
111 -webkit-border-radius: 4px;
112 border-radius: 4px;
113 }
114
115 /* Footer */
116
117 #footer {
118 text-align: center;
119 padding: 20px;
120 border-top: 1px solid #ddd;
121 font-size: 90%;
122 }
123
124 #footer a { padding: 0 2px; }