Difference between revisions of "MediaWiki:Monobook.css"

From Discovery Wiki
Jump to navigationJump to search
Line 490: Line 490:
 
}
 
}
 
div.thumbinner {
 
div.thumbinner {
   border: 1px solid #ccc;
+
   border: none;
 
   padding: 3px !important;
 
   padding: 3px !important;
   background-color: transparent !important;
+
   background-color: #14193F !important;
 
   font-size: 94%;
 
   font-size: 94%;
 
   text-align: center;
 
   text-align: center;
Line 498: Line 498:
 
}
 
}
 
html .thumbimage {
 
html .thumbimage {
   border: 1px solid #ccc;
+
   border: 1px solid #202653;
 
}
 
}
 
html .thumbcaption {
 
html .thumbcaption {
Line 524: Line 524:
 
}
 
}
 
div.tleft {
 
div.tleft {
float: left;
+
  float: left;
clear: left;
+
  clear: left;
margin-right: .5em;
+
  margin-right: .5em;
padding: .5em 1.4em .8em 0;
+
  padding: .5em 1.4em .8em 0;
border: 0;
+
  border: 0;
 
}
 
}
 +
/* border for the thumbnailed images. */
 
img.thumbborder {
 
img.thumbborder {
border: 1px solid #dddddd;
+
  border: none;
 
}
 
}
 
.hiddenStructure {
 
.hiddenStructure {
display: none;
+
  display: none;
 
}
 
}
  

Revision as of 11:28, 20 August 2009

/*
** MediaWiki 'monobook' style sheet for CSS2-capable browsers.
** Copyright Gabriel Wicke - http://wikidev.net/
** License: GPL (http://www.gnu.org/copyleft/gpl.html)
**
** Loosely based on http://www.positioniseverything.net/ordered-floats.html by Big John
** and the Plone 2.0 styles, see http://plone.org/ (Alexander Limi,Joe Geldart & Tom Croucher,
** Michael Zeltner and Geir Bækholt)
** All you guys rock :)
*/

#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 1em 1em;
  position: relative;
  z-index: 2;

}
#column-one {
  padding-top: 160px;
}

/* The section inside the main frame, i.e. the area of the text content, not the sidebar or logo */ 
#content {
  background: #14193F;
  background-image: url(http://discoveryfl.com/wiki/images/6/67/Wall.jpg);
  color: #838383;
  border: 1px solid #202653;
  border-right: none;
  line-height: 1.5em;
}
/* the left column width is specified in class .portlet */

/* Font size:
** We take advantage of keyword scaling- browsers won't go below 9px
** More at http://www.w3.org/2003/07/30-font-size
** http://style.cleverchimp.com/font_size_intervals/altintervals.html
*/

/* The first part behind the logo, and sidebars. Extends underneath the top tabs and preferences */
body {
  font: x-small sans-serif;
  background-color: #14193F;
 /* background-image: url(http://npshare.de/files/fc35d806/WIKIBG_UPPERLEFT.png); */
  background-image: url(http://discoveryfl.com/wiki/images/6/67/Wall.jpg);
 /* background-repeat:repeat-x; */
  color: #727272;
  margin: 0;
  padding: 0;
}

/* scale back up to a sane default */
#globalWrapper {
  font-size: 127%;
  width: 100%;
  margin: 0;
  padding: 0;
}

/* general styles */

table {
  font-size: 100%;
  color: #7FB7D2;
  /* we don't want the bottom borders of h2s to be visible through floated tables */
  background-color: #171A2F;
}

table
fieldset table {
  /* but keep table layouts in forms clean... */
  background: #171A2F;
}
a {
  text-decoration: none;
  color: #7E84AB;
  background: none;
}
a:visited {
  color: #8D7EAB;
}
a:active {
  color: white;
}
a:hover {
  text-decoration: underline;
  font-weight: bold;
}
a.stub {
  color: #7E84AB;
}
a.new, #p-personal a.new {
  color: #7E84AB;
}
a.new:visited, #p-personal a.new:visited {
  color: #8D7EAB;
}

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: #14193F;
  border: 0;
  margin: .2em 0 .2em 0;
}

h1, h2, h3, h4, h5, h6 {
  color: #7E84AB;
  background: none;
  font-weight: normal;
  font-family:"Agency FB", Verdana, Arial, sans-serif;
  margin: 0;
  padding-top: .5em;
  padding-bottom: .17em;
  border-bottom: 1px solid #aaa;
}
h1 { font-size: 188%; }
h1 .editsection { font-size: 53%; }
h2 { font-size: 150%; }
h2 .editsection { font-size: 67%; }
h3, h4, h5, h6 {
  border-bottom: none;
  font-weight: bold;
}
h3 { font-size: 132%; }
h3 .editsection { font-size: 76%; font-weight: normal; }
h4 { font-size: 116%; }
h4 .editsection { font-size: 86%; font-weight: normal; }
h5 { font-size: 100%; }
h5 .editsection { font-weight: normal; }
h6 { font-size: 80%;  }
h6 .editsection { font-size: 125%; font-weight: normal; }

ul {
  line-height: 1.5em;
  list-style-type: square;
  margin: .3em 0 0 1.5em;
  padding: 0;
  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;
}
dd {
  line-height: 1.5em;
  margin-left: 2em;
  margin-bottom: .1em;
}

fieldset {
  border: 1px solid #2f6fab;
  margin: 1em 0 1em 0;
  padding: 0 1em 1em;
  line-height: 1.5em;
}
fieldset.nested {
  margin: 0 0 0.5em 0;
  padding: 0 0.5em 0.5em;
}
legend {
  padding: .5em;
  font-size: 95%;
}
form {
  border: none;
  margin: 0;
}

textarea {
  width: 100%;
  padding: .1em;
}

input.historysubmit {
  padding: 0 .3em .3em .3em !important;
  font-size: 94%;
  cursor: pointer;
  height: 1.7em !important;
  margin-left: 1.6em;
}
select {
  vertical-align: top;
}
abbr, acronym, .explain {
  border-bottom: 1px dotted black;
  color: black;
  background: white;
  cursor: help;
}
q {
  font-family: Times, "Times New Roman", serif;
  font-style: italic;
}
/* disabled for now
blockquote {
  font-family: Times, "Times New Roman", serif;
  font-style: italic;
} */
code {
  color: black;
  background-color: #DEDFE2;
}
pre {
  padding: 1em;
  border: 1px dashed #2f6fab;
  color: white;
  background-color: #171A2F;
  line-height: 1.1em;
}

/*
** the main content area
*/

#siteSub {
  display: none;
}
#jump-to-nav {
  display: none;
}

#contentSub, #contentSub2 {
  font-size: 84%;
  line-height: 1.2em;
  margin: 0 0 1.4em 1em;
  color: #7d7d7d;
  width: auto;
}
span.subpages {
  display: block;
}

/* Main page sections */
/* This changes the Main Page sections. They are currently boxed and bordered with different colors. The text color is changed in the body tag. That main background is set in the first "section". */
.mainpage-section{
  background-color:transparent;
  padding: .5em 1em; 
  margin: 1em;
}

/* individual borders for each section, while keeping the rest the same. Adjust "mainpage-section" for general changes. */
.mainpage-section-welcome {
  border: 1px solid white; 
}
.mainpage-section-introduction {
  border: 1px solid #ffcc00; 
}
.mainpage-section-rp247 {
  border: 1px solid #ff7848;
}
.mainpage-section-roleplay {
  border: 1px solid #69ceff; 
}
.mainpage-section-reference {
  border: 1px solid #80e080; 
}
.mainpage-section-mod {
  border: 1px solid #69ceff; 
}
.mainpage-section-dev {
  border: 1px solid #ff7848;
}
.mainpage-section-contribute {
  border: 1px solid #ffcc00;
}

/* This changes the Main Page Section Titles. It should inherit the border from the Section above */
.mainpage-section-title {
  margin:0px;
  background-color:#14193F;
  border: inherit;
  font-size:120%;
  font-weight:bold;
  text-align:center;
  color:#636A9F;
  padding:0.2em 0.4em;
}

/* Styles for the templates "Outdated" */
.flavortext {
  background-color:#14193F; 
  width:90%; 
  border: 2px dashed #ffcc00;
  padding: 1em;
  margin: 1em 1em"
}




/* Some space under the headers in the content area */
#bodyContent h1, #bodyContent h2 {
  margin-bottom: .6em;
}
#bodyContent h3, #bodyContent h4, #bodyContent h5 {
  margin-bottom: .3em;
}
#firstHeading {
  margin-bottom: .1em;
  /* These two rules hack around bug 2013 (fix for more limited bug 11325). When bug 2013 is fixed properly, they should be removed. */
  line-height: 1.2em;
  padding-bottom: 0;
}

/* user notification thing */
.usermessage {
  background-color: transparent;
  border: 1px solid #ffa500;
  color: black;
  font-weight: bold;
  margin: 2em 0 1em;
  padding: .5em 1em;
  vertical-align: middle;
}
#siteNotice {
  text-align: center;
  font-size: 95%;
  padding-top: 0.9em;
}
#siteNotice p {
  margin: 0;
  padding: 0;
}
/* Category bar styling */
#catlinks {
  border: none;
  background-color: transparent;
  padding: 5px;
  margin-top: 1em;
  clear: both;
}

.catlinks {
  border: 1px solid #aaa;
  background-color: #383838;
  padding: 5px;
  margin-top: 1em;
  clear: both;
}
/* currently unused, intended to be used by a metadata box in the bottom-right corner of the content area */
.documentDescription {
  /* The summary text describing the document */
  font-weight: bold;
  display: block;
  margin: 1em 0;
  line-height: 1.5em;
}
.documentByLine {
  text-align: right;
  font-size: 90%;
  clear: both;
  font-weight: normal;
  color: #76797c;
}

/* emulate center */
.center {
  width: 100%;
  text-align: center;
}
*.center * {
  margin-left: auto;
  margin-right: auto;
}
/* small for tables and similar */
.small, .small * {
  font-size: 94%;
}
table.small {
  font-size: 100%;
}

/*
** content styles
*/

#toc,
.toc,
.mw-warning {
  border: 1px solid black;
  background-color: #383838;
  padding: 5px;
  font-size: 95%;
}
#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;
  background-color:transparent;
/*
  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;
  margin: 0 .5em .5em 0;
  border: 0;
  background-color:transparent;
/*
  margin: .3em .5em .5em 0;
  border: .5em solid white;
  border-width: .5em 1.4em .8em 0;
*/
}
div.floatleft p { font-style: italic; }
/* thumbnails */
div.thumb {
  margin-bottom: .5em;
  /*border-style: solid;
  border-color: white;*/
  background-color: transparent !important;
  width: auto;
}
div.thumbinner {
  border: none;
  padding: 3px !important;
  background-color: #14193F !important;
  font-size: 94%;
  text-align: center;
  overflow: hidden;
}
html .thumbimage {
  border: 1px solid #202653;
}
html .thumbcaption {
  border: none;
  text-align: left;
  line-height: 1.4em;
  padding: 3px !important;
  font-size: 94%;
}
div.magnify {
  float: right;
  border: none !important;
  background: none !important;
}
div.magnify a, div.magnify img {
  display: block;
  border: none !important;
  background: none !important;
}
div.tright {
  clear: right;
  float: right;
  padding: .5em 0 .8em 1.4em;
  border: 0;
}
div.tleft {
  float: left;
  clear: left;
  margin-right: .5em;
  padding: .5em 1.4em .8em 0;
  border: 0;
}
/* border for the thumbnailed images. */
img.thumbborder {
  border: none;
}
.hiddenStructure {
  display: none;
}

/*
** classes for special content elements like town boxes
** intended to be referenced directly from the wiki src
*/

/*
** User styles
*/
/* table standards */
table.rimage {
	float: right;
	position: relative;
	margin-left: 1em;
	margin-bottom: 1em;
	text-align: center;
}
.toccolours {
	border: 1px solid #aaa;
	background-color: #14193F;
	padding: 5px;
	font-size: 95%;
}

/*
** edit views etc
*/
.special li {
	line-height: 1.4em;
	margin: 0;
	padding: 0;
}

/*
** keep the whitespace in front of the ^=, hides rule from konqueror
** this is css3, the validator doesn't like it when validating as css2
*/
#bodyContent a.external,
#bodyContent a.external[href ^="gopher://"] {
	background: url(external.png) center right no-repeat;
	padding: 0 13px;
}
.rtl #bodyContent a.external,
.rtl #bodyContent a.external[href ^="gopher://"] {
	background-image: url(external-rtl.png);
}
#bodyContent a.external[href ^="https://"],
.link-https {
	background: url(lock_icon.gif) center right no-repeat;
	padding: 0 16px;
}
#bodyContent a.external[href ^="mailto:"],
.link-mailto {
	background: url(mail_icon.gif) center right no-repeat;
	padding: 0 18px;
}
#bodyContent a.external[href ^="news://"] {
	background: url(news_icon.png) center right no-repeat;
	padding: 0 18px;
}
#bodyContent a.external[href ^="ftp://"],
.link-ftp {
	background: url(file_icon.gif) center right no-repeat;
	padding: 0 18px;
}
#bodyContent a.external[href ^="irc://"],
.link-irc {
	background: url(discussionitem_icon.gif) center right no-repeat;
	padding: 0 18px;
}
#bodyContent a.external[href $=".ogg"], #bodyContent a.external[href $=".OGG"],
#bodyContent a.external[href $=".mid"], #bodyContent a.external[href $=".MID"],
#bodyContent a.external[href $=".midi"], #bodyContent a.external[href $=".MIDI"],
#bodyContent a.external[href $=".mp3"], #bodyContent a.external[href $=".MP3"],
#bodyContent a.external[href $=".wav"], #bodyContent a.external[href $=".WAV"],
#bodyContent a.external[href $=".wma"], #bodyContent a.external[href $=".WMA"],
.link-audio {
	background: url("audio.png") center right no-repeat;
	padding: 0 13px;
}
#bodyContent a.external[href $=".ogm"], #bodyContent a.external[href $=".OGM"],
#bodyContent a.external[href $=".avi"], #bodyContent a.external[href $=".AVI"],
#bodyContent a.external[href $=".mpeg"], #bodyContent a.external[href $=".MPEG"],
#bodyContent a.external[href $=".mpg"], #bodyContent a.external[href $=".MPG"],
.link-video {
	background: url("video.png") center right no-repeat;
	padding: 0 13px;
}
#bodyContent a.external[href $=".pdf"], #bodyContent a.external[href $=".PDF"],
#bodyContent a.external[href *=".pdf#"], #bodyContent a.external[href *=".PDF#"],
#bodyContent a.external[href *=".pdf?"], #bodyContent a.external[href *=".PDF?"],
.link-document {
	background: url("document.png") center right no-repeat;
	padding: 0 12px;
}

/* for rtl wikis */
.rtl #bodyContent a.external {
	background-position: left;
	padding-right: 0;
}
.rtl a.feedlink {
	background-position: right;
	padding-right: 16px;
	padding-left: 0;
}

/* correction for ltr wikis */
.ltr #bodyContent a.external {
	padding-left: 0;
}

/* disable interwiki styling */
#bodyContent a.extiw,
#bodyContent a.extiw:active {
	color: white;
}
#bodyContent a.external {
	color: white;
}
/*
** Structural Elements
*/

/*
** general portlet styles (elements in the quickbar)
*/
.portlet {
	border: none;
	margin: 0 0 .5em;
	padding: 0;
	float: none;
	width: 11.6em;
	overflow: hidden;
}
.portlet h4 {
	font-size: 95%;
	font-weight: normal;
	white-space: nowrap;
}
.portlet h5 {
	background: #14193F;
	padding: 0 1em 0 .5em;
	display: inline;
	height: 1em;
	text-transform: lowercase;
	font-size: 91%;
	font-weight: normal;
	white-space: nowrap;
}
.portlet h6 {
	background: #14193F;
	border: 1px solid #202653;
	border-style: solid solid none solid;
	padding: 0 1em 0 1em;
	text-transform: lowercase;
	display: block;
	font-size: 1em;
	height: 1.2em;
	font-weight: normal;
	white-space: nowrap;
}

/* Left nav boxes styles */
.pBody {
	font-size: 95%;
	background-color: #14193F;
	color: black;
	border-collapse: collapse;
	border: 1px solid #202653;
	padding: 0 .8em .3em .5em;
}
.portlet h1,
.portlet h2,
.portlet h3,
.portlet h4 {
	margin: 0;
	padding: 0;
}
.portlet ul {
	line-height: 1.5em;
	list-style-type: square;
	list-style-image: url(bullet.gif);
	font-size: 95%;
}
.portlet li {
	padding: 0;
	margin: 0;
}

/*
** Logo properties
*/

#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;  */
/*      background-image: url(http://discoveryfl.com/wiki/images/5/5c/Logo2.jpg) !important; */
        background-image: url(http://discoveryfl.com/wiki/images/6/67/Wall.jpg) !important; 
	text-decoration: none;
}

/*
** Search portlet
*/
#p-search {
	position: relative;
	z-index: 3;
}
input.searchButton {
	margin-top: 1px;
	font-size: 95%;
}
#searchGoButton {
	padding-left: .5em;
	padding-right: .5em;
	font-weight: bold;
}
#searchInput {
	width: 10.9em;
	margin: 0;
	font-size: 95%;
}
#p-search .pBody {
	padding: .5em .4em .4em .4em;
	text-align: center;
}
#p-search #searchform div div {
	margin-top: .4em;
	font-size: 95%;
}
/*
** the personal toolbar
*/
#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: #14193F;
	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 {
	text-transform: lowercase;
}
#p-personal li.active {
	font-weight: bold;
}
/* the page-related actions- page/talk, edit etc */
/* top menu items */
#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 #202653;
	border-bottom: none;
	padding: 0 0 .1em 0;
	margin: 0 .3em 0 0;
	overflow: visible;
	background: #14193F;
}
#p-cactions li.selected {
	background-color: #171A2F;
	border-color: #202653;
	padding: 0 0 .2em 0;
	font-weight: bold;
}

#p-cactions li a {
	background-color: #14193F;
	color: white;
	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: #14193F;
}
#p-cactions .new a {
	color: #ba0000;
}
#p-cactions li a:hover {
	z-index: 3;
	text-decoration: none;
	background-color: #14193F;
}
#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 li a {
	text-transform: lowercase;
}

#p-lang {
	position: relative;
	z-index: 3;
}

/* Override text-transform on languages where capitalization is significant */
.capitalize-all-nouns .portlet h5,
.capitalize-all-nouns .portlet h6,
.capitalize-all-nouns #p-personal ul,
.capitalize-all-nouns #p-cactions ul li a {
	text-transform: none;
}

/* 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
 */
#t-ispermalink, #t-iscite {
	color: #999;
}
/*
** footer
*/
#footer {
	background-color: #14193F;
	background-image: url(http://discoveryfl.com/wiki/images/6/67/Wall.jpg);
	border-top: 1px solid #202653;
	border-bottom: 1px solid #202653;
	margin: .6em 0 1em 0;
	padding: .4em 0 1.2em 0;
	text-align: center;
	font-size: 90%;
}
#footer li {
	display: inline;
	margin: 0 1.3em;
}
#f-poweredbyico, #f-copyrightico {
	margin: 0 8px;
	position: relative;
	top: -2px; /* Bump it up just a tad */
}
#f-poweredbyico {
	float: right;
	height: 1%;
}
#f-copyrightico {
	float: left;
	height: 1%;
}

.mw-htmlform-submit {
	font-weight: bold;
	padding-left: .3em;
	padding-right: .3em;
	margin-right: 2em;
}

/* js pref toc */
#preftoc {
	margin: 0;
	padding: 0;
	width: 100%;
	clear: both;
}
#preftoc li {
	background-color: #14193F;
	color: #000;
}
#preftoc li {
	margin: 1px -2px 1px 2px;
	float: left;
	padding: 2px 0 3px 0;
	border: 1px solid #7FB7D2;
	border-right-color: #7FB7D2;
	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: #14193F;
	border: 1px solid #7FB7D2;
	border-bottom: none;
	cursor: default;
	top: 1px;
	padding-top: 2px;
	margin-right: -3px;
}
#preftoc > li.selected {
	top: 2px;
}
#preftoc a,
#preftoc a:active {
	display: block;
	color: #000;
	padding: 0 .7em;
	position: relative;
	text-decoration: none;
}
#preftoc li.selected a {
	cursor: default;
	text-decoration: none;
}
#preferences {
	margin: 0;
	border: 1px solid #7FB7D2;
	clear: both;
	padding: 1.5em;
	background-color: #14193F;
}
.prefsection {
	border: none;
	padding: 0;
	margin: 0;
}

.prefsection legend {
	font-weight: bold;   
}
.prefsection table, .prefsection legend {
	background-color: #14193F;
}
.mainLegend {
	display: none;
}
td.htmlform-tip {
	font-size: x-small;
	padding: .2em 2em;
	color: #666;
}

.preferences-login {
	clear: both;
	margin-bottom: 1.5em;
}

.prefcache {
	font-size: 90%;
	margin-top: 2em;
}

div#userloginForm form,
div#userlogin form#userlogin2 {
	margin: 0 3em 1em 0;
	border: 1px solid #aaa;
	clear: both;
	padding: 1.5em 2em;
	background-color: #14193F;
	float: left;
}
.rtl div#userloginForm form,
.rtl div#userlogin form#userlogin2 {
	float: right;
}

div#userloginForm table,
div#userlogin form#userlogin2 table {
	background-color: #14193F;
}

div#userloginForm h2,
div#userlogin form#userlogin2 h2 {
	padding-top: 0;
}

div#userlogin .captcha,
div#userloginForm .captcha {
	border: 1px solid #bbb;
	padding: 1.5em 2em;
	background-color: #14193F;
}

#loginend, #signupend {
	clear: both;
}

#userloginprompt, #languagelinks {
	font-size: 85%;
}

#login-sectiontip {
	font-size: 85%;
	line-height: 1.2;
	padding-top: 2em;
}

#userlogin .loginText, #userlogin .loginPassword {
	width: 12em;
}

#userloginlink a, #wpLoginattempt, #wpCreateaccount {
	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: #7FB7D2; }
/* 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 */
* html #footer {margin-top: 0;}
* html #column-content {
	display: inline;
	margin-bottom: 0;
}
* html div.editsection { font-size: smaller; }
#pagehistory li.selected { position: relative; }

/* Mac IE 5.0 fix; floated content turns invisible */
* > html #column-content {
	float: none;
}
* > html #column-one {
	position: absolute;
	left: 0;
	top: 0;
}
* > html #footer {
	margin-left: 13.2em;
}
.redirectText {
	font-size: 150%;
	margin: 5px;
}

.printfooter {
	display: none;
}


div.patrollink {
	clear: both;
}
span.newpage, span.minor, span.bot {
	font-weight: bold;
}

.sharedUploadNotice {
	font-style: italic;
}

span.updatedmarker {
	color: black;
	background-color: #14193F;
}

table.gallery {
	border: 1px solid #ccc;
	margin: 2px;
	padding: 2px;
	background-color: #14193F;
}

table.gallery tr {
	vertical-align: top;
}

table.gallery td {
	vertical-align: top;
	background-color: #14193F;
	border: solid 2px white;
}
/* Keep this temporarily so that cached pages will display right */
table.gallery td.galleryheader {
    text-align: center;
	font-weight: bold;
}
table.gallery caption {
	font-weight: bold;
}



div.gallerybox {
	margin: 2px;
}



div.gallerybox div.thumb {
	text-align: center;
	background-color:transparent;
	border: 1px solid #7FB7D2;
	margin: 2px;
}

div.gallerytext {
	overflow: hidden;
	font-size: 94%;
	padding: 2px 4px;
}

span.comment {
	font-style: italic;
}

span.changedby {
  font-size: 95%;
}

.previewnote {
  color: #c00;
  margin-bottom: 1em;
}

.previewnote p {
  text-indent: 3em;
  margin: 0.8em 0;
}

.editExternally {
  border: 1px solid gray;
  background-color: transparent;
  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;
}

input#wpSummary {
  width: 80%;
}

/* @bug 1714 */
input#wpSave, input#wpDiff {
  margin-right: 0.33em;
}

#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;
}

/* Allmessages table */

#allmessagestable th {
  background-color: #14193F;
}

#allmessagestable tr.orig {
  background-color: #14193F;
}

#allmessagestable tr.new {
  background-color: #14193F;
}

#allmessagestable tr.def {
  background-color: #14193F;
}


/* noarticletext */
div.noarticletext {
  border: 1px solid #7FB7D2;
  background: #14193F;
  padding: .2em 1em;
  color: #000;
}

div#searchTargetContainer {
  left:       10px;
  top:        10px;
  width:      90%;
  background: #14193F;
}

div#searchTarget {
  padding:    3px;
  margin:     5px;
  background: #14193F;
  border:     solid 1px #7FB7D2;
}

div#searchTarget ul li {
  list-style: none;
}

div#searchTarget ul li:before {
  color: orange;
  content: "\00BB \0020";
}

div#searchTargetHide {
  float:right;
  border:solid 1px #7FB7D2;
  background:#DCDCDC;
  padding:2px;
}

#powersearch p {
	margin-top:0px;
}

div.multipageimagenavbox {
   border: solid 1px #7FB7D2;
   padding: 4px;
   margin: 1em;
   background: #14193F;
}

div.multipageimagenavbox div.thumb {
   border: none;
   background-color:transparent;
   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 #FF0000;
  background-color: #FFCCCC;
}

.MediaTransformError {
  background-color: transparent;
  padding: 0.1em;
}
.MediaTransformError td {
  text-align: center;
  vertical-align: middle;
  font-size: 90%;
}

/* God-damned hack for the crappy layout */
.os-suggest {
  font-size: 127%;
}

/* Sometimes people don't want personal tools to be lowercase! */
.no-text-transform {
  text-transform: none;
}


/* Custom things set by Hyung so that templates can be set from the "skinname".css */
/* 
** This sets the style of the Character,Ship,Planet,Base, Faction, TOC Faction, template infoboxes field titles for
** Origin, Alignment, Affiliation, Born, Died, 
** Ship Class, Built by, Guns-Turrets,  Opt. weapon class, Max. weapon class, Additional equipment, Hull strength, Max. shield class, Cargo space, Nanobots-Batteries, Max. impulse speed, Max. thrust speed, Power output, Power recharge, Ship price, Package price,
** Owner, Location, Population, Docking, Terrain, Diameter, Mass, Temperature, Escape velocity,
** Type, Owner, Location, Gravity, Docking, Amenities, Population
** Date of founding, Founder(s), Base of operations," 
** Date of founding, Founder(s), Base of operations," 
*/  
.infobox-data-title {
  background-color: transparent!important;
}

/* Not currently in use */
.infobox-fields{
  background-color: white!important;
}

/* 
** This sets the style of the Character,Ship,Planet,Base, Faction, TOC Faction template infoboxes section titles for
** Name, Profile
** Name, Technical information, Additional information
** Name, Technical information,
** Name, Technical information
** Name, Profile, Primary role, Secondary role 
** Name, Profile, Primary role, Secondary role, Table of contents 
*/  

.infobox-name,
.infobox-section {
  background-color: #14193F!important;
  font-weight: bold;
  color:#636A9F;
  text-align: center; 
}

/* Sets the size/extra style of the Name of the infobox person/ship/base/planet/Faction */ 
.infobox-name{
  font-size: 14px;
}

.SpecialPageInfo {
  background-color: transparent;
  background-image: url(http://upload.wikimedia.org/wikipedia/commons/thumb/8/89/Exquisite-khelpcenter.png/35px-Exquisite-khelpcenter.png);
  background-position: 0.8em 0.5em;
  background-repeat: no-repeat;
  padding: 0.3em 0.5em 0.3em 5.0em;
  border-color: #025e9d; 
  border-width: 1px; 
  border-style: solid;
  border-bottom-width: medium;
  margin-bottom: 1em;
}

/* Background colors */
.backgroundc1 { background-color: #ffffff; }  /* white */
.backgroundc2 { background-color: transparent; }  /* light grey (as toc)  */
.backgroundc3 { background-color: #eeeeee; }  /* light grey (headers) */ 
.backgroundc4 { background-color: #e0e0e0; }  /* more grey */
.backgroundc5 { background-color: #d2d2d2; }  /* more grey */
.backgroundc6 { background-color: #b7b7b7; }  /* more grey */
.backgroundc7 { background-color: #a3a3a3; }  /* darker grey */
.backgroundc8 { background-color: #444455; }  /* very dark grey */


/* #mainpage_topbox { */
/*  background: transparent; */ 
/*  padding: 0px; */
/*  border: 1px solid #7FB7D2; */
/*  margin: 0.2em 10px 10px; */
/* } */



/* Wikitable (Prettytable) class for skinning normal tables */
table.wikitable,
table.prettytable,
table.sortable {
  margin: 1em 1em 1em 0;
  background: #14193F;
  border: 1px #171A2F solid;
  border-collapse: collapse;
  empty-cells: show;
}
table.wikitable th, table.wikitable td,
table.prettytable th, table.prettytable td {
  border: 1px black solid;
  padding: 0.2em 0.4em;
}
table.wikitable th, table.wikitable td.hl3, table.wikitable th.hl3,
table.prettytable th, table.prettytable td.hl3, table.wikitable th.hl3 {
  background: #171A2F;
  color:#7FB7D2;
  text-align: center;
}
table.wikitable td.hl1, table.wikitable th.hl1,
table.prettytable td.hl1, table.wikitable th.hl1 {
  background: #c5d8fc;
  text-align: center;
}
table.wikitable td.hl2, table.wikitable th.hl2,
table.prettytable td.hl2, table.wikitable th.hl2 {
  background: #a7c1f2;
  text-align: center;
}
table.wikitable caption,
table.prettytable caption {
  margin-left: inherit;
  margin-right: inherit;
  font-weight: bold;
}

/* The header Style for the faction 'navigation' lists. Found at the base of faction pages., Factions of Kusari,Liberty,Rheinland,Gallia,Bretonia */
.faction-navlist-title, 
.template-navlist-title {
  background: transparent;
  color: #636A9F;
  text-align: center;
  font-weight: bold;
  font-size: 11px;
  line-height: 21px;
}
/* The data field title Style for the faction 'navigation' lists. Found at the base of faction pages. Includes "Lawful", "Corporate", "Quasi-legal", "Unlawful" */
.faction-navlist-data {
  background: transparent;
  width: 85px;
  padding: 4px 6px;
  font-size: 11px;
  font-weight: bold;
  text-align: right;
}

.template-navlist-content {
  vertical-align: top; 
  text-align: center;
  width: 90%;
  background: #383838;
}

ul#pagehistory.li.selected {
  background-color:green;
}

/* Difference and History pages styles */
/* old page styles, new changes styles. Various tables and fields for the 'differences between' the changes. */
table.diff,
td.diff-otitle,
div#mw-diff-otitle1,
div#mw-diff-otitle2,
div#mw-diff-otitle3,
div#mw-diff-otitle4,
td.diff-ntitle,
div#mw-diff-ntitle1,
div#mw-diff-ntitle2,
div#mw-diff-ntitle3,
div#mw-diff-ntitle4,
td.diff-context {
  background-color: #14193F !important;
}

td.diff-addedline {
  background-color: transparent;
  color: yellow;
}

td.diff-deletedline{
  background-color: transparent;
  color: red;
}

ins.difchange {
  background-color: transparent;
  color: #48DD00;
}