Coasterpedia
Log in

MediaWiki:Common.css

Note: After saving, you may have to bypass your browser's cache to see the changes.

  • Firefox logo.pngSafari logo.pngFirefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Chrome logo.pngGoogle Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer logo.pngInternet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera logo.pngOpera: Clear the cache in Tools → Preferences
/***** CSS placed here will be applied to all skins on the entire site. *****/
/* common colours: Blue: #006CB0, Green: #5FB919 */

/* Hide title and tagline on Main Page */
body.page-Coasterpedia_The_Roller_Coaster_Wiki h1.firstHeading,
body.page-Coasterpedia_The_Roller_Coaster_Wiki #siteSub,
body.page-Coasterpedia_The_Roller_Coaster_Wiki #MetricImperial,
body.page-Coasterpedia_The_Roller_Coaster_Wiki #DateConvert {
   display: none;
}
/* no support for Safari / Chrome as they can't render it correctly */
@media screen and (min-width:1024px) {
.mp-columns {
   width:100%;
   -webkit-column-count:2;
   -moz-column-count:2;
   column-count:2;
   -webkit-column-gap:1em;
   -moz-column-gap:1em;
   column-gap:1em;
}
.mp-columns .main-page-box {
   break-inside:avoid; /* ie */
   page-break-inside:avoid; /* firefox */
}
.mp-columns .force-break {
   -webkit-column-break-before:always;
}
}
/* Mark redirects in Special:Allpages and Special:Watchlist */
.allpagesredirect, .watchlistredirect {
   font-style: italic;
}
.allpagesredirect:after {
   color: #808080; content: " (redirect)";
}
.restricted {
   width:300px;
}
/*** Infobox styling ***/
.infobox {
    border-style: solid;
    float:right;
    margin:0 0 0 0;
    vertical-align: middle;
    clear: right;
    margin: .5em;
    width: 250px;
    background: #FFFFFF;
    font-size: smaller;
    line-height: 1.5;
    border-left: 1px solid #006CB0;
    border-right: 1px solid #006CB0;
    border-bottom: 1px solid #006CB0;
    border-top: none;
    word-break: break-word;
    border-radius:2px;
}
.infobox-image img {
    width:100%;
    height:auto;
}
.infobox-video, .infobox-video-mobile {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    background: #5FB919;
    border-radius: 5px;
    color: #FFF;
    font-weight: bold;
    text-align: center;
}
.infobox-title {
    text-align: center;
    color: #FFF;
    background: #5FB919;
    font-size: larger;
}
.infobox-caption {
    color: #FFF;
    font-weight: normal;
    background: #006CB0;
    text-align: left;
}
.infobox-row-title {
    min-width: 85px;
    font-weight: bold;
}
.infobox-image-caption {
   font-weight: normal;
   text-align:center;
}
.infobox-new {
   float:right;
   width:300px;
   background-color:#fff;
   font-size:0.9em;
   font-family:'Roboto', sans-serif;
   border-radius:2px;
   color:rgba(0,0,0, 0.54);
}
.infobox-multitrack .infobox-new-title {
   width:30%;
}
@media screen and (min-width:1360px) { /* make infobox wider on wide screens */
   .infobox-new,
   .restricted {
      width:350px;
   }
}
@media screen and (max-width:1359px) {
   .table-flag img {
      width:20px;
      height:13px;
   }
}
.infobox-new-image img {
   width:100% !important;
   height:auto !important;
}
.infobox-new-image {
   padding:0;
}
.infobox-new-title {
   color:#252525;
}
.infobox-new-multicolumn {
   width:49%;
}
.infobox-new-multicolumn:nth-child(odd) {
   float:left;
}
.infobox-new-multicolumn:nth-child(even) {
   float:right;
}
.infobox-flag {
   margin:-1px 3px -1px -1px !important;
}
.infobox-new td {
   padding:0 5px;
}
.status-operating a {
   color:green;
}
.status-construction a,
.status-instorage a,
.status-sbno a {
   color:orange;
}
.status-defunct a,
.status-unknown a {
   color:red;
}
/* Decrepit Styling for Wikia-style infoboxes.
   These are deprecated and being phased out, but still in use on many pages! */
.infobox-old {
   border: 1px solid #aaaaaa;
   background-color: #f9f9f9;
   margin-bottom: 0.5em;
   margin-left: 1em;
   padding: 0.2em;
   float: right;
   clear: right;
   width: 250px;
}
.infobox-old td,
.infobox-old th {
   vertical-align: top;
}
/*** Easy box ***/
.box {
    border-style:       solid;
}
.box-blue {
    background-color:   #C4C4FF;
    border-color:       #0000FF;
}
.box-purple {
    background-color:   #e0c1ef;
    border-color:       #9932cc;
}
.box-red {
    background-color:   #ffb2b2;
    border-color:       #ff0000;
}
.box-yellow {
    background-color:   #ffffb2;
    border-color:       #ffff00;
}
.box-green {
    background-color:   #CCFFCC;
    border-color:       #00ff00;
}
.box-grey {
    background-color:   #FBFBFB;
    border-color:       #AAAAAA;
}

/*** Notice ***/
/*** Mobile CSS at MediaWiki:Refreshed.css ***/
.notice {
    margin-bottom: 2px;
    background-color: #FBFBFB;
    border: 1px solid #AAA;
}
.notice-tabbed {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    border:0px;
}
.notice-tabbed-main {
    border: 1px solid #aaa;
    border-left:0px;
}
/* Coloured tab */
.notice-tab {
    width: 8px;
    border: 0px;
}
.notice-tab.blue {
    background-color: #1e90ff; /* Info */
}
.notice-tab.purple {
    background-color: #9932cc; /* Talk, Archives */
}
.notice-tab.yellow {
    background-color: #f4c430; /* Cleanup */
}
.notice-tab.orange {
    background-color: #f28500; /* Help */
}
.notice-tab.red {
    background-color: #b22222; /* Urgent */
}
/** Custom notice styles **/
/* COASTER-net talk */
.notice-COASTERnet {
    background-color: #000;
    background-image: url('http://coasterpedia.net/w/images/e/ec/COASTER-net_and_swoosh.png');
    background-repeat: no-repeat;
    background-position: bottom right;
    color: #FFF;
}
.notice-COASTERnet a:link, .notice-COASTERnet a:visited {
    color: #FFC211;
}

/* === USERBOXES  === */
 
table.userbox { float:left; margin:0.2em; padding:0; border-width:1px; border-style:solid; }
table.userbox td.left, table.userbox td.right { text-align:center; vertical-align:middle; font-size:1.6em; padding:0; }
table.userbox td.main { padding:0 4px; vertical-align:middle; line-height:125%; font-size:0.9em; }

table.userbox { border-color:#aaa; background:#f8f8f8; }
table.userbox td.left, table.userbox td.right { background:#d8d8d8; }

/* User name highlighting */
/* admin - green */
a[href="/wiki/User:MontagnaMagica"] { color:#57AC19 !important; }
a[href="/wiki/User:Lachlan"] { color:var(--primary) !important; }
a[href="/wiki/User:Ashley"] { color:#57AC19 !important; }
a[href="/wiki/User:MattyMoo"] { color:var(--primary) !important; }
/* bots - red */
a[href="/wiki/User:LoopingStar"] { color:red !important; }
/* Sorts monobook text spacing problems */
#mw-content-text sup {
    line-height: 0;
}
/* ID for content only to be displayed in mobile. */
#mobile-only {display:none;} /* don't use. */
.mobile-only {display: none;} /* use this, not ID */
/*** Table cell format ***/
.table-header {
    background-image: url('http://coasterpedia.net/w/images/7/78/Background_strip.png');
    color:#FFF;
}
td.table-na {
    background: #ececec;
    color: grey;
    vertical-align: middle; 
    text-align: center
}
td.table-new {
    background: #9FF;
    color: black;
    vertical-align: middle;
    text-align: center;
}
td.table-yes {
    background: #90ff90;
    color: black;
    vertical-align: middle;
    text-align: center;
}
td.table-no {
    background: #ff9090;
    color: black;
    vertical-align: middle;
    text-align: center;
}
.interface-box {
    width: 100%;
    border-width:2px;
    border-color: #F0F0F0;
    border-radius: 3px;
}

/* Navbox */
.navbox {
    width:100%; 
    font-size:90%;
    text-align: center;
    background-color: #fff;
    border-spacing: 0;
    overflow: hidden;
    margin-top: 5px;
    border:1px solid rgba(0,0,0,.1);
    border-top:none;
}
.navbox-header {
    background-color:#60AE26;
    font-weight: bold;
    color:#FFFFFF;
    padding: 3px 0; /* Top/Bottom Left/Right */
}
.navbox-header a {
    color: #FFFFFF;
}
.navbox-subheader {
    background:#3366CC;
    width:100px;
    padding: 2px;
    color:#fff;
}
.navbox-test-subheader {
    background:#3366CC;
    padding-bottom: 1px;
    width:100px;
    float:left;
}

.navbox-new {
   width:100%;
   overflow:hidden;
}
.navbox-new-header {
   background-color:#60AE26;
   width:100%;
   text-align:center;
   color:#fff;
   font-weight:bold;
}
.navbox-new-image {
   width:200px;
   float:right;
}
.navbox-new-row {
   border-collapse:collapse;
}
.navbox-new-subheading {
   background-color:#3366CC;
   width:100px;
   color:#fff;
   font-weight:bold;
   text-align:right;
}
/* Record holder boxes (Template:Record holder) */
.record-holder {
    width: 60%;
    min-width: 500px;
    margin-top: 5px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display:table;
}
.record-holder-record-mobile {
    display: none;
}
.record-holder-preceded, .record-holder-succeeded {
    width: 30%;
}
.record-holder-record {
    width: 40%;
}
.record_holder {
    width: 60%;
    min-width: 500px;
    margin-top: 5px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.record_holder-preceded, .record_holder-succeeded {
    width: 30%;
}
.record_holder-preceded {
    float: left;
}
.record_holder-succeeded {
    float: right;
}
.record-holder-record {
    width: 40%;
}
/* Hide link icons */
.hide-link-icons a.external {
    background:none !important;
    padding: 0px !important;
}
.long-list {
    -webkit-column-width: 200px;
    -moz-column-width: 200px;
    column-width: 200px;
}
.long-list li {
    page-break-inside: avoid; <!-- Firefox -->
    -webkit-column-break-inside:avoid;
    -moz-column-break-inside:avoid;
    column-break-inside:avoid;
    break-inside: avoid;
}
@media screen and (min-width: 1300px) {
    .long-list {
        -webkit-column-width: 250px;
        -moz-column-width: 250px;
        column-width: 250px;
    }
}

ul {
    list-style-type: disc;
}

.jump-to ul {  
   list-style-type:disc;
   margin:0 !important;
}
.jump-to li {
   display:inline;
}
.list-horizontal li {
	display:inline-block;
}
.list-horizontal li:before {
	content: '\00a0\2022\00a0\00a0';
	color:rgba(0,0,0,0.5);
}
.list-horizontal li:first-child:before {
	content: '';
}

.related-media-icon {
   background:url('http://coasterpedia.net/w/images/2/26/Photo_library.png');
   background-size:24px 24px;
   background-color:#60AE26;
}
#elementbox_title {
   color:#fff;
   text-align:left;
   font-size:18px;
}

/* YEARLY REFERENCE TEMPLATE */
.yr-section {
   background-color:#f9f9f9;
   float:left;
   border:1px solid #aaa;
}
.yr-section-header {
   background-color:#f2f2f2;
   text-align:center;
   font-weight:bold;
   border-bottom:1px solid #aaa;
}
.yr-section-header,
.yr-section-content {
   padding:0.2em 0.4em;
}
.yr-section:not(:last-child) {
   border-right:none;
}
#wpTextbox1 {
   -webkit-overflow-scrolling:touch; /* for iPad editing, thanks Apple */
}
.table-flag {
   margin-bottom:-0.2em;
   margin-top:-0.2em;
   height:27px;
}