MediaWiki:Wikia.css

/*      */ /* Fonts */ /*      */ /* Khand, for big numbers */ @font-face { font-family: Khand; font-weight: normal; src: url(https://vignette.wikia.nocookie.net/asphalt/images/b/b6/Khand-Regular.ttf); } @font-face { font-family: Khand; font-weight: bold; src: url(https://vignette.wikia.nocookie.net/asphalt/images/b/b1/Khand-Bold.ttf); } /* Rajdhani, Asphalt 9 font */ @font-face { font-family: Rajdhani; font-weight: normal; src: url(https://vignette.wikia.nocookie.net/asphalt/images/5/57/Rajdhani-Regular.ttf); } @font-face { font-family: Rajdhani; font-weight: bold; src: url(https://vignette.wikia.nocookie.net/asphalt/images/8/87/Rajdhani-Bold.ttf); } @font-face { font-family: Rajdhani; font-weight: 600; src: url(https://vignette.wikia.nocookie.net/asphalt/images/7/73/Rajdhani-SemiBold.ttf); } @font-face { font-family: Rajdhani; font-weight: 500; src: url(https://vignette.wikia.nocookie.net/asphalt/images/b/b5/Rajdhani-Medium.ttf); } /* Accidental Presidency, Asphalt 8 font */ @font-face { font-family: Accidental-Presidency; src: url(https://vignette.wikia.nocookie.net/asphalt/images/9/92/Accidental_Presidency.ttf); } /* Monkirta Pursuit NC, Asphalt 8 racing screen font */ @font-face { font-family: Monkirta-Pursuit; src: url(https://vignette.wikia.nocookie.net/asphalt/images/c/cd/Monkirta_Pursuit_NC.ttf); } /* Asphalt Offroad, Asphalt Xtreme font */ @font-face { font-family: Asphalt-Offroad; src: url(https://vignette.wikia.nocookie.net/asphalt/images/1/12/AsphaltOffroad.ttf); } /* Hemi Head Bold Italic, Asphalt 6 font */ @font-face { font-family: Hemi-Head; src: url(https://vignette.wikia.nocookie.net/asphalt/images/3/39/Hemi_head_bd_it.ttf); } /* Font classes */ .font-bignumbers, .khand { font-family: Khand, "Helvetica Narrow", "Arial Narrow", Arial, Helvetica, sans-serif; font-weight: bold; } .font-a9, .rajdhani { font-family: Rajdhani, "Helvetica Narrow", "Arial Narrow", sans-serif; font-size: 110%; } .font-a8, .accidental-presidency { font-family: Accidental-Presidency, "Helvetica Narrow", "Arial Narrow", sans-serif; font-size: 120%; letter-spacing: 0.01em; /* space between characters is too condensed */ } .font-a8-race, .monkirta-pursuit { font-family: Monkirta-Pursuit, sans-serif; font-size: 120%; } .font-ax, .asphalt-offroad { font-family: Asphalt-Offroad, sans-serif; } .font-a6, .hemi-head { font-family: Hemi-Head, sans-serif; font-size: 105%; }

/*        */ /* Colours */ /*        */ /* Background */ .background-a8, .table-a8 th, .newstag-a8, .newstag-a8 a:link, .newstag-a8 a:visited, .newstag-a8 a:hover, .newstag-a8 a:active { background-color: #b01410; /* A8 red */ } .tabber-a8 .tabbernav li > a:active, .tabber-a8 .tabbernav li.tabberactive > a, .tabber-a8 .tabbernav li.tabberactive > a:hover, .tabber-a8 .tabbernav li.tabberactive > a:active { background-color: #d03430; /* A8 red lighter */ } .background-a9-highlight, .table-a9 th, .newstag-a9, .newstag-a9 a:link, .newstag-a9 a:visited, .newstag-a9 a:hover, .newstag-a9 a:active { background-color: #ff0054; /* A9 pink */ } .background-a9 { background-color: #030b20; /* A9 dark blue */ } .background-statistics, .table-statistics th, .newstag-statistics, .newstag-statistics a:link, .newstag-statistics a:visited, .newstag-statistics a:hover, .newstag-statistics a:active { background-color: #045b77; /* statistics blue */ } .background-wiki, .newstag-wiki, .newstag-wiki a:link, .newstag-wiki a:visited, .newstag-wiki a:hover, .newstag-wiki a:active { background-color: #fdc357; /* wiki yellow */ } .background-wiki-transparent { background-color:rgba(253,195,87,.8) /* wiki yellow */ } .background-editors, .newstag-editors, .newstag-editors a:link, .newstag-editors a:visited, .newstag-wikeditorsi a:hover, .newstag-editors a:active { background-color: grey; /* grey */ } .background-table-grey, .tabs-dropdown-content { background-color: #2c2a2a; /* toned grey for wiki tables */ } .background-table-darkgrey, .table-a8 td, .table-a9 td, .table-statistics td { background-color: #1c1a1a; /* toned dark grey for wiki tables */ } /* Text */ .newstag-a8, .newstag-a8 a:link, .newstag-a8 a:visited, .newstag-a8 a:hover, .newstag-a8 a:active, .newstag-statistics, .newstag-statistics a:link, .newstag-statistics a:visited, .newstag-statistics a:hover, .newstag-statistics a:active, .link-white a:link, .link-white a:visited, .link-white a:hover, .link-white a:active { color: rgb(213, 212, 212); /* "white" from */ } .link-wiki, .tabs-dropdown-button, .link-dropdown-button { color: rgb(211, 105, 31); /* "orange" link from wiki */ } .color-wiki, .newstag-a9, .newstag-a9 a:link, .newstag-a9 a:visited, .newstag-a9 a:hover, .newstag-a9 a:active, .newstag-wiki, .newstag-wiki a:link, .newstag-wiki a:visited, .newstag-wiki a:hover, .newstag-wiki a:active, .newstag-editors, .newstag-editors a:link, .newstag-editors a:visited, .newstag-editors a:hover, .newstag-editors a:active, .link-black a:link, .link-black a:visited, .link-black a:hover, .link-black a:active { color: black; /* black */ } .color-a8-highlight { color: #faa706; /* A8 yellow */ } .color-a9-highlight { color: #ff0054; /* A9 pink */ }

/*       */ /* Tables */ /*       */ .table-a8, .table-a9, .table-statistics { border-collapse: collapse; font-size:85%; margin: 1em 1em 1em 0; } .table-a8 th, .table-a8 td, .table-a9 th, .table-a9 td, .table-statistics th, .table-statistics td { border: 0 solid transparent; background-clip: padding-box; } .table-a8 th, .table-a8 td, .table-a9 td, .table-statistics th, .table-statistics td { padding: 1px 7px; } .table-a9 th { padding: 1px 7px 0 7px; font-family: Rajdhani, "Helvetica Narrow", "Arial Narrow", sans-serif; font-weight: 600; font-size: 110%; text-transform: uppercase; color: white; } /* .table-a8 tr > td + td, .table-a9 tr > td + td { border-left-width: 2px; } .table-a8 tr + tr > td, .table-a9 tr + tr > td, .table-statistics tr + tr > td { border-top-width: 2px; } .table-a8 tr > th + th, .table-a9 tr > th + th, .table-statistics tr > th + th { border-left-width: 2px; } .table-a8 tr + tr > th, .table-a9 tr + tr > th, .table-statistics tr + tr > th { border-top-width: 2px; }

/*                   */ /* Tabs dropdown menu */ /*                   */ /* Style the dropdown button */ .tabs-dropdown-button { cursor: pointer; } /* The container cell - needed to position the dropdown content */ .tabs-dropdown-cell { position: relative; } /* Dropdown content (hidden by default) */ .tabs-dropdown-content-left, .tabs-dropdown-content-right { display: none; position: absolute; min-width: calc(100% + 6px); box-shadow: 4px 4px 4px 0 rgba(0,0,0,0.8); z-index: 10; /* slideshow galleries have 1, who knows what else has z-index >0 */ margin-top: 7px; background-color:black; border-right: 3px solid black; border-bottom: 3px solid black; border-left: 3px solid black; } .tabs-dropdown-content-left { left: -6px; } .tabs-dropdown-content-right { right: -6px; } /* Links inside the dropdown */ .tabs-dropdown-content-left a, .tabs-dropdown-content-right a, .tabs-dropdown-content-left .selflink, .tabs-dropdown-content-right .selflink { display: block; margin-top: 3px; /**/ } .tabs-dropdown-content-left a, .tabs-dropdown-content-right a{   padding: 6px 12px; background-color: #2c2a2a; } .tabs-dropdown-content-left .selflink, .tabs-dropdown-content-right .selflink { padding: 3px 12px; border: 3px solid #2c2a2a; background-color: black; } /* Change color of dropdown links on hover */ .tabs-dropdown-content-left a:hover, .tabs-dropdown-content-right a:hover { /* background-color: #4c4949; */ } /* Show the dropdown menu on hover */ .tabs-dropdown-cell:hover .tabs-dropdown-content-left, .tabs-dropdown-cell:hover .tabs-dropdown-content-right { display: block; }

/*                   */ /* Link dropdown menu */ /*                   */ /* Style the dropdown button */ .link-dropdown-button { cursor: pointer; } /* The container - needed to position the dropdown content */ .link-dropdown { position: relative; } /* Dropdown content (hidden by default) */ .link-dropdown-content-left, .link-dropdown-content-right { display: none; position: absolute; min-width: calc(100% + 6px); box-shadow: 4px 4px 4px 0 rgba(0,0,0,0.8); z-index: 10; /* slideshow galleries have 1, who knows what else has z-index >0 */ padding: 6px 9px; background-color: black; border: 1px solid #333333; } .link-dropdown-content-left { left: -4px; } .link-dropdown-content-right { right: -4px; }

/* Links inside the dropdown */ .link-dropdown-content-left a, .link-dropdown-content-left .selflink { display: block; text-align: left; } .link-dropdown-content-right a, .link-dropdown-content-right .selflink { display: block; text-align: right; }

/* Show the dropdown menu on hover */ .link-dropdown:hover .link-dropdown-content-left, .link-dropdown:hover .link-dropdown-content-right { display: block; }

/*          */ /* News tags */ /*          */ .newstag-a8, .newstag-a9, .newstag-statistics, .newstag-wiki, .newstag-editors { font-size: 80%; font-weight: bold; padding: 0 3px; text-decoration: none; } .newstag-a8 a:hover, .newstag-a9 a:hover, .newstag-statistics a:hover, .newstag-wiki a:hover, .newstag-editors a:hover { text-decoration: none; }

/*          */ /* Blog list */ /*          */ .mainpage .WikiaBlogListing .avatar { display: none; /* remove user image */ } .mainpage .WikiaBlogListing .author-details { margin: 0 0 7px 0; font-size: 85%; color: darkgrey; line-height: 1.2em; } .mainpage .WikiaBlogListing .author-details span a { font-weight: normal; } .mainpage .WikiaBlogListing ul { margin-left: 35px !important; padding: 0 !important; } .mainpage .WikiaBlogListing h2 { font-size: 14px !important; /* format title */ font-weight: bold !important; margin-right: 0 !important; padding-bottom: 0 !important; line-height: 1.2em !important; } .mainpage .WikiaBlogListing .post-summary { display: none !important; /* remove "read more" which remains even if summary=false */ /* font-size:85% !important; */ /*uncomment if summary is displayed */ } .mainpage .WikiaBlogListing .commentslikes { display: none !important; /* remove comment bubble */ } .mainpage .WikiaBlogListingPost { border-bottom: none !important; list-style-type: square !important; padding: 0 !important; /*margin-bottom:6px !important; line-height will do the job*/ }

/*                     */ /* Recent wiki activity */ /*                     */ .mainpage .activity-type-edit, .mainpage .activity-type-new, .mainpage .activity-type-categorization { list-style-type:square !important; font-size: 14px !important; margin-left: 10px !important; margin-bottom: 9px !important; } .mainpage .activity-type-edit cite:before, .mainpage .activity-type-new cite:before, .mainpage .activity-type-categorization cite:before { content: ' '; /* add line break before date */ display: block; } .mainpage .activity-type-edit cite, .mainpage .activity-type-new cite, .mainpage .activity-type-categorization cite { color: darkgrey; font-size: 85% !important; } .mainpage .activity-type-edit cite .activityfeed-diff, .mainpage .activity-type-categorization cite .activityfeed-diff { display: none !important; /* remove trailing image */ } .mainpage .activity-type-edit .sprite, .mainpage .activity-type-new .sprite, .mainpage .activity-type-categorization .sprite { display: none !important; /* remove leading image */ }

/* Make all headers in page content bold so the ''' orgies come to an end */ .mw-headline { font-weight:bold !important; }

/* Make h5 and h6 not smaller than plain text */ h5, h6 { font-size:100% !important; }

/* Cut corner appearance for dash board panels */ .cut-corner-left { position: relative; } .cut-corner-left:before { content: ''; position: absolute; top: 0; left: 0; border-bottom: 10px solid transparent; border-left: 10px solid black; width: 0; }

/*        */ /* Tabbers */ /*        */ /* Main tabber */ .tabberlive { /* tabber wrapper style */ margin-top: 12px; } .tabbertab:not(.tabbertabhide) { /* tabber visible content */ background-color: black !important; border: 3px solid #2c2a2a !important; } .tabberlive ul { /* remove the extra line under the tabs */ border-bottom: none !important; } .tabbernav li > a { /* tabber tabs */ color: grey !important; background-color: #2c2a2a !important; border-top: 3px solid #2c2a2a !important; border-right: 3px solid #2c2a2a !important; border-left: 3px solid #2c2a2a !important; border-bottom: none !important; margin-left: 0 !important; margin-right: 3px !important; padding: 3px 6px 6px 6px !important; } .tabbernav li > a:hover { /* tabber tabs when being hovered */ color: rgb(213, 212, 212) !important; /* "white" from */ background-color: #2c2a2a !important; } .tabbernav li > a:active { /* tabber tabs when being clicked */ color: rgb(213, 212, 212) !important; /* "white" from */ background-color: #2c2a2a !important; } .tabbernav li.tabberactive > a { /* selected tabber tab */ color: rgb(213, 212, 212) !important; /* "white" from */ background-color: black !important; } .tabbernav li.tabberactive > a:hover { /* selected tabber tab when being hovered */ color: rgb(213, 212, 212) !important; /* "white" from */ background-color: black !important; } .tabbernav li.tabberactive > a:active { /* selected tabber tab when being clicked */ color: rgb(213, 212, 212) !important; /* "white" from */ background-color: black !important; }

/* Simple tabber */ .simpletabber .tabberlive { /* tabber wrapper style */ /*background-color: blue !important;*/ } .simpletabber .tabbertab:not(.tabbertabhide) { /* tabber visible content */ margin-top: -9px; padding: 0 !important; border: none !important; } .simpletabber .tabbernav li > a { /* tabber tabs */ color: grey !important; background-color: #2c2a2a; font-size: 80%; } .simpletabber .tabbernav li > a:hover { /* tabber tabs when being hovered */ color: white !important; background-color: #2c2a2a; } .simpletabber .tabbernav li > a:active { /* tabber tabs when being clicked */ color: white !important; background-color: #6c6a6a; } .simpletabber .tabbernav li.tabberactive > a { /* selected tabber tab */ color: white !important; background-color: #6c6a6a; border-bottom: none; } .simpletabber .tabbernav li.tabberactive > a:hover { /* selected tabber tab when being hovered */ color: white !important; background-color: #6c6a6a; border-bottom: none; } .simpletabber .tabbernav li.tabberactive > a:active { /* selected tabber tab when being clicked */ color: white !important; background-color: #6c6a6a; border-bottom: none; }

/* Consistent size for, and */ small { font-size: 85%; } .mw-body-content sub, .mw-body-content sup, span.reference /* for Parsoid */ { font-size: 80%; }

/* Make the list of references smaller */ /* Keep in sync with Template:Refbegin/styles.css */ ol.references, div.reflist { font-size: 90%;           /* Default font-size */ margin-bottom: 0.5em; } div.reflist ol.references { font-size: 100%;          /* Reset font-size when nested in div.reflist */ margin-bottom: 0;         /* Avoid double margin when nested in div.reflist */ list-style-type: inherit; /* Enable custom list style types */ }

/* Unbulleted lists */ .plainlist ol, .plainlist ul { line-height: inherit; list-style: none none; margin: 0; } .plainlist ol li, .plainlist ul li { margin-bottom: 0; }

/*** Asphalt Wiki Body Background ****/ body { background: url("") no-repeat scroll center top #000 !important; background-attachment: fixed !important; background-size: cover !important;; } /*** Torq cursor commented out based on user poll User_blog:Guy_Bukzi_Montag/Poll:_Should_the_Torq_mouse_pointer_be_removed%3F /* a:link{ cursor: url('https://vignette.wikia.nocookie.net/asphalt/images/7/7d/A8WikiCursorHover.PNG/revision/latest?cb=20160204211225'), pointer; }

a:hover{ cursor: url('https://vignette.wikia.nocookie.net/asphalt/images/7/7d/A8WikiCursorHover.PNG/revision/latest?cb=20160204211225'), pointer; } /*** Asphalt Wiki Border Glow ***/ .mainpage .WikiaPage { border: 1px solid #58441F; -moz-box-shadow:0 0 30px #58441F; -webkit-box-shadow:0 0 30px ##58441F; box-shadow:0 0 30px #58441F; border-top: 1px solid #58441F; }

.WikiaPage { border: 1px solid #58441F; -moz-box-shadow:0 0 30px #58441F; -webkit-box-shadow:0 0 30px ##58441F; box-shadow:0 0 30px #58441F; border-top: 1px solid #58441F; } .oasis-split-skin .WikiaPage { border-top: 1px solid #58441F; } /*** Asphalt Wiki Custom Wiki Header ***/ .WikiHeader .accent a { color: #FFFFFF; }

.WikiHeader > .WikiNav { text-shadow: 0 1px rgba(0,0,0,0.9); text-decoration: none !important; -webkit-transition: text-shadow 0.1s linear 0s; -moz-transition: text-shadow 0.1s linear 0s; -ms-transition: text-shadow 0.1s linear 0s; -o-transition: text-shadow 0.3s linear 0s; transition: text-shadow 0.1s linear 0s; } .navbackground:after { background: url(https://vignette.wikia.nocookie.net/asphalt/images/c/ce/Asphalt_Wiki_NavEndPNG.png/revision/latest?cb=20150604061731); content: ""; display: block; height: 36px; position: absolute; right: -73px; top: -2px; width: 73px; } .navbackground:before { background: url(https://vignette.wikia.nocookie.net/asphalt/images/a/ad/Asphalt_Wiki_NavBefore.PNG/revision/latest?cb=20150604061137); content: ""; display: block; height: 31px; left: -10px; position: relative; top: 1px; width: 10px; } .WikiHeader .navbackground { background: url(https://vignette.wikia.nocookie.net/asphalt/images/2/2b/Asphalt_Wiki_NavMain.PNG/revision/latest?cb=20150604060317) repeat-x; height: 32px; left: -2px; top: 31px; width: 700px; margin-top: 0; } .navbackground .chevron, .navbackground div { display:none; } .WikiHeader > nav li { border: none; line-height: 33px; } .WikiHeader > nav li > a { border: none; margin: 0; outline: medium none; padding: 0 15px; } .WikiHeader > nav li.marked { background: url(https://vignette.wikia.nocookie.net/asphalt/images/5/57/Asphalt_Wiki_NavTab.PNG/revision/latest?cb=20150604060820) no-repeat; background-size: 100% 100%; height: 37px; border-radius: 0; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.7), 0 0 8px rgba(255, 255, 255, 1) !important; } .nav-item .subnav-2 { display: block !important; top: 31px !important; opacity:0; -webkit-transition: opacity 0.2s linear 0s; -moz-transition: opacity 0.2s linear 0s; -ms-transition: opacity 0.2s linear 0s; -o-transition: opacity 0.2s linear 0s; transition: opacity 0.2s linear 0s; } .nav-item.marked .subnav-2 { opacity: 1; z-index: 1; -webkit-transition: opacity 0.2s linear 0s; -moz-transition: opacity 0.2s linear 0s; -ms-transition: opacity 0.2s linear 0s; -o-transition: opacity 0.2s linear 0s; transition: opacity 0.2s linear 0s; } .WikiHeader > nav li.marked > a { border: none; color: white; margin: 0; padding: 0 15px; } .subnav-2-item.marked2 a { text-shadow: 0 1px 0 rgba(0, 0, 0, 0.7), 0 0 8px rgba(255, 255, 255, 1) !important; } .WikiHeader > nav li.marked a:hover, .WikiHeader > nav li.marked .subnav-2 > li a:hover { text-decoration: none !important; } /*** Asphalt Wiki Remove Cover Image/Hero Image Background Color ***/ .MainPageHero { background-color: transparent; } .image-window .hero-image { opacity: 1; } .MainPageHero .image-window picture::before { background-color: transparent; opacity: 0; } /*** Asphalt Wiki Removes Cover Image/Hero Image Gradient ***/ .MainPageHero .image-window picture::after { background-image: -webkit-linear-gradient(top, #000000 0%,#000000 0%); background-image: -webkit-gradient(linear,0% 0%,0% 0%,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,0))); background-image: -moz-linear-gradient(center top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%); background-image: -ms-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 0%); background-image: -o-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 0%); }