cookutils view web/style.css @ rev 895

german translation of cook.pot added
author Hans-G?nter Theisgen
date Wed Apr 19 15:16:58 2017 +0100 (2017-04-19)
parents 080dd0a18d2e
children fe29568da760
line source
1 /* CSS style for SliTaz Cooker */
2
3 body {
4 font-family: sans-serif;
5 font-size: 13px;
6 margin: 0;
7 min-height: 100%;
8 /* position: absolute;*/
9 left: 0;
10 right: 0;
11 }
12 #content2 h2 {
13 color: #444;
14 border-bottom: 2px solid #CCC;
15 height: 100%;
16 }
17 h3 { color: #666; font-size: 140%; }
18 a { text-decoration: none; color: #215090; }
19 a:hover { text-decoration: underline; }
20 .files a { text-decoration: none; color: inherit; }
21 .files a:hover { text-decoration: underline; }
22 hr { margin: 0; border: 1px solid #cfcfcf; }
23 pre {
24 background-color: #f8f8f8;
25 border: 1px solid #ddd;
26 padding: 8px;
27 overflow: auto;
28 }
29
30 /* Header */
31 body>header {
32 display:block;
33 background:#444;
34 text-align:justify;
35 line-height:0;
36 box-shadow:0 -8px 8px #333 inset
37 }
38 h1 {
39 display:inline-block;
40 margin:auto 0;
41 height:40px;
42 white-space:nowrap;
43 vertical-align:middle
44 }
45 h1::before {
46 display:inline-block;
47 content:url(images/logo.png);
48 vertical-align:middle
49 }
50 h1 a {
51 color:#FFF;
52 font-size:20px;
53 font-style:italic
54 }
55 body>header::before,body>header::after,.block>div::before,.block>div::after {
56 display:inline-block;
57 width:100%;
58 height:0;
59 visibility:hidden;
60 overflow:hidden;
61 content:''
62 }
63 .network {
64 display:inline-block;
65 text-align:left;
66 vertical-align:middle;
67 font-size:12px;
68 line-height:normal;
69 color:#999
70 }
71 .network a {
72 display:inline-block;
73 padding:0 6px;
74 vertical-align:middle;
75 color:#FFF
76 }
77
78 /* Content */
79
80 #content {
81 margin: auto;
82 padding: 0.5em;
83 }
84 #content2 {
85 width: 100%; box-sizing: border-box;
86 max-width: 700px;
87 margin: auto;
88 padding: 0.5em;
89 }
90
91
92 .span-ok { color: #0a0; }
93 .span-red { color: red; }
94 .span-sky { color: blue; }
95 .span-no { color: #d90; }
96 .span-line { color: #888; }
97 .log-date { color: #666; font-size: 95%; }
98 .sh-comment { color: #a00; }
99 .sh-val { color: #e50; font-weight: bold; }
100 .var { color: #05a; }
101
102 /* Buttons */
103
104 .button {
105 display: inline-block;
106 padding: 4px;
107 margin: 2px 0;
108 }
109
110 a.button, .pctbar {
111 text-decoration: none;
112 color: #666;
113 }
114
115 .pct {
116 background: #9dff4a;
117 background-image: -webkit-linear-gradient(#CDFFA3, #9DFF4A 40%, #87DB40);
118 background-image: -moz-linear-gradient(#CDFFA3, #9DFF4A 40%, #87DB40);
119 padding: 2px 4px;
120 }
121 .pctbar { overflow: hidden; }
122
123 .button {
124 text-decoration: none;
125 color: #444;
126 border: 1px solid #666;
127 font-size: 14px;
128 line-height: 1.2em;
129 }
130 .button:hover {
131 color: #000;
132 border-color: #000;
133 }
134 .button.active {
135 /*outline: 1px solid #999;
136 outline-offset: 1px;*/
137 color: #000;
138 border-color: #000;
139 }
140
141 .pctbar {
142 border: 1px solid #AAA;
143 font-size: 14px;
144 line-height: 1.2em;
145 background-image: -webkit-linear-gradient(#E5E5E5, #F4F4F4 40%, #FAFAFA);
146 background-image: -moz-linear-gradient(#E5E5E5, #F4F4F4 40%, #FAFAFA);
147 }
148 /* Round corner */
149
150 pre, .button, .pctbar {
151 border-radius: 2px;
152 }
153
154 /* Footer */
155
156 #footer {
157 text-align: center;
158 padding: 20px 0;
159 border-top: 1px solid #ddd;
160 font-size: 90%;
161 /* position: absolute;*/
162 bottom: 0;
163 left: 0;
164 right: 0;
165 }
166
167 #footer a { padding: 0 2px; }
168
169 body>footer {
170 background:#f1f1f1;
171 text-align:center;
172 border-top:1px solid #CCC;
173 padding:6px;
174 color:#666;
175 clear:both;
176 box-shadow:0 4px 8px #CCC inset
177 }
178
179 footer a+a::before { display: inline-block; content: '• '; color: #E81; }
180
181 body>footer div {
182 margin:12px
183 }
184
185
186
187 .log a { text-decoration: none; color: #666; }
188 .log a:hover { color: #000; }
189
190 .activity { padding-left: 0.5em; }
191 .activity li { list-style-type: none; }
192 .activity li:before { color: #666; content: "•"; padding-right: 0.5em; }
193
194 .r { float: right; }
195
196 .zebra tr:nth-child(odd) { background-color: #FFFFFF; }
197 .zebra tr:nth-child(even) { background-color: #ECECEC; }
198
199 .gray { background-color: lightgray; }
200 .gold { background-color: gold; }
201 .green { background-color: greenyellow; }
202 .sky { background-color: skyblue; }
203 .plum { background-color: plum; }
204 .yellow { background-color: yellow; }
205 .khaki { background-color: khaki; }
206 .brown { background-color: sandybrown; }
207
208 a:target {background-color: yellow; }
209
210
211 /*
212 table {
213 border-spacing: 0;
214 padding: 0 2px;
215 border-width: 1px;
216 border-color: #666;
217 border-radius: 4px;
218 border-style: solid;
219 }
220 th {
221 background-color: #CCC;
222 }
223 td {
224 border-bottom: 1px solid #79B;
225 padding: 2px;
226 }
227 tr:last-child td {
228 border-bottom: unset;
229 }
230 */
231
232 table {
233 /*width: 100%;*/
234 border: 1px solid #CCC;
235 border-radius: 4px;
236 border-spacing: 0;
237 padding: 0;
238 }
239 tr {
240 margin: 0;
241 padding: 2px;
242 }
243 td {
244 margin: 0;
245 padding: 3px;
246 vertical-align: top;
247 line-height: 1.1;
248 }
249 thead tr {
250 background-color:#DDD
251 }
252 thead th {
253 border-bottom:1px solid #BBB
254 }
255
256 tbody tr:nth-child(odd) { background-color: #FFFFFF; }
257 tbody tr:nth-child(even) { background-color: #ECECEC; }
258
259 #content, #content2 {
260 min-height: 80vh;
261 }
262
263 .texinfo pre { display: none; }
264 /*.texinfo pre.first:not(:target) { display: block; }*/
265 .texinfo pre:target { display: block; }