MediaWiki:Mobile.css: Difference between revisions

Pianoforte (talk | contribs)
mNo edit summary
Pianoforte (talk | contribs)
No edit summary
Line 5: Line 5:


/*Page Background*/
/*Page Background*/
body {
background-image: url("http://gfwiki.com/images/c/c9/Logo.png"),url("http://gfwiki.com/images/6/6f/Proto-BG.jpg");
background-repeat: no-repeat;
background-attachment: scroll, fixed;
background-position: 1em 200px,left top;
background-size: auto, cover;
font-family: Sans-Serif;
}






/* logo */
/* logo */
div#mw-panel {top:360px; background: rgba(250,250,250,0.6);}


#mw-panel #p-logo .mw-wiki-logo {
#mw-panel #p-logo .mw-wiki-logo {
Line 27: Line 16:
     height: 199px;
     height: 199px;
}
}
div#mw-panel div.portal div.body ul li a {color: #FFCC00;text-shadow: 0 0 0.2em black, 0 0 0.2em black;}
div#mw-panel div.portal div.body ul li a:visited {color: #EEAA00;text-shadow: 0 0 0.2em black, 0 0 0.2em black;}
div#mw-panel div.portal h3 {color: #FFFFFF;text-shadow: 0 0 0.2em black, 0 0 0.2em black;}
#mw-panel.collapsible-nav .portal.collapsed h3 a {color: rgb(250,250,250);}
#mw-panel.collapsible-nav .portal h3 a {color: rgb(250,250,250);text-decoration: none;}
a {color: #FFCC00;}
a:visited {color: #EEAA00;}




Line 123: Line 124:
@media only screen and (max-width: 799px) {
@media only screen and (max-width: 799px) {
div#mw-panel {display:none;}
div#mw-panel {display:none;}
div#left-navigation{margin-left:1em;}
div#left-navigation{margin-left:0;}
.mw-body {margin-left:1em;}
.mw-body {margin-left:0;}
}
 
/*mobile small tables*/
.content table {display:table;}
 
 
/* Navigation Tab*/
div.vectorTabs ul li,
#p-variants,
#p-cactions {
    background-image: none;
    background-color: rgba(63,63,63,0.3); }
 
#p-cactions:hover {
    background-image: none;
    background-color: rgba(63,63,63,0.6); }
 
div.vectorTabs li:hover {
    background-image: none;
    background-color: rgba(63,63,63,0.6); }
 
div.vectorTabs li.selected {
    background-image: none;
    background-color: rgba(63,63,63,0.9);
}  
 
 
 
div.vectorMenu div.menu {
    background-color: rgba(255,255,255,0.3);
    border:none;
left:0px;
}
}


div.vectorMenu div.menu a:hover {
    background-color: rgba(255,255,255,0.6);
}




#p-variants-label,
div.vectorTabs,
div.vectorTabs span,
div.vectorTabs ul,
div#mw-head div.vectorMenu h3 {
    background-image: none;
    padding-left:0px;
}
#left-navigation,
#right-navigation {
    margin-top: 159px;
}
/*personal*/
#p-personal {
    background-color: rgba(255,255,255,0.9);
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 10px;
}
#p-personal ul {padding-left: 0em;}
/*              Content              */
/* system        */
/*Editing box*/
.mw-highlight{
text-shadow:none;
}
/*Editing options*/
.editOptions {
    background-color: rgba(0,0,0,0.4);
    border: none;
    border-top: none;
}
#pagehistory li.selected {
    background-color: rgba(0,0,0,0.4);
    border:none;
}
ul#filetoc {
    background-color: rgba(0,0,0,0.4);
    border:none;
}
table.mw_metadata {
    color: black;
    text-shadow: none;
}
.errorbox, .warningbox, .successbox, .comment-toolbar {text-shadow: none;}
.comment-user, .comment-user a{color:rgb(240,240,240);}
.catlinks {
    border: none;
    background-color: rgba(0,0,0,0.4);
}
.mw-datatable, .mw-datatable td, .mw-datatable th {
    text-shadow: none;
    color: black;
}
.mw-search-profile-tabs{text-shadow:none;}
.diff-context{text-shadow:none;}
.wikiEditor-ui .wikiEditor-ui-view {text-shadow:none;color:black;}




Line 252: Line 138:




/* Content body*/
.mw-body {
    background-color: rgba(63,63,63,0.9);
    border:none;
    color: rgba(250,250,250,1);
    text-shadow: 2px 2px 2px black;
    margin-right:1em;
}


/* Header color*/
h1, h2, h3, h4, h5, h6 {
    color: white;
}
/* Table of Contents */
#toc, .toc, .mw-warning, .toccolours {
    border: 1px solid #aaa;
    background-color: rgba(0,0,0,0.6);
}




/* standard link colors */
/* standard link colors */
.mw-body a { color: #f0b000; } /* normal unvisited links */
.mw-body a, .mw-body a.extiw { color: #FFCC00; } /* normal unvisited links */
.mw-body a.external  { color: #f0b000; } /* normal unvisited links */
.mw-body a.external  { color: #FFCC00; } /* normal unvisited links */
.mw-body a:visited, .mw-body a.external:visited { color: #ba8900; } /* visited links */
.mw-body a:visited, .mw-body a.external:visited, .mw-body a.extiw:visited { color: #EEAA00; } /* visited links */
.mw-body a.new { color: #DD0000; } /* new links */
.mw-body a.new { color: #DD0000; } /* new links */


/* Tables */
/* Tables */
Line 308: Line 176:




/* system */
table.wikitable, pre, code, tt, kbd, samp, .mw-code {
    text-shadow:none;
}
div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited {color: #FFFFFF;text-shadow: 2px 2px 2px black;}
div.vectorTabs li.new a, div.vectorTabs li.new a:visited {color: #4d4d4d;}
div.vectorTabs li a {color: #4d4d4d;}
/*              tabs                */


ul.tabbernav {border-bottom:none;margin-top: 0.4em;}


/* tab body*/
.tabber .tabbertab {
    padding: 5px;
    border: none;
    /*border-top: 0;*/
    background-color: rgba(200,200,200,0.6);
}


/* active tab */
ul.tabbernav li.tabberactive a, ul.tabbernav li.tabberactive a:link {
    background-color: rgba(200,200,200,0.6);
    border: none;
    color: white;
    font-weight: bold;
}
ul.tabbernav li.tabberactive a:hover {
    background-color: rgba(200,200,200,0.6);
    border: none;
    color: white;
    font-weight: bold;
}
/* inactive tab */
ul.tabbernav li a:link {
    color: white;
    font-weight: normal;
    font-size: 110%;
    background-color:rgba(200,200,200,0.2);
    border:none;
    padding-top: 0.5em;
}
ul.tabbernav li a:hover {background-color: rgba(200,200,200,0.3);}




Line 485: Line 304:
#aboutgame{
#aboutgame{
padding:0.5em;
padding:0.5em;
background-color: rgba(150,150,150,0.8);
background-color: #3f3f3f;
border: rgb(150,150,150);
border: rgb(150,150,150);
border-width: 0.25em;
border-width: 0.25em;
Line 511: Line 330:
}
}


#directory{
background-image:url("http://gfwiki.com/images/e/e8/BG_main_directory.png");
background-color: #3f3f3f;
border: rgb(150,150,150);
background-repeat: no-repeat;
background-position: right bottom;
background-size: auto 100%;
margin-top:5px;
max-width:800px;
position:relative;
border-width: 0.25em;
border-style: solid;
box-shadow: 0px 0px 10px #000;
padding:0.5em;
}


#updates{
#updates{
background-image: url("http://gfwiki.com/images/thumb/c/c6/BG_research.png/395px-BG_research.png");
background-image: url("http://gfwiki.com/images/thumb/6/6f/BG_factory.png/395px-BG_factory.png");
background-repeat: no-repeat;
background-repeat: no-repeat;
background-size: cover;
background-size: cover;