Revert r88502 since this can be done with a gadget
[lhc/web/wiklou.git] / skins / modern / main.css
index 45165a6..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;
@@ -402,33 +412,41 @@ h1, h2 {
 
 #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"],
@@ -438,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;
@@ -470,6 +492,7 @@ div.floatright, table.floatright {
 */
 }
 div.floatright p { font-style: italic; }
+/* @noflip */
 div.floatleft, table.floatleft {
        float: left;
        clear: left;
@@ -486,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 {
@@ -518,23 +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-warning {
        border: 1px solid #aaa;
        background-color: #f9f9f9;
@@ -627,7 +646,6 @@ img.thumbborder {
 }
 
 
-
 .redirectText {
        font-size: 150%;
        margin: 5px;
@@ -695,30 +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;
-}
-
 /* noarticletext */
 div.noarticletext {
        border: 1px solid #ccc;
@@ -751,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; }
 
@@ -838,6 +809,7 @@ ul {
        list-style-type: square;
        margin: .3em 0 0 1.5em;
        padding: 0;
+       /* @embed */
        list-style-image: url(bullet.gif);
 }
 ol {
@@ -881,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;
 }
 
@@ -890,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;
@@ -905,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;
 }