(bug 9886) Give a sample stub link in stub threshold label in preferences
[lhc/web/wiklou.git] / skins / monobook / main.css
index b63321f..1c3ef37 100644 (file)
@@ -9,25 +9,38 @@
 ** All you guys rock :)
 */
 
-#column-content {
-       width: 100%;
-       float: right;
-       margin: 0 0 .6em -12.2em;
-       padding: 0;
-}
+/**
+ * Stylesheet for screen/projection.  All rules not marked media-specific are
+ * shared with handheld.css and should be updated in tandem.  The rules can't
+ * be in the same file because old browsers like IE5 won't obey @media rules.
+ *
+ * Rules that are screen/projection-specific are marked with commented-out
+ * @media rules and indentation.
+ */
+
+/* @media screen, projection { */
+       #column-content {
+               width: 100%;
+               float: right;
+               margin: 0 0 .6em -12.2em;
+               padding: 0;
+       }
+       #content {
+               margin: 2.8em 0 0 12.2em;
+               padding: 0 1em 1.5em 1em;
+               position: relative;
+               z-index: 2;
+       }
+       #column-one {
+               padding-top: 160px;
+       }
+/* } */
 #content {
-       margin: 2.8em 0 0 12.2em;
-       padding: 0 1em 1.5em 1em;
        background: white;
        color: black;
        border: 1px solid #aaa;
        border-right: none;
        line-height: 1.5em;
-       position: relative;
-       z-index: 2;
-}
-#column-one {
-       padding-top: 160px;
 }
 /* the left column width is specified in class .portlet */
 
@@ -79,7 +92,8 @@ a:active {
 a:hover {
        text-decoration: underline;
 }
-a.stub {
+a.stub,
+span.mw-stub-example {
        color: #772233;
 }
 a.new, #p-personal a.new {
@@ -93,10 +107,12 @@ img {
        border: none;
        vertical-align: middle;
 }
-p {
-       margin: .4em 0 .5em 0;
-       line-height: 1.5em;
-}
+/* @media screen, projection { */
+       p {
+               margin: .4em 0 .5em 0;
+               line-height: 1.5em;
+       }
+/* } */
 p img {
        margin: 0;
 }
@@ -230,13 +246,14 @@ pre {
 ** the main content area
 */
 
-#siteSub {
-       display: none;
-}
-
-#jump-to-nav {
-       display: none;
-}
+/* @media screen, projection { */
+       #siteSub {
+               display: none;
+       }
+       #jump-to-nav {
+               display: none;
+       }
+/* } */
 
 #contentSub, #contentSub2 {
        font-size: 84%;
@@ -481,6 +498,14 @@ span.texhtml {
        font-family: serif;
 }
 
+/* Have a checkered background on images on the description pages and in galleries
+   to make transparency visible
+
+#file img, .gallerybox .thumb img {
+       background: url(Checker-16x16.png) repeat;
+}
+*/
+
 /*
 ** classes for special content elements like town boxes
 ** intended to be referenced directly from the wiki src
@@ -557,29 +582,6 @@ div.townBox dl dd {
        border: 1px dashed #aaa;
 }
 
-/*
-** Diff rendering
-*/
-table.diff, td.diff-otitle, td.diff-ntitle {
-       background-color: white;
-}
-td.diff-addedline {
-       background: #cfc;
-       font-size: smaller;
-}
-td.diff-deletedline {
-       background: #ffa;
-       font-size: smaller;
-}
-td.diff-context {
-       background: #eee;
-       font-size: smaller;
-}
-span.diffchange {
-       color: red;
-       font-weight: bold;
-}
-
 /*
 ** keep the whitespace in front of the ^=, hides rule from konqueror
 ** this is css3, the validator doesn't like it when validating as css2
@@ -727,48 +729,52 @@ special external link styling */
 ** Logo properties
 */
 
-#p-logo {
-       z-index: 3;
-       position: absolute; /*needed to use z-index */
-       top: 0;
-       left: 0;
-       height: 155px;
-       width: 12em;
-       overflow: visible;
-}
-#p-logo h5 {
-       display: none;
-}
-#p-logo a,
-#p-logo a:hover {
-       display: block;
-       height: 155px;
-       width: 12.2em;
-       background-repeat: no-repeat;
-       background-position: 35% 50% !important;
-       text-decoration: none;
-}
-
+/* @media screen, projection { */
+       #p-logo {
+               top: 0;
+               left: 0;
+               position: absolute; /*needed to use z-index */
+               z-index: 3;
+               height: 155px;
+               width: 12em;
+               overflow: visible;
+       }
+       #p-logo h5 {
+               display: none;
+       }
+       #p-logo a,
+       #p-logo a:hover {
+               display: block;
+               height: 155px;
+               width: 12.2em;
+               background-repeat: no-repeat;
+               background-position: 35% 50% !important;
+               text-decoration: none;
+       }
+/* } */
 /*
 ** the navigation portlet
 */
 
-#p-navigation {
-       position: relative;
-       z-index: 3;
-}
+/* @media screen, projection { */
+       #p-navigation {
+               position: relative;
+               z-index: 3;
+       }
+       #p-navigation a {
+               display: block;
+       }
+       #p-navigation li.active a, #p-navigation li.active a:hover {
+               display: inline;
+       }
+/* } */
 
 #p-navigation .pBody {
        padding-right: 0;
 }
 
-#p-navigation a {
-       display: block;
-}
-
 #p-navigation li.active a, #p-navigation li.active a:hover {
        text-decoration: none;
-       display: inline;
        font-weight: bold;
 }
 
@@ -776,10 +782,12 @@ special external link styling */
 /*
 ** Search portlet
 */
-#p-search {
-       position: relative;
-       z-index: 3;
-}
+/* @media screen, projection { */
+       #p-search {
+               position: relative;
+               z-index: 3;
+       }
+/* } */
 input.searchButton {
        margin-top: 1px;
        font-size: 95%;
@@ -802,176 +810,193 @@ input.searchButton {
 /*
 ** the personal toolbar
 */
-
-#p-personal {
-       width: 100%;
-       white-space: nowrap;
-       padding: 0;
-       margin: 0;
-       position: absolute;
-       left: 0;
-       top: 0;
-       z-index: 0;
-       border: none;
-       background: none;
-       overflow: visible;
-       line-height: 1.2em;
-}
-
-#p-personal h5 {
-       display: none;
-}
-#p-personal .portlet,
-#p-personal .pBody {
-       padding: 0;
-       margin: 0;
-       border: none;
-       z-index: 0;
-       overflow: visible;
-       background: none;
-}
+/* @media screen, projection { */
+       #p-personal {
+               position: absolute;
+               left: 0;
+               top: 0;
+               z-index: 0;
+       }
+       #p-personal {
+               width: 100%;
+               white-space: nowrap;
+               padding: 0;
+               margin: 0;
+               border: none;
+               background: none;
+               overflow: visible;
+               line-height: 1.2em;
+       }
+       #p-personal h5 {
+               display: none;
+       }
+       #p-personal .portlet,
+       #p-personal .pBody {
+               z-index: 0;
+               padding: 0;
+               margin: 0;
+               border: none;
+               overflow: visible;
+               background: none;
+       }
 /* this is the ul contained in the portlet */
+       #p-personal ul {
+               border: none;
+               line-height: 1.4em;
+               color: #2f6fab;
+               padding: 0 2em 0 3em;
+               margin: 0;
+               text-align: right;
+               list-style: none;
+               z-index: 0;
+               background: none;
+               cursor: default;
+       }
+       #p-personal li {
+               z-index: 0;
+               border: none;
+               padding: 0;
+               display: inline;
+               color: #2f6fab;
+               margin-left: 1em;
+               line-height: 1.2em;
+               background: none;
+       }
+       #p-personal li a {
+               text-decoration: none;
+               color: #005896;
+               padding-bottom: .2em;
+               background: none;
+       }
+       #p-personal li a:hover {
+               background-color: white;
+               padding-bottom: .2em;
+               text-decoration: none;
+       }
+       #p-personal li.active a:hover {
+               background-color: transparent;
+       }
+       /* the icon in front of the user name, single quotes
+       in bg url to hide it from iemac */
+       li#pt-userpage,
+       li#pt-anonuserpage,
+       li#pt-login {
+               background: url(user.gif) top left no-repeat;
+               padding-left: 20px;
+               text-transform: none;
+       }
+/* } */
 #p-personal ul {
-       border: none;
-       line-height: 1.4em;
-       color: #2f6fab;
-       padding: 0 2em 0 3em;
-       margin: 0;
-       text-align: right;
        text-transform: lowercase;
-       list-style: none;
-       z-index: 0;
-       background: none;
-       cursor: default;
-}
-#p-personal li {
-       z-index: 0;
-       border: none;
-       padding: 0;
-       display: inline;
-       color: #2f6fab;
-       margin-left: 1em;
-       line-height: 1.2em;
-       background: none;
 }
 #p-personal li.active {
        font-weight: bold;
 }
-#p-personal li a {
-       text-decoration: none;
-       color: #005896;
-       padding-bottom: .2em;
-       background: none;
-}
-#p-personal li a:hover {
-       background-color: white;
-       padding-bottom: .2em;
-       text-decoration: none;
-}
-#p-personal li.active a:hover {
-       background-color: transparent;
-}
-/* the icon in front of the user name, single quotes
-in bg url to hide it from iemac */
-li#pt-userpage,
-li#pt-anonuserpage,
-li#pt-login {
-       background: url(user.gif) top left no-repeat;
-       padding-left: 20px;
-       text-transform: none;
-}
-
 /*
 ** the page-related actions- page/talk, edit etc
 */
-#p-cactions {
-       position: absolute;
-       top: 1.3em;
-       left: 11.5em;
-       margin: 0;
-       white-space: nowrap;
-       width: 76%;
-       line-height: 1.1em;
-       overflow: visible;
-       background: none;
-       border-collapse: collapse;
-       padding-left: 1em;
-       list-style: none;
-       font-size: 95%;
-}
+/* @media screen, projection { */
+       #p-cactions {
+               position: absolute;
+               top: 1.3em;
+               left: 11.5em;
+               margin: 0;
+               white-space: nowrap;
+               width: 76%;
+               line-height: 1.1em;
+               overflow: visible;
+               background: none;
+               border-collapse: collapse;
+               padding-left: 1em;
+               list-style: none;
+               font-size: 95%;
+       }
+       #p-cactions ul {
+               list-style: none;
+       }
+       #p-cactions li {
+               display: inline;
+               border: 1px solid #aaa;
+               border-bottom: none;
+               padding: 0 0 .1em 0;
+               margin: 0 .3em 0 0;
+               overflow: visible;
+               background: white;
+       }
+       #p-cactions li.selected {
+               border-color: #fabd23;
+               padding: 0 0 .2em 0;
+               font-weight: bold;
+       }
+       #p-cactions li a {
+               background-color: #fbfbfb;
+               color: #002bb8;
+               border: none;
+               padding: 0 .8em .3em;
+               position: relative;
+               z-index: 0;
+               margin: 0;
+               text-decoration: none;
+       }
+       #p-cactions li.selected a {
+               z-index: 3;
+               padding: 0 1em .2em!important;
+               background-color: white;
+       }
+       #p-cactions .new a {
+               color: #ba0000;
+       }
+       #p-cactions li a:hover {
+               z-index: 3;
+               text-decoration: none;
+               background-color: white;
+       }
+       #p-cactions h5 {
+               display: none;
+       }
+       #p-cactions li.istalk {
+               margin-right: 0;
+       }
+       #p-cactions li.istalk a {
+               padding-right: .5em;
+       }
+       #p-cactions #ca-addsection a {
+               padding-left: .4em;
+               padding-right: .4em;
+       }
+       /* offsets to distinguish the tab groups */
+       li#ca-talk {
+               margin-right: 1.6em;
+       }
+       li#ca-watch, li#ca-unwatch, li#ca-varlang-0, li#ca-print {
+               margin-left: 1.6em;
+       }
+       #p-cactions .pBody {
+               font-size: 1em;
+               background-color: transparent;
+               color: inherit;
+               border-collapse: inherit;
+               border: 0;
+               padding: 0;
+       }
+/* } */
 #p-cactions .hiddenStructure {
        display: none;
 }
-#p-cactions ul {
-       list-style: none;
-}
-#p-cactions li {
-       display: inline;
-       border: 1px solid #aaa;
-       border-bottom: none;
-       padding: 0 0 .1em 0;
-       margin: 0 .3em 0 0;
-       overflow: visible;
-       background: white;
-}
-#p-cactions li.selected {
-       border-color: #fabd23;
-       padding: 0 0 .2em 0;
-       font-weight: bold;
-}
 #p-cactions li a {
-       background-color: #fbfbfb;
-       color: #002bb8;
-       border: none;
-       padding: 0 .8em .3em;
-       text-decoration: none;
        text-transform: lowercase;
-       position: relative;
-       z-index: 0;
-       margin: 0;
-}
-#p-cactions li.selected a {
-       z-index: 3;
-               background-color: #fff;
-       padding: 0 1em .2em!important;
-}
-#p-cactions .new a {
-       color: #ba0000;
-}
-#p-cactions li a:hover {
-       z-index: 3;
-       text-decoration: none;
-               background-color: #fff;
-}
-#p-cactions h5 {
-       display: none;
-}
-#p-cactions li.istalk {
-       margin-right: 0;
-}
-#p-cactions li.istalk a {
-       padding-right: .5em;
-}
-#p-cactions #ca-addsection a {
-       padding-left: .4em;
-       padding-right: .4em;
-}
-/* offsets to distinguish the tab groups */
-li#ca-talk {
-       margin-right: 1.6em;
-}
-li#ca-watch, li#ca-unwatch, li#ca-varlang-0, li#ca-print {
-       margin-left: 1.6em;
 }
 
 /*
 ** the remaining portlets
 */
-#p-tbx,
-#p-lang {
-       position: relative;
-       z-index: 3;
-}
+/* @media screen, projection { */
+       #p-tbx,
+       #p-lang {
+               position: relative;
+               z-index: 3;
+       }
+/* } */
 
 /* TODO: #t-iscite is only used by the Cite extension, come up with some
  * system which allows extensions to add to this file on the fly
@@ -995,8 +1020,6 @@ li#ca-watch, li#ca-unwatch, li#ca-varlang-0, li#ca-print {
        display: inline;
        margin: 0 1.3em;
 }
-/* hide from incapable browsers */
-head:first-child+body #footer li { white-space: nowrap; }
 #f-poweredbyico, #f-copyrightico {
        margin: 0 8px;
        position: relative;
@@ -1019,20 +1042,24 @@ head:first-child+body #footer li { white-space: nowrap; }
        clear: both;
 }
 #preftoc li {
-       margin: 1px -2px 1px 2px;
-       float: left;
-       padding: 2px 0 3px 0;
        background-color: #f0f0f0;
        color: #000;
-       border: 1px solid #fff;
-       border-right-color: #716f64;
-       border-bottom: 0;
-       position: relative;
-       white-space: nowrap;
-       list-style-type: none;
-       list-style-image: none;
-       z-index: 3;
 }
+/* @media screen, projection { */
+       #preftoc li {
+               margin: 1px -2px 1px 2px;
+               float: left;
+               padding: 2px 0 3px 0;
+               border: 1px solid #fff;
+               border-right-color: #716f64;
+               border-bottom: 0;
+               position: relative;
+               white-space: nowrap;
+               list-style-type: none;
+               list-style-image: none;
+               z-index: 3;
+       }
+/* } */
 #preftoc li.selected {
        font-weight: bold;
        background-color: #f9f9f9;
@@ -1085,15 +1112,15 @@ head:first-child+body #footer li { white-space: nowrap; }
 .prefsection table, .prefsection legend {
        background-color: #F9F9F9;
 }
-.mainLegend {
-       display: none;
-}
+/* @media screen, projection { */
+       .mainLegend {
+               display: none;
+       }
+/* } */
 div.prefsectiontip {
-       font-size: 95%;
-       margin-top: 0;
-       background-color: #FFC1C1;
-       padding: .2em .7em;
-       clear: both;
+       font-size: x-small;
+       padding: .2em 2em;
+       color: #666;
 }
 .btnSavePrefs {
        font-weight: bold;
@@ -1131,10 +1158,10 @@ div#userlogin form#userlogin2 h2 {
        padding-top: 0;
 }
 
-div#userlogin .captcha {
+div#userlogin .captcha,
+div#userloginForm .captcha {
        border: 1px solid #bbb;
        padding: 1.5em 2em;
-       width: 400px;
        background-color: white;
 }
 
@@ -1157,27 +1184,29 @@ div#userlogin .captcha {
        font-weight: bold;
 }
 
-/*
-** IE/Mac fixes, hope to find a validating way to move this
-** to a separate stylesheet. This would work but doesn't validate:
-** @import("IEMacFixes.css");
-*/
-/* tabs: border on the a, not the div */
-* > html #p-cactions li { border: none; }
-* > html #p-cactions li a {
-       border: 1px solid #aaa;
-       border-bottom: none;
-}
-* > html #p-cactions li.selected a { border-color: #fabd23; }
-/* footer icons need a fixed width */
-* > html #f-poweredbyico,
-* > html #f-copyrightico { width: 88px; }
-* > html #bodyContent,
-* > html #bodyContent pre {
-       overflow-x: auto;
-       width: 100%;
-       padding-bottom: 25px;
-}
+/* @media screen, projection { */
+       /*
+       ** IE/Mac fixes, hope to find a validating way to move this
+       ** to a separate stylesheet. This would work but doesn't validate:
+       ** @import("IEMacFixes.css");
+       */
+       /* tabs: border on the a, not the div */
+       * > html #p-cactions li { border: none; }
+       * > html #p-cactions li a {
+               border: 1px solid #aaa;
+               border-bottom: none;
+       }
+       * > html #p-cactions li.selected a { border-color: #fabd23; }
+       /* footer icons need a fixed width */
+       * > html #f-poweredbyico,
+       * > html #f-copyrightico { width: 88px; }
+       * > html #bodyContent,
+       * > html #bodyContent pre {
+               overflow-x: auto;
+               width: 100%;
+               padding-bottom: 25px;
+       }
+/* } */
 
 /* more IE fixes */
 /* float/negative margin brokenness */
@@ -1236,15 +1265,6 @@ span.updatedmarker {
        color: black;
        background-color: #0f0;
 }
-span.newpageletter {
-       font-weight: bold;
-       color: black;
-       background-color: yellow;
-}
-span.minoreditletter {
-       color: black;
-       background-color: #c5ffe6;
-}
 
 table.gallery {
        border: 1px solid #ccc;
@@ -1262,15 +1282,17 @@ table.gallery td {
        background-color: #f9f9f9;
        border: solid 2px white;
 }
-
+/* Keep this temporarily so that cached pages will display right */
 table.gallery td.galleryheader {
-       text-align: center;
+    text-align: center;
+       font-weight: bold;
+}
+table.gallery caption {
        font-weight: bold;
 }
 
 div.gallerybox {
        margin: 2px;
-       width:  150px;
 }
 
 div.gallerybox div.thumb {
@@ -1280,6 +1302,7 @@ div.gallerybox div.thumb {
 }
 
 div.gallerytext {
+       overflow: hidden;
        font-size: 94%;
        padding: 2px 4px;
 }
@@ -1547,7 +1570,7 @@ tr.sv-space td { display: none; }
 .TablePager_nav a { text-decoration: none; }
 .TablePager { border-collapse: collapse; }
 .TablePager, .TablePager td, .TablePager th { 
-       border: 0.15em solid #777777;
+       border: 1px solid #aaaaaa;
        padding: 0 0.15em 0 0.15em;
 }
 .TablePager th { background-color: #eeeeff }
@@ -1564,6 +1587,46 @@ tr.sv-space td { display: none; }
 .mw-summary-preview {
        margin: 0.1em 0;
 }
-#toolbar { clear: both; }
 
+/* Convenience links on Special:Ipblocklist */
+p.mw-ipb-conveniencelinks {
+       font-size: 90%;
+       float: right;
+}
+
+/* Friendlier slave lag warnings */
+div.mw-lag-warn-normal,
+div.mw-lag-warn-high {
+       width: 75%;
+       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 #CC3333;
+       background-color: #CC9999;
+}
+
+/**
+ * Here is some stuff that's ACTUALLY COMMON TO ALL SKINS.
+ * When the day comes, it can be moved to a *real* common.css.
+ */
 .mw-plusminus-null { color: #aaa; }
+.texvc { direction: ltr; unicode-bidi: embed; }
+/* Stop floats from intruding into edit area in previews */
+#toolbar, #wpTextbox1 { clear: both; }
+
+.MediaTransformError {
+       background-color: #ccc;
+       padding: 0.1em;
+}
+.MediaTransformError td {
+       text-align: center;
+       vertical-align: middle;
+       font-size: 90%;
+}