MediaWiki:NewNav.css: Difference between revisions
Jump to navigation
Jump to search
(Created page with "/* ================ NEW NAV 1.0 written by User:CzechOut 22 September 2012 credit to tardis.wikia.com and released under the CC-BY-SA 3.0 license Th...") |
(No difference)
|
Revision as of 19:46, 18 June 2014
/* ================
NEW NAV 1.0
written by User:CzechOut
22 September 2012
credit to 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
+++++++++++++++ */
/* +++++++++++++++
Removing border on top of tabs
+++++++++++++++ */
.WikiHeader > nav li.marked > a,
.WikiHeader > nav 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 and top row
+++++++++++++++ */
.WikiHeader .navbackground {
background-color:transparent!important;
font-size:10pt;
width:575px!important; /*keeps dividing line between tiers
the width of the framing box */
}
/* ================
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.
+++++++++++++++ */
.WikiHeader > nav {
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
+++++++++++++++ */
.WikiHeader > nav li {
border: none;
font-size:10pt;
letter-spacing:2px!important;
font-weight:bold!important;
}
.WikiHeader > nav li.marked {
border:none;
color:white;
background-color: transparent!important;
text-decoration: none;
font-size:10pt!important;
letter-spacing:2px!important;
text-transform:uppercase;
font-weight:bold !important;
}
.WikiHeader > nav li.marked > a:hover {
border:none;
color:white;
text-decoration: none;
font-size:10pt!important;
letter-spacing:2px!important;
text-transform:uppercase;
font-weight:bold !important;
background-color:transparent!important;
}
.WikiHeader > nav li.marked a {
border: none;
color:white;
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 !important;
background-color:transparent!important;
}
/* ================
Bottom row
================ */
/* This is the main selector for the actual drop down */
.WikiHeader > nav .subnav {
background:transparent url(http://images.wikia.com/tardistest/images/c/ce/70opacitywhite.png); /* peek-a-boo, I see you! */
-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:white;
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;
letter-spacing:2px;
margin-top:-40px!important;
}
.WikiHeader > nav .subnav-2 accent {
background-color: transparent !important;
}
.WikiHeader > nav subnav-2 {
border:none!important;
}
.WikiHeader > nav .subnav-2 li a.subnav-2a {
background-color:#transparent !important;
color:white !important;
background-image:none;
font-weight:bold !important;
font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif;
text-transform:uppercase;
letter-spacing:1px;
width:auto!important;
z-index: 100;
display: block;
border: 0px solid transparent;
margin: 0px 0px 0px 0px;
height: 25px;
padding-left:7.5px!important;
padding-right:3.5px!important;
}
.WikiHeader > nav .subnav-2 li.marked2 a.subnav-2a {
background-color:transparent
}
.WikiHeader > nav li.marked .subnav-2 > li a:hover,
.WikiHeader > nav li.marked .subnav-2 .marked2 a:hover { background-image: none; border: medium none !important; color: #2F2CB8 !important; font-family: 'Lucida Grande','Trebuchet MS','Gill Sans',Verdana,'URW Gothic L','Nimbus Sans L',sans-serif; font-weight: bold !important; }
/*
.WikiHeader > nav li.marked .subnav-2 > li a:hover, .WikiHeaderRestyle > nav li.marked .subnav-2 .marked2 a:hover {
background: none repeat scroll 0px 0px #D5D4F0 !important;
}
*/
.WikiHeader > nav .subnav-2 li a.subnav-2a:hover {
color: rgb(47, 44, 184) !important;
background-color:none!important;
font-weight: bold !important;
font-family: 'Lucida Grande','Trebuchet MS','Gill Sans',Verdana,'URW Gothic L','Nimbus Sans L',sans-serif;
text-transform: uppercase;
letter-spacing: 1px;
width: auto !important;
}
/* Keeping the hover background for tier 2 separate from tier 3 */
.WikiHeaderRestyle > nav li.marked .subnav-2 > li ul li:hover { background-color:#ececec !important; }
/* ================
Floaty dropdown row
================ */
/* Get rid of annoying overlay of white */
.subnav-3 li {
background:transparent !important
}
.WikiHeader > nav .subnav-3 {
background:transparent url(http://images.wikia.com/tardistest/images/c/ce/70opacitywhite.png); /* peek-a-boo, I see you! */
-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-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif;
font-size:8pt;
line-height:8pt;
padding:1.5px;
font-weight:bold !important;
text-transform:uppercase!important;
font-style:normal;
margin-top:15px!important;
}
.WikiHeader > nav .subnav-3 li a {
background-color:transparent !important;
color:#2f2cb8 !important;
background-image:none;
font-weight:bold !important;
font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif;
text-transform:uppercase!important;
letter-spacing:0px;
font-size:8pt;
padding:5px!important;
line-height:8pt!important;
font-style:normal;
}
.WikiHeader > nav .subnav-3 li a:hover {
background-color:none !important;
color:#2f2cb8 !important;
border:none !important;
font-weight:bold !important;
background-image:none;
font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif;
text-transform:uppercase!important;
letter-spacing:0px;
font-style:normal;
padding:5px!important;
line-height:8pt!important;
}
/* =====================
Things that have happened
as a RESULT of New Nav, but
which aren't strictly
PART OF New Nav
===================== */
/* +++++++++++++++++++++++++++
Pages on wiki thingie
+++++++++++++++++++++++++++ */
/* Fixing article tally */
.wikinav2 .WikiaPageHeader > .tally span {
font-family: 'Futura','Gill Sans','Helvetica Neue','Trebuchet MS',Verdana,'URW Gothic L','Nimbus Sans L',sans-serif;
text-transform: uppercase;
font-weight: normal;
}
/*
body.mainpage .wikinav2 .WikiaPageHeader > .tally {
margin-left:-490px !important;
display:none;
}
body.mainpage h1 {background-color:red!important:font-family:Monaco;fantasy!important}