MediaWiki:Wikia.css: Difference between revisions

From Tardis Wiki, the free Doctor Who reference
m (another lil block quote tweak)
(intentional blanking as we move to common.css)
Tag: Blanking
 
(2 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* =============================
  Version 5.0 October 2018
  =============================


  At Tardis, Wikia.css is the main CSS.
 
  Beginning in late 4Q 2012, we began pulling large chunks
  of this CSS into their own, "mini" CSSs, because
  the amount of styling became a little too much to comprehend
  at once.
  The CSS, and the others that are imported here, underwent
  further reduction and modification for the 50th anniversary
  of Doctor Who in late 2013.
  In 2017 came another major modification in response to
  FANDOM's alteration of its base code on the right rail
  and the header -- an effort otherwise known as
  "Modernisation" and/or "Premiumisation". 
 
  More specific rules on what could be altered on the
  no-longer-so-new header were promulgated in mid-September
  2017, at which time we again revised the code to come into
  better alignment with those rules.
 
  In October 2018, we merged some of the contents of Common.css
  into this file, putting other bits of Common.css into thier
  own pages. */
/*  ===================
    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:Carousel.css|MediaWiki:Infoboxes.css|MediaWiki:TableGrid.css|MediaWiki:Mainpage.css|MediaWiki:Namespace.css|MediaWiki:Navbox.css|MediaWiki:Tardis.css|MediaWiki:TardisAdmin.css|MediaWiki:Themes.css|MediaWiki:Transmat.css|MediaWiki:UserWarning.css&only=styles");
    /* These may or may not be necessary after
      the 2018 theme switch
     
      Navbox really needs to be redone entirely, but
      the old way is live again so that we have
      something for the time being. */
     
/*@import url("/load.php?debug=false&&allinone=0&lang=en&mode=articles&articles=MediaWiki:WikiaButtons.css|MediaWiki:WallForum.css|MediaWiki:TableGrid.css|MediaWiki:UPM.css|MediaWiki:VisEd.css&only=styles");*/
/*  ===================
    Font IMPORTS
    =================== */
@import url('https://fonts.googleapis.com/css?family=Maven+Pro:400,700|Raleway:300,700&subset=latin-ext');
/*  ===========
    Page
    =========== */
.WikiaPage {
    border:0;
}
.WikiaPage .WikiaPageBackground {
    opacity:1;
    border:0;
}
/*  ============
    General font matters
    ============ */
.WikiaArticle,
.WikiaPage,
.WikiaRail {               
  font-family:"Rubik";
}
#WikiaPageHeader,
.WikiaPageHeader {
    padding-bottom:0!important;
}
.banner-notification {
    border: solid white;
}
.WikiaArticle h2,
.WikiaArticle h3,
.WikiaArticle h4,
.WikiaArticle h5,
.WikiaArticle h6 {
    color:#e5c076;
    font-family: "Maven pro";
}
#PageHeader,
.page-header,
.WikiaPage .page-header__title,
.WikiaPage .page-header__page-subtitle,
span.page-header__categories-in {
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif!important;
    /* This bit is super-important. It's explicitly stating
      the FANDOM font-stack, and !importanting it, so as to
      make sure that we're in compliance with Sept 2017 guidelines
      about the header. The virtue of doing it this way is that
      we can make other changes without worrying if we're
      falling out of sync with header guidelines. */
}
.WikiaArticle li,
.WikiaPage li {
  line-height:130%;
}
.not-patrolled { /* not quite sure why this has to be defined better
                    after the 2018 retheme, but it does. Qualaroo wanted
                    to set this as rgb(255, 255, 170) for some reason */
    background:#e5c076;
    color:#000;
    padding:5px;
}
.not-patrolled:hover,
.not-patrolled li:hover {
    background:#05e594!important;   
}
.not-patrolled:hover,
.not-patrolled:hover a,
.not-patrolled:hover a.new {
    color:#555;
}
.not-patrolled a {
    text-decoration:underline;
    color:#000;
}
.not-patrolled a.new {
    color:#555;
    font-weight:bold;
}
/*  ==================
    THINGS TURNED OFF
    It's believed that
    turning these things off
    is allowed by the
    FANDOM Terms of Use
    ================== */
.WikiaArticle .editsection img,
.category-gallery,
.RelatedPagesModule,
.picture-attribution,
.WikiaArticle .article-thumb .attribution {
    display:none!important; /* this important seems necessary */
}
/*  ================
    PRE 
    ================ */
.WikiaArticle pre,
.pre {
    background:#ececec!important;
    color:#000;
    border:1px solid #e5c076;
      -moz-box-shadow:0 0 5px #e5c076 inset;
    -webkit-box-shadow:0 0 5px #e5c076 inset;
        -o-box-shadow:0 0 5px #e5c076 inset;
        -ms-box-shadow:0 0 5px #e5c076 inset;
            box-shadow:0 0 5px #e5c076 inset;
    line-height:140%;
    width:auto;
    margin:10px auto;
    font-family: Monaco,"Andale Mono","Lucida Sans Typewriter", "Lucida Console", "Nimbus Mono L", "Courier New", monospace;
    word-break: break-all;
    word-wrap: break-word;
    white-space: pre;
    white-space: -moz-pre-wrap;
    white-space: pre-wrap;
    white-space: pre\9;
}
/*  ================
    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;
    text-transform:uppercase;
    letter-spacing:1.5px;
}
.WikiaFooter .recirculation-impact-footer h4 {
    color:inherit;
}
/*  ==============
    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;
    border:1px solid #e5c076;
      -moz-box-shadow:0 0 40px #e5c076;
    -webkit-box-shadow:0 0 40px #e5c076;
        -ms-box-shadow:0 0 40px #e5c076;
        -o-box-shadow:0 0 40px #e5c076;
            box-shadow:0 0 40px #e5c076;
    color:#000;
    text-transform:uppercase;
    font-family:"Rubik";
    padding:3px;
    letter-spacing:1.5px;
}
.WikiaFooter .tools-menu > li a,
.WikiaBarWrapper .tools-menu > li a,
.WikiaFooter .tools-menu > li,
.WikiaBarWrapper .tools-menu > li {
    color:#000;
}
.WikiaBarWrapper .tools-menu a,                                   
.WikiaFooter .tools-menu a {
    color: #000!important;
    font-weight:normal;
}
.WikiaBarWrapper .tools-menu a:hover,
.WikiaFooter .tools-menu a:hover {
    background-color:rgba(229, 192, 118, 0.4);
    font-weight:normal;
    color:#fff;
}
/*  ===============
    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:#000;
}
.MyToolsConfiguration li:hover,
.MytoolsConfiguration li .selected {
    font-weight:bold;
    background-color:rgba(229, 192, 118, 0.4);
    color:#000;
}
.MyToolsConfiguration .popular-tools-group {
    background-image:none;
    color:#000;
    background-color:#ECECEC;
}
.MyToolsConfiguration .popular-tools-group .selected {
    background-image:none;
    background-color: #D8DFE5;
    color:#000; 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;
    text-transform:none;
    font-style:normal;
    font-weight:normal;
    letter-spacing:0px;
}
/*  The "modal wrapper" is the whole of the customization "box" */
.modalWrapper {
    border:1px solid #e5c076;
      -moz-box-shadow:0 0 40px #e5c076;
    -webkit-box-shadow:0 0 40px #e5c076;
        -ms-box-shadow:0 0 40px #e5c076;
        -o-box-shadow:0 0 40px #e5c076;
            box-shadow:0 0 40px #e5c076;
    font-family: "Rubik";
    text-transform:none;
    padding:3px;
    font-weight:normal;
}
/*  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:#e5c076;
    text-align: left;
    margin-left:-5px;
}
/*  ===================
    WIKIA NOTIFICATIONS
    ===================
    Notifications are alerts
    that pop up when you get new messages
    or when community-corner is changed,
    or when FANDOM sends a global
    message to all users. */
.WikiaNotifications,
#WikiaNotifications {
    right:185px;
}
.WikiaNotifications li {
    display:block;
}
.WikiaNotifications li div  {
    background: #e5c076;
/*  We need to build a new gradient here
   
    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:"Rubik";
    text-transform:uppercase;
    letter-spacing:1.5px;
    border:1px #fff solid;
    line-height:110%;
    max-width:300px;
    min-width:300px;
}
.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: "Rubik";
    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;
}
/*  +++++++++++++++
    COMMUNITY CORNER
    +++++++++++++++ */
.CommunityCornerModule {
    background-color:transparent;
    background-image:none;
    border:1px dashed #e5c076;
    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 #e5c076;
    margin-top:2em;
}
/*  +++++++++++++++++++++
    COMMUNITY PAGE MODULE
    +++++++++++++++++++++ */
.community-page-rail-module .avatars {
    z-index:1
}
/*  ++++++++++++++++
    ACHIEVEMENT MODULE
    Stuff having to do with
    The Game of Rassilon
    as seen in the right
    rail
    ++++++++++++++++ */
/*  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: "Rubik";
}
/*  Styling the text in the right rail badge module */
.badges strong {
    line-height:110%; /* This is the title of the award */
    color:#000;
    font-family: "Rubik";
}
.badges .badge-text {
    line-height:110%;
    font-size:11pt;
    font-family: Rubik;
}
.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: "Rubik";
    letter-spacing:2px;
}
.WikiaRail > div.UserProfileAchievementsModule .data .tally {
    font-family: "Rubik";
    color:#000;
    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-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;
    padding-left:20px;
    padding-top:5px;
    position: relative;
    vertical-align: top;
}
#EditPageHeader > h1 > a:hover,
#EditPageHeader a:hover {
    background:none;
    text-decoration:none;
    color:rgba(205, 178, 152, 0.76);
}   
#EditPageHeader h1 {
    width:500px;
}
#EditPageHeader > h1 > a {
    font-family: "Rubik";
    font-weight:normal;
    font-style:italic;
    line-height:140%;
    padding:10px;
}
/*  headers on the right rail of non-widescreen editor  */
#EditPage .module > h3 > span {
    /* placeholder */
}                                 
/*  edit summary  */
#EditPage .module_page_controls textarea,
editpage-sourcewidemode.mode-source.editpage-sourcewidemode-on #EditPageRail .module_page_controls textarea {
    /* placeholder */
}
/*  preview */
#EditPageDialog.modalWrapper.preview {
    /* placeholder */
}
#EditPageDialog.modalWrapper.preview h1 {
    font-family: "Rubik";
    font-weight:normal;
    text-transform:uppercase;
}
#EditPageDialog.modalWrapper.preview h1.pagetitle {
    font-family: "Rubik";
    text-transform:none;
}
.editpage-notices {
    background:#000;
    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 {
    /*placeholder*/
}
/*  ===============
    STUBS
    ===============
    This notion is original
    to tardis.wikia.com
    =============== */
#topbox,
.topbox {
    padding:1.5em;
    background:#e5c076;
}
.stub-type,
#stub-type,
div#stub-type {
    float:left;
    margin-right:20px;
    margin-top:5px;
}
/*  ==============
    SECTION EDIT
    ============== */
.editsection {
    float: right;
}
/*  ==============
    THUMBNAILS
    Inspired by MemoryAlpha
    ============== */
.tleft {
  margin: 10px 10px 10px 0!important;
  border:none ;
  background:transparent;
  width:250px;
}
.tright {
  margin: 10px 0 10px 10px!important;
  border:none;
  background:transparent;
  width:250px;
}
.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;
}
/* =================
  Spotify player
  ================= */
.spotify-thumb {
    float: right;
    clear: right;
    height: 76px;
    margin-bottom: 12px;
    margin-left: 12px;
}
.spotify-thumb iframe[data-wikia-widget="spotify"] {
    max-height: 200px;
}
.spotify-thumb#full-height {
    height: initial;
}
.spotify-thumb#full-height {
    height: 375px;
}
.spotify-thumb#height-280 {
    height: 275px;
}
.spotify-thumb#height-350 {
    height: 345px;
}
.spotify-thumb#full-height iframe[data-wikia-widget="spotify"],
.spotify-thumb#height-280 iframe[data-wikia-widget="spotify"],
.spotify-thumb#height-350 iframe[data-wikia-widget="spotify"] {
    max-height: initial;
}
/*  ====================
    GALLERIES
    ==================== */
div.wikia-gallery div.wikia-gallery-item {
    background:transparent;
    border:1px solid #e5c076;
    padding:5px;
    margin:5px;
}
div.wikia-gallery div.wikia-gallery-item div.thumb {
    border:0;
}
/*  =======================
    VIDEOS
    ======================== */
/*  Getting rid of video titles, since
    these often contain spoilers, in violation
    of local rules */
.WikiaArticle .article-thumb .title {
    display:none;
}
/*  =================
    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 #e5c076;
    float:right;
    clear:right;
    width:250px;
    min-width:250px;
    color:#000;
    padding:5px;
    text-align:left;
    margin:auto auto auto 20px;
    background-color:#e5c076;
}
.toclimit-2 .toc .toclevel-1 ol,
.toclimit-3 .toc .toclevel-2 ol,
.toclimit-4 .toc .toclevel-3 ol,
.toclimit-5 .toc .toclevel-4 ol,
.toclimit-6 .toc .toclevel-5 ol,
.toclimit-7 .toc .toclevel-6 ol {
display: none;
}
.toc a,
#toc a,
.WikiaArticle .toc a,
.toc a:link,
#toc a:link,
.WikiaArticle .toc a:link {
    color:#000;
}
/*  =================
    CATEGORY SORTKEY
    only works with
    Category Sorter/code.js
    from Dev
    ================= */
   
.letters.sortkey {
    left:160px!important; /*fixes positioning post 2017*/
}
/*  =================
    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: "Rubik";
    text-transform:uppercase;
    letter-spacing:3px;
    border:none
}
/*  ====================
    Fix for wikitable
    sortable issues
    post MW 1.19
    ==================== */
table.jquery-tablesorter th.headerSort {
    background-image: url("https://images.wikia.nocookie.net/__cb58381/resources/jquery/images/sort_none.gif");
    background-position:right;
    padding-bottom:0px;
    background-repeat:no-repeat;
}
/* ====================
  PERMISSIONS ERRORS
  ==================== */
.PermissionsError > .editpage-intro > .editpage-intro-wrapper > div {
    background-color: #e5c076;
    border: 3px solid #fff;
    color: black;
    padding:20px;
    margin-top:150px;
}
/* =========================
  SPOILER ALERT
  ========================= */
 
  #SpoilerAlertText {
      font-size: 80;
      line-height:130%;
      margin:50px;
  }
/* ====================
  Stuff from Common.css
  ==================== */
/* ============================
  Poetry
  ============================ */
div.poem {
    margin-left:20px;
}
/*  ======================
    POLLS
    ====================== */
div.ajax-poll {
    border:1px solid #e5c076;
    color:#000;
    padding:5px;
    font-family: "Rubik";
    letter-spacing:1px;
    text-align:left;
    margin:10px;
    width:auto
/* Special Pages */
.mw-specialpagesgroup {
    background-color:transparent;
    border:1px solid #e5c076;
}
/*  ===================
    Template documentation
    =================== */
.documentation {
    padding:3px;
}
.documentation .header,
.documentation .footer {
    padding:.5em;
    margin:0;
    font-size:85%;
    border:#e5c076 solid 2px;
    background:#e5c076;
    color:#000;
}
.documentation .header a,
.documentation .header a.link,
.documentation .header a.visited,
.documentation .footer a,
.documentation .footer a.link,
.documentation .footer a.visited {
    text-decoration:underline;
    color:#555;
}
.documentation .footer {
    text-align:right;
}
.documentation .description {
    padding:1em 1.5em 0 1.5em;
    margin:8px 0;
    border:wpx dashed #e5c076;
    background-color:transparent;
}
/*  ===================
    DIFF RENDERING
    =================== */
table.diff,
td.diff-otitle,
td.diff-ntitle {
    background:none!important;
    background-color:transparent;
    font-family: "Rubik"
}
td.diff-addedline {
    border:2px solid white;
    background: #bfbe30;
    color: black;
    padding:10px!important;
    line-height:120%;
    font-size:14px;
    font-family: Monaco,"Andale Mono","Lucida Sans Typewriter", "Lucida Console", "Nimbus Mono L", "Courier New", monospace;
}
td.diff-deletedline {
    border:2px solid white;
    background: #c35858;
    color: black;
    padding:10px!important;
    line-height:120%;
    font-size:14px;
    font-family: Monaco,"Andale Mono","Lucida Sans Typewriter", "Lucida Console", "Nimbus Mono L", "Courier New", monospace;
}
td.diff-context {
    background:#ececec;
    color: black;
    border: none;
    font-weight:normal;
    font-size:12px;
    margin-bottom:5px;
    margin-top:5px;
    padding:10px!important;
    line-height:120%;
    font-family:"Rubik";
}
.diffchange {
    color:blanchedalmond!important;
    background:none!important;
}
span.diffchange {
    color:#fff;
    font-weight: bold;
    text-decoration: none;
    font-size:14px;
}
span.autocomment {
    color:#000;
    font-family:"Rubik";
}
.WikiaArticle #pagehistory li.selected {
    background-color:#d5e9fe;
    color:#000;
}
.WikiaArticle #pagehistory li.selected a {
    color:#000
}
/*  ===================
    QUOTATIONS
    =================== */
/*  -------------------
    SIMPLE QUOTATIONS
    powers template:sq
    ------------------- */
/*
.simplequote::before {
    content: "“";
    float: left;
    height: 60px;
    margin-top: -20px;
    padding-top: 45px;
    margin-bottom: -50px;
    font-size: 200%;
    color: #fff;
}
.simplequote::after {
    content: "”";
    float: right;
    height: 25px;
    margin-top: 0px;
    padding-top: 20px;
    font-size: 200%;
    color: #fff;
}
*/
.simplequote {
    font-family:Rubik;
    font-style:italic;
    margin:5%;
    font-size: 1.15em;
    line-height: 1.45em;
}
.simplequote[cite]::after {
    display: block;
    text-align: right;
    content: "\2014\ " attr(cite);
    font-style: normal;
    font-size: 1.2em;
    color:#012c57;
}
.simplequote span.author {
    position: relative;
    display: block;
    font-size:100%;
    line-height:90%;
    text-align: right;
    margin-top: 5px;
    color: #012c57;
    font-style:italic;
    top:10px;
}   
.simplequote span.author i {
    position: relative;
    font-size:100%;
    line-height:90%;
    background: #eee;
    font-style: italic;
    z-index: 5;
    padding:1%;
    border: solid .75px transparent;
    border-radius: 4px;
}
/* Makes a decorative line, but honestly
  this line only works on pages where there's no
  infobox or image in the way. 
.simplequote span.author::before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 35%;
    float:left;
    height: 1px;
    background: #ccc;
    z-index: 1;
    color:#012c57;
}
*/
.simplequote span.author a,
.simplequote span.author a:link {
    color:#012c57;
}
/*  Blockier way of doing quotes */
blockquote {
    position: relative;
    display: inline-block;
    background: #eee;
    padding: 40px 30px 30px 60px;
    border-radius: 10px;
    font-size:110%;
    line-height:120%;
    font-family: Adelle, 'Cambria', 'Book Antiqua','Calisto MT','Lucida Bright',Georgia,'DejaVu Serif',serif;
    color: #333;
    text-align: left;
    box-shadow: 1px 1px 1px #012c57,
                2px 2px 1px #012c57,
                3px 3px 1px #012c57;
    transition-duration: .3s;
    margin-right:20px;
    margin-left:20px;
    width:auto;
blockquote span.author {
    position: relative;
    display: block;
    font-size:100%;
    line-height:90%;
    text-align: right;
    margin-top: 5px;
    color: #999;
    font-style:italic;
}   
blockquote span.author i {
    position: relative;
    font-size:100%;
    line-height:90%;
    background: #eee;
    padding-left: 25px;
    font-style: italic;
    z-index: 5;
}
blockquote a,
blockquote a:link {
    text-decoration:underline;
    color:#012c57;
}
blockquote span.author a,
blockquote span.author a:link {
    color:#012c57;
}
blockquote span.author::before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    float:left;
    height: 1px;
    background: #ccc;
    z-index: 1;
}
blockquote:hover {
    box-shadow: 1px 1px 5px #012c57,
                2px 2px 6px #012c57,
                3px 3px 7px #012c57;
blockquote::before {
    display: block;
    position: absolute;
    top: 40px;
    left: 0px;
    content: "“";
    font-family: "Rubik";
    font-size: 150px;
    color: #012c57;
    z-index:6;
}
/*  =======================
    ARCHIVE TOOL
    ======================= */
#archstrip table, .archstrip table,
#archstrip td, .archstrip td {
    background-color:transparent;
    color:#FFF;
}
#archstrip,
.archstrip {
    background: #012c57;
    overflow: visible;
    padding: 10px 20px;
    position: relative;
    font-family:'Gill Sans', Verdana, sans-serif;
    text-transform:uppercase;
    letter-spacing:3px;
    border:2px #fff solid;
    float:right;
    line-height:110%;
    color:#fff;
    max-width:250px;
}
/* ==================
  SEMANTIC MEDIAWIKI
  TABLES
  ================== */
.smwtable-exterior {
    color:#012c57;
    margin:5px auto 5px auto;
    padding:auto;
}
table.wikitable,
#smwtable,
table.smwtable {
    font-family: "Rubik";
font-size: 12px;
text-align: center;
    background-color:transparent;
    margin:10px auto 10px auto;
    width:auto;
}
th.headerSort, 
table.wikitable th,
#smwtable th,
table.smwtable th {
    border: 0px solid #ffffff;
    color: #FFF;
    overflow:hidden;
    text-decoration:none;
    letter-spacing:0px;
    margin-right:4px;
    padding: 4px;
    vertical-align: middle;
    line-height:110%;
    font-size:125%;
    background-color:#012c57;
    background-color: -moz-linear-gradient(-45deg,  #012C57 0%, #012c57 25%);
    background-color: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#012C57), color-stop(100%,#012c57));
    background-color: -webkit-linear-gradient(-45deg,  #012C57 0%,#012c57 25%);
    background-color: -o-linear-gradient(-45deg,  #012C57 0%,#012c57 25%);
    background-color: -ms-linear-gradient(-45deg,  #012C57 0%,#012c57 25%);
    background-color: linear-gradient(-45deg,  #012C57 0%,#012c57 25%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#012C57', endColorstr='#012c57',GradientType=1 );
}
table.wikitable> tr > th,
table.wikitable> *> tr > th,
#smwtable tr > th,
table.smwtable> *> tr > th  { 
    background:#e5c076;
    color:#000;
/* We'll need a new gradient
    background: -moz-linear-gradient(-45deg,  #012C57 0%, #012c57 25%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#012C57), color-stop(100%,#012c57));
    background: -webkit-linear-gradient(-45deg,  #012C57 0%,#012c57 25%);
    background: -o-linear-gradient(-45deg,  #012C57 0%,#012c57 25%);
    background: -ms-linear-gradient(-45deg,  #012C57 0%,#012c57 25%);
    background: linear-gradient(-45deg,  #012C57 0%,#012c57 25%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#012C57', endColorstr='#012c57',GradientType=1 ); */
}
table.wikitable tr,
table.wikitable tbody tr,
#smwtable tr,
#smwtable tbody tr,
table.smwtable tr,
table.smwtable tbody tr,
table.wikitable td,
table.wikitable tbody td,
#smwtable td,
#smwtable tbody td,
table.smwtable td,
table.smwtable tbody td {
    text-align:center;
    vertical-align:middle;
   
    /* We'll need a new gradient
    background-image: -webkit-gradient(linear, center bottom, center top, from(rgba(252,252,252,0.78)), to(rgba(213,212,240,0.78)), color-stop(3%, rgba(247,247,247,0.78)), color-stop(12%, rgba(242,242,242,0.78)), color-stop(90%, rgba(228,227,241,0.78)));
    background-image: -webkit-gradient(linear, center bottom, center top, from(rgba(252,252,252,0.78)), to(rgba(213,212,240,0.78)), color-stop(3%, rgba(247,247,247,0.78)), color-stop(12%, rgba(242,242,242,0.78)), color-stop(90%, rgba(228,227,241,0.78)));
    background-image: -moz-linear-gradient(bottom, rgba(252,252,252,0.78), rgba(247,247,247,0.78) 3%, rgba(242,242,242,0.78) 12%, rgba(228,227,241,0.78) 90%, rgba(213,212,240,0.78));
    background-image: -o-linear-gradient(bottom, rgba(252,252,252,0.78), rgba(247,247,247,0.78) 3%, rgba(242,242,242,0.78) 12%, rgba(228,227,241,0.78) 90%, rgba(213,212,240,0.78));
    background-image: -ms-linear-gradient(bottom, rgba(252,252,252,0.78), rgba(247,247,247,0.78) 3%, rgba(242,242,242,0.78) 12%, rgba(228,227,241,0.78) 90%, rgba(213,212,240,0.78));
    background-image: linear-gradient(to top, rgba(252,252,252,0.78), rgba(247,247,247,0.78) 3%, rgba(242,242,242,0.78) 12%, rgba(228,227,241,0.78) 90%, rgba(213,212,240,0.78)); */
}
table.wikitable tbody tr:hover td a,
#smwtable tbody tr:hover td a,
table.smwtable tbody tr:hover td a,
table.wikitable tbody tr:hover td,
#smwtable tbody tr:hover td,
table.smwtable tbody tr:hover td {
    background:#555;
    color:#FFF;
}
table.wikitable tbody tr td#series {
    background: #002244;
    font-size: 1.8em;
    vertical-align: top;
}
table.wikitable tbody tr td#series a {
    color: #aecfff;
}
/* Mainly used just at [[List of Doctor Who Television Stories]] */
table.wikitable .row-red td,
div#block.row-red {
  background: #ff0000;
  color:#fff;
}
table.wikitable .row-red td a,
table.wikitable .row-red td a.link,
table.wikitable .row-red td a.visited,
div#block.row-red a,
div#block.row-red a.link
div#block.row-red a.visited {
    color:#FFF;
    text-decoration:underline;
}   
table.wikitable .row-yellow td,
div#block.row-yellow {
    background: #dfff00;
    color:#000;
}
table.wikitable .row-yellow td a,
table.wikitable .row-yellow td a.link,
table.wikitable .row-yellow td a.visited,
div#block.row-yellow a,
div#block.row-yellow a.link
div#block.row-yellow a.visited {
    color:#000;
    text-decoration:underline;
}
/* This bit keeps {{il}} working properly,
    that is, not intenting
        within a table
*/
table div.poem {
    margin-left: 0;
}
.wikitable.uncat img {
    max-width: 250px;
}
/*  ====================
    SMW property table
    ==================== */
div.smwfact {
  font-weight:normal;
  background:grey url(https://images.wikia.nocookie.net/tardistest/images/c/ce/70opacitywhite.png)!important;
  word-wrap:break-word;
  color:#000;
  font-family:"Rubik";
  text-transform:uppercase;
  letter-spacing:2px;
  margin-bottom:10px;
}
div.smwfact table {
    width:95%
}
div.smwfact td,
div.smwfact tr,
div.smwfact table,
#smwfacttable {
    font-family:"Rubik";
    text-transform:none;
    letter-spacing:0;
    font-size:90%;
    background:grey url(https://images.wikia.nocookie.net/tardistest/images/c/ce/70opacitywhite.png)!important;
}
div.smwfact tr:hover {
    background-color:#D8DFe5
}
span.smwrdflink {
    padding-left:5px;
    letter-spacing:0px;
    text-transform:lowercase;
    font-family: Adelle, 'Cambria', 'Book Antiqua','Calisto MT','Lucida Bright',Georgia,'DejaVu Serif',serif;
    font-style:italic;
    font-size:60%;
}
span.smwfactboxhead {
    font-size: 70%!important;
    font-weight: bold;
    float: left;
}
/*  =====================
    NOARTICLE
    ===================== */
.WikiaArticle .noarticletext {
    border:none;
}
div.noarticle,
.noarticle {
    color:#012C57;
    max-width:500px;
    width:500px;
    margin:0 0 5px 62px;
    padding-left:70px;
    padding-top:20px;
    padding-bottom:20px;
    padding-right:20px;
    background-color: #ececec;
    overflow:visible;
    background-repeat:no-repeat;
    background-position: 0px 20px;
    line-height:100%;
}
div.noarticle a:link,
div.noarticle a:visited {
    color:#2f2cb8!important;
}
.noarticle p,
div.noarticle p {
    padding:180px 0px 0px 0px;
    background:url('https://images.wikia.nocookie.net/__cb20120118211740/tardis/images/f/f6/Zeroroom.png') no-repeat;
    line-height:110%;
    color:#012c57;
}
div.noarticletext {
    background:none;
    border:none;
}
/* ==================
  Warning formatting
  ================== */
div.mw-edit-longpagewarning,
div.mw-editinginterface,
div.mw-warning-with-logexcerpt {
    color:#000;
    max-width:500px;
    width:500px;
    margin:0 0 5px 75px;
    padding-left:70px;
    padding-top:20px;
    padding-bottom:20px;
    padding-right:20px;
    overflow:visible;
    line-height:100%;
    background-position: 0px 2px;
    background: #ececec url(https://images.wikia.nocookie.net/tardis/images/1/17/Grey-warning-small.png) no-repeat;
    border:none;
}
div.mw-warning-with-logexcerpt p,
div.mw-edit-longpagewarning p,
div.mw-editinginterface p {
    color:#000!important;
    font-weight:600;
}
div.mw-warning-with-logexcerpt a,
div.mw-edit-longpagewarning a,
div.mw-editinginterface a {
    color:#000!important;
}
div.mw-warning-with-logexcerpt a.new,
div.mw-edit-longpagewarning a.new,
div.mw-editinginterface a.new {
    color:#aa1111!important;
}
/*  -=-=-=-=-=-=-=-=-=
    "Lesser" warnings
    Styled as above, but
    with less alarming
    backgrounds.
    -=-=-=-=-=-=-=-=-=- */
div.sharedHelpEditInfo {
    border:2px solid #e5c076;
    color:#000;
    max-width:500px;
    width:500px;
    margin:0 0 5px 75px;
    padding:20px 20px 20px 70px;
    background-position: 10px 10px;
    background-repeat: no-repeat;
    background-image: url(https://images.wikia.nocookie.net/tardis/images/c/c9/WikiaLogoVertical.png),  rgb(206,219,233);
    background-image: url(https://images.wikia.nocookie.net/tardis/images/c/c9/WikiaLogoVertical.png),  -moz-linear-gradient(left,  rgba(206,219,233,1) 0%, rgba(235,234,242,1) 0%, rgba(223,220,234,1) 67%, rgba(160,159,183,1) 100%, rgba(170,197,222,1) 100%, rgba(226,225,247,1) 100%);
    background-image: url(https://images.wikia.nocookie.net/tardis/images/c/c9/WikiaLogoVertical.png),  -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(206,219,233,1)), color-stop(0%,rgba(235,234,242,1)), color-stop(67%,rgba(223,220,234,1)), color-stop(100%,rgba(160,159,183,1)), color-stop(100%,rgba(170,197,222,1)), color-stop(100%,rgba(226,225,247,1)));
    background-image: url(https://images.wikia.nocookie.net/tardis/images/c/c9/WikiaLogoVertical.png),  -webkit-linear-gradient(left,  rgba(206,219,233,1) 0%,rgba(235,234,242,1) 0%,rgba(223,220,234,1) 67%,rgba(160,159,183,1) 100%,rgba(170,197,222,1) 100%,rgba(226,225,247,1) 100%);
    background-image: url(https://images.wikia.nocookie.net/tardis/images/c/c9/WikiaLogoVertical.png),  -o-linear-gradient(left,  rgba(206,219,233,1) 0%,rgba(235,234,242,1) 0%,rgba(223,220,234,1) 67%,rgba(160,159,183,1) 100%,rgba(170,197,222,1) 100%,rgba(226,225,247,1) 100%);
    background-image: url(https://images.wikia.nocookie.net/tardis/images/c/c9/WikiaLogoVertical.png),  -ms-linear-gradient(left,  rgba(206,219,233,1) 0%,rgba(235,234,242,1) 0%,rgba(223,220,234,1) 67%,rgba(160,159,183,1) 100%,rgba(170,197,222,1) 100%,rgba(226,225,247,1) 100%);
    background-image: url(https://images.wikia.nocookie.net/tardis/images/c/c9/WikiaLogoVertical.png),  linear-gradient(to right,  rgba(206,219,233,1) 0%,rgba(235,234,242,1) 0%,rgba(223,220,234,1) 67%,rgba(160,159,183,1) 100%,rgba(170,197,222,1) 100%,rgba(226,225,247,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedbe9', endColorstr='#e2e1f7',GradientType=1 );
    line-height:100%;
}
div.sharedHelpEditInfo[style] { /* This is necessary to override some inline HTML style declarations */
    margin:0 0 5px 75px;
    padding:10px 10px 10px 70px;
    color:#000;
}
div.sharedHelpEditInfo li {
    margin-left:75px;
    line-height:105%;
}
/*  =====================
    TRICKS FOR INDIVIDUAL
    MW MESSAGES
    ===================== */
.our404image {
    background-image: url('https://images.wikia.nocookie.net/__cb20080704184806/tardis/images/thumb/1/1a/MagnifiedDoctor.jpg/600px-MagnifiedDoctor.jpg');
    background-repeat:no-repeat;
    width:400px;
}
/*  =====================
    LOADING MESSAGE
    ===================== */
div.loading-message {
    letter-spacing: 1.5px;
    text-transform: uppercase;
}
/* This image needs to be replaced. Its transparency flaws
    are particularly visible after the 2018 redesign.
   
#EditPageEditor .loading-indicator .loading-message .loading-throbber {
    background-image: url(https://images.wikia.nocookie.net/tardis/images/c/c6/TardisLoader.gif);
    background-size: 242px 200px;
    background-repeat:no-repeat;
    background-position:top center;
    background-color:transparent;
    overflow:visible;
}
*/

Latest revision as of 21:05, 31 October 2021