Piano Tiles Wiki
Register
Advertisement

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* Portable Infobox styling */
.portable-infobox {
   width: 250px;
}

.portable-infobox .pi-item-spacing {
   padding: 5px 7px 5px 7px;
}

/* Styling for individual themes: Background for pt2 theme */
.portable-infobox.pi-theme-pt2 {
   width: 325px;
}

/* Note: Needs to follow exactly as written*/
.portable-infobox.pi-theme-pt2.pi-background {
   background-color: #ddf0ff;
}

.portable-infobox.pi-theme-pt2 .pi-secondary-background {
   background-color: #99e0ff;
}

.portable-infobox.pi-theme-pt2 .pi-border-color {
  border-color:#99e0ff;
}

.portable-infobox.pi-theme-pt2 .pi-title {
    font-size:150%;
    font-weight: bold;
    font-family: Futura, Cambria, Serif;
    color:#0080c0;
    text-align: center;
}

/* Styling for individual themes: Background for game theme */
.portable-infobox.pi-theme-game .pi-item-spacing {
    padding:0.5em; 
    -moz-border-radius:10px; 
    -webkit-border-radius:10px; 
    -o-border-radius:10px;
    border-radius: 10px;
}

.portable-infobox.pi-theme-game .pi-title {
  font-size:150%;
  font-weight: bold;
  font-family: Cambria, Georgia, serif;
  text-align: center;
}

.portable-infobox.pi-theme-game.pi-background {
   background-color: #cdcdcd;
}

.portable-infobox.pi-theme-game .pi-secondary-background {
  font-size:120%;
  background-color:#000000; 
  color:#eeeeee;
  text-align: center;
  }
  
.portable-infobox.pi-theme-game .pi-border-color {
  border-color:#aaaaaa;
}

/* Special TPS cell colors 
Rounded to the nearest number: Allows 2.5 ~ 8.5 Range */
td.TPS3 {
   border: 1.5px solid #4fc7ea;
   background-color: #edf9fc;
   color: #2f778c;
}
td.TPS4 {
   border: 1.5px solid #80e56f;
   background-color: #e5f9e2;
   color: #4c8942;
}
td.TPS5 {
   border: 1.5px solid #effd14;
   background-color: #fbfed0;
   color: #777e0a;
}
td.TPS6 {
   border: 1.5px solid #fadc4a;
   background-color: #f2e4a8;
   color: #96842c;
}
td.TPS7 {
   border: 1.5px solid #ec5b1b;
   background-color: #f9cdba;
   color: #8d3610;
}
td.TPS8 {
   border: 1.5px solid #e698f7;
   background-color: #ecc0fe;
   color: #633b87;
}


/* Custom Gradients */
.gradient-radialred {
  background-image:
    radial-gradient(
      red, #882222
    );
}
.gradient-radialorange {
  background-image:
    radial-gradient(
      #f59922, #888822
    );
}
.gradient-radialyellow {
  background-image:
    radial-gradient(
      yellow, #f06d06
    );
}
.gradient-radialgreen {
  background-image:
    radial-gradient(
      green, #66bb55
    );
}
.gradient-radialblue {
  background-image:
    radial-gradient(
      #22eeff, #aa99ff
    );
}

/* Header Styling */
.wds-community-header {
    background-color: #96d3ff;
}

.wds-community-header::before {
    background: linear-gradient(to right,rgba(0,160,226,0.9),rgba(235,195,235,0.1)),linear-gradient(to left,rgba(150,211,255,0.3) 200px,#eb8deb 430px);
}

/* Username Link Highlights for Leaders*/
 
/* Bots */
a[href="/wiki/User:BlueENhelp"] {color:#026f7c; font-style:italic;}

/* Importing tabbers. Tabber layout and setup (Used Encyclopedia SpongeBobia
[[http://spongebob.wikia.com]] for references) */
.tabbertab {
   border-top: 2px solid #441155 !important;
   border-bottom: none !important;
   border-left: none !important;
   border-right: none !important;
}
 
/* add spaces to tabview tabs */
.tabberlive > ul.tabbernav > li {
        margin-right: 2px;
}
/* not applying on the last tabview tabs */
.tabberlive > ul.tabbernav > li:last-child {
        margin-right: 0px;
}
 
.tabbernav {
   background: transparent;
   border-bottom: none !important;
   padding: 3px 0 !important;
}
 
ul.tabbernav li a {
   color: #441155 !important;
   padding: 3px 0.5em !important;
   margin-left: 0px !important;
   background: #fdcfee !important;
   border: 2px solid #441155 !important;
   font-weight: normal !important;
   -moz-border-radius-topright: 10px !important;
   border-top-right-radius: 10px !important;
   -moz-border-radius-topleft: 10px !important;
   border-top-left-radius: 10px !important;
   position: relative;
}
 
ul.tabbernav li a:hover{
   background: #ebdbee !important;
}
 
ul.tabbernav li.tabberactive a {
   border: 2px solid #441155 !important;
   color: #000 !important;
   font-weight: bold !important;
   border-bottom: 2px solid #441155 !important;
   background-color: #ebdbee !important;
   cursor: default;
}
 
ul.tabbernav li.tabberactive {line-height: 0px !important;}
 
ul.tabbernav li.tabberactive:first-child a {
   margin-left: 0px !important;
}
 
.tabbertab  .ajax-poll {
   border: none !important;
}
 
.tabberlive .tabbertab h2, .tabberlive .tabbertab h3 {
   display:block !important;
}

/* Leader Highlights (Highlighted links, blockquotes, special text) */

/* Highlight Links (Active Leaders)*/
a[href="/wiki/User:Blueeighthnote"],
a[href="/wiki/User:Blueeighthnote"] {color:#be8cff; font-weight:bold; -webkit-text-stroke: 4px #6c3fa6; paint-order: stroke fill;}
a[href="/wiki/User:EnigmaLord515"],
a[href="/wiki/User:EnigmaLord515"] {color:#be8cff; font-weight:bold; -webkit-text-stroke: 4px #6c3fa6; paint-order: stroke fill;}

/* Highlight Links (Retired Leaders)*/
a[href="/wiki/User:Blueeighthnote"],
a[href="/wiki/User:Blueeighthnote"] {color:#66bdff; font-weight:bold;}
a[href="/wiki/User:EnigmaLord515"],
a[href="/wiki/User:EnigmaLord515"] {color:#66bdff; font-weight:bold;}
a[href="/wiki/User:Kisunani"],
a[href="/wiki/User:Kisunani"] {color:#66bdff; font-weight:bold;}
a[href="/wiki/User:BowserFanKai"],
a[href="/wiki/User:BowserFanKai"] {color:#66bdff; font-weight:bold;}

/* Blockquotes (Active Leaders)*/
.comments li[data-user="Kai_12"] blockquote {color:black !important; background: #ddf0ff !important;}
.comments li[data-user="Kai_12"] blockquote:after {border-color: transparent #ddf0ff #ddf0ff transparent !important;}
.comments li[data-user="Kai_12"] blockquote div {background: transparent !important;}
.comments li[data-user="Kai_12"] blockquote {border: 3px solid #119ee3 !important;}

.comments li[data-user="Evan0512"] blockquote {color:black !important; background: #ddf0ff !important;}
.comments li[data-user="Evan0512"] blockquote:after {border-color: transparent #ddf0ff #ddf0ff transparent !important;}
.comments li[data-user="Evan0512"] blockquote div {background: transparent !important;}
.comments li[data-user="Evan0512"] blockquote {border: 3px solid #119ee3 !important;}

/* Special Text */
.comments li[data-user="Kai_12"] .edited-by:after,
.comments li[data-user="Evan0512"] .edited-by:after
{
    content: "Administrator"; 
    color: #ffffff; 
    background-color: #0080c0; 
    border-color:#0080c0; 
    border-radius: 6px; 
    padding: 2px 5px; 
    margin-left: 3px;}
Advertisement