SliTaz Repositories

     1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/web/slitaz.css	Wed Jan 26 02:02:26 2011 +0100
     1.3 @@ -0,0 +1,366 @@
     1.4 +/*
     1.5 +	CSS style for SliTaz GNU/Linux website
     1.6 +	www.slitaz.org - (c) 2007 Pankso
     1.7 +*/
     1.8 +
     1.9 +html {
    1.10 +	height:  102%;
    1.11 +}
    1.12 +
    1.13 +body {
    1.14 +	background: #ffffff;
    1.15 +	color: black;
    1.16 +	font: 13px sans-serif, vernada, arial;
    1.17 +	margin: 0;
    1.18 +}
    1.19 +
    1.20 +/* Accessibility */
    1.21 +
    1.22 +#access {
    1.23 +	position: absolute;
    1.24 +	top: 4px;
    1.25 +	right: 4px;
    1.26 +	text-align: right;
    1.27 +	width: 100%;
    1.28 +	margin: 0;
    1.29 +	font-size: 11px;
    1.30 +	font-weight: bold;
    1.31 +}
    1.32 +
    1.33 +#access a {
    1.34 +	background: inherit;
    1.35 +	color: white;
    1.36 +	text-decoration: none;
    1.37 +}
    1.38 +
    1.39 +#access a:hover {
    1.40 +	background: inherit;
    1.41 +	color: #222222;
    1.42 +}
    1.43 +
    1.44 +/* Header and title */
    1.45 +
    1.46 +#header{
    1.47 +	background: #f0ba08 url(pics/website/header.png) repeat-x top;
    1.48 +	color: black;
    1.49 +	width: 100%;
    1.50 +	height: 50px;
    1.51 +	border-top: 1px solid black;
    1.52 +	border-bottom: 1px solid black;
    1.53 +	margin-bottom: 30px;
    1.54 +}
    1.55 +
    1.56 +#titre {
    1.57 +	position: absolute;
    1.58 +	font-size: 16px;
    1.59 +	font-weight: bolder ;
    1.60 +	margin-left: 200px;
    1.61 +	margin-top: 28px;
    1.62 +}
    1.63 +
    1.64 +#logo {
    1.65 +	position: absolute;
    1.66 +	float: left;
    1.67 +	margin-left: 16px;
    1.68 +	margin-top: 0px;
    1.69 +}
    1.70 +
    1.71 +/* Navigation */
    1.72 +
    1.73 +#nav {
    1.74 +	position: absolute;
    1.75 +	top: 76px;
    1.76 +	right: 80px;
    1.77 +	color: #555555;
    1.78 +	float: right;
    1.79 +	width: 250px;
    1.80 +	line-height: 1.5em;
    1.81 +	text-align: left;
    1.82 +	font-size: 12px;
    1.83 +}
    1.84 +
    1.85 +#nav ul {
    1.86 +	-moz-border-radius: 8px;
    1.87 +	-webkit-border-radius: 8px;
    1.88 +	list-style-type: none;
    1.89 +	margin: 10px 0;
    1.90 +	padding: 10px 24px 10px 24px;
    1.91 +	background-color: #eaeaea;
    1.92 +}
    1.93 +
    1.94 +#nav .nav_box ul {
    1.95 +	list-style-type: none;
    1.96 +	margin: 0;
    1.97 +	padding: 10px 24px 10px 0px;
    1.98 +}
    1.99 +
   1.100 +#nav li {
   1.101 +	display: inline;
   1.102 +}
   1.103 +
   1.104 +#nav h4 {
   1.105 +	font-size: 110%;
   1.106 +	color: #666666;
   1.107 +	font-weight: bold;
   1.108 +	margin: 0;
   1.109 +	padding: 0 0 1px 0;
   1.110 +	border-bottom: 1px solid #cecece;
   1.111 +}
   1.112 +
   1.113 +#nav a {
   1.114 +	color: #0F314E;
   1.115 +	background: inherit;
   1.116 +	display: block;
   1.117 +	text-decoration: none;
   1.118 +	font-weight: bold;
   1.119 +}
   1.120 +
   1.121 +#nav a:hover {
   1.122 +	color: #DF8F06;
   1.123 +	text-decoration: none;
   1.124 +	display: block;
   1.125 +}
   1.126 +
   1.127 +#nav hr {
   1.128 +	margin: 2px 0px 1px 0px;
   1.129 +	border: 0px;
   1.130 +	border-top: 1px solid #BDBDBD;
   1.131 +
   1.132 +}
   1.133 +
   1.134 +.nav_box {
   1.135 +	-moz-border-radius: 8px;
   1.136 +	-webkit-border-radius: 8px;
   1.137 +	margin: 10px 0;
   1.138 +	padding: 10px 24px 10px 24px;
   1.139 +	background-color: #eaeaea;
   1.140 +	text-align: justify;
   1.141 +}
   1.142 +
   1.143 +#nav .nav_box p {
   1.144 +	line-height: 1.3em;
   1.145 +}
   1.146 +
   1.147 +#nav .nav_box p a {
   1.148 +	display: inline;
   1.149 +	font-weight: normal;
   1.150 +	text-decoration: underline;
   1.151 +}
   1.152 +
   1.153 +#nav .nav_box p a:hover {
   1.154 +	text-decoration: none;
   1.155 +	color: blue;
   1.156 +	background: inherit;
   1.157 +}
   1.158 +
   1.159 +#nav hr {
   1.160 +	height: 0px;
   1.161 +	border: 0px solid #eaeaea;
   1.162 +}
   1.163 +
   1.164 +/* Page content */
   1.165 +
   1.166 +#content, #content_bottom, #content_top {
   1.167 +	background: white;
   1.168 +	color: black;
   1.169 +	text-align: justify;
   1.170 +}
   1.171 +
   1.172 +#content {
   1.173 +	height: auto;
   1.174 +	margin: 6px 320px 0px 0px;
   1.175 +	padding: 0px 40px 60px 80px;
   1.176 +}
   1.177 +
   1.178 +#content li {
   1.179 +	line-height: 1.5em;
   1.180 +	text-align: left;
   1.181 +}
   1.182 +
   1.183 +/* Legal informations */
   1.184 +
   1.185 +#copy {
   1.186 +	font-size: 11px ;
   1.187 +	text-align: left ;
   1.188 +	background: transparent;
   1.189 +	color: #a8a8a8;
   1.190 +	padding-top: 10px;
   1.191 +	margin: 0 0 0 80px;
   1.192 +}
   1.193 +
   1.194 +#copy a {
   1.195 +	background: inherit;
   1.196 +	color: #a8a8a8;
   1.197 +}
   1.198 +
   1.199 +#copy a:hover {
   1.200 +	background: inherit;
   1.201 +	color: #666666;
   1.202 +}
   1.203 +
   1.204 +/* Footer */
   1.205 +
   1.206 +#bottom {
   1.207 +	float: none;
   1.208 +	background: inherit;
   1.209 +	color: black;
   1.210 +	width: auto;
   1.211 +	clear: both;
   1.212 +	padding: 0;
   1.213 +	margin: 0 0 0 80px;
   1.214 +	text-align: left;
   1.215 +	vertical-align: middle;
   1.216 +}
   1.217 +
   1.218 +#news li {
   1.219 +	list-style-type: square;
   1.220 +	border-bottom: 1px dotted #BEBEBE;
   1.221 +	margin-left: -25px;
   1.222 +	padding: 4px 0px 4px 0px;
   1.223 +}
   1.224 +
   1.225 +#gallery {
   1.226 +	text-align: center;
   1.227 +}
   1.228 +
   1.229 +#gallery table {
   1.230 +	margin: 30px 0px 30px 0px;
   1.231 +}
   1.232 +
   1.233 +/* Clouds */
   1.234 +
   1.235 +#cloud {
   1.236 +	padding: 20px 0px 20px 0px;
   1.237 +	line-height: 3em;
   1.238 +	text-align: center;
   1.239 +}
   1.240 +#cloud a { padding: 4px; color: #956411; }
   1.241 +#cloud a.tag1 { font-size: 0.7em; font-weight: 100; }
   1.242 +#cloud a.tag2 { font-size: 0.8em; font-weight: 200; }
   1.243 +#cloud a.tag3 { font-size: 0.9em; font-weight: 300; }
   1.244 +#cloud a.tag4 { font-size: 1.0em; font-weight: 400; }
   1.245 +#cloud a.tag5 { font-size: 1.2em; font-weight: 500; }
   1.246 +#cloud a.tag6 { font-size: 1.4em; font-weight: 600; }
   1.247 +#cloud a.tag7 { font-size: 1.6em; font-weight: 700; }
   1.248 +#cloud a.tag8 { font-size: 1.8em; font-weight: 800; }
   1.249 +#cloud a.tag9 { font-size: 2.2em; font-weight: 900; }
   1.250 +#cloud a.tag10 { font-size: 2.5em; font-weight: 900; }
   1.251 +
   1.252 +/* CSS class. */
   1.253 +
   1.254 +.infobox {
   1.255 +	margin: 10px;
   1.256 +	padding: 12px;
   1.257 +	background: #f2f2f2;
   1.258 +	border: 1px solid #eaeaea;
   1.259 +	-moz-border-radius: 8px;
   1.260 +	-webkit-border-radius: 8px;
   1.261 +}
   1.262 +
   1.263 +/* HTML styles */
   1.264 +
   1.265 +h1 {
   1.266 +	color: blue;
   1.267 +	background: inherit;
   1.268 +	text-align: left;
   1.269 +	margin: 0px 0px 10px 0px;
   1.270 +	font-size: 140%;
   1.271 +	font-weight: bold;
   1.272 +}
   1.273 +
   1.274 +h2 {
   1.275 +	color: #DF8F06;
   1.276 +	/* border-top: 1px solid #f3f3f3; */
   1.277 +	border-left: 8px solid #f3f3f3;
   1.278 +	padding: 4px 0px 4px 4px;
   1.279 +	margin: 0;
   1.280 +	font-size: 140%;
   1.281 +	font-weight: bold;
   1.282 +}
   1.283 +
   1.284 +h3 {
   1.285 +	font-weight: bold;
   1.286 +	color: #6c0023;
   1.287 +	background: inherit;
   1.288 +}
   1.289 +
   1.290 +a {
   1.291 +	text-decoration: underline;
   1.292 +	color: #0F314E;
   1.293 +	background: inherit;
   1.294 +}
   1.295 +
   1.296 +a:hover {
   1.297 +	text-decoration: none;
   1.298 +	color: blue;
   1.299 +	background: inherit;
   1.300 +}
   1.301 +
   1.302 +code {
   1.303 +	font-size: 12px;
   1.304 +	color: #669900;
   1.305 +	background: inherit;
   1.306 +}
   1.307 +
   1.308 +tt {
   1.309 +	color: #15EE15;
   1.310 +	background: inherit;
   1.311 +}
   1.312 +
   1.313 +img {
   1.314 +	border: 0pt none;
   1.315 +}
   1.316 +
   1.317 +fieldset {
   1.318 +	background: #E2ECf6;
   1.319 +	color: black;
   1.320 +	margin-top: 25px;
   1.321 +	border: 1px solid black;
   1.322 +}
   1.323 +
   1.324 +legend {
   1.325 +	border: 1px solid black;
   1.326 +	color: #6c0023;
   1.327 +	background: #eaeaea;
   1.328 +	font-weight: bold;
   1.329 +}
   1.330 +
   1.331 +pre {
   1.332 +	padding: 5px;
   1.333 +	color: black;
   1.334 +	background: #E1E0B0;
   1.335 +}
   1.336 +
   1.337 +pre.script, pre.log {
   1.338 +	padding: 10px;
   1.339 +	color: black;
   1.340 +	background: #E8E8E8;
   1.341 +	border: 1px inset #606060;
   1.342 +}
   1.343 +
   1.344 +textarea {
   1.345 +	background: #E5E5E5;
   1.346 +	margin-top: 12px;
   1.347 +}
   1.348 +
   1.349 +/* Packages pages */
   1.350 +
   1.351 +.pkg_nav {
   1.352 +	border-top: 1px solid black;
   1.353 +	margin-top: 10px;
   1.354 +	padding-top: 10px;
   1.355 +}
   1.356 +
   1.357 +pre.package {
   1.358 +	padding: 0px;
   1.359 +	color: black;
   1.360 +	background: white;
   1.361 +}
   1.362 +
   1.363 +p.get {
   1.364 +	text-align: center;
   1.365 +	padding: 10px;
   1.366 +	color: black;
   1.367 +	background: #F3F3F3;
   1.368 +	border: 1px solid #DEDEDE;
   1.369 +}