# HG changeset patch
# User Christophe Lincoln <pankso@slitaz.org>
# Date 1295062668 -3600
# Node ID f98ea66e85234fc8e4c0edcc08fb0b499d3f3ca6
# Parent  deac9c55c933cf66e12fef1fdb433f1e14c049e6
clean up CSS file: saved 1,2KB

diff -r deac9c55c933 -r f98ea66e8523 slitaz.css
--- a/slitaz.css	Sat Jan 15 04:05:45 2011 +0100
+++ b/slitaz.css	Sat Jan 15 04:37:48 2011 +0100
@@ -1,12 +1,10 @@
 /*
-	CSS style for SliTaz GNU/Linux website
-	www.slitaz.org - (c) 2011 Pankso
+	CSS style for SliTaz Network - (c) 2011 SliTaz GNU/Linux
 */
 
 html {
 	min-height:  102%;
 }
-
 body {
 	background: #ffffff;
 	color: black;
@@ -14,6 +12,9 @@
 	margin: 0;
 	border-top: 34px solid #f1f1f1;
 }
+a { text-decoration: underline; color: #103a5e; }
+a:hover { text-decoration: none; color: blue; }
+img { border: 0pt none; }
 
 /* Accessibility */
 
@@ -28,26 +29,17 @@
 	font-size: 11px;
 	font-weight: bold;
 }
-
 #access a {
 	background: transparent;
 	color: #0F314E;
 	text-decoration: none;
 }
+#access a:hover { color: #b64b22; }
+#access img { vertical-align: middle; }
 
-#access a:hover {
-	background: inherit;
-	color: #b64b22;
-}
-
-#access img {
-	vertical-align: middle;
-}
-
-/* Header and title */
+/* Header */
 
 #header {
-	/*background: #f0ba08 url(pics/website/header.png) repeat-x top;*/
 	background: #351a0a url(pics/website/header-img.png) no-repeat top right;
 	color: black;
 	width: 100%;
@@ -56,7 +48,6 @@
 	border-bottom: 1px solid #999;
 	margin-bottom: 33px;
 }
-
 #titre {
 	position: absolute;
 	font-size: 14px;
@@ -64,7 +55,6 @@
 	left: 180px;
 	top: 4px;
 }
-
 #logo {
 	position: absolute;
 	float: left;
@@ -74,7 +64,7 @@
 	height: 74px;
 }
 
-/* Side bar Navigation */
+/* Side bar */
 
 #nav {
 	position: absolute;
@@ -87,18 +77,6 @@
 	text-align: left;
 	font-size: 12px;
 }
-
-#nav .nav_box ul {
-	list-style-type: none;
-	margin: 0;
-	padding: 10px 24px 10px 0px;
-	background-color: inherit;
-}
-
-#nav li {
-	display: inline;
-}
-
 #nav h4 {
 	font-size: 120%;
 	color: #666666;
@@ -107,7 +85,6 @@
 	padding: 0 0 1px 0;
 	border-bottom: 1px solid #cecece;
 }
-
 #nav a {
 	color: #0F314E;
 	background: inherit;
@@ -115,13 +92,18 @@
 	text-decoration: none;
 	font-weight: bold;
 }
-
 #nav a:hover {
 	color: #b64b22;
 	text-decoration: none;
 	display: block;
 }
-
+#nav .nav_box ul {
+	list-style-type: none;
+	margin: 0;
+	padding: 10px 24px 10px 0px;
+	background-color: inherit;
+}
+#nav li { display: inline; }
 #nav ul {
 	-moz-border-radius: 8px;
 	-webkit-border-radius: 8px;
@@ -131,12 +113,104 @@
 	padding: 10px 24px 10px 24px;
 	background-color: #eaeaea;
 }
-
 .nav_box {
 	margin: 10px 0;
 	padding: 10px 24px 10px 24px;
 	background-color: #eaeaea;
 	text-align: justify;
+}
+#nav .nav_box p { line-height: 1.3em; }
+#nav .nav_box p a {
+	display: inline;
+	font-weight: normal;
+	text-decoration: underline;
+}
+#nav .nav_box p a:hover {
+	text-decoration: none;
+	color: blue;
+	background: inherit;
+}
+
+/* Page content */
+
+#content, #content-full {
+	background: white;
+	color: black;
+	text-align: justify;
+	height: auto;
+}
+#content, #content-full {
+	margin: 6px 320px 0px 0px;
+	padding: 0px 40px 60px 80px;
+}
+#content-full {
+	margin: 0;
+	padding: 0px 80px 40px 80px;
+}
+#content li, #content-full li {
+	line-height: 1.5em;
+	text-align: left;
+}
+#news li {
+	list-style-type: square;
+	border-bottom: 1px dotted #BEBEBE;
+	margin-left: -25px;
+	padding: 4px 0px 4px 0px;
+}
+#news a { text-decoration: none; }
+
+/* Box and block. */
+
+.infobox {
+	margin: 20px 60px;
+	padding: 12px;
+	background: #f8f8f8;
+}
+.infobox img { vertical-align: middle; }
+.infobox:hover { background-color: #FBFBFB; }
+.block {
+	/*padding-bottom: 35%;*/
+	color: black;
+	min-height: 200px;
+	margin-bottom: 40px;
+}
+.block ul {
+	list-style-type: none;
+	margin: 0;
+	padding: 0 20px;
+}
+.block_left {
+	width: 46%;
+	float: left;
+	background-color: #eaeaea;
+	margin: 4px 2px;
+	padding: 0 10px 10px 10px;
+}
+.block_right {
+	width: 46%;
+	float: right;
+	background-color: #eaeaea;
+	margin: 4px 2px;
+	padding: 0 10px 10px 10px;
+}
+#block_top {
+	color: black;
+	background-color: #eaeaea;
+	min-height: 180px;
+	margin-bottom: 40px;
+	margin-right: 340px;
+	padding: 0 10px;
+}
+#block_nav {
+	width: 300px;
+	min-height: 180px;
+	float: right;
+	background-color: #eaeaea;
+	margin: 0;
+	padding: 0 10px;
+}
+.nav_box, .infobox, .block_left, .block_right, #block_top, 
+#block_nav, #footer {
 	-moz-border-radius: 8px;
 	-webkit-border-radius: 8px;
 	border-radius: 8px;
@@ -151,171 +225,20 @@
 	transition-property: background-color;
 	transition-duration: 2s;
 }
-
-.nav_box:hover { background-color: #f8f8f8; }
-
-#nav .nav_box p {
-	line-height: 1.3em;
-}
-
-#nav .nav_box p a {
-	display: inline;
-	font-weight: normal;
-	text-decoration: underline;
-}
-
-#nav .nav_box p a:hover {
-	text-decoration: none;
-	color: blue;
-	background: inherit;
-}
-
-/* Page content */
-
-#content {
-	background: white;
-	color: black;
-	text-align: justify;
-	height: auto;
-	margin: 6px 320px 0px 0px;
-	padding: 0px 40px 60px 80px;
-}
-
-#content-full {
-	background: white;
-	color: black;
-	text-align: justify;
-	height: auto;
-	margin: 0;
-	padding: 0px 80px 40px 80px;
-}
-
-#content li, #content-full li {
-	line-height: 1.5em;
-	text-align: left;
-}
-
-#news li {
-	list-style-type: square;
-	border-bottom: 1px dotted #BEBEBE;
-	margin-left: -25px;
-	padding: 4px 0px 4px 0px;
-}
-
-#news a {
-	text-decoration: none;
-}
-
-#gallery {
-	text-align: center;
-}
-
-/* Box and block. */
-
-.infobox {
-	margin: 20px 60px;
-	padding: 12px;
-	background: #f8f8f8;
-}
-
-.infobox img { vertical-align: middle; }
-/* .infobox:hover { background-color: #f2b21d; } */
-.infobox:hover { background-color: #FBFBFB; }
-
-.block {
-	/*padding-bottom: 35%;*/
-	color: black;
-	min-height: 200px;
-	margin-bottom: 40px;
-}
-
-.block ul {
-	list-style-type: none;
-	margin: 0;
-	padding: 0 20px;
-}
-
-.block_left {
-	width: 46%;
-	float: left;
-	background-color: #eaeaea;
-	margin: 4px 2px;
-	padding: 0 10px 10px 10px;
-}
-
-.block_right {
-	width: 46%;
-	float: right;
-	background-color: #eaeaea;
-	margin: 4px 2px;
-	padding: 0 10px 10px 10px;
-}
-
-#block_top {
-	color: black;
-	background-color: #eaeaea;
-	min-height: 180px;
-	margin-bottom: 40px;
-	margin-right: 340px;
-	padding: 0 10px;
-}
-
-#block_nav {
-	width: 300px;
-	min-height: 180px;
-	float: right;
-	background-color: #eaeaea;
-	margin: 0;
-	padding: 0 10px;
-}
-
-.infobox, .block_left, .block_right, #block_top, #block_nav, #footer {
-	-moz-border-radius: 8px;
-	-webkit-border-radius: 8px;
-	border-radius: 8px;
-	-moz-box-shadow: 0 1px 3px #666;
-	-webkit-box-shadow: 0 1px 3px #666;
-	box-shadow: 0 1px 3px #666;
-	/* CSS3 transition */
-	-webkit-transition-property: background-color;
-	-webkit-transition-duration: 2s;
-	-moz-transition-property: background-color;
-	-moz-transition-duration: 2s;
-	transition-property: background-color;
-	transition-duration: 2s;
-}
-
-#block_nav {
-	font-weight: bold;
-}
-
-#block_nav a {
-	text-decoration: none;
-}
-
-#block_nav li a:hover {
-	color: #b64b22;
-}
-
-#block_nav ul {
-	margin: 0;
-	list-style-type: none;
-}
-
-#block_nav h3 {
-	font-size: 110%;
-}
-
-.block_left:hover, .block_right:hover, #block_top:hover,
-#block_nav:hover, #footer:hover { 
+#block_nav { font-weight: bold; }
+#block_nav a { text-decoration: none; }
+#block_nav li a:hover { color: #b64b22; }
+#block_nav ul { margin: 0; list-style-type: none; }
+#block_nav h3 { font-size: 110%; }
+.nav_box:hover, .block_left:hover, .block_right:hover, 
+#block_top:hover, #block_nav:hover, #footer:hover { 
 	background-color: #f8f8f8;
 }
-
 .right_box {
 	width: 50%;
 	float: right;
 }
-
+/* Text transform at 45deg */
 .floor {
 	color: #999999;
 	font-size: 20px;
@@ -325,7 +248,6 @@
 	-ms-transform: rotate(-45deg) skew(15deg, 15deg);
 	transform: rotate(-45deg) skew(15deg, 15deg);
 }
-
 #twitter, .feedbox {
 	margin-top: 20px;
 	-moz-border-radius: 8px;
@@ -335,24 +257,20 @@
 	-webkit-box-shadow: 0 1px 3px #666;
 	box-shadow: 0 1px 3px #666;
 }
-
 .feedbox {
 	background-color: #f9f9f9;
 	padding: 10px 20px;
 	margin: 20px 100px;
 }
-
 .feedbox div {
 	height: 320px;
 	overflow: auto;
 }
-
 .feedbox ul { list-style-type: none; margin: 0; }
 
 /* Button */
 
 .button { margin-left: 20px; }
-
 .button a { 
 	background-color: #b64b22;
 	color: #ffffff;
@@ -366,12 +284,10 @@
 	-webkit-box-shadow: 0 1px 3px #666;
 	box-shadow: 0 1px 3px #666;
 }
-
 .button a:hover, input[type=submit]:hover { 
 	background-color: #a3431f;
 	color: #ffffff;
 }
-
 input[type=submit] {
 	border: 1px solid #b64b22;
 	background-color: #b64b22;
@@ -388,7 +304,6 @@
 	box-shadow: 0 0 5px #666;
 	margin-left: -5px;
 }
-
 input[type=text] {
 	border: 1px solid #333333;
 	padding: 3px;
@@ -414,7 +329,7 @@
 #cloud a.tag9 { font-size: 2.2em; font-weight: 900; }
 #cloud a.tag10 { font-size: 2.5em; font-weight: 900; }
 
-/* Slideshow. */
+/* Slideshow and gallery */
 
 #slideshow
 {
@@ -424,13 +339,13 @@
 	width: 260px;
 	height: 163px;
 }
-
 #slideshow img
 {
 	border: 0;
 	width: 260px;
 	height: 163px;
 }
+#gallery { text-align: center; }
 
 /* HTML styles */
 
@@ -443,7 +358,6 @@
 	font-weight: bold;
 	padding: 5px 0 0 10px;
 }
-
 h2 {
 	color: #b64b22;
 	padding: 0;
@@ -451,79 +365,28 @@
 	font-size: 130%;
 	font-weight: bold;
 }
-
 h3 {
 	font-weight: bold;
 	color: #666666;
 	background: transparent;
 }
-	
 h3 img, h2 img { 
 	vertical-align: middle;
 	width: 20px;
 	height: 20px;
 	padding-right: 4px; 
 }
-
-a {
-	text-decoration: underline;
-	color: #103A5E;
-	background: inherit;
-}
-
-a:hover {
-	text-decoration: none;
-	color: blue;
-	background: inherit;
-}
-
-code {
+code, tt {
 	font-size: 12px;
 	color: #669900;
-	background: inherit;
 }
-
-tt {
-	color: #15EE15;
-	background: inherit;
-}
-
-img {
-	border: 0pt none;
-}
-
-fieldset {
-	background: #E2ECf6;
-	color: black;
-	margin-top: 25px;
-	border: 1px solid black;
-}
-
-legend {
-	border: 1px solid black;
-	color: #6c0023;
-	background: #eaeaea;
-	font-weight: bold;
-}
-
-pre {
-	padding: 5px;
-	color: black;
-	background: #E1E0B0;
-}
-
-pre.script {
+pre, pre.script {
 	padding: 10px;
 	color: black;
 	background: #E8E8E8;
 	border: 1px inset #606060;
 }
 
-textarea {
-	background: #E5E5E5;
-	margin-top: 12px;
-}
-
 /* Packages pages */
 
 .pkg_nav {
@@ -531,13 +394,11 @@
 	margin-top: 10px;
 	padding-top: 10px;
 }
-
 pre.package {
 	padding: 0px;
 	color: black;
 	background: white;
 }
-
 p.get {
 	text-align: center;
 	padding: 10px;
@@ -548,22 +409,15 @@
 	-moz-border-radius: 4px;
 	-webkit-border-radius: 4px;
 }
-
 p.get a {
 	font-weight: bold;
 	text-decoration: none;
 }
-
 .pkgs-search { 
 	text-align: center; 
 	padding: 40px 20px 80px 20px;
 }
 
-.year:after {
-	/* content: "2007-2011"; */
-	content: "2011";
-}
-
 /* Footer */
 
 #footer {
@@ -580,21 +434,13 @@
 	-webkit-box-shadow: 0 1px 3px #666;
 	box-shadow: 0 1px 3px #666;
 }
-#footer a {
-	background: inherit;
-	color: #666666;
+#footer a { color: #666666; }
+#footer a:hover { color: #333333; }
+#footer ul { list-style-type: none; }
+#footer li { padding: 2px; }
+#footer h4 { margin: 0 20px; font-size: 125%; }
+
+.year:after {
+	/* content: "2007-2011"; */
+	content: "2011";
 }
-#footer a:hover {
-	background: inherit;
-	color: #333333;
-}
-#footer ul {
-	list-style-type: none;
-}
-#footer li {
-	padding: 2px;
-}
-#footer h4 {
-	margin: 0 20px;
-	font-size: 125%;
-}