MediaWiki:Common.css

/* */

/** CSS placed here will be applied to all skins **/

/***** HISTORY AND CREDITS *****/

/* This wiki was late in adopting CSS. V E R Y late. So late, in fact, that we didn't have any real CSS formatting until early 2011. As a result we have only really worked with CSS since well after Wikia introduced the Wikia (or oasis) skin. This means that we were considerably less pissed off than other Wikia communities when they forced the wikia skin on us  in mid-2010.

It also means we have an unusual CSS structure for a "major" Wikia wiki. We have no real Monobook.css. And very little Wikia.css. Almost all the stylesheet is right here in common. There may be a need at some future date to retroactively create a monobook.css. But for now, we're simply fully embracing the wikia skin. We're also futureproofing ourselves by  putting as much of the stylesheet as possible in common. That way, if   and/or when Wikia gives us another enforced skin change,we should at least have a starting point. This may ultimately prove a stupid decision, but for now, it's the best guess we have.

Our late start on CSS means that we've been able to cherrypick from the hard work of other people around the larger wikia community. I've tried to   remark from where I've gotten specific elements, but, as with any bit of    wiki editing, the code has gradually become more and more unique, and some of the origins have become obscured.

Nevertheless, it is fair to say that the basic underpinnings come largely from the fusion of CSS styling "ideas" from MemoryAlpha, Wookieepedia, the Fable wikia, the CSS code wikia, the Russian Wikipedia, and others. That said, almost nothing here actually looks all that similar to styling elements from other wikis, as our color palette and design goals are simply different to others.

We nevertheless gratefully acknowledge all those code warriors out there who helped make their home wikis more beautiful, and therefore inspired us.

-- CzechOut 13 Mar 2011 */ /* +++++++++++++++++++  THE BIG CHART in which our Heroes define the basic stylistic elements of This Fine Wiki +++++++++++++++++++  CHAPTER THE FIRST: Colors in which our Heroes explore the color pallet of the wiki =-=-=-=-=-=-=-=-=-=

The following colors are used extensively throughout this style sheet: #2F2CB8 - is the main "blue" of the site. Nicknamed "New Tardis Blue" or "NTB", it's the color of blue at the dead center of the gradient used in the DW "TARDIS device" seen in our logo. Thus, the blue on the site perfectly matches our logo. #7473BE - is a pale "reflection" of New Tardis Blue, used in concert with NTB on buttons to give them a 3D look through gradients. The color itself was not defined by me but by wikia as an automatic process associated with selecting NTB as button color with Theme Designer. It's used to define links, headlines, borders, and "glowy" effects. #ECECEC - is the off-white color which comprises the bulk of the "white" space on most pages. It's caused by setting the pages transparent, and then setting #BOBOBO as the main color of the background in Theme Designer. In general, it's            preferred to set background-colors to "transparent", but for drop-down menus it's better to set it as the "color of transparency" so that there IS a color to the background, but the color matches the rest of the page. If you simply set a drop-down background to transparent, the letters on the drop-down bleed down through to the text underneath. #D5D4F0 - is what the Theme Designer automatically sets as the "hover color" for drop-down menus, if you set the text and button colors to be "New Tardis Blue". It complements NTB precisely, as it's simply a less saturated version of the same color. #C47042 - is an orange compound of New Tardis Blue (as calculated by             kuler.com)  It's used as the mouseover link color. #B92F2D - is a red within the same color palette as New Tardis Blue. It's the "red link" red. #CC6600 - is a red deliberately out of accord with the NTB palette. It's the red for when you've            attempted to visit a red-link before. #1F1E38 - is a darker blue that's an absolute shade of NTB. It's used to differentiate the names of editors who've made an edit in the Recent Wiki Activities module #5A54A0 - It's used to show when you've visited a link, and therefore help with navigation.

Note that there are other colors which are currently specified as special link colors but they don't, as of 12 March 2011, seem to be working. +++++++++++++++++++   CHAPTER THE SECOND: Page dimensions

in which our heroes take note of anything having to do with the size of pages =-=-=-=-=-=-=-=-=-=  Width of text area in Wikia skin is 680px. +++++++++++++++++++  CHAPTER THE THIRD: Font stacks

in which our Heroes define font stacks that have been tested on this wiki, and gives notes as  to their general suitability. =-=-=-=-=-=-=-=-=-=  SANS-SERIF =-=-=-=-=-=-=-=-=-=   font-family: 'Trebuchet MS' is sans-serif font with clear diff btween l and I and thin when bolded font family:'Century Gothic', 'Gill Sans', 'Franklin Gothic Medium', Verdana, Tahoma, 'URW Gothic L', 'Nimbus Sans-L', sans-serif; are sans-serif fonts where l and I look alike and are typicall extremely thick when bolded =-=-=-=-=-=-=-=-=-=  SERIF =-=-=-=-=-=-=-=-=-=  font-family: Baskerville, // Mac 90+ "Baskerville Old Face", // Win Perpetua, // Win Caslon, // Unix preferred, but only 5% have this "DejaVu Serif", // Unix 90+% Georgia, // All the stragglers serif;

this serif font-stack is mainly transitional, save maybe Georgia. Looks Great in regular text, but the bold and bold italic is just a bit funky.

font-family: "Footlight MT Light", //Mac 40/Win 60 "Big Caslon", //mac 53 Caslon, //Linux preferred, but only 5 "Calisto MT", //Win 24/Mac 3 "Lucida Bright", //Win 13/Mac 3/Linux 60 Georgia, //Win 5/Mac .02/Linux 25 "DejaVu Serif", //Linux 11 (but 90& of Linux users have this one) serif; this serif font stack features big, readable characters. Footlight is sort of the odd font out, as it has the most unusual characters, especially amongst lower case letters. font-family:'Footlight MT Light', 'Big Caslon', Caslon, 'Calisto MT', 'Lucida Bright',Georgia,'DejaVu Serif',serif !important; this serif font stack has a problem with its top line fonts. they don't transform "a"s and other letters when italic, making the thing look all squashed up, especially when italic AND bold. I love the regular fonts of these, though. =-=-=-=-=-=-=-=-=-=     MONOSPACE =-=-=-=-=-=-=-=-=-=  font-family: Monaco, // zeros are clear here "Andale Mono" // zeroes are clear here too "Lucida Sans Typewriter", // Nice, naturally dark, preferred monospace "Lucida Console", // Nicest thing most Windows users have "Nimbus Mono L", // for 99% of UNIX friends "Courier New", // An all-purpose fallback monospace;

+++++++++++++++++++   CODE BEGINS Please place all code beneath this line. +++++++++++++++++++ */

/***** GENERAL FONT MATTERS ****/

/* Darken overall font color */ /* Probably not all that necessary, but what the hell */ .color1, .color1 a, .yui-panel .hd, .WikiaPage { color:black !important; }

.WikiaArticle, .WikiaPage { //font-size: 1em; line-height:1.3em; font-family: 'Book Antiqua','Calisto MT','Lucida Bright',Georgia,'DejaVu Serif',serif; }

h1 { margin: 0; font-size:1.6em; line-height: 1.2em; margin-bottom: 1em; font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; /*font-family: 'Book Antiqua','Calisto MT','Lucida Bright',Georgia,'DejaVu Serif',serif; */ color: #2f2cb8; letter-spacing:0px; font-weight:normal !important; }

h2 { margin: 0; font-size: 1.375; line-height: 1.0909090909090908; margin-bottom: 1.0909090909090908em; font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; letter-spacing:3px; text-transform:uppercase; color:#2d2cb8; }


 * 1) sans-accent, /* this allows use of this style without it being read as a section header */

h3 { margin: 0; font-weight:normal; font-size: 1.25; line-height: 1.2; margin-bottom: 1.2em; font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; letter-spacing:2px; text-transform:uppercase; color:      #2d2cb8; }

h4 { margin: 0; font-weight:normal; font-size: 1.125; line-height: 1.3333333333333333; margin-bottom: 1.3333333333333333em; font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; letter-spacing:2px; text-transform:uppercase; color: #2d2cb8; }

blockquote { margin: 0; font-size: 1em; line-height: 1.5em; margin-bottom: 1.5em; }

h5 { margin: 0; font-weight:normal; font-size: 1; line-height: 1.5; margin-bottom: 1.5em; font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; letter-spacing:1px; text-transform:uppercase; color: #2f2cb8; }

p.small, h6 { margin: 0; font-weight:normal; font-size: 0.875; line-height: 1.7142857142857142; margin-bottom: 1.7142857142857142em; font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; letter-spacing:1px; text-transform:uppercase; color:      #2d2cb8; }

/* This has an effect upon recent and related changes, as well as its more obvious effect on tables. Well, to be precise, recent and related changes ARE tables. */

table { border-collapse: collapse; margin-bottom: 1.1 em; }

/* remarking this out body { font-size: 62.5%; width: 96em; margin: 0 auto 0 auto; }   div#content { width: 75%; float: left; }   div#sidebar { width: 25%; float: right; }


 * End future sizing ***/

/* Class to force links to be underlined and kept white for use on blue backgrounds To use: link --Paulgb from WP */

.underlinelink a { text-decoration: underline ! important; color:white; }

/* LINK COLORING */

a:link { color:#2f2cb8;} a:link:interwiki {color:#752DB9;} a:link:external {color:#6600CC !important;} a:visited { color: #5A54A0;} a:hover { color:#C47042;} a:active {color: #0000FF;} a.new, #p-personal a.new { color: #b92f2d;} a.new:visited, #p-personal a.new:visited {color: #cc6600 !important;} .CommunityCornerModule module a:link { color:#1F1E38 !important; }

/* ERROR MESSAGES */ .error { display:none }

/* PRINTFOOTER */ .printfooter { display:none }

/* EXTERNAL LINk graphics */

.WikiaArticle a.external, .WikiaArticle a[href^="gopher://"] { background-image:none; }

.WikiaArticle a.external:after, .WikiaArticle a[href^="gopher://"]:after { background-image: url("http://images2.wikia.nocookie.net/tardis/images/b/bd/ExternalLink.png") !important; background-position:right top !important; background-repeat: no-repeat !important; //padding-right:13px !important;// }

/* Margins for  and  */ /* Remarking out because it's unclear what effect this would have on infoboxen where people have gone crazy with these things. But one day, we really should look into formally styling these elements. div#content ol, div#content ul, div#mw_content ol, div#mw_content ul { margin-bottom: 0.5em; } /* Make the list of references smaller */ ol.references, div.reflist, div.references, div.references-small, div.refbegin { font-size: 80%;           /* Default font-size */ }

div.reflist ol.references { font-size: 100%;          /* Reset font-size when nested in div.reflist */ list-style-type: inherit; /* Enable custom list style types */ } /* Highlight clicked reference in blue to help navigation */ ol.references li:target, sup.reference:target, span.citation:target { background-color: #D5d4f0; } /* Ensure refs in table headers and the like aren't bold  or italic */ sup.reference { font-weight: normal; font-style: normal; } /* Styling for citations */ span.citation, cite { font-style: normal; word-wrap: break-word; } /* For linked citation numbers and document IDs, where the number need not be shown on a screen or a handheld, but should be included in the printed version

Remarked out cause I don't know what it does.

@media screen, handheld { span.citation *.printonly { display: none; } }

/***** ARTICLES *****/

/* css preview area */ .WikiaArticle .mw-css {background-color: transparent;} .WikiaArticle {background-color: transparent;}

/* Article titles */

/* This does nothing in the wikia skin, but may in monobook. It's supposed to get rid of the article name on the front page */ body.mainpage .firstHeading { display:none; }

.WikiaBlogPostHeader h1, .WikiaPageHeader h1 { font-family: 'Book Antiqua','Calisto MT','Lucida Bright',Georgia,'DejaVu Serif',serif; font-size: 1.9em !important; line-height: 1.3em; font-weight:normal; }

/**** EASY ARCHIVES ****/ .archiving .ajax { display: block; margin: 25px auto; }

.archiving td { background-color: #EEEEEE; min-height: 1em; color: #000; cursor: pointer; } .archiving tr.archive td.line { background-color: #6ae; color: #fff; } .archiving tr.noarchive td.line { background-color: pink; color: #000; }

/********* SEMI-TRANSPARENT BACKGROUND ******** from w:c:fable:Forum:Amazing Background - in two different ways */

.WikiaPage { background:transparent url(http://images2.wikia.nocookie.net/tardistest/images/c/ce/70opacitywhite.png); -moz-border-radius:10px !important; -webkit-border-radius:10px !important; border-radius:10px !important; // -moz-box-shadow:0 0 40px #2f2cb8 !important; -webkit-box-shadow:0 0 40px #2f2cb8 !important; box-shadow:0 0 40px #2f2cb8 !important; }

body { background-attachment: fixed; /*line-height:110%;*/ }

/*** Put a checker background at the image description page only visible if the image has transparent background ***/ background: url("http://images.wikia.com/central/images/5/5d/Checker-16x16.png") repeat; } .collapseLink { cursor: pointer; }
 * 1) file img {

/*** CHANGES TO EDITING ***/

/*** editing in fixed-width fonts for clarity ***/ .textarea, .skin-monobook textarea, .skin-oasis textarea { font-family: Monaco,"Andale Mono"."Lucida Sans Typewriter", "Lucida Console", "Nimbus Mono L", "Courier New", monospace !important; }

/*** Changing color of category buttons seen during editing ***/

.CSitem, .CSaddCategory, .csAddCategoryButton, .csAddCategorySwitch, .CSitemOuter, .CSitemOuterAddCategory, .csMainContainer { background-color:transparent !important; color:#2f2cb8 !important; border-bottom-color: #2f2cb8 !important; border-left-color: #2f2cb8 !important; border-right-color: #2f2cb8 !important; border-top-color: #2f2cb8 !important; }
 * 1) CSitem,
 * 1) csViewMode,

/*This is the horizontal strip containing the "save" and "cancel" buttons */ .csViewMode #csButtonsContainer { background-color:transparent }

/*.csitem:hover is used when you want a diff color on rollover of cats while editing article. kinda useless. .WikiHeader li:hover, .CSsuggestHover, .CSsuggestContainer, .wikia-menu-button-secondary ul a:hover { background-color:#2f2cb8 !important; color:white !important; font-weight:bold; } csButtonsContainer { background-color:transparent !important; }

/*Changes the outside category add autosuggest thingy */

background:#ECECEC; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; border:1px solid #2f2cb8; //-moz-box-shadow:0 0 20px #2f2cb8; -webkit-box-shadow:0 0 20px #2f2cb8; box-shadow:0 0 20px #2f2cb8; color:#2f2cb8; font-family: 'Book Antiqua','Calisto MT','Lucida Bright',Georgia,'DejaVu Serif',serif; font-size:11pt; padding:3px; max-height:235px; top:-40 px; bottom:40px; right:auto; left:auto; }
 * 1) csSuggestContainer .yui-ac-content {

background:#ececec; color:#2f2cb8 !important; font-weight:bold !important; } .CSsuggestHover, /* This bit allows navigation by up/down arrows */ background:#D5D4F0 !important; }
 * 1) csSuggestContainer .yui-ac-content li {
 * 1) csSuggestContainer .yui-ac-content li:hover { /* This bit does mouseovers */

/* Changing link suggestions */

.link-suggest-container .yui-ac-content { background:#ECECEC; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; border:1px solid #2f2cb8; //-moz-box-shadow:0 0 40px #2f2cb8; -webkit-box-shadow:0 0 40px #2f2cb8; box-shadow:0 0 40px #2f2cb8; color:#2f2cb8; font-family: 'Book Antiqua','Calisto MT','Lucida Bright',Georgia,'DejaVu Serif',serif; font-size:11pt; padding:3px; }

.link-suggest-container .yui-ac-content li { background:#ececec; color:#2f2cb8; /*makes kinda cool grid border:1px solid #2f2cb8;*/ font-weight:bold !important; }

.link-suggest-container .yui-ac-content li:hover, /* This bit does mouseovers */ .link-suggest-container .navigation-hover { /* This bit does navigation by up/down arrows */ background:#D5D4F0 !important; }

/* Changes font of Bot edits */ a[href="/wiki/User:CzechBot"] { font-family: Zapfino, /* For Mac */ 'Edwardian Script ITC', /* For half of Win users */ 'Blackadder ITC', /* For the other half */ 'URW Chancery L', /* for virtually all Linux users */ 'Monotype Corsiva', /* For a tiny fraction of Win and Mac users */ fantasy /* everyone's fallback */ !important; text-transform:none !important ; font-size:80%; color: #6E6AC4 !important; }

/* Changes colour of Admin edits */

a[href="/wiki/User:***Stardizzy***"], a[href="/wiki/User:23skidoo"], a[href="/wiki/User:Amxitsa"], a[href="/wiki/User:Azes13"], a[href="/wiki/User:CzechOut"], a[href="/wiki/User:Doug86"], a[href="/wiki/User:Freethinker1of1"], a[href="/wiki/User:Ghelæ"], a[href="/wiki/User:Jaster"], a[href="/wiki/User:GingerM"], a[href="/wiki/User:Joker1138"], a[href="/wiki/User:Josiah_Rowe"], a[href="/wiki/User:Mantrid"], a[href="/wiki/User:Mini-mitch"], a[href="/wiki/User:Nhprman"], a[href="/wiki/User:OncomingStorm"], a[href="/wiki/User:Revanvolatrelundar"], a[href="/wiki/User:Sean-Black"], a[href="/wiki/User:Skittles_the_hog"], a[href="/wiki/User:Tangerineduel"], a[href="/wiki/User:Wikia-Jaster"] { color: #521452 !important; font-weight: normal; font-family: Gadget, "Arial Rounded MT Bold", "Abadi MT Condensed Extra Bold", "Gill Sans Ultra Bold", "Arial Black",sans-serif; }

/* Changes colour of Wikia Staff edits */ /* Note: Because staff can change, this list will have to be    amended when a staff member leaves Wikia's employ. This list is current as of 15 July 2011 */ a[href="/wiki/User:Angela"], a[href="/wiki/User:Ausir"], a[href="/wiki/User:Bchwood"], a[href="/wiki/User:DaNASCAT"], a[href="/wiki/User:Dopp"], a[href="/wiki/User:Kirkburn"], a[href="/wiki/User:Moll.wikia"], a[href="/wiki/User:Sarah Manley"], a[href="/wiki/User:Sannse"], a[href="/wiki/User:Scarecroe"], a[href="/wiki/User:Toughpigs"], a[href="/wiki/User:Uberfuzzy"], a[href="/wiki/User:XD1"] { /*color: #8F684F; nice but dull red*/ color: #91854E !important; font-weight: normal; font-family: Gadget, "Arial Rounded MT Bold", "Abadi MT Condensed Extra Bold", "Gill Sans Ultra Bold", "Arial Black",sans-serif; }

/*********************************************************** div#article-type { background-color: transparent; background-position:top-left; border: 1px dashed #2f2cb8; margin: .5em 0em .5em 0em; padding:10px; vertical-align: middle; align:center; width:95%; text-align: right; -moz-border-radius:10px !important; -webkit-border-radius:10px !important; border-radius:10px !important; //-moz-box-shadow:0 0 20px #2f2cb8 !important; -webkit-box-shadow:0 0 20px #2f2cb8 !important; box-shadow:0 0 20px #2f2cb8 !important; font-style:none; font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; min-height:55px; }
 * Formatting for article type banners from MemAlpha

div#article-type p { margin-left:205px; line-height:.8em; font-size:.9em; font-weight:normal; font-style:normal; color:#2f2cb8; font-family: 'Book Antiqua','Calisto MT','Lucida Bright',Georgia,'DejaVu Serif',serif; }

div#type-title { margin-left:205px; font-size:1.6em; line-height:1.2em; color:#252cb8; }

div.type-realworld { margin-top:0x; postion:absolute; top:0px; max-height:55px; background: transparent url(http://images3.wikia.nocookie.net/tardis/images/d/d8/SmallClapper.jpg) no-repeat; }

div.type-nc { max-height:55px; background: transparent url(http://images1.wikia.nocookie.net/tardistest/images/8/8c/NoncanonImage.jpg) no-repeat; }

div.type-disambig { max-height:55px; background: transparent url(http://images2.wikia.nocookie.net/__cb20090426213327/tardis/images/a/af/Transferring.jpg) no-repeat; }

div.type-inuse { background: transparent url(http://images1.wikia.nocookie.net/tardis/images/e/e0/Inuse200px.jpg) no-repeat; }

div.type-update { margin-left:180px; background: transparent url(http://images4.wikia.nocookie.net/tardis/images/3/37/Update200px.jpg) no-repeat; }

div.type-cleanup { background: transparent url(http://images1.wikia.nocookie.net/tardis/images/e/e2/Cleanup200px.jpg) no-repeat; } div.type-delete { background: transparent url(http://images4.wikia.nocookie.net/tardis/images/6/6b/Delete200px.jpg) no-repeat; } div.type-oou { background:transparent url(http://images4.wikia.nocookie.net/tardis/images/6/63/Oou200px.jpg) no-repeat; } div.type-rename { background:transparent url(http://images4.wikia.nocookie.net/tardis/images/1/1e/Rename200px.jpg) no-repeat; } div.type-spoiler { background:transparent url(http://images3.wikia.nocookie.net/tardis/images/7/7f/Spoiler200px.jpg) no-repeat; } div.type-conjecture { background:transparent url(http://images3.wikia.nocookie.net/tardis/images/c/c3/Conjecture200px.jpg) no-repeat; } div.type-talk { background:transparent url(http://images2.wikia.nocookie.net/__cb20110514204758/tardis/images/b/b4/Talk200px.jpg) no-repeat; }

/* This is for the small, right-floating boxes, like DisconNav */ div#inline-box-rt { background-color: transparent; background-position:top-left; border: 1px dashed #2f2cb8; margin: .5em 0em .5em 0em; padding:10px; vertical-align: middle; align:center; width:250px; text-align: right; -moz-border-radius:10px !important; -webkit-border-radius:10px !important; border-radius:10px !important; //-moz-box-shadow:0 0 20px #2f2cb8 !important; -webkit-box-shadow:0 0 20px #2f2cb8 !important; box-shadow:0 0 20px #2f2cb8 !important; font-style:italic; font-family: 'Book Antiqua','Calisto MT','Lucida Bright',Georgia,'DejaVu Serif',serif; color:#2f2cb8; margin-bottom:10px; margin-left:10px; float:right; }

/* This is for the small, left-floating boxes, like section cleanup */ div#inline-box { background-color: transparent; background-position:top-left; border: 1px dashed #2f2cb8; margin: .5em 0em .5em 0em; padding:10px; vertical-align: middle; align:center; width:250px; text-align: right; -moz-border-radius:10px !important; -webkit-border-radius:10px !important; border-radius:10px !important; //-moz-box-shadow:0 0 20px #2f2cb8 !important; -webkit-box-shadow:0 0 20px #2f2cb8 !important; box-shadow:0 0 20px #2f2cb8 !important; font-style:italic; font-family: 'Book Antiqua','Calisto MT','Lucida Bright',Georgia,'DejaVu Serif',serif; color:#2f2cb8; margin-bottom:10px; margin-right:10px; float:left; }

div#inline-box p { line-height:.9em; font-size:.8em; font-weight:normal; font-style:normal; color:#2f2cb8; font-family: "Gill Sans", Verdana, "Franklin Gothic Medium", /* mainly for Win users */ "Trebuchet MS", /* mainly for Mac users (nice differentiation between l and I) */ Tahoma, /* fallback for Mac and Win users */ "URW Gothic L", /* UNIX users */ "Nimbus Sans L", /* UNIX fallback */ sans-serif; /* Everybody's fallback */ }

/* ++++++++++++++++++++++++++++  ARTICLES

some of this comes from MemAlpha ++++++++++++++++++++++++++++

Note that for the "pre" element, monospaced fonts are preferenced differently than with editing areas. This is because "pre" is   most often used instructionally, and there's a need to have zeroes that are clearly differentiated from the letter O.   +++++++++++++++++++++++++++++

.WikiaArticle pre { background-color:transparent; width:60; border:1px dashed #2f2cb8; font-family: Monaco,"Andale Mono"."Lucida Sans Typewriter", "Lucida Console", "Nimbus Mono L", "Courier New", monospace; }

/* preformatted text blocks (generally, possibly redundant to the above) */ pre { background-color: transparent !important; border:1px dashed #2f2cb8; width=60; font-family: Monaco,"Andale Mono"."Lucida Sans Typewriter", "Lucida Console", "Nimbus Mono L", "Courier New", monospace; }

/* =-=-=-=-=-=-=-=-=-  Table of Contents =-=-=-=-=-=-=-=--=  Note that right-clearing TOCs, which are somewhat unusual, and even scorned on some wikis, have been agreed by community consensus

.toc, .WikiaArticle .toc { background-color:transparent; border:1px dashed #2f2cb8; float:right; clear:right; postion:absolute; right:250px; width:250px; min-width:250px; max-width:250px; color:#2f2cb8; border-collapse:separate; margin-left:5px; clip:rect(50px, 250px, 150px, 50px); }

/* Allow limiting of which header levels are shown in a TOC; , for instance, will limit to  showing ==headings== and ===headings=== but no further (as long as there are no =headings= on the page, which  there shouldn't be according to the MoS). Taken from en:wikipedia in order to make template:TOC limit work */ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; }

/* Category display area at bottom of pages */

.WikiaArticleCategories { background-color:transparent; background-image:none; border:1px dashed #2f2cb8; }

.commentsbubble { color: #666 !important; }

/* Special Pages */

.mw-specialpagesgroup { background-color:#2f2cb8 !important; border:1px solid #666; color:white !important; }

/* Quotations */ /* This method of getting big, proper quotation marks comes from http://24ways.org/2005/swooshy-curly-quotes-without-images */

blockquote:before { content: "“"; float: left; height: 60px; /* original value 45px */ margin-top: -20px; padding-top: 45px; margin-bottom: -50px; font-size: 700%; color: #2f2cb8; }

blockquote:after { content: "”"; float: right; height: 25px; margin-top: 0px; padding-top: 20px; /* original value 45 px */ font-size: 700%; color: #2f2cb8; }

blockquote { font-family: 'Book Antiqua','Calisto MT','Lucida Bright',Georgia,'DejaVu Serif',serif; font-style:italic; text-indent: 1.0em; /* original value -0.4 em */ }

blockquote[cite]:after { display: block; text-align: right; content: "\2014\ " attr(cite); font-style: normal; font-size: 1.2em; }

/* Article edited */

.WikiaActivityModule a:link { font-size 12pt; }

/* This affects "edited by" and "minutes ago" */ /* The details class seems to have been turned off by Wikia in June 2011 */ .WikiaActivityModule .edited-by { font-size: 10px; font-style:normal; margin-top: 1px; font-family: 'Book Antiqua','Calisto MT','Lucida Bright',Georgia,'DejaVu Serif',serif; font-style:italic !important; }

/* This affects the name of the person who edited the article */ .WikiaActivityModule .edited-by a { color:#1F1E38 !important; font-weight:normal !important; font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; text-transform:uppercase !important; letter-spacing:2px !important; margin: 0; font-style:normal !important; }

/* Seems to be necessary to specifically define a hover color for the editor's name else the name won't change color when moused over. */

.WikiaActivityModule .edited-by a:hover { color:#C47042 !important; font-weight: normal !important; }

/*** TABLES and DIVs used in messages going for a more uniform look to all of what we've previously called "tags". So this affects things like the stub templates, standardization of table formats, infoboxen, copyright templates, and the like. If it's  square, and adds a small graphical "note" to a page it'll be controlled here. ***/

/*** First up, INFOBOXEN *** /

/* Infobox template style */

.infobox { border: 1px dashed #2f2cb8; !important background-color: transparent; color: #2f2cb8; margin-bottom: 0.5em; margin-left: 1em; margin-top: 0.5em; padding: 0.2em; width:250px; float: right; clear: right; } .infobox td, .infobox th { vertical-align: top; } .infobox caption { font-size: larger; margin-left: inherit; } .infobox.bordered { border-collapse: collapse; } .infobox.bordered td, .infobox.bordered th { border: 1px solid #A21F1F; } .infobox.bordered .borderless td, .infobox.bordered .borderless th { border: 0; } /*ON ICE .infobox a, .infobox a:active, .infobox a:visited { color: #4F0000; }*/

/* styling for MediaWiki:Edittools */ border:2px dashed #2f2cb8; background:transparent; }
 * 1) edittools, #editpage-specialchars {

/*** Now, DIVs used in "messages" (as in the delete temp) ***/

div.warning { background-color: #401F22; border: 1px solid #660000; color: #FF0000 !important; font-weight: bold; margin: 2em 0 1em; padding: .5em 1em; vertical-align: middle; text-align: justify; }

div.header-notice, .copyright-notice { background-color: transparent; border: 1px dashed #2f2cb8; color: #000; margin: 2em 0 1em; padding: .5em 1em; vertical-align: middle; align:center; width:80%; line-height:110%; font-size:95%; text-align: justify; -moz-border-radius:10px !important; -webkit-border-radius:10px !important; border-radius:10px !important; //-moz-box-shadow:0 0 40px #2f2cb8 !important; -webkit-box-shadow:0 0 40px #2f2cb8 !important; box-shadow:0 0 40px #2f2cb8 !important; }

div.header-notice table { background-color: transparent; padding: 1px; }

div.notice { background-color: #401F22; border: 1px dashed #CC0000; color: #FFFFFF; margin: 2em 10% 1em 10%; padding: .5em 1em; vertical-align: middle; text-align: justify; font-size:smaller; }

div.header-notice#fa { width: auto; font-size: inherit !important; }

div.notice p, div.header-notice p, div.warning p { line-height: 120% !important; }

div span.msg-title { display: block; width: 100%; color: #FFD942; text-align: center; font-size: 150%; font-weight: bold; border-bottom: 1px solid #666; }

/*** Next are the TABLE formats ***/ /*** Note that this entire section of the style sheet will be        cleaned up in time. As of 1 March 2011, none of this is currently used anywhere on the site. References to       files at MemAlpha clearly won't persist once table styles are implemented. The term "sidebar" is a MemAlpha term for what we'd just call an infobox. ***/

/* TABLE: WIKI-SIDEBAR */ table.wiki-sidebar { border: 1px dashed #2f2cb8; background-color: transparent; color: inherit; clear: right; float: right; width: 250px; margin-top: 0em; margin-left: 1.5em; margin-right: 0em; margin-bottom: 1.3em; }

table.wiki-sidebar td.sb-name { text-align: center; background-color:#2f2cb8; line-height:125%; font-size:175%; border-bottom:0px solid gray; font-size:larger; color:white; }

table.wiki-sidebar tr th { background: transparent; text-align: center; font-weight: bold; font-size:larger; }

table.wiki-sidebar td { line-height: 130%; border:0; font-size:smaller; }

table.wiki-sidebar td.sb-both { text-align: center; padding-left: 0; padding-right: 0; }

table.wiki-sidebar td.sb-both img { /* display:block; /*force new line after img in sidebar */ */ border: 0px outset #888888; margin: 0; padding-left: 0; padding-right: 0; }

table.wiki-sidebar td.sb-left { width: 50% !important; line-height:110%; font-weight: bold !important; text-align: right !important; vertical-align:middle; }

table.wiki-sidebar td.sb-right { vertical-align:middle; border-bottom:1px dashed #2f2cb8; line-height:110%; }

table.wiki-sidebar td.sb-nav-l-t { margin-left:20px !important; margin-right:90px!important; font-weight:bold; width:35%; }

table.wiki.sidebar td.sb-nav-l  { margin-left:20px; margin-right:90px; width:35%; } table.wiki-sidebar td.sb-nav-r-t { margin-left:100px; margin-right:240px; font-weight:bold; }

table.wiki.sidebar td.sb-nav-r  { margin-left:100px; margin-right:240px; }

/** Thumbnails in sidebars **/

table.wiki-sidebar tr td .thumb, table.wiki-sidebar tr td .tright, table.wiki-sidebar .thumbinner, table.wiki-sidebar .magnify { clear: none; float: none; border:0 !important; margin:0 auto !important; padding:0 !important; width:auto !important; text-align:center; display:inline; } table.wiki-sidebar .thumbinner img {margin:0 auto !important;} table.wiki-sidebar tr td .thumb .thumbcaption {display:none;}

table.wiki-sidebar td.sb-both div.sb-twoimg img.thumbimage { display:inline !important; /*no new line after img in two-image box */ }

/** ATTENTION: Code to deactivate thumbnail formatting is currently split between Monobook.css and Wikia.css due to different tags being used **/

table.wiki-sidebar .picture-attribution { display:none; } /**** TAGS *****/

/* This puts on the top left side of the page */ div#wiki-info { position:absolute; top:0px; left:-30px; }

/* This places and  underneath in case they're ever on the same page together. */ div#protect { position:absolute; margin-top:135px; top:0px; left:-30px; }

/* Timelines */ .timeline { background-position:top-left; background:#ECECEC; /* for those browsers that can't do gradients */ background: -moz-linear-gradient(top, #ECECEC,  #D5D4F0); background: -webkit-gradient(linear, left top, left bottom, from(#ECECEC), to(#D5D4F0)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ECECEC', endColorstr='#D5D4F0'); /* for IE only */ border:1px solid #ccc; border-bottom:2px solid #bbb; border-top:1px solid #ddd; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; text-align:center; font-size: 0.85em; float:right; clear:right; width:250px; margin-left:10px; margin-bottom:10px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; //-moz-box-shadow:0 0 20px #2f2cb8; -webkit-box-shadow:0 0 20px #2f2cb8; box-shadow:0 0 20px #2f2cb8; }

/**** NAVBOXES ****/ /* This is for simple navigation, so seasonal nav boxes, species nav boxes, etc.   The core of this originally came from wowwiki.com, but it seemed to be a tweak of code originally taken from the English Wikipedia. */

/* General tweak for navboxes */ .nowraplinks a { white-space: nowrap; }

/* --- NAVFRAME STUFF --- */ /* Standard Navigationsleisten, aka box hiding thingy from .de. */ /* Documentation at wikipedia:Wikipedia:NavFrame. */ div.Boxmerge, div.NavFrame { margin: 0px; padding: 4px; /* border: 1px solid #aaa; Border unnecessary and uncurved */ text-align: center; border-collapse: collapse; font-size: 95%; } div.Boxmerge div.NavFrame { border-style: none; border-style: hidden; } div.NavFrame + div.NavFrame { border-top-style: none; border-top-style: hidden; } div.NavPic { background-color: #DFD450; margin: 0px; padding: 5px; float: left; } div.NavFrame div.NavHead { height: 1.6em; font-weight: bold; background-color: red; position:relative; } div.NavFrame p { font-size: 100%; } div.NavFrame div.NavContent { font-size: 100%; } div.NavFrame div.NavContent p { font-size: 100%; } div.NavEnd { margin: 0px; padding: 0px; line-height: 1px; clear: both; } a.NavToggle { position:absolute; top:0px; right:3px; font-weight:normal; font-size:smaller; }

/* default skin for navigation boxes */ table.navbox {           /* navbox container style */ background-color:#ECECEC !important; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; //-moz-box-shadow:0 0 20px #2f2cb8; -webkit-box-shadow:0 0 20px #2f2cb8; box-shadow:0 0 20px #2f2cb8; color:#2f2cb8; font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; padding:3px; font-weight:normal; line-height:1.2; width:100%; clear:both; font-size:95%; text-align:center; padding:1px; margin-top:4px; margin-bottom:2px; }

/* single pixel border between adjacent navboxes (doesn't work for IE6, but that's okay) */ table.navbox + table.navbox { margin-top:-1px; }

.navbox-title, .navbox-abovebelow, table.navbox th { text-align:center;     /* title and above/below styles */ color:#2f2cb8; font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; padding:3px; font-weight:normal; line-height:1.2; letter-spacing:3px; text-transform:uppercase; padding-left:1em; padding-right:1em; background-color:#D5D4F0 } .navbox-group {          /* group style */ white-space:nowrap; text-align:right; font-weight:normal; padding-left:1em; padding-right:1em; } .navbox, .navbox-subgroup { background:#fdfdfd; } .navbox-list { border-left:2px solid #fdfdfd; } .navbox-title, table.navbox th { -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; background:#D5D4F0; } .navbox-abovebelow, .navbox-group { background-color:#D5D4F0; } .navbox-subgroup .navbox-title { -moz-border-radius-topleft:10px; -webkit-border-top-left-radius:10px; border-top-left-radius:10px; border:none; background-color:#D5D4F0; } .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background:#e6e6ff; } .navbox-even { background:#f7f7f7; } .navbox-odd { background:transparent; } @media print { .navbox { display: none; } }

/* table.nav-sidebar This is something from MA; will probably not implement here */

table.nav-sidebar { border: 1px solid #666; background-color: #222222; color: inherit; clear: right; float: right; margin: 1em auto 1em auto; }

table.nav-sidebar tr th { background: #000000 url(http://images.wikia.com/memoryalpha/eo/images/f/f7/MA_page_bar.png) repeat-x; text-align: center; font-weight: bold; }

table.nav-sidebar td { line-height: 130%; border:0; font-size:smaller; }

/* table.browser

Turning this off as it inadvertently screws with browsers used on our site, which were referring to a class that didn't actually exist at the time. Crazy. This will need to be completely re-thought, because the values here come from MemoryAlpha, a dark-backgrounded wiki. table.browser { width: 100%; clear: both; border: 1px solid #666; background-color: #222222; color: #FFFFFF; } table.browser td { text-align: center; width: 33%; background: #222222; border: 1px outset #888888; line-height: 130%; } table.browser td.topic { background-color: #222222; border: none; }

END TABLE ARCHIVE ******/

/**** PICTURE STUFF ****/

/*** Redefining galleries ***/ /* Original format from WP */ div.wikia-gallery div.wikia-gallery-item { background-color: #F9F9F9; margin: 0 4px 5px 0; padding: 4px 5px 5px 5px; } div.wikia-gallery div.wikia-gallery-item div.thumb { background-color: #F9F9F9; border: 1px solid #CCCCCC; padding: 4px 0px 2px 0px; } div.wikia-gallery div.wikia-gallery-item div.thumb div.gallery-image-wrapper { border: none; } div.wikia-gallery div.wikia-gallery-item div.lightbox-caption { padding: 0; margin-top: 5px; }

/* Trying to kill the policy-violating "add images" crap - from WP */
 * 1) wmuLinkDiv {display:none !important}
 * 2) wmu-imagebutton {display:none !important}
 * 3) wmu_imagebutton {display:none !important}
 * 4) mw-editbutton-wmu {display:none !important}
 * 5) wmuLink {display:none !important}

/***FORUMS ***/ /* Forum formatting -Algorithm & -Splaka */ .forumheader { border: 1px dashed #2f2cb8; background-color: transparent; margin-top: 5px;margin-bottom:5px; padding: 12px; } .forumlist td.forum_edited a { color: black; text-decoration: none; width:100px; } .forumlist td.forum_title a { padding-left: 20px; } .forumlist td.forum_title a.forum_new { font-weight: bold; background: url(/images/4/4e/Forum_new.gif) center left no-repeat; padding-left: 20px; } .forumlist td.forum_title a.forum_new:visited { font-weight: normal; background: none; padding-left: 20px; } .forumlist th.forum_title { padding-left: 20px; }

/* Suppressing the parent being listed when subpages are called. This is mainly for Forum:Discontinuity index */

body.ns-110 #contentSub .subpages { display:none; }

/***SPECIALISED BOX STYLES***/

/* The glowy box thing */

background-color: transparent; border: 1px dashed #2f2cb8; color: #000; margin: .5em 0em .5em 0em; padding: .5em 1em; vertical-align: middle; align:center; width:95%; line-height:110%; font-size:95%; text-align: justify; -moz-border-radius:10px !important; -webkit-border-radius:10px !important; border-radius:10px !important; //-moz-box-shadow:0 0 40px #2f2cb8 !important; -webkit-box-shadow:0 0 40px #2f2cb8 !important; box-shadow:0 0 40px #2f2cb8 !important; }
 * 1) editpage-specialchars,
 * 2) glow {

background-color: transparent; border: 1px dashed #2f2cb8; color: #000; margin-right: 260px; padding: .5em 1em; vertical-align: middle; align:center; line-height:110%; font-size:95%; text-align: justify; -moz-border-radius:10px !important; -webkit-border-radius:10px !important; border-radius:10px !important; //-moz-box-shadow:0 0 20px #2f2cb8 !important; -webkit-box-shadow:0 0 20px #2f2cb8 !important; box-shadow:0 0 20px #2f2cb8 !important; }
 * 1) quote-nom {

background-color: transparent; border: 1px dashed #2f2cb8; color: #000; margin: 2em 0 1em; padding: .5em 1em; vertical-align: middle; align:center; width:80%; line-height:110%; font-size:95%; font-family: 'Book Antiqua','Calisto MT','Lucida Bright',Georgia,'DejaVu Serif',serif; text-align: left; -moz-border-radius:10px !important; -webkit-border-radius:10px !important; border-radius:10px !important; //-moz-box-shadow:0 0 40px #2f2cb8 !important; //-webkit-box-shadow:0 0 40px #2f2cb8 !important; //box-shadow:0 0 40px #2f2cb8 !important; }
 * 1) license {

background-color: #DFE080; border: 2px solid #2f2cb8; color: #000; margin: 10px 10px 10px 10px; padding: .5em; vertical-align: middle; align:center; width:95%; line-height:110%; font-size:95%; text-align: left; -moz-border-radius:10px !important; -webkit-border-radius:10px !important; border-radius:10px !important; font-family:MetaBlack, 'Trebuchet MS'; //-moz-box-shadow:0 0 40px #2f2cb8 !important; -webkit-box-shadow:0 0 40px #2f2cb8 !important; box-shadow:0 0 40px #2f2cb8 !important; }
 * 1) tech {

background-position:top left; background:#ECECEC; background: -moz-linear-gradient(top, #ECECEC,  #D5D4F0); background: -webkit-gradient(linear, left top, left bottom, from(#ECECEC), to(#D5D4F0)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ECECEC', endColorstr='#D5D4F0'); border:1px solid #ccc; border-bottom:2px solid #bbb; border-top:1px solid #ddd; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; text-align:center; clear:right; float:right; margin-left:5px; font-size: 0.85em; }
 * 1) gradient {

background:#7473BE; border:1px solid #ccc; border-bottom:2px solid #bbb; border-top:1px solid #ddd; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; margin-left:5px; -webkit-box-shadow:0 0 10px #2f2cb8 !important; box-shadow:0 0 10px #2f2cb8 !important; }
 * 1) flat {

background-position:top left; background: #7473BE ; //background: -moz-linear-gradient(top, #ECECEC,  #D5D4F0); //background: -webkit-gradient(linear, left top, left bottom, from(#ECECEC), to(#D5D4F0)); //filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ECECEC', endColorstr='#D5D4F0'); border: 2px solid #ffffff; -moz-border-radius:10px !important; -webkit-border-radius:10px !important; border-radius:10px !important; -moz-box-shadow:0 0 40px #2f2cb8 !important; -webkit-box-shadow:0 0 40px #2f2cb8 !important; box-shadow:0 0 40px #2f2cb8 !important; -webkit-border-radius:10px; -moz-border-radius:10px; clear:both; margin-left:5px; padding:5px !important; font-size: 0.90em; line-height:.95em; font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; }
 * 1) crewtop {

background-position:top left; background:#ECECEC; border:2px solid #2f2cb8; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; clear:both; margin-left:5px; padding:5px !important; font-size: 0.80em; line-height:.90em; font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-seri }
 * 1) crew {

border-style:dashed; }
 * 1) tagtest {

/* styling for MediaWiki:Edittools */

border:2px solid #ffffff; background:transparent; -moz-border-radius:10px !important; -webkit-border-radius:10px !important; border-radius:10px !important; }
 * 1) edittools {

/* */