Merge "(bug 43315) Cursor of enhancedchangelist wrong for non-toggle lines"

[lhc/web/wiklou.git] / skins / modern / main.css

diff --git a/skins/modern/main.css b/skins/modern/main.css
index d1dc5c0..f201209 100644 (file)
--- a/skins/modern/main.css
+++ b/skins/modern/main.css
@@ -1,7 +1,6 @@
 body {
-       margin: 0;
-       padding: 0;
-       /*font-size: 10pt;*/
+       margin: 0 0 0 0;
+       padding: 0 0 0 0;
        font-size: x-small;
 
 
@@ -24,19 +23,19 @@ body {
        position: absolute;
        top: 0;
        left: 0;
-       margin: 0;
-       padding: 0;
+       margin: 0 0 0 0;
+       padding: 0 0em 0 0em;
        border: none;
        height: 2em;
        width: 100%;
 
-       background-color: #036;
+       background-color: #003366;
        color: white;
 }
 
 #mw_header h1 {
-       margin: 0 0 0 .5em;
-       padding: 0;
+       margin: 0 0 0 0.5em;
+       padding: 0 0 0 0;
        text-decoration: none;
        font-size: 150%;
 }
@@ -46,26 +45,27 @@ body {
        top: 2em;
        left: 0;
        height: 1.5em;
-       margin: 0;
-       padding: 0;
+       margin: 0 0 0 0;
+       padding: 0 0 0 0;
        width: 100%;
 
 }
 
 #p-personal div.pBody {
-       margin: 0;
-       padding: 0;
+       margin: 0 0 0 0;
+       padding: 0 0 0 0;
        height: 1.5em;
        font-variant: small-caps;
 }
 
+#p-personal h3,
 #p-personal h5 {
        display: none;
 }
 
 #p-personal ul {
-       margin: 0;
-       padding: 0;
+       margin: 0 0 0 0;
+       padding: 0 0 0 0;
        display: block;
        height: 1.5em;
        background-color: #3c78b5;
@@ -75,7 +75,7 @@ body {
        display: block;
        float: left;
        height: 1.5em;
-       margin: 0;
+       margin: 0 0 0 0;
        vertical-align: middle;
 
        font-weight: bold;
@@ -85,7 +85,7 @@ body {
 #p-personal li a {
        text-decoration: none;
        color: white;
-       padding: 0 1em;
+       padding: 0 1em 0 1em;
 }
 
 #p-personal li a:hover {
@@ -94,7 +94,7 @@ body {
 }
 
 #p-personal li:hover {
-       background-color: #036;
+       background-color: #003366;
 }
 
 #jump-to-nav {
@@ -111,46 +111,57 @@ body {
        margin: 0 0 0 14em;
 
        background-color: white;
-       border-top: solid 1px #bbb;
-       border-left: solid 1px #bbb;
-       border-bottom: solid 1px #bbb;
+       border-top: solid 1px #bbbbbb;
+       border-left: solid 1px #bbbbbb;
+       border-bottom: solid 1px #bbbbbb;
 
        line-height: 1.5em;
-       padding: 0 1em 1em;
+       padding: 0 1em 1em 1em;
 }
 
 #mw_portlets {
        width: 14em;
 
-       border-right: solid 1px #bbb;
+       border-right: solid 1px #bbbbbb;
        background-color: #f0f0f0;
 }
 
+/* Hide, but keep accessible for screen-readers */
+#mw_portlets h2 {
+       position: absolute;
+       top: -9999px;
+}
+
 #mw_main {
-       padding: 0;
-       margin: 0;
+       padding: 0 0 0 0;
+       margin: 0 0 0 0;
        margin-top: 3.5em;
 }
 
 div.mw_clear {
-       margin: 0;
-       padding: 0;
+       margin: 0 0 0 0;
+       padding: 0 0 0 0;
        clear: both;
 }
 
 .portlet {
-       padding: 0;
-       margin: 0;
+       padding: 0 0 0 0;
+       margin: 0 0 0 0;
 }
 
 .portlet div.pBody {
-       padding: 0 0 .5em;
+       padding: 0em 0 0.5em 0;
 }
 
 textarea {
        width: 100%;
        padding: .1em;
 }
+#editform textarea {
+       -moz-box-sizing: border-box;
+       -webkit-box-sizing: border-box;
+       box-sizing: border-box;
+}
 
 #searchBody {
        text-align: center;
@@ -166,18 +177,20 @@ textarea {
        margin-top: .4em;
 }
 
+.portlet h3,
 .portlet h5 {
-       padding: .1em 0 .3em 1em;
-       margin: 0;
-       background-color: #ddd;
+       padding: 0.1em 0 0.3em 1em;
+       margin: 0 0 0 0;
+       background-color: #dddddd;
        font-weight: bold;
+       font-size: 0.83em;
        border-bottom: solid 1px #3c78b5;
        height: 1.1em;
 }
 
 .portlet ul {
        margin: 0 0 0 1.5em;
-       padding: 0;
+       padding: 0 0 0 0;
 }
 
 #mw_portlets .portlet ul {
@@ -191,13 +204,13 @@ ul {
 
 #p-cactions {
        height: 1.5em;
-       padding: 0;
+       padding: 0 0 0 0;
        margin: 0 0 0 14em;
 }
 
 #p-cactions div.pBody {
-       margin: 0;
-       padding: 0;
+       margin: 0 0 0 0;
+       padding: 0 0 0 0;
 }
 
 #p-cactions a,
@@ -208,13 +221,13 @@ ul {
 
 #p-cactions ul {
        display: inline;
-       margin: 0;
-       padding: 0;
+       margin: 0 0 0 0;
+       padding: 0 0 0 0;
 }
 
 #p-cactions li {
-       margin: 0 .5em;
-       padding: 0 .2em;
+       margin: 0 0.5em 0 0.5em;
+       padding: 0 0.2em 0 0.2em;
        display: block;
        float: left;
        height: 1.5em;
@@ -222,14 +235,14 @@ ul {
 }
 
 #p-cactions li.selected {
-       background-color: #bbb;
+       background-color: #bbbbbb;
 }
 
 #p-cactions li a,
 #p-cactions li a:hover,
 #p-cactions li a:visited {
        text-decoration: underline;
-       color: #036;
+       color: #003366;
 }
 
 #p-cactions li.selected a,
@@ -239,6 +252,7 @@ ul {
        color: white;
 }
 
+#p-cactions h3,
 #p-cactions h5 {
        display: none;
 }
@@ -251,15 +265,15 @@ ul {
        background-color: #f0f0f0;
        /* @embed */
        background: url(footer-grad.png) repeat-x 0 0;
-       padding: 10px 1em 1em;
+       padding: 10px 1em 1em 1em;
        clear:both;
-       color: #444;
+       color: #444444;
 }
 
 #footer a,
 #footer a:hover,
 #footer a:visited {
-       color: #444;
+       color: #444444;
        text-decoration: underline;
 }
 
@@ -270,21 +284,17 @@ img {
 #footer li {
        display: inline;
        list-style-type: none;
-       padding: 0;
-       margin: 0;
+       padding: 0 0 0 0;
+       margin: 0 0 0 0;
 }
 
 #footer ul {
-       padding: 0;
-       margin: 0;
-}
-
-div.printfooter {
-       display: none;
+       padding: 0 0 0 0;
+       margin: 0 0 0 0;
 }
 
 p {
-       margin: 1em 0;
+       margin: 1em 0 1em 0;
 }
 
 hr {
@@ -292,7 +302,7 @@ hr {
        color: #aaa;
        background-color: #aaa;
        border: 0;
-       margin: .2em 0;
+       margin: .2em 0 .2em 0;
 }
 
 #contentSub {
@@ -302,13 +312,13 @@ hr {
 }
 
 #mw_portlets form {
-       margin: 0;
-       padding: 0;
+       margin: 0 0 0 0;
+       padding: 0 0 0 0;
 }
 
 a {
        text-decoration: none;
-       color: #036;
+       color: #003366;
        background: none;
 }
 a:visited {
@@ -334,30 +344,25 @@ span.editsection {
        font-size: small;
 }
 
-.mw-h1,
-.mw-h2,
-.mw-h3,
-.mw-h4,
-.mw-h5,
-.mw-h6 {
-       overflow: hidden;
-       border-bottom: solid 1px #036;
+h1, h2 {
+       border-bottom: solid 1px #003366;
 }
-.mw-h3, .mw-h4, .mw-h5, .mw-h6 {
-       border-bottom: none;
+
+h1, h2, h3, h4, h5, h6 {
+       overflow: hidden;
 }
 
 #preftoc {
        width: 100%;
-       margin: 0;
-       padding: 0;
+       margin: 0 0 0 0;
+       padding: 0 0 0 0;
        height: 1.5em;
        clear: right;
 }
 
 #preftoc li {
-       margin: 0 .5em;
-       padding: 0 .2em;
+       margin: 0 0.5em 0 0.5em;
+       padding: 0 0.2em 0 0.2em;
        display: block;
        float: left;
        height: 1.5em;
@@ -365,9 +370,9 @@ span.editsection {
 }
 
 #preferences {
-       margin: 0;
-       padding: 0 1em 1em;
-       border: solid 1px #bbb;
+       margin: 0 0 0 0;
+       padding: 0em 1em 1em 1em;
+       border: solid 1px #bbbbbb;
        clear: left; /* Multi-line toc should not push data to horizontally */
 }
 
@@ -376,9 +381,6 @@ span.editsection {
        border: none;
 }
 
-#preferences h2 {
-}
-
 .mainLegend {
        display: none;
 }
@@ -394,14 +396,14 @@ span.editsection {
 }
 
 #preftoc li.selected {
-       background-color: #bbb;
+       background-color: #bbbbbb;
 }
 
 #preftoc li a,
 #preftoc li a:hover,
 #preftoc li a:visited {
        text-decoration: underline;
-       color: #036;
+       color: #003366;
 }
 
 #preftoc li.selected a,
@@ -416,38 +418,36 @@ span.editsection {
 }
 
 #mw_content a.external,
-#mw_content a[href ^="gopher://"] {
+#mw_content a.external[href ^="gopher://"] {
        /* @embed */
        background: url(external.png) center right no-repeat;
        padding-right: 13px;
 }
-#mw_content a[href ^="https://"],
+#mw_content a.external[href ^="https://"],
 .link-https {
        /* @embed */
        background: url(lock_icon.gif) center right no-repeat;
        padding-right: 16px;
 }
-#mw_content a[href ^="mailto:"],
+#mw_content a.external[href ^="mailto:"],
 .link-mailto {
        /* @embed */
        background: url(mail_icon.gif) center right no-repeat;
        padding-right: 18px;
 }
-#mw_content a[href ^="news://"] {
+#mw_content a.external[href ^="news:"] {
        /* @embed */
        background: url(news_icon.png) center right no-repeat;
        padding-right: 18px;
 }
-#mw_content a[href ^="ftp://"],
+#mw_content a.external[href ^="ftp://"],
 .link-ftp {
        /* @embed */
        background: url(file_icon.gif) center right no-repeat;
        padding-right: 18px;
 }
-#mw_content a[href ^="irc://"],
-#mw_content a.extiw[href ^="irc://"],
-#mw_content a[href ^="ircs://"],
-#mw_content a.extiw[href ^="ircs://"],
+#mw_content a.external[href ^="irc://"],
+#mw_content a.external[href ^="ircs://"],
 .link-irc {
        /* @embed */
        background: url(discussionitem_icon.gif) center right no-repeat;
@@ -462,7 +462,7 @@ span.editsection {
 #mw_content a.external[href $=".wma"], #mw_content a.external[href $=".WMA"],
 .link-audio {
        /* @embed */
-       background: url("audio.png") center right no-repeat;
+       background: url(audio.png) center right no-repeat;
        padding-right: 13px;
 }
 #mw_content a.external[href $=".ogm"], #mw_content a.external[href $=".OGM"],
@@ -471,7 +471,7 @@ span.editsection {
 #mw_content a.external[href $=".mpg"], #mw_content a.external[href $=".MPG"],
 .link-video {
        /* @embed */
-       background: url("video.png") center right no-repeat;
+       background: url(video.png) center right no-repeat;
        padding-right: 13px;
 }
 #mw_content a.external[href $=".pdf"], #mw_content a.external[href $=".PDF"],
@@ -479,7 +479,7 @@ span.editsection {
 #mw_content a.external[href *=".pdf?"], #mw_content a.external[href *=".PDF?"],
 .link-document {
        /* @embed */
-       background: url("document.png") center right no-repeat;
+       background: url(document.png) center right no-repeat;
        padding-right: 12px;
 }
 
@@ -487,22 +487,18 @@ span.editsection {
 /* @noflip */div.floatright, table.floatright {
        margin: 0 0 .5em .5em;
        border: 0;
-/*
-       border: .5em solid white;
-       border-width: .5em 0 .8em 1.4em;
-*/
 }
-div.floatright p { font-style: italic; }
+div.floatright p {
+       font-style: italic;
+}
 /* @noflip */div.floatleft, table.floatleft {
        margin: 0 .5em .5em 0;
        border: 0;
-/*
-       margin: .3em .5em .5em 0;
-       border: .5em solid white;
-       border-width: .5em 1.4em .8em 0;
-*/
 }
-div.floatleft p { font-style: italic; }
+div.floatleft p {
+       font-style: italic;
+}
+
 /* thumbnails */
 div.thumb {
        margin-bottom: .5em;
@@ -543,7 +539,7 @@ div.magnify a, div.magnify img {
        margin: .5em 1.4em .8em 0;
 }
 img.thumbborder {
-       border: 1px solid #ddd;
+       border: 1px solid #dddddd;
 }
 .mw-warning {
        border: 1px solid #aaa;
@@ -554,22 +550,22 @@ img.thumbborder {
 
 #toc,
 .toc {
-       margin: 0;
-       padding: 0;
+       margin: 0 0 0 0;
+       padding: 0 0 0 0;
        border-spacing: 0;
        background-color: #f0f0f0;
-       border: solid 1px #bbb;
+       border: solid 1px #bbbbbb;
 }
 
 #toc tr, #toc td {
-       margin: 0;
-       padding: 0;
+       margin: 0 0 0 0;
+       padding: 0 0 0 0;
 }
 
 #toctitle {
        border-bottom: solid 1px #3c78b5;
-       background-color: #ddd;
-       margin: 0;
+       background-color: #dddddd;
+       margin: 0 0 0 0;
 }
 
 #toc h2,
@@ -591,18 +587,11 @@ img.thumbborder {
 .toc ul {
        list-style-type: none;
        list-style-image: none;
-       margin: 0 1em;
-       padding-left: 0;
+       margin: 0 1em 0 1em;
+       padding: 0;
        text-align: left;
 }
 
-.mw-content-ltr .toc ul,
-.mw-content-rtl .toc ul,
-.mw-content-ltr #toc ul,
-.mw-content-rtl #toc ul {
-       margin: 0 1em;
-}
-
 #toc ul ul,
 .toc ul ul {
        margin: 0 0 0 2em;
@@ -620,10 +609,10 @@ img.thumbborder {
 }
 
 .catlinks {
-       border: solid 1px #bbb;
+       border: solid 1px #bbbbbb;
        background-color: #f0f0f0;
-       padding: .1em .3em;
-       margin: 0;
+       padding: 0.1em 0.3em 0.1em 0.3em;
+       margin: 0 0 0 0;
 }
 
 #mw_header h1,
@@ -636,8 +625,6 @@ img.thumbborder {
 #mw_content a.extiw,
 #mw_content a.extiw:active {
        color: #36b;
-       background: none;
-       padding: 0;
 }
 #mw_content a.external {
        color: #36b;
@@ -677,9 +664,9 @@ span.updatedmarker {
 
 .editExternally {
        border: 1px solid gray;
-       background-color: #FFF;
+       background-color: #ffffff;
        padding: 3px;
-       margin-top: .5em;
+       margin-top: 0.5em;
        float: left;
        font-size: small;
        text-align: center;
@@ -704,7 +691,7 @@ input#wpSummary {
 
 /* @bug 1714 */
 input#wpSave, input#wpDiff {
-       margin-right: .33em;
+       margin-right: 0.33em;
 }
 
 #wpSave {
@@ -720,17 +707,17 @@ div.noarticletext {
 }
 
 div#searchTargetContainer {
-       left:       10px;
-       top:        10px;
-       width:      90%;
+       left: 10px;
+       top: 10px;
+       width: 90%;
        background: white;
 }
 
 div#searchTarget {
-       padding:    3px;
-       margin:     5px;
+       padding: 3px;
+       margin: 5px;
        background: #F0F0F0;
-       border:     solid 1px blue;
+       border: solid 1px blue;
 }
 
 div#searchTarget ul li {
@@ -770,10 +757,12 @@ table.multipageimage td {
        text-align: center;
 }
 
-.templatesUsed { margin-top: 1.5em; }
+.templatesUsed {
+       margin-top: 1.5em;
+}
 
 .mw-summary-preview {
-       margin: .1em 0;
+       margin: 0.1em 0;
 }
 
 /* Friendlier slave lag warnings */
@@ -784,18 +773,18 @@ div.mw-lag-warn-high {
        margin: 3px auto;
 }
 div.mw-lag-warn-normal {
-       border: 1px solid #FC6;
-       background-color: #FFC;
+       border: 1px solid #FFCC66;
+       background-color: #FFFFCC;
 }
 div.mw-lag-warn-high {
        font-weight: bold;
-       border: 2px solid #F03;
-       background-color: #FCC;
+       border: 2px solid #FF0033;
+       background-color: #FFCCCC;
 }
 
 .MediaTransformError {
        background-color: #ccc;
-       padding: .1em;
+       padding: 0.1em;
 }
 .MediaTransformError td {
        text-align: center;
@@ -829,7 +818,7 @@ dl {
 }
 
 #p-cactions li.new a {
-       color: #c20;
+       color: #cc2200;
 }
 
 span.subpages {
@@ -837,9 +826,9 @@ span.subpages {
        display: block;
 }
 
-pre {
+pre, .mw-code {
        border: solid 1px #3c78b5;
-       padding: .4em;
+       padding: 0.4em;
        background-color: #f0f0f0;
 }
 
@@ -849,29 +838,29 @@ pre {
 
 .mw-topboxes {
        border-collapse: collapse;
-       margin: 0 -1em 1em;
-       padding: 0 0 8px;
+       margin: 0 -1em 1em -1em;
+       padding: 0 0 8px 0;
        /* @embed */
        background: url(footer-grad.png) repeat-x bottom left;
 }
 
 .mw-topbox p {
-       padding: 0;
-       margin: 0;
+       padding: 0 0 0 0;
+       margin: 0 0 0 0;
 }
 
 .mw-topbox {
        color: black;
        font-weight: bold;
-       margin: 0;
-       padding: 0 1em;
+       margin: 0 0 0 0;
+       padding: 0 1em 0 1em;
        vertical-align: middle;
        border-collapse: collapse;
-       border-bottom: solid 1px #bbb;
+       border-bottom: solid 1px #bbbbbb;
 }
 
 #siteSub {
-       background-color: #ddd;
+       background-color: #dddddd;
 }
 
 /* emulate center */
@@ -886,11 +875,11 @@ pre {
 
 /* table standards */
 .toccolours {
-       border: 1px solid #bbb;
+       border: 1px solid #bbbbbb;
        background-color: #f0f0f0;
-       border-spacing: 0;
-       margin: 0;
-       padding: 0;
+       border-spacing: 0pt;
+       margin: 0pt;
+       padding: 0pt;
 }
 
 /* Tooltips are outside of the normal body code, so this helps make the size of the text sensible */