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 */ /***** COLOR LEGEND *****/

/* The following colors are used extensively throughout this style sheet: #2F2CBA - 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. However, I've currently overridden it in most circumstances, preferring simple white instead. I may go back to this at some point, because it does nicely match. #752D89 - is a purple within the same color palette as New Tardis Blue (as calculated by             colorschemer.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. #1F1E7B - is a darker blue not within the palette of NTB, but one derived from making NTB darker. Thus it's a shade of NTB. it's used to show when you've visited a link, and therefore help with navigation. It's also used on "Recent Wiki Activity" panels to make the name of the person who performed an edit be more obvious.

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.



/***** 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; }

/* 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 { background:none !important;text-decoration:none;color:#2f2cb8 } a:link:interwiki {background:none !important; color:#752DB9 !important} a:link:external {color:#6600CC !important} a:visited { background:none !important; color: #1F1E7B } a:hover { color:#752D89; text-decoration:none;} a:active { background:none !important; color: #0000FF } a.new, #p-personal a.new {background:none !important; color:  #b92f2d !important;} a.new:visited, #p-personal a.new:visited {background:none !important; color: #cc6600!important;}

/* EXTERNAL LINk graphics */

.WikiaArticle a.external, .WikiaArticle a[href^="gopher://"] { 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; }

/* REFERENCE TEXT */ /* Make it smaller div.references should, but doesn't currently seem to (3 Mar 11), take care of ; div.references-small takes care of */

div.references-small, div.references {font-size: 80%;}

/* Ensure refs in table headers and the like aren't bold or italic */ sup.reference {font-weight: normal; font-style: normal}

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

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

/* Article titles */ .WikiaBlogPostHeader h1, .WikiaPageHeader h1 { font-family: Palatino, 'Hoefler Text', Georgia, 'Times New Roman', Times, serif; color:      #2d2cb8; line-height: 110%; }

.WikiaArticle, .WikiaPage { line-height:125%; /* This combo results in <.5% of all users falling through to sans-serif */ font-family: "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 */ }

/********* 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%; }

/******** SEARCH *********/

/* The button itself */ .WikiaSearch button, .WikiaSearch button:hover, .WikiaSearch button:active, input[type="button"].secondary, input[type="button"].secondary:hover, input[type="button"].secondary:active { background-color:#ECECEC !important; height:18px !important; margin-top:3px !important; margin-right:3px !important; }

.WikiaSearch input[type="text"] {background-color: transparent; color:#2f2cb8;}

/* Autocompletion */

/* This is for the drop-down itself */ .WikiaSearch .autocomplete { background-color:#ECECEC !important; -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:Palatino, 'Hoefler Text', Georgia, 'Times New Roman', 'Times New Roman', Times, serif; font-size:11pt; padding:3px; font-weight:bold; }

/* This is for the selection of items within the drop-down */ .WikiaSearch .autocomplete .selected { color:#2f2cb8; font-weight:bold; background-color:#D5D4F0; font-family:Palatino, 'Hoefler Text', Georgia, 'Times New Roman', 'Times New Roman', Times, serif; }

.WikiaSearch input[type="text"], .WikiaSearch input.placeholder[type="text"] { color:#2f2cb8; font-family:Palatino, 'Hoefler Text', Georgia, 'Times New Roman', 'Times New Roman', Times, serif; }

/* Search box & input area */ /* Makes it "glowy" */ .WikiaSearch input[type="text"] { background:transparent; -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:Palatino, 'Hoefler Text', Georgia, 'Times New Roman', 'Times New Roman', Times, serif; font-size:11pt; padding:3px; }

/*** 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 {

/****** HEADER & FOOTER *****/

/***** PAGE HEADER *****/ /* This is something unique to each page, but on virtually EVERY page. It's the bit that says "edited by " at top left */

.WikiaPageHeader details { background-color:transparent; background-image:none; color:#2f2cb8; border:0px solid #000; font-family: "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 */ }

.WikiaPageHeader .history.hover { background:none repeat scroll 0 0 white !important; color:#2f2cb8 !important; font-weight:bold !important; border:1px solid #000; font-family: "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 */ }

/****** HEADER *****/ /* WikiHeader is that stuff to the right of the wordmark; or, roughly, everything from search bar to top "Wikia strip" */

.WikiHeader { background: transparent !important; }

.WikiHeader .shadow-mask { background:none repeat scroll 0 0 transparent; }

/* Archive: This identifier will make the whole group of navigation dropdowns change color. Undesirable.

.WikiHeader ul:hover { background:green !important; color:red }   End archive */

.WikiHeader li a { bakcground-color:transparent !important; color:#2f2cb8 !important; font-family:Palatino, 'Hoefler Text', Georgia, 'Times New Roman', 'Times New Roman', Times, serif; }

.WikiHeader li:hover { background-color:transparent !important; color:#2f2cb8 !important; font-weight:bold; font-family:Palatino, 'Hoefler Text', Georgia, 'Times New Roman', 'Times New Roman', Times, serif; }

.WikiHeader .subnav { background-color:#ECECEC !important; -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:Palatino, 'Hoefler Text', Georgia, 'Times New Roman', 'Times New Roman', Times, serif; font-size:11pt; padding:3px; font-weight:bold !important; }

.WikiHeader .subnav li a { background-color:#ECECEC !important; color:#2f2cb8 !important; background-image:none; font-weight:bold !important; font-family:Palatino, 'Hoefler Text', Georgia, 'Times New Roman', 'Times New Roman', Times, serif; }

.WikiHeader .subnav li a:hover { background-color:#D5D4F0 !important; color:#2f2cb8 !important; border:none !important; font-weight:bold !important; background-image:none; font-family:Palatino, 'Hoefler Text', Georgia, 'Times New Roman', 'Times New Roman', Times, serif; }

/* No real clue what this does; doesn't seem to be affecting anything Quite possibly is the border bounding the avatar, but I haven't  insisted (with !important) that the border be red, so it does nothing */

.avatar { border:#2f2cb8 !important; }

/**** GLOBAL AND ACCOUNT NAVIGATION ****/ /* 'Global' is links to other wikia wikis; 'Account' is log in/out and user account nav */ /* This is the very top strip on every page, from the wikia logo to "log in/out" */

.GlobalNavigation li, .AccountNavigation li {  font-family:Palatino, 'Hoefler Text', Georgia, 'Times New Roman', 'Times New Roman', Times, serif; }

.GlobalNavigation li:hover, .AccountNavigation li:hover { background:none !important; font-weight:bold; } .GlobalNavigation .subnav, .AccountNavigation .subnav { background-color:#ECECEC !important; -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:Palatino, 'Hoefler Text', Georgia, 'Times New Roman', 'Times New Roman', Times, serif; font-size:11pt; padding:3px; }

.GlobalNavigation .subnav li li a:hover, .AccountNavigation .subnav a:hover { font-weight:bold; border:nonw !important; background:none repeat scroll 0 0 #D5D4F0 !important; font-family:Palatino, 'Hoefler Text', Georgia, 'Times New Roman', 'Times New Roman', Times, serif; }

/**** FOOTER ****/

/* Footer in general */ /* This controls the whole horizontal strip that's found on the bottom of most pages. At a minimum, it includes the MyTools and Configuration sub menus, but many users will also have shortcuts to their favorite tools, like History and File Upload, in this area. */

.WikiaFooter .toolbar { font-family:Palatino, 'Hoefler Text', Georgia, 'Times New Roman', 'Times New Roman', Times, serif; z-index:1 !important }

.WikiaFooter .toolbar a:hover { font-weight:bold; background:none repeat scroll 0 0 transparent !important; border:none !important; font-family:Palatino, 'Hoefler Text', Georgia, 'Times New Roman', 'Times New Roman', Times, serif; }

/*This undesirably highlights each menu item as you hover over it .WikiaFooter .toolbar li:hover { background:purple !important;} */

/**** MYTOOLS MENU *****/ /* Those elements not specified in the .WikiaFooter .tools-menu range are inherited from .Wikifooter .toolbar range. Thus the font for the MyTools menu is currently specified above. It wouldn't have to be; if one wanted to make the font in MyTools menu different from that of the rest of the (horizontal) footer tools menu, one would merely define it in the group below. */

.WikiaFooter .tools-menu { background-color:#ECECEC !important; -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:Palatino, 'Hoefler Text', Georgia, 'Times New Roman', 'Times New Roman', Times, serif; font-size:11pt; padding:3px; font-weight:bold !important; } .WikiaFooter .tools-menu a { color: #2f2cb8 !important! font-weight:bold !important; }

.WikiaFooter .tools-menu a:hover { background-color:#D5D4F0 !important; font-weight:bold !important }

/***** MYTOOLS CONFIGURATION *****/ /* That is, the thing that pops up when you hit "configuration" on the footer tool bar. */

.MyToolsConfiguration .options-list, .MyToolsConfiguration .search-box { background-color: #ECECEC; color:#2f2cb8; }

.MyToolsConfiguration li:hover, .MytoolsConfiguration li .selected { font-weight:bold; background-color:#D5D4F0 !important; color:#2f2cb8 !important; }

.MyToolsConfiguration .popular-tools-group { background-image:none !important; color:#2f2cb8; background-color:#ECECEC; }

.MyToolsConfiguration .popular-tools-group .selected { background-image:none !important; background-color: #D5D4F0 !important; color:#2f2cb8; font-weight:bold; }

.modalWrapper > h1 { font-style:italic; font-size: 22px; line-height: 24px; text-align:left; margin-top:10px; margin-left:10px; } /* The "modal wrapper" is the whole of the customization "box" */ .modalWrapper { background-color:#ECECEC !important; -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:Palatino, 'Hoefler Text', Georgia, 'Times New Roman', 'Times New Roman', Times, serif; font-size:11pt; padding:3px; font-weight:bold; } /* This is the bulk of the area INSIDE the configuration box, including everything but a small border, and the words "customize toolbox" */

/* This is currently turned off, but I leave it behind just in case it   might prove useful in future

.MyToolsConfiguration form { background-color:#ECECEC !important; -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:Palatino, 'Hoefler Text', Georgia, 'Times New Roman', 'Times New Roman', Times, serif; font-size:11pt; padding:3px; font-weight:bold; }

End archive *****/

.MyToolsConfiguration ul { border:1px solid #AAA; }

/* The following two lines referencing input was an attempt to change the input box in the configuration box. It doesn't appear to have worked, but it's not that crucial that I get it working. I'm leaving this as unsolved as of 13 Mar 11. */

.MyToolsConfiguration input[type="text"] {background-color: #ECECEC; color:#2f2cb8;}

.MyToolsConfiguration input.placeholder[type="text"] { color:#2f2cb8; font-family:Palatino, 'Hoefler Text', Georgia, 'Times New Roman', 'Times New Roman', Times, serif; }

/* The following creates a dropdown when text is entered in the search area. Matches other similar dropdowns on the wiki. */

.MyToolsConfiguration .autocomplete { background-color:#ECECEC !important; -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:Palatino, 'Hoefler Text', Georgia, 'Times New Roman', 'Times New Roman', Times, serif; font-size:11pt; padding:3px; font-weight:bold;

}

.MyToolsConfiguration .autocomplete .selected { background:none repeat scroll 0 0 #D5D4F0  !important; color:#2f2cb8; font-weight:bold; }

.MyToolsConfiguration li:hover { background:none repeat scroll 0 0 #D5D4F0  !important; color:#2f2cb8; font-weight:bold; }

/* I'm honestly not sure what this bit does, but it's in a comparable area of the MemoryAlpha MyToolsConfiguration code. Doesn't seem to be harming anything, so I'll leave it running for now, as of 13 Mar 11. */

.blackout { background:none repeat scroll 0 0 black; }

/***** HEADLINES *****/ /* changing where the "edit section" button goes and what it looks like */ /* header definitions */

h1 pagetitle, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{	color:#2f2cb8; font-family:Palatino, 'Hoefler Text', Georgia, 'Times New Roman', 'Times New Roman', Times, serif;erif; }

h1 .mw-headline { padding: 0.0em 0.0em; margin: 0px 0 0px 0; border: 0px solid #000; border-bottom: 0px solid #000; background-color: transparent; color: #2f2cb8; font-size: 105%; font-family:Palatino, 'Hoefler Text', Georgia, 'Times New Roman', 'Times New Roman', Times, serif;; text-align: left; }

h2 .mw-headline { padding: 0.0em 0.0em; margin: 0px 0 0px 0; border: 0px solid #000; border-bottom: 0px solid #000; background-color: transparent; color: #2f2cb8; font-size: 100%; font-family:Palatino, 'Hoefler Text', Georgia, 'Times New Roman', 'Times New Roman', Times, serif; text-align: left; }

h3 .mw-headline { padding: 0.0em 0.0em; margin: 10px 0% 10px 0; border: 0px solid #000; background-color: transparent; color: #2f2cb8; font-size: 95%; font-family:Palatino, 'Hoefler Text', Georgia, 'Times New Roman', 'Times New Roman', Times, serif; text-align: left; }

h4 .mw-headline { padding: 0.0em 0.0em; margin: 10px 0 10px 0; border: 0px solid #000; background-color: transparent; color: #2f2cb8; font-weight:bold; font-family:Palatino, 'Hoefler Text', Georgia, 'Times New Roman', 'Times New Roman', Times, serif; font-size: 90%; text-align: left; }

h5 .mw-headline { padding: 0.0em 0.0em; margin: 10px 0 10px 0; border: 0px solid #000; background-color: transparent; color: #2f2cb8; font-weight:bold; font-size: 85%; font-family:Palatino, 'Hoefler Text', Georgia, 'Times New Roman', 'Times New Roman', Times, serif; text-align: left; }

h6 .mw-headline { padding: 0.0em 0.0em; margin: 10px 0 10px 0; border: 0px solid #000; background-color: transparent; color: #2f2cb8; font-weight:bold; font-size: 80%; font-family:Palatino, 'Hoefler Text', Georgia, 'Times New Roman', 'Times New Roman', Times, serif; text-align: left; }

.editsection a { color: #2f2cb8; align: left; }

/* kills read more and category galleries, thanks to Sovq */ .RelatedPagesModule { display: none; } .category-gallery { display: none; }

/*** CHANGES TO EDITING ***/

/*** editing in fixed-width fonts for clarity ***/ textarea, .skin-oasis textarea { font-family: "Lucida Sans Typewriter", /* Nice, naturally dark, preferred monospace */ "Lucida Console", /* Nicest thing most Windows users have */ Monaco, /* Nicest monospace that 99% Mac users have */ "Nimbus Mono L", /* for 99% of UNIX friends */ "Courier New", /* An all-purpose fallback */ monospace; }

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

.CSitem, .CSaddCategory, .csAddCategoryButton, .csAddCategorySwitch, .CSitemOuter, .CSitemOuterAddCategory, .csMainContainer, .wikia-button { 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; }

/********* BUTTON MANIA *************/

/* Buttons outside page header */

.WikiaRail .module .wikia-button, .WikiaRail #RIGHT_SKYSCRAPER .wikia-button, .WikiaPagesOnWikiModule .wikia button, .LatestPhotosModule .wikia-button, .WikiFooter .buttons a, .WikiaFooter .wikia-button /* Random Wiki button at bottom of page */ { background-color:#2f2cb8 !important; background-image: -moz-linear-gradient(center top, #747eBE 35%, #2f2cb8 65%) !important; color:white !important; border-top:none !important; border-bottom:none !important; border-left:none !important; border-right:none !important; }
 * 1) WikiaSpotlightsModule .wikia-button,

/* Drop-down menus deriving from buttons */

.wikia-menu-button ul          { background: none repeat scroll 0 0 #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 !important; font-family:Palatino, 'Hoefler Text', Georgia, 'Times New Roman', 'Times New Roman', Times, serif; font-size:11pt; padding:3px; font-weight:bold; }

/* Controls color of text in dropdown; oddly the above doesn't */ .wikia-menu-button ul a { color:#2F2CB8; }

.wikia-menu-button ul:hover      { background-color:#ECECEC; padding:3px; }

.wikia-menu-button ul a:hover    { background-color:#D5D4F0  !important } /* Turning this bit off; probably unnecessary

.wikia-menu-button li:hover      { background-color:#2f2cb8 !important }

.wikia-menu-button li a:hover    { background-color:white !important; padding:3px; }*/

a.wikia-button:hover, wikia-single-button a:hover, .wikia-menu-button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .button-hover, button-hover                      { background-color:#2f2cb8 !important; color:white !important; }

/* Start a wiki button */

.WikiaHeader .wikia-button { background-color:#2f2cb8 !important; background-image: -moz-linear-gradient(center top, #747eBE 35%, #2f2cb8 65%) !important; color:white !important; border-top:none !important; border-bottom:none !important; border-left:none !important; border-right:none !important; font-family:Palatino, 'Hoefler Text', Georgia, 'Times New Roman', Times, serif; }

/* Random Page and Wiki Activity buttons */ .WikiHeader .buttons a, .WikiHeader .buttons a:hover { background-color:transparent !important; color:#2f2cb8 !important; border-top:none !important; border-bottom:none !important; border-left:none !important; border-right:none !important; }

/* Coloring chevron white; the chevron is   the little down-arrow thingie on various buttons */

.wikia-menu-button .chevron, a.wikia-button img.chevron, .wikia-single-button a img.chevron, .wikia-menu-button img.chevron, input[type="submit"] img.chevron, input[type="reset"] img.chevron, input[type="button"] img.chevron, .button img.chevron, button img.chevron { color:white !important; }

/* Turning off ul.wikia-menu-button, .wikia-menu-button, wikia-single-button, a.wikia-button { background-color:white !important; color:black !important; }

a.wikia-button:hover, wikia-single-button a:hover, .wikia-menu-button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .button-hover, button-hover { background-color:#2f2cb8 !important; color:white !important; }

/* temp turn off a.wikia-button, wikia-single-button, .wikia-menu-button { background-color:transparent !important; color:#2f2cb8 !important; } */

/*This changes the bits underneath the edit box, where the summary input box is */ .skin-oasis #edit_enhancements_toolbar, .skin-oasis .edit_enhancements_toolbar, .csMainContainer, border:dashed 1px #2f2cb8; }
 * 1) csMainContainer {

/*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 40px #2f2cb8; -webkit-box-shadow:0 0 40px #2f2cb8; box-shadow:0 0 40px #2f2cb8; color:#2f2cb8; font-family:Palatino, 'Hoefler Text', Georgia, 'Times New Roman', 'Times New Roman', Times, 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:transparent; -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:Palatino, 'Hoefler Text', Georgia, 'Times New Roman', 'Times New Roman', Times, serif; font-size:11pt; padding:3px;

}

.link-suggest-container .yui-ac-content li { background:#ececec; color:#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 colour of Bot edits */ ul.special li a[title="User:CzechBot"] { font-weight: bold !important ; font-style: italic !important; color: #70B92D !important; } /***********************************************************
 * RAIL/MODULES

.activityfeed-inserted-media li { border:1px dashed #2f2cb8; }

.WikiaPagesOnWikiModule, .WikiaActivityModule, .WikiaBlogListingBox, .LatestPhotosModule, .HotSpotsModule, .FollowedPagesModule { color:#2f2cb8; line-height:90%; text-align:left; font-family:Palatino, 'Hoefler Text', Georgia, 'Times New Roman', 'Times New Roman', Times, serif; background-color:#transparent !important; background-image:none !important; border:1px dashed #2f2cb8 !important; }
 * 1) WikiaSpotlightsModule,

/* Trying to change just the heading of Recent Wiki Activity to serif font */

.WikiaActivityModule h1.activity-heading { font-weight:normal !important; font-family:Palatino, 'Hoefler Text', Georgia, 'Times New Roman', Times, serif; }

.CommunityCornerModule { color:#2f2cb8; background-color:#transparent !important; background-image:none !important; border:1px dashed #2f2cb8 !important; line-height:110% !important; font-family:Palatino, 'Hoefler Text', Georgia, 'Times New Roman', 'Times New Roman', Times, serif; }

.SponsoredLinksModule { background-color:transparent; border:1px dashed #2f2cb8; margin-top:2em; }

/*********************************************************** div#article-type { background-color: transparent; background-position:top left; border: 1px dashed #2f2cb8; color: #000; margin: 0em 0em 1em .5em; padding: .5em 1em; vertical-align: middle; align:center; width:90%; text-align: right; -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; font-size:1.5em; font-style:italic; font-family:Palatino, 'Hoefler Text', Georgia, 'Times New Roman', 'Times New Roman', Times, serif;
 * Formatting for article type banners from MemAlpha

min-height:55px; max-height:55px; line-height:1.1em; }

div.type-realworld { background: transparent url(http://images3.wikia.nocookie.net/tardis/images/d/d8/SmallClapper.jpg) no-repeat; }

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

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

/***********************************************************
 * ARTICLES from MemAlpha

/* This whole thing screws with translucency effect

.WikiaPage { background:none repeat scroll 0 0 transparent !important; border:1px solid #666 !important; } */

/* 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, /* 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; }

/* preformatted text blocks (generally, possibly redundant to the above) */ pre { background-color: transparent !important; border:1px dashed #2f2cb8; width=60; 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; } .WikiaArticle .toc { background-color:transparent; border:1px dashed #2f2cb8; float:right; clear:right; postion:absolute; right:250px; min-width:250px; max-width:250px; color:#2f2cb8; border-collapse:separate; }

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

.commentsbubble { color: #666 !important; }

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

/***********************************************************
 * USER STUFF */

/* User pages */

.WikiaUserPagesHeader { border-bottom 2px dashed #2f2cb8; padding:0 0px 1em; }

.WikiaUserPagesHeader .tabs-container { bottom:-25px; padding:0 0 1em; width:95%; }

.tabs { border-bottom:1px solid #2f2cb8; /* background-color:#2f2cb8 !important;color:white !important;*/ }

.tabs li a { background-color:#2f2cb8 !important; background-image:none; color:#FFF !important; border:1px solid #2f2cb8; }

.tabs .selected a { color:#2f2cb8 !important; background-color:#fff !important; }

.WikiaUserPagesHeader .wikia-avatar, .WikiaUserPagesHeader .avatar-link, .WikiaUserPagesHeader .wikia-avatar-menu:hover, .WikiaUserPagesHeader .wikia-avatar-menu:hover ul { border:1px solid #2f2cb8; }

.WikiaUserPagesHeader .wikia-avatar ul { background:#2f2cb8 repeat scroll 0 0 red; left:-1px; }

.WikiaUserPagesHeader .wikia-avatar ul a { color: #2f2cb8; }

.WikiaUserPagesHeader .wikia-avatar ul a:hover { background:green repeat scroll 0 0 green; }

/* Blog post */ /* Create new blog post button and post-a-comment button */ /* Still don't quite know what's controlling the hover */

.WikiaArticleComments .wikia-button, .WikiaUserPagesHeader .wikia-button, .WikiaUserPagesHeader .wikia-menu-button { background-color:#2d2cb8 !important; color:white !important; font-family: Palatino, 'Hoefler Text', Georgia, 'Times New Roman', Times, serif; }

/* User highlighting */

/* Changing link color in Recent Wiki Activity */

.WikiaActivityModule { /* This combo results in <.5% of all users falling through to sans-serif */ font-family: "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 */ }

/* Article edited */

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

/* This affects "edited by" and "minutes ago" */ .WikiaActivityModule details { font-size: 12px; color;grey !important; margin-top: 2px; }

/* This affects the name of the person making the edit */ .WikiaActivityModule details a { color:#1F1E7B !important; font-weight: bold !important; }

.WikiaActivityModule details a:hover { color:#7700B3 !important; font-weight: bold !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; }

/* This is for simple navigation, so seasonal nav boxes, species nav boxes, etc. */ table.nav-simple { width: auto; clear: both; background-color: #222222; border: 1px solid #666; margin: 1em auto 1em auto; }

table.nav-simple 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-simple tr td { background-color: transparent; text-align: center; font-size: smaller; }

/* table.nav-sidebar */

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

/***SPECIALISED BOX STYLES***/

/* The glowy box thing */

background-color: transparent; border: 1px dashed #2f2cb8; color: #000; margin: 2em 0 1em; 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: 2em 0 1em; padding: .5em 1em; vertical-align: middle; align:center; width:80%; line-height:110%; font-size:95%; font-family:Palatino, 'Hoefler Text', Georgia, 'Times New Roman', 'Times New Roman', Times, serif; 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) license {

background-color: #DFE080; border: 2px dashed #2f2cb8; color: #000; margin: 2em 0 1em; padding: .5em 1em; vertical-align: middle; align:center; width:95%; line-height:110%; font-size:95%; text-align: center; -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 {

/* styling for MediaWiki:Edittools */

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

/* */