Update css formatting across all debian *.css files to be more consistent

Removed excessive white space, set consistent tab spacing, replaced named colours (white and black) with hex values (#fff and #000) as well as replacing padding and margin values with more compact versions where possible.

'font-awesome.css' & 'docbook.css' are the only css files not modified in this commit.

35 files changed, 794 insertions, 990 deletions

diff --git a/arabic/debian-ar.css b/arabic/debian-ar.css
index 2196111f11d..412252a0452 100644
--- a/arabic/debian-ar.css
+++ b/arabic/debian-ar.css
@@ -8,116 +8,100 @@ html[lang=ar] blockquote.quote p:after { content: ""; }
 html[lang=ar] blockquote.quote p.last:after { content: "\00BB"; }
 
 html[lang=ar] #header {
-    padding:0 52px 0 10px;
+	padding:0 52px 0 10px;
 }
 html[lang=ar] #logo {
-    left:auto;
-    right:0;
-    direction:ltr;
+	left: auto;
+	right: 0;
+	direction: ltr;
 }
 html[lang=ar] #searchbox {
-    left:0;
-    right: auto;
+	left: 0;
+	right: auto;
 }
 html[lang=ar] #navbar li {
-    float:right;
+	float: right;
 }
 html[lang=ar] #content,
 html[lang=ar] #footer {
-    margin:0 52px 0 10px;
+	margin:0 52px 0 10px;
 }
 html[lang=ar] #langContainer {
-    direction:ltr;
-    text-align:right;
+	direction: ltr;
+	text-align: right;
 }
-
 html[lang=ar] ul#hometoc-cola, html[lang=ar] ul#hometoc-colb, 
 html[lang=ar] ul#hometoc-colc, html[lang=ar] ul#hometoc-cold,
 html[lang=ar] ul#hometoc-cole {
-    float: right;
+	float: right;
 }
-
 html[lang=ar] ul#footermap-cola, html[lang=ar] ul#footermap-colb,
 html[lang=ar] ul#footermap-colc, html[lang=ar] ul#footermap-cold,
 html[lang=ar] ul#footermap-cole {
-    float: right;
+	float: right;
 }
-
 html[lang=ar] ol,
 html[lang=ar] ul {
-     padding-right: 1.5em;
-     padding-left: 0;
+	padding-right: 1.5em;
+	padding-left: 0;
 }
-
 html[lang=ar] span.download {
-    left: 13px;
-    right: auto;
+	left: 13px;
+	right: auto;
 }
-
 html[lang=ar] a.rss_logo {
-    float: left;
+	float: left;
 }
-
 html[lang=ar] ol {
-    list-style-type: -moz-arabic;
-    list-style-type: arabic;
+	list-style-type: -moz-arabic;
+	list-style-type: arabic;
 }
-
 html[lang=ar] body {
-   direction: rtl;
-
-   font-family: sans-serif;
-   line-height: 1.8;
+	direction: rtl;
+	font-family: sans-serif;
+	line-height: 1.8;
 }
-
 html[lang=ar] #header, html[lang=ar] #footer,
 html[lang=ar] #breadcrumbs, html[lang=ar] #second-nav, 
 html[lang=ar] #navbar ul, html[lang=ar] h1, h2, h3, h4, h5, h6 {
-    direction: rtl;
-    font-family: sans-serif;
+	direction: rtl;
+	font-family: sans-serif;
 }
-
 html[lang=ar] #software.column-right li, 
 html[lang=ar] #community.column-left li {
-    text-align: right;
+	text-align: right;
 }
-
 html[lang=ar] .slider-wrapper, 
 html[lang=ar] .slider-prev-next-control,
 html[lang=ar] .slider-dot-control {
-
-    direction: ltr;
+	direction: ltr;
 }
 
 /* Adjust padding direction for .project-news-content on the start page. */
 html[lang=ar] .project-news-content {
-    padding-left: 0px;
-    padding-right: 110px;
+	padding-left: 0;
+	padding-right: 110px;
 }
 
 /* Change the direction of "Animating Underlines" from LTR to RTL */
-
 html[lang=ar] .styled-href-blue a::after,
 html[lang=ar] .project-news-content a::after {
-  right: 0;
+	right: 0;
 }
 
 /* Adjust padding direction of "Project News" section on the home page. */
-
 html[lang=ar] .project-news {
-  margin-left: 0%;
-  margin-right: 15%;
+	margin-left: 0;
+	margin-right: 15%;
 }
 
-
 html[lang=ar] a:link.rss_logo {
 	float: left;
-	margin-left: 0em;
+	margin-left: 0;
 	margin-right: 0.25em;
 }
-
 html[lang=ar] .end-of-list-arrow {
-  -moz-transform: rotate(180deg);
-  left: 0em;
-  right: 3.5em;
+	-moz-transform: rotate(180deg);
+	left: 0;
+	right: 3.5em;
 }
diff --git a/armenian/debian-hy.css b/armenian/debian-hy.css
index 1d0ada1331b..00a32639fa3 100644
--- a/armenian/debian-hy.css
+++ b/armenian/debian-hy.css
@@ -10,4 +10,3 @@ html[lang=hy] q q:after { content: "\201D"; }
 html[lang=hy] blockquote.quote p:first-child:before { content: "\00AB"; }
 html[lang=hy] blockquote.quote p:after { content: ""; }
 html[lang=hy] blockquote.quote p.last:after { content: "\00BB"; }
-
diff --git a/bulgarian/debian-bg.css b/bulgarian/debian-bg.css
index bb7ad1e0540..e3215f3ca64 100644
--- a/bulgarian/debian-bg.css
+++ b/bulgarian/debian-bg.css
@@ -13,4 +13,3 @@ html[lang=bg] blockquote.quote p.last:after { content: "\201C"; }
 html[lang|="bg"] q:before { content: "\00AB"; }
 html[lang|="bg"] q:after { content: "\00BB"; }
 */
-
diff --git a/catalan/debian-ca.css b/catalan/debian-ca.css
index 5276898745f..8cb8d401c52 100644
--- a/catalan/debian-ca.css
+++ b/catalan/debian-ca.css
@@ -10,4 +10,3 @@ html[lang=ca] q q:after { content: "\0022"; }
 html[lang=ca] blockquote.quote p:first-child:before { content: "\00AB"; }
 html[lang=ca] blockquote.quote p:after { content: ""; }
 html[lang=ca] blockquote.quote p.last:after { content: "\00BB"; }
-
diff --git a/chinese/debian-zh.css b/chinese/debian-zh.css
index 4234d2e3a09..f583b187862 100644
--- a/chinese/debian-zh.css
+++ b/chinese/debian-zh.css
@@ -4,43 +4,41 @@
 
 /*
 html[lang|=zh] #maincol {
-    font-family: Song, Arial, sans-serif; 
+	font-family: Song, Arial, sans-serif; 
 }
 body {
-    font-family: DejaVu Sans, sans-serif;
+	font-family: DejaVu Sans, sans-serif;
 }
 */
 
 html[lang|=zh] #maincol li {
-    line-height: 1.2em;
-    padding: 0.1em;
+	line-height: 1.2em;
+	padding: 0.1em;
 }
-
 html[lang|="zh"] h1, html[lang|="zh"] h2, html[lang|="zh"] h3, html[lang|="zh"] h4 {
-    font-weight: bold;
+	font-weight: bold;
 }
-
 html[lang|="zh"] dl.gloss dt {
-    font-weight: 400;
-    font-size: 110%;
+	font-weight: 400;
+	font-size: 110%;
 }
 .active {
-    color: red;
+	color: red;
 }
 html[lang|=zh] #leftcol ul, html[lang|=zh] #leftcol, html[lang|=zh] #navbar a {
-    font-size: 1em;
-    font-weight: normal;
+	font-size: 1em;
+	font-weight: normal;
 }
 
 /*
 html[lang=zh-cn] em {
-    font-family: DejaVu Serif, AR PL KaitiM GB, AR PL UKai CN, "KaiTi_GB2312";
+	font-family: DejaVu Serif, AR PL KaitiM GB, AR PL UKai CN, "KaiTi_GB2312";
 }
 html[lang=zh-tw] em {
-    font-family: DejaVu Serif, AR PL UKai TW, DFKai-SB;
+	font-family: DejaVu Serif, AR PL UKai TW, DFKai-SB;
 }
 html[lang=zh-hk] em {
-    font-family: DejaVu Serif, AR PL UKai HK, DFKai-SB;
+	font-family: DejaVu Serif, AR PL UKai HK, DFKai-SB;
 }
 */
 
@@ -75,7 +73,7 @@ html[lang=zh-tw] blockquote.quote p.last:after { content: "\300D"; }
 
 /* For small screens */
 @media only screen and (max-width: 38em) {
-    div#navbar a:link, div#navbar a:visited {
-        margin: 0 0.5em 0 0 !important;
-    }
+	div#navbar a:link, div#navbar a:visited {
+		margin: 0 0.5em 0 0 !important;
+	}
 }
diff --git a/chinese/international/chinese/debian-zh.css b/chinese/international/chinese/debian-zh.css
index d367593de66..3118bce29f4 100644
--- a/chinese/international/chinese/debian-zh.css
+++ b/chinese/international/chinese/debian-zh.css
@@ -13,9 +13,9 @@
 .impress { font-family: impress, helvetica, arial, sans-serif }
 .larissa { font-family: larissa, cursive }
 .seagull { font-family: seagull, serif }
-DIV.box-double-med { border: double medium black; width: 100%; padding: 0.5em }
-DIV.box-double { border: double thin black; width: 100%; padding: 0.5em }
-DIV.box-single { border: solid medium black; width: 100%; padding: 0.5em }
+DIV.box-double-med { border: double medium #000; width: 100%; padding: 0.5em }
+DIV.box-double { border: double thin #000; width: 100%; padding: 0.5em }
+DIV.box-single { border: solid medium #000; width: 100%; padding: 0.5em }
 div.grey { color: #888; }
 P.hanging-indent { margin-left: 1.5em; text-indent: -1.5em }
 P.indent { text-indent: 3em }
@@ -26,6 +26,6 @@ A:hover.menubar { text-decoration: underline }
 .mnb TD { font-family: helvetica, arial, sans-serif }
 .snb A { text-decoration: none }
 .snb A:hover { text-decoration: underline }
-.snb TH { font-family: helvetica, arial, sans-serif; border-right: 1px solid white }
+.snb TH { font-family: helvetica, arial, sans-serif; border-right: 1px solid #fff }
 
 /* P,UL,OL { text-align: justify } */
diff --git a/croatian/debian-hr.css b/croatian/debian-hr.css
index a27713cfcc1..2f1097584cd 100644
--- a/croatian/debian-hr.css
+++ b/croatian/debian-hr.css
@@ -10,4 +10,3 @@ html[lang=hr] q q:after { content: "\201D"; }
 html[lang=hr] blockquote.quote p:first-child:before { content: "\00BB"; }
 html[lang=hr] blockquote.quote p:after { content: ""; }
 html[lang=hr] blockquote.quote p.last:after { content: "\00AB"; }
-
diff --git a/czech/debian-cs.css b/czech/debian-cs.css
index 99e99354e9c..c8b6c58ca95 100644
--- a/czech/debian-cs.css
+++ b/czech/debian-cs.css
@@ -1,8 +1,8 @@
 /* Debian language css file for czech - cs */
 /* please do not touch for now! - Jutta Wrage 2005 */
 
-html[lang=cs] #maincol {
-}
+html[lang=cs] #maincol {}
+
 /* quotes ok */
 html[lang=cs] q:before { content: "\201E"; }
 html[lang=cs] q:after { content: "\201C"; }
@@ -12,4 +12,3 @@ html[lang=cs] q q:after { content: "\2018"; }
 html[lang=cs] blockquote.quote p:first-child:before { content: "\201E"; }
 html[lang=cs] blockquote.quote p:after { content: ""; }
 html[lang=cs] blockquote.quote p.last:after { content: "\201D"; }
-
diff --git a/danish/debian-da.css b/danish/debian-da.css
index 4138a9e276e..ea66af57570 100644
--- a/danish/debian-da.css
+++ b/danish/debian-da.css
@@ -10,6 +10,3 @@ html[lang=da] q q:after { content: "\2019"; }
 html[lang=da] blockquote.quote p:first-child:before { content: "\00BB"; }
 html[lang=da] blockquote.quote p:after { content: ""; }
 html[lang=da] blockquote.quote p.last:after { content: "\00BB"; }
-
-
-
diff --git a/english/5img-carousel-slider.css b/english/5img-carousel-slider.css
index 827a9c4e4b5..655acb30ae5 100644
--- a/english/5img-carousel-slider.css
+++ b/english/5img-carousel-slider.css
@@ -3,156 +3,141 @@
   five images.
 */
 
-/*---- NUMBER OF SLIDE CONFIGURATION ----*/
+/* Number Of Slide Configuration */
 .wrapper {
-  max-width: 60em;
-  position: relative;
-
+	max-width: 60em;
+	position: relative;
 }
-
 .wrapper input {
-  display: none;
+	display: none;
 }
-
 .inner {
-  width: 500%;
-  line-height: 0;
+	width: 500%;
+	line-height: 0;
 }
-
 .inner article {
-  width: 20%;
-  float: left;
-  position: relative;
+	width: 20%;
+	float: left;
+	position: relative;
 }
 .inner article img {
-  max-width: 95%;
-  height: auto;
+	max-width: 95%;
+	height: auto;
 }
 
-/*---- SET UP CONTROL ----*/
+/* Setup Control */
 .slider-prev-next-control {
-  height: 50px;
-  position: absolute;
-  top: 50%;
-  width: 100%;
-  -webkit-transform: translateY(-50%);
-  -moz-transform: translateY(-50%);
-  -ms-transform: translateY(-50%);
-  -o-transform: translateY(-50%);
-  transform: translateY(-50%);
+	height: 50px;
+	position: absolute;
+	top: 50%;
+	width: 100%;
+	-webkit-transform: translateY(-50%);
+	-moz-transform: translateY(-50%);
+	-ms-transform: translateY(-50%);
+	-o-transform: translateY(-50%);
+	transform: translateY(-50%);
 }
-
 .slider-prev-next-control label {
-  display: none;
-  width: 40px;
-  height: 40px;
-  border-radius: 50%;
-  background: #5f5f5f;
-  opacity: 0.7;
+	display: none;
+	width: 40px;
+	height: 40px;
+	border-radius: 50%;
+	background: #5f5f5f;
+	opacity: 0.7;
 }
-
 .slider-prev-next-control label:hover {
-  opacity: 1;
+	opacity: 1;
 }
-
 .slider-dot-control {
-  position: absolute;
-  width: 100%;
-  bottom: 15px;
-  text-align: center;
+	position: absolute;
+	width: 100%;
+	bottom: 15px;
+	text-align: center;
 }
-
 .slider-dot-control label {
-  cursor: pointer;
-  border-radius: 5px;
-  display: inline-block;
-  width: 10px;
-  height: 10px;
-  background: #bbb;
-  -webkit-transition: all 0.3s;
-  -moz-transition: all 0.3s;
-  transition: all 0.3s;
+	cursor: pointer;
+	border-radius: 5px;
+	display: inline-block;
+	width: 10px;
+	height: 10px;
+	background: #bbb;
+	-webkit-transition: all 0.3s;
+	-moz-transition: all 0.3s;
+	transition: all 0.3s;
 }
-
 .slider-dot-control label:hover {
-  background: #ccc;
-  border-color: #777;
+	background: #ccc;
+	border-color: #777;
 }
 
 /* Info Box */
 .info {
-  position: absolute;
-  font-style: italic;
-  line-height: 20px;
-  opacity: 0;
-  color: #000;
-  background-color: gainsboro;
-  border-radius: 5px;
-  -moz-border-radius: 5px;
-  text-align: left;
-  -webkit-transition: all 1000ms ease-out 600ms;
-  -moz-transition: all 1000ms ease-out 600ms;
-  transition: all 1000ms ease-out 600ms;
+	position: absolute;
+	font-style: italic;
+	line-height: 20px;
+	opacity: 0;
+	color: #000;
+	background-color: gainsboro;
+	border-radius: 5px;
+	-moz-border-radius: 5px;
+	text-align: left;
+	-webkit-transition: all 1000ms ease-out 600ms;
+	-moz-transition: all 1000ms ease-out 600ms;
+	transition: all 1000ms ease-out 600ms;
 }
-
 .info h3 {
-  color: #000;
-  margin: 0.4em;
-  font-weight: normal;
-  font-size: 0.9em;
-  font-style: normal;
+	color: #000;
+	margin: 0.4em;
+	font-weight: normal;
+	font-size: 0.9em;
+	font-style: normal;
 }
-
 .info.top-left {
-  top: 20px;
-  left: 55px;
+	top: 20px;
+	left: 55px;
 }
-
 .info.top-right {
-  top: 20px;
-  right: 55px;
+	top: 20px;
+	right: 55px;
 }
-
 .info.bottom-left {
-  bottom: 20px;
-  left: 55px;
+	bottom: 20px;
+	left: 55px;
 }
-
 .info.bottom-right {
-  bottom: 20px;
-  right: 55px;
+	bottom: 20px;
+	right: 55px;
 }
 
 /* Slider Styling */
 .slider-wrapper {
-  width: 100%;
-  overflow: hidden;
-  /*border-radius: 5px;*/
-  /*box-shadow: 1px 1px 4px #666;*/
-  /*background: #fff;*/
-  /*background: #fcfff4;*/
-  -webkit-transform: translateZ(0);
-  -moz-transform: translateZ(0);
-  -ms-transform: translateZ(0);
-  -o-transform: translateZ(0);
-  transform: translateZ(0);
-  -webkit-transition: all 500ms ease-out;
-  -moz-transition: all 500ms ease-out;
-  transition: all 500ms ease-out;
+	width: 100%;
+	overflow: hidden;
+	/*border-radius: 5px;*/
+	/*box-shadow: 1px 1px 4px #666;*/
+	/*background: #fff;*/
+	/*background: #fcfff4;*/
+	-webkit-transform: translateZ(0);
+	-moz-transform: translateZ(0);
+	-ms-transform: translateZ(0);
+	-o-transform: translateZ(0);
+	transform: translateZ(0);
+	-webkit-transition: all 500ms ease-out;
+	-moz-transition: all 500ms ease-out;
+	transition: all 500ms ease-out;
 }
-
 .slider-wrapper .inner {
-  -webkit-transform: translateZ(0);
-  -moz-transform: translateZ(0);
-  -ms-transform: translateZ(0);
-  -o-transform: translateZ(0);
-  transform: translateZ(0);
-  -webkit-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
-  -moz-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
-  transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
+	-webkit-transform: translateZ(0);
+	-moz-transform: translateZ(0);
+	-ms-transform: translateZ(0);
+	-o-transform: translateZ(0);
+	transform: translateZ(0);
+	-webkit-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
+	-moz-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
+	transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
 }
 
-/*---- SET POSITION FOR SLIDE ----*/
+/* Set Position For Slide */
 #slide1:checked ~ .slider-prev-next-control label:nth-child(2)::after,
 #slide2:checked ~ .slider-prev-next-control label:nth-child(3)::after,
 #slide3:checked ~ .slider-prev-next-control label:nth-child(4)::after,
@@ -163,104 +148,93 @@
 #slide4:checked ~ .slider-prev-next-control label:nth-child(3)::after,
 #slide5:checked ~ .slider-prev-next-control label:nth-child(4)::after,
 #slide1:checked ~ .slider-prev-next-control label:nth-child(5)::after {
-  font-family: FontAwesome;
-  font-style: normal;
-  font-weight: normal;
-  text-decoration: inherit;
-  margin: 0;
-  line-height: 38px;
-  font-size: 3em;
-  display: block;
-  color: #fff;
+	font-family: FontAwesome;
+	font-style: normal;
+	font-weight: normal;
+	text-decoration: inherit;
+	margin: 0;
+	line-height: 38px;
+	font-size: 3em;
+	display: block;
+	color: #fff;
 }
-
 #slide1:checked ~ .slider-prev-next-control label:nth-child(2)::after,
 #slide2:checked ~ .slider-prev-next-control label:nth-child(3)::after,
 #slide3:checked ~ .slider-prev-next-control label:nth-child(4)::after,
 #slide4:checked ~ .slider-prev-next-control label:nth-child(5)::after,
 #slide5:checked ~ .slider-prev-next-control label:nth-child(1)::after {
-  content: "\203a";
-  padding-left: 1px;
+	content: "\203a";
+	padding-left: 1px;
 }
-
 #slide1:checked ~ .slider-prev-next-control label:nth-child(2),
 #slide2:checked ~ .slider-prev-next-control label:nth-child(3),
 #slide3:checked ~ .slider-prev-next-control label:nth-child(4),
 #slide4:checked ~ .slider-prev-next-control label:nth-child(5),
 #slide5:checked ~ .slider-prev-next-control label:nth-child(1) {
-  display: block;
-  float: right;
-  margin-right: 8%;
+	display: block;
+	float: right;
+	margin-right: 8%;
 }
-
 #slide2:checked ~ .slider-prev-next-control label:nth-child(1),
 #slide3:checked ~ .slider-prev-next-control label:nth-child(2),
 #slide4:checked ~ .slider-prev-next-control label:nth-child(3),
 #slide5:checked ~ .slider-prev-next-control label:nth-child(4),
 #slide1:checked ~ .slider-prev-next-control label:nth-child(5) {
-  display: block;
-  float: left;
-  margin-left: 8%;
+	display: block;
+	float: left;
+	margin-left: 8%;
 }
-
 #slide2:checked ~ .slider-prev-next-control label:nth-child(1)::after,
 #slide3:checked ~ .slider-prev-next-control label:nth-child(2)::after,
 #slide4:checked ~ .slider-prev-next-control label:nth-child(3)::after,
 #slide5:checked ~ .slider-prev-next-control label:nth-child(4)::after,
 #slide1:checked ~ .slider-prev-next-control label:nth-child(5)::after {
-  content: "\2039";
-  padding-left: 1px;
+	content: "\2039";
+	padding-left: 1px;
 }
-
 #slide1:checked ~ .slider-dot-control label:nth-child(1),
 #slide2:checked ~ .slider-dot-control label:nth-child(2),
 #slide3:checked ~ .slider-dot-control label:nth-child(3),
 #slide4:checked ~ .slider-dot-control label:nth-child(4),
 #slide5:checked ~ .slider-dot-control label:nth-child(5) {
-  background: #333;
+	background: #333;
 }
-
 #slide1:checked ~ .slider-wrapper article:nth-child(1) .info,
 #slide2:checked ~ .slider-wrapper article:nth-child(2) .info,
 #slide3:checked ~ .slider-wrapper article:nth-child(3) .info,
 #slide4:checked ~ .slider-wrapper article:nth-child(4) .info,
 #slide5:checked ~ .slider-wrapper article:nth-child(5) .info {
-  opacity: 1;
+	opacity: 1;
 }
-
 #slide1:checked ~ .slider-wrapper .inner {
-  margin-left: 0%;
+	margin-left: 0;
 }
-
 #slide2:checked ~ .slider-wrapper .inner {
-  margin-left: -100%;
+	margin-left: -100%;
 }
-
 #slide3:checked ~ .slider-wrapper .inner {
-  margin-left: -200%;
+	margin-left: -200%;
 }
-
 #slide4:checked ~ .slider-wrapper .inner {
-  margin-left: -300%;
+	margin-left: -300%;
 }
-
 #slide5:checked ~ .slider-wrapper .inner {
-  margin-left: -400%;
+	margin-left: -400%;
 }
 
-/*---- TABLET ----*/
+/* Tablet */
 @media only screen and (max-width: 850px) and (min-width: 450px) {
-  .slider-wrapper {
-    border-radius: 0;
-  }
+	.slider-wrapper {
+		border-radius: 0;
+	}
 }
-/*---- MOBILE----*/
-@media only screen and (max-width: 450px) {
-  .slider-wrapper {
-    border-radius: 0;
-  }
 
-  .slider-wrapper .info {
-    opacity: 0;
-  }
+/* Mobile */
+@media only screen and (max-width: 450px) {
+	.slider-wrapper {
+		border-radius: 0;
+	}
+	.slider-wrapper .info {
+		opacity: 0;
+	}
 }
diff --git a/english/debhome.css b/english/debhome.css
index 0e6fb7af7eb..060f31498b1 100644
--- a/english/debhome.css
+++ b/english/debhome.css
@@ -25,7 +25,7 @@
 
 #splash {
 	background-image: url('Pics/homeworld-bg.png');
-	background-position:top center;
+	background-position: top center;
 	background-repeat: no-repeat;
 	background-size: cover;
 	margin-top: 0;
@@ -36,25 +36,25 @@
 }
 #splash h1 {
 	background-image: url('Pics/homeworld-fg.png');
-	background-position:top center;
-	padding-top:130px;
-	overflow:hidden;
-	text-align:center;
-	background-repeat:no-repeat;
-	display:block;
-	margin:0;
-	height:0;
+	background-position: top center;
+	padding-top: 130px;
+	overflow: hidden;
+	text-align: center;
+	background-repeat: no-repeat;
+	display: block;
+	margin: 0;
+	height: 0;
 }
 
-/* move the foreground image to the left for narrow screens */
-/*  thanks Antoine Le Gonidec https://lists.debian.org/debian-www/2021/08/msg00034.html */
-
+/* 
+	Move the foreground image to the left for narrow screens
+	Thanks Antoine Le Gonidec https://lists.debian.org/debian-www/2021/08/msg00034.html 
+*/
 @media screen and (max-width: 650px) {
-    #splash h1 {
-        background-position-x: left;
-    }
+	#splash h1 {
+		background-position-x: left;
+	}
 }
-
 span.download {
 	display: block;
 	font-size: 0.75em;
@@ -63,7 +63,7 @@ span.download {
 	margin-top: 10px;
 }
 span.download a {
-	color: white;
+	color: #fff;
 	font-weight: bold;
 	text-decoration: none;
 	border: 0.15em solid #339900;
@@ -73,7 +73,7 @@ span.download a {
 }
 span.download a:hover {
 	text-decoration: none;
-	color: white;
+	color: #fff;
 	background-color: #339900;
 }
 span.download a em {
@@ -87,7 +87,7 @@ span.download a em {
 	margin-bottom: 1em;
 }
 span.download a:hover em {
-	color: white; 
+	color: #fff; 
 	background-color: #339900;
 }
 #announce {
@@ -101,17 +101,16 @@ span.download a:hover em {
 	padding-top: 0;
 }
 #intro p {
-	margin-top: 0em;
-	padding:0;
+	margin-top: 0;
+	padding: 0;
 }
 
 /* Homepage Links */
-
 #hometoc {
-	list-style:none;
-	margin: 0 0 2em 0;
+	list-style: none;
+	margin: 0 0 2em;
 	padding: 0;
-	width:100%;
+	width: 100%;
 	font-size: 0.75em;
 	overflow: hidden;
 	line-height: 1.5em;
@@ -128,11 +127,11 @@ ul#hometoc-cola a, ul#hometoc-colb a, ul#hometoc-colc a, ul#hometoc-cold a, ul#h
 	display: block;
 }
 ul#hometoc-cola, ul#hometoc-colb,ul#hometoc-colc, ul#hometoc-cold, ul#hometoc-cole {
-	float:left;
+	float: left;
 	width: 19.2%;
 	min-width: 11em;
-	min-height: 15em; 		/* Update when adding items */
-	margin:0 1% 0 0;
+	min-height: 15em;	/* Update when adding items */
+	margin: 0 1% 0 0;
 	padding: 0;
 	border-bottom: dotted red;
 	border-width: 1px;
@@ -140,43 +139,43 @@ ul#hometoc-cola, ul#hometoc-colb,ul#hometoc-colc, ul#hometoc-cold, ul#hometoc-co
 }
 ul#hometoc-cole {
 	width: 18.9%;
-	margin-right:0;
+	margin-right: 0;
 }
 #hometoc-wrap {
-	padding:1em 1em 1em 1em;
-	border-top: 1px solid white;
+	padding: 1em;
+	border-top: 1px solid #fff;
 }
 #hometoc a {
 	margin: 0;
 }
 #hometoc ul{
 	list-style: none;
-	padding: 0 0 0 0;
+	padding: 0;
 }
 #hometoc ul ul {
 	padding: 0;
 }
 #hometoc li {
-	text-indent:0;
+	text-indent: 0;
 	background-color: transparent;
-	font-weight:bold;
+	font-weight: bold;
 }
 #hometoc li ul {
 	margin: 0;
 	padding: 0;
 }
 #hometoc li li {
-	margin:0;
-	text-indent:0;
-	padding:0;
+	margin: 0;
+	text-indent: 0;
+	padding: 0;
 	margin-left: 1em;
-	font-weight:normal;
-	border:0;
-	background-image:none;
-	background-color:transparent;
+	font-weight: normal;
+	border: 0;
+	background-image: none;
+	background-color: transparent;
 }
 #hometoc li li a:before {
-	content:"» ";
+	content: "» ";
 	width: 1em;
 }
 #hometoc li li a {
@@ -191,8 +190,8 @@ li.frontbutton {
 	border-width: 1px; 
 }
 .infobar {
-	margin: 0 0 2em 0;
-	padding: 0 0 2em 0;
+	margin: 0 0 2em;
+	padding: 0 0 2em;
 	line-height: 1em;
 	font-size: 0.75em;
 	border-bottom: dotted grey;
@@ -200,15 +199,11 @@ li.frontbutton {
 	clear: both;
 }
 
-/*
- * For small screens
- */
-
+/* For small screens */
 @media only screen and (max-width: 38em) {
 	div#content {
 		background-image: none;
 	}
-
 	span.download {
 		display: block;
 		position: relative;
diff --git a/english/debian-en.css b/english/debian-en.css
index 572f72dc5f5..4d921a45959 100644
--- a/english/debian-en.css
+++ b/english/debian-en.css
@@ -1,15 +1,13 @@
 /* Debian language css file for english - en */
 /* please do not touch for now! - Jutta Wrage 2005 */
 
-html[lang|=en] #serverselect {
-}
-html[lang|=en] #maincol {
-}
+html[lang|=en] #serverselect {}
+html[lang|=en] #maincol {}
 html[lang|=en] #leftcol ul.cdmenu {
 	width: 10em;
 }
-	
 q { font-style: italic; }
+
 /* quotes */
 html[lang|=en] q:before { content: "\201C"; }
 html[lang|=en] q:after { content: "\201D"; } 
diff --git a/english/debian.css b/english/debian.css
index 36b0c537946..0abb2fa9e91 100644
--- a/english/debian.css
+++ b/english/debian.css
@@ -39,7 +39,6 @@
 */
 
 /* Reset */
-
 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
 blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
 font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl,
@@ -56,7 +55,7 @@ tfoot, thead, tr, th, td {
 	vertical-align: baseline;
 }
 
-body            { line-height: 1; color: black; background: white; }
+body            { line-height: 1; color: #000; background: #fff; }
 ol, ul          { list-style: none; }
 table           { border-collapse: separate; border-spacing: 0; }
 blockquote, q   { quotes: "" ""; }
@@ -66,13 +65,12 @@ caption, th, td { text-align: left; font-weight: normal; }
 blockquote:before, blockquote:after, q:before, q:after { content: ""; }
 
 /* Main */
-
 body {
 	margin: 0;
 	font: normal 100% sans-serif;
 	line-height: 1.5;
 	color: #222;
-	background-color: white;
+	background-color: #fff;
 	background-image:url('Pics/gradient.png');
 	background-position: 0 0;
 	background-repeat: repeat-x;
@@ -92,29 +90,28 @@ body {
 }
 
 /* Header */
-
 #header {
-	margin:0;
-	padding:0 10px 0 52px;
+	margin: 0;
+	padding: 0 10px 0 52px;
 }
-#header a:link
-, #header a:visited
-, #second-nav a:link
-, #second-nav a:visited {
+#header a:link,
+#header a:visited,
+#second-nav a:link,
+#second-nav a:visited {
 	text-decoration: none;
 }
-#header a:hover
-, #second-nav a:hover {
+#header a:hover,
+#second-nav a:hover {
 	text-decoration: underline;
 }
 #breadcrumbs {
-	margin:0;
+	margin: 0;
 	font-size: 0.75em;
 	text-transform: lowercase;
 	line-height: 2;
 	background-color: transparent;
 	background-color: #f5f6f7;
-	border-bottom: 1px solid #d2d3d7 ;
+	border-bottom: 1px solid #d2d3d7;
 	min-height: 20px;
 }
 #breadcrumbs:before {
@@ -124,34 +121,34 @@ body {
 }
 p.section {
 	margin: 0;
-	padding: 0 5px 0 5px;
+	padding: 0 5px;
 	font-family:monospace;
 	line-height: 16px;
-	color:white;
+	color: #fff;
 	text-transform: uppercase;
 	letter-spacing: 0.08em;
 	position:absolute;
-	top: 0px;
-	left:52px;
+	top: 0;
+	left: 52px;
 	background-color: #c70036;
 }
 p.section a {
-	color: white;
+	color: #fff;
 	text-decoration: none;
 }
 p.section a:hover {
-	color:white;
+	color: #fff;
 	text-decoration: underline;
 }
 #navbar {
 	background-color: transparent;
-	list-style:none;
-	display:block;
-	border-bottom:1px solid #c70036;
-	text-indent:0;
+	list-style: none;
+	display: block;
+	border-bottom: 1px solid #c70036;
+	text-indent: 0;
 	padding: 0;
-	margin-top:0;
-	margin-bottom:0;
+	margin-top: 0;
+	margin-bottom: 0;
 }
 #navbar ul {
 	margin: 0;
@@ -166,8 +163,8 @@ p.section a:hover {
 	padding: 0;
 	margin: 0;
 }
-#navbar a:link
-, #navbar a:visited {
+#navbar a:link,
+#navbar a:visited {
 	padding: 1.75em 0.5em 0.25em 0.5em;
 	border-left: 1px solid transparent;
 	border-right: 1px solid transparent;
@@ -177,8 +174,8 @@ p.section a:hover {
 #navbar a:visited {
 	color: #54638c;
 }
-#navbar a:hover
-, #navbar a:visited:hover {
+#navbar a:hover,
+#navbar a:visited:hover {
 	background-color: #f5f6f7;
 	border-left: 1px solid  #d2d3d7;
 	border-right: 1px solid #d2d3d7;
@@ -200,13 +197,13 @@ ul.subnav li {
 	margin-right: 1em;
 }
 #searchbox {
-	text-align:left;
+	text-align: left;
 	line-height: 1;
 	margin: 0 10px 0 0.5em;
-	padding: 1px 0 1px 0;
+	padding: 1px 0;
 	position: absolute;
-	top:0;
-	right:0;
+	top: 0;
+	right: 0;
 	font-size: 0.75em;
 }
 #searchbox p {
@@ -214,13 +211,13 @@ ul.subnav li {
 	padding: 0;
 }
 #upperheader {
-	margin:0;
-	padding:0;
+	margin: 0;
+	padding: 0;
 }
 #logo {
 	position:absolute;
-	top:0;
-	left:0;
+	top: 0;
+	left: 0;
 	padding: 0;
 	background-color: transparent;
 	border: 1px solid transparent;
@@ -243,13 +240,12 @@ ul.subnav li {
 	overflow: auto;
 }
 #logo:hover {
-	border: 1px solid #d2d3d7 ;
+	border: 1px solid #d2d3d7;
 	border-top: 0;
 	background-color: #f5f6f7;
 }
 
 /* Links */
-
 a:link {
 	color: #0035c7;
 	text-decoration: underline;
@@ -265,16 +261,16 @@ a:visited:hover {
 	text-decoration: none;
 }
 a:active {
-	color:#c2c3c7;
+	color: #c2c3c7;
 }
 a img {
-	border:0;
+	border: 0;
 }
 a:link.rss_logo {
 	font-size: 0.75em;
 	float: right;
 	line-height: 10px;
-	color: #ffffff;
+	color: #fff;
 	background-color: #ff6600;
 	font-weight: bold;
 	font-family: sans-serif;
@@ -284,28 +280,22 @@ a:link.rss_logo {
 	margin-left: 0.25em;
 	border: 1px solid #ff6600;
 }
-
 a:link.rss_logo:hover {
 	background-color: white;
 	border: 1px solid #ff6600;
 	color: #ff6600;
 }
-
 a.rss_logo.generic {
 	background-color: #ff8800;
 }
-
 a.rss_logo.generic:hover {
 	background-color: #ee7700;
 }
-
 a.rss_logo::after {
 	content: none;
 }
 
-
 /* Secondnav */
-
 #second-nav {
 	width: 16em;
 	font-size: 0.75em;
@@ -313,22 +303,22 @@ a.rss_logo::after {
 	float: right;
 	top: 0;
 	right: 0;
-	margin: 3em 0 0 0;
+	margin: 3em 0 0;
 	padding: 0 0 0 1em;
-	border-left: 1px solid #d2d3d7 ;
+	border-left: 1px solid #d2d3d7;
 }
 #second-nav ul {
-	padding:0;
-	margin:0;
-	list-style:none;
+	padding: 0;
+	margin: 0;
+	list-style: none;
 }
 #second-nav ul ul {
 	margin-left: 1em;
 }
 #second-nav li {
 	font-weight: normal;
-	margin:0;
-	padding:0;
+	margin: 0;
+	padding: 0;
 }
 #second-nav p {
 	line-height: 2;
@@ -336,13 +326,12 @@ a.rss_logo::after {
 	margin: 0;
 }
 #second-nav h2 {
-	margin:0;
+	margin: 0;
 }
 
 /* Typography */
-
 p {
-	margin: 1.5em 0 1.5em 0;
+	margin: 1.5em 0;
 }
 strong {
 	font-weight: bold;
@@ -358,52 +347,46 @@ sup {
 	font-size: 0.75em;
 	vertical-align:top;
 }
-h1
-, h2
-, h3
-, h4
-, h5
-, h6 {
+h1, h2, h3, h4, h5, h6 {
 	font-weight: 600;
-	color: black;
+	color: #000;
 }
 h1 {
 	font-weight: normal;
 	font-size: 1.8em;
 	line-height: 0.83333;
-	margin: 0.83333em 0 0.83333em 0;
+	margin: 0.83333em 0;
 }
 h2 {
 	font-size: 1.4em;
 	font-weight: normal;
 	line-height: 1.0714286;
-	margin: 1.0714286em 0 1.0714286em 0;
+	margin: 1.0714286em 0;
 }
 h3 {
 	font-size: 1.125em;
 	line-height: 1.333em;
-	margin: 1.333em 0 0 0;
+	margin: 1.333em 0 0;
 }
 h4 {
 	font-weight: normal;
 	font-style: italic;
-	margin: 1.5em 0 1.5em 0;
+	margin: 1.5em 0;
 	color: #444;
 }
 h5 {
 	font-style: italic;
 	font-size: 0.75em;
-	margin: 2em 0 2em 0;
+	margin: 2em 0;
 }
 ol,ul {
 	padding-left: 1.5em;
-	margin-left:0;
-	margin: 1.5em 0 1.5em 0;
+	margin-left: 0;
+	margin: 1.5em 0;
 }
 ol>ol, ul>ul, li>ol, li>ul {
 	margin: 0;
 }
-
 ol {
 	list-style-type: decimal;
 }
@@ -412,38 +395,38 @@ ul {
 }
 th {
 	font-weight: bold;
-	margin: 1.5em 0 1.5em 0;
+	margin: 1.5em 0;
 }
 hr {
 	border: none;
 	background-color: #bbb;
 	height: 1px;
-	margin: 1.4375em 0 1.5em 0;
+	margin: 1.4375em 0 1.5em;
 }
 pre {
-	margin: 1.5em 0 1.5em 0;
+	margin: 1.5em 0;
 	overflow: auto;
 	font-family: monospace;
 	white-space: pre;
-	color: black;
+	color: #000;
 }
 tt, kbd, code {
 	font-family: monospace;
 	/* see https://lists.debian.org/debian-www/2011/08/msg00181.html */
 	/* white-space: pre; */
-	color: black;
+	color: #000;
 }
 var {
 	font-family: monospace;
 	font-style: italic;
-	color: black;
+	color: #000;
 }
 dt {
-	margin: 1.5em 0 0 0;
+	margin: 1.5em 0 0;
 	font-weight: bold;
 }
 dd {
-	margin:  0 0 0 1.5em;
+	margin: 0 0 0 1.5em;
 }
 blockquote {
 	font-size: 0.75em;
@@ -466,19 +449,19 @@ acronym, abbr {
 	line-height:1.833;
 	padding: 0;
 	max-width: 62%;
-	margin: 2em 0 2em 0;
+	margin: 2em 0;
 }
 .toc li {
 	border-top: dotted grey;
 	border-width: 1px;
-	padding: 0.0833em 0 0.0833em 0;
+	padding: 0.0833em 0;
  }
 .toc a {
-	display:block;
+	display: block;
 	text-decoration: none;
 }
 .toc a:hover {
-	display:block;
+	display: block;
 	background-color: #f0f0f4;
 	text-decoration: underline;
 }
@@ -486,41 +469,39 @@ acronym, abbr {
 	margin: 0;
 	border-top: dotted grey;
 	border-width: 1px;
-	padding: 0.0833em 0 0.0833em 0;
+	padding: 0.0833em 0;
 }
 
 /* Sitemap */
-
 .card {
-	clear:both;
-	margin:1.5em 0 1.5em 0;
+	clear: both;
+	margin: 1.5em 0;
 	background-position: 0 -50px;
 	background-repeat: repeat-x;
-	padding:0;
+	padding: 0;
 }
 .card ul {
 }
 .card ul li {
-	list-style:none;
+	list-style: none;
 }
 .card h2 {
 }
 .lefthalf {
-	float:left;
+	float: left;
 }
 .righthalf {
-	margin-left:50%;
+	margin-left: 50%;
 }
 .lefthalf ul {
-	margin-top:0;
+	margin-top: 0;
 }
 
 /* Footer */
-
 #footer {
 	font-size: 0.75em;
 	border: 1px solid #dfdfe0;
-	padding:1em;
+	padding: 1em;
 	background-color: #f5f6f7;
 	margin: 0 10px 0 52px;
 	line-height: 1.5em;
@@ -532,11 +513,11 @@ acronym, abbr {
 	margin-left: 0;
 }
 #footer p {
-	margin: 1em 0 1em 0;
+	margin: 1em 0;
 }
 #footer hr {
 	border-top: 1px solid #d2d3d7;
-	border-bottom: 1px solid white;
+	border-bottom: 1px solid #fff;
 	height: 0;
 }
 #footer .editbar li {
@@ -550,70 +531,70 @@ acronym, abbr {
 }
 #footermap {
 	list-style:none;
-	margin: 0 0 0 0;
+	margin: 0;
 	padding: 0;
-	width:100%;
+	width: 100%;
 	overflow: hidden;
 	border: 0;
 }
-ul#footermap-cola a
-, ul#footermap-colb a
-, ul#footermap-colc a
-, ul#footermap-cold a
-, ul#footermap-cole a {
+ul#footermap-cola a,
+ul#footermap-colb a,
+ul#footermap-colc a,
+ul#footermap-cold a,
+ul#footermap-cole a {
 	padding-left: 0;
 }
-ul#footermap-cola
-, ul#footermap-colb
-, ul#footermap-colc
-, ul#footermap-cold
-, ul#footermap-cole {
-	float:left;
+ul#footermap-cola,
+ul#footermap-colb,
+ul#footermap-colc,
+ul#footermap-cold,
+ul#footermap-cole {
+	float: left;
 	width: 19%;
 	min-width: 11em;
-	height: 15em;		/* Update when adding items */
-	margin:0 1% 0 0;
-	padding: 2em 0 0 0;
+	height: 15em;	/* Update when adding items */
+	margin: 0 1% 0 0;
+	padding: 2em 0 0;
 	list-style: none;
 }
 ul#footermap-cole {
 	width: 18.9%;
-	margin-right:0;
+	margin-right: 0;
 }
 #footermap-wrap {
-	padding:2em;
-	border-top: 1px solid white;
+	padding: 2em;
+	border-top: 1px solid #fff;
 }
 #footermap a {
 	margin: 0;
 }
 #footermap ul{
 	list-style: none;
-	padding:0;
+	padding: 0;
 }
 #footermap li {
-	text-indent:0;
+	text-indent: 0;
 	background-color: transparent;
-	font-weight:bold;
+	font-weight: bold;
 }
 #footermap li ul {
 	margin: 0;
 	padding: 0;
 }
 #footermap li li {
-	margin:0;
-	text-indent:0;
-	padding:0;
-	font-weight:normal;
-	border:0;
-	background-image:none;
-	background-color:transparent;
+	margin: 0;
+	text-indent: 0;
+	padding: 0;
+	font-weight: normal;
+	border: 0;
+	background-image: none;
+	background-color: transparent;
 }
 #serverselect {
 }
-#serverselect input
-, #serverselect option
-, #serverselect select {
+#serverselect input,
+#serverselect option, 
+#serverselect select {
 }
 #serverselect ul {
 	display: inline;
@@ -622,103 +603,98 @@ ul#footermap-cole {
 #serverselect li {
 	list-style: none;
 	display: inline;
-	padding:0 1em 0 1em;
-	margin:0;
+	padding: 0 1em;
+	margin: 0;
 }
 #serverselect form p {
-	margin:0;
-	padding:0;
+	margin: 0;
+	padding: 0;
 	line-height: 1;
 }
 .lcol50 {
 	float: left;
 	width: 49%;
-	font-size:0.75em;
-	margin:0 0 0 0;
-	padding:0 0.5em 0 0;
+	font-size: 0.75em;
+	margin: 0;
+	padding: 0 0.5em 0 0;
 }
 .lcol50 h2 {
-	margin-top:0;
+	margin-top: 0;
 }
 .rcol50 {
 	margin:0 0 0 51%;
-	padding:0;
-	font-size:0.75em;
+	padding: 0;
+	font-size: 0.75em;
 }
 #pageLang {
-	position: relative;	/*  establish a containing box. needed for
-				    langContainer */
+	position: relative;	/* establish a containing box. needed for langContainer */
 }
 form#pageLang {
 	display: inline;
 }
 
 /* Extras */
-
 input:focus {
-	background-color:#FFFFCB;
-
+	background-color:#ffffcb;
 }
 .hidecss {
 	display: none;
 }
 .clear {
-	clear:both
+	clear: both;
 }
 #clear {
-	clear:both;
-	border:0;
-	height:1px;
-	display:block;
+	clear: both;
+	border: 0;
+	height: 1px;
+	display: block;
 }
 .quicklist {
 	list-style: none;
 	font-size: 0.75em;
-	margin: 2em 0 2em 0;
-	padding:0;
-	text-indent:0;
+	margin: 2em 0;
+	padding: 0;
+	text-indent: 0;
 	line-height: 2em;
 }
 .quicklist li  {
-	display:inline;
+	display: inline;
 }
 .item p{
 	margin: 0;
 }
-.item h2
-, .item p
-, .item ul{
-	margin-right: 10px
+.item h2,
+.item p,
+.item ul{
+	margin-right: 10px;
 }
-.item h2
-, .item h3
-, .item h4
-, .item h5 {
+.item h2,
+.item h3,
+.item h4,
+.item h5 {
 	margin-top: 0;
 }
 .line {
 	padding: 0;
 	width: auto;
 	overflow: hidden;
-	}
+}
 div.downloads {
 	border-top: 0.17em solid #339900;
-	margin: 1.33em 0 0 0;
+	margin: 1.33em 0 0;
 }
 .downloads ul.downlist {
-	margin:0;
+	margin: 0;
 }
 div.downloads .col50 {
 	border-top: 0.15em solid #339900;
 }
 ul.downlist {
 	padding-left: 30px;
-	text-indent:0;
+	text-indent: 0;
 	background: url('Pics/emblem-downloads.png') no-repeat 0 0.15em;
 	min-height: 23px;
-	/*
-	 * border-top: 0.17em solid #339900;
-	 */
+/*border-top: 0.17em solid #339900; */
 }
 ul.quicklist.downlist {
 	border-top: 0.17em solid #339900;
@@ -740,26 +716,26 @@ ul.downlist li a {
 	white-space: nowrap;
 }
 
-div.tip
-, div.important
-, div.warning
-, div.note
-, div.trans-note {
-	padding:0 2em 0 4em;
+div.tip,
+div.important,
+div.warning,
+div.note,
+div.trans-note {
+	padding: 0 2em 0 4em;
 	margin: 1.85em 0 1.85em 0;
 	background-repeat: no-repeat;
 	background-position: 0.5em 0.5em;
 	font-size: 0.75em;
 	line-height: 2em;
-	background-color:#FFFFCB;
-	border:0.15em solid #CCCCA3;
+	background-color: #ffffcb;
+	border: 0.15em solid #cccca3;
 }
-div.tip p
-, div.important p
-, div.warning p
-, div.note p
-, div.trans-note p {
-	margin: 1em 0 1em 0;
+div.tip p,
+div.important p,
+div.warning p,
+div.note p,
+div.trans-note p {
+	margin: 1em 0;
 }
 div.tip {
 	background-image: url('Pics/admon-tip.png');
@@ -770,32 +746,30 @@ div.important{
 div.warning {
 	background-image: url('Pics/admon-warning.png');
 }
-div.note
-, div.trans-note  {
+div.note, div.trans-note  {
 	background-image: url('Pics/admon-note.png');
 }
 
 /* Layout Elements */
-
-.col50
-, .cardleft
-, .cardright {
-	width:47.5%;
+.col50, 
+.cardleft,
+.cardright {
+	width: 47.5%;
 	float: left;
 	padding-bottom: 1.5em;
 }
-.lastcol
-, .cardright {
+.lastcol,
+.cardright {
 	margin: auto;
 	width: 47.5%;
-	float:left;
+	float: left;
 	padding-right: 0;
 	margin-left: 5%;
 }
-.lastcol h2
-, .lastcol p
-, .lastcol ul {
-	margin-right:0;
+.lastcol h2,
+.lastcol p,
+.lastcol ul {
+	margin-right: 0;
 }
 .cardleft h2 {
 	margin-right: 1em;
@@ -807,7 +781,7 @@ div.note
 	margin-left: 1em;
 }
 .votemenu a {
-	display:block;
+	display: block;
 }
 table.vote td, table.vote th {
 	padding-right: 1.5em;
@@ -816,7 +790,7 @@ table.vote td, table.vote th {
 	margin-right: 14em;
 }
 div.tabular table, table.tabular, table.vendors {
-/*	border-bottom: 1px solid #a9abb3;
+/*border-bottom: 1px solid #a9abb3;
 	border-top: 1px solid #a9abb3; */
 	border-bottom: 0.15em solid #666;
 	border-top: 0.15em solid #666;
@@ -824,9 +798,8 @@ div.tabular table, table.tabular, table.vendors {
 	margin-bottom: 4em;
 	margin-top: -0.169em;
 	text-align: left;
-	width: 80%
+	width: 80%;
 }
-
 table td {
 	padding-right: 1.5em;
 	padding-bottom: 0.5em;
@@ -844,12 +817,13 @@ table th {
 	padding-top: 0.5em;
 	line-height: 1.5em;
 }
-
 div.tabular table td, table.tabular td, table.vendors td {
 	border-top: dotted grey;
 	border-width: 1px;
 }
-div.tabular table > td:first-child, table.tabular > td:first-child, table.vendors  > td:first-child {
+div.tabular table > td:first-child,
+table.tabular > td:first-child,
+table.vendors > td:first-child {
 	background-image: none;
 }
 #pageLang p, #pageLang form {
@@ -860,37 +834,36 @@ div.tabular table > td:first-child, table.tabular > td:first-child, table.vendor
 	margin-right: 1em;
 }
 #langSelector {
-/*	color: #0035c7; */
-/*	text-decoration: underline; */
+/*color: #0035c7;
+	text-decoration: underline; */
 }
 #langSelector:hover {
-/*	cursor: pointer; */
-/*	text-decoration: none; */
+/*cursor: pointer;
+	text-decoration: none; */
 }
 #langContainer {
 	padding-top: 0.5em;
-/*	background-color: #f5f6f7;
-	background-color: white;
+/*background-color: #f5f6f7;
+	background-color: #fff;
 	background-image:url('Pics/gradient-flipped.png');
 	background-position: bottom;
 	background-repeat: repeat-x;
 	display: none;
 	position: absolute;
 	left: -1em;
-	padding: 0.5em 1em 1em 1em;
+	padding: 0.5em 1em 1em;
 	margin-right: -1em;
 	border-bottom: 1px solid #dfdfe0;
-	min-width: 100%; */     /* make it reach the right edge if only a few
-				   languages are available */
+	min-width: 100%; */	/* make it reach the right edge if only a few languages are available */
 }
 #langContainer a {
 	margin-right: 1em;
 }
 #pageLang:hover #langContainer {
-    display: block;
+	display: block;
 }
 .partnerlogo {
-    max-width: 200px;
+	max-width: 200px;
 }
 
 /* for l10n-arabic */
@@ -898,116 +871,106 @@ div.tabular table > td:first-child, table.tabular > td:first-child, table.vendor
 	direction: rtl;
 	text-align: right;
 }
-
 ul.nodecoration {
 	list-style: none;
 	padding: 0;
 }
 
-
-/*
- * For form
- */
-
+/* For form */
 .action-block-form {
-    margin-left: 4em;
+	margin-left: 4em;
 }
 
-
-/*
- * For small screens
- */
-
+/* For small screens */
 @media only screen and (max-width: 38em) {
-
-    div#header {
-        margin: 0 2px 0 2px;
-        padding: 0;
-    }
-    div#logo {
-        position: relative;
-        top: 0;
-        height: auto;
-        margin: 0;
-        padding: 0;
-        min-height: 0;
-    }
-    div#logo a {
-        height: auto;
-        height: 61px;
-    }
-    div#logo a img {
-        margin: 0;
-        padding: 0;
-        display: block;
-    }
-    #upperheader p.section {
-        left: 70px;
-        top: 0;
-    }
-    div#searchbox {
-        position: relative;
-        margin: -31px 0 0 60px;
-        float: right;
-        bottom: 0;
-        padding: 0;
-    }
-    div#searchbox input[name="P"] {
-        width: 200px;
-    }
-    div#navbar {
-        display: block;
-        position: relative;
-        clear: both;
-    }
-    #navbar ul {
-        min-height: 1.5em;
-        display: block;
-    }
-    #navbar li {
-        display: inline;
-        float: none;
-        margin: 0;
-        padding: 0;
-    }
-    div#navbar a:link, div#navbar a:visited {
-        display: inline;
-        margin: 0 1.5em 0 0;
-        padding: 0.25em 0 0.25em 0;
-        border: 0;
-        background-color: transparent;
-    }
-    div#content {
-        margin: 0 2px 0 2px;
-    }
-    ul.toc {
-        max-width: none;
-    }
-    div#maincol {
-        margin-right: 0;
-    }
-    div.tip, div.important, div.warning, div.note, div.trans-note {
-        overflow: hidden;
-    }
-    div.trans-note {
-        position: relative;
-        top: 0;
-        right: 0;
-        left: 0;
-        margin: 0;
-        background-image: none;
-        padding: 0;
-        padding-left: 1em;
-    }
-    div#second-nav {
-        margin-left: 1em;
-        width: auto;
-    }
-    div#footer {
-        margin-left: 10px;
-        padding-left: 0;
-        padding-right: 0;
-    }
+	div#header {
+		margin: 0 2px;
+		padding: 0;
+	}
+	div#logo {
+		position: relative;
+		top: 0;
+		height: auto;
+		margin: 0;
+		padding: 0;
+		min-height: 0;
+	}
+	div#logo a {
+		height: auto;
+		height: 61px;
+	}
+	div#logo a img {
+		margin: 0;
+		padding: 0;
+		display: block;
+	}
+	#upperheader p.section {
+		left: 70px;
+		top: 0;
+	}
+	div#searchbox {
+		position: relative;
+		margin: -31px 0 0 60px;
+		float: right;
+		bottom: 0;
+		padding: 0;
+	}
+	div#searchbox input[name="P"] {
+		width: 200px;
+	}
+	div#navbar {
+		display: block;
+		position: relative;
+		clear: both;
+	}
+	#navbar ul {
+		min-height: 1.5em;
+		display: block;
+	}
+	#navbar li {
+		display: inline;
+		float: none;
+		margin: 0;
+		padding: 0;
+	}
+	div#navbar a:link, div#navbar a:visited {
+		display: inline;
+		margin: 0 1.5em 0 0;
+		padding: 0.25em 0;
+		border: 0;
+		background-color: transparent;
+	}
+	div#content {
+		margin: 0 2px;
+	}
+	ul.toc {
+		max-width: none;
+	}
+	div#maincol {
+		margin-right: 0;
+	}
+	div.tip, div.important, div.warning, div.note, div.trans-note {
+		overflow: hidden;
+	}
+	div.trans-note {
+		position: relative;
+		top: 0;
+		right: 0;
+		left: 0;
+		margin: 0;
+		background-image: none;
+		padding: 0;
+		padding-left: 1em;
+	}
+	div#second-nav {
+		margin-left: 1em;
+		width: auto;
+	}
+	div#footer {
+		margin-left: 10px;
+		padding-left: 0;
+		padding-right: 0;
+	}
 }
 
 /* aside used for pics aside text */
@@ -1015,17 +978,16 @@ aside {
 	float: right;
 	width: 30%;
 	margin: 0 1.5%;
-        padding-left: 10px;
-        padding-right: 10px;
+	padding-left: 10px;
+	padding-right: 10px;
 	font-style: italic;
 	background-color: #d2d3d7;
 }
-
 aside.light {
 	float: right;
 	width: 20%;
-        margin: 0 1.5%;
+	margin: 0 1.5%;
 	padding: 15px;
 	text-align: center;
-        background-color: #ffffff;
+	background-color: #fff;
 }
diff --git a/english/lts/security/dla-rdf.css b/english/lts/security/dla-rdf.css
index 1b559710dc4..efaeeb57621 100644
--- a/english/lts/security/dla-rdf.css
+++ b/english/lts/security/dla-rdf.css
@@ -1,18 +1,15 @@
-/* Style sheet to display Debian LTS Security Advisories in browsers.
- * peterk at debian dot org
- */
+/*	Style sheet to display Debian LTS Security Advisories in browsers.
+		peterk at debian dot org */
 
 rdf {
 	margin: 0;
 	padding: 0;
 }
-
 rdf, * {
-	color: black;
-	background: white;
+	color: #000;
+	background: #fff;
 	display: block;
 }
-
 channel title {
 	display: block;
 	font: 1.5em sans-serif;
@@ -21,41 +18,35 @@ channel title {
 	text-align: center;
 	margin: 0;
 }
-
 link, items {
 	display: none;
 }
-
 channel description {
 	display: block;
 	font: 2em serif;
-	color: black;
-	background: white;
+	color: #000;
+	background: #fff;
 	text-decoration: underline;
 	margin: 0.5em;
 }
-
 item {
 	display: list-item;
 	margin: 0.5em;
-	color: black;
-	background: white;
+	color: #000;
+	background: #fff;
 }
-
 item title {
 	display: inline;
 	font-size: 1.5em;
 	font-weight: bold;
 	color: #666;
-	background: white;
+	background: #fff;
 }
-
 item title:after {
 	content: ": ";
 }
-
 item description {
 	display: inline;
-	color: black;
-	background: white;
+	color: #000;
+	background: #fff;
 }
diff --git a/english/security/dsa-rdf.css b/english/security/dsa-rdf.css
index b9eb7acc5fc..7b8a1f3c15a 100644
--- a/english/security/dsa-rdf.css
+++ b/english/security/dsa-rdf.css
@@ -1,18 +1,15 @@
-/* Style sheet to display Debian Security Advisories in browsers.
- * peterk at debian dot org
- */
+/*	Style sheet to display Debian Security Advisories in browsers.
+		peterk at debian dot org */
 
 rdf {
 	margin: 0;
 	padding: 0;
 }
-
 rdf, * {
-	color: black;
-	background: white;
+	color: #000;
+	background: #fff;
 	display: block;
 }
-
 channel title {
 	display: block;
 	font: 1.5em sans-serif;
@@ -21,41 +18,35 @@ channel title {
 	text-align: center;
 	margin: 0;
 }
-
 link, items {
 	display: none;
 }
-
 channel description {
 	display: block;
 	font: 2em serif;
-	color: black;
-	background: white;
+	color: #000;
+	background: #fff;
 	text-decoration: underline;
 	margin: 0.5em;
 }
-
 item {
 	display: list-item;
 	margin: 0.5em;
-	color: black;
-	background: white;
+	color: #000;
+	background: #fff;
 }
-
 item title {
 	display: inline;
 	font-size: 1.5em;
 	font-weight: bold;
 	color: #666;
-	background: white;
+	background: #fff;
 }
-
 item title:after {
 	content: ": ";
 }
-
 item description {
 	display: inline;
-	color: black;
-	background: white;
+	color: #000;
+	background: #fff;
 }
diff --git a/english/startpage.css b/english/startpage.css
index 1634175ef89..1e1e4259f6c 100644
--- a/english/startpage.css
+++ b/english/startpage.css
@@ -22,160 +22,143 @@
 */
 
 html {
-  font-size: 16px;
+	font-size: 16px;
 }
-
 h1 {
-  font-size: 2.2em;
+	font-size: 2.2em;
 }
-
 hr {
-  margin: 1em;
+	margin: 1em;
 }
 
-/* Basically taken from https://www.yudiz.com/3-easiest-ways-to-make-equal-height-blocks-using-css/
-   Method 3: Using CSS Flex Box
-   and https://dev.to/drews256/ridiculously-easy-row-and-column-layouts-with-flexbox-1k01
+/* 
+	Basically taken from https://www.yudiz.com/3-easiest-ways-to-make-equal-height-blocks-using-css/
+	Method 3: Using CSS Flex Box
+	and https://dev.to/drews256/ridiculously-easy-row-and-column-layouts-with-flexbox-1k01
 */
-
 .row {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: wrap;
-  width: 100%;
+	display: flex;
+	flex-direction: row;
+	flex-wrap: wrap;
+	width: 100%;
 }
-
 .column {
-  display: flex;
-  flex-direction: column;
-  flex-basis: 100%;
-  flex: 1;
-  padding: 20px;
-  border: 1px solid white;
-  transition: all .2s ease-in-out;
-  width: 50%;
+	display: flex;
+	flex-direction: column;
+	flex-basis: 100%;
+	flex: 1;
+	padding: 20px;
+	border: 1px solid #fff;
+	transition: all .2s ease-in-out;
+	width: 50%;
 }
-
 .column-left, .column-right {
-  /* Currently not used and empty. */
+	/* Currently not used and empty. */
 }
 
-/* CSS classes for columns greater than 50%.
-   Only useful in combination with the base class 'column'.
+/* 
+	CSS classes for columns greater than 50%.
+  Only useful in combination with the base class 'column'.
 */
 .column-2-parts {
-  display: flex;
-  flex-direction: column;
-  flex-basis: 100%;
-  flex: 2;
+	display: flex;
+	flex-direction: column;
+	flex-basis: 100%;
+	flex: 2;
 }
 .column-3-parts {
-  display: flex;
-  flex-direction: column;
-  flex-basis: 100%;
-  flex: 3;
+	display: flex;
+	flex-direction: column;
+	flex-basis: 100%;
+	flex: 3;
 }
-
 .column-4-parts {
-  display: flex;
-  flex-direction: column;
-  flex-basis: 100%;
-  flex: 4;
+	display: flex;
+	flex-direction: column;
+	flex-basis: 100%;
+	flex: 4;
 }
-
 .community img {
-  height: 60px;
+	height: 60px;
 }
-
 div .community {
-  padding: 10px 0 10px 0;
-  color: #ffffff;
+	padding: 10px 0;
+	color: #fff;
 }
-
 .column-2-parts > h2,
 .column-3-parts > h2,
 .column-4-parts > h2 {
-  padding-top: 20px;
+	padding-top: 20px;
 }
-
 .column-2-parts > p,
 .column-3-parts > p,
 .column-4-parts > p {
-  margin-top: 10px;
+	margin-top: 10px;
 }
-
 .community.column:focus img {
-  border: none;
-  outline: 0px;
+	border: none;
+	outline: 0;
 }
-
 .community.column:hover {
-  border: 1px solid #fcfcfc;
+	border: 1px solid #fcfcfc;
 }
-
 .column:hover {
-  border: 1px solid #e2e2e2;
-  background: #fcfcfc;
+	border: 1px solid #e2e2e2;
+	background: #fcfcfc;
 }
-
 .column h1 {
-  text-transform: uppercase;
-  text-align: center;
-  letter-spacing: 0.08em;
-  font-weight: bold;
+	text-transform: uppercase;
+	text-align: center;
+	letter-spacing: 0.08em;
+	font-weight: bold;
 }
-
 .column h2 {
-  margin: .2em;
+	margin: .2em;
 }
-
 .column img {
-  object-fit: contain;
-  max-width: 96%;
-  max-height: 400px;
-  padding: 10px 0 10px 0;
+	object-fit: contain;
+	max-width: 96%;
+	max-height: 400px;
+	padding: 10px 0;
 }
 
 /* Classes used within 'The Operating System' */
 .os-img-container {
-  position: relative;
-  width: 100%;
+	position: relative;
+	width: 100%;
 }
-
 .os-img-container img {
-  max-width: 100%;
-  height: auto;
+	max-width: 100%;
+	height: auto;
 }
-
 .os-dl-btn {
-    width: 8em;
-  text-decoration: none;
+	width: 8em;
+	text-decoration: none;
 }
 
-/* Unfortunately the 'backdrop-filter' element isn't working even in FF >= 60.x,
-   which would be a nice use case here, using the classical CSS button method
-   then.
-   For more info see: https://webkit.org/blog/3632/introducing-backdrop-filters/
+/* 
+	Unfortunately the 'backdrop-filter' element isn't working even in FF >= 60.x,
+	which would be a nice use case here, using the classical CSS button method then.
+	For more info see: https://webkit.org/blog/3632/introducing-backdrop-filters/ 
 */
 .os-img-container .os-dl-btn {
-  position: absolute;
-  top: 82%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  -ms-transform: translate(-50%, -50%);
-  background-color: #090909C0;
-  color: white;
-  font-size: 2.3em;
-  padding: 10px 40px;
-  border: none;
-  cursor: pointer;
-  border-radius: 10px;
-  text-decoration: none;
+	position: absolute;
+	top: 82%;
+	left: 50%;
+	transform: translate(-50%, -50%);
+	-ms-transform: translate(-50%, -50%);
+	background-color: #090909C0;
+	color: #fff;
+	font-size: 2.3em;
+	padding: 10px 40px;
+	border: none;
+	cursor: pointer;
+	border-radius: 10px;
+	text-decoration: none;
 }
-
 .os-img-container .os-dl-btn:hover {
-  background-color: black;
-  color: white;
+	background-color: #000;
+	color: #fff;
 }
 /* END Classes used within 'The Operating System' */
 
@@ -183,234 +166,219 @@ div .community {
 .project-news-content a,
 .styled-href-blue a:hover,
 .project-news-content a:hover {
-  text-decoration: none;
-  position: relative;
-  color: #3366FF;
+	text-decoration: none;
+	position: relative;
+	color: #3366FF;
 }
-
 .styled-href-blue a::after,
 .project-news-content a::after {
-  content: '';
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  width: 0%;
-  border-bottom: 2px solid currentColor;
-  transition: 0.35s;
+	content: '';
+	position: absolute;
+	bottom: 0;
+	left: 0;
+	width: 0;
+	border-bottom: 2px solid currentColor;
+	transition: 0.35s;
 }
-
 .styled-href-blue a:focus::after,
 .styled-href-blue a:hover::after,
 .project-news-content a:focus::after,
-  .project-news-content a:hover::after {
-  width: 100%;
+.project-news-content a:hover::after {
+	width: 100%;
 }
 
 /* Classes used within 'Project News' */
 .project-news {
-  margin-left: 15%;
-  padding: 20px;
+	margin-left: 15%;
+	padding: 20px;
 }
-
 .project-news-content {
-  padding-left: 110px;
-  margin-top: -40px;
-  font-size: 1.1em;
+	padding-left: 110px;
+	margin-top: -40px;
+	font-size: 1.1em;
 }
-
 .project-news-content-end {
-  position: relative;
-  top: 38px;
-  margin-bottom: 25px;
+	position: relative;
+	top: 38px;
+	margin-bottom: 25px;
 }
-
 .end-of-list-arrow {
-  width: 0px;
-  height: 0px;
-  -webkit-transform: rotate(360deg);
-  -moz-transform: rotate(360deg);
-  border-style: solid;
-  border-width: 15px 0 15px 26px;
-  border-color: transparent transparent transparent #999;
-  position: relative;
-  left: 3.5em;
-  top: 24px;
+	width: 0;
+	height: 0;
+	-webkit-transform: rotate(360deg);
+	-moz-transform: rotate(360deg);
+	border-style: solid;
+	border-width: 15px 0 15px 26px;
+	border-color: transparent transparent transparent #999;
+	position: relative;
+	left: 3.5em;
+	top: 24px;
 }
 
-/* The following rules are taken from https://codepen.io/denilsonsa/pen/Etrba
-    but are modified to fit better into our design. */
+/*
+	The following rules are taken from https://codepen.io/denilsonsa/pen/Etrba
+	but are modified to fit better into our design. 
+*/
 .date-as-calendar {
-  font-variant: normal;
-  font-style: normal;
-  font-weight: normal;
-  font-family: "Helvetica", "Arial", sans-serif;
-  /* It seems vertical-align: baseline does not work correctly with display: inline-flex. */
-  vertical-align: top;
-  color: black;
-  background: white;
-  background : linear-gradient(to bottom right, #FFF 0%, #EEE 100%);
-  border: 1px solid #888;
-  border-radius: 3px;
-  overflow: hidden;
-  box-shadow: 2px 2px 2px -2px black;
+	font-variant: normal;
+	font-style: normal;
+	font-weight: normal;
+	font-family: "Helvetica", "Arial", sans-serif;
+	/* It seems vertical-align: baseline does not work correctly with display: inline-flex. */
+	vertical-align: top;
+	color: #000;
+	background: #fff;
+	background: linear-gradient(to bottom right, #fff 0%, #eee 100%);
+	border: 1px solid #888;
+	border-radius: 3px;
+	overflow: hidden;
+	box-shadow: 2px 2px 2px -2px #000;
 }
-
 .date-as-calendar .day,
 .date-as-calendar .month,
 .date-as-calendar .year {
-  text-align: center;
-  line-height: 1.0;
+	text-align: center;
+	line-height: 1.0;
 }
-
 .date-as-calendar .month {
-  font-family: "Oswald", sans-serif;
-  text-transform: uppercase;
-  background: #A00;
-  background : linear-gradient(to bottom right, #B60109 0%, #A00 100%);
-  color: white;
+	font-family: "Oswald", sans-serif;
+	text-transform: uppercase;
+	background: #a00;
+	background: linear-gradient(to bottom right, #b60109 0%, #a00 100%);
+	color: #fff;
 }
 
 /* Layout rules using position: absolute and relative dimensions using em. */
 .position-em.date-as-calendar {
-  display: inline-block;
-  position: relative;
-  
-  width: 4.4em;
-  height: 2.6em;
+	display: inline-block;
+	position: relative;
+	width: 4.4em;
+	height: 2.6em;
 }
-
 .position-em.date-as-calendar .day,
 .position-em.date-as-calendar .month,
 .position-em.date-as-calendar .year {
-  display: block;
-  position: absolute;
-  left: 0;
-  right: 0;
-  width: 100%;
-  height: 1em;
+	display: block;
+	position: absolute;
+	left: 0;
+	right: 0;
+	width: 100%;
+	height: 1em;
 }
-
 .position-em.date-as-calendar .month {
-  top: 0em;
-  font-size: 0.6em;
-  padding: 0.2em 0;
-  margin-top: -0.1em;
-  line-height: 1.1em;
+	top: 0;
+	font-size: 0.6em;
+	padding: 0.2em 0;
+	margin-top: -0.1em;
+	line-height: 1.1em;
 }
-
 .position-em.date-as-calendar .day {
-  top: .6em;
-  font-size: 1.2em;
-  margin-top: 0.1em;
+	top: .6em;
+	font-size: 1.2em;
+	margin-top: 0.1em;
 }
-
 .position-em.date-as-calendar .year {
-  bottom: 0px;
-  font-size: 0.6em;
+	bottom: 0;
+	font-size: 0.6em;
 }
 
 /* Multiple sizes. */
 .date-as-calendar.size0_5x {
-  font-size: 8px;
+	font-size: 8px;
 }
 .date-as-calendar.size0_75x {
-  font-size: 12px;
+	font-size: 12px;
 }
 .date-as-calendar.size1x {
-  font-size: 16px;
+	font-size: 16px;
 }
 .date-as-calendar.size1_25x {
-  font-size: 20px;
+	font-size: 20px;
 }
 .date-as-calendar.size1_5x {
-  font-size: 24px;
+	font-size: 24px;
 }
 .date-as-calendar.size1_75x {
-  font-size: 28px;
+	font-size: 28px;
 }
 .date-as-calendar.size2x {
-  font-size: 32px;
+	font-size: 32px;
 }
 .date-as-calendar.size3x {
-  font-size: 48px;
+	font-size: 48px;
 }
-
 /* END Classes used within 'Project News' */
 
 /* Classes used within 'Why Debian' */
 ol.why-debian {
-  list-style-type: none;
-  list-style-type: decimal !ie; /*IE 7- hack*/
-  margin: 0;
-  font-size: 1.1em;
-  padding-left: 15%;
-  counter-reset: li-counter;
+	list-style-type: none;
+	list-style-type: decimal !ie; /*IE 7- hack*/
+	margin: 0;
+	font-size: 1.1em;
+	padding-left: 15%;
+	counter-reset: li-counter;
 }
 ol.why-debian > li {
-  position: relative;
-  margin: 1.5em 0 2.5em 0;
-  padding: 1.3em;
-  background-color: #eaeaea;
-  max-width: 75%;
+	position: relative;
+	margin: 1.5em 0 2.5em;
+	padding: 1.3em;
+	background-color: #eaeaea;
+	max-width: 75%;
 }
 
 ol.why-debian > li:before {
-  position: absolute;
-  top: -0.5em;
-  left: -0.8em;
-  width: 1.8em;
-  height: 1.2em;
-  font-size: 2em;
-  line-height: 1.2;
-  font-weight: bold;
-  text-align: center;
-  color: #ffffff;
-  background-color: #a80030; /* The color of the swirl.*/
-  transform: rotate(-15deg);
-  -ms-transform: rotate(-15deg);
-  -webkit-transform: rotate(-15deg);
-  z-index: 99;
-  overflow: hidden;
-  content: counter(li-counter);
-  counter-increment: li-counter;
+	position: absolute;
+	top: -0.5em;
+	left: -0.8em;
+	width: 1.8em;
+	height: 1.2em;
+	font-size: 2em;
+	line-height: 1.2;
+	font-weight: bold;
+	text-align: center;
+	color: #fff;
+	background-color: #a80030;	/* The color of the swirl. */
+	transform: rotate(-15deg);
+	-ms-transform: rotate(-15deg);
+	-webkit-transform: rotate(-15deg);
+	z-index: 99;
+	overflow: hidden;
+	content: counter(li-counter);
+	counter-increment: li-counter;
 }
 /* END Classes used within 'Why Debian' */
 
 @media screen and (min-width: 800px) {
-  .column {
-    flex: 1;
-  }
-  .column-2-parts {
-    flex: 2
-  }
-  .column-3-parts {
-    flex: 3
-  }
-  .column-4-parts {
-    flex: 4
-  }
+	.column {
+		flex: 1;
+	}
+	.column-2-parts {
+		flex: 2;
+	}
+	.column-3-parts {
+		flex: 3;
+	}
+	.column-4-parts {
+		flex: 4;
+	}
 }
-
 @media(max-width: 1580px) {
-  html {
-    font-size: 15px;
-  }
+	html {
+		font-size: 15px;
+	}
 }
-
 @media(max-width: 1250px) {
-  html {
-    font-size: 14px;
-  }
+	html {
+		font-size: 14px;
+	}
 }
-
 @media(max-width: 980px) {
-  html {
-    font-size: 13px;
-  }
+	html {
+		font-size: 13px;
+	}
 }
-
 @media(max-width: 800px) {
-  html {
-    font-size: 12px;
-  }
+	html {
+		font-size: 12px;
+	}
 }
diff --git a/esperanto/debian-eo.css b/esperanto/debian-eo.css
index bb5fc991f6c..1804e3b4551 100644
--- a/esperanto/debian-eo.css
+++ b/esperanto/debian-eo.css
@@ -8,6 +8,3 @@ html[lang=eo] q:after { content: "\201D"; }
 html[lang=eo] blockquote.quote p:first-child:before { content: "\201C"; }
 html[lang=eo] blockquote.quote p:after { content: ""; }
 html[lang=eo] blockquote.quote p.last:after { content: "\201D"; }
-
-
-
diff --git a/finnish/debian-fi.css b/finnish/debian-fi.css
index 006cb997a73..b01953680af 100644
--- a/finnish/debian-fi.css
+++ b/finnish/debian-fi.css
@@ -10,6 +10,3 @@ html[lang=fi] q q:after { content: "\2019"; }
 html[lang=fi] blockquote.quote p:first-child:before { content: "\201D"; }
 html[lang=fi] blockquote.quote p:after { content: ""; }
 html[lang=fi] blockquote.quote p.last:after { content: "\201D"; }
-
-
-
diff --git a/french/debian-fr.css b/french/debian-fr.css
index 28ff111ff9c..e41060089c6 100644
--- a/french/debian-fr.css
+++ b/french/debian-fr.css
@@ -16,4 +16,3 @@ html[lang="fr"] q q:after { content: "\00A0\203A"; }
 html[lang=fr] blockquote.quote p:first-child:before { content: "\00AB\00A0"; }
 html[lang=fr] blockquote.quote p:after { content: ""; }
 html[lang=fr] blockquote.quote p.last:after { content: "\00A0\00BB"; }
-
diff --git a/german/debian-de.css b/german/debian-de.css
index f894dfa369a..33b2463e4a6 100644
--- a/german/debian-de.css
+++ b/german/debian-de.css
@@ -1,7 +1,7 @@
 /* Debian language css file for german - de */
 /* please do not touch for now! - Jutta Wrage 2005 */
 
-html[lang|=de] #serverselect { }
+html[lang|=de] #serverselect {}
 html[lang|=de] #leftcol ul.votemenu { width: 12em; }
 
 /* quotes ok */
@@ -35,4 +35,3 @@ html[lang="de"] q:after { content: "\201C"; }
 html[lang="de"] q q:before { content: "\201A"; }
 html[lang="de"] q q:after { content: "\2018"; } 
 */
-
diff --git a/greek/debian-el.css b/greek/debian-el.css
index 536a411e224..c9d66e65f4b 100644
--- a/greek/debian-el.css
+++ b/greek/debian-el.css
@@ -16,4 +16,3 @@ html[lang=el] q:after { content: "\201E"; }
 html[lang=el] q q:before { content: "\2018"; }
 html[lang=el] q q:after { content: "\201A"; }
 */
-
diff --git a/hebrew/debian-he.css b/hebrew/debian-he.css
index 26ccbe68aba..ebd7d92f4c1 100644
--- a/hebrew/debian-he.css
+++ b/hebrew/debian-he.css
@@ -1,19 +1,16 @@
 /* Debian language css file for hebrew - he */
 /* For comments and suggestions please contact oznahum at gmail.com */
 
-html[lang|=he] #serverselect {
-}
-html[lang|=he] #maincol {
-}
+html[lang|=he] #serverselect {}
+html[lang|=he] #maincol {}
 html[lang|=he] #leftcol ul.cdmenu {
 	width: 10em;
 }
-
 #logo {
 	direction: ltr;
- 	float: left;
- 	margin-left: 6px;
- 	background: #FFFFFF;
+	float: left;
+	margin-left: 6px;
+	background: #fff;
 }
 	
 q { font-style: italic; }
@@ -23,7 +20,6 @@ html[lang|=he] q:after { content: "\201D"; }
 html[lang|=he] q q:before { content: "\2018"; }
 html[lang|=he] q q:after { content: "\2019"; }
 
-/
 html[lang|=he] blockquote p:first-child:before { content: "\201C"; }
 html[lang|=he] blockquote p.notlast:after { content: ""; }
 html[lang|=he] blockquote p:after { content: "\201D"; }
@@ -31,7 +27,6 @@ html[lang|=he] blockquote p:after { content: "\201D"; }
 html[lang|=he] blockquote.question p:before { content: ""; }
 html[lang|=he] blockquote.question p:after, blockquote.documentquote p:after{ content: ""; }
 html[lang|=he] blockquote { font-style: italic; }
-/
 
 /*
 html[lang=en] .en2 q:before { content: "\2018"; }
diff --git a/hungarian/debian-hu.css b/hungarian/debian-hu.css
index 06d8d6d3e11..7fd962c5908 100644
--- a/hungarian/debian-hu.css
+++ b/hungarian/debian-hu.css
@@ -12,4 +12,3 @@ html[lang=hu] blockquote.quote p.last:after { content: "\201D"; }
 /* html[lang=hu] q:before { content: "\00BB"; }
 html[lang=hu] q:after { content: "\00AB"; }
 */
-
diff --git a/indonesian/debian-id.css b/indonesian/debian-id.css
index 40663806f1a..925ce9e0a9b 100644
--- a/indonesian/debian-id.css
+++ b/indonesian/debian-id.css
@@ -10,4 +10,3 @@ html[lang=id] q q:after { content: "\2019"; }
 html[lang=id] blockquote.quote p:first-child:before { content: "\201C"; }
 html[lang=id] blockquote.quote p:after { content: ""; }
 html[lang=id] blockquote.quote p.last:after { content: "\201D"; }
-
diff --git a/japanese/debian-ja.css b/japanese/debian-ja.css
index 83fb7b56b6a..c83a4af511c 100644
--- a/japanese/debian-ja.css
+++ b/japanese/debian-ja.css
@@ -2,7 +2,7 @@
 /* please do not touch for now! - Jutta Wrage 2005 */
 
 html[lang=ja] #leftcol ul ul {
-        font-size: 0.95em;
+	font-size: 0.95em;
 }
 
 /* quotes */
@@ -14,4 +14,3 @@ html[lang=ja] q q:after { content: "\300F"; }
 html[lang=ja] blockquote.quote p:first-child:before { content: "\300C"; }
 html[lang=ja] blockquote.quote p:after { content: ""; }
 html[lang=ja] blockquote.quote p.last:after { content: "\300D"; }
-
diff --git a/korean/debian-ko.css b/korean/debian-ko.css
index 92234813e21..bf4d816ec81 100644
--- a/korean/debian-ko.css
+++ b/korean/debian-ko.css
@@ -1,8 +1,7 @@
 /* Debian language css file for korean - ko */
 /* please do not touch for now! - Jutta Wrage 2005 */
 
-html[lang=ko] #maincol {
-}
+html[lang=ko] #maincol {}
 
 /* quotes ok */
 html[lang=ko] q:before { content: "\201C"; }
@@ -13,4 +12,3 @@ html[lang=ko] q q:after { content: "\2019"; }
 html[lang=ko] blockquote.quote p:first-child:before { content: "\201C"; }
 html[lang=ko] blockquote.quote p:after { content: ""; }
 html[lang=ko] blockquote.quote p.last:after { content: "\201D"; }
-
diff --git a/norwegian/debian-nb.css b/norwegian/debian-nb.css
index 0e25297e4b0..cd67967ecf3 100644
--- a/norwegian/debian-nb.css
+++ b/norwegian/debian-nb.css
@@ -1,8 +1,7 @@
 /* Debian language css file for norwegian - nb */
 /* please do not touch for now! - Jutta Wrage 2005 */
 
-html[lang=nb] #maincol {
-}
+html[lang=nb] #maincol {}
 
 /* quotes ok */
 html[lang=nb] q:before { content: "\00AB"; }
diff --git a/persian/debian-fa.css b/persian/debian-fa.css
index d3c668f700b..e1e07ed45c1 100644
--- a/persian/debian-fa.css
+++ b/persian/debian-fa.css
@@ -13,113 +13,95 @@ html[lang=fa] blockquote.quote p.last:after { content: "\00BB"; }
 /* If you find problem in persian css contact debian-l10n-persian mailing list */
 
 html[lang=fa] #header {
-    padding:0 52px 0 10px;
+	padding:0 52px 0 10px;
 }
 html[lang=fa] #logo {
-    left:auto;
-    right:0;
-    direction:ltr;
+	left: auto;
+	right: 0;
+	direction: ltr;
 }
 html[lang=fa] #searchbox {
-    left:0;
-    right: auto;
+	left: 0;
+	right: auto;
 }
 html[lang=fa] #navbar li {
-    float:right;
+	float: right;
 }
 html[lang=fa] #content,
 html[lang=fa] #footer {
-    margin:0 52px 0 10px;
+	margin:0 52px 0 10px;
 }
 html[lang=fa] #langContainer {
-    direction:ltr;
-    text-align:right;
+	direction: ltr;
+	text-align: right;
 }
-
 html[lang=fa] ul#hometoc-cola, html[lang=fa] ul#hometoc-colb, 
 html[lang=fa] ul#hometoc-colc, html[lang=fa] ul#hometoc-cold,
 html[lang=fa] ul#hometoc-cole {
 	float: right;
 }
-
 html[lang=fa] ul#footermap-cola, html[lang=fa] ul#footermap-colb,
 html[lang=fa] ul#footermap-colc, html[lang=fa] ul#footermap-cold,
 html[lang=fa] ul#footermap-cole {
-   float: right;
+	float: right;
 }
-
 html[lang=fa] ol,
 html[lang=fa] ul {
-     padding-right: 1.5em;
-     padding-left: 0;
+	padding-right: 1.5em;
+	padding-left: 0;
 }
-
 html[lang=fa] span.download {
-  left: 13px;
-  right: auto;
+	left: 13px;
+	right: auto;
 }
-
 html[lang=fa] a.rss_logo {
 	float: left;
 }
-
 html[lang=fa] ol {
-  list-style-type: -moz-persian;
-  list-style-type: persian;
+	list-style-type: -moz-persian;
+	list-style-type: persian;
 }
-
 html[lang=fa] body {
-  font-family: Tahoma, 'DejaVu Sans', sans-serif;
+	font-family: Tahoma, 'DejaVu Sans', sans-serif;
 }
 
 /* --- */
-
 html[lang=fa] #header, html[lang=fa] #footer,
 html[lang=fa] #breadcrumbs, html[lang=fa] #second-nav, 
 html[lang=fa] #navbar ul, html[lang=fa] h1, h2, h3, h4, h5, h6 {
-    direction: rtl;
-    font-family: Tahoma, 'DejaVu Sans', sans-serif;
+	direction: rtl;
+	font-family: Tahoma, 'DejaVu Sans', sans-serif;
 }
 
 /* Change the direction of "Animating Underlines" from LTR to RTL */
-
 html[lang=fa] .styled-href-blue a::after,
 html[lang=fa] .project-news-content a::after {
-  right: 0;
+	right: 0;
 }
 
-
 /* Adjust padding direction of "Project News" section on the home page. */
-
 html[lang=fa] .project-news {
-  margin-left: 0%;
-  margin-right: 15%;
+	margin-left: 0;
+	margin-right: 15%;
 }
-
-
 html[lang=fa] .project-news-content {
-    padding-left: 0px;
-    padding-right: 110px;
+	padding-left: 0;
+	padding-right: 110px;
 }
-
 html[lang=fa] a:link.rss_logo {
-
 	float: left;
-	margin-left: 0em;
+	margin-left: 0;
 	margin-right: 0.25em;
 }
-
-
 html[lang=fa] .end-of-list-arrow {
-  -moz-transform: rotate(180deg);
-  left: 0em;
-  right: 3.5em;
+	-moz-transform: rotate(180deg);
+	left: 0;
+	right: 3.5em;
 }
 
 /* Adjust the slider's direction on the home page. */
-
 html[lang=fa] .slider-wrapper, 
 html[lang=fa] .slider-prev-next-control,
 html[lang=fa] .slider-dot-control {
-  direction: ltr;
+	direction: ltr;
 }
diff --git a/polish/debian-pl.css b/polish/debian-pl.css
index 65e94331d67..057773d1e30 100644
--- a/polish/debian-pl.css
+++ b/polish/debian-pl.css
@@ -19,4 +19,3 @@ html[lang=pl] q q:after { content: "\2019"; }
 /* html[lang=pl] q:before { content: "\00AB"; }
 html[lang=pl] q:after { content: "\00BB"; }
 */
-
diff --git a/romanian/debian-ro.css b/romanian/debian-ro.css
index 8fd42be06d7..2dcfca2304e 100644
--- a/romanian/debian-ro.css
+++ b/romanian/debian-ro.css
@@ -10,4 +10,3 @@ html[lang=ro] q q:after { content: "\00BB"; }
 html[lang=ro] blockquote.quote p:first-child:before { content: "\201E"; }
 html[lang=ro] blockquote.quote p:after { content: ""; }
 html[lang=ro] blockquote.quote p.last:after { content: "\201D"; }
-
diff --git a/russian/debian-ru.css b/russian/debian-ru.css
index c6221c155b4..f7ef2feb9b6 100644
--- a/russian/debian-ru.css
+++ b/russian/debian-ru.css
@@ -10,6 +10,3 @@ html[lang=ru] q q:after { content: "\201C"; }
 html[lang=ru] blockquote.quote p:first-child:before { content: "\00AB"; }
 html[lang=ru] blockquote.quote p:after { content: ""; }
 html[lang=ru] blockquote.quote p.last:after { content: "\00BB"; }
-
-
-
diff --git a/slovak/debian-sk.css b/slovak/debian-sk.css
index 4decf5269e8..fe9b8aec363 100644
--- a/slovak/debian-sk.css
+++ b/slovak/debian-sk.css
@@ -1,8 +1,7 @@
 /* Debian language css file for slovak - sk */
 /* please do not touch for now! - Jutta Wrage 2005 */
 
-html[lang=sk] #maincol {
-}
+html[lang=sk] #maincol {}
 
 /* quotes ok */
 html[lang=sk] q:before { content: "\201E"; }
@@ -13,4 +12,3 @@ html[lang=sk] q q:after { content: "\2018"; }
 html[lang=sk] blockquote.quote p:first-child:before { content: "\201E"; }
 html[lang=sk] blockquote.quote p:after { content: ""; }
 html[lang=sk] blockquote.quote p.last:after { content: "\201C"; }
-
diff --git a/spanish/debian-es.css b/spanish/debian-es.css
index 469d5dc1359..b8ed8a499a9 100644
--- a/spanish/debian-es.css
+++ b/spanish/debian-es.css
@@ -17,4 +17,3 @@ html[lang=es] blockquote.quote p.last:after { content: "\00BB"; }
 html[lang=es] .es2 q:after { content: "\201D"; }
 html[lang=es] .es2 q q:before { content: "\2018"; }
 html[lang=es] .es2 q q:after { content: "\2019"; } */
-
diff --git a/turkish/debian-tr.css b/turkish/debian-tr.css
index 2ff8564e5d7..f3619b0f9a6 100644
--- a/turkish/debian-tr.css
+++ b/turkish/debian-tr.css
@@ -1,8 +1,7 @@
 /* Debian language css file for turkish - tr */
 /* please do not touch for now! - Jutta Wrage 2005 */
 
-html[lang=tr] #maincol {
-}
+html[lang=tr] #maincol {}
 
 /* quotes */
 html[lang=tr] q:before { content: "\00AB"; }
diff --git a/ukrainian/debian-uk.css b/ukrainian/debian-uk.css
index 4b00776abfb..504749db411 100644
--- a/ukrainian/debian-uk.css
+++ b/ukrainian/debian-uk.css
@@ -2,7 +2,6 @@
 /* please do not touch for now! - Jutta Wrage 2005 */
 
 /* quotes ok */
-
 html[lang=uk] q:before { content: "\201E"; }
 html[lang=uk] q:after { content: "\201C"; }
 html[lang=uk] q q:before { content: "\00AB"; }
@@ -17,4 +16,3 @@ html[lang=uk] q:after { content: "\00BB"; }
 html[lang=uk] q q:before { content: "\00AB"; }
 html[lang=uk] q q:after { content: "\00BB"; } 
 */
-