slitaz-forge view roadmap/style.css @ rev 690
tank: add seb vhosts
author | Christophe Lincoln <pankso@slitaz.org> |
---|---|
date | Mon Apr 17 13:52:21 2017 +0200 (2017-04-17) |
parents | 10518b526fe8 |
children |
line source
1 /* CSS style for SliTaz Roadmap */
3 body { font: 13px sans-serif, vernada, arial; margin: 0; }
4 h1 { margin: 0; padding: 8px; color: #fff; font-size: 20px; }
5 h1 a { color: #fff; text-decoration: none; }
6 h2 { color: #444; } h3 { color: #666; font-size: 140%; }
7 a { text-decoration: underline; color: #215090; }
8 a:hover { text-decoration: none; }
9 hr { margin: 0; border: 1px solid #cfcfcf; }
10 pre {
11 background-color: #f8f8f8;
12 border: 1px solid #ddd;
13 padding: 10px;
14 overflow: auto;
15 font-size: 96%;
16 }
18 /* Header */
20 #header {
21 background: #222;
22 height: 40px;
23 border-bottom: 4px solid #afafaf;
24 }
26 #header h1 {
27 margin: 0;
28 padding: 8px 0 0 42px;
29 width: 250px;
30 }
32 #header h1 a {
33 color: white;
34 text-decoration: none;
35 font-size: 20px;
36 font-style: italic;
37 }
39 #header h1 a:hover {
40 color: #afafaf;
41 }
43 /* Header links */
45 #network {
46 float: right;
47 padding: 14px 5px 0;
48 font-size: 12px;
49 }
51 #network a {
52 padding: 0 4px;
53 color: #fff;
54 font-weight: bold;
55 text-decoration: none;
56 }
58 /* Logo */
60 #logo {
61 background: url(images/logo.png) no-repeat left;
62 position: absolute;
63 float: left;
64 left: 0px;
65 top: 0px;
66 width: 40px;
67 height: 40px;
68 }
70 /* Content */
72 #content {
73 margin: 40px 80px;
74 text-align: justify;
75 }
77 .span-ok { color: green; }
78 .span-red { color: red; }
79 .span-sky { color: blue; }
80 .span-no { color: orange; }
81 .span-line { color: #888; }
82 .log-date { color: #666; font-size: 95%; }
83 .sh-comment { color: #b20000; }
84 .sh-val { color: #f35a00; }
86 /* Buttons */
88 .button {
89 cursor: pointer;
90 padding: 4px;
91 margin: 4px 0px;
92 }
94 a.button, .pctbar {
95 text-decoration: none;
96 color: #666;
97 }
99 .button:hover {
100 border: 1px solid #999;
101 }
103 .pct { background: #9dff4a; padding: 2px 4px; }
104 .pctbar { overflow: hidden; }
106 .button, .pctbar {
107 border: 1px solid #cccccc;
108 font-size: 14px;
109 line-height: 1.2em;
110 background-image: -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
111 background-image: -moz-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
112 -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
113 -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
114 box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
115 }
117 /* Round corner */
119 pre, .button, .pctbar {
120 -moz-border-radius: 4px;
121 -webkit-border-radius: 4px;
122 border-radius: 4px;
123 }
125 /* Footer */
127 #footer {
128 text-align: center;
129 padding: 20px;
130 border-top: 1px solid #ddd;
131 font-size: 90%;
132 }
134 #footer a { padding: 0 2px; }