Coasterpedia
Log in

MediaWiki:Refreshed.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
:root {
   --primary: #60AE26; /* green */
   --primary-highlight: #69be2a; /* bright green */
   --secondary: #006CB0; /* blue */
   --tiltawiki: #5D1E3D; /* tiltawiki primary */
}
/*remove ugly clear button from search bar */
input[type=submit], input[type=search], textarea {-webkit-appearance:none!important;-moz-appearance:none!important;}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {display: none;}

input[type=submit] {
   font-family:'Roboto', sans-serif;
   font-size:13px;
   text-transform:uppercase;
   font-weight:bold;
   background:none;
   border:none;
   border-radius:2px;
   height:32px;
   margin:0 8px;
   padding:0 8px;
   outline:none;
}
input[type=submit]:hover,
input[type=submit]:focus {
   background-color:#dddddd;
}
input[type=submit]:active {
   background-color:#cccccc;
}
/* HISTORY PAGE FORMATTING */
#pagehistory li {
   border-color:transparent; /* overwrites CSS built into mediawiki */
}
#mw-history-search input[type=submit] {
   float:right;
}
select, input:not([type]), input[type=number] {
   border-radius:2px;
   background:#fff;
   font-family:'Roboto', sans-serif;
}
input:not([type]), input[type=number] {
   background:none;
   border:none;
   border-radius:0;
   border-bottom:1px solid rgba(0,0,0,0.42);
   padding-bottom:4px;
   font-size:14px;
}
input:not([type=submit]):focus {
   border-bottom:2px solid var(--primary);
   outline:none;
   box-shadow:none;
}
#bodyContent {
   font-family:'Roboto', sans-serif;
   font-size:14px;
}
#bodyContent b {
   font-size:15px;
}
.header-button .username {
   font-family:'Roboto', sans-serif;
}
.header-menu,
#user-info .header-menu {
   background-color:white;
   border-radius:2px;
}
.header-dropdown-item:not(#pt-notifications) a {
   color:black !important;
   font-family:'Roboto', sans-serif;
}
.header-menu a:hover,
.header-menu a:focus {
   background-color:#eee;
   outline:none;
}
#user-info .header-menu a {
   text-align:left;
}
.avatar-no-socialprofile.wikiglyph-user-sleep,
.avatar-no-socialprofile.wikiglyph-user-smile,
.wikiglyph-magnifying-glass {
line-height: 2em;
}
body {
    background-color: #f1f3f4;
}
.fixed-toolbox {
   top:64px;
}
.oo-ui-toolbar {
   margin:0 !important;
}
.ve-ui-toolbar-floating > .oo-ui-toolbar-bar {
   top:64px !important;
}
#main-title-messages {
   display:block;
   border-bottom:none;
}
#header-wrapper {
    background:var(--primary); /* bg-color/gradient of header web component */
    height:64px; /* desktop height */
    box-shadow: 0 2px 5px rgba(0,0,0,0.26);
}
#fade-overlay {
   background-color:rgba(0,0,0,0.5) !important;
}
#content-wrapper {
   top:64px !important;
   background-color:#fafafa;
   margin-right:0;
   border-bottom:none;
}
#site-info-main a.main,
.header-button {
   padding:0 !important;
}
.header-button:hover, 
.header-dropdown-item:hover, 
.header-button-active, 
.sitedropdown-highlighted, 
.dropdown-highlighted {
    background-color:var(--primary-highlight); /* bg-color of header items and dropdown menus */
    color: #fff; /* content/text color of header items and dropdown menus */ 
}
#sidebar-wrapper {
   border-right:1px solid #e0e0e0;
   background-color:#fff;
}
#sidebar {
   top:64px;
   font-size:14px;
}
#sidebar li,
#sidebar .main {
   font-family:'Roboto',sans-serif;
   text-transform:initial;
   color:#212121;
}
section .search {
   height:100%;
}
#sidebar .main {
   font-weight:700;
   padding:15px 0 15px 22px;
}
#sidebar a,
#sidebar a:hover,
#sidebar a:active,
#sidebar a:focus {
   color:#212121;
   margin-left:0;
   border-left:none;
   line-height:33px;
   padding-left:46px;
   font-size:13px;
}
#sidebar li:active {		
	background-color:#eee;		
	margin:0;		
}
#searchInput {
   font-family:'Roboto',sans-serif;
   height:30px;
   color:white;
   background:transparent;
   border-bottom:2px solid #fff;
   padding:0.25em 0.25em 0.25em 0;
}
#sidebar a:hover {
   background-color:#e0e0e0;
}

#searchInput:focus {		
   outline:none;		
}
#searchInput::-webkit-input-placeholder {
   color:rgba(255, 255, 255, 0.84);
   font-size:16px;
   font-weight:400;
}
#searchInput:-ms-input-placeholder {
   color:rgba(255, 255, 255, 0.84);
   font-size:16px;
   font-weight:400;
}
#searchInput::-ms-input-placeholder {
   color:rgba(255, 255, 255, 0.84);
   font-size:16px;
   font-weight:400;
}
#searchInput::placeholder {
   color:rgba(255, 255, 255, 0.84);
   font-size:16px;
   font-weight:400;
}

#searchInput::-moz-placeholder {
   color:rgba(255, 255, 255, 0.84);
   font-size:16px;
   font-weight:400;
}
/*** Styling header inside top bar ***/
#firstHeading {
    position:fixed;
    top:0;
    font-size:18px;
    line-height:64px;
    margin:0 0 0 12em !important;
    color:#fff;
    font-family:'Roboto', sans-serif;
    overflow-x:auto;
    height:64px;
}
#footer {
   font-family:'Roboto', sans-serif;
   font-size:14px;
   color:#5f6368;
}
/* TABLET CSS */
@media (min-width:601px) and (max-width:800px) {
   /* Remove the sidebar on edit pages when the screen is small */
   .action-edit #sidebar-wrapper,
   .action-submit #sidebar-wrapper {
      display:none;
   }
   .action-edit #content-wrapper,
   .action-submit #content-wrapper {
      margin-left:0;
   }
   .action-edit .standard-toolbox,
   .action-submit .standard-toolbox {
      left:0;
   }
}
@media (min-width:601px) and (max-width:1000px) {
   #header-wrapper .search-form {
      background-color:var(--primary);
      padding:0;
      z-index:1;
      top:0;
   }
}
/* styling for phones and smaller tablets */
@media (max-width: 600px) {
   .mobile-min-width {
      width:1200px;
   }
   .mobile-fullwidth {
      width:100% !important;
   }
   .footer-row-item {
      display:inline;
   }
   #footer {
      font-size:12px;
   }
   .action-edit #footer,
   .action-submit #footer,
   .action-edit .editpage-head-copywarn,
   .action-submit .editpage-head-copywarn,
   .action-edit .templatesUsed,
   .action-submit .templatesUsed,
   .infobox-new-header {
      display:none;
   }
   #firstHeading {
        margin:0 !important;
        top:0;
        right:96px;
        left:54px;
	line-height:56px !important;
	overflow-x:auto;
	white-space:nowrap;
	height:56px !important;
   }
   .header-button, .header-button .wikiglyph, #user-info .header-button { /* These overcome specific targets in 
      the skin CSS */
      line-height:56px !important;
      height:56px;
      width:48px;
      font-size:24px;
   }
   #firstHeadingContainer {
      overflow-x:auto;
   }
   #content-wrapper {
      top:56px !important;
   }
   /*** MOBILE SIDEBAR ***/
        .main img {
           width:158px;
           height:56px;
        }
        #sidebar-logo {
           padding:0;
        }
	.sidebar-open .sidebar-shower {		
	   transition:none;
           display:none;
	}
        .sidebar-shower {
           background-color:var(--primary);
           right:-52px;
           transition:none;
        }
        #sidebar-wrapper {
           background-color:#fff;
           left:calc(-15em - 1px);
        }
	#sidebar {
                top:55px !important; /* height of header - 1 pixel */
		border-top:1px solid #e0e0e0;		
		color:#000;
                font-size:13px;
		-webkit-user-select:none;
		-moz-user-select:none;
		user-select:none;
	}
        #sidebar a {		
		color:#333;		
		margin:0;	
		padding-left:46px;		
		line-height:33px;		
		-webkit-tap-highlight-color: rgba(0,0,0,0);
                display:block;	
	}		
	#sidebar .main {		
		padding-top:12px;		
		padding-bottom:12px;		
		padding-left:22px;
	}		
	#sidebar li {		
		padding:0;		
		margin:0;
	}
        #searchInput { /* header search box */
		width: 100%;
		height: 100%;
	 	font-size: 1.25em;
	  	background-color:var(--primary);
	  	color:#fff;
                border-bottom:none;	
	}
	#searchInput::-webkit-input-placeholder {		
		color:#fff;		
		opacity:0.8;		
	}		
	#searchInput::-moz-placeholder {		
		color:#fff;		
		opacity:0.8;		
	}
}
/* VERY SMALL PHONES - iPhone <6, SE, small Androids */
@media screen and (max-width:320px) {		
	#sidebar a {		
		padding-top:7px;		
		padding-bottom:7px;		
	}		
	#sidebar .main {		
		padding-top:7px;		
		padding-bottom:7px;		
	}
        .elementbox-wide {
           width:100% !important;
           margin:0;
           float:initial;
        }
}
#firstHeading {
   margin:0;
   padding:0;
}
.main-header-button {
   height:64px;
   padding:0;
   line-height: 64px;
}
#header .search {
   height:40px !important;
   padding:12px !important;
}
.avatar-no-socialprofile,
.arrow {
   height:64px;
   line-height:64px ;
}
.username {
   line-height:64px !important;
}
#MetricImperial, #DateConvert {
   background-color:#fafafa;
   border:none;
   font-weight:bold;
   font-family:'Roboto', sans-serif;
   text-transform:uppercase;
   color:var(--primary);
}
#MetricImperial::before {
   content: "Switch to: ";
   color:black;
   text-transform:none;
}
.editButtons input {
   border:none;
   background:none;
   color:#000;
   border-radius:2px !important;
   text-transform:uppercase;
   font-weight:bold;
   font-family:'Roboto', sans-serif;
   min-width:88px;
   height:36px;
   font-size:14px;
   margin:0 4px;
   padding:0 8px;
}
.editButtons input:hover,
.editButtons input:focus {
   background-color:rgba(153,153,153,0.2);
   outline:none;
}
.editButtons input:active {
   background-color:rgba(153,153,153,0.4);
   outline:none;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button {
   background-color: var(--primary) !important;
   color:#fff;
   box-shadow:0 3px 6px rgba(0,0,0,0.23);
   border:none;
}
#wpSave:hover,
#wpSave:focus,
#wpSave:active {
   background-color: var(--primary);
}
#wpSave:active {
   box-shadow:0 10px 10px rgba(0,0,0,0.22);
}
#maintitlemessages {
    margin-top: -3px;
}
div.thumbinner {
   padding-top:0px !important;
   border:none !important;
   background:#fff !important;
   border-radius:2px;
}
.action-edit textarea,
.action-submit textarea,
.mw-summary {
    font-size:15px;
    resize:none;
}
.loginsignup {
    display: none !important;
}
#userinfo > a:hover {
	background-color: #5FB919;
	color: #CCC;
}
#userinfo .headermenu {
	background-color: rgb(96, 174, 38);
	background-color: rgba(96, 174, 38, 0.8);
}
.headermenu a:hover {
	opacity: 1;
	background-color: #5FB919;
	text-decoration: none;
}
.suggestions .header-suggestions {
   display:block !important;
   z-index:10001;
}
.header-suggestions {
   font-family:'Roboto', sans-serif;
   border-radius:2px;
}
.header-suggestions .suggestions-result:hover,
.header-suggestions .suggestions-result:focus {
   background-color:#eee;
   color:black;
   outline:none;
}
.suggestions-result {
   border-bottom:none;
   font-size:16px;
}
textarea {
   border-radius: 2px !important;
}
@media screen and (width:768px) and (height:1024px), /* tablets */
       screen and (max-width:600px) {
       .action-edit textarea,
       .action-submit textarea {
        width: 100%;
        font-family:monospace;
    }
}
/* Display text below main article header, located at MediaWiki:tagline */
#siteSub {
    display: inline;
    font-size: 0.8em;
}
.infobox {
    margin-right: 0;
}
/* Styling for phones only */
/* use mobile styles on templates and skin on devices with screen resolution <600px
   use mobile styles on skin but tablet styles on devices with screen resolution 600px eg Tesco Hudl
   anything larger use tablet skin */
@media screen and (max-width: 599px) {
   .header-suggestions {
      font-size:12px !important;
      top:61px !important;
   }
   .infobox-video {
      width: 100%;
   }
   .infobox-old {
       width: 100%;
       margin: 5px 0; /* Top/Bottom, Left/Right */
   }
    .infobox, 
    .infobox-new {
    width: 100% !important;
    margin: 8px 0; /* Top/Bottom, Left/Right */
    }
    .restricted {
       width:100% !important;
       margin-bottom:8px
    }
    .mw-gallery-traditional .gallery {
        width: 100%;
    }
    .mw-gallery-traditional .gallerybox {
        width:45% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    .mw-gallery-traditional .gallerybox > div {
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    .mw-gallery-traditional .thumb {
        width: 100% !important;
        background: none !important;
        border: none !important;
        margin: 0 !important;
    }
    .mw-gallery-traditional .thumb > div,
    .rcoptions {
        margin: 0 !important;
    }
    .mw-gallery-traditional img {
        width: 100% !important;
        height: auto !important;
    }
}
@media screen and (max-width: 600px) {
   #header-wrapper {
      height:56px;
   }
   .header-button {
      background-position:center;
      background-size:30px !important;
      background-repeat:no-repeat;
   }
   #firstHeader {
      margin-left:56px !important;
      line-height:56px !important;
      font-size:20px !important;
      overflow-x:auto;
      white-space:nowrap;
      height:56px !important;
   }
   #header .search {
      padding:0 !important;
      height:56px !important;
   }
   #header {
      height:56px !important;
   }
#content {
   top:56px !important;
}
.park-present,
.park-former {
   display:inline;
   margin-left:-1em !important;
   margin-right:-1em !important;
   background:none !important;
   border:none !important;
   width:100%;
}
.park-present td, 
.park-former td {
   display:inline;
   border:none !important;
}
.park-present td:nth-child(1)::after,
.park-former td:nth-child(1)::after,
.park-present td:nth-child(2)::after,
.park-former td:nth-child(2)::after {
   content:",";
}
.park-present td:nth-child(3)::before,
.park-former td:nth-child(3)::before {
   content:"Type: ";
}
.park-present thead,
.park-former thead {
   display:none;
}
.nomarginsonphones { /* for elements tight on space, claim more space on phones */
   margin-left:-1em !important;
   margin-right:-1em !important;
}
.main-page-column {
   width:100% !important;
}
    .navbox-content select {
       width:100%;
       background:none;
       border:none;
       font-size:1.5em;
    }
    .wide-table td:nth-child(2)::before   {
       content: " at  ";
    }
    .wide-table {
       border:none !important;
       background:none !important;
    }
    .wide-table thead {
       display:none;
    }
    .wide-table td {
       display:inline;
       background:none !important;
       border:none !important;
    }
    .wide-table tr {
       background:none;
       border:none;
       display:list-item;
       padding:1em 0;
       border-bottom:1px solid #f0f0f0;
    }
    .wide-table .table-na {
       display:none;
    }
    .record-holder {
        width:100%;
        margin-left:0;
        margin-right:0;
        min-width:0;
    }
    .record-holder-preceded, .record-holder-succeeded {
    width: 50%;
    }
    .record-holder-record-mobile {
        display: table-row;
    }
    .record-holder-record {
        display: none;
    }
    .mobile-only {
        display: inline;
    }
    .navbox td, .navbox th {
        display:block;
        width:100%;
    }
    .thumb {
        margin-bottom: 0;
    }
    .navbox {
        max-width: 100%;
    }
    /* Notice templates */
    .notice {
        width: 100%;
        text-align: center;
        background: none;
        color: #000;
        border: none;
    }
    /* Edit page styles */
    .action-edit #contentwrapper {
        top: 0;
    }
    .mw-editform #editpage-copywarn {
       font-size:0.7em;
    }
    #siteSub,
    #toolbar,
    .nomobile,
    .mw-editTools,
    #emoticon-board,
    .action-edit #header,
    .action-edit #leftbar,
    .action-edit #rightbar,
    .action-submit #header,
    .action-submit #leftbar,
    .action-submit #rightbar
    .action-edit #siteSub,
    .action-edit #localNotice,
    .action-submit #localNotice,
    .action-submit #siteSub
    .record-table .table-na,
    #mw-delete-table legend,
    .location-hide {
      display:none;
    }
    #editform textarea,
    .mw-summary,
    #wpDeleteReasonRow input {
        font-size:17px; /* Prevents zooming in while typing */
        border-radius: 0;
        margin:0 !important;
    }
    #wpDeleteReasonRow input {
        width:90%;
    }
    #mw-delete-table {
        padding:0;
        border:none;
    }
    #mw-deleteconfirm-table td {
        display:inline;
    }
    .editOptions,
    .editCheckboxes {
        background: none;
        border: none;
        margin-bottom: 0;
        padding: 0;
    }
    .action-edit #footer,
    .action-submit #footer {
        top:0;
    }
    #wpSave {
        margin-left:0; /* overriding default style */
    }
    .mw-history-compareselectedversions-button,
    .mw-history-revisiondelete-button {
        width: 100%;
    }
    .wide-image {
        max-width: 100%;
        overflow: auto;
    }
    /* Remove columns on category pages */
    #mw-subcategories td, #mw-pages td {
        position: relative;
        float:left;
        clear:both;
        text-align:left;
        width: 100% !important;
    }
    /* Main page formatting */
    #main_page-column_left, #main_page-column_right {
        width: 100%;
    }
    .long-list {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
    .mw-special-Recentchanges legend {
        padding: 0;
    }
   #maintitlemessages {
      padding-left: 0;
   }
   .record-table th,
   .record-table td {
      display:inline;
      border:none !important;
      background:none !important;
      line-height:1.25;
   }
   .record-table {
      background:none !important;
      border:none !important;
   }
   .record-table tr {
      display:block;
      padding:1em 0;
      border-bottom:1px solid #f0f0f0;
   }
   .record-table .amusement-park-name::before {
      content: "at ";
   }
   .record-table-duration::before {
      content: "Record held from ";
   }
   .record-table .location-name::before {
      content: "in ";
   }
   .wikiglyph-magnifying-glass {
      line-height:56px !important;
   }
   .yr-section {
      width:calc(25% - 2px);
   }
.page-Coasterpedia_The_Roller_Coaster_Wiki #small-toolbox-wrapper {
   display:none;
}
#small-toolbox-wrapper {
   font-size:24px;
   height:48px;
}
.small-toolbox {
   width:100%;
   -o-transition:none;
   -moz-transition:none;
   -webkit-transition:none;
   transition:none;
}
.small-tool i {
   line-height:48px;
}
a.small-tool {
   color:#202124;
   padding:0 12px;
}
}
/** Preferences formatting **/
.mw-special-Preferences .selected {
    font-weight: bold;
    pointer-events: none;
    cursor: default;
    color: black;
}
/* Category links */
#catlinks {
    margin-top:1em !important;
    border-radius:2px;
    padding:0 0.5em 0 0.5em;
    background-color:#fff;
}
.boxshadow,
#contentwrapper,
.infobox,
.navbox,
#catlinks,
.main-page-box,
.thumb,
.record-holder,
.header-menu,
.wikitable.material-design tbody {
   box-shadow:0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
}
.editOptions {
   background: none;
   border: none;
}
h1 {border-bottom:none; margin-bottom:0 !important;}
h2 {border-bottom:none;}
h2, h3, h4, h5, h6 {
    font-family:'Roboto', sans-serif;
}
h2 {
    color:var(--primary);
    margin-top:40px;
    margin-bottom:15px;
    font-size:24px;
    line-height:32px;
    font-weight:400;
}
h3, h4, h5, h6 {
    font-size:16px;
    font-weight:bold !important;
    line-height:24px;
    color:rgb(33, 33, 33);
}
#contentwrapper {
    background-color: #fafafa;
}
#contentwrapper p {
   font-family:'Roboto', sans-serif;
   line-height:1.5;
   color:rgba(0, 0, 0, 0.71);
}
.mw-editsection-bracket {
   display:none;
}
table.wikitable.material-design {
   margin:0;
   padding-bottom:10px;
}
.wikitable.material-design tbody {
   border:none !important;
   background:#fff;
   border-radius:2px;
}
.wikitable.material-design td,
.wikitable.material-design th {
   border:none;
   background:none;
}
.wikitable.material-design tr {
   border-bottom:1px solid rgba(0, 0, 0, 0.16);
   height:46px;
}
.wikitable.material-design th {
   font-family:'Roboto', sans-serif;
   color:rgba(0, 0, 0, 0.54);
   font-size:12px;
}
.wikitable.material-design td {
   font-size:13px;
   font-family:'Roboto', sans-serif;
   color:rgba(0, 0, 0, 0.87);
}
#wpSummary {
   border:none;
   background:none;
   border-bottom:2px solid #f0f0f0;
   font-family:'Roboto', sans-serif;
   margin:0;
}
.wide-content {
   max-width:100%;
   overflow-y:auto;
}
/* LOCATION STUFF (Template:Location) */
.location-none {
   display:none;
}
@media screen and (max-width:1599px) {
   .location-tiny {
     display:none;
   }
   .location-small {
      display:none;
   }
}
@media screen and (max-width:1399px) {
   .location-medium {
      display:none;
   }
}
@media screen and (max-width:1099px) {
   .location-large,
   .notlarge {
      display:none;
   }
}
fieldset {
   border:1px solid rgba(0,0,0,.12);
   border-radius:2px;
}
table.wikitable.record-holder.boxshadow {
   display:table !important; /* overriding code in the refreshed skin that is useful for other tables but not this one */
}

/* Change editbox size depending on screen height */
@media screen and (max-width:320px) and (max-height: 480px) {
    #editform textarea {
        height: 220px;
    }
}
@media screen and (max-width:600px) and (min-height: 481px) and (max-height:619px) {
    #editform textarea {
        height: 320px;
    }
}
@media screen and (max-width:600px) and (min-height: 620px)  {
    #editform textarea {
        height: 430px;
    }
}

@media (min-width:1001px) {
    #footer {
       margin:0 1em 0 200px;
   }
}
#footer {   
    top:5em;
}
#footer a {
   color:#202124;
}

#mw_metadata .collapsed {
   visibility:visible;
}

.sitedir-ltr .mw-dismissable-notice-body {
   margin:0;
}