IZ*ONE Wiki
Don't have an account?
Register
Register
IZ*ONE Wiki
IZ*ONE Wiki
624
pages

Wikia.css

MediaWiki page
Back to page
Sign in to edit
(Undo revision 19497 by Birbfriend (talk))
Tag: Undo
mNo edit summary
Line 6: Line 6:
 
color: black;
  
color: black;
 
}
  
}
−  
−
.mw-parser-output a.extiw, .mw-parser-output a.extiw:active, .mw-parser-output a.external { color: #633691; text-decoration: none; text-shadow: none; }
  
−  
−  
   
 
/* Background (Credits to UtauSteam) */
  
/* Background (Credits to UtauSteam) */

Revision as of 21:46, 9 April 2021

@import "/MediaWiki:Themes.css?ctype=text/css&action=raw";
@import "/load.php?mode=articles&articles=u:dev:MediaWiki:DropdownMenu.css&only=styles";
@import url('https://fonts.googleapis.com/css?family=Palanquin+Dark|Quattrocento+Sans|Text+Me+One|Lato|Noto+Sans+JP|Noto+Sans+KR');

mediawiki {
	color: black;
}

/* Background (Credits to UtauSteam) */
@media screen and (min-width: 1025px) { 
    body.skin-oasis {
 		background-image: linear-gradient(to bottom,#5FA9ED,#5E95E6,#6197E7,#557CDD,#4D77DB,#4B74DC,#4570DA,#4662DF,#3F5CD7,#3D4AD6,#424ED9,#4A45DC,#5C41D9,#6A40D4,#6A40D4,#7D3FDA,#7D3FDA,#873AD6)
        }

	.WikiaSiteWrapper .WikiaPage {
		padding-top: 0;
	}
	
	.WikiaPage .WikiaPageContentWrapper {
        background: transparent;
		position: relative;
}
	
	.WikiaPage .WikiaPageContentWrapper::before {
		opacity: 0.30;
        background: #fff url("https://static.wikia.nocookie.net/iz-one/images/8/8b/One_Reeler_Wiki_Background.jpeg/revision/latest") center fixed;
        background-size: cover;
		content: "";
      	position: absolute;
      	top: 0;
      	right: 0;
      	bottom: 0;
      	left: 0;
		z-index: -1;
	}
}

/* Page border */
.WikiaPage .WikiaPageContentWrapper {
    border-top: 2px solid #D4AB6E!important;
    border: 1px solid #D4AB6E;
}


/*  Infoboxes (Credits to IZ*ONE Wiki)  */
.portable-infobox {
    border: 2px solid #EF539D;
    border-radius: 6px;
    padding: 0;
    overflow:hidden;
}
.portable-infobox .pi-header, .portable-infobox .pi-title {
    background: #EF539D;
    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;
}
/* 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;
}

/**Custom Slider**/
#SliderView {
  background: transparent;
  width: 100%;  
  height: auto;
  position: relative;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  text-align: center;
}
#SliderWrapper {
  position: relative;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  -webkit-transition-timing-function: cubic-bezier(.67,.01,.23,1);
  -o-transition-timing-function: cubic-bezier(.67,.01,.23,1);
  transition-timing-function: cubic-bezier(.67,.01,.23,1);
}
#SliderWrapper, #SliderWrapper ul, #SliderWrapper li, #NavBtns, #NavBtns ul {
  margin: 0px;
  padding: 0px;
}
#NavBtns li {
  margin: 0px;
}
 
.Sld {
  height: auto;
  list-style: none;
  display: inline;
  float: left;
}
 
.SlideIMG {
  width: 100%;
}
.SlideIMG img {
  display: block;
  max-width: 100%;
  height: auto;
  min-width: 100%; 
  min-height: 100%; 
  position: relative;  
}
 
#NavBtns {
  position: absolute; 
  display: block;
}
.NavBtn {
  position: relative;
  display: block;
  top: 0px;
  width: auto;
  height: auto;
  list-style: none;
  margin: 0px;
  background: transparent;
}
 
.nmLeft {
  height: 100%;
  left: 0px;
  background: linear-gradient(to right, rgba(61,61,61,0.8), rgba(61,61,61,0.8),  transparent);
}
.nmLeft li {
  list-style: none;   
  padding: 10px 100px 10px 10px;
}
.nmLeft li:hover {
  cursor: pointer;
  background: linear-gradient(to right, rgba(81,81,81,0.8), rgba(81,81,81,0.8),  transparent);
}
 
.nmRight {
  height: 100%;
  right: 0px;
  background: linear-gradient(to left, rgba(61,61,61,0.8), rgba(61,61,61,0.8),  transparent);
  text-align: left;
}
.nmRight li {
  list-style: none;   
  padding: 10px 10px 10px 100px;
}
.nmRight li:hover {
  cursor: pointer;
  background: linear-gradient(to left, rgba(81,81,81,0.8), rgba(81,81,81,0.8),  transparent);
}
 
.nmTop {
  width: 100%;
  top: 0px;
  background: linear-gradient(to bottom, rgba(61,61,61,0.8), rgba(61,61,61,0.8),  transparent);
  text-align: left;
}
.nmTop li {
  display: inline-block;
  list-style: none;   
  padding: 10px 10px 20px 10px;
}
.nmTop li:hover {
  cursor: pointer;
  background: linear-gradient(to bottom, rgba(81,81,81,0.8), rgba(81,81,81,0.8),  transparent);
}
 
.nmBottom {
  width: 100%;
  bottom: 0px;
  background: linear-gradient(to top, rgba(61,61,61,0.8), rgba(61,61,61,0.8),  transparent);
  text-align: left;
}
.nmBottom li {
  display: inline-block;
  list-style: none;   
  padding: 20px 10px 10px 10px;
}
.nmBottom li:hover {
  cursor: pointer;
  background: linear-gradient(to top, rgba(81,81,81,0.8), rgba(81,81,81,0.8),  transparent);
}
 
.nbActiveLeft {
  background: linear-gradient(to right, rgba(111,111,111,0.8), rgba(111,111,111,0.8),  transparent);
}
.nbActiveRight {
  background: linear-gradient(to left, rgba(111,111,111,0.8), rgba(111,111,111,0.8),  transparent);
}
.nbActiveTop {
  background: linear-gradient(to bottom, rgba(111,111,111,0.8), rgba(111,111,111,0.8),  transparent);
}
.nbActiveBottom {
  background: linear-gradient(to top, rgba(111,111,111,0.8), rgba(111,111,111,0.8),  transparent);
}

/** 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 #EF539D !important;
    padding: 0.3em 0 !important;
}
.tabbernav a {
    padding: 0.3em 0.5em !important;
    margin: 0 !important;
    color: #F5F5F5 !important;
    border: none !important;
    background: #252525 !important;
}
.tabberactive a {
    color: #F5F5F5 !important;
    background: #EF539D !important;
}
.tabbernav :not(.tabberactive) a:hover {
    background: rgba(239,83,157, 0.2) !important;
}
.tabbertab {
    border: none !important;
    padding: 0 !important;
}

 /* Custom Dropdown Menu */
.WikiaArticle {
    overflow: visible;
}
.custom-dropdown {
    background: transparent !important;
    color: CurrentColor !important;
    font-weight:bold;
	padding: 1px 8px;
}
.custom-dropdown ul {
	list-style: none;
	min-width: 100%;
	top: 23px;
}
.custom-dropdown:hover ul {
	display: block;
}
.custom-dropdown li a,
.custom-dropdown li strong.selflink {
	height: 14px;
	line-height: 14px;
}
.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 {
    background: #f5f5f5;
}

/* Profile */
.avatar {
border-radius: 50%;
border-width: 1px;
border:3px solid #EF539D!important;
position: relative;
}

/* Logo Editing Mode */
.EditPageHeader > .wordmark img {
    filter: invert(1)hue-rotate(180deg);
}

/*Hover*/
.hoverimage img {
   transition: all 0.4s ease;
   opacity: 1;
   filter: alpha(opacity=100);
}
 
.hoverimage img:hover {
   opacity: 0.8;
   filter: alpha(opacity=80);
   transform:scaleX(0.95) scaleY(0.95);
}
 
.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);
}

/* Rails */
.WikiaRail .rail-module,.WikiaRail .module {
  border-radius: 5px;
}
 
.activityfeed > li {
  border-radius: 0 3px 3px 0;
}

.editsection img.sprite.edit-pencil {
	background-image: url('https://vignette.wikia.nocookie.net/iz-one/images/9/96/Color-iz-glints-sprite.png/revision/latest?cb=20200329210547');
	background-position: top left;
}
/** 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;
}

/***********************************************************************/
/*Members Background (Credits to BLACKPINK Wiki)*/
.page-Eunbi .WikiaPage .WikiaPageContentWrapper::before,
.page-Eunbi_Gallery .WikiaPage .WikiaPageContentWrapper::before,
.page-Eunbi_Trivia .WikiaPage .WikiaPageContentWrapper::before,
.page-Eunbi_Fancams .WikiaPage .WikiaPageContentWrapper::before {
	background: #000 url("/wiki/Special:FilePath/Eunbi_Wiki_Background.jpeg") top center fixed;	
	background-size: 1200px;
}
.page-Sakura .WikiaPage .WikiaPageContentWrapper::before,
.page-Sakura_Gallery .WikiaPage .WikiaPageContentWrapper::before,
.page-Sakura_Trivia .WikiaPage .WikiaPageContentWrapper::before,
.page-Sakura_Fancams .WikiaPage .WikiaPageContentWrapper::before {
background: #000 url("/wiki/Special:FilePath/Sakura_Wiki_Background.jpeg") top center fixed;
background-size: 1200px;
}
.page-Hyewon .WikiaPage .WikiaPageContentWrapper::before,
.page-Hyewon_Gallery .WikiaPage .WikiaPageContentWrapper::before,
.page-Hyewon_Trivia .WikiaPage .WikiaPageContentWrapper::before,
.page-Hyewon_Fancams .WikiaPage .WikiaPageContentWrapper::before {
background: #000 url("/wiki/Special:FilePath/Hyewon_Wiki_Background.jpeg") top center fixed;
background-size: 1200px;
}
.page-Yena .WikiaPage .WikiaPageContentWrapper::before,
.page-Yena_Gallery .WikiaPage .WikiaPageContentWrapper::before,
.page-Yena_Trivia .WikiaPage .WikiaPageContentWrapper::before,
.page-Yena_Fancams .WikiaPage .WikiaPageContentWrapper::before {
background: #000 url("/wiki/Special:FilePath/Yena_Wiki_Background.jpeg") top center fixed;
background-size: 1200px;
}
.page-Chaeyeon .WikiaPage .WikiaPageContentWrapper::before,
.page-Chaeyeon_Gallery .WikiaPage .WikiaPageContentWrapper::before,
.page-Chaeyeon_Trivia .WikiaPage .WikiaPageContentWrapper::before,
.page-Chaeyeon_Fancams .WikiaPage .WikiaPageContentWrapper::before {
background: #000 url("/wiki/Special:FilePath/Chaeyeon_Wiki_Background.jpeg") top center fixed;
background-size: 1200px;
}
.page-Chaewon .WikiaPage .WikiaPageContentWrapper::before,
.page-Chaewon_Gallery .WikiaPage .WikiaPageContentWrapper::before,
.page-Chaewon_Trivia .WikiaPage .WikiaPageContentWrapper::before,
.page-Chaewon_Fancams .WikiaPage .WikiaPageContentWrapper::before {
background: #000 url("/wiki/Special:FilePath/Chaewon_Wiki_Background.jpeg") top center fixed;
background-size: 1200px;
}
.page-Minju .WikiaPage .WikiaPageContentWrapper::before,
.page-Minju_Gallery .WikiaPage .WikiaPageContentWrapper::before,
.page-Minju_Trivia .WikiaPage .WikiaPageContentWrapper::before,
.page-Minju_Fancams .WikiaPage .WikiaPageContentWrapper::before {
background: #000 url("/wiki/Special:FilePath/Minju_Wiki_Background.jpeg") top center fixed;
background-size: 1200px;
}
.page-Nako .WikiaPage .WikiaPageContentWrapper::before,
.page-Nako_Gallery .WikiaPage .WikiaPageContentWrapper::before,
.page-Nako_Trivia .WikiaPage .WikiaPageContentWrapper::before,
.page-Nako_Fancams .WikiaPage .WikiaPageContentWrapper::before {
background: #000 url("/wiki/Special:FilePath/Nako_Wiki_Background.jpeg") top center fixed;
background-size: 1200px;
}
.page-Hitomi .WikiaPage .WikiaPageContentWrapper::before,
.page-Hitomi_Gallery .WikiaPage .WikiaPageContentWrapper::before,
.page-Hitomi_Trivia .WikiaPage .WikiaPageContentWrapper::before,
.page-Hitomi_Fancams .WikiaPage .WikiaPageContentWrapper::before {
background: #000 url("/wiki/Special:FilePath/Hitomi_Wiki_Background.jpeg") top center fixed;
background-size: 1200px;
}

.page-Yuri .WikiaPage .WikiaPageContentWrapper::before,
.page-Yuri_Gallery .WikiaPage .WikiaPageContentWrapper::before,
.page-Yuri_Trivia .WikiaPage .WikiaPageContentWrapper::before,
.page-Yuri_Fancams .WikiaPage .WikiaPageContentWrapper::before {
background: #000 url("/wiki/Special:FilePath/Yuri_Wiki_Background.jpeg") top center fixed;
background-size: 1200px;
}
.page-Yujin .WikiaPage .WikiaPageContentWrapper::before,
.page-Yujin_Gallery .WikiaPage .WikiaPageContentWrapper::before,
.page-Yujin_Trivia .WikiaPage .WikiaPageContentWrapper::before,
.page-Yujin_Fancams .WikiaPage .WikiaPageContentWrapper::before {
background: #000 url("/wiki/Special:FilePath/Yujin_Wiki_Background.jpeg") top center fixed;
background-size: 1200px;
}
.page-Wonyoung .WikiaPage .WikiaPageContentWrapper::before,
.page-Wonyoung_Gallery .WikiaPage .WikiaPageContentWrapper::before,
.page-Wonyoung_Trivia .WikiaPage .WikiaPageContentWrapper::before,
.page-Wonyoung_Fancams .WikiaPage .WikiaPageContentWrapper::before {
background: #000 url("/wiki/Special:FilePath/Wonyoung_Wiki_Background.jpeg") top center fixed;
background-size: 1200px;
}

/* Tabview */
#mw-content-text .tabs li.selected a:first-child {
    border-radius: 0 0 0 2px;
}
 
#mw-content-text .tabs {
  padding: 0;
}
 
.tabBody.selected {
  background: var(--activity-dark-background-color) !important;
  border-radius: 2px 2px 3px 3px !important;
  padding: 1em !important;
}
 
#mw-content-text .tabs li:not(.selected) a,
#mw-content-text .tabs li.selected a {
  font-size: 10px;
  padding: 11px 9px;
}
 
.wds-community-header__local-navigation [href="/wiki/Discography"] span::after,
.wds-community-header__local-navigation [href="/wiki/Category:Mini_Albums"] span::after,
.wds-community-header__local-navigation [href="/wiki/One-reeler"]::after {
    content: 'new';
    position: relative;
    background-color: #6E0516;
    top: 0;
    padding: 0 2px;
    font-size: 80%;
    font-weight: normal;
    border-radius: 4px;
    text-transform: lowercase;
    color: white;
    margin-left: 5px;
}
Community content is available under CC-BY-SA unless otherwise noted.