MediaWiki: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 #012c57; color:#012c57; 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; color:#1F1E38; }

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

div#type-title { margin-left:205px; font-size:18pt; line-height:16pt; color:#1F1E38; }

div.type-realworld { margin:auto auto auto auto; top:0px; max-height:55px; background: #ececec url(https://images.wikia.nocookie.net/tardis/images/d/d8/SmallClapper.jpg) no-repeat; z-index:5; }

div.type-nc { max-height:55px; background: #ececec url(https://images.wikia.nocookie.net/tardistest/images/8/8c/NoncanonImage.jpg) no-repeat; z-index:5; }

div.type-disambig { max-height:55px; background: #ececec url(https://images.wikia.nocookie.net/__cb20090426213327/tardis/images/a/af/Transferring.jpg) no-repeat; z-index:5; }

div.type-inuse { background: #ececec url(https://images.wikia.nocookie.net/tardis/images/e/e0/Inuse200px.jpg) no-repeat; z-index:5; }

div.type-update { margin-left:180px; background: #ececec url(https://images.wikia.nocookie.net/tardis/images/3/37/Update200px.jpg) no-repeat; z-index:5; }

div.type-cleanup { background: #ececec url(https://images.wikia.nocookie.net/tardis/images/e/e2/Cleanup200px.jpg) no-repeat; z-index:5; } div.type-delete { background: #ececec url(https://images.wikia.nocookie.net/tardis/images/6/6b/Delete200px.jpg) no-repeat; z-index:5; } div.type-oou { background:#ececec url(https://images.wikia.nocookie.net/tardis/images/6/63/Oou200px.jpg) no-repeat; z-index:5; } div.type-rename { background:#ececec url(https://images.wikia.nocookie.net/tardis/images/1/1e/Rename200px.jpg) no-repeat; z-index:5; } div.type-spoiler { background:#ececec url(https://images.wikia.nocookie.net/tardis/images/7/7f/Spoiler200px.jpg) no-repeat; z-index:5; } div.type-conjecture { background:#ececec url(https://images.wikia.nocookie.net/tardis/images/c/c3/Conjecture200px.jpg) no-repeat; z-index:5; } div.type-talk { background:#ececec url(https://images.wikia.nocookie.net/__cb20110514204758/tardis/images/b/b4/Talk200px.jpg) no-repeat; z-index:5; } div.type-unprod { background:#ececec url(https://images.wikia.nocookie.net/tardis/images/f/f2/Unprod.png) no-repeat; z-index:5; } div.type-doctorwhich { background:#ececec url(https://images.wikia.nocookie.net/tardis/images/a/af/WhichDoctor.jpg) no-repeat; z-index:5; } div.type-nonfiction { background:#ececec url(https://images.wikia.nocookie.net/tardis/images/2/26/Nonfiction.png) no-repeat; z-index:5; } div.type-prefix { background:#ececec 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-color:#ececec; background-image: 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:#ececec 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; color:#012c57; border:1px solid #012c57; width:250px; margin:10px; line-height:1.1em; font-size:.8em; font-weight:400; font-style:normal; background-color:#ececec; }

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

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

div#inline-box p, div#inline-box-rt p { line-height:.9em; font-size:.8em; font-weight:normal; font-style:normal; color:#012c57; }

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

/* =======================    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 #012c57; padding: 0.65em; margin: 10px 10px 10px 10px; text-align: center; font-size:smaller; font-weight:bold; width: auto; } /* =======================    USER WARNINGS Styling for the boxes that come up when using one of the automatic messages to warn users of policy violations ========================   They come in three variations: one for each round of violation. ========================= */

/* +++++++++++++++++++    General font declaration that applies to all user warnings +++++++++++++++++++ */ /* ---    Headlines --- */

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:#fff; }
 * 1) wh {

/* =====================    Auto-centering tricks ===================== */

float:left; height:50%; margin-bottom:-100px; }
 * 1) warn-floater {

clear:both; height:200px; position:relative; }
 * 1) warn-content {

/* +++++++++++++++++++    STYLING COMMON TO    ALL LEVELS +++++++++++++++++++ */

.warn1, .warn2, .warn3, .warn4 { margin: 50px auto; min-height: 200px; height:auto; max-width: 600px; position: relative; width: 80%; -webkit-box-shadow: 0 4px 7px hsla(0,0%,0%,.2); -moz-box-shadow: 0 4px 7px hsla(0,0%,0%,.2); -ms-box-shadow: 0 4px 7px hsla(0,0%,0%,.2); -o-box-shadow: 0 4px 7px hsla(0,0%,0%,.2); box-shadow: 0 4px 7px hsla(0,0%,0%,.2); text-align:center; }

.warn1:after, .warn1:before, .warn2:after, .warn2:before, .warn3:after, .warn3:before, .warn4:after, .warn4:before { background: #E6DDA4 url(https://images.wikia.nocookie.net/__cb20111014042019/tardis/images/4/44/Tape-right.png); background-repeat:repeat; background-origin:content-box; overflow:visible; opacity:.5; content: ''; height: 30px; position: absolute; top: -25px; -webkit-box-shadow: 0 5px 10px -7px hsla(0,0%,0%,.5); -moz-box-shadow: 0 5px 10px -7px hsla(0,0%,0%,.5); -ms-box-shadow: 0 5px 10px -7px hsla(0,0%,0%,.5); -o-box-shadow: 0 5px 10px -7px hsla(0,0%,0%,.5); box-shadow: 0 5px 10px -7px hsla(0,0%,0%,.5); } .warn1:after, .warn2:after, .warn3:after, .warn4:after { left:-40px; width:80px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .warn1:before, .warn2:before, .warn3:before, .warn4:before { right: -30px; width:125px; -webkit-transform: rotate(25deg); -moz-transform: rotate(25deg); -ms-transform: rotate(25deg); -o-transform: rotate(25deg); transform: rotate(25deg); }

/* +++++++++++++++++++    Differences between the levels +++++++++++++++++++ */

.warn1 { background: #8CB82C url(https://images.wikia.nocookie.net/__cb20111015010157/tardis/images/9/90/Info-background.png) no-repeat; padding:20px 100px 10px 10px; }

.warn1 p, .warn1 hr { color:#fff; max-width:500px; width:500px; line-height:110%; }

.warn1 a:link, .warn1 a:hover, .warn1 a:visited { color:#2B380D; }

.warn2 { background: #FDF23D /*#B89F2C #B8A92C nice orangey gold */ url(https://images.wikia.nocookie.net/tardis/images/8/86/Grey-warning.png) no-repeat; padding:20px 100px 10px 10px; }

.warn2 p, .warn2 hr { color:#706E3D; /*#B0AA2A; nice light shade*/ max-width:500px; width:500px; line-height:110%; }

.warn2 a:link, .warn2 a:hover, .warn2 a:visited { color:#000; }

.warn3 { background: #F08400 url(https://images.wikia.nocookie.net/__cb20111015010157/tardis/images/9/9b/Lastwarn-background.png) no-repeat; padding:20px 100px 10px 10px; }

.warn3 p, .warn3 hr { color:#fff; max-width:500px; width:500px; line-height:110%; }

.warn3 a:link, .warn3 a:hover, .warn3 a:visited { color:#703E00; } .warn4 { background: #B82c2c url(https://images.wikia.nocookie.net/__cb20111015010157/tardis/images/0/0f/Blocked-background.png) no-repeat; padding:20px 100px 10px 10px; }

.warn4 p { color:#fff; max-width:370px; width:400px; line-height:110%; }

.warn4 hr { max-width:300px; text-align:left; }

.warn4 #wh { max-width:350px; width:350px; }

.warn4 a:link, .warn4 a:hover, .warn4 a:visited { color:#380E0a; }

/* ===============    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; } /* ====================    Grid display table ==================== */ /* This is for grid tables, such as , with two axes, and marked cells. */

.wikitable#grid { overflow: hidden; }

.wikitable#grid tr > td:first-of-type { background: #012c57; color: white; } .wikitable#grid tr > td:first-of-type a, .wikitable#grid td:nth-of-type(n+2) a { color: white!important; background: none!important; z-index: 2; } .wikitable#grid tr:hover > td:hover:nth-of-type(n+2) > a:hover { text-decoration: none; }

.wikitable#grid tr:hover > td:hover:nth-of-type(n+2) > a:after { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: 2; }

.wikitable#grid tr > td:nth-child(n+2) { background: #6c97c1; color: #3a3a3a; border-left: none; border-color: #012c57; border-width:.5px; }

.wikitable#grid tr:hover > td:nth-child(n+2) { background: #5c8cbb!important; }

.wikitable#grid tr:hover > td:first-of-type { background: #0b325a; }

.wikitable#grid tr > td#X { background: #002244!important; color: white; border-color: #4e7dab; }

.wikitable#grid tr > td:nth-child(1), .wikitable#grid tr > th { border-color: #4e7dab; border-width: 1px; }

.wikitable#grid th:nth-of-type(n+2):hover { background: #002244!important; }

.wikitable#grid td:nth-of-type(n+2), .wikitable#grid th:nth-of-type(n+2) { position: relative; } .wikitable#grid td:nth-of-type(n+2):hover::after, .wikitable#grid th:nth-of-type(n+2):hover::after { content: ""; position: absolute; background-color: #3772b1; left: 0; top: -5000px; height: 10000px; width: 100%; z-index: 1; opacity: .2; } .wikitable#grid tr > td#sh-2 { background: #5c8cbb; border-color: #4e7dab; color: #012c57; text-align: right; padding-right: 5px; }

.wikitable#grid tr:nth-of-type(even) > td#sh-2 { background: #5280ad; }

.wikitable#grid td#sh-2 a, .wikitable#grid td#sh-2 a:hover { color: #012c57!important; } .wikitable#grid td#sh:nth-of-type(n+2):hover::after, .wikitable#grid td#sh-2:hover::after{ display: none; } .wikitable#grid tr:hover > td#sh { background: #6c97c1!important; } .wikitable#grid tr:hover > td#sh:hover { background: #5c8cbb!important; }