wok-next rev 16784
Add: tazpanel-theme-sandfive
author | Aleksej Bobylev <al.bobylev@gmail.com> |
---|---|
date | Mon Jun 23 14:54:13 2014 +0300 (2014-06-23) |
parents | b0e7329ba147 |
children | 265516f002cf |
files | tazpanel-theme-sandfive/receipt tazpanel-theme-sandfive/stuff/style.css |
line diff
1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000 1.2 +++ b/tazpanel-theme-sandfive/receipt Mon Jun 23 14:54:13 2014 +0300 1.3 @@ -0,0 +1,35 @@ 1.4 +# SliTaz package receipt. 1.5 + 1.6 +PACKAGE="tazpanel-theme-sandfive" 1.7 +VERSION="1.0" 1.8 +CATEGORY="misc" 1.9 +SHORT_DESC="SliTaz Sand Five theme for TazPanel" 1.10 +MAINTAINER="holkfoor@gmail.com" 1.11 +LICENSE="PublicDomain" 1.12 +WEB_SITE="http://www.slitaz.org/" 1.13 + 1.14 +DEPENDS="tazpanel" 1.15 + 1.16 +# Rules to gen a SliTaz package suitable for Tazpkg. 1.17 +genpkg_rules() 1.18 +{ 1.19 + mkdir -p $fs/var/www/tazpanel/styles/sandfive 1.20 + cp -a stuff/* $fs/var/www/tazpanel/styles/sandfive 1.21 + 1.22 + # link absent files with default theme 1.23 + cd $fs/var/www/tazpanel/styles/sandfive 1.24 + for i in favicon.ico footer.html header.html images; do 1.25 + ln -s ../default/$i $i 1.26 + done 1.27 +} 1.28 + 1.29 +# Pre and post install commands for Tazpkg. 1.30 +post_install() 1.31 +{ 1.32 + sed -i 's|STYLE=".*"|STYLE="sandfive"|' $1/etc/slitaz/tazpanel.conf 1.33 +} 1.34 + 1.35 +pre_remove() 1.36 +{ 1.37 + sed -i 's|STYLE=".*"|STYLE="default"|' $1/etc/slitaz/tazpanel.conf 1.38 +}
2.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000 2.2 +++ b/tazpanel-theme-sandfive/stuff/style.css Mon Jun 23 14:54:13 2014 +0300 2.3 @@ -0,0 +1,437 @@ 2.4 +/* 2.5 + * CSS style for TazPanel - (C) 2011 SliTaz GNU/Linux 2.6 + * 2.7 +*/ 2.8 + 2.9 +/* To always have a scroll bar */ 2.10 +html { 2.11 + min-height: 102%; 2.12 +} 2.13 + 2.14 +body { 2.15 + background: #F0EFE4; 2.16 + color: #453A1C; 2.17 + font: 12px "Coda", "Sans", FreeSans, sans-serif; 2.18 + margin: 25px 0 0; 2.19 +} 2.20 + 2.21 +* { 2.22 + outline: 0; 2.23 +} 2.24 + 2.25 +h1 { color: #CE895E; padding: 6px 0 0 20px; font-size: 180%; } 2.26 +h2 { color: #5E4F26; margin: 10px 0 10px; font-size: 150%; } 2.27 +h3 { color: #453A1C; font-size: 140%; } 2.28 +h4 { color: #453A1C; font-size: 120%; margin: 10px 0 5px; } 2.29 +img { border: 0pt none; vertical-align: middle; padding: 0px 6px 2px 0;} 2.30 +p { margin: 10px 0; } 2.31 +ul { list-style-type: square; } 2.32 +li { padding: 4px 0; } 2.33 +a { text-decoration: none; color: #807455; } 2.34 +a:hover { color: #2A220E; } 2.35 + 2.36 +/* Header and main title */ 2.37 + 2.38 +#header { 2.39 + background: #FAFAFA; 2.40 + text-shadow: 1px 1px 1px rgb(220,220,220); 2.41 + padding: 10px 0; 2.42 + box-shadow: inset 0 0 10px 0 rgb(200,200,200); 2.43 +} 2.44 + 2.45 +/* Desktop gui style bar */ 2.46 + 2.47 +#toolbar { 2.48 + position: fixed; 2.49 + top: 0; 2.50 + left: 0; 2.51 + height: 23px; 2.52 + width: 100%; 2.53 + padding: 4px 0; 2.54 + background: #DBD9CC; 2.55 + border-bottom: 1px solid #F2F2F2; 2.56 + z-index: 200; 2.57 + cursor: default; 2.58 +} 2.59 + 2.60 +#menu { 2.61 + margin: 0; 2.62 + padding: 0; 2.63 +} 2.64 +#menu li { 2.65 + list-style: none; 2.66 + float: left; 2.67 + padding: 0; 2.68 +} 2.69 +#menu li a { 2.70 + display: block; 2.71 + padding: 4px 6px; 2.72 + background-color: inherit; 2.73 + text-decoration: none; 2.74 + cursor: default; 2.75 + color: #000; 2.76 +} 2.77 +#menu li a:hover { 2.78 + color: #FFF; 2.79 + background: #CE895E; /* no support gradient */ 2.80 + background-image: linear-gradient(to bottom, #DFA17B, #CE895E); 2.81 + background-image: webkit-linear-gradient(to bottom, #DFA17B, #CE895E); 2.82 + border-top-right-radius: 3px; 2.83 + border-top-left-radius: 3px; 2.84 +} 2.85 +#menu li ul { 2.86 + display: none; 2.87 + min-width: 180px; 2.88 + background: #DBD9CC; 2.89 + border: 1px solid #D1D0C3; 2.90 +} 2.91 +#menu li ul a { 2.92 + padding: 4px 6px; 2.93 +} 2.94 +#menu li:hover ul { 2.95 + display: block; 2.96 + position: absolute; 2.97 + margin: 0; 2.98 + padding: 0; 2.99 +} 2.100 +#menu li:hover li { 2.101 + float: none; 2.102 +} 2.103 +#menu li:hover li a { 2.104 + background-color: #DBD9CC; 2.105 + color: #453A1C; 2.106 +} 2.107 +#menu li li a { border: none; } 2.108 +#menu li li a:hover { 2.109 + background: #CE895E; /* no support gradient */ 2.110 + background-image: linear-gradient(to bottom, #DFA17B, #CE895E); 2.111 + background-image: webkit-linear-gradient(to bottom, #DFA17B, #CE895E); 2.112 + color: #FFF; 2.113 + border-radius: 2px; 2.114 +} 2.115 +/* addings 2.116 + * 2.117 + */ 2.118 +#menu > ul { 2.119 + visibility: hidden; 2.120 + opacity: 0; 2.121 + transition: visibility 0s linear 0.5s, opacity 0.5s linear; 2.122 +} 2.123 +#menu:hover > ul { 2.124 + visibility: visible; 2.125 + opacity: 1; 2.126 + transition-delay: 0s; 2.127 +} 2.128 + 2.129 + 2.130 +#icons { margin: 3px 8px; float: right; } 2.131 +#icons img { padding: 0; } 2.132 + 2.133 +#loading { 2.134 + z-index: 1000; 2.135 + background: #F6F6A8; 2.136 + color: #453A1C; 2.137 + text-align: center; 2.138 + cursor: progress; 2.139 + position: fixed; 2.140 + top: 123px; 2.141 + right: 0px; 2.142 + width: 248px; 2.143 + padding: 40px 12px; 2.144 + border: 2px solid #E38E5E; 2.145 + /* box-shadow: 0 0 2000px 2000px #453A1C; */ 2.146 +} 2.147 + 2.148 +/* Blocks */ 2.149 + 2.150 +#block { float: left; } 2.151 + 2.152 +/* Sidebar menus */ 2.153 + 2.154 +#sidebar { 2.155 + background: rgba(255,255,255, .5); 2.156 + position: fixed; 2.157 + top: 118px; 2.158 + right: 0; 2.159 + width: 116px; 2.160 + padding: 20px 0; 2.161 + border-radius: 4px; 2.162 + box-shadow: 0 0 10px 0 rgba(0,0,0, .3); 2.163 +} 2.164 + 2.165 +#sidebar a { 2.166 + display: block; 2.167 + padding: 0px 0 0px 12px; 2.168 + margin: 0; 2.169 +} 2.170 + 2.171 +#sidebar a.active { 2.172 + color: #000; 2.173 + font-weight: bold; 2.174 +} 2.175 + 2.176 +#sidebar h4 { margin: 0 0 2px 12px; } 2.177 +#sidebar ul { list-style-type: none; padding: 0; } 2.178 + 2.179 +/* Content */ 2.180 + 2.181 +#content { margin: 20px; } 2.182 +#content-sidebar { margin: 20px 120px 20px 20px; } 2.183 +#wrapper { margin: 10px 0 20px; } 2.184 + 2.185 +#actions { 2.186 + min-height: 20px; 2.187 + padding: 16px 0; 2.188 +} 2.189 + 2.190 +#actions p { margin: 6px 0; } 2.191 + 2.192 +.search { 2.193 + position: absolute; 2.194 + right: 40px; 2.195 + top: 43px; 2.196 +} 2.197 + 2.198 +.search * { 2.199 + font-size: 11px!important; 2.200 +} 2.201 + 2.202 +.search input[type=submit] { 2.203 + letter-spacing: 1px; 2.204 + padding: 5px; 2.205 + margin-left: -4px; 2.206 + background: #DEDCD0; 2.207 + cursor: pointer; 2.208 + color: #000; 2.209 + font-weight: normal; 2.210 + border-radius: 0px; 2.211 +} 2.212 + 2.213 +.search input[type=submit].radius { 2.214 + border-radius: 4px; 2.215 + border-top-left-radius: 0px; 2.216 + border-bottom-left-radius: 0px; 2.217 +} 2.218 + 2.219 +.search input[type=text] { 2.220 + background: #F2F2F2; 2.221 + color: #453A1C; 2.222 + border: 2px solid #DEDCD0; 2.223 + padding: 4px; 2.224 + height: 17px; 2.225 + margin: 0; 2.226 + width: 200px; 2.227 + border-top-left-radius: 4px; 2.228 + border-bottom-left-radius: 4px; 2.229 +} 2.230 + 2.231 +.box { 2.232 + margin: 10px 0; 2.233 + padding: 12px; 2.234 + background: #FFF; 2.235 + border: 1px solid #D1D1C7; 2.236 + box-shadow: 0 0 4px 0 #C2C1B8; 2.237 +} 2.238 + 2.239 +.box ul { list-style-type: none; padding: 0; } 2.240 + 2.241 +.debug { 2.242 + position: fixed; 2.243 + bottom: 0px; 2.244 + right: 10px; 2.245 + left: 10px; 2.246 + margin: 5px; 2.247 + padding: 4px 10px; 2.248 + background: #453A1C; 2.249 + color: #FFF; 2.250 + border: 0; 2.251 + font-size: 12px; 2.252 + opacity: 0.9; 2.253 +} 2.254 + 2.255 +.float-left { 2.256 + float: left; 2.257 +} 2.258 +.float-right { 2.259 + float: right; 2.260 +} 2.261 + 2.262 +/* Table */ 2.263 + 2.264 +table { 2.265 + background-color: #f8f8f8; 2.266 + border: 1px solid #DBD9CC; 2.267 + padding: 10px; 2.268 + width: 100%; 2.269 + margin: 0 0 6px 0; 2.270 +} 2.271 + 2.272 +table a { color: #000; } 2.273 +table a:hover { color: #666; } 2.274 +td.small { min-width: 60px; } 2.275 +td.pkg { max-width: 160px; } 2.276 +td.desc { max-width: 300px; } 2.277 +td.pct { min-width: 200px; background: #E3E1D3; } 2.278 +div.pct { background: #ccc; } 2.279 +td.pct, div.pct { border-radius: 2px; } 2.280 + 2.281 +#thead, .thead, thead { 2.282 + height: 10px; 2.283 + font-weight: bold; 2.284 +} 2.285 + 2.286 +/* 2.287 + * Table Zebra 2.288 + */ 2.289 + 2.290 +table.zebra { 2.291 + border: none; 2.292 + border-collapse: collapse; 2.293 + margin: 16px 0; 2.294 + box-shadow: 0 0 0 2px #fff, 0 0 0 3px #D1D0C3; 2.295 +} 2.296 +table.zebra tr:nth-child(even) { 2.297 + background-color: #E3E1D4; 2.298 +} 2.299 +table.zebra thead tr td { 2.300 + height: 22px; 2.301 + background-color: #E3E1D3; 2.302 + text-align: center; 2.303 + vertical-align: middle; 2.304 +} 2.305 +table.zebra td + td { 2.306 + border-left: 1px solid #DBD9CC; 2.307 +} 2.308 + 2.309 + 2.310 +/* 2.311 + * syntax_highlighter 2.312 + */ 2.313 + 2.314 +span.conf-comment { color: #666; } 2.315 +span.conf-var { color: #392600; } 2.316 +span.conf-val, span.sh-val { color: #f35a00; } 2.317 +span.sh-comment { color: #b20000; } 2.318 +span.activity-log { color: #888; } 2.319 +span.diff-rm { color: red; } 2.320 +span.diff-add { color: green; } 2.321 +span.diff-at { color: blue; } 2.322 +span.top { color: #00c800; font-weight: normal; } 2.323 +span.kernel-hex { color: #18A423; } 2.324 +span.kernel-id { color: #287FC7; } 2.325 +span.kernel-id2 { color: #843523; } 2.326 + 2.327 +/* alert messages */ 2.328 +span.msg-ok { color: limegreen; } 2.329 +span.msg-nok { color: tomato; } 2.330 + 2.331 +/* Misc */ 2.332 + 2.333 +pre, .pre-main { 2.334 + font: 13px "DejaVu Sans Mono", "Droid Sans Mono", "Liberation Mono", FreeMono, monospace; 2.335 + background-color: #f8f8f8; 2.336 + border: 1px solid #DBD9CC; 2.337 + padding: 10px; 2.338 + margin: 10px 0; 2.339 + overflow: auto; 2.340 +} 2.341 + 2.342 +.pre-main { margin: 16px 0; } 2.343 + 2.344 +input[type=submit], select, .button { 2.345 + padding: 4px; 2.346 + margin: 0; 2.347 + background-color: #f1f1f1; 2.348 + border: 1px solid #DBD9CC; 2.349 + cursor: pointer; 2.350 + color: #000; 2.351 +} 2.352 +a.button { 2.353 + white-space: nowrap; 2.354 + height: 16px; 2.355 + margin: 2px 0; 2.356 + display: inline-block; 2.357 +} 2.358 + 2.359 +input[type=submit]:hover, select:hover, .button:hover { 2.360 + background-color: #DBD9CC; 2.361 + border: 1px solid #999; 2.362 +} 2.363 + 2.364 +input[type=text], input[type=password] { height: 18px; } 2.365 + 2.366 +div.scroll { height: 200px; overflow: auto; 2.367 + border: 1px solid #DBD9CC; } 2.368 +div.scroll table { border: 0px solid #fff; } 2.369 + 2.370 +#terminal { 2.371 + background: #000; 2.372 + color: #fff; 2.373 + border: 1px solid #444; 2.374 + min-height: 180px; 2.375 + opacity: 0.8; 2.376 +} 2.377 + 2.378 +/* Round corner */ 2.379 + 2.380 +#loading, table, pre, input[type=submit], .debug, .box, 2.381 +.button, div.scroll { 2.382 + /*-moz-border-radius: 4px; 2.383 + -webkit-border-radius: 4px; */ 2.384 + border-radius: 4px; 2.385 +} 2.386 + 2.387 +/* Help page */ 2.388 + 2.389 +#help { text-align: justify; } 2.390 +#help a { color: #215090; text-decoration: underline; } 2.391 +#help a:hover { text-decoration: none; color: blue; } 2.392 + 2.393 +/* Footer */ 2.394 + 2.395 +#footer { 2.396 + /* border-bottom: 1px solid #c1baad; */ 2.397 + height: 25px; 2.398 + text-align: center; 2.399 + padding: 40px 10px; 2.400 + font-size: 11px; 2.401 + color: inherit; 2.402 +} 2.403 + 2.404 +#footer a { color: #817553; text-decoration:underline; } 2.405 +#footer a:hover { color: #2B2513; text-decoration:none; } 2.406 + 2.407 +/* HTML5 Meter */ 2.408 +.meter { 2.409 + height: 22px; 2.410 + min-width: 200px; 2.411 + cursor: default; 2.412 +} 2.413 +.meter meter { 2.414 + height: inherit; 2.415 + width: 100%; 2.416 + display: block; 2.417 + border: 1px solid #DBD9CC; 2.418 + border-radius: 4px; 2.419 +} 2.420 +.meter span { 2.421 + height: 22px; 2.422 + display: block; 2.423 + white-space: nowrap; 2.424 + position: absolute; 2.425 + margin: -18px auto 0 2px; 2.426 +} 2.427 + 2.428 + 2.429 +a.button, input { 2.430 + -webkit-transition: all 0.3s ease-in-out; 2.431 + -moz-transition: all 0.3s ease-in-out; 2.432 + -o-transition: all 0.3s ease-in-out; 2.433 + -ms-transition: all 0.3s ease-in-out; 2.434 + transition: all 0.3s ease-in-out; 2.435 +} 2.436 + 2.437 +input { 2.438 + border: 1px solid #B4AC95!important; 2.439 + border-radius: 2px!important; 2.440 +}