Starlight.css

From FEInfobase

Revision as of 22:21, 29 October 2007 by TheDoc (Talk | contribs)
Jump to: navigation, search
*/

/* 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>
Personal tools