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

Small fix to df output
author Christophe Lincoln <pankso@slitaz.org>
date Fri Jun 10 20:58:58 2011 +0200 (2011-06-10)
parents ed55f0e369b3
children d65aa88d638f
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@185 18 h1 { color: #d66018; padding: 6px 0 0 20px; font-size: 180%; }
pankso@185 19 h2 { color: #444; margin: 10px 0 10px; font-size: 150%; }
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@185 32 height: 42px;
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@185 79 top: 92px;
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@185 100 #content { margin: 20px; }
pankso@185 101 #content-sidebar { margin: 20px 120px 20px 20px; }
pankso@41 102 #wrapper { margin: 10px 0 20px; }
pankso@41 103
pankso@120 104 #actions {
pankso@120 105 height: 20px;
pankso@120 106 margin: 16px 0;
pankso@120 107 }
pankso@120 108
pankso@120 109 #actions p { margin: 6px 0; }
pankso@120 110
pankso@41 111 .search {
pankso@41 112 position: absolute;
pankso@41 113 right: 40px;
pankso@185 114 top: 23px;
pankso@41 115 }
pankso@41 116
pankso@41 117 .search input[type=submit] {
pankso@41 118 padding: 4px;
pankso@80 119 margin-left: -4px;
pankso@41 120 background-color: #f1f1f1;
pankso@41 121 border: 1px solid #ddd;
pankso@41 122 cursor: pointer;
pankso@41 123 color: #000;
pankso@41 124 font-weight: bold;
pankso@80 125 border-radius: 0px;
pankso@80 126 }
pankso@80 127
pankso@80 128 .search input[type=submit].radius {
pankso@41 129 border-top-right-radius: 4px;
pankso@41 130 border-bottom-right-radius: 4px;
pankso@41 131 border-top-left-radius: 0px;
pankso@41 132 border-bottom-left-radius: 0px;
pankso@41 133 }
pankso@41 134
pankso@41 135 .search input[type=text] {
pankso@41 136 border: 1px solid #ddd;
pankso@41 137 padding: 4px;
pankso@41 138 height: 17px;
pankso@41 139 margin: 0;
pankso@49 140 width: 200px;
pankso@41 141 border-top-left-radius: 4px;
pankso@41 142 border-bottom-left-radius: 4px;
pankso@41 143 }
pankso@41 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@153 186 td.pct { min-width: 200px; background: #eee; }
pankso@185 187 div.pct { background: #ccc; display: inline; }
pankso@153 188 td.pct, div.pct { border-radius: 2px; }
pankso@41 189
pankso@42 190 #thead, .thead, thead {
pankso@41 191 height: 10px;
pankso@41 192 font-weight: bold;
pankso@41 193 }
pankso@41 194
pankso@74 195 /* syntax_highlighter */
pankso@74 196
pankso@74 197 span.conf-comment { color: #666; }
pankso@76 198 span.conf-var { color: #392600; }
pankso@75 199 span.conf-val, span.sh-val { color: #f35a00; }
pankso@75 200 span.sh-comment { color: #b20000; }
pankso@120 201 span.activity-log { color: #888; font-size: 95%; }
pankso@120 202 span.diff-rm { color: red; }
pankso@120 203 span.diff-add { color: green; }
pankso@153 204 span.diff-at { color: blue; }
pankso@152 205 span.top { color: #00c800; font-weight: bold; font-size: 95%; }
pankso@153 206
pankso@29 207 /* Misc */
pankso@17 208
pankso@41 209 pre, .pre-main {
pankso@17 210 background-color: #f8f8f8;
pankso@17 211 border: 1px solid #ddd;
pankso@17 212 padding: 10px;
pankso@17 213 margin: 10px 0;
pankso@17 214 overflow: auto;
pankso@17 215 }
pankso@17 216
pankso@41 217 .pre-main { margin: 16px 0; }
pankso@41 218
pankso@41 219 input[type=submit], select, .button {
pankso@41 220 padding: 4px;
pankso@41 221 margin: 0;
pankso@17 222 background-color: #f1f1f1;
pankso@17 223 border: 1px solid #ddd;
pankso@17 224 cursor: pointer;
pankso@41 225 color: #000;
pankso@17 226 }
pankso@17 227
pankso@41 228 input[type=submit]:hover, select:hover, .button:hover {
pankso@17 229 background-color: #ddd;
pankso@17 230 border: 1px solid #999;
pankso@17 231 }
pankso@17 232
pankso@49 233 input[type=text], input[type=password] { height: 18px; }
pankso@14 234
pankso@44 235 div.scroll { height: 200px; overflow: auto;
pankso@44 236 border: 1px solid #ddd; }
pankso@42 237 div.scroll table { border: 0px solid #fff; }
pankso@42 238
pankso@1 239 /* Round corner */
pankso@10 240
pankso@45 241 #loading, table, pre, input[type=submit], .debug, .box,
pankso@44 242 .button, div.scroll {
pankso@41 243 /*-moz-border-radius: 4px;
pankso@41 244 -webkit-border-radius: 4px; */
pankso@1 245 border-radius: 4px;
pankso@1 246 }
pankso@41 247
pankso@112 248 /* Help page */
pankso@112 249
pankso@112 250 #help { text-align: justify; }
pankso@112 251 #help a { color: #215090; text-decoration: underline; }
pankso@112 252 #help a:hover { text-decoration: none; color: blue; }
pankso@112 253
pankso@41 254 /* Footer */
pankso@41 255
pankso@41 256 #footer {
pankso@41 257 /* border-bottom: 1px solid #c1baad; */
pankso@41 258 height: 25px;
pankso@41 259 text-align: center;
pankso@41 260 padding: 40px 10px;
pankso@41 261 font-size: 11px;
pankso@116 262 color: #bbb;
pankso@112 263 }
pankso@112 264
pankso@116 265 #footer a { color: #bbb; }
pankso@116 266 #footer a:hover { color: #555; }