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;