MediaWiki:Common.css

/**** GENERAL ****/ /* mark redirects */ .allpagesredirect, .watchlistredir { font-style: italic; } .allpagesredirect:after { color: #808080; content: " (redirect)" } /** clear **/ .clear { clear: both; } /** article links div#mw-content-text p > a { position: relative; color: #006cb0; text-decoration: none; } div#mw-content-text p > a:hover { color: #006cb0; text-decoration: none; } div#mw-content-text p > a::before { content: ""; position: absolute; width: 100%; height: 1px; bottom: 0; left: 0; background-color: #006cb0; visibility: hidden; transform: scaleX(0); -o-transform: scaleX(0); transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; } div#mw-content-text p > a:hover::before { visibility: visible; transform: scaleX(1); -o-transform: scaleX(1); } p > a, span > a { color: #006cb0; text-decoration: none; transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; border-bottom: 1px solid transparent; }

p > a:hover, span > a:hover { border-color: #006cb0; text-decoration: none !important; }

.sp_box03_h_wrap{ background-image:url(http://www.marv.jp/special/tokyoghoul/images/tmp/w_bg_01.jpg); width: 100%; margin:0 4px 0 4px; }

.sp_box03_h{ background-image:url(http://www.marv.jp/special/tokyoghoul/images/tmp/bg_mark02.png); background-repeat:no-repeat; background-position:center left; min-height:50px; display:flex; align-items: center; }

.sp_box03_htitle{ /*font-family: 'Noto Sans Japanese', "游ゴシック", YuGothic, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; color:rgba(255,255,255,1.00); font-size:110%; padding:0 20px 0 40px; letter-spacing: 2px; }**/

/* READ MORE

.random span.read-more{ display: inline-block; width: auto; padding: 4px 14px; background: darkgray; color: #f9f9f9; border-bottom: none; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 13px; font-weight: bold; text-transform: uppercase; } .random span.read-more:hover{ background: #012e59; color: #f9f9f9; }

PHOTO BANNER

@keyframes "bannermove" { 0% {   margin-left: 0px; } 100% {   margin-left: -3297px; } } @-moz-keyframes bannermove { 0% {   margin-left: 0px; } 100% {   margin-left: -3297px; } } @-webkit-keyframes "bannermove" { 0% {   margin-left: 0px; } 100% {   margin-left: -3297px; } }

@-ms-keyframes "bannermove" { 0% {   margin-left: 0px; } 100% {   margin-left: -3297px; } } @-o-keyframes "bannermove" { 0% {   margin-left: 0px; } 100% {   margin-left: -3297px; } }

.mainpage-photobanner { overflow: hidden !important; }

.mainpage-photobanner .photobanner { height: auto; width: 4059px; }

.mainpage-photobanner .photobanner img { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }

.mainpage-photobanner .photobanner img:hover { cursor: pointer; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); -webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.2); -moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.2); box-shadow: 0px 3px 5px rgba(0,0,0,0.2); }

.mainpage-photobanner .first { -webkit-animation: bannermove 30s linear infinite; -moz-animation: bannermove 30s linear infinite; -ms-animation: bannermove 30s linear infinite; -o-animation: bannermove 30s linear infinite; animation: bannermove 30s linear infinite; }

LINES

border-top: 1px solid rgba(0, 0, 0, 0.5); opacity: 1; position: absolute; bottom: 33px; width: 100%; }
 * 1) down {

border-right: 1px solid rgba(0, 0, 0, 0.5); border-bottom:3px solid #fff; opacity: 1; position: absolute; left: 20px; height: 617px; top: 10px; width: 20px; }
 * 1) left {

display: none; opacity: 1; position: absolute; left: 20px; width: 10px; height: auto; right: 50px; top: 50%; margin-top: -115px; }
 * 1) right {

border-top: 1px solid #000; opacity: 1; position: absolute; top: 10px; width: 100%; }
 * 1) up {

margin-top: -11px; height: 3px; width: 200px; border-bottom: 1px solid rgba(0, 0, 0, 0.5); }
 * 1) up_inner {

background: #000; height: 3px; width: 100px; }
 * 1) inner {

left: 0; margin-top: 0; top: 0; position: absolute; width: 0; }
 * 1) up_inner {

width: 0; }
 * 1) inner, #down, #up {

background: #000; bottom: 30px; height: 3px; left: 0; position: absolute; width: 0; z-index: 10; }
 * 1) bottom_inner {

border-top: 1px solid rgba(0,0,0,0.5); bottom: 40px; left: -170px; position: absolute; width: 140px; height: 140px; -webkit-transform: rotate(45deg); transform: rotate(45deg); transform-origin: center center; }   height: 0; }   background-color: #000; height: 3px; left: 0; position: absolute; top: 624px; width: 0; }
 * 1) bottom_slant {
 * 1) left {
 * 1) left_bottom {

GALLERIES

clear: both; padding: 5px; border: 2px solid #000; background-color: #e5e5e5; }   padding: 0.2em 0.4em; margin: 0 0 10px 0; background-color: #012e59; color: #fff; font-size: 120%; font-weight: bold; text-align: center; }   background-color: transparent; color: #3a3a3a; font-weight: normal; }
 * 1) gallery {
 * 1) gallery h2{
 * 1) toctitle h2{

/* MAIN PAGE MANIPULATION

.page-WEEABXTCH_Wiki .WikiaPageBackground { background-image: url("https://vignette.wikia.nocookie.net/weeabxtch/images/1/16/First_base_background.png/revision/latest?cb=20171014213639") !important; }

.page-WEEABXTCH_Wiki .WikiaArticle { } .page-WEEABXTCH_Wiki .WikiaArticle a:hover{ text-decoration: none; } .page-WEEABXTCH_Wiki .WikiaArticle h2 { margin: 4px 0; } .page-WEEABXTCH_Wiki .WikiaArticle .rcs-container h3 { background: #33577a; padding: 0; margin: 0; margin-bottom: 15px; text-align: center; text-transform: uppercase; line-height: 18px; overflow: hidden; } .page-WEEABXTCH_Wiki .WikiaArticle .rcs-container h3 span { background: #dfdede; padding: 0 10px; margin: 0; color: #333; }

mainpage general boxes

.mainpage-box { width: auto; background-color: rgba(0,0,0,0.1); padding: 10px !important; margin-bottom: 10px !important; }

introduction .mainpage-intro h2 { font-size: 30px; text-transform: uppercase; margin: 0; margin-bottom: 10px; text-align: center; line-height: 30px !important; border: 0 !important; } .mainpage-intro hr { margin-top: 10px; margin-bottom: 10px; border: 2px solid #111; width: 30px; }

wiki statistics

.mainpage-stats p { margin: 0; } .mainpage-stats .stat-item { width: 100%; padding: 10px 0; margin: 0; border-bottom: 1px solid #111; } .mainpage-stats .stat-item:first-child { padding-top: 0; } .mainpage-stats .stat-item:last-child { padding-bottom: 0; border: 0; } .mainpage-stats .stat-image { float: left; width: 40px; height: 40px; overflow: hidden; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 2px solid #111; margin: 0 10px; } .mainpage-stats .stat-image.articles { background: url("https://vignette.wikia.nocookie.net/weeabxtch/images/2/26/Main-page-articles.png/revision/latest?cb=20171103212551") no-repeat center center; background-size: 60% auto; } .mainpage-stats .stat-image.edits { background: url("https://vignette.wikia.nocookie.net/weeabxtch/images/7/7d/Main-page-edits.png/revision/latest?cb=20171103212550") no-repeat center center; background-size: 60% auto; } .mainpage-stats .stat-image.readers { background: url("https://vignette.wikia.nocookie.net/weeabxtch/images/f/f2/Main-page-readers.png/revision/latest?cb=20171103212551") no-repeat center center; background-size: 60% auto; } .mainpage-stats .stat-image.files { background: url("https://vignette.wikia.nocookie.net/weeabxtch/images/8/80/Main-page-files.png/revision/latest?cb=20171103212552") no-repeat center center; background-size: 60% auto; }

.mainpage-stats .stat-content { display: table; margin: 0; position: relative; padding: 8px 0; font-size: 125%; } .mainpage-stats .stat-content a:link, .mainpage-stats .stat-content a:visited { color: #111; } .mainpage-stats .stat-content a:hover, .mainpage-stats .stat-content a:active { color: #012e59; } .mainpage-stats .stat-content p { margin: 0; }

featured article

.mainpage-featured-article h2 { width: 100%; background-color: #fff; border: 0; margin-bottom: 8px !important; padding: 5px 0; } .mainpage-featured-article .featured-article-cards { display: flex; margin-bottom: 8px; } .mainpage-featured-article .featured-article-image { flex-basis: 250px; margin-right: 8px; overflow: hidden; } .mainpage-featured-article .featured-article-image img { width: 250px; vertical-align: middle; height: auto; min-height: 250px; } .mainpage-featured-article .featured-article-image p { margin: 0; } .mainpage-featured-article .featured-article-content { flex: 1; padding: 10px; position: relative; background-color: #fff; } .mainpage-featured-article .featured-article-content blockquote { display: block; padding: 10px 5px; border: 3px solid #333; border-left: 0; border-right: 0; margin: 0 0 10px; font-size: 16px; line-height: 1.2; } .mainpage-featured-article .featured-article-content span.read-more { text-transform: uppercase; color: inherit; } .mainpage-featured-article .featured-article-content span.read-more:hover { text-transform: uppercase; color: #012e59; }

featured article bottom

.mainpage-featured-article-bottom { width: auto; background: yellow; padding: 10px; margin-bottom: 10px; } .mainpage-featured-article-bottom p { margin: 0; } .mainpage-featured-article-bottom span.tg-button { margin: 0; float: right; line-height: 14px; padding: 5px 10px; border: 1px solid #012e59; text-transform: uppercase; color: #012e59; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .mainpage-featured-article-bottom span.tg-button:hover { color: #fff; background-color: #012e59; }

characters

.mainpage-char ul { margin: 0; max-width: 100%; text-align: center; background-color: #000; } .mainpage-char li { display: inline-block; margin: 2px; width: 100px; overflow: hidden; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .mainpage-char img { display: block; height: auto; max-width: 100%; -webkit-transition: all 300ms; -moz-transition: all 300ms; transition: all 300ms; margin: 0 auto; } .mainpage-char li:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); } .mainpage-char .char-box { height: 100px; overflow: hidden; position: relative; width: 100px; } .mainpage-char .char-box p { margin: 0; } .mainpage-char .char-name { background: rgba(0,0,0,0.5); color: white; display: table; height: 100%; left: 0; opacity: 0; position: absolute; right: 0; top: 0; z-index: 100; -webkit-transition: all 300ms; -moz-transition: all 300ms; transition: all 300ms; -webkit-transition-delay: 100ms; -moz-transition-delay: 100ms; transition-delay: 100ms; } .mainpage-char li:hover .char-name { opacity: 1; } .mainpage-char .char-name p { display: table-cell; font-size: 18px; position: relative; top: 40px; width: 100px; vertical-align: middle; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; transition: all 300ms ease-out; } .mainpage-char .char-name p a:link, .mainpage-char .char-name p a:visited { color: #fff; } .mainpage-char .char-name p a:hover, .mainpage-char .char-name p a:active { text-decoration: none; color: #fff; } .mainpage-char li:hover .char-name p { -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); transform: translateY(-40px); }