MediaWiki:Wikia.css: Difference between revisions

From Tardis Wiki, the free Doctor Who reference
(disabling yellow background on hyperlink hover for main page buttons)
No edit summary
Line 8: Line 8:
@import url("/load.php?debug=false&&allinone=0&lang=en&mode=articles&articles=MediaWiki:Common.css|MediaWiki:WikiaNav3.css|MediaWiki:WallForum.css|MediaWiki:WikiaButtons.css|MediaWiki:Namespace2.css|MediaWiki:Transmat.css&only=styles");
@import url("/load.php?debug=false&&allinone=0&lang=en&mode=articles&articles=MediaWiki:Common.css|MediaWiki:WikiaNav3.css|MediaWiki:WallForum.css|MediaWiki:WikiaButtons.css|MediaWiki:Namespace2.css|MediaWiki:Transmat.css&only=styles");


@import "http://fonts.googleapis.com/css?family=Merriweather:400,400italic,700,700italic,900,300,300italic|Roboto+Slab:400,100,300,700&subset=latin,latin-ext";
@import "http://fonts.googleapis.com/css?family=Anton|Merriweather:400,400italic,700,700italic,900,300,300italic|Roboto+Slab:400,100,300,700&subset=latin,latin-ext";


/* Version 2.1 January 2013
/* Version 2.1 January 2013

Revision as of 22:54, 9 October 2013

/*  ===================
    CSS IMPORTS 
    ===================
    These imports must be above 
    everything else in order to work
    =================== */

@import url("/load.php?debug=false&&allinone=0&lang=en&mode=articles&articles=MediaWiki:Common.css|MediaWiki:WikiaNav3.css|MediaWiki:WallForum.css|MediaWiki:WikiaButtons.css|MediaWiki:Namespace2.css|MediaWiki:Transmat.css&only=styles");

@import "http://fonts.googleapis.com/css?family=Anton|Merriweather:400,400italic,700,700italic,900,300,300italic|Roboto+Slab:400,100,300,700&subset=latin,latin-ext";

/* Version 2.1 January 2013

   Beginning in late 4Q 2012, we began pulling large chunks
   of this CSS file into their own separate files, because 
   the amount of styling became a little too much to comprehend
   at once.  This will hopefully pave the way for a general 
   cleaning of the code, in preparation for re-integration 
   and minifying into a leaner, faster-loading version 

   --CzechOut, principal author

    ============
    General font matters
    ============ */


.WikiaArticle,
.WikiaPage {                
   font-size: 16px;
   font-family:"Roboto Slab";
   background-color:transparent;
}

.WikiaPageHeader h1 {
    font-family:"Roboto Slab";
    text-transform:none;
    letter-spacing:.025em;

}

.WikiaArticle h2,
.WikiaArticle h3,
h3,h4,h5,h6 {font-family:"Roboto Slab"!important;text-transform:normal}

.WikiaArticle li,
.WikiaPage li {
   line-height:130%;
}
/* This might fix the fluid issue discovered in Sept 2013.
   This seemed to make pages that didn't want to stretch
   to full width nicely fluid. Don't know if it was entirely the
   cause, but after putting it in, ns:0 pages all seemed to 
   be fluid.

   But it breaks Chat, so I'm now remarking out, 
   as of 14.09.2013 1548 UTC 

.WikiaPage,
.WikiaPageContentWrapper {
    position:relative
}
*/

/*  Making only main text area white
    for maximum readability for those
    visual acuity issues. This leaves
    the right rail an off white color.

    It's not a super effect, really.

.WikiaGrid .grid-4 {
    background: #ffffff;
}*/

/* =============
   Protecting against
   Wikia defining the 
   top margins of sectional 
   headlines, as they did on 
   10 Jan 2012
   =============== */ 
.WikiaArticle h1, 
.WikiaArticle h2,
.WikiaArticle h3,
.WikiaArticle h4,
.WikiaArticle h5,
.WikiaArticle h6 {
   margin-top:auto
}


/*  ==============
    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:50%/2%; 
  -webkit-border-radius:50%/2%;
       -o-border-radius:50%/2%;
      -ms-border-radius:50%/2%;
          border-radius:50%/2%;
     -moz-box-shadow:0 0 40px #fff;
  -webkit-box-shadow:0 0 40px #fff;
       -o-box-shadow:0 0 40px #fff;
      -ms-box-shadow:0 0 40px #fff;
          box-shadow:0 0 40px #fff;
}
body {
  background-attachment: fixed;
} */

/* This little bit of the background taken from [[w:c:destiny]] 

   Don't really like it, but the effect is interesting for future use.

body.mediawiki {
    background: url("http://images.wikia.com/operation-neogenesis/images/2/29/Page_Background.jpg") no-repeat center top #012c57;
    background-size: cover;
}
*/

/*  post 3 October 2012 page stuff */

.oasis-split-skin .WikiaPage {
   margin: 0px auto;
      -moz-border-radius:50%/2%;
   -webkit-border-radius:50%/2%;
        -o-border-radius:50%/2%;
       -ms-border-radius:50%/2%;
           border-radius:50%/2%;
    background-image: none;
    background-color: transparent;
    border: none;
       -moz-box-shadow:0 0 40px #fff;
    -webkit-box-shadow:0 0 40px #fff;
         -o-box-shadow:0 0 40px #fff;
        -ms-box-shadow:0 0 40px #fff;
            box-shadow:0 0 40px #fff;
}

.WikiaPage {
    border:0px solid #012c57;
}

/*  ==================
    THINGS TURNED OFF
    It's believed that 
    turning these things off
    is allowed by the 
    Wikia Terms of Use
    ================== */
    

.WikiaArticle .editsection img,
.category-gallery,
/*.WikiaPage .categories,*/
.RelatedPagesModule,
.picture-attribution {
    display:none!important; /* this important seems necessary */
}

/*  Fix for rewrite title */

#title-meta i {
    font-style: italic;
}


/*  ==================
    SEARCH
    ==================



.WikiaSearch input[type="text"] {
    color:#fff!important;
    font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif;
    letter-spacing:0px;
    text-transform:none;
    font-size:90%;
    background:#012c57;
    border:2px solid white;
    -webkit-border-radius: 50%/10%;
       -moz-border-radius: 50%/10%;
         -o-border-radius: 50%/10%;
        -ms-border-radius: 50%/10%;
            border-radius: 50%/10%;
}

.WikiaSearch input[type="text"]:focus {
    background:#012c57;
    color:#ccdfff;
}

#WikiaSearch :ms-input-placeholder {
    background:#012c57;
    color:white;
    border:2px solid white;
}

#WikiaSearch :-moz-placeholder {
    background:#012c57;
    color:white;
    border:2px solid white;
}

#WikiaSearch ::-moz-placeholder {
    background:#012c57;
    color:white;
    border:2px solid white;
}

#WikiaSearch ::-webkit-placeholder {
    background:#012c57;
    color:white;
    border:2px solid white;
}

.mw-search-formheader,
fieldset#mw-searchoptions {
    color:#012c57;
    background-color:#d1c2b2;
    border:1px dashed #012c57;
}
 
.mw-search-formheader div.search-types ul li.current a {
    color:#d1c2b2;
    background-color:#fff
}

.search-v2-form .tabs li a {
    background-color:#012c57;
    background-image:none;
    color:#FFF;
    border:1px solid #012c57;
    font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif;
    text-transform:uppercase;
    font-weight:normal;
}

.search-vt-form .tabs li a:hover,
.search-v2-form .tabs .selected a {
    color:#012c57;
    background-image:none;
    background-color:#fff;
    font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif;
} 


/*  ============
    Autocompletion
    ============= */

/*  This is for the drop-down itself */

.WikiaSearch .autocomplete {
    background-color:#012c57;
    -webkit-border-radius: 2%/50%;
       -moz-border-radius: 2%/50%;
         -o-border-radius: 2%/50%;
        -ms-border-radius: 2%/50%;
            border-radius: 2%/50%;
    border:2px solid white;
    color:#ccdfff;
    font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif;
    font-size:12pt;
    padding:auto;
    font-weight:normal;
    width:195px;
    margin-top:5px;
       -moz-box-shadow:0 0 40px #012c57;
    -webkit-box-shadow:0 0 40px #012c57;
         -o-box-shadow:0 0 40px #012c57;
        -ms-box-shadow:0 0 40px #012c57;
            box-shadow:0 0 40px #012c57;
}

/*  This is for the selection of items within the drop-down */

.WikiaSearch .autocomplete .selected {
    color:#fff;
    font-weight:normal;
    background-color:#012c57;
    font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif;
}

.WikiaSearch .autocomplete div {
    line-height:110%;
    padding:4px;
}

div.autocomplete-w1 {
    padding:2px;
}

.WikiaSearch .autocomplete .redirect {
    top:-1px;
    line-height: auto;
}


/*  ============
    MAIN PAGE
    STUFF
    ============ */

.tally em,
div.tally.mainpage-tally em { 
    font-family: 'Futura', 'Gill Sans', 'Helvetica Neue', 'Trebuchet MS', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif;
    letter-spacing:3px;
    color:#012c57;
    font-size:24px;
}

.tally span { 
    color:#012c57
} 

/*  ================
    PRE  
    needs to be different
    here than in monobook
    ================ */

.WikiaArticle pre,
.pre { 
    background:#fff;
    color:#012c57;
    border:2px solid #012c57; 
       -moz-border-radius:50%/5%;
    -webkit-border-radius:50%/5%;
         -o-border-radius:50%/5%;
        -ms-border-radius:50%/5%;
            border-radius:50%/5%;
       -moz-box-shadow:0 0 5px #012c57 inset;
    -webkit-box-shadow:0 0 5px #012c57 inset;
         -o-box-shadow:0 0 5px #012c57 inset;
        -ms-box-shadow:0 0 5px #012c57 inset;
            box-shadow:0 0 5px #012c57 inset;
    line-height:140%;
    width:auto;
    margin:auto auto auto auto;
    font-family: Monaco,"Andale Mono","Lucida Sans Typewriter", "Lucida Console", "Nimbus Mono L", "Courier New", monospace;
    white-space: pre-wrap;       /* css-3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}


/*  ================
    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"
    ================ */

.AccountNavigation a:hover,
.GlobalNavigation a:hover {
    background:none
}

/*  ++++++++++++++++
    Makes a user's name
    to be white in the header
    ++++++++++++++++ */

.AccountNavigation > li > a {
    color:white;
}

.GlobalNavigation > li > a {
    font-size:11px;
} 

/*  ++++++++++++++++
    Broader coding for the
    account/global navigation
    ++++++++++++++++ */

.GlobalNavigation li, 
.AccountNavigation li {     
    font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif;
    text-transform:uppercase;
    letter-spacing:1.5px;
    color:#012c57
}


.GlobalNavigation li:hover,
.AccountNavigation li:hover { 
    background:none;
    font-weight:normal; 
}

.AccountNavigation .subnav {
    text-transform:lowercase;
    font-style:italic;
    background-color:#ECECEC;
       -moz-border-radius:10px;
    -webkit-border-radius:10px;
         -o-border-radius:10px;
        -ms-border-radius:10px;
            border-radius:10px;
    border:1px solid #012c57;
       -moz-box-shadow:0 0 40px #012c57;
    -webkit-box-shadow:0 0 40px #012c57;
         -o-box-shadow:0 0 40px #012c57;
        -ms-box-shadow:0 0 40px #012c57;
            box-shadow:0 0 40px #012c57;
    color:#012c57;
    font-family: Adelle, 'Cambria', 'Book Antiqua','Calisto MT','Lucida Bright',Georgia,'DejaVu Serif',serif;
    padding:3px;
    font-weight:bold;
    letter-spacing:0px;
    margin-top:10px;
}
                          
.GlobalNavigation .subnav {     
    text-transform:uppercase;
    font-size:80%;
    background-color:#ECECEC;
       -moz-border-radius:10px;
    -webkit-border-radius:10px;
        -ms-border-radius:10px;
         -o-border-radius:10px;
            border-radius:10px;
    border:1px solid #012c57;
       -moz-box-shadow:0 0 40px #012c57;
    -webkit-box-shadow:0 0 40px #012c57;
        -ms-box-shadow:0 0 40px #012c57;
         -o-box-shadow:0 0 40px #012c57;
            box-shadow:0 0 40px #012c57;
    color:#012c57;
    font-family: Adelle, 'Cambria', 'Book Antiqua','Calisto MT','Lucida Bright',Georgia,'DejaVu Serif',serif;
    padding:3px;
    font-weight:bold;
    line-height:1.2;
    letter-spacing:0px;
    margin-top:10px;
}

/*  This actually controls the text 
    of the un-hovered lists */

.GlobalNavigation .subnav li > a { 
    letter-spacing:0px;
    text-transform:lowercase;
    color:#012c57;
    font-weight:bold;
    font-style:italic;
    font-family: Adelle, 'Cambria', 'Book Antiqua','Calisto MT','Lucida Bright',Georgia,'DejaVu Serif',serif;                                
}

.AccountNavigation .subnav li > a { 
    text-transform:lowercase;
    color:#012c57;
    font-weight:bold;
    font-style:italic;
    font-family: Adelle, 'Cambria', 'Book Antiqua','Calisto MT','Lucida Bright',Georgia,'DejaVu Serif',serif;
}

.GlobalNavigation .subnav li li a:hover {
    font-weight:bold;
    text-transform:lowercase;
    font-style:italic;
    border:none;
    background:none repeat scroll 0 0 #D8DFE5;
    font-family: Adelle, 'Cambria', 'Book Antiqua','Calisto MT','Lucida Bright',Georgia,'DejaVu Serif',serif; 
}

.AccountNavigation .subnav a:hover {
    font-weight:bold;
    border:none;
    background:none repeat scroll 0 0 #D8DFE5;
    font-family: Adelle, 'Cambria', 'Book Antiqua','Calisto MT','Lucida Bright',Georgia,'DejaVu Serif',serif; 
    text-transform:lowercase;
    font-style:italic;
}

/*  ================
    HEADER
    ================ */

#WikiHeader {
    background:#012c57;
    padding:0px 0px 0px 5px;
    margin:10px 20px 40px 20px;
    border:3px solid white;
    -webkit-border-radius: 15px 15px 15px 15px;
       -moz-border-radius: 15px 15px 15px 15px;
         -o-border-radius: 15px 15px 15px 15px;
        -ms-border-radius: 15px 15px 15px 15px;
            border-radius: 15px 15px 15px 15px;
     -moz-box-shadow:0 0 10px;
  -webkit-box-shadow:0 0 10px;
       -o-box-shadow:0 0 10px;
      -ms-box-shadow:0 0 10px;
          box-shadow:0 0 10px;
}
#WikiHeader a:hover {
     background:none!important;
     text-decoration:underline!important; 
}    

#WikiHeader .wordmark,
.WikiHeader .wordmark { 
     margin-bottom:-5px !important;
}

/*  ================
    FOOTER 
    ================ */

/*  This footer is the one at bottom
    of articles */
.WikiaArticleFooter {
    padding:0px;
}

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

.WikiaBarWrapper .toolbar,
.WikiaFooter .toolbar {
    font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif;
    text-transform:uppercase;
    letter-spacing:1.5px;
    z-index:1 
}

.WikiaBarWrapper .toolbar a:hover,
.WikiaFooter .toolbar a:hover {
    font-weight:normal;
    background:none repeat scroll 0 0 transparent;
    border: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;
}

/* =====================
   Wall notifications
   ===================== */

#WallNotifications .subnav.show {
    -webkit-border-radius:10px;
       -moz-border-radius:10px;
        -ms-border-radius:10px;
         -o-border-radius:10px;
            border-radius:10px;
    margin-top: 10px;
    border: 2px solid #012c57;
    padding: 10px;
    font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif;
}



/*  ==============
    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.  */

.WikiaBarWrapper .tools-menu,
.WikiaFooter .tools-menu {
    background-color:#ECECEC;
       -moz-border-radius:10px;
    -webkit-border-radius:10px;
        -ms-border-radius:10px;       
         -o-border-radius:10px;
            border-radius:10px;
    border:1px solid #012c57;
       -moz-box-shadow:0 0 40px #012c57;
    -webkit-box-shadow:0 0 40px #012c57;
        -ms-box-shadow:0 0 40px #012c57;
         -o-box-shadow:0 0 40px #012c57;
            box-shadow:0 0 40px #012c57;
    color:#012c57;
    font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif;
    text-transform:uppercase;
    padding:3px;
    letter-spacing:1.5px;
}

.WikiaBarWrapper .tools-menu a,                                                
.WikiaFooter .tools-menu a { 
    color: #012c57;
    font-weight:normal;
}

.WikiaBarWrapper .tools-menu a:hover,
.WikiaFooter .tools-menu a:hover {
    background-color:#D8DFE5 ;
    font-weight:normal 
} 

/*  ===============
    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:#012c57;
}

.MyToolsConfiguration li:hover,
.MytoolsConfiguration li .selected {
    font-weight:bold;
    background-color:#D8DFE5;
    color:#012c57; 
}

.MyToolsConfiguration .popular-tools-group {
    background-image:none;
    color:#012c57;
    background-color:#ECECEC;
}

.MyToolsConfiguration .popular-tools-group .selected {
    background-image:none;
    background-color: #D8DFE5;
    color:#012c57; font-weight:normal;
}

/*  This is the headline for all things in a modal wrapper — mainly
    the Customize and picture boxes.  Another way of defining the
    headlines of the modal wrappers, is to be specific, as in
    .MyToolsConfiguration h1 */

.modalWrapper > h1 {
    font-style:normal;
    font-size: 20px;
    line-height: 110%;
    text-align:left;
    margin-bottom:10px;
    padding-bottom:10px;
    margin-left:15px;
    font-family:Monaco,"Andale Mono","Lucida Sans Typewriter", "Lucida Console", "Nimbus Mono L", "Courier New", monospace;
    /*font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif;*/
    text-transform:none;
    font-style:normal;
    font-weight:normal;
    letter-spacing:0px;
}

/*  The "modal wrapper" is the whole of the customization "box" */

.modalWrapper {
    background:transparent url(http://images.wikia.com/tardistest/images/6/6e/75opacitygrey.png); /* peek-a-boo, I see you! */
       -moz-border-radius:10px;
    -webkit-border-radius:10px;
        -ms-border-radius:10px;
         -o-border-radius:10px;
            border-radius:10px;
    border:1px solid #012c57;
       -moz-box-shadow:0 0 40px #012c57;
    -webkit-box-shadow:0 0 40px #012c57;
        -ms-box-shadow:0 0 40px #012c57;
         -o-box-shadow:0 0 40px #012c57;
            box-shadow:0 0 40px #012c57;
    color:#012c57;
    font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif;
    text-transform:none;
    font-size:11pt;
    padding:3px;
    font-weight:normal;
}
              
/*  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 {
}

*/

.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:#012c57;
}

.MyToolsConfiguration input.placeholder[type="text"] {
    color:#012c57;
    font-family: Adelle, 'Cambria', 'Book Antiqua','Calisto MT','Lucida Bright',Georgia,'DejaVu Serif',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;
       -moz-border-radius:10px;
        -ms-border-radius:10px;
         -o-border-radius:10px;
    -webkit-border-radius:10px;
            border-radius:10px;
    border:1px solid #012c57;
       -moz-box-shadow:0 0 40px #012c57;
    -webkit-box-shadow:0 0 40px #012c57;
        -ms-box-shadow:0 0 40px #012c57;
         -o-box-shadow:0 0 40px #012c57;
            box-shadow:0 0 40px #012c57;
    color:#012c57;
    font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif;
    text-transform:uppercase;
    font-size:11pt;
    padding:3px;
    font-weight:bold; 
}

.MyToolsConfiguration .autocomplete .selected {
    background:none repeat scroll 0 0  #D8DFE5 ; color:#012c57; font-weight:bold;
}

.MyToolsConfiguration li:hover {
    background:none repeat scroll 0 0 #D8DFE5 ; color:#012c57; font-weight:bold;
}

/*  Changing where the "edit section" 
    button goes and what it looks like */

.editsection a {
    text-transform:lowercase;
    letter-spacing:1px;
    font-family: Adelle, 'Cambria', '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:70%;
    font-style:italic;
    font-weight:bold;
    color:#1f1e38;
    text-align: left;
    margin-left:-10px;
}


/*  ===================
    WIKIA NOTIFICATIONS
    ===================

    Notifications are alerts
    that pop up when you get new messages
    or when community-corner is changed, 
    or when Wikia sends a global
    message to all users. */

.WikiaNotifications,
#WikiaNotifications {
    right:185px;
}

.WikiaNotifications li {
    display:block;
}

.WikiaNotifications li div  {
    background: #012c57;
    background: -moz-linear-gradient(top,  #012c57 0%, #012c57 35%, #4e7dab 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#012c57), color-stop(35%,#012c57), color-stop(100%,#4e7dab));
    background: -webkit-linear-gradient(top,  #012c57 0%,#012c57 35%,#4e7dab 100%);
    background: -o-linear-gradient(top,  #012c57 0%,#012c57 35%,#4e7dab 100%);
    background: -ms-linear-gradient(top,  #012c57 0%,#012c57 35%,#4e7dab 100%);
    background: linear-gradient(top,  #012c57 0%,#012c57 35%,#4e7dab 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#012c57', endColorstr='#4e7dab',GradientType=0 );
    overflow: visible;
    padding: 10px;
    position: relative;
    font-family:'Gill Sans', Verdana, sans-serif;
    text-transform:uppercase;
    letter-spacing:1.5px;
    border:2px #fff solid;
    line-height:110%;
    max-width:300px;
    min-width:300px;
       -moz-border-radius:50%/10%;
    -webkit-border-radius:50%/10%;
        -ms-border-radius:50%/10%;
         -o-border-radius:50%/10%;
            border-radius:50%/10%;
      -moz-box-shadow:0 0 20px #012c57;
        -o-box-shadow:0 0 20px #012c57;
       -ms-box-shadow:0 0 20px #012c57;
   -webkit-box-shadow:0 0 20px #012c57;
           box-shadow:0 0 20px #012c57;
}

.WikiaNotifications li div a {
    color: #fff9d4;
    text-decoration:none;
    letter-spacing:0px;
    text-transform:none;
    font-style:italic;
    font-weight:bold;
    width:auto;
    line-height:110%;
    font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif;
    display:inline-block;
}

.WikiaNotifications li div a:hover {
    color:#fff9d4;
    background:none;
}

.WikiaNotifications li div a:link.external { 
    color: #fff9d4; 
}

.WikiaNotification li div p {
    color:#fff
}

.WikiaNotifications li div a,
.WikiaNotifications li div a:link {
    color:#fff9d4;
    font-weight:bold;
    text-transform:none;
    letter-spacing:none;
    
}

.WikiaNotifications li div p {
    color:#fff
}

.WikiaBadgeNotification  { 
    color:white;
    text-transform:none;
    letter-spacing:0px
}
 
.WikiaBadgeNotification p { 
    letter-spacing:1px;
    font-size:110%
}   

.WikiaBadgeNotification p big {
    text-transform:uppercase;
}

/*  Not quite sure which of these is right, but it doesn't seem to be the WBN.n-d a, a:hover. Can't really test this too much cause I need the notification to appear to verify changes. This does at least change the color of the text, though. */

.WikiaNotifications .WikiaBadgeNotification .notification-details,
.WikiaBadgeNotification .notification-details,
.WikiaBadgeNotification .nofication-details:hover,
.WikiaBadgeNotification .notification-details a,
.WikiaBadgeNotification .notification-details a:hover {
    color:gold;
}

/* =============
   Interlanguage 
   link styling
   ============== */

.WikiaArticleInterlang {
    font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif;
    margin-left:20px;
    font-size:1em;
    padding:5px;
    border:1px solid transparent;
}

.WikiaArticleInterlang h3 {
    font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif;
    font-size:1em;
    text-transform:uppercase;
    font-weight:bold;
    color:#1f1e38;
}

.WikiaArticleInterlang ul {
    font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif;
    text-transform:none;
    font-weight:normal;
}

/*  ================
    MODULES
    ================
    Mostly those in the
    right skycraper/rail
    ================

    ++++++++++++++++
    GENERAL STYLING
    FOR MODULES
    ++++++++++++++++ */

.activityfeed-inserted-media li {
    border:1px dashed #012c57;
}
.WikiaActivityModule,
.WikiaPagesOnWikiModule,
.WikiaBlogListingBox,
.LatestPhotosModule,
.WikiaSpotlightsModule,
.HotSpotsModule,
.ChatModule,
.LatestQuestionsModule,
.UserProfileAchievementsModule,
.WikiaLatestEarnedBadgesModule,
.FollowedPagesModule,
.GamingCalendarModule,
.RelatedVideosModule { 
    line-height:90%;
    text-align:left;
    background-color:transparent;
    background-image:none;
    border:2px solid #012c57;
    -webkit-border-radius: 0px 10px 10px 0px;
       -moz-border-radius: 0px 10px 10px 0px;
         -o-border-radius: 0px 10px 10px 0px;
        -ms-border-radius: 0px 10px 10px 0px;
            border-radius: 0px 10px 10px 0px;
}

.WikiaTopAds {
    padding:0px
}

/*  ++++++++++++++++++
    TALLY STYLING IN
    THE RAIL
    ++++++++++++++++++
    This styles the actual
    number in number of pages
    on wiki
    +++++++++++++++++++ */

.LatestPhotosModule .tally em,
.WikiaPagesOnWikiModule .tally em {       
    text-transform:uppercase;
    letter-spacing:0px;
    font-weight:normal;
    line-height:1;
    font-family: 'Futura', 'Gill Sans', 'Helvetica Neue', 'Trebuchet MS',
                Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif;
    color: #012c57;
}

/*  ++++++++++++++++++
    HEADLINE STYLING IN
    THE RAIL
    ++++++++++++++++++ */
/*
.WikiaPagesOnWikiModule h1,
.WikiaActivityModule h1, 
.WikiaBlogListingBox h3,
.CommunityCornerModule h1,
.GamingCalendarModule h1,
.WikiaFooter h1,
.ChatModule h1,
.ChatModule h2,
.FollowedPagesModule h1,
.LatestQuestionsModule h1,
.UserProfileAchievementsModule h1,
.WikiaLatestEarnedBadgesModule h1,
.WikiaSpotlightsModule h1,
.HotSpotsModule h1,
.RelatedVideosModule h1,
.LatestPhotosModule > h1.tight, .LatestPhotosModule > .WikiaRail .module h2.tight, .WikiaRail .module .LatestPhotosModule > h2.tight, .LatestPhotosModule > .WikiaRail #RIGHT_SKYSCRAPER h2.tight, .WikiaRail #RIGHT_SKYSCRAPER .LatestPhotosModule > h2.tight {  
    font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif;
    text-transform:uppercase;
    letter-spacing:3px;
    font-weight:normal;
    line-height:16px;
    font-size:14px;
    color:#012c57;
}*/

.WikiaRail .module {
    text-transform:none;
    letter-spacing:.025em;
    font-weight:normal;
    line-height:16px;
    font-size:14px;
    color:#012c57;
}

/*  =-=-=-=-=-=-=-
    SPECIFIC MODULES
    =-=-=-=-=-=-=- */

/*  +++++++++++++++
    WIKIA ACTIVITY MODULE
    +++++++++++++++
    this used to also control
    a thing directly under the
    page title, but that aspect
    seems to have been
    disabled in June 2011
    by Wikia
    ++++++++++++++++ */

.WikiaActivityModule { 
    border:2px solid #012c57;
    color:#1F1E38;
    padding:5px;
    font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif;
    text-align:left;
    line-height:120%;
    margin-left:0;
    margin-right:0;
    margin-top:5px;   
    -webkit-border-radius: 0px 10px 10px 0px;
       -moz-border-radius: 0px 10px 10px 0px;
         -o-border-radius: 0px 10px 10px 0px;
        -ms-border-radius: 0px 10px 10px 0px;         
            border-radius: 0px 10px 10px 0px;
}

.WikiaActivityModule a,
.WikiaActivityModule a:link {
    color:#012c57;
    font-weight:bold;
}

.WikiaActivityModule more {
    color:#1f1e38;
    font-weight:normal;
}

/*  This affects "edited by" 
    and "minutes ago" */

.WikiaActivityModule .edited-by  {
    font-size: 10px;
    font-style:normal;
    margin-top: 1px;
    font-family: Adelle, 'Cambria', 'Book Antiqua','Calisto MT','Lucida Bright',Georgia,'DejaVu Serif',serif;
    font-style:italic;
    color:#012c57;
}                  

/*  This affects the name of the person
    who edited the article */

.WikiaActivityModule .edited-by a {
    color:#1f1e38;
    font-weight:normal;
    font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif;
    text-transform:uppercase;
    letter-spacing:2px;
    margin: 0;
    font-style:normal;
}

.WikiaActivityModule .edited-by a:hover {
    color:#1f1e38;
    font-weight: normal;
}

.WikiaActivityModule h1.activity-heading {
    font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif;
    text-transform:uppercase;
    letter-spacing:3px;
    margin: 0px 0px 3px 0px;
    font-weight:normal;
    font-size:1.2em;
    color:#012c57;
}


/*  ++++++++++++++
    CORPORATE FOOTER
    ++++++++++++++ */

.CorporateFooter {   
    font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif;
    text-transform:uppercase;
    letter-spacing:0px;
    font-weight:normal;
    line-height:1;
    background:#012c57;
    color:#ccdfff;
    padding-top:5px;
    -webkit-border-radius: 0px 0px 15px 15px;
       -moz-border-radius: 0px 0px 15px 15px;
         -o-border-radius: 0px 0px 15px 15px;
        -ms-border-radius: 0px 0px 15px 15px;
            border-radius: 0px 0px 15px 15px;
}

.CorporateFooter a, 
.CorporateFooter a:link,
.CorporateFooter a:link:hover,
.CorporateFooter a:visited {
    color:#ccdfff;
}

.CorporateFooter a:hover {
    background:none;
    text-decoration:underline;
}

/*  ++++++++++++++
    FOOTER
    ++++++++++++++ */
.WikiaFooter,
.WikiaFooter .WikiaBarWrapper {
    background:#012c57;
    padding-bottom:10px;
}

.WikiaFooter .header-container,
.WikiaFooter .header-container h1 {
    color:#ccdfff;
    background:#012c57;
}

#SPOTLIGHT_FOOTER {
    background-image:none
}

.WikiaFooter section .SPOTLIGHT_FOOTER, .WikiaFooter #LEFT_SKYSCRAPER_2 .SPOTLIGHT_FOOTER {
    padding: 10px 28px 33px;
    background: #012c57;
    box-shadow: 5px 5px 10px;
}
.WikiaFooter section, 
.WikiaFooter #LEFT_SKYSCRAPER_2, 
.WikiaBarWrapper section, 
.WikiaBarWrapper #LEFT_SKYSCRAPER_2, 
.WikiaFooter.notoolbar section, 
.WikiaFooter.notoolbar #LEFT_SKYSCRAPER_2, 
.WikiaBarWrapper.notoolbar section, 
.WikiaBarWrapper.notoolbar #LEFT_SKYSCRAPER_2 {
    border:none;
}

/*  ++++++++++++++
    WIKIA SPOTLIGHTS
    ++++++++++++++ */

.WikiaSpotlightsModule p {
    line-height:80%;
}

/*  +++++++++++++++
    RELATED VIDEOS
    +++++++++++++++ */

.WikiaRail .RelatedVideosModule.module #RelatedVideosRL .RVHeader .fixedwidth {
    width: 160px;
}

/*  Getting rid of the little arrow linking to
    category:videos because the category isn't
    often populated on this wiki.  Eliminating
    a couple of other features that don't really
    make contextual sense on this wiki. */

.RelatedVideos .RVBody .seemore,
.WikiaRail .RelatedVideosModule.module #RelatedVideosRL .RVHeader .tally em,
.WikiaRail .RelatedVideosModule.module #RelatedVideosRL .RVBody .wrapper div.item .see-more-videos-placeholder {
    display: none;
}

.RelatedVideos .RVBody .wrapper .container div.item .description {
    font-family:'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif;
    font-weight:normal;
    font-size:10.5px;
}

.WikiaRail .RelatedVideosModule.module .RVBody .item  {
    height:10px
}


/*  +++++++++++++++
    COMMUNITY CORNER
    +++++++++++++++ */

.CommunityCornerModule {
    background-color:transparent;
    background-image:none;
    border:1px dashed #012c57;
    line-height:110%;
    font-family: Adelle, 'Cambria', 'Book Antiqua','Calisto MT','Lucida Bright',Georgia,'DejaVu Serif',serif;
}

/*  ++++++++++++++++
    SPONSORED LINKS
    ++++++++++++++++
    It's a violation of
    Terms of Use to
    mark this display:none.
    We can restyle it,
    but we can't remove it
    ++++++++++++++++ */

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

/*  ++++++++++++++++
    CHAT MODULE
    ++++++++++++++++ */

.ChatModule .chat-name {
    font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif;
    color:#012c57;
    letter-spacing:2px;
    text-transform:uppercase;
}

/* trying to fix the 25 Sept 2013 chat title bug 
.WikiaRail .module h1, .WikiaRail #RIGHT_SKYSCRAPER h1, .WikiaRail .module h2, .WikiaRail #RIGHT_SKYSCRAPER h2 {
     font-size:14px !important
}
*/

.ChatModule h1.chat-headline span:first-child {
     width:110px;
}

/*  ++++++++++++++++
    ACHIEVEMENT MODULE
    Stuff having to do with
    The Game of Rassilon
    as seen in the right
    rail
    ++++++++++++++++ */

/*  Trying to affect the styling of the heading in the boxes
    that pop up when you mouseover a badge icon */

.profile-hover wikia-tooltip h1,
.profile-hover wikia-tooltip h2,
.profile-hover-text {  
    font-weight:normal;
    font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif;
}

/*  Styling the text in the right rail badge module */

.badges strong { 
    line-height:110%; /* This is the title of the award */
    color:#012c57;
    font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif;
}

.badges .badge-text { 
    line-height:110%;
    font-size:11pt;
    font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; 
}

.WikiaRail > div.UserProfileAchievementsModule ul li p {
    line-height:110%;
    font-family: Adelle, 'Cambria', 'Book Antiqua','Calisto MT','Lucida Bright',Georgia,'DejaVu Serif',serif;
    font-size:90%;
}

.WikiaRail .module, .WikiaRail #RIGHT_SKYSCRAPER {
    background-image:none;
    background-color:transparent;
}

.WikiaRail > div.UserProfileAchievementsModule .data .data-details, .WikiaRail > div.UserProfileAchievementsModule .data .data-details > p {
    font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif;
    letter-spacing:2px;
}

.WikiaRail > div.UserProfileAchievementsModule .data .tally {
    font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif;
    color:#012c57;
    letter-spacing:2px;
    font-weight:bold;
    line-height:130%;
    text-align:center;
}

/*  =================
    The September 2011
    "new editor"
    ================== */


.span.drop img {
    url(data:image/gif;base64,R0lGODlhAQABAIABAAAAAP///yH5BAEAAAEALAAAAAABAAEAQAICTAEAOw%3D%3D)
}
 
.editpage-intro-wrapper {
    max-height:none!important;
}

/* Trying to get rid of the blue in the newarticletext page */
.editpage-intro > .editpage-intro-wrapper > div {
    background-color:transparent
}

#EditPageHeader {
   background-color:#012c57;
   background-image:none;
    -webkit-box-shadow:none;
       -moz-box-shadow:none!important;
        -ms-box-shadow:none;
         -o-box-shadow:none;
           -box-shadow:none;
    display:block;
    border-right:2px solid white;
    border-left:2px solid white;
    border-bottom:2px solid white;
    /*height: 85px;*/
    padding-left:20px;
    padding-top:5px;
    position: relative;
    vertical-align: top;
}
#EditPageHeader > h1 > a:hover,
#EditPageHeader a:hover {
     background:none;
     text-decoration:none; 
     color:gold;
}    

#EditPageHeader h1 {
    width:500px;
} 

#EditPageHeader > h1 > a {
    font-family: Adelle, 'Cambria', 'Book Antiqua','Calisto MT','Lucida Bright',Georgia,'DejaVu Serif',serif;
    font-weight:normal;
    font-style:italic;
    line-height:140%;
    padding:10px;
}

/*  headers on the right rail of non-widescreen editor  */

#EditPage .module > h3 > span {
    font-style:normal;
    font-weight:normal;
    color:#012c57;
}                                  

/*  edit summary  */

#EditPage .module_page_controls textarea,
editpage-sourcewidemode.mode-source.editpage-sourcewidemode-on #EditPageRail .module_page_controls textarea {
    color:#012c57
    font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif;
}

/*  preview */

#EditPageDialog.modalWrapper.preview {
    color:#000
}

#EditPageDialog.modalWrapper.preview h1 {
    font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif;
    font-weight:normal;
    text-transform:uppercase;
}

#EditPageDialog.modalWrapper.preview h1.pagetitle {
    font-family: Adelle, 'Cambria', 'Book Antiqua','Calisto MT','Lucida Bright',Georgia,'DejaVu Serif',serif;
    text-transform:none;
}


#HelpLink a,
#HelpLink a:link,
#NotificationsLink,
.NotificationsLink,
#NotificationsLink > a,
.NotificationsLink > a,
#NotificationsLink > a:link,
.NotificationsLink > a:link {
    color:#aecfff !important;
}

/*  +++++++++++++++
    ACCOMMODATING PRELOADS
    +++++++++++++++ */

.editpage-sourcewidemode.mode-source #EditPageEditorWrapper {
    padding-top:45px
}

div#if-preload {
    padding-top:25px;
    padding-left:10px;
}

/*  ===============
    STUBS
    ===============
    This notion is original
    to tardis.wikia.com
    and was created by User:CzechOut
    ===============
    This works differently in Wikia
    than Monobook.   That's why it's
    here and not in common.css.
    =============== */

div#stub-type {
    position:absolute;
    left:-40px;
    top:-132px;
    z-index:1
}

div#stub-type p {
    margin-left:100px
}

/*  ============
    OTHER TAGS
    ============

    This puts {{wikipediainfo}} 
    on the top left side of the page */

div#wiki-info {
    position:absolute;
    top:0px;
    left:-40px;
}

/*  This places {{protect}} and {{lock}} 
    underneath {{wikipediainfo}} in case 
    they're ever on the same page together. */

div#protect {
    position:absolute;
    margin-top:135px;
    top:0px;
    left:-40px;
}


/*  ==============
    SECTION EDIT
    ============== */

.editsection {
    float: right;
}

/*  ==============
    THUMBNAILS
    Inspired by MemoryAlpha 
    ============== */

 
.tleft {
  margin: 20px 10px 10px 0px;
  outline: 1px solid #012c57;
  background:transparent;
    -webkit-outline-radius: 0px 10px 10px 0px;
       -moz-outline-radius: 0px 10px 10px 0px;
        -ms-outline-radius: 0px 10px 10px 0px;
         -o-outline-radius: 0px 10px 10px 0px;
            outline-radius: 0px 10px 10px 0px;
    -webkit-border-radius: 0px 10px 10px 0px;
       -moz-border-radius: 0px 10px 10px 0px;
        -ms-border-radius: 0px 10px 10px 0px;
         -o-border-radius: 0px 10px 10px 0px;
            border-radius: 0px 10px 10px 0px;
}
 
.tright {
  margin: 10px 0px 10px 10px;
  outline: 1px solid #012c57;
  background:transparent;
    -webkit-outline-radius: 10px 0px 0px 10px;
       -moz-outline-radius: 10px 0px 0px 10px;
        -ms-outline-radius: 10px 0px 0px 10px;
         -o-outline-radius: 10px 0px 0px 10px;
            outline-radius: 10px 0px 0px 10px;
    -webkit-border-radius: 10px 0px 0px 10px;
       -moz-border-radius: 10px 0px 0px 10px;
        -ms-border-radius: 10px 0px 0px 10px;
         -o-border-radius: 10px 0px 0px 10px;
            border-radius: 10px 0px 0px 10px;
}
 
.WikiaArticle div.thumbinner {
    border:none;
}
 
.WikiaArticle .thumbinner {
    background-color:transparent;
    background-image:none;
}

.WikiaArticle .thumbcaption {
    font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif;
    line-height:100%;
    font-size:90%;
}

/*  Thumbnails in 
    infoboxes   */
    
#infobox-interior tr td .thumb,
#infobox-interior tr td .tright,
#infobox-interior .thumbinner,
#infobox-interior .magnify,
table.infobox-interior tr td .thumb,
table.infobox-interior tr td .tright,
table.infobox-interior .thumbinner,
table.infobox-interior .magnify {
    clear: none;
    float: none;
    border: 0;
    margin-right:auto;
    margin-left:auto;
    padding: 0;
    width: auto;
    text-align: center;
    display: inline;
}

#infobox-interior .thumbinner img, 
table.infobox-interior .thumbinner img {
    margin-right:auto !important;
    margin-left:auto !important;
}
#infobox-interior tr td .thumb .thumbcaption, 
table.infobox-interior tr td .thumb .thumbcaption {
    display: none;
}

#infobox-interior td.sb-both div.sb-twoimg img.thumbimage, 
table.infobox-interior td.sb-both div.sb-twoimg img.thumbimage {
    display: inline; /*no new line after img in two-image box */
}

/*   ====================
     GALLERIES 
     ==================== */
div.wikia-gallery div.wikia-gallery-item {
     background:transparent;
     border:1px solid #012c57;
     padding:5px;
     margin:5px;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
        -ms-border-radius: 5px;
         -o-border-radius: 5px;
            border-radius: 5px;
}

div.wikia-gallery div.wikia-gallery-item div.thumb {
     border:0px;
}

/*  ================
    USER PROFILE MASTHEAD

    Originally inspired by CSS at 
    Kirby Wiki and Criminal Minds Wiki 
    ================
    ++++++++++++++++
    SPANS
    are the little headings
    for each of the sections
    of the UPM, such as "I LIVE IN"
    +++++++++++++++++ */

.UserProfileMasthead .wikis span,
.UserProfileMasthead .details span, 
.tally span {
    font-family: 'Lucida Grande', 'Futura', 'Gill Sans', 'Helvetica Neue',
                'Trebuchet MS',
                Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif;
    text-transform:lowercase;
    font-weight:normal;
    line-height:1.1em;
    margin-bottom:5px;
    font-size:.95em;
}

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

/*  +++++++++++++++++
    TALLY NUMBER itself
    +++++++++++++++++ */

.UserProfileMasthead .tally em {
    font-family: 'Futura', 'Gill Sans', 'Helvetica Neue', 'Trebuchet MS',
                Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif;
    line-height:.8em;
    text-transform:uppercase;
    font-weight:normal;
}

/*  +++++++++++++++
    AVATARS
    +++++++++++++++ */

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

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

.WikiaUserPagesHeader .wikia-avatar ul a {
    color: #012c57;
}

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

/*  +++++++++++++++
    User rights tags
    +++++++++++++++ */

.UserProfileMasthead .masthead-info .tag {
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
         -o-border-radius: 5px;
        -ms-border-radius: 5px;
            border-radius: 5px;
    background-color:white;
    display: inline-block;
    position: relative;
    text-transform: lowercase;
    top: -4px;
    color: #012c57;
    font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif;
    border: 2px white solid;
    padding: 2px;
    font-size: 10px;
    font-style: italics;
    margin: 2px;
}

a.tag {
    color:inherit;
}


.WikiaUserPagesHeader {
    width: 99%;
    float: left;
    background: transparent;
}

.WikiaUserPagesHeader:before,
.WikiaUserPagesHeader:after {
    display:none
}
 
.UserProfileMastheadSearch .WikiaSearch {
    float: right;
    margin-left:-20px;
    margin-right: 3px;
    margin-bottom: -39px;
    z-index:1002;
}
.UserProfileMastheadSearch .WikiaSearch input[type="text"]:focus, 
.UserProfileMastheadSearch .WikiaSearch input[type="text"] {
    background: #ececec;
    color:#012c57!important;
    border:2px solid #fff;
    -webkit-border-radius: 2%/50%;
       -moz-border-radius: 2%/50%;
         -o-border-radius: 2%/50%;
        -ms-border-radius: 2%/50%;
            border-radius: 2%/50%;
    -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.2) inset;
       -moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.2) inset;
        -ms-box-shadow: 1px 1px 5px rgba(0,0,0,0.2) inset;
         -o-box-shadow: 1px 1px 5px rgba(0,0,0,0.2) inset;
            box-shadow: 1px 1px 5px rgba(0,0,0,0.2) inset;
            margin-top:3px;
            font-size:90%;
            margin-left:-20px;
}
 

 
/* Establish top line of floated elements */
.UserProfileMasthead {
    position: relative;
    padding: 0px 10px;
    z-index: 999;
}
 
.UserProfileMasthead .masthead-avatar {
    height: 140px;
    width: 140px;
    position: relative;
    float: left;
    left: 0px;
    top: 0px;
    margin-top: -5px;
    margin-bottom: 0px;
    margin-right: 0px;
    padding: 0px;
    border: none;
    background: none;
}
 
.UserProfileMasthead .masthead-avatar .avatar {
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
        -ms-border-radius: 5px;
         -o-border-radius: 5px;
            border-radius: 5px;
    border: none;
}
 
.UserProfileMasthead .masthead-info {
    position: relative;
    float: left;
    margin-left: 10px;
    margin-top: -5px;
    z-index: 1000;
    width:80%;
    padding:5px;
}
 
/*  Remove chevron  */

.UserProfileMasthead .masthead-info:before {
    display: none;
}
 
/*  Masthead top half  */

.UserProfileMasthead .masthead-info hgroup {
    background: #012c57;
    padding: 1px 15px 1px 15px;
    height: auto;
    min-height: 40px;
}
 
.UserProfileMasthead .tally {
    padding-left: 0px;
    margin-bottom: 10px;
}
 
/*  Username field  */

.UserProfileMasthead .masthead-info h1 {
    font-size: 20px;
    letter-spacing:2px;
    font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif;
    color:white;
    text-transform:uppercase;
}
 
/*  Real name field  */

.UserProfileMasthead .masthead-info h2 {
    margin-bottom: 5px;
    font-size: 14px;
    letter-spacing:3px;
    display:inline-block;
    color:white
}

/*  Masthead bottom half    */

.UserProfileMasthead .masthead-info > div {
    padding: 6px 15px 6px 15px;
}
 
.UserProfileMasthead .masthead-info h2 span {
    color: #f2f2f2;
    line-height:100%;
}
 
.UserProfileMasthead .masthead-info .group {
            background: #ebebeb;
            border: 1px dashed #dfdfdf;
            top: -1px;
            color: #012c57;
            font-size: 12px;
            text-transform: lowercase;
    -webkit-border-radius: 50%/5%;
       -moz-border-radius: 50%/5%;
        -ms-border-radius: 50%/5%;
         -o-border-radius: 50%/5%;
            border-radius: 50%/5%;
    -webkit-box-shadow: 1px 1px 2px #cccccc;
       -moz-box-shadow: 1px 1px 2px #cccccc;
        -ms-box-shadow: 1px 1px 2px #cccccc;
         -o-box-shadow: 1px 1px 2px #cccccc;
            box-shadow: 1px 1px 2px #cccccc;
}
 
/*  ++++++++++++++
    Styling the user-customised
    portions of the UPM
    +++++++++++++++ */


.UserProfileMasthead .wikis li {
    line-height:.9em;
    font-family:'Gill Sans', Verdana, sans-serif;
    text-transform:lowercase;
    font-style:italic;
    margin-left:5px;
    color:#999999;
}
.UserProfileMasthead .details li {
    line-height:.9em;
    font-family:'Gill Sans', Verdana, sans-serif;
    text-transform:lowercase;
    color:#999999;
    font-style:italic;
    margin-left:auto;
    margin-right:-100px
}


/*  Masthead tabs  */

.WikiaUserPagesHeader div.tabs-container {
    overflow: hidden;
    min-width: 500px;
    margin: 0px 0px 10px 0px;
}
 
.WikiaUserPagesHeader .tabs {
    border-bottom: 1px solid #d9d9d9;
    margin-left: 10px;
    margin-right: 10px;
    color:white;
    text-transform:uppercase;
    
}
 
.WikiaUserPagesHeader .tabs .selected {
    -webkit-border-radius: 8px 8px 0px 0px;
       -moz-border-radius: 8px 8px 0px 0px;
        -ms-border-radius: 8px 8px 0px 0px;
         -o-border-radius: 8px 8px 0px 0px;
            border-radius: 8px 8px 0px 0px;
    color:white;
    text-transform:uppercase;
    font-weight:bold;
}
 
.WikiaUserPagesHeader .tabs li a {
            display: inline-block;
            background-color: #012c57;
            font-size: 12px;
            letter-spacing:3px;
            margin-top: 4px;
            margin-bottom: -3px;
            padding: 3px 10px;
            background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(50%, #012c57), color-stop(100%, #cccccc));
            background-image:    -moz-linear-gradient(top, #012c57 50%, #cccccc 100%);
            background-image:     -ms-linear-gradient(top, #012c57 50%, #cccccc 100%);
            background-image:      -o-linear-gradient(top, #012c57 50%, #cccccc 100%);
            background-image:         linear-gradient(top, #012c57 50%, #cccccc 100%);
    -webkit-border-radius: 5px 5px 0px 0px;
       -moz-border-radius: 5px 5px 0px 0px;
        -ms-border-radius: 5px 5px 0px 0px;
         -o-border-radius: 5px 5px 0px 0px;
            border-radius: 5px 5px 0px 0px;
    color:white;
    text-transform:uppercase;
}
 
.WikiaUserPagesHeader .tabs .selected a {
    background: #640d02;
    border: none;
    color: #fff;
    font-weight: normal;
    letter-spacing:3px;
    text-transform:uppercase;
    margin-top: 0px;
    padding: 6px 10px;
    -webkit-border-radius: 5px 5px 0px 0px;
       -moz-border-radius: 5px 5px 0px 0px;
        -ms-border-radius: 5px 5px 0px 0px;
         -o-border-radius: 5px 5px 0px 0px;
            border-radius: 5px 5px 0px 0px;
}

 
/*  ======================
    WMU UPLOAD BOX
    ======================
    The upload box from that
    pops up when you click
    button in right column of new editor
    ====================== */

.ImageUploadRight {
    margin-top:60px
}

/*  =================
    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,
#toc,
.WikiaArticle .toc {
    border:1px solid #012c57;
    float:right;
    clear:right;
    min-width:250px;
    max-width:250px;
    width:250px;
    right:250px;
    color:#012c57;
    border-collapse:collapsed;
    clip:rect(50px, 250px, 150px, 50px);
    -webkit-border-radius: 10px 0px 0px 10px;
       -moz-border-radius: 10px 0px 0px 10px;
        -ms-border-radius: 10px 0px 0px 10px;
         -o-border-radius: 10px 0px 0px 10px;
            border-radius: 10px 0px 0px 10px;
    padding:5px;
    font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif;
    text-align:left;
    margin:auto auto auto 20px;
}
.toc a,
#toc a,
.WikiaArticle .toc a {
    color:#0125c7
}

/*  =================
    ADMIN DASHBOARD
    ================= */

.AdminDashboardChromedArticle h2 {
    margin-left:20px;
    margin-right:20px;
    text-transform:none;
}

.AdminDashboardHeader  { 
    background-image:none;
    background-color:transparent;
    border:none;
    margin-top:35px;
}

.AdminDashboardHeader h1 { 
    font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic         L','Nimbus Sans L',sans-serif; 
    text-transform:uppercase;
    letter-spacing:3px;
    border:none
}

/*  =================
    Wikia-specific specialised
    template/box styling
    ==================
    Most things are NOT specific
    to Wikia and should be in common.css
    so that both skins can use them.
    =================== */

#mosbox {
    font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif;
    text-transform:none;
    letter-spacing:0px;
    line-height:120%;
    word-break:normal;
    font-size:16px; 
}

/*  dabtag needs to be in both Wikia.css and Monobook.css
    because of the varying widths of the two skins */

#dabtag {
    border:2px solid #012c57;
    -webkit-border-radius: 0px 10px 10px 0px;
       -moz-border-radius: 0px 10px 10px 0px;
         -o-border-radius: 0px 10px 10px 0px;
        -ms-border-radius: 0px 10px 10px 0px;
            border-radius: 0px 10px 10px 0px;
    color:#012c57;
    overflow:hidden;
    margin-bottom:10px;
    font-size: 0.80em;
    line-height:.95em;
    font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L', 'Nimbus Sans L', sans-serif;
}

/*  ====================
    Trying to figure out
    the wikitable sortable issues
    post MW 1.19
    ==================== */

table.jquery-tablesorter th.headerSort {
    background-image: url("http://slot1.images.wikia.nocookie.net/__cb58381/resources/jquery/images/sort_none.gif");
    background-position:right;
    padding-bottom:0px;
    background-repeat:no-repeat;
}



/*  =================
    CSS preview area
    ================= */

.WikiaArticle .mw-css {
    background-color:transparent;
}

/*  =================
    Notification after
    deletion
    ================= */

.wikia-grid .global-notification {
    background: red;
    color: white;
}
.wikia-grid .global-notification a {
    color:white;
}

/*   ====================
     Diffs from wall forum 
     ==================== */

.WikiaGrid .grid-6 {
     background:#fff;
     padding-left:5px;
}

/*   ====================
     Chat-specific styling
     ==================== */

.Chat .message,
.Chat .username,
.Chat .continued,
.Chat .inline-alert {
     color:#fff
}

.Chat .you {
     background-color:#012c57
}

.Rail .User {
     color:white;
}

.Rail .User:hover {
     color:#012c57
}

.Chat .inline-alert {
     background-color:#012c57
}
.Chat .message a,
.Chat .inline-alert a {
     color:gold
} 
/* Seeing if these chat-specific declarations 
   from Community Central make any difference
   to the post-Darwin chat */

body.page-Special_Chat .WikiaPage,
body.page-Special_Chat .WikiaPageContentWrapper { position:absolute }
body.page-Tardis_Chat #page_controls {display:none;}
body.page-Tardis_Chat #page_tabs {display:none;} 
body.page-Tardis_Chat #articleFooterActions {display:none;}

/* ====================
   PERMISSIONS ERRORS
   ==================== */

.PermissionsError > .editpage-intro > .editpage-intro-wrapper > div {
    background-color: #012c57;
    border: 3px solid #fff;
    color: white;
    padding:20px;
    margin-top:150px;
}

/* ====================
   main page redesign
   ==================== */

.lines {
   background-image: url("http://images.wikia.com/tardistest/images/0/05/Lines.png");
   width: 612px;
   height: 1351px;
   margin: auto;
   position: relative;
}

.lines a:hover { background: transparent !important; }
 
.button1 {
   width: 316px;
   height: 277px;
   position: absolute;
   left: 14px;
   background: url("http://images.wikia.com/tardistest/images/1/19/Button1.png");
   transition: background 0.7s;
   -webkit-transition: background 0.7s;
}
 
.button1:hover {
   background: url("http://images.wikia.com/tardistest/images/7/77/Button1-hover.png");
}
 
.button2 {
   width: 322px;
   height: 277px;
   position: absolute;
   top: 320px;
   background: url("http://images.wikia.com/tardistest/images/8/8f/Button2.png");
   transition: background 0.7s;
   -webkit-transition: background 0.7s;
}
 
.button2:hover {
   background: url("http://images.wikia.com/tardistest/images/9/94/Button2-hover.png");
}
 
.button3 {
   width: 280px;
   height: 288px;
   position: absolute;
   left: 15px;
   top: 640px;
   background: url("http://images.wikia.com/tardistest/images/f/fd/Button3.png");
   transition: background 0.7s;
   -webkit-transition: background 0.7s;
}
 
.button3:hover {
   background: url("http://images.wikia.com/tardistest/images/a/ac/Button3-hover.png");
}
 
.button4 {
   width: 281px;
   height: 279px;
   position: absolute;
   left: 15px;
   top: 960px;
   background: url("http://images.wikia.com/tardistest/images/5/53/Button4.png");
   transition: background 0.7s;
   -webkit-transition: background 0.7s;
}
 
.button4:hover {
   background: url("http://images.wikia.com/tardistest/images/b/b8/Button4-hover.png");
}
 
.button5 {
   width: 292px;
   height: 277px;
   position: absolute;
   left: 319px;
   top: 140px;
   background: url("http://images.wikia.com/tardistest/images/5/55/Button5.png");
   transition: background 0.7s;
   -webkit-transition: background 0.7s;
}
 
.button5:hover {
   background: url("http://images.wikia.com/tardistest/images/9/9d/Button5-hover.png");
}
 
.button6 {
   width: 280px;
   height: 280px;
   position: absolute;
   left: 319px;
   top: 460px;
   background: url("http://images.wikia.com/tardistest/images/a/a0/Button6.png");
   transition: background 0.7s;
   -webkit-transition: background 0.7s;
}
 
.button6:hover {
   background: url("http://images.wikia.com/tardistest/images/8/88/Button6-hover.png");
}
 
.button7 {
   width: 299px;
   height: 313px;
   position: absolute;
   left: 300px;
   top: 744px;
   background: url("http://images.wikia.com/tardistest/images/1/1f/Button7.png");
   transition: background 0.7s;
   -webkit-transition: background 0.7s;
}
 
.button7:hover {
   background: url("http://images.wikia.com/tardistest/images/4/47/Button7-hover.png");
}
 
.button8 {
   width: 280px;
   height: 277px;
   position: absolute;
   left: 319px;
   top: 1098px;
   background: url("http://images.wikia.com/tardistest/images/d/d0/Button8.png");
   transition: background 0.7s;
   -webkit-transition: background 0.7s;
}
 
.button8:hover {
   background: url("http://images.wikia.com/tardistest/images/a/a8/Button8-hover.png");
}