tazpanel rev 414 1.8.3
style.css: move search panel styles to tazpkg/tazpanel + tiny edits; clear executable bit in start.png, stop.png.
author | Aleksej Bobylev <al.bobylev@gmail.com> |
---|---|
date | Wed Jan 21 17:05:46 2015 +0200 (2015-01-21) |
parents | 235547201804 |
children | f3a4ceaa1ead |
files | styles/default/images/start.png styles/default/images/stop.png styles/default/style.css |
line diff
1.1 --- a/styles/default/style.css Mon Jan 19 17:37:42 2015 +0100 1.2 +++ b/styles/default/style.css Wed Jan 21 17:05:46 2015 +0200 1.3 @@ -4,7 +4,7 @@ 1.4 1.5 /* To always have a scroll bar */ 1.6 html { 1.7 - min-height: 102%; 1.8 + min-height: 102%; 1.9 } 1.10 1.11 body { 1.12 @@ -14,8 +14,7 @@ 1.13 margin: 80px 0 0; 1.14 } 1.15 1.16 -h1 { margin: 0; padding: 8px; color: #fff; font-size: 20px; } 1.17 -h2 { color: #333; margin: 10px 0 10px; font-size: 180%; } 1.18 +h2 { color: #333; font-size: 180%; margin: 10px 0 10px; } 1.19 h3 { color: #444; font-size: 160%; } 1.20 h4 { color: #666; font-size: 140%; } 1.21 img { border: 0pt none; vertical-align: middle; padding: 0px 6px 2px 0;} 1.22 @@ -25,7 +24,11 @@ 1.23 a { text-decoration: none; color: #666; } 1.24 a:hover { color: #000; } 1.25 1.26 -/* Header and main title */ 1.27 + 1.28 + 1.29 +/* 1.30 + * Header and main title 1.31 + */ 1.32 1.33 header { 1.34 height: 40px; 1.35 @@ -39,10 +42,16 @@ 1.36 header h1 { 1.37 margin: 0; 1.38 padding: 8px 0 0 42px; 1.39 + color: #fff; 1.40 + font-size: 20px; 1.41 font-style: italic; 1.42 } 1.43 1.44 -/* Desktop gui style bar */ 1.45 + 1.46 + 1.47 +/* 1.48 + * Desktop GUI style bar 1.49 + */ 1.50 1.51 #toolbar { 1.52 position: fixed; 1.53 @@ -153,40 +162,6 @@ 1.54 1.55 #actions p { margin: 6px 0; } 1.56 1.57 -.search { 1.58 - position: fixed; 1.59 - right: 10px; 1.60 - top: -8px; 1.61 -} 1.62 - 1.63 -.search input[type=submit] { 1.64 - padding: 5px; 1.65 - margin-left: -4px; 1.66 - background-color: #f1f1f1; 1.67 - border: 1px solid #ddd; 1.68 - cursor: pointer; 1.69 - color: #000; 1.70 - font-weight: bold; 1.71 - border-radius: 0px; 1.72 -} 1.73 - 1.74 -.search input[type=submit].radius { 1.75 - border-top-right-radius: 4px; 1.76 - border-bottom-right-radius: 4px; 1.77 - border-top-left-radius: 0px; 1.78 - border-bottom-left-radius: 0px; 1.79 -} 1.80 - 1.81 -.search input[type=text] { 1.82 - border: 1px solid #ddd; 1.83 - padding: 4px; 1.84 - height: 18px; 1.85 - margin: 0; 1.86 - width: 200px; 1.87 - border-top-left-radius: 4px; 1.88 - border-bottom-left-radius: 4px; 1.89 -} 1.90 - 1.91 .box { 1.92 margin: 10px 0; 1.93 padding: 12px; 1.94 @@ -217,7 +192,11 @@ 1.95 float: right; 1.96 } 1.97 1.98 -/* Table */ 1.99 + 1.100 + 1.101 +/* 1.102 + * Table 1.103 + */ 1.104 1.105 table { 1.106 background-color: #f8f8f8; 1.107 @@ -239,9 +218,7 @@ 1.108 font-weight: bold; 1.109 } 1.110 1.111 -/* 1.112 - * Table Zebra 1.113 - */ 1.114 +/* Table Zebra */ 1.115 1.116 table.zebra { 1.117 border: none; 1.118 @@ -269,24 +246,28 @@ 1.119 table-layout: fixed; 1.120 } 1.121 1.122 + 1.123 + 1.124 /* 1.125 * syntax_highlighter 1.126 */ 1.127 1.128 -span.conf-comment { color: #666; } 1.129 -span.conf-var { color: #392600; } 1.130 -span.conf-val, span.sh-val { color: #f35a00; } 1.131 -span.sh-comment { color: #b20000; } 1.132 -span.activity-log { color: #888; } 1.133 -span.diff-rm { color: red; } 1.134 -span.diff-add { color: green; } 1.135 -span.diff-at { color: blue; } 1.136 -span.top { color: #00c800; font-weight: normal; } 1.137 -span.kernel-hex { color: #18A423; } 1.138 -span.kernel-id { color: #287FC7; } 1.139 -span.kernel-id2 { color: #843523; } 1.140 -span.lsusb-h, span.lspci-h { color: #800; font-weight: bold; } 1.141 -span.lsusb-t, span.lspci-t { color: #448; font-weight: bold; } 1.142 +.conf-comment { color: #666; } 1.143 +.conf-var { color: #392600; } 1.144 +.conf-val, .sh-val { color: #f35a00; } 1.145 +.sh-comment { color: #b20000; } 1.146 +.activity-log { color: #888; } 1.147 +.diff-rm { color: red; } 1.148 +.diff-add { color: green; } 1.149 +.diff-at { color: blue; } 1.150 +.top { color: #00c800; font-weight: normal; } 1.151 +.kernel-hex { color: #18A423; } 1.152 +.kernel-id { color: #287FC7; } 1.153 +.kernel-id2 { color: #843523; } 1.154 +.lsusb-h, .lspci-h { color: #800; font-weight: bold; } 1.155 +.lsusb-t, .lspci-t { color: #448; font-weight: bold; } 1.156 + 1.157 + 1.158 1.159 /* Misc */ 1.160 1.161 @@ -305,7 +286,7 @@ 1.162 color: #444444; 1.163 border: 1px solid #afafaf; 1.164 padding: 4px; 1.165 - margin: 4px 0px; 1.166 + /*margin: 4px 0px;*/ 1.167 font-size: 14px; 1.168 /*line-height: 1.2em;*/ 1.169 background-image: -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5); 1.170 @@ -330,6 +311,7 @@ 1.171 height: 16px; 1.172 margin: 2px 0; 1.173 display: inline-block; 1.174 + -webkit-appearance: button; -moz-appearance: button; 1.175 } 1.176 1.177 input[type=submit]:hover, .button:hover { 1.178 @@ -365,7 +347,11 @@ 1.179 #help a { color: #215090; text-decoration: underline; } 1.180 #help a:hover { text-decoration: none; color: blue; } 1.181 1.182 -/* Footer */ 1.183 + 1.184 + 1.185 +/* 1.186 + * Footer 1.187 + */ 1.188 1.189 footer { 1.190 /* border-bottom: 1px solid #c1baad; */ 1.191 @@ -379,7 +365,12 @@ 1.192 footer a { color: #bbb; } 1.193 footer a:hover { color: #555; } 1.194 1.195 -/* HTML5 Meter */ 1.196 + 1.197 + 1.198 +/* 1.199 + * HTML5 Meter 1.200 + */ 1.201 + 1.202 .meter { 1.203 height: 22px; 1.204 min-width: 200px; 1.205 @@ -400,6 +391,12 @@ 1.206 margin: -18px auto 0 2px; 1.207 } 1.208 1.209 + 1.210 + 1.211 +/* 1.212 + * Animations 1.213 + */ 1.214 + 1.215 a.button, input { 1.216 -webkit-transition: all 0.3s ease-in-out; 1.217 -moz-transition: all 0.3s ease-in-out;