From da8affb8273213cf58199b7fa71c44094c0ab237 Mon Sep 17 00:00:00 2001 From: Leighton Date: Thu, 2 Feb 2023 03:32:25 +0000 Subject: 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. --- arabic/debian-ar.css | 86 ++-- armenian/debian-hy.css | 1 - bulgarian/debian-bg.css | 1 - catalan/debian-ca.css | 1 - chinese/debian-zh.css | 34 +- chinese/international/chinese/debian-zh.css | 8 +- croatian/debian-hr.css | 1 - czech/debian-cs.css | 5 +- danish/debian-da.css | 3 - english/5img-carousel-slider.css | 284 ++++++------- english/debhome.css | 93 ++--- english/debian-en.css | 8 +- english/debian.css | 606 +++++++++++++--------------- english/lts/security/dla-rdf.css | 31 +- english/security/dsa-rdf.css | 31 +- english/startpage.css | 460 ++++++++++----------- esperanto/debian-eo.css | 3 - finnish/debian-fi.css | 3 - french/debian-fr.css | 1 - german/debian-de.css | 3 +- greek/debian-el.css | 1 - hebrew/debian-he.css | 15 +- hungarian/debian-hu.css | 1 - indonesian/debian-id.css | 1 - japanese/debian-ja.css | 3 +- korean/debian-ko.css | 4 +- norwegian/debian-nb.css | 3 +- persian/debian-fa.css | 78 ++-- polish/debian-pl.css | 1 - romanian/debian-ro.css | 1 - russian/debian-ru.css | 3 - slovak/debian-sk.css | 4 +- spanish/debian-es.css | 1 - turkish/debian-tr.css | 3 +- ukrainian/debian-uk.css | 2 - 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"; } */ - -- cgit v1.2.3