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

A bunch of change, users mangement, javascript small function, css, tazpg.cgi
author Christophe Lincoln <pankso@slitaz.org>
date Sun Apr 03 03:21:00 2011 +0200 (2011-04-03)
parents 0ca11f2550ef
children 2ea20065417a
line source
1 /*
2 CSS style for TazPanel - (C) 2011 SliTaz GNU/Linux
3 */
4
5 html { min-height: 102%; }
6 body { padding: 20px 80px; font: 13px sans; }
7 h1 { color: #d66018; border-bottom: 1px dotted #ddd; }
8 h2 { color: #444; margin: -20px 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: 88px;
57 top: 200px;
58 }
59
60 #actions {
61 position: absolute;
62 left: 88px;
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: 5px;
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 /* Round corner */
106
107 table, pre, input[type=submit], .debug, .box {
108 -moz-border-radius: 4px;
109 -webkit-border-radius: 4px;
110 border-radius: 4px;
111 }