MediaWiki:Common.css


 * -webkit-scrollbar {

background:#dfb5bf; }


 * -webkit-scrollbar-thumb {

background:#af455f; }

/*************************************************************************/

.webnovel-container{ margin-bottom:15px; }

.webnovel-container .webnovel-volume{ font-size:20px; position:relative; padding-left:40px; padding-bottom:10px; text-transform:uppercase; }

.webnovel-container .webnovel-volume:before{ content:""; position:absolute; left:0; top:12px; display:inline-block; width:30px; height:3px; background-color:#455faf; }

.webnovel-container td:not(.webnovel-volume){ padding-top:5px; padding-bottom:5px; position:relative; }

.webnovel-container td:not(.webnovel-volume):nth-of-type(1){ padding-left:7px; padding-right:15px; text-align:center; font-weight:bold; color:#455faf; }

.webnovel-container td:not(.webnovel-volume):nth-of-type(2){ border-bottom:1px dashed #455faf; font-size:12px; }

/* Red Date */ .webnovel-container i{	background-color:#AF455F; display:inline-block; border-radius:1em; padding:0.2em 0.5em; margin-left:10px; color:#ffffff; font-style:normal; float:right; }

/* Green JP Title */ .webnovel-container i:nth-of-type(2){ background-color:#5FAF45; }

/*************************************************************************/

/* NOVEL INFO */ .novel-volume{ margin-bottom:5px; } .novel-volume .left-entry{ width:150px; vertical-align:top; text-align:center; }

.novel-volume .right-entry{ width:200px; vertical-align:top; text-align:center; padding-top:5px; } .novel-volume .volume-title{ font-weight:bold; color:#ffffff; font-size:16px; letter-spacing:2px; display:block; margin-bottom:10px; text-align:left; padding-left:10px; background-color:#dfb5bf; } .novel-volume .volume-info{ width:100%; } .novel-volume .volume-info td{ text-align:left; font-size:smaller; } .novel-volume .volume-info tr:nth-of-type(odd) b{	padding:3px 10px; background-color:#dfb5bf; } .novel-volume .volume-info tr:nth-of-type(even) td{ padding-left:20px; letter-spacing:1px; padding-bottom:2px; } /*************************************************************************/

/* ANIME NAVIGATION */ .anime-navigation{ width:100%; border:1px solid #0d52ac; padding:1px; background-color:#fff; background-color:#dfb5bf; }

.anime-navigation a:hover{ text-decoration:none; }

.anime-navigation td{ text-align:center; }

.anime-navigation .navigation-header{ border:none; padding:3px 0; }

.anime-navigation .navigation-header a{	transition:all 0.3s linear; }

.anime-navigation .navigation-header a:hover{ color:#45ada4; }

.anime-navigation .navigation-content{ border-top:1px solid #af455f; font-size:90%; }

.anime-navigation .navigation-content a{	display:inline-block; padding:3px 5px; margin:2px 5px; transition:all 0.2s linear; }

.anime-navigation .navigation-content a:hover{ background-color:#455faf; color:#FFF; } /*************************************************************************/

/* Custom Tabber */ .tabbernav { font-weight:bold; background:transparent; padding:5px; border:none } .tabbernav li a { padding:5px 5px; border:0; background:transparent; transition-duration:300ms; transition-timing-function:ease-out; } .tabbernav li a:link { color:#414141; border-bottom:2px solid #414141; margin-right:2px; } .tabbernav li a:visited { color:#414141; border-bottom:2px solid #414141; margin-right:2px; } .tabbernav li a:hover { color:#af455f; border-bottom:2px solid #af455f; background-color:transparent; margin-right:2px; transition-duration:300ms; transition-timing-function:ease-out; } .tabbernav li.tabberactive a { color:#af455f; border-bottom:2px solid #af455f; background-color:transparent; margin-right:2px; } .tabbernav li.tabberactive a:hover { border-bottom:2px solid #af455f; margin-right:2px; } .tabberlive .tabbertab { border-top:0; } .tag { color:inherit; } max-width:100%; margin:auto; display:inline-block; }
 * 1) wmDiv img {

/*************************************************************************/ .article-table .Red{ background:#e3a5ad; color:#000000; font-family:monospace; text-align:center; }

.article-table .Yellow{ background:#f9e299; color:#000000; font-family:monospace; text-align:center; }

.article-table .Green{ background:#99ceb9; color:#000000; font-family:monospace; text-align:center; }

.article-table .Light-Grey{ background:lightgrey; color:#000000; font-family:monospace; font-weight:bold; text-align:center; }

.article-table .White{ background:#ffffff; color:#000000; font-family:monospace; text-align:center; }

.article-table .Small{ font-size:70% } /*************************************************************************/ /* Progress Tables */

.progress-table .Parent{ margin-top:1px; margin-bottom:1px; border:0px solid #af455f; border-radius:1em; font-size:90%; background:RGBA(100,100,255,0.2); }

.progress-table .Red{ width:20px; text-align:center; background-color:#FFAEBC; color:Black; padding:0.2em 0.5em; border-radius:1em; font-size:90%; }

.progress-table .Yellow{ width:20px; text-align:center; background-color:#FBE7C6; color:Black; padding:0.2em 0.5em; border-radius:1em; font-size:90%; }

.progress-table .Green{ width:20px; text-align:center; background-color:#B4F8C8; color:Black; padding:0.2em 0.5em; border-radius:1em; font-size:90%; }

.progress-table .Orange{ width:100px; background-color:#fab42f; color:Black; padding:0.2em 0.5em; border-radius:1em; }

.progress-table .Blue{ background-color:#cbe1e1; color:Black; padding:0.2em 0.5em; border-radius:1em; text-align:center; font-size:90%; }

.progress-table .Gray{ background-color:#efefef; color:Black; padding:0.2em 0.5em; border-radius:1em; text-align:center; font-size:90%; } /*************************************************************************/ /* Main Page Tables */

.wp_blue{ background:url(https://static.wikia.nocookie.net/averageabilities/images/d/d2/Blue_Background.jpg); background-size:cover; }

.wp_brown{ background:url(https://static.wikia.nocookie.net/averageabilities/images/a/a3/Brown_Background.jpg); background-size:cover; }

.wp_green{ background:url(https://static.wikia.nocookie.net/averageabilities/images/8/89/Green_Background.jpg); background-size:cover; }

.wp_orange{ background:url(https://static.wikia.nocookie.net/averageabilities/images/6/68/Orange_Background.jpg); background-size:cover; }

.wp_pink{ background:url(https://static.wikia.nocookie.net/averageabilities/images/8/80/Pink_Background.jpg); background-size:cover; }

.wp_purple{ background:url(https://static.wikia.nocookie.net/averageabilities/images/d/d4/Purple_Background.jpg); background-size:cover; }

.wp_red{ background:url(https://static.wikia.nocookie.net/averageabilities/images/2/2a/Red_Background.jpg); background-size:cover; }

.wp_teal{ background:url(https://static.wikia.nocookie.net/averageabilities/images/d/d2/Teal_Background.jpg); background-size:cover; }

.wp_yellow{ background:url(https://static.wikia.nocookie.net/averageabilities/images/d/dc/Yellow_Background.jpg); background-size:cover; }

.wp_normal{ height:130px; width:130px; }

.wp_small{ height:80px; width:130px; }

.lv_red{ border:1px solid #af455f; border-radius:20px; } /*************************************************************************/ /* Scrollbox Navigation */ .scrollbox_red{ overflow:auto; margin-bottom:3px; padding-left:0.5em; border:1px solid #af455f; border-radius:40px 0px 0px 40px; }

.scrollbox_red_square{ overflow:auto; margin-bottom:3px; padding-left:0.5em; border:1px solid #af455f; border-radius:0px 0px 0px 0px; }

/*************************************************************************/ /* Chapter Navigation */ .nav_table{ width:700px; margin-top:1px; margin-bottom:1px; border:2px solid white; border-radius:1em; font-size:90%; text-align:center; }

.nav_title{ width:700px; background-color:#af455f; color:White; padding:0.2em 0.5em; border-radius:1em; }

.nav_volume{ width:100px; background-color:#af455f; color:White; padding:0.2em 0.5em; border-radius:1em; }

.nav_chapter{ width:600px; background-color:#dfb5bf; color:Black; padding:0.2em 0.5em; border-radius:1em; }