MediaWiki:NewNav.css

/* ================  NEW NAV 1.0

written by User:CzechOut 22 September 2012 for use at tardis.wikia.com and released under the CC-BY-SA 3.0 license

Though almost all styling elements are unique to tardis, grateful acknowledgement is certainly due to fellow code monkeys at  memory-alpha.org, yoshi.wikia.com, all the respondents at  community:Admin_Forum:Restyling_the_new_WikiHeader_navigation, and various members of Wikia Staff ================

On 3 October 2012, Wikia made compulsory a new system of top-of-page navigation which radically supplanted the previous drop-down-only notion.

This design is the homegrown tardis.wikia.com response to  the new requirement. */

/* ================   BASICS -- or -- DEALING WITH WikiHeaderRestyle ================

+++++++++++++++  Retaining artistic background from previous iteration of WikiHeader +++++++++++++++ */

background-image:url(http://images.wikia.com/tardis/images/c/c8/WikiHeaderFullLength2.png) !important; background-repeat:no-repeat !important; font-size:10pt; padding-left:none; padding-right:none; }
 * 1) WikiHeader.WikiHeaderRestyle {

/* +++++++++++++++  Removing border on top of tabs +++++++++++++++ */ .WikiHeaderRestyle > nav li.marked > a, .WikiHeaderRestyle > nag li.marked > a:hover { border:none !important; background-color:transparent!important; text-decoration:none; padding-left:none; padding-right:none; font-size:10pt; }

/* +++++++++++++++  Removing accent mark under bottom row +++++++++++++++ */

.WikiHeaderRestyle .navbackground { background-color:transparent!important; font-size:10pt; }

/* ================  Top row ================ */

/* +++++++++++++++  Main style of WikiHeaderRestyle but because its margin-bottom is  stretched, this effectively "creates an envelope/div" which becomes the most visible aspect of the nav the major style of the entire new nav.

Alternately, think of this as the top row in an   unhovered state. +++++++++++++++ */

.WikiHeaderRestyle > nav { background:transparent url(http://images2.wikia.nocookie.net/tardistest/images/c/ce/70opacitywhite.png); /* peek-a-boo, I see you! */  border:3px solid #2f2cb8; /* possibly too thick */ -moz-border-radius:10px; -webkit-border-radius:10px; -o-border-radius:10px; -ms-border-radius:10px; border-radius:10px; -moz-box-shadow:0 0 40px #2f2cb8; -webkit-box-shadow:0 0 40px #2f2cb8; -o-box-shadow:0 0 40px #2f2cb8; -ms-box-shadow:0 0 40px #2f2cb8; box-shadow:0 0 40px #2f2cb8; color:#2f2cb8; font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; padding-top:0px; padding-bottom:32px!important; /* "extends the shields" around bottom tier */ letter-spacing:1.5 px; font-weight:normal !important; text-transform:uppercase; margin-top:-20px; /* moves it all up beyond reach of search/user masthead */ z-index:-10px; /* for kicks */ font-size:10pt!important; }

/* +++++++++++++++  Other styling +++++++++++++++ */

.WikiHeaderRestyle > nav li { border: none; font-size:10pt; } .WikiHeaderRestyle > nav li.marked { border:none; color:#2f2cb8; background-color: transparent; text-decoration: none; font-size:10pt!important; }

.WikiHeaderRestyle > nav li.marked > a:hover { border:none; color:#2f2cb8; background-color: transparent; text-decoration: none; font-size:10pt!important; letter-spacing:2px; text-transform:uppercase; font-weight:bold; }

.WikiHeaderRestyle > nav li.marked a { border: none; color:#2f2cb8; font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; font-size:10pt; padding:none; font-weight:bold !important; text-transform:uppercase; letter-spacing:2px }

/* ================  Bottom row ================ */

/* This is the main selector for the actual drop down */ .WikiHeaderRestyle > nav .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: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; padding:1px; line-height:8pt; font-size:9pt; font-weight:bold !important; text-transform:uppercase; margin-top:-40px!important; } .WikiHeaderRestyle > nav .subnav-2 accent { background-color: transparent !important; } .WikiHeaderRestyle > nav subnav-2 { /*width:729px !important;*/ border:none!important; } .WikiHeaderRestyle > nav .subnav-2 li a.subnav-2a { background-color:#transparent !important; color:#2f2cb8 !important; background-image:none; font-weight:normal !important; font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; text-transform:uppercase; letter-spacing:1.5px; /*width:729px!important*/ width:auto!important; } .WikiHeaderRestyle > nav .subnav-2 li.marked2 a.subnav-2a, .WikiHeaderRestyle > nav li.marked .subnav-2 > li a:hover, .WikiHeaderRestyle > nav li.marked .subnav-2 .marked2 a:hover { background-color:#D5D4F0 !important; color:#2f2cb8 !important; border:none !important; font-weight:normal !important; background-image:none; font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; text-transform:uppercase letter-spacing:1.5px; }

/* ================  Floaty dropdown row ================ */

.WikiHeaderRestyle > nav .subnav-3 { background-color:#ECECEC !important; -moz-border-radius:10px; -webkit-border-radius:10px; -o-border-radius:10px; -ms-border-radius:10px; border-radius:10px; border:1px solid #2f2cb8; -moz-box-shadow:0 0 40px #2f2cb8; -webkit-box-shadow:0 0 40px #2f2cb8; -o-box-shadow:0 0 40px #2f2cb8; -ms-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:9pt; line-height:8pt; padding:1.5px; font-weight:bold !important; text-transform:lowercase!important; font-style:italic; margin-top:15px!important; } .WikiHeaderRestyle > nav .subnav-3 li a { background-color:transparent !important; color:#2f2cb8 !important; background-image:none; font-weight:normal !important; font-family: 'Book Antiqua','Calisto MT','Lucida Bright',Georgia,'DejaVu Serif',serif; text-transform:lowercase!important; letter-spacing:0px; font-size:9pt; padding:10px; line-height:8pt font-style:italic; } .WikiHeaderRestyle > nav .subnav-3 li a:hover { background-color:none !important; color:#2f2cb8 !important; border:none !important; font-weight:normal !important; background-image:none; font-family: 'Book Antiqua','Calisto MT','Lucida Bright',Georgia,'DejaVu Serif',serif; text-transform:lowercase!important; letter-spacing:0px; font-style:italic }

/* =====================  Things that have happened as a RESULT of New Nav, but which aren't strictly PART OF New Nav ===================== */

/* +++++++++++++++++++++  SHARE button +++++++++++++++++++++ */

.WikiHeaderRestyle .buttons .share-button { padding: 1px 0px 1px 3px !important; position: relative; margin-top: -30px; font-size:12pt

}

/* ++++++++++++++++++++++  CONTRIBUTE button ++++++++++++++++++++++ */ .wikia-menu-button.secondary.combined { padding: 1px 0px 1px 3px !important; margin-top: 40px !important; margin-left: 40px !important; margin-right:6px!important; font-size:12pt }

.sprite.contribute { display: none; }

/* Contribute drop down */

.WikiHeaderRestyle .buttons .contribute ul { background-color:#ECECEC !important; -moz-border-radius:10px; -webkit-border-radius:0px 10px 10px 0; 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:9pt; line-height:8pt; padding:1.5px; font-weight:bold !important; text-transform:lowercase; font-style:italic margin-top:40px!important; }

/* ++++++++++++++++++++++++++  Discussion button ++++++++++++++++++++++++++ */

.wikinav2 .WikiaPageHeader > .comments { margin: 2px 10px 0px; display: inline; background-color: transparent !important; border: none; color: #2f2cb8 !important; font-size:12pt!important; }