MediaWiki:Mobile.css

/* CSS placed here will affect users of the mobile site */

/* Bringing over some basic styling from Mediawiki:Vector.css */

/* MAIN PAGE */

/* Hides the page title on the main page. */ body.page-Main_Page h1.firstHeading {    display:none; }

body {   background-color: #18171C !important; color: #f8f8f8; }

.content {   color: #f8f8f8; }

.content .thumbcaption {   color: #f8f8f8 !important; }

li.gallerybox div.thumb {   background-color: #18171C; border: 1px solid #78a9c6; }

.profile .footer {   color: #f8f8f8; }

.mw-mf-special .content h2 { color: #f8f8f8; }

.page-summary h2, .page-summary h3 { color: #f8f8f8; }

.page-list .info, .page-list .component, .topic-title-list .info, .topic-title-list .component, .site-link-list .info, .site-link-list .component {   color: #f8f8f8; }

.overlay-header h2 > * {   color: black; }

{   background-color: #18171C; }
 * 1) content_wrapper

.mw-ui-icon-mainmenu:before {   background-image: url('/w/Light-Menu.png') !important; }

.pre-content #section_0 {   color: #f8f8f8; }

.header {   background-color: #102530; border-bottom: none; }

{   background-color: #102530 !important; border-bottom: 1px solid #cccccc !important; }
 * 1) content_wrapper .last-modified-bar

input.search {   padding: 5px; }

{   background-color: #18171C; }
 * 1) footer

.animations #mw-mf-page-center {   background-color: #18171C; }

.client-js .toc-mobile {   background: #18171C !important; border: 1px solid #78a9c6 !important; color: #f8f8f8 !important; }

p { color: #f8f8f8; }

li {   color: #f8f8f8; } a { color: #FFE16D !important; } a:visited { color: #e5ca60 !important; } div#content a.external { color: #ffc66d; } div#content a.external:visited { color: #f0ba66; } a.new:visited, a.new { color: #bc1919; }

.mainPageBox { background: #102530; border: 1px solid #78a9c6; margin: 10px; padding: 6px; height: auto; -webkit-box-shadow:0 0 20px #2f607f; -moz-box-shadow: 0 0 20px #2f607f; box-shadow:0 0 20px #2f607f; border-radius: 5px; }

.boxHeader { border-bottom: 1px solid #E8FCFF; padding: 0px 3px 3px 3px; text-align: center; color: #E8FCFF; font-weight: bold; font-size: 115%; font-variant: small-caps; -webkit-text-shadow:0 0 20px turquoise; -moz-text-shadow: 0 0 20px turquoise; text-shadow:0 0 20px turquoise; }

.boxFooter {   border: 0; width: 100%; margin-bottom: 3px; margin-top: 10px; text-align:center; font-weight: bold; }

.aboutBox { background: #102530; border: 1px solid #78a9c6; margin: 10px; padding: 6px; height: auto; -webkit-box-shadow:0 0 20px #2f607f; -moz-box-shadow: 0 0 20px #2f607f; box-shadow:0 0 20px #2f607f; border-radius: 5px; }

/* Nav Box */ .navbox {    background-color: #143849; border-collapse: collapse; border: 1px solid #78a9c6; margin-left: auto; margin-right: auto; margin-top: 12px; text-align: center; width: 80%; -webkit-box-shadow: 0 0 20px #2f607f; -moz-box-shadow: 0 0 20px #2f607f; box-shadow: 0 0 20px #2f607f; } .navbox td { padding: 4px; border: 1px solid #78a9c6; text-align: center; } .navbox th { background-color: #78a9c6; color: #143849 !important; font-weight: bold; font-size: 115%; font-variant:small-caps; border: 1px solid #78a9c6; } .navbox th a:visited { color: #143849!important; } .navbox th a { color: #143849 !important; }

table.wikitable { color: #eaeaea; background: #102530; } table.mw_metadata td { color: #eaeaea; background: rgb(10, 10, 10); } table.wikitable > * > tr > th { background-color: #78a9c6; color: #102530; } table.mw_metadata th { color: #eaeaea; background: rgb(10, 10, 10); } .postedit { background-color: #2B4F65; border: 1px solid #388AAF; color: #f8f8f8; box-shadow: none !important; } table.diff {   background: #102530; border: 1px solid #78a9c6; }

.infobox { margin: 10px; background-color: #102530 !important; border-collapse: collapse; border: 1px solid #78a9c6 !important; float: right; clear: right; width: 400px; } .infobox th { font-size: 1.7em; text-align: center; background-color: #78a9c6 !important; padding: 6px; color: #102530 !important; } .infobox tr { border: 1px solid #78a9c6 !important; } .infobox td { padding: 4px; }

/* Some specific tweaks to make stuff work better on the mobile skin, especially the main page */

content: "Welcome to the Star Trek Timelines Wiki!"; }
 * 1) mf-Welcome::before {

margin-left: auto; margin-right: auto; text-align: center; background-color: #143849; color: #E8FCFF; padding: 2px; font-weight: bold; font-size: 115%; font-variant:small-caps; -webkit-text-shadow:0 0 20px turquoise; -moz-text-shadow: 0 0 20px turquoise; text-shadow:0 0 20px turquoise; }
 * 1) mf-Welcome {

.aboutText {   padding-left: none; }

.toast, .drawer {   background-color: black; }

.icon-arrow-down {   url('/w/DownArrow.png'); }

.icon-arrow-up {   background-image: url('/w/UpArrow.png'); }

{   width: 142px; height: 67px; background-image: url('http://startrektimelineswiki.com/w/images/a/a6/Wiki-Logo.png'); margin-left: auto; margin-right: auto; margin-top: 10px; }
 * 1) mf-Logo

/* QUICK TEST */

.stars { position: relative; display: inline-block; color: #D4AF37; border-bottom: 1px dotted white;

}

.stars .tooltip { visibility: hidden; width: 100px; background-color: rgba(43, 79, 101, 0.70); color: #f8f8f8; text-align: center; padding: 3px; border-radius: 3px; position: absolute; z-index: 1; bottom: 100%; left: 50%; margin-left: -50px; }

.stars:hover .tooltip { visibility: visible; }