Common.css

/***** CSS placed here will be applied to all skins on the entire site. *****/
/* Timeline */
@import "/load.php?articles=MediaWiki:Wikia.css/Timeline.css&only=styles&mode=articles";
/* Gallery */
@import "/load.php?articles=MediaWiki:Wikia.css/Gallery.css&only=styles&mode=articles";

.Gallery {
background-color: rgb(111,94,122);
box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 1px 0px inset;
background-image:url('https://vignette.wikia.nocookie.net/mariahcarey/images/a/a3/Gallery.png/revision/latest?cb=20200517110058');
background-position: center;
background-size: cover;
}

#icons {
    position:absolute;
    z-index:100;
    right:12px;
    top:10px;
    float: right;
}
/* Hover */
.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%);
}

.rotate:hover img {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

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

/* Tabber style */
 
.tabbertab {
    border: none !important;
}
 
ul.tabbernav li a:link {
    color: #FFFFFF !important;
    border:none !important;
}
 
ul.tabbernav li a:visited {
    color: #ffffff;
}
 
ul.tabbernav li.tabberactive a {
    background-color: #4391d3 !important;
}
 
ul.tabbernav li a {
    background: #A1C8E9 !important;
}
 
.tabbernav {
    border: none !important;
    line-height:200% !important;
}
/* infoboxes */
.portable-infobox {
   width: 270px;
   background-color: #e6f7ff; 
}
.portable-infobox .pi-secondary-background {
   background-color: #c0eaff;
}
 
.pi-border-color {
    border-color: #b3e5fe;
}
/** tabs of infoboxes **/
ul.pi-image-collection-tabs li {
    border: none;
    font-size: x-small;
}
ul.pi-image-collection-tabs li.current {
    background: #d2d2d200;
    font-weight: bold;
    border-bottom: 4px solid #c0eaff;
    color: #309ae6;
}
li.pi-tab-link.pi-item-spacing {
    padding: 0px 10px;
    font-size: 10px;
    border-bottom: 4px solid transparent;
}
ul.pi-image-collection-tabs li {
    border: none;
}
ul.pi-image-collection-tabs {
    margin: 0 0 0 0 !important;
}
span.thumbnail-play-icon-container {
    display: none;
}
/* Messagebox templates */
.messagebox {
	border: 1px solid #aaa;
	border-radius: 3px;
	background-color: #f9f9f9;
	width: 80%;
	margin: 0 auto 1em;
	padding: 0.2em;
}
.messagebox.merge {
	border: 1px solid #c0b8cc;
	background-color: #f0e5ff;
	text-align: center;
}
.messagebox.cleanup {
	border: 1px solid #9f9fff;
	background-color: #efefff;
	text-align: center;
}
.messagebox.standard-talk {
	border: 1px solid #c0c090;
	background-color: #f8eaba;
}
.messagebox.nested-talk {
	border: 1px solid #c0c090;
	background-color: #f8eaba;
	width: 100%;
	margin: 2px 4px;
}
.messagebox.small,
.messagebox.small-talk {
	width: 238px;
	font-size: 85%;
	float: right;
	clear: both;
	margin: 0 0 1em 1em;
	line-height: 1.25em;
}
.messagebox.small-talk {
	background: #F8EABA;
}

/* New in Navigation (Credits to IZ*ONE Wiki & BTS WIKI) */
 
.wds-community-header__local-navigation [href="/wiki/Discography"] span::after,
.wds-community-header__local-navigation [href="/wiki/Category:Collaborations"] span::after {
    content: 'new';
    position: relative;
    background-color: #F7649B;
    top: 0;
    padding: 0 2px;
    font-size: 80%;
    font-weight: normal;
    border-radius: 4px;
    text-transform: lowercase;
    color: black;
    margin-left: 5px;
}

/* class for forum navigation templates */
.forumheader {
	background: #F2F5FD;
	border: none; 
	padding: 5px;
}

/*
	forum table
*/
.forumlist {
	width: 100%;
	background: #F2F5FD;
}
 
.forumlist-header {
	background: #D8E9FC;
}
 
.forumlist-header th {
	text-align: left;
}
 
.forumlist th, .forumlist td {
	padding: 3px;
}
 
.ahtable {
	padding: 0;
	width: 85%;
}
 
.ahtable th, .ahtable td {
	padding: 3px;
}
 
.ahth {
	text-align: left;
}
 
.ahtable .ahrt, .ahtable .ahrb {
	padding: 0;
}
 
.ahf {
	text-align: left;
	font-weight: normal;
}
 
.ahfstatus {
	font-weight: bold;
}
 
.hidable-button {
	color: #088;
	cursor: pointer;
}
.info-box .hidable-button,
.infobox .hidable-button {
	color: #f0f0f0;
}
 
#p-search #searchInput {
	text-transform: none;
}

/****** fixing UCP ******/

/* Add Photo Gallery button */
a.wds-button.wikia-photogallery-add {
    display: none;
}

/* TOC */
.toc .toctitle {
    text-align: center;
}
.toc {
    background-color: #f7f7f7;
    border: 1px solid #fbeaea;
}
.toc ::marker {
    content: '' !important;
    margin: 1px !important;
}
.toc ul {
    margin: .4em 0.1em .5em 0.5em;
}

/* Reflist */
.mw-parser-output .mw-references-wrap {
    clear: none;
}

/* Headers spacing*/
.WikiaArticle h2 {
    margin-top: 30px;
    padding-bottom: 3px;
}

/* Line-height */
.mw-parser-output p {
    line-height: 22px;
}

/* Headings (margen) */
.WikiaMainContent h1, .WikiaMainContent h2 {
    font-weight: inherit;
    margin: 30px 0 3px;
}
.WikiaMainContent h3, .WikiaMainContent h4, .WikiaMainContent h5, .WikiaMainContent h6 {
    font-weight: inherit;
    margin: .5em 0 .2em;
}

/* Vote Buttons and Stuff */
.voteScoreSelect {
    text-align: center;
    font-size: 12pt;
}
 
.voteScoreSelect a {
    font-size: 15px;
    color: #FFF !important;
    padding: 3px;
    text-decoration: none;
    display: inline-block;
    border: 1px solid #000;
    border-radius: 5px;
    text-align: center;
    width: 17px;
    font-weight: bold;
}
 
.voteButtons a, .concernButtonSmall a {
    font-size: 14px;
    color: #FFF !important;
    padding: 0 4px;
    text-decoration: none;
    display: inline-block;
    border: 1px solid #000;
    border-radius: 5px;
    text-align: center;
    background: #005F9C;
    font-weight: bold;
}
 
.concernButtonBig a {
    font-size: 16px;
    color: #FFF !important;
    padding: 2px 5px;
    text-decoration: none;
    display: inline-block;
    border: 1px solid #000;
    border-radius: 5px;
    text-align: center;
    background: #005F9C;
    font-weight: bold;
}
 
.voteButtons a:hover, .concernButtonSmall a:hover, .concernButtonBig a:hover {
    background: #008BE3;
}
 
.supportScoreButtons a {
    background: #4e9a06;
}
 
.neutralScoreButtons a {
    background: #555753;
}
 
.opposeScoreButtons a {
    background: #b83737;
}

.otherScoreButtons a {
    background: #3490c9;
}
 
.supportScoreButtons a:hover {
    background: #accf8a;
}
 
.neutralScoreButtons a:hover {
    background: #b0b1af;
}
 
.opposeScoreButtons a:hover {
    background: #d58a8a;
}

.otherScoreButtons a:hover {
    background: #8aa6d5;
}

.WikiaPage {
    font-family: 'Rubik', Helvetica Neue,Helvetica,Arial,sans-serif;
}
/** MariahInfobox **/
.portable-infobox.pi-theme-Mimibox {
    background-color: #ffffff;
    border: 1px #c3c3c3 solid;
    border-radius: 14px;
}
.portable-infobox.pi-theme-Mimibox .pi-title {
    color: #000;
}
.portable-infobox.pi-theme-Mimibox .pi-border-color {
    border-color: #309ae6;
}
.portable-infobox.pi-theme-Mimibox ul.pi-image-collection-tabs li.current {
    border-bottom: 4px solid #696969;
    color: #696969;
}
.portable-infobox.pi-theme-Mimibox .pi-secondary-background {
    background-color: #eaeaea;
}
.page-content {
    font-size: 13px;
}

/* Comment Highlighting */

.comments li[data-user="Naldotheboss"] blockquote {
   color:white !important; background:#000000 url("https://images.wikia.nocookie.net/__cb20140924031249/arianagrande/images/0/03/Admin_comment.png") bottom center no-repeat !important;
}

a[href="/wiki/User:Naldotheboss"] { font-weight:bold !important;}


/*the end*/