MediaWiki:Common.css

@import url('https://fonts.googleapis.com/css?family=Josefin+Sans');

@font-face { font-family: 'Josefin Sans'; font-style: normal; font-weight: normal; src: url("https://fonts.googleapis.com/css?family=Josefin+Sans"); }

@font-face { font-family: 'gd-imanitish-scriptregular'; font-style: normal; font-weight: normal; src: url("https://vignette.wikia.nocookie.net/no-game-no-life/images/a/af/Gd-imanitish-script_007-webfont.eot/revision/latest?cb=20150611081931?#iefix") format('embedded-opentype'), url("gd-imanitish-script_007-webfont.woff2") format('woff2'), url("https://vignette.wikia.nocookie.net/no-game-no-life/images/6/67/Gd-imanitish-script_007-webfont.woff/revision/latest?cb=20150611081931") format('woff'), url("https://vignette.wikia.nocookie.net/no-game-no-life/images/4/40/Gd-imanitish-script_007-webfont.ttf/revision/latest?cb=20150611081931") format('truetype'), url("https://vignette.wikia.nocookie.net/no-game-no-life/images/a/ab/Gd-imanitish-script_007-webfont.svg/revision/latest?cb=20150611082120#gd-imanitish-scriptregular") format('svg'); }

/* Mouse cursors */ body { cursor: url("https://images.wikia.nocookie.net/__cb20110213131405/sims/fr/images/a/a0/Curseur_Normal.png"), auto; color: #eaeaea; font-family: 'Josefin Sans', Arial; } a:link, a:visited, a:hover, a:active { cursor: url("https://i.imgur.com/DxN7O8M.png"), pointer; }

/* Imanity go */ .Imanitygo { font-family: 'gd-imanitish-scriptregular'; }

body.mediawiki { background: #06030c url("https://images.wikia.nocookie.net/robyns-little-land/images/0/0b/WikiBackground.png") 50% -100px / cover no-repeat fixed; }

.banner-notification .warn { background: rgba(78, 16, 38, 0.53); border-top-width: 0; border: 1px solid #4e1026; color: #4e1026; } .banner-notification { box-shadow: 0 2px 5px 0 #f05; padding: 8px 10px; } .banner-notification .warn a { color: #f65078; } .banner-notification .msg a { text-decoration: none; }

/* Links */ a { text-shadow: 0 -15px 2.5px transparent, 0 15px 2.5px transparent; text-decoration: none; }

a:hover { text-shadow: 0 0 2.5px #fb3061, 0 0 2.5px #fb3061; color: #ffa6bc !important; text-decoration: none; -webkit-transition: all .4s linear 0s; -moz-transition: all .4s linear 0s; -ms-transition: all .4s linear 0s; -o-transition: all .4s linear 0s; transition: all .4s linear 0s; }

a.extiw, a.extiw:active { color: #f65078; }

/* Tabbers */ ul.tabbernav { border-bottom: 1px solid #f65078 !important; } ul.tabbernav li a:link, ul.tabbernav li a:visited { color: #f05078 !important; } ul.tabbernav li a { background: rgba(78, 16, 38, 0.43) !important; border-radius: 10px 10px 0 0 !important; border: 1px solid #d1034a !important; } ul.tabbernav li.tabberactive a { background-color: #814462 !important; border-bottom: none !important; } ul.tabbernav li a:hover { background: #3e141e !important; border-color: #d1034a !important; color: #fff !important; } .tabber .tabbertab { border: none !important; }

/* Wiki tables */ table.wikitable { background: rgba(78, 16, 38, 0.53); border-collapse: collapse; border: 1px #d1034a solid; color: #d5d4d4; margin: 1em 1em 1em 0; } table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td { border: 1px #f65078 solid; }

table.episode-list tr:last-child td:last-child { border-bottom:none !important; } table.stafftable td { border: 1px solid #3530ae; }

/* Infoboxes */ .portable-infobox { background-color: transparent; border-radius: 8px; border: 3px solid #3530ae; padding: 3px; } .portable-infobox .pi-header, .portable-infobox .pi-title { line-height: 22px; margin-bottom: 3px; text-align: center; } .portable-infobox .pi-header:last-child, .portable-infobox .pi-title:last-child { margin-bottom: 0; } .portable-infobox .pi-title:first-child { border-radius: 4px 4px 0 0; } .portable-infobox .pi-item:only-child { border-radius: 4px; } .portable-infobox .pi-item:last-child .pi-item:last-child { border-radius: 0 0 4px 4px; } .portable-infobox .pi-item:only-child .pi-item:only-child { border-radius: 4px; } .portable-infobox .pi-image { margin: 3px -1px; } .portable-infobox .pi-header, .portable-infobox .pi-title, ul.pi-image-collection-tabs li.current, .pi-data-label { background: linear-gradient(to right, rgba(000, 000, 000, 0.3), rgba(000, 000, 000, 0.3)), url("https://vignette.wikia.nocookie.net/robyns-little-land/images/1/1e/Ticket.png") center /  cover no-repeat fixed; font-weight: bold; } .portable-infobox div.pi-data { padding: 0; } .pi-image-collection-tab-content { background-color: transparent; } ul.pi-image-collection-tabs li { border: 2px solid transparent; margin: 0 0 1px; } .pi-tab-link { line-height: 16px !important; } .pi-border-color { border-color: transparent; } .pi-data, .pi-group { border-bottom-width: 2px; } .pi-group .pi-data { padding: 0; } .pi-data-label { border-radius: 0 6px 6px 0; padding: 5px 0 5px 10px !important; } .pi-data-value { padding: 5px 10px; }

.pi-horizontal-group-item.pi-data-label { border-radius: 0; padding: 2px; }

/* ToC */ .WikiaArticle .toc, #toc { background-color: rgba(78,16,38,0.53) !important; border: 1px solid #f65178 !important; border-radius: 10px !important; }

border: 1px solid #f65278 !important; }
 * 1) open-toc-win.ui-state-hover {

border: 1px solid #f65278 !important; }
 * 1) open-toc-win {

/* Thread */ .Wall ul.comments > li.message > .speech-bubble-message { background: rgba(78, 16, 38, 0.7); }

.Wall ul.comments > li.message > .speech-bubble-message:after { border-color: rgba(78, 16, 38, 0.7) rgba(78, 16, 38, 0.7) transparent transparent; }

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

.Wall .MiniEditorWrapper .editarea textarea { background-color: rgba(99, 20, 48, 0.7); }

/* Why can't all wds buttons be the color of other buttons set in ThemeDesigner ;_; */ background-color: #4f0f27; border-color: #4f0f27; }
 * 1) WikiaPage .wds-button, #mw-content-text .wds-button {

background-color: #a51f51; border-color: #a51f51; }
 * 1) WikiaPage .wds-button:focus:not(:disabled), #mw-content-text .wds-button:focus:not(:disabled),
 * 2) WikiaPage .wds-button:hover:not(:disabled), #mw-content-text .wds-button:hover:not(:disabled),
 * 3) WikiaPage .wds-button:active, #mw-content-text .wds-button:active,
 * 4) WikiaPage .wds-button.wds-is-active {

background-color: transparent; border-color: #d5d4d4; color: #d5d4d4; }
 * 1) WikiaPage .wds-button.wds-is-secondary, #mw-content-text .wds-button.wds-is-secondary {

background-color: transparent; border-color: #a3a0a0; color: #a3a0a0; }
 * 1) WikiaPage .wds-button.wds-is-secondary:focus:not(:disabled), #mw-content-text .wds-button.wds-is-secondary:focus:not(:disabled),
 * 2) WikiaPage .wds-button.wds-is-secondary:hover:not(:disabled), #mw-content-text .wds-button.wds-is-secondary:hover:not(:disabled),
 * 3) WikiaPage .wds-button.wds-is-secondary:active, #mw-content-text .wds-button.wds-is-secondary:active,
 * 4) WikiaPage .wds-button.wds-is-secondary.wds-is-active, #mw-content-text .wds-button.wds-is-secondary.wds-is-active {

/* Pre */ pre { background-color: rgba(57, 12, 28, 0.7); border: 1px solid #714051; border-radius: 5px; color: #eaeaea; }

/* Scrollbar */
 * -webkit-scrollbar {

width: 14px; }
 * -webkit-scrollbar-thumb {

background: #7a173c; border: 2px solid transparent; border-radius: 10px; }
 * -webkit-scrollbar-thumb:hover {

background: #a51f51; }
 * -webkit-scrollbar-thumb:vertical {

border: 2px solid transparent; background-clip: content-box; }
 * -webkit-scrollbar-thumb:horizontal {

border: 2px solid transparent; background-clip: content-box; }
 * -webkit-scrollbar-track {

background: rgba(255, 255, 255, 0.06); border: 2px solid transparent; }
 * -webkit-scrollbar-corner {

background: rgba(255, 255, 255, 0.06) !important; border: 0; }

/* Classes */ .ngnltheme { background: linear-gradient(to right, rgba(000, 000, 000, 0.5), rgba(000, 000, 000, 0.5)), url("https://vignette.wikia.nocookie.net/robyns-little-land/images/1/1e/Ticket.png") center /  cover no-repeat fixed !important; }

.episode-preview img { height: 100%; width: 100%; }

.episode-preview-header { animation: slide-in ease-out 1s 3s forwards, fade-out linear 3s 10s forwards; }

.episode-preview-header.no-video { animation: slide-in ease-out 1s 3s forwards; }

@keyframes slide-in { 100% {		right: -3px; } }

@keyframes fade-out { 0% {		opacity: 1; }	100% {		opacity: 0; } }

/* Home Page */ .home-template .floatleft { margin: 0 10px 0 0; } .home-template { margin-bottom: 10px; } .tabbertab[title="Animanga"] table { border: none !important; } h2.chat-headline { margin-top: 0; } .ChatWidget { margin-bottom: 0; }

/* Polls */ div.ajax-poll { margin-top: 0 !important; border: 1px solid transparent !important; } .pollAnswerVotes { border: 1px solid #3531ae !important; } .pollAnswerVotes div { background: #3531ae !important; }

/* Galleries */ .wikia-gallery-caption-below .lightbox-caption { color: #f3cdd6; }

.topbox { background: rgba(78, 16, 38, 0.7) !important; border: 1px solid #704051; font-size: 85%; width: 100%; } .topbox-top { border-bottom: 0 solid transparent; border-radius: 10px 10px 0 0; } .topbox-alone { border-radius: 10px; } .topbox-bottom { border-radius: 0 0 10px 10px; text-align: center; } .topbox-bottom td { width: 50%; }

/* Highlights */ a[href$=":Robyn_Grayson"], a[href$=":50000cal"], a[href$=":Qunow"], a[href$=":Blue21Phoenix"], a[href$=":Maine12329"], a[href$="/Robyn_Grayson"], a[href$="/50000cal"], a[href$="/Qunow"], a[href$="/Blue21Phoenix"], a[href$="/Maine12329"] { color: #ffffff !important; font-weight: 700 !important; } .Wall .edited-by a.subtle[href$="Wall:Robyn_Grayson"]:after, .Wall .edited-by a.subtle[href$="Wall:50000cal"]:after, .Wall .edited-by a.subtle[href$="Wall:Qunow"]:after, .Wall .edited-by a.subtle[href$="Wall:Blue21Phoenix"]:after, .Wall .edited-by a.subtle[href$="Wall:Maine12329"]:after { color: #ffffff !important; content: "『 』" !important; }

/* Bots */ a[href$=":Game_Boterator"], a[href$=":JibrilBot"], a[href$="/Game_Boterator"], a[href$="/JibrilBot"] { color: DarkTurquoise !important; font-weight: 700 !important; } .Wall .edited-by a.subtle[href$="Wall:Game_Boterator"]:after, .Wall .edited-by a.subtle[href$="Wall:JibrilBotl"]:after { color: DarkTurquoise !important; content: "『 Bot 』" !important; }

/* For hiding stuff */ .hidden.on { border: 1px dotted #D5D4D4; border-top: none; background: transparent !important; color: transparent !important; text-shadow: none !important; padding: 0 1.4px; } .hidden.off { border: 1px dotted #D5D4D4; border-top: none; padding: 0 1.4px; } .hidden.on a { color: transparent !important; } .hidden.on img { visibility: hidden; }