wok diff tazpanel-theme-sandfive/stuff/style.css @ rev 17850
Add: perl-json - JSON
author | Nathan Neulinger <nneul@neulinger.org> |
---|---|
date | Tue Mar 24 17:45:06 2015 +0000 (2015-03-24) |
parents | |
children |
line diff
1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000 1.2 +++ b/tazpanel-theme-sandfive/stuff/style.css Tue Mar 24 17:45:06 2015 +0000 1.3 @@ -0,0 +1,437 @@ 1.4 +/* 1.5 + * CSS style for TazPanel - (C) 2011 SliTaz GNU/Linux 1.6 + * 1.7 +*/ 1.8 + 1.9 +/* To always have a scroll bar */ 1.10 +html { 1.11 + min-height: 102%; 1.12 +} 1.13 + 1.14 +body { 1.15 + background: #F0EFE4; 1.16 + color: #453A1C; 1.17 + font: 12px "Coda", "Sans", FreeSans, sans-serif; 1.18 + margin: 25px 0 0; 1.19 +} 1.20 + 1.21 +* { 1.22 + outline: 0; 1.23 +} 1.24 + 1.25 +h1 { color: #CE895E; padding: 6px 0 0 20px; font-size: 180%; } 1.26 +h2 { color: #5E4F26; margin: 10px 0 10px; font-size: 150%; } 1.27 +h3 { color: #453A1C; font-size: 140%; } 1.28 +h4 { color: #453A1C; font-size: 120%; margin: 10px 0 5px; } 1.29 +img { border: 0pt none; vertical-align: middle; padding: 0px 6px 2px 0;} 1.30 +p { margin: 10px 0; } 1.31 +ul { list-style-type: square; } 1.32 +li { padding: 4px 0; } 1.33 +a { text-decoration: none; color: #807455; } 1.34 +a:hover { color: #2A220E; } 1.35 + 1.36 +/* Header and main title */ 1.37 + 1.38 +#header { 1.39 + background: #FAFAFA; 1.40 + text-shadow: 1px 1px 1px rgb(220,220,220); 1.41 + padding: 10px 0; 1.42 + box-shadow: inset 0 0 10px 0 rgb(200,200,200); 1.43 +} 1.44 + 1.45 +/* Desktop gui style bar */ 1.46 + 1.47 +#toolbar { 1.48 + position: fixed; 1.49 + top: 0; 1.50 + left: 0; 1.51 + height: 23px; 1.52 + width: 100%; 1.53 + padding: 4px 0; 1.54 + background: #DBD9CC; 1.55 + border-bottom: 1px solid #F2F2F2; 1.56 + z-index: 200; 1.57 + cursor: default; 1.58 +} 1.59 + 1.60 +#menu { 1.61 + margin: 0; 1.62 + padding: 0; 1.63 +} 1.64 +#menu li { 1.65 + list-style: none; 1.66 + float: left; 1.67 + padding: 0; 1.68 +} 1.69 +#menu li a { 1.70 + display: block; 1.71 + padding: 4px 6px; 1.72 + background-color: inherit; 1.73 + text-decoration: none; 1.74 + cursor: default; 1.75 + color: #000; 1.76 +} 1.77 +#menu li a:hover { 1.78 + color: #FFF; 1.79 + background: #CE895E; /* no support gradient */ 1.80 + background-image: linear-gradient(to bottom, #DFA17B, #CE895E); 1.81 + background-image: webkit-linear-gradient(to bottom, #DFA17B, #CE895E); 1.82 + border-top-right-radius: 3px; 1.83 + border-top-left-radius: 3px; 1.84 +} 1.85 +#menu li ul { 1.86 + display: none; 1.87 + min-width: 180px; 1.88 + background: #DBD9CC; 1.89 + border: 1px solid #D1D0C3; 1.90 +} 1.91 +#menu li ul a { 1.92 + padding: 4px 6px; 1.93 +} 1.94 +#menu li:hover ul { 1.95 + display: block; 1.96 + position: absolute; 1.97 + margin: 0; 1.98 + padding: 0; 1.99 +} 1.100 +#menu li:hover li { 1.101 + float: none; 1.102 +} 1.103 +#menu li:hover li a { 1.104 + background-color: #DBD9CC; 1.105 + color: #453A1C; 1.106 +} 1.107 +#menu li li a { border: none; } 1.108 +#menu li li a:hover { 1.109 + background: #CE895E; /* no support gradient */ 1.110 + background-image: linear-gradient(to bottom, #DFA17B, #CE895E); 1.111 + background-image: webkit-linear-gradient(to bottom, #DFA17B, #CE895E); 1.112 + color: #FFF; 1.113 + border-radius: 2px; 1.114 +} 1.115 +/* addings 1.116 + * 1.117 + */ 1.118 +#menu > ul { 1.119 + visibility: hidden; 1.120 + opacity: 0; 1.121 + transition: visibility 0s linear 0.5s, opacity 0.5s linear; 1.122 +} 1.123 +#menu:hover > ul { 1.124 + visibility: visible; 1.125 + opacity: 1; 1.126 + transition-delay: 0s; 1.127 +} 1.128 + 1.129 + 1.130 +#icons { margin: 3px 8px; float: right; } 1.131 +#icons img { padding: 0; } 1.132 + 1.133 +#loading { 1.134 + z-index: 1000; 1.135 + background: #F6F6A8; 1.136 + color: #453A1C; 1.137 + text-align: center; 1.138 + cursor: progress; 1.139 + position: fixed; 1.140 + top: 123px; 1.141 + right: 0px; 1.142 + width: 248px; 1.143 + padding: 40px 12px; 1.144 + border: 2px solid #E38E5E; 1.145 + /* box-shadow: 0 0 2000px 2000px #453A1C; */ 1.146 +} 1.147 + 1.148 +/* Blocks */ 1.149 + 1.150 +#block { float: left; } 1.151 + 1.152 +/* Sidebar menus */ 1.153 + 1.154 +#sidebar { 1.155 + background: rgba(255,255,255, .5); 1.156 + position: fixed; 1.157 + top: 118px; 1.158 + right: 0; 1.159 + width: 116px; 1.160 + padding: 20px 0; 1.161 + border-radius: 4px; 1.162 + box-shadow: 0 0 10px 0 rgba(0,0,0, .3); 1.163 +} 1.164 + 1.165 +#sidebar a { 1.166 + display: block; 1.167 + padding: 0px 0 0px 12px; 1.168 + margin: 0; 1.169 +} 1.170 + 1.171 +#sidebar a.active { 1.172 + color: #000; 1.173 + font-weight: bold; 1.174 +} 1.175 + 1.176 +#sidebar h4 { margin: 0 0 2px 12px; } 1.177 +#sidebar ul { list-style-type: none; padding: 0; } 1.178 + 1.179 +/* Content */ 1.180 + 1.181 +#content { margin: 20px; } 1.182 +#content-sidebar { margin: 20px 120px 20px 20px; } 1.183 +#wrapper { margin: 10px 0 20px; } 1.184 + 1.185 +#actions { 1.186 + min-height: 20px; 1.187 + padding: 16px 0; 1.188 +} 1.189 + 1.190 +#actions p { margin: 6px 0; } 1.191 + 1.192 +.search { 1.193 + position: absolute; 1.194 + right: 40px; 1.195 + top: 43px; 1.196 +} 1.197 + 1.198 +.search * { 1.199 + font-size: 11px!important; 1.200 +} 1.201 + 1.202 +.search input[type=submit] { 1.203 + letter-spacing: 1px; 1.204 + padding: 5px; 1.205 + margin-left: -4px; 1.206 + background: #DEDCD0; 1.207 + cursor: pointer; 1.208 + color: #000; 1.209 + font-weight: normal; 1.210 + border-radius: 0px; 1.211 +} 1.212 + 1.213 +.search input[type=submit].radius { 1.214 + border-radius: 4px; 1.215 + border-top-left-radius: 0px; 1.216 + border-bottom-left-radius: 0px; 1.217 +} 1.218 + 1.219 +.search input[type=text] { 1.220 + background: #F2F2F2; 1.221 + color: #453A1C; 1.222 + border: 2px solid #DEDCD0; 1.223 + padding: 4px; 1.224 + height: 17px; 1.225 + margin: 0; 1.226 + width: 200px; 1.227 + border-top-left-radius: 4px; 1.228 + border-bottom-left-radius: 4px; 1.229 +} 1.230 + 1.231 +.box { 1.232 + margin: 10px 0; 1.233 + padding: 12px; 1.234 + background: #FFF; 1.235 + border: 1px solid #D1D1C7; 1.236 + box-shadow: 0 0 4px 0 #C2C1B8; 1.237 +} 1.238 + 1.239 +.box ul { list-style-type: none; padding: 0; } 1.240 + 1.241 +.debug { 1.242 + position: fixed; 1.243 + bottom: 0px; 1.244 + right: 10px; 1.245 + left: 10px; 1.246 + margin: 5px; 1.247 + padding: 4px 10px; 1.248 + background: #453A1C; 1.249 + color: #FFF; 1.250 + border: 0; 1.251 + font-size: 12px; 1.252 + opacity: 0.9; 1.253 +} 1.254 + 1.255 +.float-left { 1.256 + float: left; 1.257 +} 1.258 +.float-right { 1.259 + float: right; 1.260 +} 1.261 + 1.262 +/* Table */ 1.263 + 1.264 +table { 1.265 + background-color: #f8f8f8; 1.266 + border: 1px solid #DBD9CC; 1.267 + padding: 10px; 1.268 + width: 100%; 1.269 + margin: 0 0 6px 0; 1.270 +} 1.271 + 1.272 +table a { color: #000; } 1.273 +table a:hover { color: #666; } 1.274 +td.small { min-width: 60px; } 1.275 +td.pkg { max-width: 160px; } 1.276 +td.desc { max-width: 300px; } 1.277 +td.pct { min-width: 200px; background: #E3E1D3; } 1.278 +div.pct { background: #ccc; } 1.279 +td.pct, div.pct { border-radius: 2px; } 1.280 + 1.281 +#thead, .thead, thead { 1.282 + height: 10px; 1.283 + font-weight: bold; 1.284 +} 1.285 + 1.286 +/* 1.287 + * Table Zebra 1.288 + */ 1.289 + 1.290 +table.zebra { 1.291 + border: none; 1.292 + border-collapse: collapse; 1.293 + margin: 16px 0; 1.294 + box-shadow: 0 0 0 2px #fff, 0 0 0 3px #D1D0C3; 1.295 +} 1.296 +table.zebra tr:nth-child(even) { 1.297 + background-color: #E3E1D4; 1.298 +} 1.299 +table.zebra thead tr td { 1.300 + height: 22px; 1.301 + background-color: #E3E1D3; 1.302 + text-align: center; 1.303 + vertical-align: middle; 1.304 +} 1.305 +table.zebra td + td { 1.306 + border-left: 1px solid #DBD9CC; 1.307 +} 1.308 + 1.309 + 1.310 +/* 1.311 + * syntax_highlighter 1.312 + */ 1.313 + 1.314 +span.conf-comment { color: #666; } 1.315 +span.conf-var { color: #392600; } 1.316 +span.conf-val, span.sh-val { color: #f35a00; } 1.317 +span.sh-comment { color: #b20000; } 1.318 +span.activity-log { color: #888; } 1.319 +span.diff-rm { color: red; } 1.320 +span.diff-add { color: green; } 1.321 +span.diff-at { color: blue; } 1.322 +span.top { color: #00c800; font-weight: normal; } 1.323 +span.kernel-hex { color: #18A423; } 1.324 +span.kernel-id { color: #287FC7; } 1.325 +span.kernel-id2 { color: #843523; } 1.326 + 1.327 +/* alert messages */ 1.328 +span.msg-ok { color: limegreen; } 1.329 +span.msg-nok { color: tomato; } 1.330 + 1.331 +/* Misc */ 1.332 + 1.333 +pre, .pre-main { 1.334 + font: 13px "DejaVu Sans Mono", "Droid Sans Mono", "Liberation Mono", FreeMono, monospace; 1.335 + background-color: #f8f8f8; 1.336 + border: 1px solid #DBD9CC; 1.337 + padding: 10px; 1.338 + margin: 10px 0; 1.339 + overflow: auto; 1.340 +} 1.341 + 1.342 +.pre-main { margin: 16px 0; } 1.343 + 1.344 +input[type=submit], select, .button { 1.345 + padding: 4px; 1.346 + margin: 0; 1.347 + background-color: #f1f1f1; 1.348 + border: 1px solid #DBD9CC; 1.349 + cursor: pointer; 1.350 + color: #000; 1.351 +} 1.352 +a.button { 1.353 + white-space: nowrap; 1.354 + height: 16px; 1.355 + margin: 2px 0; 1.356 + display: inline-block; 1.357 +} 1.358 + 1.359 +input[type=submit]:hover, select:hover, .button:hover { 1.360 + background-color: #DBD9CC; 1.361 + border: 1px solid #999; 1.362 +} 1.363 + 1.364 +input[type=text], input[type=password] { height: 18px; } 1.365 + 1.366 +div.scroll { height: 200px; overflow: auto; 1.367 + border: 1px solid #DBD9CC; } 1.368 +div.scroll table { border: 0px solid #fff; } 1.369 + 1.370 +#terminal { 1.371 + background: #000; 1.372 + color: #fff; 1.373 + border: 1px solid #444; 1.374 + min-height: 180px; 1.375 + opacity: 0.8; 1.376 +} 1.377 + 1.378 +/* Round corner */ 1.379 + 1.380 +#loading, table, pre, input[type=submit], .debug, .box, 1.381 +.button, div.scroll { 1.382 + /*-moz-border-radius: 4px; 1.383 + -webkit-border-radius: 4px; */ 1.384 + border-radius: 4px; 1.385 +} 1.386 + 1.387 +/* Help page */ 1.388 + 1.389 +#help { text-align: justify; } 1.390 +#help a { color: #215090; text-decoration: underline; } 1.391 +#help a:hover { text-decoration: none; color: blue; } 1.392 + 1.393 +/* Footer */ 1.394 + 1.395 +#footer { 1.396 + /* border-bottom: 1px solid #c1baad; */ 1.397 + height: 25px; 1.398 + text-align: center; 1.399 + padding: 40px 10px; 1.400 + font-size: 11px; 1.401 + color: inherit; 1.402 +} 1.403 + 1.404 +#footer a { color: #817553; text-decoration:underline; } 1.405 +#footer a:hover { color: #2B2513; text-decoration:none; } 1.406 + 1.407 +/* HTML5 Meter */ 1.408 +.meter { 1.409 + height: 22px; 1.410 + min-width: 200px; 1.411 + cursor: default; 1.412 +} 1.413 +.meter meter { 1.414 + height: inherit; 1.415 + width: 100%; 1.416 + display: block; 1.417 + border: 1px solid #DBD9CC; 1.418 + border-radius: 4px; 1.419 +} 1.420 +.meter span { 1.421 + height: 22px; 1.422 + display: block; 1.423 + white-space: nowrap; 1.424 + position: absolute; 1.425 + margin: -18px auto 0 2px; 1.426 +} 1.427 + 1.428 + 1.429 +a.button, input { 1.430 + -webkit-transition: all 0.3s ease-in-out; 1.431 + -moz-transition: all 0.3s ease-in-out; 1.432 + -o-transition: all 0.3s ease-in-out; 1.433 + -ms-transition: all 0.3s ease-in-out; 1.434 + transition: all 0.3s ease-in-out; 1.435 +} 1.436 + 1.437 +input { 1.438 + border: 1px solid #B4AC95!important; 1.439 + border-radius: 2px!important; 1.440 +}