MediaWiki:Wikia.css

@import "/MediaWiki:Themes.css?ctype=text/css&action=raw"; @import url('https://fonts.googleapis.com/css?family=Palanquin+Dark|Quattrocento+Sans|Montserrat|Text+Me+One|Lato|Noto+Sans+JP|Noto+Sans+KR'); /* Font Site */ body { font-family: 'Lato', sans-serif; } .WikiaPage, .custom-dropdown { font-family: 'Palanquin Dark', 'Noto Sans KR', 'Noto Sans JP', sans-serif; } ul.pi-image-collection-tabs { margin: 0; } /***********************************************************************/

/* Span class */ .spanse, .spancr, .spanmm, .spanen, .spanqunew, .spansk { float:left; display: block; position: relative; z-index: 99; }

.spanse2, .spancr2, .spanmm2, .spanen2, .spanqunew2, .spansk2 { transition-duration: 0.5s; transition-timing-function: ease-out; display: block; position: absolute; z-index: 100; }

.spanse2, .spancr2, .spanmm2, .spanen2, .spanqunew2, .spansk2 { opacity: 0; } .spanse2:hover, .spanmm2:hover, .spanen2:hover, .spancr2:hover, .spanqunew2:hover, .spansk2:hover{ opacity: 100; }

/***Custom Background (Credits to UtauSteam)***/ @media screen and (min-width: 1025px) {

body.skin-oasis {

background-image: -moz-linear-gradient(#c57554,#e9de45,#fff570);

background-image: -webkit-linear-gradient(#c57554,#e9de45,#fff570);

background-image: -o-linear-gradient(#c57554,#e9de45,#fff570);

background-image: linear-gradient(to bottom,#c57554,#e9de45,#fff570);

}

.WikiaSiteWrapper .WikiaPage {

padding-top: 0;

}

.WikiaPage .WikiaPageContentWrapper {

background: transparent;

position: relative;

}

.WikiaPage .WikiaPageContentWrapper::before {

opacity: 0.25;

background: #fff url("https://static.wikia.nocookie.net/red-velvet-irene-seulgi/images/4/41/Monster_Bg.png/revision/latest?cb=20200911174356") center fixed;

background-size: cover;

content: "";

position: absolute;

top: 0;

right: 0;

bottom: 0;

left: 0;

z-index: -1;

}

}

/*****Color Links*****/ a[href="/wiki/Irene"]:hover, a[href="/wiki/Irene/Gallery"]:hover, a[href="/wiki/Irene/Trivia"]:hover, a[href="/wiki/Category:Irene"]:hover { color:#C21E56 !important; } a[href="/wiki/Seulgi"]:hover, a[href="/wiki/Seulgi/Gallery"]:hover, a[href="/wiki/Seulgi/Trivia"]:hover, a[href="/wiki/Category:Seulgi"]:hover, a[href="/wiki/Seulgi/Fancams"]:hover { color:#EEB211 !important; } a[href="/wiki/Red Velvet - Irene & Seulgi"]:hover, a[href="/wiki/Red Velvet - Irene & Seulgi/Gallery"]:hover, a[href="/wiki/Category:Red Velvet - Irene & Seulgi"]:hover, a[href="/wiki/WIZ*ONE"]:hover { background: linear-gradient(90deg, #C21E56, #EEB211); background-size: 2400% 2400%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: izdient 8s ease infinite; -moz-animation: izdient 8s ease infinite; animation: izdient 8s ease infinite; } @-webkit-keyframes izdient { 0%{background-position:0% 56%} 50%{background-position:100% 45%} 100%{background-position:0% 56%} } @-moz-keyframes izdient { 0%{background-position:0% 56%} 50%{background-position:100% 45%} 100%{background-position:0% 56%} } @keyframes izdient { 0%{background-position:0% 56%} 50%{background-position:100% 45%} 100%{background-position:0% 56%} }

/*Link Hover (Credit to ITZY Wiki)*/ a { -webkit-transition: all .2s linear 0s; -moz-transition: all .2s linear 0s; -ms-transition: all .2s linear 0s; -o-transition: all .2s linear 0s; transition: all .2s linear 0s; } a:hover { color:#FFF; text-decoration:none; -webkit-transition: all .2s linear 0s; -moz-transition: all .2s linear 0s; -ms-transition: all .2s linear 0s; -o-transition: all .2s linear 0s; transition: all .2s linear 0s; } /****Background****/

/* Border wiki customized and header */ .WikiaPage { border: 1px solid #FFF; -moz-border-radius:5px; -webkit-border-radius:2px; } /***********************************************************************/

/** Hovers **/ .increase img { opacity: 1; filter: alpha(opacity=100); transition: all 0.6s ease; } .increase img:hover { opacity: 0.8; filter: alpha(opacity=80); transform:scaleX(1.05) scaleY(1.05); }

.hoverimage img { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; opacity: 1; filter: alpha(opacity=100); } .hoverimage img:hover { opacity: 0.5; filter: alpha(opacity=50); } .grayscalehover { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } .grayscalehover:hover { -webkit-filter: invert(100%); }

.hoverspin img { opacity: 1; filter: alpha(opacity=100); transition: all 0.6s ease; } .hoverspin img:hover { opacity: 0.5; filter: alpha(opacity=50); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }

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

/* Tabber */ .tabbernav { font-family: Lato !important; font-weight: normal !important; font-size: 13px !important; border-bottom: 3px solid #FFF !important; padding: 0.3em 0 !important; } .tabbernav a { padding: 0.3em 0.5em !important; margin: 0 !important; color: #FFF !important; border: none !important; background: #ffd573 !important; } .tabberactive a { color: #000 !important; background: #FFF !important; } .tabbernav :not(.tabberactive) a:hover { background: rgba(255,250,120, 0.2) !important; } .tabbertab { border: none !important; padding: 0 !important; } /***********************************************************************/

/* Infoboxes  (Credit to IZ*ONE Wiki)*/ .portable-infobox { border: 2px solid #ffda82; border-radius: 6px; padding: 0; overflow:hidden; } .portable-infobox .pi-header, .portable-infobox .pi-title { background: #ffda82; color: white; text-align: center; font-weight: bold; }

.portable-infobox .pi-data-value { font-size: 12px; }

.portable-infobox.type-pairing .pi-header, .portable-infobox.type-pairing .pi-title { padding:0; } ul.pi-image-collection-tabs { border-bottom: 2px solid #F5F5F5; width: 100%; } ul.pi-image-collection-tabs li { padding: 3px 8px !important; border: 1px solid #F5F5F5; border-bottom: 0; border-top: 0; } ul.pi-image-collection-tabs li.current { background: #F5F5F5; color: #252525; } .pi-caption { text-align: center; }

/** Lyrics **/ .pi-theme-lyrics.portable-infobox { font-family: 'Palanquin Dark', 'Noto Sans KR', 'Noto Sans JP', sans-serif; background: transparent; width: auto; float: none; } .pi-theme-lyrics .pi-data { width: 90%; margin: 0 auto; } .pi-theme-lyrics .pi-data-value { font-size: 14px; } .pi-theme-lyrics .pi-navigation { background:#0013; font-size: 14px; font-weight: initial; } .portable-infobox .pi-section-tab:only-child { display: none; } .pi-theme-lyrics .pi-section-contents { background: #001c; } .pi-theme-lyrics .pi-panel-scroll-wrapper { background: #0013; }

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

/* Aspecto de las galerías (etiqueta gallery) */ .wikia-gallery-item { border: none !important; background-color: transparent !important; background: transparent !important; filter: none; color: #E6E6E6; padding: 1px !important; margin: 0px !important; font-size:12px; }

.wikia-gallery-item a { color:#CCCCCC; } .wikia-gallery-item a:hover { color:#E59A9A; } .accent { border: 1px solid #E59A9A !important; background-color: transparent !important; color: #E6E6E6; font-size:12px; } .wikia-gallery-item > .lightbox-caption { font-size:12px; margin:0px; color: #e6e6e6; } .wikia-gallery-item > div.thumb { height: auto !important; background: transparent; border: none !important; margin: 0px !important; font-size:12px; } .wikia-gallery-item > div.thumb > div.gallery-image-wrapper { position:static !important; }

.media-gallery-wrapper .media img { outline: 1px solid var(--activity-icon-color); }

/* Custom Dropdown Menu */ .WikiaArticle { overflow: visible; } .custom-dropdown { background: transparent !important; color: CurrentColor !important; font-weight:bold; padding: 1px 8px; } .custom-dropdown:hover ul { display: block; } .custom-dropdown li a, .custom-dropdown li strong.selflink { height: 14px; line-height: 14px; font-size:10px !important; } .custom-dropdown .wikia-menu-button:hover { background-color: #f5f5f5 !important; } .wikia-menu-button ul strong.selflink { display: block; padding: 9px 9px 7px; } .wikia-menu-button ul strong.selflink:hover { text-decoration: underline var(--activity-light-background-color); background: var(--activity-light-morelink-color); cursor: default; } .custom-dropdown:not(:first-of-type) > :first-child:before { content: "•"; position: relative; left: -9px; } .custom-dropdown > :first-child:after { background-image: url(data:image/gif;base64,R0lGODlhAQABAIABAAAAAP///yH5BAEAAAEALAAAAAABAAEAQAICTAEAOw%3D%3D); border-color: #fff9 transparent transparent; border-width: 2px; }