tazpanel annotate styles/default/style.css @ rev 112

Add some doc/help, use a BSD License and add COPYING file
author Christophe Lincoln <pankso@slitaz.org>
date Fri Apr 15 11:32:56 2011 +0200 (2011-04-15)
parents 11d6b2b61036
children 30036a49cacd
rev   line source
pankso@1 1 /*
pankso@112 2 * CSS style for TazPanel - (C) 2011 SliTaz GNU/Linux
pankso@112 3 *
pankso@1 4 */
pankso@1 5
pankso@17 6 /* To always have a scroll bar */
pankso@17 7 html {
pankso@17 8 min-height: 102%;
pankso@17 9 }
pankso@17 10
pankso@17 11 body {
pankso@17 12 background: #ffffff;
pankso@17 13 color: black;
pankso@17 14 font: 13px sans-serif, vernada, arial;
pankso@17 15 margin: 25px 0 0;
pankso@17 16 }
pankso@17 17
pankso@41 18 h1 { color: #d66018; padding: 10px 0 0 40px;}
pankso@14 19 h2 { color: #444; margin: 10px 0 10px; }
pankso@17 20 h3 { color: #666; font-size: 140%; }
pankso@42 21 h4 { color: #888; font-size: 120%; margin: 10px 0 5px; }
pankso@41 22 img { border: 0pt none; vertical-align: middle; padding: 0px 6px 2px 0;}
pankso@110 23 p { margin: 10px 0; }
pankso@73 24 ul { list-style-type: square; }
pankso@1 25 li { padding: 4px 0; }
pankso@1 26 a { text-decoration: none; color: #666; }
pankso@1 27 a:hover { color: #000; }
pankso@1 28
pankso@17 29 /* Header and main title */
pankso@17 30
pankso@17 31 #header {
pankso@41 32 height: 52px;
pankso@17 33 border-bottom: 1px dotted #ddd;
pankso@1 34 }
pankso@1 35
pankso@17 36 /* Desktop gui style bar */
pankso@14 37
pankso@31 38 #toolbar {
pankso@14 39 position: fixed;
pankso@14 40 top: 0;
pankso@14 41 left: 0;
pankso@17 42 height: 24px;
pankso@14 43 width: 100%;
pankso@45 44 padding: 0;
pankso@14 45 background-color: #f1efeb;
pankso@17 46 border-bottom: 1px solid #c1baad;
pankso@14 47 z-index: 200;
pankso@17 48 cursor: default;
pankso@14 49 }
pankso@44 50
pankso@17 51 #menu { margin: 4px 8px; }
pankso@44 52 #menu a { padding: 2px 4px; color: #000;
pankso@44 53 cursor: default; }
pankso@17 54 #menu a:hover { color: #444; }
pankso@17 55 #icons { margin: 2px 8px; float: right; }
pankso@17 56 #icons img { padding: 0; }
pankso@14 57
pankso@45 58 #loading {
pankso@45 59 /* font-weight: bold; */
pankso@45 60 background-color: #f8f8f8;
pankso@45 61 border: 1px solid #ddd;
pankso@45 62 color: #666;
pankso@45 63 cursor: progress;
pankso@45 64 position: fixed;
pankso@45 65 top: 92px;
pankso@73 66 right: 120px;
pankso@45 67 width: 248px;
pankso@45 68 padding: 4px 4px 2px;
pankso@45 69 }
pankso@17 70
pankso@41 71 /* Blocks */
pankso@41 72
pankso@41 73 #block { float: left; }
pankso@41 74
pankso@41 75 /* Sidebar menus */
pankso@41 76
pankso@41 77 #sidebar {
pankso@41 78 position: fixed;
pankso@73 79 top: 102px;
pankso@41 80 right: 5px;
pankso@41 81 width: 116px;
pankso@41 82 }
pankso@41 83
pankso@41 84 #sidebar a {
pankso@41 85 display: block;
pankso@73 86 padding: 0px 0 0px 12px;
pankso@73 87 margin: 0;
pankso@41 88 }
pankso@41 89
pankso@41 90 #sidebar a.active {
pankso@41 91 color: #000;
pankso@41 92 font-weight: bold;
pankso@41 93 }
pankso@73 94
pankso@41 95 #sidebar h4 { margin: 0 0 2px 12px; }
pankso@73 96 #sidebar ul { list-style-type: none; padding: 0; }
pankso@41 97
pankso@41 98 /* Content */
pankso@41 99
pankso@41 100 #content { margin: 20px 40px 20px 40px; }
pankso@41 101 #content-sidebar { margin: 20px 120px 20px 40px; }
pankso@41 102 #wrapper { margin: 10px 0 20px; }
pankso@41 103
pankso@41 104 .search {
pankso@41 105 position: absolute;
pankso@41 106 right: 40px;
pankso@41 107 top: 32px;
pankso@41 108 }
pankso@41 109
pankso@41 110 .search input[type=submit] {
pankso@41 111 padding: 4px;
pankso@80 112 margin-left: -4px;
pankso@41 113 background-color: #f1f1f1;
pankso@41 114 border: 1px solid #ddd;
pankso@41 115 cursor: pointer;
pankso@41 116 color: #000;
pankso@41 117 font-weight: bold;
pankso@80 118 border-radius: 0px;
pankso@80 119 }
pankso@80 120
pankso@80 121 .search input[type=submit].radius {
pankso@41 122 border-top-right-radius: 4px;
pankso@41 123 border-bottom-right-radius: 4px;
pankso@41 124 border-top-left-radius: 0px;
pankso@41 125 border-bottom-left-radius: 0px;
pankso@41 126 }
pankso@41 127
pankso@41 128 .search input[type=text] {
pankso@41 129 border: 1px solid #ddd;
pankso@41 130 padding: 4px;
pankso@41 131 height: 17px;
pankso@41 132 margin: 0;
pankso@49 133 width: 200px;
pankso@41 134 border-top-left-radius: 4px;
pankso@41 135 border-bottom-left-radius: 4px;
pankso@41 136 }
pankso@41 137
pankso@41 138 #actions {
pankso@41 139 height: 20px;
pankso@41 140 margin: 16px 0;
pankso@41 141 }
pankso@41 142
pankso@111 143 #actions p { margin: 6px 0; }
pankso@111 144
pankso@41 145 .box {
pankso@41 146 margin: 10px 0;
pankso@41 147 padding: 12px;
pankso@41 148 background: #f8f8f8;
pankso@41 149 border: 1px solid #ddd;
pankso@41 150 }
pankso@41 151
pankso@89 152 .box ul { list-style-type: none; padding: 0; }
pankso@89 153
pankso@41 154 .debug {
pankso@41 155 position: fixed;
pankso@45 156 bottom: 0px;
pankso@70 157 right: 10px;
pankso@70 158 left: 10px;
pankso@70 159 margin: 5px;
pankso@70 160 padding: 4px 10px;
pankso@70 161 background-color: #111;
pankso@70 162 color: #fff;
pankso@70 163 border: 0;
pankso@70 164 font-size: 12px;
pankso@70 165 opacity: 0.9;
pankso@41 166 }
pankso@41 167
pankso@41 168 .float-left { float: left; }
pankso@41 169 .float-right { float: right; }
pankso@41 170
pankso@41 171 /* Table */
pankso@41 172
pankso@41 173 table {
pankso@41 174 background-color: #f8f8f8;
pankso@41 175 border: 1px solid #ddd;
pankso@41 176 padding: 10px;
pankso@41 177 width: 100%;
pankso@41 178 margin: 0 0 6px 0;
pankso@41 179 }
pankso@41 180
pankso@41 181 table a { color: #000; }
pankso@41 182 table a:hover { color: #666; }
pankso@46 183 td.small { min-width: 60px; }
pankso@41 184 td.pkg { max-width: 160px; }
pankso@41 185 td.desc { max-width: 300px; }
pankso@41 186
pankso@42 187 #thead, .thead, thead {
pankso@41 188 height: 10px;
pankso@41 189 font-weight: bold;
pankso@41 190 }
pankso@41 191
pankso@74 192 /* syntax_highlighter */
pankso@74 193
pankso@74 194 span.conf-comment { color: #666; }
pankso@76 195 span.conf-var { color: #392600; }
pankso@75 196 span.conf-val, span.sh-val { color: #f35a00; }
pankso@75 197 span.sh-comment { color: #b20000; }
pankso@74 198
pankso@29 199 /* Misc */
pankso@17 200
pankso@41 201 pre, .pre-main {
pankso@17 202 background-color: #f8f8f8;
pankso@17 203 border: 1px solid #ddd;
pankso@17 204 padding: 10px;
pankso@17 205 margin: 10px 0;
pankso@17 206 overflow: auto;
pankso@17 207 }
pankso@17 208
pankso@41 209 .pre-main { margin: 16px 0; }
pankso@41 210
pankso@41 211 input[type=submit], select, .button {
pankso@41 212 padding: 4px;
pankso@41 213 margin: 0;
pankso@17 214 background-color: #f1f1f1;
pankso@17 215 border: 1px solid #ddd;
pankso@17 216 cursor: pointer;
pankso@41 217 color: #000;
pankso@17 218 }
pankso@17 219
pankso@41 220 input[type=submit]:hover, select:hover, .button:hover {
pankso@17 221 background-color: #ddd;
pankso@17 222 border: 1px solid #999;
pankso@17 223 }
pankso@17 224
pankso@49 225 input[type=text], input[type=password] { height: 18px; }
pankso@14 226
pankso@44 227 div.scroll { height: 200px; overflow: auto;
pankso@44 228 border: 1px solid #ddd; }
pankso@42 229 div.scroll table { border: 0px solid #fff; }
pankso@42 230
pankso@1 231 /* Round corner */
pankso@10 232
pankso@45 233 #loading, table, pre, input[type=submit], .debug, .box,
pankso@44 234 .button, div.scroll {
pankso@41 235 /*-moz-border-radius: 4px;
pankso@41 236 -webkit-border-radius: 4px; */
pankso@1 237 border-radius: 4px;
pankso@1 238 }
pankso@41 239
pankso@112 240 /* Help page */
pankso@112 241
pankso@112 242 #help { text-align: justify; }
pankso@112 243 #help a { color: #215090; text-decoration: underline; }
pankso@112 244 #help a:hover { text-decoration: none; color: blue; }
pankso@112 245
pankso@41 246 /* Footer */
pankso@41 247
pankso@41 248 #footer {
pankso@41 249 /* border-bottom: 1px solid #c1baad; */
pankso@41 250 height: 25px;
pankso@41 251 text-align: center;
pankso@41 252 padding: 40px 10px;
pankso@41 253 font-size: 11px;
pankso@112 254 color: #555;
pankso@112 255 }
pankso@112 256
pankso@112 257 #footer a:hover { color: blue; }