cookutils view lighttpd/cooker-like2016.css @ rev 1140

cooker.cgi: use http download
author Pascal Bellard <pascal.bellard@slitaz.org>
date Sat Jun 08 16:40:51 2019 +0200 (2019-06-08)
parents
children
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; }
8 h3 { color: #666; font-size: 140%; }
9 a { text-decoration: underline; color: #215090; }
10 a:hover { text-decoration: none; }
11 hr { margin: 0; border: 1px solid #cfcfcf; }
12 pre, table {
13 background-color: #f8f8f8;
14 border: 1px solid #ddd;
15 padding: 10px;
16 overflow: auto;
17 font-size: 96%;
18 font-family: monospace;
19 }
20 pre .underline { display: none; }
21
22
23 /* Header */
24
25 header {
26 color: #fff;
27 background: #222;
28 height: 40px;
29 border-bottom: 4px solid #afafaf;
30 }
31 header h1::before {
32 content: '';
33 display: inline-block;
34 background: url("/images/logo.png") no-repeat left;
35 width: 40px;
36 height: 40px;
37 vertical-align: middle;
38 }
39
40 header h1 {
41 margin: 0;
42 padding: 0;
43 white-space: nowrap;
44 float: left;
45 }
46
47 header h1 a {
48 color: #fff;
49 text-decoration: none;
50 font-size: 20px;
51 font-style: italic;
52 }
53
54 header h1 a:hover, #network a:hover {
55 color: #afafaf;
56 }
57
58 /* Header links */
59
60 .network {
61 float: right;
62 padding: 14px 5px 0;
63 font-size: 12px;
64 }
65
66 .network a {
67 padding: 0 4px;
68 color: #fff;
69 font-weight: bold;
70 text-decoration: none;
71 }
72
73 /* Content */
74
75 main {
76 margin: 40px 80px;
77 text-align: justify;
78 }
79 .r { float: right; }
80 form button[type='submit'] { display: none; }
81 table { width: 100%; }
82 td { padding: 0; }
83 td:first-child { white-space:nowrap; width:5rem; }
84 table td:nth-child(2)::before { content:' : '; }
85 .activity .r { display: none; }
86 .log a[name] { text-decoration: none; }
87
88 .span-ok { color: #0a0; }
89 .span-red { color: red; }
90 .span-sky { color: blue; }
91 .span-no { color: #d90; }
92 .span-line { color: #888; }
93 .log-date { color: #666; font-size: 95%; }
94 .sh-comment { color: #a00; }
95 .sh-val { color: #e50; font-weight: bold; }
96 .var { color: #05a; }
97
98 /* Colored log */
99
100 .log b { font-weight: normal; color: red; }
101 .log u { text-decoration: none; color: darkorange; }
102 .log i { font-style: normal; color: green; }
103 .log em { font-style: normal; }
104
105 /* Buttons */
106
107 .button {
108 cursor: pointer;
109 padding: 4px;
110 margin: 4px 0px;
111 display: inline-block;
112 }
113
114 a.button, .meter span {
115 text-decoration: none;
116 color: #666;
117 }
118
119 .button:hover {
120 border: 1px solid #999;
121 }
122
123 progress {
124 width: 100%;
125 box-sizing: border-box;
126 margin: 0;
127 padding: 0;
128 height: 23px;
129 }
130 .meter { height: 23px; overflow: hidden; }
131 progress::-webkit-progress-bar { background: #9dff4a; }
132 progress::-webkit-progress-value { background: #9dff4a; }
133 progress::-moz-progress-bar { background: #9dff4a; }
134 .meter span {
135 display: block;
136 position: relative;
137 margin: -20px 6px;
138 }
139
140 .button, progress {
141 border: 1px solid #cccccc;
142 font-size: 14px;
143 line-height: 1.2em;
144 background-image: -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
145 background-image: -moz-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
146 -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
147 -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
148 box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
149 }
150
151 /* Round corner */
152
153 pre, .button, progress, table {
154 -moz-border-radius: 4px;
155 -webkit-border-radius: 4px;
156 border-radius: 4px;
157 }
158
159 /* Footer */
160
161 footer {
162 text-align: center;
163 padding: 20px;
164 border-top: 1px solid #ddd;
165 font-size: 90%;
166 }
167
168 footer a { padding: 0 2px; }