MediaWiki:Wikia.css

@import "/load.php?mode=articles&articles=u:dev:MediaWiki:FandomizedActivityFeed.css&only=styles";


 * root {

--activity-border-color: #71E3EF; --activity-icon-color: #71E3EF; --activity-dark-background-color: #i1112; }

/* dull #111111	#334455	#445599	#bbbbcc #777777 vibrant #111122	#446677	#4466dd #ffffff #999999 body { background-image: url("https://vignette.wikia.nocookie.net/jurassicworld-evolution/images/4/42/Background_Tile.png/revision/latest?cb=20180411231259"); background-repeat: repeat; }

@font-face { font-family: "Erbaum-Regular"; src: url("https://vignette.wikia.nocookie.net/jurassicworld-evolution/images/1/16/Erbaum-Regular.eot/revision/latest?cb=20180516005750") format("eot"), url("https://vignette.wikia.nocookie.net/jurassicworld-evolution/images/d/d1/Erbaum-Regular.woff/revision/latest?cb=20180516005802") format("woff"), url("https://vignette.wikia.nocookie.net/jurassicworld-evolution/images/c/c0/Erbaum-Regular.ttf/revision/latest?cb=20180516004853") format("truetype"); font-weight: normal; font-style: normal; }

/* For article title */ h1 { /* font-family: */ color: #71e3ef; text-transform: uppercase; }

h2 .mw-headline { color: #71e3ef; font-family: "Erbaum-Regular", Helvetica, Arial, sans-serif; text-transform: uppercase; }

h3 .mw-headline { color: #71e3ef; font-size: 16px; font-family: "Erbaum-Regular", Helvetica, Arial, sans-serif; text-transform: uppercase; }

/*Font settings*/ .WikiaPage .page-header__title { color: #71e3ef; font-family: "Erbaum-Regular", Helvetica, Arial, sans-serif; font-size: 31px; text-transform: uppercase; }

.wds-community-header { font-family: "Erbaum-Regular", Helvetica, Arial, sans-serif; }

.wds-community-header .wds-tabs__tab-label, .wds-community-header .wds-community-header__counter { color: #71e3ef; }

/* MediaWiki source code font */ .css.source-css .kw1 { color: white; }

/* darktable/wiktable style */ table.darktable, table.wikitable { background-color: #001029; background-image: -moz-linear-gradient(top, #001E3A 50%, transparent 50%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(50%, #001E3A), color-stop(100%, #001029)); border: 1px solid #4C6F8F; font-size:90%; padding:5px; }

table.darktable th, table.wikitable th { background-color:#001E3A; padding:0 0.5em; }

table.darktable caption, table.wikitable caption { font-size:120%; font-weight:700; }

table.darktable tr:not(:first-child) th, table.wikitable tr:not(:first-child) th { background-color:#001E3A; }

.article-table { border-radius: 10px 10px 15px 15px; overflow: hidden; }

/* Hover utton design */ .mpbutton { box-shadow: 1px 1px 3px #AAA; display: inline-block; width: 180px; height: 135px; margin: 3px 5px; overflow: hidden; text-decoration: none; color: white; } .mpbutton:hover { opacity: 0.7; box-shadow: 1px 1px 3px #7A7A7A; text-decoration: none; color: white; } .mpbutton a{   text-decoration: none; color: white; }

.greenbar { margin: 5px; padding: 5px; color: white; font-size: 110%; font-weight: bold; text-shadow: 1px 1px 2px #222; background: linear-gradient(to right, #4CAD40, #96CF24); box-shadow: 1px 1px 3px #777777; } .bluebar { margin: 5px; padding: 5px; color: white; font-size: 110%; font-weight: bold; text-shadow: 1px 1px 2px #222; background: linear-gradient(to right, #1d3a5f, #178bc7); box-shadow: 1px 1px 3px #777777; }

/* Template:Ambox design */ .ambox { background-color:#404040; border:1px #606060 solid; }

/* Ambox colours */ .ambox-blue { border-left:10px solid #1e90ff; }

.ambox-red { border-left:10px solid #b22222; }

.ambox-orange { border-left:10px solid #f28500; }

.ambox-yellow { border-left:10px solid #f4c430; }

.ambox-purple { border-left:10px solid #9932cc; }

.ambox-gray { border-left:10px solid #bba; }

.ambox-green { border-left:10px solid #228b22; }

.WikiaArticle ul, .WikiaArticle ol { margin: 0 0 0 2.5em; } .WikiaArticle dl { margin: 0; } .twtr-timeline { background-color: #090911 !important; background-image: -moz-linear-gradient(top, #111122 50%, #090911 100%) !important; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(50%, #111122), color-stop(100%, #090911)) !important; }

code { background-color: #191919; color: #FFF; }

/**Poll**/ div.ajax-poll { background: rgba(8,14,28,0.4); border: none !important; }

.pollAnswerVotes span { color: black; }

.pollAnswerVotes div { border: none !important;

}


 * 1) WikiaHeader nav { border: 0; }

.RelatedPagesModule {display: none;}

.not-patrolled { background-color: darkRed; }

table.diff a[href$="User:Cyrannian"], ul#pagehistory a[href$="User:Cyrannian"], ul.special a[href$="User:Cyrannian"], .page-Special_RecentChanges a[href$="User:Cyrannian"] { font-weight: bolder; color: #E58044; }

table.diff a[href$="User:Steamblust"], ul#pagehistory a[href$="User:Steamblust"], ul.special a[href$="User:Steamblust"], .page-Special_RecentChanges a[href$="User:Steamblust"] { font-weight: bolder; color: #E58044; }

table.diff a[href$="User:PlokWiki"], ul#pagehistory a[href$="User:PlokWiki"], ul.special a[href$="User:PlokWiki"], .page-Special_RecentChanges a[href$="User:PlokWiki"] { font-weight: bolder; color: #E58044; }

/* Default skin for navigation boxes */ table.navbox {           /* Navbox container style */ background-color: #1E334D; margin:0 auto; width: 100%; clear: both; text-align: center; border: 1px solid transparent; -moz-border-radius:10px; /* Firefox */ border-radius:10px; /* Chrome, Safari, Opera */ padding: 1px; } table.navbox + table.navbox { /* Single pixel border between adjacent navboxes */ margin-top: -1px;         /* (doesn't work for IE6, but that's okay)       */ } .navbox-title, .navbox-abovebelow, table.navbox th {            /* Title and above/below styles */ text-align: center; background-color: #14324A;    /* Level 1 color */ padding-left: 1em; padding-right: 1em; border: 1px solid transparent; -moz-border-radius:10px; /* Firefox */ border-radius:10px; /* Chrome, Safari, Opera */ } .navbox-group {             /* Group style */ white-space: nowrap; text-align: right; font-weight: bold; padding-left: 1em; padding-right: 1em; background: #14324A;          /* Level 1 color */ border: 1px solid #001D3B;    /* Level 1 color */ -moz-border-radius:10px; /* Firefox */ border-radius:10px; /* Chrome, Safari, Opera */ } .navbox, .navbox-subgroup { background: #0B2644;    /* Background color */ }

.navbox-list { /* border-color: #fdfdfd;  /* Must match background color */ }

.navbox-title, table.navbox th { background: #14324A;    /* Level 1 color */ } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: #021D38;    /* Level 2 color */ } .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background: #061830;    /* Level 3 color */ border-color: #021D38;  /* Level 2 color */ } .navbox-even { background: transparent;    /* Even row striping */ } .navbox-odd { background: transparent; /* Odd row striping */ } .navbar {                 /* Navbox template links */ font-size: 75%;       /* Default font-size */ font-weight: normal; } .navbox .navbar { font-size: 100%;      /* Font-size when nested within navbox */ } .roundborder { border: 1px solid #061830; -moz-border-radius:10px; /* Firefox */ border-radius:10px; /* Chrome, Safari, Opera */ } @media print { .navbox { display: none; } }

/***** Custom cursor *****/ /* Global cursor */ body { cursor: url('https://vignette.wikia.nocookie.net/jurassicworld-evolution/images/4/4c/Cursor.png'), pointer; } /* Link cursor */ a:hover { cursor: url('https://vignette.wikia.nocookie.net/jurassicworld-evolution/images/4/4c/Cursor.png'), pointer;

}


 * -webkit-scrollbar-track {

-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #070a36; }


 * -webkit-scrollbar {

width: 10px; background-color: #070a36; }


 * -webkit-scrollbar-thumb {

background-color: #12c3d7; background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.5, transparent), to(transparent)); }

.mw-content-text > h3 { color: #71e3ef; font-family: "Erbaum-Regular", Helvetica, Arial, sans-serif; }

/*** Infobox header ***/ .portable-infobox .pi-title, .portable-infobox .pi-header { color: #b5f5ff; text-align: center; font-weight: lighter; }

.portable-infobox { border-radius: 4px 4px 15px 15px; overflow: hidden; box-shadow: 0 2px 0 #0c1632; }

.portable-infobox.pi-background, .pi-europa .pi-data-label:nth-child(2n), .pi-europa .pi-data-value:nth-child(2n) { background-color: #12293f; }

.pi-europa .pi-data, .pi-smart-group-body {   border-bottom: solid 1px #163a5d; }

.pi-europa .pi-horizontal-group .pi-horizontal-group-item:not(:first-child), .pi-smart-data-label:not(:first-child), .pi-smart-data-value:not(:first-child) { border-left: solid 1px #163a5d; }

.pi-europa .pi-header.pi-item-spacing { padding: 5px 10px; }

.pi-europa .pi-smart-data-value { padding: 6px 6px; }

/* Use a slightly smaller text size for Imperial measurements in infoboxes */ .portable-infobox .imperial { font-size: 0.8em; color: #657B83; }

h2.pi-title { font-family: "Erbaum-Regular", Helvetica, Arial, sans-serif; font-size: 16px !important; text-transform: uppercase; }

.pi-group.pi-collapse-closed:not(:last-child) .pi-header { border-bottom: 1px solid #12293F; }

.pi-header.pi-secondary-font { font-family: "Erbaum-Regular", Helvetica, Arial, sans-serif; text-transform: uppercase; text-align: left; font-weight: lighter; font-size: 14px !important; }

.pi-smart-group *, .pi-horizontal-group * { text-align: center; }

.portable-infobox .pi-data-label { color: #5899b4; }

.pi-europa .pi-title { padding: 9px 9px; }

.pi-europa .pi-tab-link { padding: 6px 6px; }

.pi-panel-scroll-wrapper .pi-section-navigation .pi-section-tab { margin: 0; }

.pi-section-tab .pi-section-label { font-size: 12px; height: 30px; }

.pi-panel .pi-section-label { font-family: "Erbaum-Regular", Helvetica, Arial, sans-serif; font-weight: lighter; }

/* Hybrid infobox theme */

.portable-infobox.pi-theme-hybrid .pi-title, .portable-infobox.pi-theme-hybrid .pi-header { background-color: #443c7f; color: #cdd7fd; }

.pi-europa.pi-theme-hybrid .pi-data, .pi-theme-hybrid .pi-smart-group-body {   border-bottom: solid 1px #3f3875; }

.pi-europa.pi-theme-hybrid .pi-horizontal-group .pi-horizontal-group-item:not(:first-child), .pi-theme-hybrid .pi-smart-data-label:not(:first-child), .pi-theme-hybrid .pi-smart-data-value:not(:first-child) { border-left: solid 1px #3f3875; }

/* hover effect for main page navigation class="mainpage-nav" */ .mainpage-nav { cursor:pointer; opacity:0.5; } .mainpage-nav:hover { opacity:1; transition: 0.2s all ease; } .mainpage-nav-2 { cursor:pointer; } .mainpage-nav-2 a { font-weight:300; text-align:center; text-transform:uppercase; text-decoration: none !important; color: #71e3ef; } .mainpage-nav-2:hover { background: -moz-linear-gradient(top, rgba(36,111,179,0.1) 0%, rgba(36,111,179,0.4) 50%, rgba(36,111,179,0.8) 100%); /* FF3.6 */ background: -webkit-gradient(linear, right top, right bottom, color-stop(0%,rgba(36,111,179,0.1)), color-stop(50%,rgba(36,111,179,0.4)), color-stop(100%,rgba(36,111,179,0.8))); /* Chrome,Safari4+ */ opacity:1; transition: 0.2s all ease; }

/* Icon fading effect for the main page */

.icon-fader { position: relative; width: 100%; max-width: 400px; }

.icon-fader .icon1 { display: block; opacity: 1; width: 100%; height: auto; }

.icon-fader .icon2 { position: absolute; top: 0; left: 0; right: 0; width: 100%; opacity: 0; }

.icon-fader .icon1, .icon-fader .icon2 { transition: 0.4s ease; }

.icon-fader:hover .icon1 { opacity: 0; }

.icon-fader:hover .icon2 { opacity: 1; }

/** * EraIcons default CSS * @author Ursuul  */ body.skin-oasis .eraicon-dropdown { padding: 10px; white-space: nowrap; font-size: 13px; } body.skin-oasis .page-header__contribution > div:first-child { display: flex; } body.skin-oasis .page-header__eraicons { position: absolute; top: 10px; right: 0; } body.skin-oasis .eraicon { margin-left: 5px; }

/* Tabber design */ .tabbertab { border: none !important; padding: 0 !important; } .tabbernav { background: #0C1C2B; border: 1px solid #163A5D !important; padding: 0 !important; text-align: center; font-family: Helvetica Neue,Helvetica,Arial,sans-serif !important; border-radius: 6px; font-size: 15px !important; line-height: 15px !important; justify-content: space-between; display: flex; } .tabbernav li { font-size: 15px !important;; line-height: 15px !important; width: 100%; } .tabbernav li a { border: none !important; margin: 0 !important; padding: 10px 0 !important; background: transparent !important; color: #959494 !important; font-size: 14px; transition-duration: 0.15s; cursor: default; font-weight: normal !important; font-size: 15px !important;; line-height: 15px !important; width: 100%; display: inline-block; } .tabbernav .tabberactive a, .tabbernav li a:hover { color: #B5F4FA !important; background: #163A5D !important; }

/* Edit icon */ .sprite.edit-pencil {background: none transparent\9 !important;} .sprite.edit-pencil {background: url('https://vignette.wikia.nocookie.net/jurassicworld-evolution/images/9/9d/Editicon.png') no-repeat !important;}

/* Category bar icon */

background: url("https://vignette.wikia.nocookie.net/jurassicworld-evolution/images/c/c1/Ingenicon2.png") no-repeat scroll 99% !important; }
 * 1) articleCategories {

/* Poll Design */

.pollAnswerVotes div { background: #71E3EF !important; }

/* Cosmetic Genes gallery */ .cosmetic-gene { display: inline-block; font-family: Erbaum-Regular, Helvetica, Arial, sans-serif; }

.cosmetic-gene .cosmetic-gene-image img { border-radius: 6px 6px 6px 6px; border: 2px solid #1D4367; box-shadow: 0 2px 0 #0c1632; } /* REMOVE AD PADDING */ .WikiaTopAds { padding: 0; }

/* Custom OGG Player */

.ogg_player, .ogg_player:hover { opacity: 0.6; -webkit-transition: all .9s ease; -moz-transition: all .9s ease; -o-transition: all .9s ease; } .ogg_player:hover { opacity: 1; } .ogg_player button>img, .ogg_player .image img { display: none; } .ogg_player button { border: none !important; } .ogg_player .image, .ogg_player .ogg-player-options+a:after { content:""; height: 50px; vertical-align: bottom; background-size: 100%; } .ogg_player>div>button:after { content: url("https://vignette.wikia.nocookie.net/jurassicworld-evolution/images/9/9f/Play_Button.png/") !important; } .ogg_player .ogg-player-options { margin-left: 3px; } div.ogg_player .ogg-player-options { background: white !important; } .ogg_player>div+div:hover .ogg-player-options { display: inline-block !important; position: absolute; z-index: 2; } /* .OGG Player - Subnautica */ .ogg_player button, .ogg_player audio { background: #267ab5; } .ogg_player audio::-webkit-media-controls-panel, video::-webkit-media-controls-panel { /* The reason this is separate is due to firefox */ background: #267ab5; }

.ogg_player .ogg-player-options { border: 1px solid #267ab5; }

a.tag { color: inherit; }

.mw-collapsible .mw-collapsible-toggle { float: left; }

/**************************************************  Styles for page tabs

/* Line under the tabs, no margin or padding, and set the overall height. */ .pagetabs ul { width: 100%; border-bottom: 2px solid #71E3EF; margin: 0 0 1em 0; padding: 0px; height: 34px; }

/* Display the list in one line. Use margin-left to set the spacing. */ .pagetabs li { display: inline-block; padding: 0px; }

/* Styles for a single tab */ .pagetabs li span {  /* padding determines the tab's size */ padding: 5px 10px 24px 10px; /* border around the tab */ border: 2px solid #163A5D; border-bottom: none; border-radius: 3px 3px 0px 0px; background-color:#163A5D; color:#6BA9C3; font-family: "Erbaum-Regular", Helvetica, Arial, sans-serif; font-size: 14px; text-transform: uppercase; height: 17px; line-height: 1.2em; display: block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

/* Use a different colored outline for the "current" tab, and make the bottom border match the page background to make it look like no line on that side .pagetabs li strong span {   background-color:#71E3EF; border-color: #71E3EF; color:#0D2037; }

/* hightlight a tab when the mouse hovers over it */ .pagetabs li a span:hover {   background-color:#020F2F; border-color: #020F2F; color:#6BA9C3; text-decoration: none; }

.pagetabs li a span:hover {   opacity:1; transition: 0.2s all ease; }

.pagetabs li a:hover { text-decoration: none; }

/* hover effect for dinosaur list class="dinolist-nav" */ .dinolist-nav { cursor:pointer; opacity:0.5; } .dinolist-nav:hover { opacity:1; transition: 0.2s all ease; } .dinolist-nav-2 { cursor:pointer; } .dinolist-nav-2 a { font-weight:300; text-align:center; text-transform:uppercase; text-decoration: none !important; color: #71e3ef; } .dinolist-nav-2:hover { border: 2px solid; border-color: #71e3ef; opacity:1; transition: 0.2s all ease; }

/* Discord Widget Customization */

.discord-widget-container .discord-widget .widget-header { background-color: #163A5D; }

.discord-widget-container .discord-widget .widget-body { background-color: #0C192C; }