tazpanel view styles/default/style.css @ rev 14

Massive improvement to inedx.cgi, up Makefile, smatter tazpanel cmdline
author Christophe Lincoln <pankso@slitaz.org>
date Sun Apr 03 17:43:32 2011 +0200 (2011-04-03)
parents 64f564036b88
children bbd7b3e24974
line source
1 /*
2 CSS style for TazPanel - (C) 2011 SliTaz GNU/Linux
3 */
4
5 html { min-height: 102%; min-width: 300px; }
6 body { padding: 0; font: 13px sans; }
7 h1 { color: #d66018; border-bottom: 1px dotted #ddd; }
8 h2 { color: #444; margin: 10px 0 10px; }
9 h3 { color: #666; font-size: 140%; margin: 0; }
10 h4 { color: #888; font-size: 120%; }
11 img { border: 0pt none; vertical-align: middle; padding: 0 6px 0 0;}
12 p { margin: 6px 0; }
13 ul { list-style-type: none; padding: 0; }
14 li { padding: 4px 0; }
15 a { text-decoration: none; color: #666; }
16 a:hover { color: #000; }
17
18 pre {
19 background-color: #f8f8f8;
20 border: 1px solid #ddd;
21 padding: 10px;
22 margin: 10px 0;
23 overflow: auto;
24 }
25
26 .pre_main { margin: 40px 0 10px; }
27
28 input[type=submit] {
29 padding: 2px 4px;
30 margin: 4px 0 0;
31 background-color: #f1f1f1;
32 border: 1px solid #ddd;
33 cursor: pointer;
34 }
35
36 input[type=submit]:hover {
37 background-color: #ddd;
38 border: 1px solid #999;
39 }
40
41 input[type=text] { height: 15px; }
42
43 /* Blocks */
44
45 #block { float: left; }
46
47 #sub_block { margin: 50px 0; }
48
49 /* Content */
50
51 #content { margin: 0; }
52 #wrapper { margin: 80px 0 20px; }
53
54 .search {
55 position: absolute;
56 right: 48px;
57 top: 200px;
58 }
59
60 #actions {
61 position: absolute;
62 left: 48px;
63 top: 200px;
64 }
65
66 #actions p { padding: 0; }
67
68 .box {
69 margin: 10px 0;
70 padding: 12px;
71 background: #f8f8f8;
72 border: 1px solid #ddd;
73 }
74
75 .debug {
76 position: fixed;
77 top: 20px;
78 left: 5px;
79 padding: 6px 20px;
80 background-color: #f8f8f8;
81 border: 1px solid #ddd;
82 }
83
84 .float_left { float: right; }
85 .float_right { float: right; }
86
87 /* Table */
88
89 table {
90 background-color: #f8f8f8;
91 border: 1px solid #ddd;
92 margin: 40px 0 0 0;
93 padding: 10px 10px 10px 0;
94 width: 100%;
95 }
96
97 td.pkg { max-width: 160px; }
98 td.desc { max-width: 300px; }
99
100 #thead, thead {
101 height: 10px;
102 font-weight: bold;
103 }
104
105 /* Desktop gui style */
106
107 #tazbar {
108 position: fixed;
109 top: 0;
110 left: 0;
111 height: 22px;
112 width: 100%;
113 padding: 0 0 0 0;
114 background-color: #f1efeb;
115 border-top: 1px solid #fefefe;
116 border-bottom: 1px solid #d3cdc3;
117 z-index: 200;
118 }
119 #menu { margin: 2px 8px; }
120 #tazbar a { padding: 2px 4px;
121 color: #000; border: 1px solid #ECE9E4;
122 display: inline; }
123 #tazbar a:hover { background-color: #fdfcfa ;
124 border: 1px solid #827a6c;
125 -moz-border-radius: 2px;
126 -webkit-border-radius: 2px;
127 border-radius: 2px;}
128
129
130 /* Round corner */
131
132 table, pre, input[type=submit], .debug, .box {
133 -moz-border-radius: 4px;
134 -webkit-border-radius: 4px;
135 border-radius: 4px;
136 }