(bug 33246) News icon shown for news:// URLs but not for news: URLs. Patch by Erwin...
[lhc/web/wiklou.git] / skins / modern / main.css
index e8826bc..1748156 100644 (file)
@@ -1,11 +1,22 @@
 body {
        margin: 0 0 0 0;
        padding: 0 0 0 0;
-       font-size: 10pt;
+       font-size: x-small;
+
 
        font-family: sans-serif;
        color: black;
        background-color: #f0f0f0;
+
+       direction: ltr;
+       unicode-bidi: embed;
+}
+
+#mw_main,
+#p-personal,
+#mw_header,
+.os-suggest {
+       font-size: 130%;
 }
 
 #mw_header {
@@ -60,7 +71,8 @@ body {
 }
 
 #p-personal li {
-       display: block; float: left;
+       display: block;
+       float: left;
        height: 1.5em;
        margin: 0 0 0 0;
        vertical-align: middle;
@@ -103,12 +115,12 @@ body {
        border-bottom: solid 1px #bbbbbb;
 
        line-height: 1.5em;
-       padding: 1em 1em 1em 1em;
+       padding: 0 1em 1em 1em;
 }
 
 #mw_portlets {
        width: 14em;
-       
+
        border-right: solid 1px #bbbbbb;
        background-color: #f0f0f0;
 }
@@ -119,7 +131,7 @@ body {
        margin-top: 3.5em;
 }
 
-#mw_clear {
+div.mw_clear {
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        clear: both;
@@ -131,7 +143,7 @@ body {
 }
 
 .portlet div.pBody {
-       padding: 1em 0 1em 0;
+       padding: 0em 0 0.5em 0;
 }
 
 textarea {
@@ -144,18 +156,21 @@ textarea {
 }
 
 #searchInput {
-       display: block;
+       width: 85%;
        margin-left: auto;
        margin-right: auto;
 }
 
+#p-search #searchform div div {
+       margin-top: .4em;
+}
+
 .portlet h5 {
        padding: 0.1em 0 0.3em 1em;
        margin: 0 0 0 0;
        background-color: #dddddd;
        font-weight: bold;
        border-bottom: solid 1px #3c78b5;
-       font-size: 10pt;
        height: 1.1em;
 }
 
@@ -169,6 +184,7 @@ textarea {
 }
 
 ul {
+       /* @embed */
        list-style-image: url(bullet.gif);
 }
 
@@ -232,9 +248,10 @@ ul {
 
 #footer {
        background-color: #f0f0f0;
+       /* @embed */
        background: url(footer-grad.png) repeat-x 0 0;
        padding: 10px 1em 1em 1em;
-
+       clear:both;
        color: #444444;
 }
 
@@ -269,6 +286,14 @@ p {
        margin: 1em 0 1em 0;
 }
 
+hr {
+       height: 1px;
+       color: #aaa;
+       background-color: #aaa;
+       border: 0;
+       margin: .2em 0 .2em 0;
+}
+
 #contentSub {
        color: #888;
        font-size: small;
@@ -280,9 +305,28 @@ p {
        padding: 0 0 0 0;
 }
 
-a, a:hover, a:visited {
-       text-decoration: underline;
+a {
+       text-decoration: none;
        color: #003366;
+       background: none;
+}
+a:visited {
+       color: #5a3696;
+}
+a:active {
+       color: #faa700;
+}
+a:hover {
+       text-decoration: underline;
+}
+a.stub {
+       color: #772233;
+}
+a.new {
+       color: #ba0000;
+}
+a.new:visited {
+       color: #a55858;
 }
 
 span.editsection {
@@ -293,6 +337,10 @@ h1, h2 {
        border-bottom: solid 1px #003366;
 }
 
+h1, h2, h3, h4, h5, h6 {
+       overflow: hidden;
+}
+
 #preftoc {
        width: 100%;
        margin: 0 0 0 0;
@@ -314,6 +362,7 @@ h1, h2 {
        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 */
 }
 
 #preferences fieldset {
@@ -321,14 +370,20 @@ h1, h2 {
        border: none;
 }
 
-#preferences h2 {
-       font-size: 10pt;
-}
-
 .mainLegend {
        display: none;
 }
 
+.htmlform-tip {
+       font-size: x-small;
+       padding: .2em 2em;
+       color: #666;
+}
+
+.prefsection legend {
+       font-weight: bold;
+}
+
 #preftoc li.selected {
        background-color: #bbbbbb;
 }
@@ -347,34 +402,45 @@ 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;
+#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 {
-        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:"],
+#mw_content a.external[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;
+#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 {
-        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.external[href ^="irc://"],
+#mw_content a.external[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"],
@@ -384,56 +450,47 @@ 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 */
-div.floatright, table.floatright {
-       clear: right;
-       float: right;
-       position: relative;
+/* @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.floatleft, table.floatleft {
-       float: left;
-       clear: left;
-       position: relative;
+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;
-       border-style: solid;
-       border-color: white;
        width: auto;
 }
 div.thumbinner {
@@ -464,29 +521,15 @@ div.magnify a, div.magnify img {
        border: none !important;
        background: none !important;
 }
-div.tright {
-       clear: right;
-       float: right;
-       border-width: .5em 0 .8em 1.4em;
+/* @noflip */div.tright {
+       margin: .5em 0 .8em 1.4em;
 }
-div.tleft {
-       float: left;
-       clear: left;
-       margin-right: .5em;
-       border-width: .5em 1.4em .8em 0;
+/* @noflip */div.tleft {
+       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;
@@ -513,7 +556,7 @@ img.thumbborder {
        background-color: #dddddd;
        margin: 0 0 0 0;
 }
-       
+
 #toc h2,
 .toc h2 {
        display: inline;
@@ -534,7 +577,7 @@ img.thumbborder {
        list-style-type: none;
        list-style-image: none;
        margin: 0 1em 0 1em;
-       padding-left: 0;
+       padding: 0;
        text-align: left;
 }
 
@@ -554,14 +597,297 @@ img.thumbborder {
        text-align: center;
 }
 
-#catlinks {
+.catlinks {
        border: solid 1px #bbbbbb;
        background-color: #f0f0f0;
-       padding: 0.5em 0.5em 0.5em 0.5em;
+       padding: 0.1em 0.3em 0.1em 0.3em;
        margin: 0 0 0 0;
 }
 
-#catlinks p {
-       margin: 0 0 0 0;
+#mw_header h1,
+#p-personal,
+#p-cactions {
+       overflow: hidden;
+}
+
+/* disable interwiki styling */
+#mw_content a.extiw,
+#mw_content a.extiw:active {
+       color: #36b;
+}
+#mw_content a.external {
+       color: #36b;
+}
+
+
+.redirectText {
+       font-size: 150%;
+       margin: 5px;
+}
+
+.printfooter {
+       display: none;
+}
+
+.sharedUploadNotice {
+       font-style: italic;
+}
+
+span.updatedmarker {
+       color: black;
+       background-color: #0f0;
+}
+
+.previewnote {
+       text-indent: 3em;
+       color: #c00;
+       border-bottom: 1px solid #aaa;
+       padding-bottom: 1em;
+       margin-bottom: 1em;
+}
+
+.previewnote p {
+       margin: 0;
+       padding: 0;
+}
+
+.editExternally {
+       border: 1px solid gray;
+       background-color: #ffffff;
+       padding: 3px;
+       margin-top: 0.5em;
+       float: left;
+       font-size: small;
+       text-align: center;
+}
+.editExternallyHelp {
+       font-style: italic;
+       color: gray;
+}
+
+.toggle {
+       margin-left: 2em;
+       text-indent: -2em;
+}
+
+table.collapsed tr.collapsable {
+       display: none;
+}
+
+input#wpSummary {
+       width: 80%;
+}
+
+/* @bug 1714 */
+input#wpSave, input#wpDiff {
+       margin-right: 0.33em;
+}
+
+#wpSave {
+       font-weight: bold;
+}
+
+/* noarticletext */
+div.noarticletext {
+       border: 1px solid #ccc;
+       background: #fff;
+       padding: .2em 1em;
+       color: #000;
+}
+
+div#searchTargetContainer {
+       left: 10px;
+       top: 10px;
+       width: 90%;
+       background: white;
+}
+
+div#searchTarget {
+       padding: 3px;
+       margin: 5px;
+       background: #F0F0F0;
+       border: solid 1px blue;
+}
+
+div#searchTarget ul li {
+       list-style: none;
+}
+
+div#searchTarget ul li:before {
+       color: orange;
+       content: "\00BB \0020";
+}
+
+div#searchTargetHide {
+       float: right;
+       border: solid 1px black;
+       background: #DCDCDC;
+       padding: 2px;
+}
+
+div.multipageimagenavbox {
+       border: solid 1px silver;
+       padding: 4px;
+       margin: 1em;
+       background: #f0f0f0;
+}
+
+div.multipageimagenavbox div.thumb {
+       border: none;
+       margin-left: 2em;
+       margin-right: 2em;
+}
+
+div.multipageimagenavbox hr {
+       margin: 6px;
+}
+
+table.multipageimage td {
+       text-align: center;
+}
+
+.templatesUsed {
+       margin-top: 1.5em;
+}
+
+.mw-summary-preview {
+       margin: 0.1em 0;
+}
+
+/* Friendlier slave lag warnings */
+div.mw-lag-warn-normal,
+div.mw-lag-warn-high {
+       padding: 3px;
+       text-align: center;
+       margin: 3px auto;
+}
+div.mw-lag-warn-normal {
+       border: 1px solid #FFCC66;
+       background-color: #FFFFCC;
+}
+div.mw-lag-warn-high {
+       font-weight: bold;
+       border: 2px solid #FF0033;
+       background-color: #FFCCCC;
+}
+
+.MediaTransformError {
+       background-color: #ccc;
+       padding: 0.1em;
+}
+.MediaTransformError td {
+       text-align: center;
+       vertical-align: middle;
+       font-size: 90%;
+}
+ul {
+       line-height: 1.5em;
+       list-style-type: square;
+       margin: .3em 0 0 1.5em;
+       padding: 0;
+       /* @embed */
+       list-style-image: url(bullet.gif);
+}
+ol {
+       line-height: 1.5em;
+       margin: .3em 0 0 3.2em;
+       padding: 0;
+       list-style-image: none;
+}
+li {
+       margin-bottom: .1em;
+}
+dt {
+       font-weight: bold;
+       margin-bottom: .1em;
+}
+dl {
+       margin-top: .2em;
+       margin-bottom: .5em;
+}
+
+#p-cactions li.new a {
+       color: #cc2200;
+}
+
+span.subpages {
+       font-size: 80%;
+       display: block;
+}
+
+pre {
+       border: solid 1px #3c78b5;
+       padding: 0.4em;
+       background-color: #f0f0f0;
+}
+
+.usermessage {
+       background-color: #dadaff;
+}
+
+.mw-topboxes {
+       border-collapse: collapse;
+       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 0 0 0;
+       margin: 0 0 0 0;
+}
+
+.mw-topbox {
+       color: black;
+       font-weight: bold;
+       margin: 0 0 0 0;
+       padding: 0 1em 0 1em;
+       vertical-align: middle;
+       border-collapse: collapse;
+       border-bottom: solid 1px #bbbbbb;
+}
+
+#siteSub {
+       background-color: #dddddd;
+}
+
+/* emulate center */
+.center {
+       width: 100%;
+       text-align: center;
+}
+*.center * {
+       margin-left: auto;
+       margin-right: auto;
+}
+
+/* table standards */
+.toccolours {
+       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;
 }