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