SliTaz Repositories

     1.1 Binary file chub/web/favicon.ico has changed

     2.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     2.2 +++ b/chub/web/slitaz.css	Thu Mar 08 16:09:15 2012 +0100
     2.3 @@ -0,0 +1,282 @@
     2.4 +/*
     2.5 +	CSS style for SliTaz Network - (C) 2012 SliTaz GNU/Linux
     2.6 +*/
     2.7 +
     2.8 +html {
     2.9 +	min-height:  102%;
    2.10 +}
    2.11 +
    2.12 +body {
    2.13 +	background: #ffffff;
    2.14 +	color: black;
    2.15 +	font: 13px sans-serif, vernada, arial;
    2.16 +	margin: 0;
    2.17 +	min-width: 900px;
    2.18 +}
    2.19 +
    2.20 +a { text-decoration: underline; color: #215090; }
    2.21 +a:hover { text-decoration: none; color: blue; }
    2.22 +img { border: 0pt none; vertical-align: middle; }
    2.23 +h2 { color: #444; }
    2.24 +h3 { color: #666; font-size: 140%; }
    2.25 +h4 { color: #888; font-size: 120%; }
    2.26 +pre { 
    2.27 +	background-color: #f8f8f8; 
    2.28 +	border: 1px solid #ddd; 
    2.29 +	padding: 10px;
    2.30 +}
    2.31 +
    2.32 +/* Header */
    2.33 +
    2.34 +#header { 
    2.35 +	height: 40px; 
    2.36 +	background: #351a0a;
    2.37 +}
    2.38 +
    2.39 +#header h1 {
    2.40 +	margin: 0;
    2.41 +	padding: 8px 0 0 42px;
    2.42 +	width: 250px;
    2.43 +}
    2.44 +
    2.45 +#header h1 a { 
    2.46 +	color: white; 
    2.47 +	text-decoration: none;
    2.48 +	font-size: 20px;
    2.49 +	font-style: italic;
    2.50 +}
    2.51 +
    2.52 +#header h1 a:hover, #network a:hover { 
    2.53 +	color: #d66018;
    2.54 +}
    2.55 +
    2.56 +/* Logo */
    2.57 +
    2.58 +#logo {
    2.59 +	background: url(images/logo.png) no-repeat left;
    2.60 +	position: absolute;
    2.61 +	float: left;
    2.62 +	left: 0px;
    2.63 +	top: 0px;
    2.64 +	width: 40px;
    2.65 +	height: 40px;
    2.66 +}
    2.67 +
    2.68 +/* SliTaz Network */
    2.69 +
    2.70 +#network { 
    2.71 +	float: right; 
    2.72 +	padding: 10px 5px 0; 
    2.73 +	font-size: 12px;
    2.74 +}
    2.75 +
    2.76 +#network a { padding: 0 6px; }
    2.77 +
    2.78 +/* Block */
    2.79 +
    2.80 +#block { 
    2.81 +	min-height: 200px; 
    2.82 +	background: #d66018; 
    2.83 +	padding: 26px 10% 0px;
    2.84 +	text-align: center;
    2.85 +	color: #333;
    2.86 +	border-bottom: 1px solid #f5f5f5;
    2.87 +}
    2.88 +
    2.89 +#block_info {
    2.90 +	text-align: justify; 
    2.91 +	width: 48%;
    2.92 +	padding: 10px 10px 0 0;
    2.93 +}
    2.94 +
    2.95 +#block a, #network a { 
    2.96 +	color: #fff; 
    2.97 +	font-weight: bold;
    2.98 +	text-decoration: none;
    2.99 +}
   2.100 +
   2.101 +#block h4 {
   2.102 +	color: #351a0a;
   2.103 +	margin: 0px;
   2.104 +	font-weight: bold;
   2.105 +	font-size: 110%;
   2.106 +}
   2.107 +
   2.108 +#block_info p { margin: 6px 0; padding: 0 12px 0 0; }
   2.109 +#block_info a { font-weight: normal; }
   2.110 +#block ul { list-style-type: square; }
   2.111 +#block a:hover { color: #351a0a; }
   2.112 +
   2.113 +/* Navigation */
   2.114 +
   2.115 +#block_nav {
   2.116 +	background: #cc5b17;
   2.117 +	padding: 10px 10px 40px;
   2.118 +	text-align: justify;
   2.119 +	width: 48%;
   2.120 +	float: right;
   2.121 +}
   2.122 +
   2.123 +#block_nav ul { 
   2.124 +	list-style-type: none; 
   2.125 +	margin: 6px 0; 
   2.126 +	padding: 0;
   2.127 +}
   2.128 +
   2.129 +#block_nav h4 img { 
   2.130 +	margin: 0 4px 0 0; 
   2.131 +	padding: 0;
   2.132 +}
   2.133 +
   2.134 +/* Languages */
   2.135 +
   2.136 +#lang {
   2.137 +	float: right;
   2.138 +	padding: 6px;
   2.139 +	font-size: 11px;
   2.140 +}
   2.141 +
   2.142 +#lang a {
   2.143 +	text-decoration: none;
   2.144 +	padding: 0 2px;
   2.145 +}
   2.146 +
   2.147 +#lang a:hover {
   2.148 +	text-decoration: underline;
   2.149 +}
   2.150 +
   2.151 +/* Content */
   2.152 +
   2.153 +#content {
   2.154 +	padding: 30px 80px;
   2.155 +	text-align: justify;
   2.156 +}
   2.157 +
   2.158 +#news li {
   2.159 +	list-style-type: square;
   2.160 +	border-bottom: 1px dotted #BEBEBE;
   2.161 +	margin-left: -25px;
   2.162 +	padding: 4px 0px 4px 0px;
   2.163 +}
   2.164 +
   2.165 +#news a, .feed-grid a { text-decoration: none; }
   2.166 +#news p a { text-decoration: underline; }
   2.167 +#news p a:hover { text-decoration: none; }
   2.168 +#twitter { margin: 20px 0; }
   2.169 +#gallery { text-align: center; }
   2.170 +
   2.171 +/* Classes */
   2.172 +
   2.173 +.right_box { width: 48%; float: right; }
   2.174 +.left_box { width: 48%; float: left; }
   2.175 +
   2.176 +.box {
   2.177 +	margin: 20px 60px;
   2.178 +	padding: 12px;
   2.179 +	background: #efefef;
   2.180 +	border: 1px solid #ddd;
   2.181 +}
   2.182 +
   2.183 +.searchbox { 
   2.184 +	margin: 20px 80px; 
   2.185 +	padding: 12px; 
   2.186 +	background: #f8f8f8;
   2.187 +	text-align: center;
   2.188 +	border: 1px solid #ddd;
   2.189 +}
   2.190 +
   2.191 +.feed-grid { height: 180px; overflow: hidden; text-align: left; }
   2.192 +.feed-grid h3 { 
   2.193 +	margin: 15px 0 0; font-size: 16px; 
   2.194 +	padding: 0 22px;
   2.195 +	background: url(images/feed.png) no-repeat left; }
   2.196 +.feed-grid span { font-size: 10px; color: #888; margin-left: 24px; }
   2.197 +.feed-grid ul { color: #666; }
   2.198 +.feed-grid a { color: #666; }
   2.199 +.feed-grid a:hover { color: blue; }
   2.200 +
   2.201 +/* Button */
   2.202 +
   2.203 +.button a { 
   2.204 +	background-color: #b64b22;
   2.205 +	color: #ffffff;
   2.206 +	margin-right: 6px;
   2.207 +	padding: 6px 10px;
   2.208 +	font-size: 12px;
   2.209 +	text-decoration: none;
   2.210 +	font-weight: bold;
   2.211 +}
   2.212 +.button a:hover, input[type=submit]:hover { 
   2.213 +	background-color: #a3431f;
   2.214 +	color: #ffffff;
   2.215 +}
   2.216 +
   2.217 +/* Round corner */
   2.218 +
   2.219 +#block_nav, pre, .box, .searchbox, .button a, #twitter {
   2.220 +	-moz-border-radius: 4px;
   2.221 +	-webkit-border-radius: 4px;
   2.222 +	border-radius: 4px;
   2.223 +}
   2.224 +
   2.225 +/* Transition */
   2.226 +
   2.227 +.box {	
   2.228 +	-webkit-transition-property: background-color;
   2.229 +	-webkit-transition-duration: 2s;
   2.230 +	-moz-transition-property: background-color;
   2.231 +	-moz-transition-duration: 2s;
   2.232 +	transition-property: background-color;
   2.233 +	transition-duration: 2s;
   2.234 +}
   2.235 +
   2.236 +/* Form */
   2.237 +
   2.238 +input[type=submit] {
   2.239 +	border: 1px solid #b64b22;
   2.240 +	background-color: #b64b22;
   2.241 +	color: white;
   2.242 +	font-weight: bold;
   2.243 +	cursor: pointer;
   2.244 +	padding: 4px 10px;
   2.245 +	font-size: 14px;
   2.246 +	margin-left: -5px;
   2.247 +	-webkit-border-top-right-radius: 4px;
   2.248 +	-webkit-border-bottom-right-radius: 4px;
   2.249 +	-moz-border-radius-topright: 4px;
   2.250 +	-moz-border-radius-bottomright: 4px;
   2.251 +	border-top-right-radius: 4px;
   2.252 +	border-bottom-right-radius: 4px;
   2.253 +}
   2.254 +
   2.255 +input[type=submit]:hover { background-color: #a3431f; }
   2.256 +
   2.257 +input[type=text] {
   2.258 +	border: 1px solid #333333;
   2.259 +	padding: 4px;
   2.260 +	height: 17px;
   2.261 +	width: 100%;
   2.262 +	-webkit-border-top-left-radius: 4px;
   2.263 +	-webkit-border-bottom-left-radius: 4px;
   2.264 +	-moz-border-radius-topleft: 4px;
   2.265 +	-moz-border-radius-bottomleft: 4px;
   2.266 +	border-top-left-radius: 4px;
   2.267 +	border-bottom-left-radius: 4px;
   2.268 +}
   2.269 +
   2.270 +/* Footer */
   2.271 +
   2.272 +#footer {
   2.273 +	background: #f1f1f1;
   2.274 +	text-align: center;
   2.275 +	border-top: 1px solid #ddd;
   2.276 +	padding: 40px;
   2.277 +	color: #666;
   2.278 +}
   2.279 +
   2.280 +#footer a { color: #666; padding: 0 2px; }
   2.281 +
   2.282 +.year:after {
   2.283 +	/* content: "2007-2012"; */
   2.284 +	content: "2012";
   2.285 +}