MediaWiki:FandomMobile.css/Archive

From Tardis Wiki, the free Doctor Who reference
Clear your cache often around here

After changes are made to this site's CSS or Javascript, you have to bypass your browser's cache to see the changes. You can always do this by going to your browser's preferences panel. But many browsers also offer keyboard shortcuts to save you that trouble. The following shortcuts work in the versions of the browsers that Tardis currently supports. They may not work in earlier versions.

  • Firefox: hold down Shift while performing a page reload.
  • Opera offers no default keyboard shortcut, but you can create a custom keyboard shortcut with the value Clear disk cache
  • Safari users should simultaneously hold down + Option + E. You may need to enable the Develop menu first
  • Chrome: press Ctrl + F5 or Shift + F5 while performing a page reload.
/* Created following Fandom's introduction of custom mobile CSS

Notes:
-common.css does not load on mobile
-inline CSS does not load on mobile
*/

/*  ===================
    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:TardisAdmin.css|MediaWiki:Familytree.css&only=styles");


/* variable definitions */
:root .theme-fandommobile-dark {
	--bright-accent-color: #e5c076;
	--bright-accent-color--rgb: 229,192,118;
}
:root .theme-fandommobile-light {
	--bright-accent-color: #012c57;
	--bright-accent-color--rgb: 1,44,87;
}


/*  =======================
    Classes specific to
    mobile CSS
    ======================= */
.context-link {
	clear:left;
	border: 2px solid var(--theme-accent-color);
	font-size: 90%;
}
.mobile-no-display {
	display: none;
}


/*  ======================
    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.fandom.com,
    who were riffin' off of
    en.wikipedia
    =======================
 
    +++++++++++++++++++++++
    Base frame
    +++++++++++++++++++++++ */
div#article-type { 
    border:1px solid var(--theme-accent-color);
    padding:5px;
    letter-spacing:.5px;
    text-align:left;
    min-height:55px;
    min-width: 528.5px;
    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-spoiler {
    background: rgba(var(--theme-page-text-color--rgb),.04) url(https://images.wikia.nocookie.net/tardis/images/7/7f/Spoiler200px.jpg) no-repeat;
    z-index:5;
}


/* boxes */
.error, #error,
#tech, .tech  {
    border: 1px solid var(--theme-accent-color);
    padding:10px;
    margin-top:25px;
    margin-bottom:25px;
    font-size:95%;
}



/*  ===============
    STUBS
    ===============
    This notion is original
    to tardis.fandom.com
    =============== */
.stub-type,
#stub-type,
div#stub-type {
    float:left;
    margin-right:15px; /*different to desktop*/
    margin-top:5px;
}


/*  ================
    Template documentation
    ================ */
.documentation .description .wds-is-hidden {
    display: initial !important;
}

/*  =======================
    RED AND YELLOW CELLS
    ======================= 
    
While MAINLY just used over at [[List of Doctor Who television stories]],
these cells have also found use for pointing out different mediums,
like novels and anthologies, as seen on [[Bernice Summerfield (series)]]. */

table.wikitable .row-red td,
div#block.row-red { 
  background: #b53f3a; /* #b1312c */
  color:#fff;
}
.theme-fandomdesktop-light table.wikitable .row-red td,
.theme-fandomdesktop-light div#block.row-red {
  background: #f4bbb9; 
  color: inherit;
}
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;
    text-decoration-color:#e3bdbd; /*This will work in MOST modern browsers.*/
}    
table.wikitable .row-yellow td,
div#block.row-yellow {
    background: #e1ae4a;
    color:#000;
}
.theme-fandomdesktop-light table.wikitable .row-yellow td,
.theme-fandomdesktop-light div#block.row-yellow {
  background: #fdd6a2; 
  color: inherit;
}
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,
.theme-fandomdesktop-light table.wikitable .row-red td a,
.theme-fandomdesktop-light table.wikitable .row-red td a.link,
.theme-fandomdesktop-light table.wikitable .row-red td a.visited { 
    color:#000;
    text-decoration:underline;
    text-decoration-color: #543f15; /*This will work in MOST modern browsers.*/
}
/* BLUE cells */
table.wikitable .row-blue td,
div#block.row-blue { 
  background: #7998D3;
  color:#000;
}
table.wikitable .row-blue td a,
table.wikitable .row-blue td a.link,
table.wikitable .row-blue td a.visited,
div#block.row-blue a, 
div#block.row-blue a.link
div#block.row-blue a.visited { 
    color:#000;
    text-decoration:underline;
    text-decoration-color:#543f15; /*This will work in MOST modern browsers.*/
}
/* GREEN cells */
table.wikitable .row-green td,
div#block.row-green { 
  background: #CCECC1;
  color:#000;
}
table.wikitable .row-green td a,
table.wikitable .row-green td a.link,
table.wikitable .row-green td a.visited,
div#block.row-green a, 
div#block.row-green a.link
div#block.row-green a.visited { 
    color:#000;
    text-decoration:underline;
    text-decoration-color:#543f15; /*This will work in MOST modern browsers.*/
}

/* {{subpage tabs}} */
.subpage-tabs-main {
	width: 100%;
	clear: both;
	text-align: center;
	white-space: nowrap;
	font-family: var(--theme-page-headings-font), rubik, helvetica, arial, sans-serif;
	color: var(--theme-link-dynamic-color-1) !important;
}
.subpage-tabs-main tr {
	display: flex;
	flex-wrap: wrap;
}
.subpage-tabs-tab {
	background-color: var(--bright-accent-color);
	border-radius: 5px;
	border: 2px solid white !important;
	margin-right: 1px;
	margin-bottom: 1px;
	padding: 9px 0px !important;
}
.subpage-tabs-main a,
.subpage-tabs-main .mw-selflink {
	color: var(--theme-link-dynamic-color-1);
	padding: 10px 9px;
}

/* {{pullout}} */
.pullout-wrapper {
	display: none;
}


/* =====================
   CSS for wip templates 
   ===================== */
/* {{TriggerImage}} */
.trigger {
	position: relative;
}
.trigger p.trigger-warning {
	position: absolute;
	width: 100%;
	text-align: center;
	padding: 15px 0;
	z-index: 0;
}
.trigger a:not(figcaption *) {
	z-index: 1;
	position: relative;
	border: var(--theme-accent-color) 2px solid;
}
.trigger img {
	visibility: hidden;
}

/* [[User:Bongolium500/The Faceless Ones (TV story)/Home media]] (view at [[Tardis:Sandbox]]) */
.home-media-easytimeline-wrapper {
	display: none;
}
.home-media-nav-table th {
	text-align: center !important;
}
.home-media-features-table .home-media-features-table-center {
	float:center;
}
.home-media-features-table .home-media-features-table-right {
	float:right;
}
.compact-section-toc {
	text-align: center;
	word-wrap: break-word;
	border: 1px solid var(--theme-accent-color);
	padding: 10px;
	margin-bottom: 15px;
	font-size: 95%;
}
.back-box {
	float: right;
	border: 1px solid var(--theme-accent-color);
	padding: 0.65em;
	margin: 10px 10px 10px 10px;
	text-align: center;
	font-size: smaller;
	font-weight: bold;
}