Revert r88502 since this can be done with a gadget
[lhc/web/wiklou.git] / skins / modern / main.css
index bb548c1..fd26693 100644 (file)
@@ -8,6 +8,9 @@ body {
        font-family: sans-serif;
        color: black;
        background-color: #f0f0f0;
+
+       direction: ltr;
+       unicode-bidi: embed;
 }
 
 #mw_main,
@@ -69,7 +72,8 @@ body {
 }
 
 #p-personal li {
-       display: block; float: left;
+       display: block;
+       float: left;
        height: 1.5em;
        margin: 0 0 0 0;
        vertical-align: middle;
@@ -153,7 +157,7 @@ textarea {
 }
 
 #searchInput {
-       display: block;
+       width: 85%;
        margin-left: auto;
        margin-right: auto;
 }
@@ -181,6 +185,7 @@ textarea {
 }
 
 ul {
+       /* @embed */
        list-style-image: url(bullet.gif);
 }
 
@@ -244,6 +249,7 @@ ul {
 
 #footer {
        background-color: #f0f0f0;
+       /* @embed */
        background: url(footer-grad.png) repeat-x 0 0;
        padding: 10px 1em 1em 1em;
        clear:both;
@@ -301,27 +307,27 @@ hr {
 }
 
 a {
-        text-decoration: none;
-        color: #003366;
-        background: none;
+       text-decoration: none;
+       color: #003366;
+       background: none;
 }
 a:visited {
-        color: #5a3696;
+       color: #5a3696;
 }
 a:active {
-        color: #faa700;
+       color: #faa700;
 }
 a:hover {
-        text-decoration: underline;
+       text-decoration: underline;
 }
 a.stub {
-        color: #772233;
+       color: #772233;
 }
 a.new {
-        color: #ba0000;
+       color: #ba0000;
 }
 a.new:visited {
-        color: #a55858;
+       color: #a55858;
 }
 
 span.editsection {
@@ -332,6 +338,10 @@ h1, h2 {
        border-bottom: solid 1px #003366;
 }
 
+h1, h2, h3, h4, h5, h6 {
+       overflow: hidden;
+}
+
 #preftoc {
        width: 100%;
        margin: 0 0 0 0;
@@ -396,35 +406,47 @@ h1, h2 {
        color: white;
 }
 
+#mw-pref-clear {
+       clear: both;
+}
+
 #mw_content a.external,
 #mw_content a[href ^="gopher://"] {
-        background: url(external.png) center right no-repeat;
-        padding-right: 13px;
+       /* @embed */
+       background: url(external.png) center right no-repeat;
+       padding-right: 13px;
 }
 #mw_content a[href ^="https://"],
 .link-https {
-        background: url(lock_icon.gif) center right no-repeat;
-        padding-right: 16px;
+       /* @embed */
+       background: url(lock_icon.gif) center right no-repeat;
+       padding-right: 16px;
 }
 #mw_content a[href ^="mailto:"],
 .link-mailto {
-        background: url(mail_icon.gif) center right no-repeat;
-        padding-right: 18px;
+       /* @embed */
+       background: url(mail_icon.gif) center right no-repeat;
+       padding-right: 18px;
 }
 #mw_content a[href ^="news://"] {
-        background: url(news_icon.png) center right no-repeat;
-        padding-right: 18px;
+       /* @embed */
+       background: url(news_icon.png) center right no-repeat;
+       padding-right: 18px;
 }
 #mw_content a[href ^="ftp://"],
 .link-ftp {
-        background: url(file_icon.gif) center right no-repeat;
-        padding-right: 18px;
+       /* @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://"],
 .link-irc {
-        background: url(discussionitem_icon.gif) center right no-repeat;
-        padding-right: 18px;
+       /* @embed */
+       background: url(discussionitem_icon.gif) center right no-repeat;
+       padding-right: 18px;
 }
 
 #mw_content a.external[href $=".ogg"], #mw_content a.external[href $=".OGG"],
@@ -434,26 +456,30 @@ h1, h2 {
 #mw_content a.external[href $=".wav"], #mw_content a.external[href $=".WAV"],
 #mw_content a.external[href $=".wma"], #mw_content a.external[href $=".WMA"],
 .link-audio {
-        background: url("audio.png") center right no-repeat;
-        padding-right: 13px;
+       /* @embed */
+       background: url("audio.png") center right no-repeat;
+       padding-right: 13px;
 }
 #mw_content a.external[href $=".ogm"], #mw_content a.external[href $=".OGM"],
 #mw_content a.external[href $=".avi"], #mw_content a.external[href $=".AVI"],
 #mw_content a.external[href $=".mpeg"], #mw_content a.external[href $=".MPEG"],
 #mw_content a.external[href $=".mpg"], #mw_content a.external[href $=".MPG"],
 .link-video {
-        background: url("video.png") center right no-repeat;
-        padding-right: 13px;
+       /* @embed */
+       background: url("video.png") center right no-repeat;
+       padding-right: 13px;
 }
 #mw_content a.external[href $=".pdf"], #mw_content a.external[href $=".PDF"],
 #mw_content a.external[href *=".pdf#"], #mw_content a.external[href *=".PDF#"],
 #mw_content a.external[href *=".pdf?"], #mw_content a.external[href *=".PDF?"],
 .link-document {
-        background: url("document.png") center right no-repeat;
-        padding-right: 12px;
+       /* @embed */
+       background: url("document.png") center right no-repeat;
+       padding-right: 12px;
 }
 
 /* images */
+/* @noflip */
 div.floatright, table.floatright {
        clear: right;
        float: right;
@@ -466,6 +492,7 @@ div.floatright, table.floatright {
 */
 }
 div.floatright p { font-style: italic; }
+/* @noflip */
 div.floatleft, table.floatleft {
        float: left;
        clear: left;
@@ -482,8 +509,6 @@ div.floatleft p { font-style: italic; }
 /* thumbnails */
 div.thumb {
        margin-bottom: .5em;
-       border-style: solid;
-       border-color: white;
        width: auto;
 }
 div.thumbinner {
@@ -514,29 +539,21 @@ div.magnify a, div.magnify img {
        border: none !important;
        background: none !important;
 }
+/* @noflip */
 div.tright {
        clear: right;
        float: right;
-       border-width: .5em 0 .8em 1.4em;
+       margin: .5em 0 .8em 1.4em;
 }
+/* @noflip */
 div.tleft {
        float: left;
        clear: left;
-       margin-right: .5em;
-       border-width: .5em 1.4em .8em 0;
+       margin: .5em 1.4em .8em 0;
 }
 img.thumbborder {
        border: 1px solid #dddddd;
 }
-.hiddenStructure {
-       display: none;
-}
-
-#mw_content .plainlinks a {
-        background: none !important;
-        padding: 0 !important;
-}
-
 .mw-warning {
        border: 1px solid #aaa;
        background-color: #f9f9f9;
@@ -629,7 +646,6 @@ img.thumbborder {
 }
 
 
-
 .redirectText {
        font-size: 150%;
        margin: 5px;
@@ -639,11 +655,6 @@ img.thumbborder {
        display: none;
 }
 
-
-span.newpage, span.minor, span.bot {
-       font-weight: bold;
-}
-
 .sharedUploadNotice {
        font-style: italic;
 }
@@ -653,55 +664,6 @@ span.updatedmarker {
        background-color: #0f0;
 }
 
-table.gallery {
-       border: 1px solid #ccc;
-       margin: 2px;
-       padding: 2px;
-       background-color: white;
-}
-
-table.gallery tr {
-       vertical-align: top;
-}
-
-table.gallery td {
-       vertical-align: top;
-       background-color: #f9f9f9;
-       border: solid 2px white;
-}
-/* Keep this temporarily so that cached pages will display right */
-table.gallery td.galleryheader {
-    text-align: center;
-       font-weight: bold;
-}
-table.gallery caption {
-       font-weight: bold;
-}
-
-div.gallerybox {
-       margin: 2px;
-}
-
-div.gallerybox div.thumb {
-       text-align: center;
-       border: 1px solid #ccc;
-       margin: 2px;
-}
-
-div.gallerytext {
-       overflow: hidden;
-       font-size: 94%;
-       padding: 2px 4px;
-}
-
-span.comment {
-       font-style: italic;
-}
-
-span.changedby {
-       font-size: 95%;
-}
-
 .previewnote {
        text-indent: 3em;
        color: #c00;
@@ -734,46 +696,6 @@ span.changedby {
        text-indent: -2em;
 }
 
-/* Classes for EXIF data display */
-table.mw_metadata {
-       font-size: 0.8em;
-       margin-left: 0.5em;
-       margin-bottom: 0.5em;
-       width: 300px;
-}
-
-table.mw_metadata caption {
-       font-weight: bold;
-}
-
-table.mw_metadata th {
-       font-weight: normal;
-}
-
-table.mw_metadata td {
-       padding: 0.1em;
-}
-
-table.mw_metadata {
-       border: none;
-       border-collapse: collapse;
-}
-
-table.mw_metadata td, table.mw_metadata th {
-       text-align: center;
-       border: 1px solid #aaaaaa;
-       padding-left: 0.1em;
-       padding-right: 0.1em;
-}
-
-table.mw_metadata th {
-       background-color: #f9f9f9;
-}
-
-table.mw_metadata td {
-       background-color: #fcfcfc;
-}
-
 table.collapsed tr.collapsable {
        display: none;
 }
@@ -791,49 +713,6 @@ input#wpSave, input#wpDiff {
        font-weight: bold;
 }
 
-/* Classes for article validation */
-
-table.revisionform_default {
-       border: 1px solid #000000;
-}
-
-table.revisionform_focus {
-       border: 1px solid #000000;
-       background-color:#00BBFF;
-}
-
-tr.revision_tr_default {
-       background-color:#EEEEEE;
-}
-
-tr.revision_tr_first {
-       background-color:#DDDDDD;
-}
-
-p.revision_saved {
-       color: green;
-       font-weight:bold;
-}
-
-/* Allmessages table */
-
-#allmessagestable th {
-       background-color: #b2b2ff;
-}
-
-#allmessagestable tr.orig {
-       background-color: #ffe2e2;
-}
-
-#allmessagestable tr.new {
-       background-color: #e2ffe2;
-}
-
-#allmessagestable tr.def {
-       background-color: #f0f0ff;
-}
-
-
 /* noarticletext */
 div.noarticletext {
        border: 1px solid #ccc;
@@ -866,55 +745,32 @@ div#searchTarget ul li:before {
 }
 
 div#searchTargetHide {
-       float:right;
-       border:solid 1px black;
-       background:gainsboro;
-       padding:2px;
+       float: right;
+       border: solid 1px black;
+       background: gainsboro;
+       padding: 2px;
 }
 
 div.multipageimagenavbox {
-   border: solid 1px silver;
-   padding: 4px;
-   margin: 1em;
-   background: #f0f0f0;
+       border: solid 1px silver;
+       padding: 4px;
+       margin: 1em;
+       background: #f0f0f0;
 }
 
 div.multipageimagenavbox div.thumb {
-   border: none;
-   margin-left: 2em;
-   margin-right: 2em;
+       border: none;
+       margin-left: 2em;
+       margin-right: 2em;
 }
 
 div.multipageimagenavbox hr {
-   margin: 6px;
+       margin: 6px;
 }
 
 table.multipageimage td {
-   text-align: center;
-}
-
-/*
-  Table pager (e.g. Special:Imagelist)
-  - remove underlines from the navigation link
-  - collapse borders
-  - set the borders to outsets (similar to Special:Allmessages)
-  - remove line wrapping for all td and th, set background color
-  - restore line wrapping for the last two table cells (description and size)
-*/
-.TablePager_nav a { text-decoration: none; }
-.TablePager { border-collapse: collapse; }
-.TablePager, .TablePager td, .TablePager th {
-       border: 1px solid #aaaaaa;
-       padding: 0 0.15em 0 0.15em;
+       text-align: center;
 }
-.TablePager th { background-color: #eeeeff }
-.TablePager td { background-color: #ffffff }
-.TablePager tr:hover td { background-color: #eeeeff }
-
-.imagelist td, .imagelist th { white-space: nowrap }
-.imagelist .TablePager_col_links { background-color: #eeeeff }
-.imagelist .TablePager_col_img_description { white-space: normal }
-.imagelist th.TablePager_sort { background-color: #ccccff }
 
 .templatesUsed { margin-top: 1.5em; }
 
@@ -953,6 +809,7 @@ ul {
        list-style-type: square;
        margin: .3em 0 0 1.5em;
        padding: 0;
+       /* @embed */
        list-style-image: url(bullet.gif);
 }
 ol {
@@ -996,6 +853,7 @@ pre {
        border-collapse: collapse;
        margin: 0 -1em 1em -1em;
        padding: 0 0 8px 0;
+       /* @embed */
        background: url(footer-grad.png) repeat-x bottom left;
 }
 
@@ -1005,8 +863,8 @@ pre {
 }
 
 .mw-topbox {
-        color: black;
-        font-weight: bold;
+       color: black;
+       font-weight: bold;
        margin: 0 0 0 0;
        padding: 0 1em 0 1em;
        vertical-align: middle;
@@ -1020,19 +878,40 @@ pre {
 
 /* emulate center */
 .center {
-     width:100%;
-     text-align:center;
+       width: 100%;
+       text-align: center;
 }
 *.center * {
-     margin-left:auto;
-     margin-right:auto;
+       margin-left: auto;
+       margin-right: auto;
 }
 
 /* table standards */
 .toccolours {
-    border:1px solid #bbbbbb;
-    background-color:#f0f0f0;
-    border-spacing:0pt;
-    margin:0pt;
-    padding:0pt;
+       border: 1px solid #bbbbbb;
+       background-color: #f0f0f0;
+       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 */
+.tipsy {
+       font-size: 130%;
+}
+
+/**
+ * Lists:
+ * The following lines don't have a visible effect on non-Gecko browsers
+ * They fix a problem ith Gecko browsers rendering lists to the right of
+ * left-floated objects in an RTL layout.
+ */
+/* @noflip */
+html > body.rtl div#mw_contentholder ul {
+       display: table;
+}
+
+/* @noflip */
+html > body.rtl div#mw_contentholder ul#filetoc {
+       display: block;
 }