MediaWiki:FandomMobile.css/Archive: Difference between revisions

From Tardis Wiki, the free Doctor Who reference
No edit summary
No edit summary
Line 57: Line 57:




/*  =========================
 
     SPECIAL STYLES
/*  ===============
     mainly used in template design
     STUBS
    =========================
     ===============
     These designs are all unique
     This notion is original
     to tardis.fandom.com and were
     to tardis.fandom.com
    mostly created by CzechOut
     =============== */
     ========================= */
.stub-type,
/* Dabtag and mosbox */
#stub-type,
.dabtag,
div#stub-type {
#dabtag {
    border:2px solid var(--theme-accent-color);
    -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;
     float:left;
     line-height:130%;
     margin-right:17px;
     clear:left;
     margin-top:5px;
}
}
/*improves formatting on smaller screen sizes*/
.stub-type + .stub-type + .stub-type,
.dabtag + p, #dabtag + p {
#stub-type + .stub-type + .stub-type,
    word-wrap: normal;
#stub-type + #stub-type + .stub-type,
#stub-type + #stub-type + #stub-type,
#stub-type + .stub-type + #stub-type,
.stub-type + #stub-type + .stub-type,
.stub-type + #stub-type + #stub-type,
.stub-type + .stub-type + #stub-type {
clear:left;
}
}

Revision as of 20:54, 15 April 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
*/


/*  ======================
    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:17px;
    margin-top:5px;
}
.stub-type + .stub-type + .stub-type,
#stub-type + .stub-type + .stub-type,
#stub-type + #stub-type + .stub-type,
#stub-type + #stub-type + #stub-type,
#stub-type + .stub-type + #stub-type,
.stub-type + #stub-type + .stub-type,
.stub-type + #stub-type + #stub-type,
.stub-type + .stub-type + #stub-type {
	clear:left;
}