Common.css

/************************
Things for the Wikia 
************************/
/* took some fonts from cass's wikia bc she wubs me ;DDD */
/* ~~ Google Docs Imports ~~ */
@import url(https://fonts.googleapis.com/css?family=Audiowide);
@import url(https://fonts.googleapis.com/css?family=Press+Start+2P);
@import url(https://fonts.googleapis.com/css?family=Russo+One);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed);
@import url(https://fonts.googleapis.com/css?family=Nothing+You+Could+Do);
@import url(https://fonts.googleapis.com/css?family=Rock+Salt);
@import url(https://fonts.googleapis.com/css?family=Orbitron);
@import url(https://fonts.googleapis.com/css?family=Monoton);
@import url(https://fonts.googleapis.com/css?family=Creepster);
@import url(https://fonts.googleapis.com/css?family=Prosto+One);
@import url(https://fonts.googleapis.com/css?family=Delius);
@import url(https://fonts.googleapis.com/css?family=Graduate);
@import url(https://fonts.googleapis.com/css?family=VT323);
@import url(https://fonts.googleapis.com/css?family=Love+Ya+Like+A+Sister);
@import url(https://fonts.googleapis.com/css?family=Arvo);
@import url(https://fonts.googleapis.com/css?family=Alegreya);
@import url(https://fonts.googleapis.com/css?family=PT+Sans+Narrow);
@import url(https://fonts.googleapis.com/css?family=Black+Ops+One);
@import url(https://fonts.googleapis.com/css?family=Bangers);
@import url(https://fonts.googleapis.com/css?family=Exo);
@import url(https://fonts.googleapis.com/css?family=Exo+2);
@import url(https://fonts.googleapis.com/css?family=Roboto+Mono);
@import url(https://fonts.googleapis.com/css?family=Bree+Serif);
@import url(https://fonts.googleapis.com/css?family=Homemade+Apple);
@import url(https://fonts.googleapis.com/css?family=Allerta+Stencil);

.tag.usergroup-alli1 { 
    background-color: #370184 !important;
    color: #dcc2ff !important;
    font-family:'Corbel';
    border: 2px #3b008d outset;
    border-radius:3pc 1pc 3pc 1pc !important;
    box-shadow:0 2px 5px black;
    background-image:url("http://a1star.com/images/01-star-best.gif") !important;
    background-size:cover;
}

.tag.usergroup-alli2 { 
    background-color: #370184 !important;
    color: #dcc2ff !important;
    font-family:'Corbel';
    border: 2px #3b008d outset;
    border-radius:3pc 1pc 3pc 1pc !important;
    box-shadow:0 2px 5px black;
    background-image:url("http://a1star.com/images/01-star-best.gif") !important;
    background-size:cover;
}

.tag.usergroup-alli3 { 
    background-color: #370184 !important;
    color: #dcc2ff !important;
    font-family:'Corbel';
    border: 2px #3b008d outset;
    border-radius:3pc 1pc 3pc 1pc !important;
    box-shadow:0 2px 5px black;
    background-image:url("http://a1star.com/images/01-star-best.gif") !important;
    background-size:cover;
}

/* Custom Infobox */
.portable-infobox {
    border: 1px solid #565646;
    background-color: #191919;
    text-align: center;
    font-weight: normal;
    border-radius:1px;
    width: 280px;
}

.portable-infobox img {max-width:100%!important;height:auto;}

.portable-infobox .pi-title {
    text-align: center;
    font-family: 'Press Start 2P';
    background: #C69C39;
    color: #000;
    letter-spacing:-1px;
    font-size: 18px;
    line-height:1.2em;
    margin: 0 0 0;
}

.pi-image {
    text-align: center;
    margin: .5em auto;
}

.portable-infobox .pi-background-color { background-color: #4d4d4d; }

.portable-infobox .pi-border-color {
   border-color: black;
   border:none;
}

.pi-secondary-background {
    background-color: #C69C39;
}

.pi-image-collection-tab-content { background:none; }

.pi-data-value { margin:auto; }
.pi-caption { text-align:center; }

ul.pi-image-collection-tabs li {max-width:54%}
 
.WikiaNotifications li div a {
    color: #800000;
}

.tag {
    color: inherit;
}

/*Removes "Read More" Section of articles*/
.RelatedPagesModule {display: none;}

a.external:after {
        display: none !important;
}

/* Change Pen on Edit Button */
.sprite.edit-pencil {background: none transparent\9 !important;}
.sprite.edit-pencil {background: url('https://i.imgur.com/gZMnL7N.png') no-repeat !important;}
/* End of Pen on Edit Button */

/* Custom notification */
.notifications-container
 
.notifications-entry-point {
background-image: url(https://i.imgur.com/9EpVlDe.png);
background-position: center center;
background-size: 28.5px auto;
background-repeat: no-repeat;
cursor: pointer;
display: inline-block;
height: 45px;
position: relative;
width: 71px;}

/* Custom loading */
div.loading-message {
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

/* Custom Recent-Change colors */
.mw-plusminus-pos { color: #2A5059; } 
.mw-plusminus-neg { color: #600000; }

/* Custom Community-page */
.community-page-entry-point-module div.community-page-entry-point-logo {
    background: #000 url("https://i.imgur.com/4PXO0aJ.png") 50% 50%/28px 28px no-repeat;
}

/* ~~ KEYFRAMES- Rainbow Text || Credits to dapper ~~ */
.rainbow {
    animation:rainbow 2s infinite;
    -webkit-animation:rainbow 2s infinite;
    -moz-animation:rainbow 2s infinite;
}
@keyframes rainbow {
0% {color:  #fa5858;}
30% {color: #faac58;}
60% {color: #f4fa58;}
75% {color: #58fa58;}
90% {color: #58faf4;}
100% {color: #5858fa;}
}
@-webkit-keyframes rainbow {
0% {color:  #fa5858;}
30% {color: #faac58;}
60% {color: #f4fa58;}
75% {color: #58fa58;}
90% {color: #58faf4;}
100% {color: #5858fa;}
}
@-moz-keyframes rainbow {
0% {color:  #fa5858;}
30% {color: #faac58;}
60% {color: #f4fa58;}
75% {color: #58fa58;}
90% {color: #994400;}
100% {color: #5858fa;}
}

/************************
STAFF'S COLORS
/************************

/* GJ's colors */

a[href$=":GJ-Lewis_X"], 
a[href$="/GJ-Lewis_X"] {
    color: #800020 !important;
    font-weight: bold !important;
    font-size: 120%;
    font-family: New York Times;
}

/* AllY's shit */
 
 a[href$=":AestheticsAllY"],
 a[href$="/AestheticsAllY"]{
 color:purple;
 font-weight:bold;
    font-family:'Homemade Apple';
   background: -webkit-linear-gradient(330deg, #357175,#44bdb2,#61e9f9,#73a2ff,#caa4ff);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
 
	/* AllY's [Name Above Messages]*/
body.ChatWindow #WikiaPage > .Chat li[data-user="AestheticsAllY"] .username {
 color:purple;
 font-weight:bold;
    font-family:'Homemade Apple';
   background: -webkit-linear-gradient(330deg, #357175,#44bdb2,#61e9f9,#73a2ff,#caa4ff);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
 
	/* AllY's [Sidebar Name] */
body.ChatWindow #Rail li[data-user="AestheticsAllY"] .username {
 color:purple;
 font-weight:bold;
    font-family:'Homemade Apple';
   background: -webkit-linear-gradient(330deg, #357175,#44bdb2,#61e9f9,#73a2ff,#caa4ff);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent; }
 
  /* AllY's [Text Color] */
body.ChatWindow #WikiaPage > .Chat li[data-user="AestheticsAllY"] .message  {
    color: #B0B7EA !important; 
    font-family:'Trebuchet MS';
    font-style:italic;
    }
 
 

/* - alex's colors - */
a[href$=":Alexiel_Lucifen"],
a[href$="/Alexiel_Lucifen"]{
    color:#E4D00A;
    font-weight:bold;
    font-family:'Trebuchet MS';
    background:-webkit-linear-gradient(330deg,#E4D00A,#FFFF66,#E4D00A);
-webkit-background-clip:text !important;
-webkit-text-fill-color:transparent;
}
/* Alex [name above messages] */
body.ChatWindow #WikiaPage > .Chat li[data-user="Alexiel Lucifen"] .username {
    color:#E4D00A;
    font-weight:bold;
    font-style:italic;
    font-family:'Bell MT';
    background:-webkit-linear-gradient(330deg,#E4D00A,#FFFF66,#E4D00A);
-webkit-background-clip:text !important;
-webkit-text-fill-color:transparent;
}
/* Alex [sidebar name] */
body.ChatWindow #Rail li[data-user="Alexiel Lucifen"] .username {
    color:#E4D00A;
    font-weight:bold;
    font-style:italic;
    font-family:'Bell MT';
    background:-webkit-linear-gradient(330deg,#E4D00A,#FFFF66,#E4D00A);
-webkit-background-clip:text !important;
-webkit-text-fill-color:transparent;
}
/* - Alex - */
body.ChatWindow #WikiaPage > .Chat li[data-user="Alexiel Lucifen"] .message {
    color:#E4D00A;
    font-style:italic;
    font-family:'Trebuchet MS';
}

.WikiaPage .page-header__title {
    font-family:'Press Start 2P' !important;
    font-weight: 200 bold !important; 
    font-size: 20px;
}

/* Mark redirects in Special:Allpages and Special:Watchlist */
.allpagesredirect {
   font-style: italic;
}
.allpagesredirect:after {
   color: #808080; content: " (redirect)"
}
.watchlistredir {
   font-style: italic;
}

/*rail custom*/
.tb-rail-pin img {    vertical-align: middle; margin-right: 6px;}
.toc .toctitle h2 .wds-icon + .wds-icon {display: none;}

.rail-module__list.is-condensed-list {
    font-size: 95%;
    grid-gap: 6px;
}

/*main page aagames template*/
.tb-custon-aagames div {
    font-size:14px;
    border: 0px!important;
    box-shadow: none!important;
}

/*mainbutton*/
.tb-button {
    text-align: center;
    border-radius: 2.5px;
    background: rgba(45,71,115,0.0);
    transition: 0.3s;
    width: 105px;
    height: 105px;
    display: inline-block;
    border: 1px solid rgba(123, 91, 32, .2);
    font-size: 14px;
    margin: 7px;
}

.tb-b1 {
    display: flex;
    position: absolute;
    align-items: center;
    justify-content: center;
    width: 105px;
    height: 75px;
    pointer-events: none;
}

.tb-button a {
    display: flex;
    height: 100%;
    align-items: flex-end;
    justify-content: center;
    transition: backdrop-filter 0.2s ease-in;
    width: 100%;}


.tb-button:hover {
    border: 1px solid var(--theme-link-color);
}

.tb-button:hover img {filter: brightness(125%);}