slitaz-configs view rootfs/usr/share/webhome/style.css @ rev 84
New Web Home page
| author | Christophe Lincoln <pankso@slitaz.org> |
|---|---|
| date | Tue Mar 29 18:46:23 2011 +0200 (2011-03-29) |
| parents | 4cba93b42cef |
| children | f0055e8d865f |
line source
1 /* CSS style for SliTaz GNU/Linux Web Home */
3 body {
4 background: #ffffff;
5 color: black;
6 font: 13px sans-serif, vernada, arial;
7 margin: 0;
8 min-width: 640px;
9 }
11 a { text-decoration: underline; color: #215090; }
12 a:hover { text-decoration: none; color: blue; }
13 img { border: 0pt none; vertical-align: middle; }
15 /* Header */
17 #header {
18 height: 40px;
19 background: #351a0a;
20 }
22 #header h1 {
23 margin: 0;
24 padding: 8px 0 0 8px;
25 width: 250px;
26 color: white;
27 font-size: 20px;
28 font-style: italic;
29 }
31 /* SliTaz Network */
33 #network {
34 float: right;
35 padding: 12px 5px 0;
36 font-size: 12px;
37 }
39 #network a { padding: 0 6px; }
41 #network a {
42 color: #fff;
43 font-weight: bold;
44 text-decoration: none;
45 }
47 #network a:hover { color: #d66018; }
49 /* Block */
51 #block {
52 min-height: 8px;
53 background: #d66018;
54 padding: 0;
55 border-bottom: 1px solid #f5f5f5;
56 }
58 /* Content */
60 #content {
61 padding: 30px 20px;
62 text-align: justify;
63 }
65 .searchbox {
66 margin: 40px 80px;
67 padding: 12px;
68 background: #f8f8f8;
69 text-align: center;
70 border: 1px solid #ddd;
71 -moz-border-radius: 4px;
72 -webkit-border-radius: 4px;
73 border-radius: 4px;
74 }
76 #social { text-align: center; color: #666; }
77 #social a { color: #666; padding: 0 2px; }
79 /* Form */
81 input[type=submit] {
82 border: 1px solid #b64b22;
83 background-color: #b64b22;
84 color: white;
85 font-weight: bold;
86 cursor: pointer;
87 padding: 4px 10px;
88 font-size: 14px;
89 margin-left: -5px;
90 -webkit-border-top-right-radius: 4px;
91 -webkit-border-bottom-right-radius: 4px;
92 -moz-border-radius-topright: 4px;
93 -moz-border-radius-bottomright: 4px;
94 border-top-right-radius: 4px;
95 border-bottom-right-radius: 4px;
96 }
98 input[type=submit]:hover { background-color: #a3431f; }
100 input[type=text] {
101 border: 1px solid #333333;
102 padding: 4px;
103 height: 17px;
104 width: 68%;
105 -webkit-border-top-left-radius: 4px;
106 -webkit-border-bottom-left-radius: 4px;
107 -moz-border-radius-topleft: 4px;
108 -moz-border-radius-bottomleft: 4px;
109 border-top-left-radius: 4px;
110 border-bottom-left-radius: 4px;
111 }