Starlight.css
From FEInfobase
(Difference between revisions)
(New page: <pre><nowiki>*/ - →HACK:Prevent #siteSub from showing up in ns:102 (see Common.css) ** Prevent #ca-talk from showing up in ns:100 (see Common.css): .ns-102 * #siteSub, .ns-100 * li...) |
m (Protected "Starlight.css" [edit=sysop:move=sysop]) |
Revision as of 22:21, 29 October 2007
*/
/* HACK:Prevent #siteSub from showing up in ns:102 (see Common.css)
** Prevent #ca-talk from showing up in ns:100 (see Common.css)
*/
.ns-102 * #siteSub,
.ns-100 * li#ca-talk {
display: none !important;
}
/* Logo properties */
#p-logo {
background-image: url(/w/skins/centauris/mirrorpedia.png);
background-repeat: no-repeat;
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: 168px;
width: 12.2em;
background-repeat: no-repeat;
background-position: 35% 50% !important;
text-decoration: none;
}
/* Buttons and search box */
input.searchButton, #wpSave, #wpPreview,#wpDiff {
padding: 0 0.4em !important;
background: #000000;
color: #cccccc;
border: 1px solid #a6110d;
}
/*
** the navigation portlet
*/
#p-navigation {
position: relative;
z-index: 3;
}
#p-navigation .pBody {
padding-right: 0;
}
#p-navigation a {
display: block;
background: #f9f9f9
}
#p-navigation li.active a, #p-navigation li.active a:hover {
text-decoration: none;
display: inline;
font-weight: bold;
}
/* navigation and other left-menu boxes */
#p-navigation,
#p-community,
#p-search,
#p-tb,
#p-lang,
#p-charity,
#p-wikicities-nav {
margin: 1em 0.5em;
width: 11.2em;
}
#p-navigation h5,
#p-community h5,
#p-search h5,
#p-tb h5,
#p-lang h5,
#p-charity h5,
#p-wikicities-nav h5 {
background: #480002;
color: #FFC000;
text-transform: uppercase;
padding: 5px 4px;
text-indent: 7px;
width: 95%;
display: block;
margin-bottom: 3px;
border: 1px solid #700000;
-moz-border-radius-topleft: 1em;
border-radius-topleft: 1em;
}
.pBody {
font-size: 95%;
background: #232323;
color: black;
border: 1px solid #700000;
-moz-border-radius-topright: 1em;
-moz-border-radius-bottomright: 1em;
padding: 0 .8em .3em .5em;
}
.portlet h5 {
background: #480002;
color: #FFC000;
text-transform: uppercase;
padding: 5px 4px;
text-indent: 7px;
width: 95%;
display: block;
margin-bottom: 3px;
border: 1px solid #700000;
-moz-border-radius-topleft: 1em;
border-radius-topleft: 1em;
}
.portlet ul {
line-height: 1.5em;
list-style-type: square;
list-style-image: url(/w/skins/centauris/mubullet.gif);
font-size: 95%;
}
#p-navigation .pBody a,
#p-community .pBody a,
#p-tb .pBody a,
#p-lang .pBody a,
#p-charity .pBody a,
#p-wikicities-nav .pBody a {
text-decoration: none;
}
#p-navigation .pBody a:hover,
#p-community .pBody a:hover,
#p-tb .pBody a:hover,
#p-lang .pBody a:hover,
#p-charity .pBody a:hover,
#p-wikicities-nav .pBody a:hover {
color: #ffd800 !important;
}
/* search box */
#searchInput {
background: url(/w/skins/centaurisb/headbackmu.gif) 0 0 repeat;
color: #cccccc;
border: 1px solid #a6110d;
margin-bottom: 3px;
padding: 2px;
-moz-border-radius-bottomleft: 0.4em;
-moz-border-radius-bottomright: 0.4em;
}
/* general styles */
table {
background: #232323;
font-size: 100%;
color: #B1B1B1;
}
a {
text-decoration: none;
color: #d8ae78;
background: none;
}
a:visited {
color: #c59f6e;
}
a:active {
color: #d8ae78;
}
a:hover {
color: #ffd800;
}
a.stub {
color: #00CCFF;
}
a.new, #p-personal a.new {
color: #C86A6A;
}
a.new:visited, #p-personal a.new:visited {
color: #c59f6e;
}
img {
border: none;
vertical-align: middle;
}
p {
margin: .4em 0 .5em 0;
line-height: 1.5em;
}
p img {
margin: 0;
}
hr {
height: 1px;
color: #aaa;
background-color: #aaa;
border: 0;
margin: .2em 0 .2em 0;
}
h2, h3, h4, h5, h6 {
color: #E5BB63;
background: none;
font-weight: normal;
margin: 0;
padding-top: .5em;
padding-bottom: .17em;
border-bottom: 1px solid #700000;
}
h1 {color: #FFBF18;
border: 1px solid #700000;
background: #000000 url(/w/skins/centauris/muheaderback.png) 0 0 no-repeat;
}
h2 { font-size: 150%; }
h3, h4, h5, h6 {
border-bottom: none;
font-weight: bold;
}
h3 { font-size: 132%; }
h4 { font-size: 116%; }
h5 { font-size: 100%; }
h6 { font-size: 80%; }
h1 .editsection { font-size: 12px; }
h2 .editsection { font-size: 12px; }
h3 .editsection { font-size: 12px; }
h4 .editsection { font-size: 12px; }
h5 .editsection { font-size: 12px; }
h6 .editsection { font-size: 12px; }
#bodyContent a.extiw,
#bodyContent a.extiw:active {
color: #c59f6e;
background: none;
padding: 0;
}
#bodyContent a.external {
color: #c59f6e;
}
ul {
line-height: 1.5em;
list-style-type: square;
margin: .3em 0 0 1.5em;
padding: 0;
list-style-image: url(/w/skins/centauris/mubullet.gif);
}
fieldset {
border: 1px solid #2f6fab;
margin: 1em 0 1em 0;
padding: 0 1em 1em;
line-height: 1.5em;
}
body { background: url(/w/skins/centauris/redspace.jpg) 0 0 repeat;
}
#content {
margin: 2.8em 0 0 12.2em;
padding: 0 1em 1.5em 1em;
background: #000000;
color: #CCCCCC;
border: 1px solid #700000;
line-height: 1.5em;
position: relative;
z-index: 2;
-moz-border-radius-topleft: 1em;
-moz-border-radius-topright: 1em;
-moz-border-radius-bottomleft: 1em;
-moz-border-radius-bottomright: 1em;
}
/* filetoc */
ul#filetoc {
text-align: center;
border: 1px solid #cccccc;
background-color: #232323;
padding: 5px;
font-size: 95%;
margin-bottom: 0.5em;
margin-left: 0;
margin-right: 0;
}
#filetoc li {
display: inline;
list-style-type: none;
padding-right: 2em;
}
div.gallerybox div.thumb {
text-align: center;
border: 1px solid #232323;
margin: 2px;
}
div.gallerytext {
font-size: smaller;
text-align: center;
color: #aecdec;
padding: 2px 4px;
background-color: inherit;
border: none;
}
table.gallery {
border: 1px solid #700000;
margin: 2px auto 2px auto;
padding: 2px;
background-color: inherit;
}
table.gallery tr {
vertical-align: top;
background-color: inherit;
}
table.gallery td {
vertical-align: top;
background-color: inherit;
border: none;
margin: 2px;
}
div.gallerybox {
margin: 2px;
width: 130px;
border: none;
background-color: transparent;
}
div.gallerybox div.thumb {
text-align: center;
border: 1px solid #232323;
margin: 2px;
-moz-border-radius-topleft: 0.6em;
-moz-border-radius-topright: 0.6em;
-moz-border-radius-bottomleft: 0.6em;
-moz-border-radius-bottomright: 0.6em;
}
div.gallerytext {
font-size: smaller;
text-align: center;
color: #aecdec;
padding: 2px 4px;
background-color: inherit;
border: none;
}
code {
background-color: transparent;
}
pre {
border: 1px solid #ff0000;
color: #cccccc;
background-color: #700000;
line-height: 1.1em;
}
td.diff-addedline { font-size: 100%; }
td.diff-deletedline { font-size: 100%; }
td.diff-context { font-size: 100%; }
table.gallery {
border: 1px solid #23394F;
margin: 2px auto 2px auto;
padding: 2px;
background-color: inherit;
}
table.gallery tr {
vertical-align: top;
background-color: inherit;
}
table.gallery td {
vertical-align: top;
background-color: inherit;
border: none;
margin: 2px;
}
div.gallerybox {
margin: 2px;
width: 130px;
border: none;
background-color: transparent;
}
div.gallerybox div.thumb {
text-align: center;
border: 1px solid #232323;
margin: 2px;
-moz-border-radius-topleft: 0.6em;
-moz-border-radius-topright: 0.6em;
-moz-border-radius-bottomleft: 0.6em;
-moz-border-radius-bottomright: 0.6em;
}
div.gallerytext {
font-size: smaller;
text-align: center;
color: #a7a7a7;
padding: 2px 4px;
background-color: inherit;
border: none;
}
.sidebar {
float: right;
width: 220px;
margin: 0 0 1em 1em;
background: #f7f7f7;
border: 1px #000000 solid;
border-collapse: collapse;
color: #000000;
font-size: 95%;
}
/*
** content styles
*/
#toc,
.toc,
.mw-warning {
border: 1px solid #280001;
background-color: #350001;
padding: 5px;
font-size: 95%;
-moz-border-radius-topleft: 0.6em;
-moz-border-radius-topright: 0.6em;
-moz-border-radius-bottomleft: 0.6em;
-moz-border-radius-bottomright: 0.6em;
}
#toc h2,
.toc h2 {
display: inline;
border: none;
padding: 0;
font-size: 100%;
font-weight: bold;
}
#toc #toctitle,
.toc #toctitle,
#toc .toctitle,
.toc .toctitle {
text-align: center;
}
#toc ul,
.toc ul {
list-style-type: none;
list-style-image: none;
margin-left: 0;
padding-left: 0;
text-align: left;
}
#toc ul ul,
.toc ul ul {
margin: 0 0 0 2em;
}
#toc .toctoggle,
.toc .toctoggle {
font-size: 94%;
}
.mw-warning {
margin-left: 50px;
margin-right: 50px;
text-align: center;
}
/* images */
div.floatright, table.floatright {
clear: right;
float: right;
position: relative;
margin: 0 0 .5em .5em;
border: 0;
/*
border: .5em solid #669BC3;
border-width: .5em 0 .8em 1.4em;
*/
}
div.floatright p { font-style: italic; }
div.floatleft, table.floatleft {
float: left;
position: relative;
margin: 0 .5em .5em 0;
border: 0;
/*
margin: .3em .5em .5em 0;
border: .5em solid #669BC3;
border-width: .5em 1.4em .8em 0;
*/
}
div.floatleft p { font-style: italic; }
/* thumbnails */
div.thumb div {
border: 1px solid #700000;
padding: 3px !important;
background: none !important;
font-size: 95%;
text-align: center;
overflow: hidden !important;
-moz-border-radius-topleft: 0.6em;
-moz-border-radius-topright: 0.6em;
-moz-border-radius-bottomleft: 0.6em;
-moz-border-radius-bottomright: 0.6em;
}
div.thumb {
margin-bottom: .5em;
border-style: solid;
width: auto;
}
/*
** the page-related actions- page/talk, edit etc
*/
#p-cactions {
position: absolute;
top: 1.25em;
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 .hiddenStructure {
display: none;
}
#p-cactions ul {
list-style: none;
}
#p-cactions li {
border: 1px solid #700000;
color: #cccccc;
background: #000000;
}
#p-cactions li.selected {
color: #f7f7f7;
background: #A6110D;
border: 1px solid #700000;
}
#p-cactions li a {
background: #232323 0 0 repeat;
color: #cccccc;
border: none;
padding: 0 .8em .3em;
text-decoration: none;
text-transform: lowercase;
-moz-border-radius-topleft: 0.4em;
-moz-border-radius-topright: 0.4em;
border-radius-topleft: 0.4em;
border-radius-topright: 0.4em;
position: relative;
z-index: 0;
margin: 0;
}
#p-cactions li.selected a {
color: #f7f7f7;
background: #232323;
border: 2px solid #700000;
font-weight: bold;
}
#p-cactions .new a {
color: #ba0000;
}
#p-cactions li a:hover {
background: #A6110D;
color: #ffd800; }
}
#p-cactions h5 {
display: none;
}
/*
** the personal toolbar
*/
#p-personal {
width: auto;
white-space: nowrap;
padding: 0;
margin: 0;
position: absolute;
right: 0;
top: 0;
z-index: 0;
border: border: 1px solid #700000;
background: #000000;
overflow: visible;
line-height: 1.2em;
-moz-border-radius-bottomleft: 1em;
}
#p-personal h5 {
display: none;
}
#p-personal .portlet,
#p-personal .pBody {
padding: 0;
margin: 0;
border: none;
z-index: 0;
overflow: visible;
background: none;
}
/* this is the ul contained in the portlet */
#p-personal ul {
border: none;
line-height: 1.4em;
color: #c59f6e;
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: #c59f6e;
margin-left: 1em;
line-height: 1.2em;
background: none;
}
#p-personal li.active {
font-weight: bold;
}
#p-personal li a {
text-decoration: none;
color: #c59f6e;
padding-bottom: .2em;
background: none;
}
#p-personal li a:hover {
background: #A6110D;
color: #ffd800;
}
#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(/w/skins/centauris/muuser.gif) top left no-repeat;
padding-left: 20px;
text-transform: none;
}
div#catlinks {
border-top: 1px solid #700000;
border-bottom: 1px solid #700000;
border-left: 1px solid #700000;
border-right: 1px solid #700000;
background: #000000 url(/w/skins/centauris/mufooterback.png) top left no-repeat;
color: #ffc000;
padding: 0;
}
p.catlinks {
border: transparent;
margin: 2px;
padding: 7px;
}
p.catlinks a, a.visited { color:#c59f6e; }
p.catlinks a:hover { color:#ffc000; }
/*
** main content area
*/
#siteSub {
display: none;
}
#jump-to-nav {
display: none;
}
#contentSub, #contentSub2 {
color: #888888;
}
span.subpages {
display: block;
}
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;
}
table.gallery td.galleryheader {
text-align: center;
font-weight: bold;
}
div.gallerybox {
margin: 2px;
width: 150px;
}
div.gallerybox div.thumb {
text-align: center;
border: 1px solid #ccc;
margin: 2px;
}
div.gallerytext {
font-size: 94%;
padding: 2px 4px;
}
span.comment {
font-style: italic;
}
span.changedby {
font-size: 95%;
}
.previewnote {
text-indent: 3em;
color: #c00;
border-bottom: 1px solid #669BC3;
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;
}
li span.deleted, span.history-deleted {
text-decoration: line-through;
color: #888;
font-style: italic;
}
.toggle {
margin-left: 2em;
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 #669BC3;
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;
}
/* filetoc */
ul#filetoc {
text-align: center;
border: 1px solid #669BC3;
background-color: #000000;
padding: 5px;
font-size: 95%;
margin-bottom: 0.5em;
margin-left: 0;
margin-right: 0;
}
#filetoc li {
display: inline;
list-style-type: none;
padding-right: 2em;
}
/* @bug 1714 */
input#wpSave, input#wpDiff {
margin-right: 0.33em;
}
#editform .editOptions {
display: inline;
}
#wpSave {
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;
}
#mw_trackbacks {
border: solid 1px #bbbbff;
background-color: #eeeeff;
padding: 0.2em;
}
/* 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;
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.multipageimagenavbox {
border: solid 1px silver;
padding: 4px;
margin: 1em;
-moz-border-radius: 6px;
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;
}
/*
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: 0.15em solid #777777;
padding: 0 0.15em 0 0.15em;
}
.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 }
*/
<pre>