MediaWiki:FandomMobile.css/Archive: Difference between revisions

From Tardis Wiki, the free Doctor Who reference
No edit summary
Tags: Mobile edit Mobile web edit Advanced mobile edit 2017 source edit
No edit summary
Line 2: Line 2:


Notes:
Notes:
-common.css does not load on mobile
-common.css does not load on mobile
-inline CSS does not load on mobile
-inline CSS does not load on mobile
Line 88: Line 87:
.documentation .description .wds-is-hidden {
.documentation .description .wds-is-hidden {
     display: initial !important;
     display: initial !important;
}
/*  =================
    Subpage tabs
    ================= */
/* subpage tabs at [[User:Bongolium500/Sandbox 6]] */
.subpage-tabs-main {
width: 100%;
border: 2px solid var(--bright-accent-color);
border-radius: 7px;
clear: both;
text-align: center;
background-color: white;
white-space: nowrap;
font-family: var(--theme-page-headings-font), rubik, helvetica, arial, sans-serif;
color: var(--theme-link-dynamic-color-1);
}
.subpage-tabs-tab {
background-color: var(--bright-accent-color);
border-radius: 5px;
padding: 3px;
}
.subpage-tabs-main a {
color: var(--theme-link-dynamic-color-1);
}
}

Revision as of 19:53, 3 June 2023

/* Created following Fandom's introduction of custom mobile CSS

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

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


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



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

/*  =================
    Subpage tabs
    ================= */
/* subpage tabs at [[User:Bongolium500/Sandbox 6]] */
.subpage-tabs-main {
	width: 100%;
	border: 2px solid var(--bright-accent-color);
	border-radius: 7px;
	clear: both;
	text-align: center;
	background-color: white;
	white-space: nowrap;
	font-family: var(--theme-page-headings-font), rubik, helvetica, arial, sans-serif;
	color: var(--theme-link-dynamic-color-1);
}
.subpage-tabs-tab {
	background-color: var(--bright-accent-color);
	border-radius: 5px;
	padding: 3px;
}
.subpage-tabs-main a {
	color: var(--theme-link-dynamic-color-1);
}