SliTaz Repositories

     1.1 --- a/pkgs/pkgs.css	Mon Apr 16 11:34:57 2012 +0300
     1.2 +++ b/pkgs/pkgs.css	Mon Mar 25 17:40:15 2013 +0100
     1.3 @@ -1,50 +1,22 @@
     1.4 -
     1.5 -#s_form {
     1.6 -	margin: auto;
     1.7 -	text-align: center;
     1.8 -	padding: 20px;
     1.9 -}
    1.10  
    1.11  /* Be compatible with old FF and Webkit version. */
    1.12 -input[type="submit"] {
    1.13 +/*input[type="submit"] {
    1.14  	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    1.15  	-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    1.16  	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    1.17 -}
    1.18 +}*/
    1.19  
    1.20 -#header {
    1.21 -	border-bottom: 8px solid #D66018;
    1.22 -}
    1.23 +#header { border-bottom: 8px solid #D66018; }
    1.24 +#header h1 { padding: 3px 0 0 42px; }
    1.25 +#network { padding: 12px 5px 0; }
    1.26 +#footer { background-color: #FFF; }
    1.27  
    1.28 -#header h1 {
    1.29 -	padding: 3px 0 0 42px;
    1.30 -}
    1.31 -
    1.32 -#network { 
    1.33 -	padding: 12px 5px 0; 
    1.34 -}
    1.35 -
    1.36 -table, input, textarea, select {
    1.37 -	-moz-border-radius: 4px;
    1.38 -	-webkit-border-radius: 4px;
    1.39 -	border-radius: 4px;
    1.40 -}
    1.41 -
    1.42 -input[type=text] {
    1.43 -	width: 40%;
    1.44 -}
    1.45 -
    1.46 -#footer {
    1.47 -	background-color: #FFF;
    1.48 -}
    1.49 -
    1.50 -select:focus, select:hover, input:focus, input:hover {
    1.51 +/* COMMON STYLES */
    1.52 +select:focus, select:hover, input:focus, input[type]:hover {
    1.53  	color: #000;
    1.54 -	outline: 0 none;
    1.55  	-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.3);
    1.56  	-moz-box-shadow: 0 0 4px rgba(0,0,0,0.3);
    1.57  }
    1.58 -
    1.59  input, select {
    1.60  	-webkit-transition: all 0.3s ease-in-out;
    1.61  	-moz-transition: all 0.3s ease-in-out;
    1.62 @@ -52,46 +24,124 @@
    1.63  	-ms-transition: all 0.3s ease-in-out;
    1.64  	transition: all 0.3s ease-in-out;
    1.65  }
    1.66 +select, input[type="text"], input[type="submit"] {
    1.67 +	font-size: 14px;
    1.68 +	border: 1px solid #CCC;
    1.69 +	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
    1.70 +	color: #444;
    1.71 +	outline: 0 none;
    1.72 +}
    1.73  
    1.74 -input[type="submit"], input[type="text"], textarea {
    1.75 -	color: #444;
    1.76 +/* TABLE */
    1.77 +table {
    1.78 +	width: 100%;
    1.79 +	font-size: 12px;
    1.80  	border: 1px solid #CCC;
    1.81 +	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
    1.82 +	border-spacing: 0;
    1.83 +	padding: 2px;
    1.84 +}
    1.85 +tr {
    1.86 +	margin: 0;
    1.87  	padding: 4px;
    1.88 -	margin: 4px 0px;
    1.89 +}
    1.90 +td {
    1.91 +	margin: 0;
    1.92 +	padding: 6px;
    1.93 +	vertical-align: top;
    1.94 +}
    1.95 +tr.even {
    1.96 +	background-color: #F0F0F0;
    1.97 +}
    1.98 +td.first {
    1.99 +	width: 1%;
   1.100 +	white-space: nowrap;
   1.101 +}
   1.102 +td.pre {
   1.103 +	padding-left: 2em;
   1.104 +	white-space: nowrap;
   1.105 +}
   1.106 +
   1.107 +
   1.108 +/* --- */
   1.109 +
   1.110 +input[type="submit"] {
   1.111 +	padding: 4px;
   1.112 +	margin: 0;
   1.113  	font-size: 14px;
   1.114 -	line-height: 1.2em;
   1.115  	background-image: -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
   1.116  	background-image: -moz-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
   1.117 -	-webkit-appearance: none;
   1.118 +/*	-webkit-appearance: none;
   1.119  	-webkit-padding-end: 6px;
   1.120 -	-webkit-padding-start: 6px;
   1.121 +	-webkit-padding-start: 6px;*/
   1.122  }
   1.123  
   1.124 -input[type="submit"]:hover {
   1.125 -	color: #000;
   1.126 +div.form {
   1.127 +	display: table;
   1.128 +	table-layout: auto;
   1.129 +	width: 100%;
   1.130 +	padding: 0;
   1.131 +	margin: 0 0 20px 0; /* t r b l */
   1.132  }
   1.133  
   1.134 -input[type="text"], textarea { background: #fefefe; border: 1px solid #ccc; }
   1.135 -/*input[type="file"] { border: 2px solid #ddd; }*/
   1.136 -/*input[type="checkbox"] { background: #fefefe; }*/
   1.137 +#s_form {
   1.138 +	display: table-row;
   1.139 +	padding: 0;
   1.140 +	margin: 0;
   1.141 +	text-align: center;
   1.142 +	border: 1pt solid yellow;
   1.143 +}
   1.144  
   1.145 -input[type=submit], select { cursor: pointer; }
   1.146 +.small {
   1.147 +	white-space: nowrap;
   1.148 +	display: table-cell;
   1.149 +	width: 10%;
   1.150 +}
   1.151  
   1.152  select {
   1.153 -	background-image: url(style/images/down.png),
   1.154 -		-webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
   1.155 +	padding: 4px;
   1.156 +	margin: 0 4px;
   1.157 +	background-image: -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
   1.158  	background-position: center right;
   1.159  	background-repeat: no-repeat;
   1.160 -
   1.161 -	color: #444444;
   1.162 -	border: 1px solid #cccccc;
   1.163 -	padding: 4px 32px 4px 4px;
   1.164 -	margin: 4px 0px;
   1.165 -	font-size: 14px;
   1.166 -	line-height: 1.2em;
   1.167  	-webkit-appearance: none;
   1.168 +	cursor: pointer;
   1.169  }
   1.170  
   1.171 -poption {
   1.172 -	padding: 4px 32px 4px 4px;
   1.173 +span.stretch {
   1.174 +	display: table-cell;
   1.175 +	width: 100%;
   1.176 +	padding: 0 4px;
   1.177 +	margin: 0;
   1.178  }
   1.179 +
   1.180 +input[type="text"] {
   1.181 +	padding: 4px 0;
   1.182 +	margin: 0;
   1.183 +	border: 1px solid #CCC;
   1.184 +	background-color: #FEFEFE;
   1.185 +}
   1.186 +
   1.187 +div#ticker img {
   1.188 +	float: right;
   1.189 +}
   1.190 +
   1.191 +.summary {
   1.192 +	margin-top: 12px;
   1.193 +	text-align: center;
   1.194 +	font-style: italic;
   1.195 +}
   1.196 +.match {
   1.197 +	font-weight: bold;
   1.198 +	color: #F33;
   1.199 +}
   1.200 +
   1.201 +/* SYNTAX HIGHLIGHTER */
   1.202 +.r-comment { color: #888; }
   1.203 +.r-literal { color: #f35a00; }
   1.204 +.r-var { font-weight: bold; color: #070; }
   1.205 +.r-func { color: #4895DD; }
   1.206 +.r-url { text-decoration: none; }
   1.207 +.r-com, .r-scom { color: #4895DD; font-weight: bold; /*background-color: #cde;*/ }
   1.208 +.r-path { text-decoration: underline; color: brown; }
   1.209 +.r-param { font-weight: bold; color: #444; }