Wikia.css

@import url('https://fonts.googleapis.com/css?family=Assistant:700');

body {
    background: #FFFFFF url("https://vignette.wikia.nocookie.net/gumball/images/4/40/GUMBALL_BG.png/revision/latest?cb=20170112011811&path-prefix=fr") top center;
    background-attachment: fixed !important;
    background-size: 100% 100%;
}

body.skin-oasis {
    background-image: url("https://vignette.wikia.nocookie.net/gumball/images/4/40/GUMBALL_BG.png/revision/latest?cb=20170112011811&path-prefix=fr") !important; 
    background-position: top center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color: #000;
    color: #fff;
}

h1, h2, h3, h4, h5,
.wds-community-header .wds-community-header__sitename a,
.text-special {
    font-family: 'Assistant', Helvetica, Arial, sans-serif;
}

a:hover {
    color: #0064CF;
    text-shadow: #0064CF 0 0 5px;
    text-decoration: underline;
}

.wds-avatar-stack a[href] {
    background: none;
    padding: 0;
}

/* Boîtes accueil */
.homebox {
    margin-bottom: 15px;
    padding: 10px;
    width: 100%;
}

h2.homebox-h {
    background: #061838;
    font-size: 120%;
    font-weight: bold;
    margin: 0 0 10px 0;
    padding: 8px;
    text-align: center;
}

.homebox, h2.homebox-h {
    border: 1px solid #006cb0;
}

/* Onglets épisodes */
.selectors,
.selectors .tab {
  text-align: center;
}
 
.selectors .tab {
  opacity: .25;
  transition: all 400ms ease;
}
 
.selectors .tab:hover {
  opacity: .6;
}
 
.contents .content {
  display: none;
  animation: tabFade 1s ease-in-out,
             tabSlide 750ms ease;
}
 
.selectors .tab.active {
  opacity: 1;
}
 
.contents .content.active {
  display: block;
}
 
.ep-tabs .tab {
  cursor: pointer;
  color: #fff;
  float: left;
  font-size: 18px;
  padding: 10px 0;
  width: 19%;
}

.ep-tabs .tab a {
  font-family: 'Assistant', Helvetica, Arial, sans-serif !important;
}
 
@keyframes tabFade {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
}

@keyframes tabSlide {
    from {
      margin-left: 75%;
      margin-top: 50%;
    }
    to {
      margin: 0;
    }
}

/* Barre de défilement */
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-thumb {
    background-color: #0EBFE9;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #0494D1;
}

::-webkit-scrollbar-thumb:active {
    background-color: #0662BF;
}

::-webkit-scrollbar-track {
    background-color: #002b54;
}

/* Barre d'outils */
.WikiaBarWrapper {
    background: #002b54;
    background: -moz-linear-gradient(-45deg,#002b54 0%,#0c8ba9 50%,#002b54 100%);
    background: -webkit-linear-gradient(-45deg,#002b54 0%,#0c8ba9 50%,#002b54 100%);
    background: linear-gradient(135deg,#002b54 0%,#0c8ba9 50%,#002b54 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#002b54',endColorstr='#002b54',GradientType=1);
}

.WikiaBarCollapseWrapper {
    background-color: #002b54;
}

.WikiaFooter .toolbar .tools > li, .WikiaBarWrapper .toolbar .tools > li {
    border-right: 1px solid #8097ac;
}

/* Infobox */
.portable-infobox {
   border: 1px solid #0b5273;
}

.portable-infobox .pi-title {
    background: #0b5273;
    box-sizing: border-box;
    color: #fff;
    font-size: 18px;
    width: 100%;
}

.portable-infobox .pi-image img {
    max-width: 100%;
    height: auto;
}

.pi-image-collection {
    font-size: 11px;
}

.pi-image-collection-tabs .pi-item-spacing {
    padding: .25em .8em;
}

ul.pi-image-collection-tabs li {
    opacity: .5;
}

ul.pi-image-collection-tabs li.current {
    font-weight: normal;
    opacity: 1;
}

.pi-image-collection-tabs li:hover {
    opacity: 1;
}

.pi-data {
    border-bottom: 1px dotted #1e5b84;
}

.pi-data-value {
    margin: auto;
}

.pi-caption,
.portable-infobox .pi-title,
.portable-infobox .pi-header,
.pi-image-collection,
.pi-image-collection-tabs,
.pi-horizontal-group .pi-header,
.pi-horizontal-group .pi-data-label,
.pi-secondary-background {
    text-align: center;
}

.portable-infobox,
.pi-image-collection-tab-content {
    background-color: transparent;
}

.portable-infobox {
   padding: 0 !important;
}

.portable-infobox .pi-title,
ul.pi-image-collection-tabs {
    margin-bottom: 0 !important;
}

.portable-infobox .pi-title {
    padding: .5em;
}

/* Tabber */
ul.tabbernav {
    border: 0 !important;
    margin: 0 0 -3px 0 !important;
}

ul.tabbernav li {
    margin-right: 1px;
}

ul.tabbernav li a {
    border-radius: 10px 10px 0 0;
    border: 0 !important;
    display: inline-block !important;
    font: bold 14px Arial, sans-serif !important;
    margin: 0 !important;
    opacity: .3;
    padding: .5em 1em !important;
}

.tabbertab {
    padding: 10px;
    border: 1px solid #0ebfe9 !important;
    border-radius: 10px;
}

ul.tabbernav li.tabberactive a,
ul.tabbernav li.tabberactive a:hover {
    border: 0;
    font-weight: bold;
    opacity: 1;
}

.tabbernav li a:link, .tabbernav li a:visited {
    color: #fff !important;
}

.tabbernav li a:hover {
 color: #fff;
 opacity: .7;
 text-shadow: none;
 transition: ease-in .1s;
}

.tabbernav li a {
    background-color: #0EBFE9 !important;
}

.tabberlive {
    margin-top: 0 !important; 
}

.tabberlive .tabbertab {
    display: inline-block;
    padding: 20px;
    max-width: 100%;
}

/* Tabs statiques */

.nh-table {
  display: table;
  margin: auto;
}
 
.nh-table > div {
  display: table-cell;
}
 
.nh-tab {
    float: left;
    font-weight: normal !important;
    margin-right: 1px;
    opacity: .5;
    text-align: center;
}
 
.nh-tab.selected {
    opacity: 1;
    padding: 6px 12px;
    text-shadow: 1px 1px 1px #000;
}
 
.nh-tab.last {
    margin-right: 0 !important;
}
 
.nh-tab a {
    color: #fff;
    display: block;
    font-weight: normal;
    padding: 6px 12px;
    text-shadow: 1px 1px 1px #000;
}

.nh-tab a:hover {
   text-decoration: none;
   font-weight: bold;
   color: #fff;
   opacity: .8;
}
 
.nh-table > div:not(.selected):hover {
   opacity: .8;
}

.nh-tab:nth-of-type(1) {
    background: #fc0;
}
.nh-tab:nth-of-type(3) {
    background: #32cd32;
}
.nh-tab:nth-of-type(5) {
    background: #f60;
}
.nh-tab:nth-of-type(7) {
    background: #ff69b4;
}
.nh-tab:nth-of-type(9) {
    background: #a07fe0;
}
.nh-tab:nth-of-type(11) {
    background: #32edfa;
}
.nh-tab:hover {
    opacity: 1;
}

/* Profil utilisateur */
a.tag {
    color: inherit;
}

.WikiaUserPagesHeader {
    background-color: transparent;
    background-image: none;
}

.UserProfileMasthead .masthead-avatar .avatar {
    border-radius: 15px;
}

.UserProfileMasthead .masthead-info {
    background: rgba(0, 0, 0, .05);
}

.UserProfileMasthead .masthead-info-lower:before {
    display: none;
}
 
.UserProfileMasthead .details li {
    border-bottom: 1px dotted #80979f;
    font-size: 12px;
    text-transform: uppercase;
}
 
.UserProfileMasthead .wikis ul li a {
    color: #2abcbf;
    font-weight: bold;
}
 
.UserProfileMasthead .masthead-info-lower:before {
    border-color: #040500 #040500 transparent transparent;
}

.tabs-container {
    margin: 0 -25px;
}

.tabs {
    border: 0;
}

ul.tabs, ol.tabs {
    border-bottom: 2px solid #008be3;
    border-top: 2px solid #008be3;
    margin: 0;
}

.tabs li:first-child {
    margin-left: 25px;
}

.tabs li a,
.tabs li a:hover {
    border-radius: 0;
    cursor: pointer;
    padding: 12px 12px 12px !important;
}

.tabs li a:hover {
    background: rgba(255, 255, 255, .05);
    color: #eee;
    text-decoration: none;
}

.tabs .selected a {
    background: transparent;
    border: 0;
    color: #fff;
}

.tabs .selected a::before,
.tabs li a:hover::before {
    bottom: -2px;
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -6px;
    border-bottom: 7px solid #008be3;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
}

.Wall ul.comments > li.message > .speech-bubble-message:after {
    border-color: transparent #01477c transparent transparent;
    border-width: 12px;
}

.SpeechBubble .speech-bubble-message:after {
    left: -24px;
}

/* Galeries et images */
.wikia-photogallery-add {
    display: none !important;
}

.wikia-gallery-item .accent {
    background-color: transparent;
}

/* Modifications récentes */
 .mw-plusminus-pos {
    color: #1eff00;
}
.mw-plusminus-neg {
    color: #ff0000;
}
.mw-plusminus-null {
    color: #C9d2d6;
}

/* Diff */
table.diff, .diff-otitle, .diff-ntitle {
    background: none !important;
}

table.diff #mw-diff-otitle3, table.diff #mw-diff-ntitle3 {
    height: 20px;
    overflow-y: hidden !important;
}

table.diff td {
    padding: 3px 5px;
}

table.diff td.diff-deletedline, table.diff td.diff-addedline, table.diff td.diff-context {
    border: 1px solid #666;
    border-radius: 3px;
    border-left-width: 5px;
}

table.diff td.diff-deletedline {
    border-color: #ee2c10;
}

table.diff td.diff-addedline {
    border-color: #4eb9e1;
}

table.diff td.diff-context {
    background: rgba(255, 255, 255, 0.1);
}

table.diff td.diff-context > div {
    opacity: 0.8;
}

table.diff .diffchange {
    border-radius: 3px;
    color: inherit;
    padding: 0 3px;
}

table.diff td.diff-deletedline .diffchange {
    background: #ee2c10;
}

table.diff td.diff-addedline .diffchange {
    background: #4eb9e1;
}

table.diff .diff-marker {
    color: #eee;
    font-weight: bold;
    font-size: 17px;
}

/* Modules */

.WikiaRail .module {
    border: 0;
    background: none;
}

.WikiaRail .module h2 {
    border-bottom: 1px solid #34587a;
}

.FollowedPagesModule li {
    border-top: 1px dotted #34587a;
}

/* "See more activity" */

.seemoreactivity-diff-link {
    fill: #fff;
}

.seemoreactivity-diff-link:hover {
    fill: #005f9c;
}

/* Couleurs de liens utilisateur */
a[href$=":Normalhuman"],
a[href$="/Normalhuman"] {
    color: #ffd639 !important;
}

a[href$=":RJSP"],
a[href$="/RJSP"] {
    color: #B62A19 !important;
}

a[href$=":Normalbot"],
a[href$="/Normalbot"] {
    color: #8e8f94 !important;
}

/* Tag admins */
body .edited-by > a.subtle[href="https://gumball.fandom.com/fr/wiki/Mur:Normalhuman"]:after,
.Wall .edited-by > a.subtle[href="https://gumball.fandom.com/fr/wiki/Mur:Normalhuman"]:after,
.speech-bubble-message .edited-by > a[href="https://gumball.fandom.com/fr/wiki/Utilisateur:Normalhuman"]:after,
body .edited-by > a.subtle[href="https://gumball.fandom.com/fr/wiki/Mur:RJSP"]:after,
.Wall .edited-by > a.subtle[href="https://gumball.fandom.com/fr/wiki/Mur:RJSP"]:after,
.speech-bubble-message .edited-by > a[href="https://gumball.fandom.com/fr/wiki/Utilisateur:RJSP"]:after,
body .edited-by > a.subtle[href="https://gumball.fandom.com/fr/wiki/Mur:KarimMajed"]:after,
.Wall .edited-by > a.subtle[href="https://gumball.fandom.com/fr/wiki/Mur:KarimMajed"]:after,
.speech-bubble-message .edited-by > a[href="https://gumball.fandom.com/fr/wiki/Utilisateur:KarimMajed"]:after {
    background-color: #00b7e0;
    border-radius: .25rem;
    content: "Admin";
    color: #FFFFFF;
    font-weight:bold;
    margin-left: .25rem;
    padding: 2px 6px;
}