MediaWiki:Wikia.css: Difference between revisions

From Tardis Wiki, the free Doctor Who reference
No edit summary
(Commenting out a line that breaks ads on small screens)
Line 2,232: Line 2,232:
   ================== */
   ================== */
@media screen and (max-width: 1023px) {
@media screen and (max-width: 1023px) {
  .page-Doctor_Who_Wiki iframe { width: 49%; }
/*  .page-Doctor_Who_Wiki iframe { width: 49%; } */
   .page-Doctor_Who_Wiki iframe#twitter-widget-0 { float: right; }
   .page-Doctor_Who_Wiki iframe#twitter-widget-0 { float: right; }
   table.front-page-right-column {  
   table.front-page-right-column {  

Revision as of 15:37, 6 January 2014

/*  ===================
    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:WikiaNav.css|MediaWiki:WallForum.css|MediaWiki:WikiaButtons.css|MediaWiki:Namespace.css|MediaWiki:Transmat.css|MediaWiki:UPM.css|MediaWiki:VisEd.css&only=styles");

@import "http://fonts.googleapis.com/css?family=Anton|Vollkorn|Lato|Quicksand|Josefin+Sans|Oswald|Raleway:100,200,400,700,800,900|Droid+Serif|Droid+Sans|Merriweather:400,400italic,700,700italic,900,300,300italic|Gentium+Basic|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

    ===========
    Page
    =========== */

.WikiaPage .WikiaPageBackground {
    border-radius:20px
}


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

.WikiaArticle,
.WikiaPage {                
   line-height:1.5em;
   font-size:1.2em;
   font-family:"Roboto Slab";
}

.WikiaPageHeader {
     padding-bottom:0
}
     
     

.WikiaPageHeader h1 {
    font-family:"Raleway", sans-serif;
    font-weight:400;
    font-size:2.5em;
    text-transform:none;
    line-height:120%;    
    letter-spacing:-.0125em; /*Theoretically, this should do cool stuff */
    padding-bottom:0
}
.WikiaPageHeader h2 { 
border: medium none;
font-size: .8em;
font-family: "Raleway", sans-serif;
text-transform: uppercase;
font-style: normal;
letter-spacing:2px;
margin-left: 3px;
color: #012c57;
}
.WikiaPageHeader h2 a {
    color:#012c57
}

.WikiaArticle h2,
.WikiaArticle h3 {
    font-family:Raleway, sans-serif;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:3px;
}

h3,h4,h5,h6 {
    font-family:"Raleway", sans-serif;
    font-weight:600;
    text-transform:none;
    letter-spacing:2px
}

.WikiaArticle li,
.WikiaPage li {
   line-height:130%;
}


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

body.mediawiki {
background: rgba(255,255,255,1);
/*background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(1,44,87,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%,color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(1,44,87,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(1,44,87,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(1,44,87,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(1,44,87,1) 100%);
background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%, rgba(1,44,87,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#012c57', GradientType=1 );
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:0;
    text-transform:none;
    font-size:90%;
    background:#012c57;
    width:210px;
    -webkit-border-radius: 50%/5%;
       -moz-border-radius: 50%/5%;
         -o-border-radius: 50%/5%;
        -ms-border-radius: 50%/5%;
            border-radius: 50%/5%;
}

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

#WikiaSearch input[type="text"]:-ms-input-placeholder {
    background:#012c57;
    color:white;
}

#WikiaSearch input[type="text"]:-moz-placeholder {
    background:#012c57;
    color:white;
}

#WikiaSearch input[type="text"]::-webkit-input-placeholder {
    background:#012c57;
    color:white;
}
#WikiaSearch input[type="text"].placeholder {
    background:#012c57;
    color: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
}

/* Narrow width search */

html:not(.keep-rail-on-right) .WikiHeaderSearch input[type="text"] {
    background-color:#012c57;
    color:#fff!important
}


html:not(.keep-rail-on-right) #WikiaSearch input[type="text"]:-ms-input-placeholder {
    background:#012c57;
    color:white;
}

html:not(.keep-rail-on-right) #WikiaSearch input[type="text"]:-moz-placeholder {
    background:#012c57;
    color:white;
}

html:not(.keep-rail-on-right) #WikiaSearch input[type="text"]::-webkit-input-placeholder {
    background:#012c57;
    color:white;
}
html:not(.keep-rail-on-right) #WikiaSearch input[type="text"].placeholder {
    background:#012c57;
    color:white;
}

.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: 5%;
       -moz-border-radius: 5%;
         -o-border-radius: 5%;
        -ms-border-radius: 5%;
            border-radius: 5%;
    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:2px;
    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: normal;
}


/*  ============
    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:0;
    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); */
     background:transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAALHRFWHRDcmVhdGlvbiBUaW1lAFRodSAyMSBNYXIgMjAxMyAwMzozNzoxOCAtMDYwMDD7FegAAAAHdElNRQfdAxUIJgiBBSKCAAAACXBIWXMAAAsSAAALEgHS3X78AAAABGdBTUEAALGPC/xhBQAAAAtJREFUeNpj+H8GAALNAcxdVRF3AAAAAElFTkSuQmCC');
       -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;
}



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

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

.WikiaRail .RelatedVideosModule.module .RVBody .group {
    display:none
}

/*  ===============
    VIDEOS IN GENERAL
    =============== */
    
/*  Due to the fact that video titles
    can in fact contain spoilers
    (see for instance 
    [[File:*SPOILERS*_Peter_Capaldi_is_the_New_Doctor!_-_Doctor_Who_(2013)_-_BBC]])
    and because videos can appear on 
    every page of the wikia via the RV module,
    we need to turn video titles off. */
    
.info-overlay-duration,
.info-overlay-title {
    display:none
}
    

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


.ChatModule h1.chat-headline span:first-child {
     font-size:.8em;
     width:150px;
}

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

/* Fix to restore 3-column layout to badges, post-Darwin */

.WikiaRail > div.AchievementsModule ul.badges-icons { 
    zoom:.9 !important
}

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


.span.drop img {
    background-image: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;
}

.editpage-notices {
    background:#012c57;
    padding: 0 0 0 10px;
    top:40%;
    color:white;
}


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

.editpage-sourcewidemode-on #wpSummary {
     top:50px;
     left:55%;
     position:absolute;
}
.editpage-sourcewidemode-on label.wpminoredit,
.editpage-sourcewidemode-on #wpMinoredit {
     top:65px;
     left:200%;
     position:absolute;
}
.editpage-sourcewidemode-on #stdSummaries {
     top:100px;
     left:55%;
     position:absolute;
}
.editpage-sourcewidemode-on #if-preload {
     top:120px;
     left:55%;
     position:absolute;
}
.editpage-sourcewidemode-on #if-preload-pagename-w {
     top:150px;
     left:55%;
     position:absolute;
}
/*
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 {
    margin-left:250px;
    position:absolute;
}
/*
div#stub-type p {
    margin-left:100px
}*/

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

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

#wiki-info,
.wiki-info,
div#wiki-info {
    margin-left:100px;
    position:absolute
}
.image-link,
div#image-link {
     margin-left:100px;
     position:absolute
}

/*  This places {{protect}} and {{lock}} 
    underneath {{wikipediainfo}} in case 
    they're ever on the same page together. */
.protect,
div#protect {
    margin-left:400px;
    position:absolute
}


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

.editsection {
    float: right;
}

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

 
.tleft {
  margin: 10px 10px 10px 0!important;
  border: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 0 10px 10px!important;
  border: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 .tright,
.WikiaArticle .tleft {
    clear:none;
}*/
.infobox-interior .thumb { 
    margin: 0;     
    border: none; 
}

.WikiaArticle div.thumbinner {
    border:none;
}
 
.WikiaArticle .thumbinner {
    background-color:transparent;
    background-image:none;
}

.WikiaArticle .thumbcaption {
    font-family:"Raleway";
    line-height:1.2em;
    font-size:.8em;
    font-weight:400;
    letter-spacing:.05em;
}

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


 
/*  ======================
    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;
    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 {
     background-color:#012c57;
     color:#fff!important
}

.Chat .you,
.Chat .continued you {
     background-color:#0262b6;
     color:#fff;
}

.Rail {
    background-color:#012c57;
}

.Rail .User {
     color:white;
     background:#012c57;
}

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

.Chat .inline-alert {
     background-color:#012c57
}
.Chat .message a,
.Chat .inline-alert a {
     color:gold
} 

.Chat {
    background-color: #012c57;
    color:white;
}

.ChatHeader {
    background-color: #012c57
}

.ChatHeader .User {
    color:#fff
}

/* 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");
}
/* =============================
   LANGUAGE LINKS
   code derived from [[w:c:hvetshran]]
   significantly altered by 
   [[User:Eladkse]] and [[User:T3ECNOCIDE]]
   ============================= */

.WikiaArticleInterlang a[href^='http://bg.'] {
    line-height:0px;
    color:transparent;
    font-size:0px
} 
.WikiaArticleInterlang a[href^='http://de.'] {
    line-height:0px;
    color:transparent;
    font-size:0px
} 
.WikiaArticleInterlang a[href^='http://es.'] {
    line-height:0px;
    color:transparent;
    font-size:0px
} 
.WikiaArticleInterlang a[href^='http://fr.'] {
    line-height:0px;
    color:transparent;
    font-size:0px
} 
.WikiaArticleInterlang a[href^='http://docteurwho.'] {
    line-height:0px;
    color:transparent;
    font-size:0px
} 
.WikiaArticleInterlang a[href^='http://he.'] {
    line-height:0px;
    color:transparent;
    font-size:0px
} 
.WikiaArticleInterlang a[href^='http://ro.'] {
    line-height:0px;
    color:transparent;
    font-size:0px
} 
.WikiaArticleInterlang a[href^='http://ru.'] {
    line-height:0px;
    color:transparent;
    font-size:0px
} 
.WikiaArticleInterlang a[href^='http://pt.'] {
    line-height:0px;
    color:transparent;
    font-size:0px
} 
.WikiaArticleInterlang a[href^='http://nl.'] {
    line-height:0px;
    color:transparent;
    font-size:0px
} 
.WikiaArticleInterlang a[href^='http://bg.']:before {
    content:url('http://images.wikia.com/tardis/images/d/d1/BulgariaILL.png') " ";
    visibility:visible;
} 

.WikiaArticleInterlang a[href^='http://de.']:before {
    content:url('http://images.wikia.com/tardis/images/9/9b/GermanyILL.png') " ";
}

.WikiaArticleInterlang a[href^='http://es.']:before {
    content:url('http://images.wikia.com/tardis/images/d/df/SpainILL.png') " ";
}
.WikiaArticleInterlang a[href^='http://docteurwho.']:before {
     content:url('http://images.wikia.com/tardis/images/d/d1/FranceILL.png') " ";
}
.WikiaArticleInterlang a[href^='http://fr.']:before {
     content:url('http://images.wikia.com/tardis/images/d/d1/FranceILL.png') " ";
}
.WikiaArticleInterlang a[href^='http://he.']:before {
     content:url('http://images.wikia.com/tardis/images/7/7f/IsraelILL.png') " ";
}
.WikiaArticleInterlang a[href^='http://nl.']:before {
    content:url('http://images.wikia.com/tardis/images/a/a0/NetherlandsILL.png') " ";
}
.WikiaArticleInterlang a[href^='http://pt.']:before {
    content:url('http://images.wikia.com/tardis/images/d/d9/PortugalILL.png') " ";
}
.WikiaArticleInterlang a[href^='http://ro.']:before {
    content:url('http://images.wikia.com/tardis/images/c/c2/RomaniaILL.png') " ";
}
.WikiaArticleInterlang a[href^='http://ru.']:before {
    content:url('http://images.wikia.com/tardis/images/c/c8/RussiaILL.png') " ";
}

.WikiaArticleInterlang li:not(.more-link) a {
    font-size: 0px;
    color:transparent
}

.WikiaArticleInterlang ul li.more { 
    display: block; 
}

.WikiaArticleInterlang ul li.more-link {
    display:none;
}


/* =============
   Interlanguage 
   link styling
   obviated by above 
   code
   ============== */

.WikiaArticleInterlang {
    font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif;
    border:1px solid transparent;
           -moz-border-radius:10px;
    -webkit-border-radius:10px;
         -o-border-radius:10px;
        -ms-border-radius:10px;
            border-radius:10px;
    padding-bottom:60px;
    margin: 10px 0px 10px 0px; 
    
} 

.WikiaArticleInterlang h3 {
    font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif !important;
    font-size:1em;
    letter-spacing:3px;
    content:"Languages";
    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;
    border-left:none!important; 
    border-right:none!important;
    line-height:0px;
    padding-left:10px;
    padding-right:10px;
}

.WikiaArticleInterlang ul li { 
    border-left:none!important
}

/* ===========
   TWITTER
   =========== */
.twitter-widget-0 { width:100%!important }

/* ===========
   SOCIAL ICONS
   depends on having
   SocialIcons from w:c:dev 
   enabled
   =========== */

div.socialmedia-share.top {
   top:0!important;
   right:15%!important;
}
body.action-history {
    background-color:darksalmon;
}
body.action-history .socialmedia-share.top,
body.action-history div.socialmedia-share.top {
   position:fixed;
   top:21%!important; /*importants are necessary here*/
   right:37%!important;
}
/* ==================
   MAIN PAGE FIX
   to make the right 
   column work better 
   when collapsed to 
   tablet width
   ================== */
@media screen and (max-width: 1023px) {
/*  .page-Doctor_Who_Wiki iframe { width: 49%; } */
  .page-Doctor_Who_Wiki iframe#twitter-widget-0 { float: right; }
   table.front-page-right-column { 
       float:left;
       clear:left;
       margin-left:2em
   }
}

/* ==================
   SPECIAL:CSS
   ================== */
   
   .mw-special-CSS .WikiaArticle pre {
       -webkit-border-radius:0;
       -moz-border-radius:0;
       -ms-border-radius:0;
       -o-border-radius:0;
       border-radius:0;
   }
   .mw-special-CSS .css-side-bar .community-updates blockquote {
     font-size:.8em; 
     font-family:monaco, 'andale mono;', monospace;
     padding:1em;
     
   }
   .mw-special-CSS blockquote:before {
      display:none;
   }
   .mw-special-CSS blockquote {
       background-color:transparent;
       -webkit-border-radius:0;
       -moz-border-radius:0;
       -ms-border-radius:0;
       -o-border-radius:0;
       border-radius:0;
       -webkit-box-shadow:none;
       -moz-box-shadow:none;
       -ms-box-shadow:none;
       -o-box-shadow:none;
       box-shadow:none;
   }