MediaWiki:Gadget-ms-Tardis.css

/* ============================
   Tardis.css v. 1.0
   
   Month of last major change: October 2018

   This page styles custom elements
   which exist only here at Tardis. 
   If the base selector is unique to 
   Tardis, you'll find the styling here.
   ============================ */

/*  ======================
    TOP-OF-PAGE BANNERS
    which identify the type
    of article or give other
    important messages about
    the article as a whole
    =======================
    Clearly owes a debt to
    memoryalpha.wikia.com,
    who were riffin' off of
    en.wikipedia
    =======================
 
    +++++++++++++++++++++++
    Base frame
    +++++++++++++++++++++++ */
div#article-type { 
    border:1px solid #e5c076;
    padding:5px;
    letter-spacing:.5px;
    text-align:left;
    min-height:55px;
    margin:0px 0px 10px 0px;
}   
div#article-type p {
    margin-left:205px;
    line-height:11px;
    font-size:11px;
    text-align:left;
    font-weight:normal;
    font-style:normal;
}

/* +++++++++++++++++++
   Various article types
   +++++++++++++++++++ */

div#type-title {
    margin-left:205px;
    font-size:18pt;
    line-height:16pt;
}
div.type-realworld {
    margin:auto auto auto auto;
    top:0px;
    max-height:55px;
    background: url(https://images.wikia.nocookie.net/tardis/images/d/d8/SmallClapper.jpg) no-repeat;
    z-index:5;
}
div.type-nc {
    max-height:55px;
    background: url(https://images.wikia.nocookie.net/tardistest/images/8/8c/NoncanonImage.jpg) no-repeat;
    z-index:5;
}
div.type-disambig {
    max-height:55px;
    background: #292832 url(https://images.wikia.nocookie.net/__cb20090426213327/tardis/images/a/af/Transferring.jpg) no-repeat;
    z-index:5; 
}
div.type-inuse {
    background: #292832 url(https://images.wikia.nocookie.net/tardis/images/e/e0/Inuse200px.jpg) no-repeat;
    z-index:5;
}
div.type-update {
    margin-left:180px;
    background: #292832 url(https://images.wikia.nocookie.net/tardis/images/3/37/Update200px.jpg) no-repeat;
    z-index:5;
}
div.type-cleanup {
    background: #292832 url(https://images.wikia.nocookie.net/tardis/images/e/e2/Cleanup200px.jpg) no-repeat;
    z-index:5;
}
div.type-delete {
    background: #292832 url(https://images.wikia.nocookie.net/tardis/images/6/6b/Delete200px.jpg) no-repeat;
    z-index:5;
}
div.type-oou {
    background: #292832 url(https://images.wikia.nocookie.net/tardis/images/6/63/Oou200px.jpg) no-repeat;
    z-index:5;
}
div.type-rename {
    background: #292832 url(https://images.wikia.nocookie.net/tardis/images/1/1e/Rename200px.jpg) no-repeat;
    z-index:5;
}
div.type-spoiler {
    background: #292832 url(https://images.wikia.nocookie.net/tardis/images/7/7f/Spoiler200px.jpg) no-repeat;
    z-index:5;
}
div.type-conjecture {
    background: #292832 url(https://images.wikia.nocookie.net/tardis/images/c/c3/Conjecture200px.jpg) no-repeat;
    z-index:5;
}
div.type-talk {
    background: #292832 url(https://images.wikia.nocookie.net/__cb20110514204758/tardis/images/b/b4/Talk200px.jpg) no-repeat;
    z-index:5;
}
div.type-unprod {
    background: #292832 url(https://images.wikia.nocookie.net/tardis/images/f/f2/Unprod.png) no-repeat;
    z-index:5;
}
div.type-doctorwhich {
    background: #292832 url(https://images.wikia.nocookie.net/tardis/images/a/af/WhichDoctor.jpg) no-repeat;
    z-index:5;
}
div.type-nonfiction {
    background: #292832 url(https://images.wikia.nocookie.net/tardis/images/2/26/Nonfiction.png) no-repeat;
    z-index:5;
}
div.type-prefix {
    background: #292832 url(https://images.wikia.nocookie.net/tardis/images/d/d5/Prefix.png) no-repeat;
    z-index:5;
    background-size:200px 90px;
    background-position:left top;
}
div.type-merge {
    background-image: #292832 url(https://images.wikia.nocookie.net/__cb20100517214718/tardis/images/9/9c/Merge.png);
    background-repeat:no-repeat;
    background-size:200px 200px;
    background-position:0 0;
    z-index:5;
}
div.type-demonym {
    background: #292832 url(https://images.wikia.nocookie.net/tardis/images/c/c6/Demonym200px.jpg) no-repeat;
    z-index:5;
    background-position:0px -20px
}

/*  This is for the small, right-floating boxes, 
    like DisconNav */
div#inline-box-rt {
    float:right;
    padding:10px;
    text-align: center;
    border:1px solid #e5c076;
    width:250px;
    margin:10px;
    line-height:1.1em;
    font-size:.8em;
    font-weight:400;
    font-style:normal;
    background-color:transparent ;
    color:#fff;
}

/*  This is for the small, left-floating 
    boxes, like section cleanup */

div#inline-box {
    float:left;
    padding:10px;
    text-align: center;
    border:1px solid #e5c076;
    width:250px;
    margin:10px;
    line-height:1.1em;
    font-size:.8em;
    font-weight:400;
    font-style:normal;
    background-color:transparent;
    color:#fff;
}

div#inline-box p,
div#inline-box-rt p {
    line-height:.9em;
    font-size:.8em;
    font-weight:normal;
    font-style:normal;
    color:#ececec;
}
/*  DIVs used in "messages" (as in the delete temp) */
div.warning {
	background-color: #401F22;
	border: 1px solid #660000;
	color: #FF0000;
	font-weight: bold;
	margin: 2em 0 1em;
	padding: .5em 1em;
	margin-top:auto;
    margin-bottom:auto;
	text-align: justify;
}
div.header-notice,
.copyright-notice {
	background-color: transparent;
	border: 1px solid #e5c076;
	color: #000;
	padding: .5em 1em;
    margin: auto;
    width:80%;
    line-height:110%;
    font-size:95%;
	text-align: justify;
}
div.header-notice table {
    background-color: transparent;
	padding: 1px;
}
div.notice {
	background-color: #401F22;
	border: 1px solid #CC0000;
	color: #FFFFFF;
	margin: 2em 10% 1em 10%;
	padding: .5em 1em;
	text-align: justify;
	font-size:smaller;
}
div.header-notice#fa {
    width: auto;
	font-size: inherit;
}
div.notice p,
div.header-notice p,
div.warning p {
	line-height: 120%;
}
div span.msg-title {
    display: block;
	width: 100%;
	color: #FFD942;
	text-align: center;
	font-size: 150%;
	font-weight: bold;
	border-bottom: 1px solid #666;
}
/*  ============
    Wikipediainfo
    and Image links tags
    ============

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

#wikipedia-info,
.wikipedia-info,
div#wikipedia-info {
    float:left;
    margin-right:5px;
    margin-top:15px;
}
.image-link,
div#image-link {
    float:left;
    margin-right:5px;
    margin-top:15px;
}
/*  This places {{protect}} and {{lock}} 
    underneath {{wikipediainfo}} in case 
    they're ever on the same page together. */
.protect,
div#protect {
    float:left;
    margin-right:5px;
    margin-top:15px;
}
.type-of-article,
div#type-of-article {
    float:left;
    margin-right:5px;
    margin-top:15px;
}
/*  =======================
    SHORTCUTS
    the little boxes that say
    T:WHATEVER
    in the upper right hand corner
    of pages
    =======================
    Base style probably originated
    at en.wikipedia, but has spread
    to some of the larger Wikia
    wikis like Wookiee, The Vault and MA
    ======================== */

div.shortcut {
    float:right;
    background:transparent;
    border:1px solid #e5c076;
    padding: 0.65em;
    margin: 10px 10px 10px 10px;
    text-align: center;
    font-size:smaller;
    font-weight:bold;
    width: auto;
}

/*  ===============
    TIMELINE
    =============== */

.timeline a:visited,
.timeline a:link {
    color:#ccdfff
} 
.timeline a:hover {
    color:#fff9d4;
    background:none;
}

.timeline {
    color:#fff;
    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;
    border-color:transparent;
    text-align: center;
    font-size: 0.85em;
    float: right;
    clear: right;
    width: 250px!important;
    min-width:250px!important;
    margin-bottom: 10px;
    margin-right: 10px;
}

/*  =========================
    SPECIAL STYLES
    mainly used in template design
    =========================
    These designs are all unique
    to tardis.wikia.com and were
    created by CzechOut
    ========================= */

#editpage-specialchars,
#glow {
    background-color: transparent;
	border: 1px solid #e5c076;
	padding: .5em 1em;
    margin:auto;
    width:95%;
    line-height:110%;
    font-size:95%;
	text-align:justify;
       -moz-box-shadow: -0px 0px 40px #e5c076;
    -webkit-box-shadow: -0px 0px 40px #e5c076;
        -ms-box-shadow: -0px 0px 40px #e5c076;
         -o-box-shadow: -0px 0px 40px #e5c076;
            box-shadow: -0px 0px 40px #e5c076;
}
#quote-nom {
    background-color: transparent;
	border: 1px solid #e5c076;
	margin-right: 260px; 
	padding: .5em 1em;
	vertical-align: middle;
    margin-left:auto;
    margin-right:auto;
    line-height:110%;
    font-size:95%;
	text-align: justify;
       -moz-box-shadow: inset -0px 0px 25px 4px #e5c076;
    -webkit-box-shadow: inset -0px 0px 25px 4px #e5c076;
        -ms-box-shadow: inset -0px 0px 25px 4px #e5c076;
         -o-box-shadow: inset -0px 0px 25px 4px #e5c076;
            box-shadow: inset -0px 0px 25px #e5c076 4px;
}
#license {
    background-color: transparent;
    border: 1px solid #e5c076;
    margin: auto;
    padding: .5em 1em;
    width:80%;
    line-height:110%;
    font-size:95%;
    font-family: "Rubik";
    text-align: left;
    color:#fff;
}
#box  {
    font-weight:normal;
    background-color:transparent;
    border: 1px solid #e5c076;
    color:inherit;
    font-family:"Rubik";
    padding:10px;
    margin-top:25px;
    margin-bottom:25px;
    margin-left:auto;
    margin-right:auto;
    font-size:95%;
}


#box-rt  {
    font-weight:normal;
    background-color:transparent;
    border: 2px solid #e5c076;
    color:#000;
    font-family:"Rubik";
    padding:10px;
    margin-top:25px;
    margin-bottom:25px;
    margin-left:auto;
    margin-right:auto;
    font-size:95%;
}

#box-lt  {
    font-weight:normal;
    background-color:transparent;
    border: 1px solid #e5c076;
    color:#000;
    font-family:"Rubik";
    padding:10px;
    margin:25px auto 25px auto;
    font-size:95%;
}
#th {
    font-family: Adelle, 'Cambria', 'Book Antiqua','Calisto MT','Lucida Bright',Georgia,'DejaVu Serif',serif;
    font-size:1.8em;
    line-height:1.2em;
    font-style:italic;
    color:#000;
    font-weight:bold;
}
.error, #error { 
    color:#000;
    font-weight:bold;
} 
.error, #error,
#tech, .tech  {
    width:95%;
    font-weight:normal;
    background-color:transparent;
    border: 1px solid #e5c076;
    font-family:"Rubik";
    padding:10px;
    margin-top:25px;
    margin-bottom:25px;
    margin-left:auto;
    margin-right:auto;
    font-size:95%;
}

#mainpage-highlight { 
    margin-bottom:15px;
    padding:5px;
    background-color: transparent;
    border:1px solid #e5c076;
}
#crewtop { 
    background:transparent;
       -moz-border-radius:50% 50% 0% 0% / 5% 5% 0% 0%;
    -webkit-border-radius:50% 50% 0% 0% / 5% 5% 0% 0%;
        -ms-border-radius:50% 50% 0% 0% / 5% 5% 0% 0%;
         -o-border-radius:50% 50% 0% 0% / 5% 5% 0% 0%;
            border-radius:50% 50% 0% 0% / 5% 5% 0% 0%;
    border:3px solid #e5c076;
    clear:both;
    width:auto;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:10px;
    padding:10px;
    font-size:.90em;
    line-height:.95em;
    font-family : "Rubik";
}
#crew { 
    background:transparent;  
    -webkit-border-radius: 0px 0px 10px 10px;
       -moz-border-radius: 0px 0px 10px 10px;
        -ms-border-radius: 0px 0px 10px 10px;
         -o-border-radius: 0px 0px 10px 10px;
            border-radius: 0px 0px 10px 10px;
    clear:both;
    width:auto;
    padding:11px;
    border:2px solid #e5c076;
    margin-left:auto;
    margin-right:auto;
    font-size: 0.80em;
    line-height:.90em;
    font-family : "Rubik";
}
.stitched {
    padding: 5px 10px;
    margin: 10px;
    line-height: 100%;
    border: 1px solid #e5c076;
    -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;
    font-weight: normal;
    font-family : "Rubik";
}
.key, #key {
    font-size:.9em;
    background-color:inherit; 
    border: 1pt outset #e5c076;
    text-align:center; 
    vertical-align:middle; 
    padding:2px;
    margin:2px;
    font-weight:bold;
    font-family:"Rubik";
}
#block {
    display:block;
    height:30px;
    width:100px;
    border:1px solid #e5c076;
    margin:5px;
}
#tgrey {
    background:transparent url(https://images.wikia.nocookie.net/tardistest/images/6/6e/75opacitygrey.png);
}
/* Dabtag and mosbox */
.dabtag,
#dabtag {
    border:2px solid #e5c076;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
         -o-border-radius: 0;
        -ms-border-radius: 0;
            border-radius: 0;
    overflow:hidden;
    font-size: 0.80em;
    line-height:.95em;
    font-family: "Rubik";
    display:inline-block;
    width:276px; /* this is precise width of two stub tags */
    margin-top:10px;
    margin-bottom:10px;
    margin-right:17px!important; /*overrides the div.dabtag elsewhere */
    float:left;
    line-height:130%;
}
#mosbox {
    font-family: "Rubik";
    text-transform:none;
    letter-spacing:0px;
    line-height:120%;
    word-break:normal;
    font-size:16px; 
    word-wrap:break-word;
}
#mos-summary {
    font-style:italic;
    margin: 25px;
    border-bottom: 2px solid #b0b0b0;
    font-size:150%;
    padding:10px;
    font-weight:normal;
    line-height:150%;
    font-family: Adelle, 'Cambria', 'Book Antiqua','Calisto MT','Lucida Bright',Georgia,'DejaVu Serif',serif;
}
.mosheadcolor {
    color:#000;
}
.moscolor { 
    color:#000;
}

/* ==============
   DPL formats 
   ============== */

.dpl3 {
    vertical-align:top;
    width:100%;
    margin:0 auto;
}