** 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 */
a:hover {
text-decoration: underline;
}
-a.stub {
+a.stub,
+span.mw-stub-example {
color: #772233;
}
a.new, #p-personal a.new {
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;
}
** 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%;
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
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
** 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;
}
/*
** 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%;
/*
** 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
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;
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;
.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;
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;
}
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 */
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;
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 {
}
div.gallerytext {
+ overflow: hidden;
font-size: 94%;
padding: 2px 4px;
}
.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 }
.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%;
+}