Pixel Dungeon Wiki
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.
/***** CSS placed here will be applied to all skins on the entire site. *****/

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

/* Giving headers and TOC a little extra space */
h2 {
  margin-top: 20px;
}
.toc {
  margin-top: 20px;
}

/* Infobox template style */
.infobox {
  border: 1px solid #aaaaaa;
  background-color: #f9f9f9;
  color: black;
  margin-bottom: 0.5em;
  margin-left: 1em;
  padding: 0.2em;
  float: right;
  clear: right;
  border-radius:6px;
}
.infobox td,
.infobox th {
  vertical-align: top;
}
.infobox caption {
  font-size: larger;
  margin-left: inherit;
}
.infobox.bordered {
  border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
  border: 1px solid #aaaaaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
  border: 0;
}

/* Forum formatting (by -Algorithm & -Splaka) */
.forumheader {
  border: 1px solid #aaa;
  margin-top: 1em;
  padding: 12px;
}
.forumlist td.forum_edited a {
  color: black;
  text-decoration: none;
}
.forumlist td.forum_title a {
  padding-left: 20px;
}
.forumlist td.forum_title a.forum_new {
  font-weight: bold;
  background: url(/images/4/4e/Forum_new.gif) center left no-repeat;
  padding-left: 20px;
}
.forumlist td.forum_title a.forum_new:visited {
  font-weight: normal;
  background: none;
  padding-left: 20px;
}
.forumlist th.forum_title {
  padding-left: 20px;
}

/* Recent changes byte indicators */
.mw-plusminus-pos {
  color: #006500;
}
.mw-plusminus-neg {
  color: #8B0000;
}

/* Image frame fix */
div.tright,
div.tleft {
  border: 1px solid silver;
}

div.thumbinner {
  background: inherit;
  border: none;
  color: inherit;
}
#article div.thumb {
  color:inherit;
}

/* === Babel === */

div.babelbox {
  float: right;
  margin-left: 1em;
  margin-bottom: 0.5em;
  width: 246px;
  border: 1px solid #99B3FF;
  padding: 2px 0 2px 0;
}
.lang-blockN,
.lang-block0,
.lang-block1,
.lang-block2,
.lang-block3 {
  margin: 2px 4px 2px 4px; /* t, l, b, r */
  width:238px;
  border-collapse: collapse;
}
td.lang-codeN,
td.lang-code0,
td.lang-code1,
td.lang-code2,
td.lang-code3 {
  text-align:center;
  font-size:14pt;
  width:45px;
  height:45px;
}
td.lang-descriptionN,
td.lang-description0,
td.lang-description1,
td.lang-description2,
td.lang-description3 {
  font-size:8pt;
  padding:4pt;
  line-height:1.25em;
}

.lang-block0 {
  border:1px solid #FFB3B3;
}
td.lang-code0 {
  background-color: #FFB3B3;
  color: black;
}
td.lang-description0 {
  background-color: #FFE0E8;
  color: black;
}

.lang-block1,
.lang-block2,
.lang-block3  {
  border:1px solid #99B3FF;
}
td.lang-code1,
td.lang-code2,
td.lang-code3 {
  background-color: #99B3FF;
  color: black;
}
td.lang-description1,
td.lang-description2,
td.lang-description3 {
  background-color: #E0E8FF;
  color: black;
}

.lang-blockN {
   border: 1px solid #6EF7A7;
}
td.lang-codeN {
  background-color: #6EF7A7;
  color: black;
}
td.lang-descriptionN {
  background-color: #C5FCDC;
  color: black;
}

/* Scale images so they stay pixelated: Thread:8459 */
img {
  -ms-interpolation-mode: nearest-neighbor;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  image-rendering: pixelated;
}
/* For scaling down images, the wikia pre scales the images blurred
 To stop this, tell wikia to embed the image at full size then 
 embed the image into the "pixel image" template */
.pixel-image img {
    width: 100%;
    height: 100%;
}

/*** http://community.wikia.com/wiki/User_blog:Monchoman45/Improving_your_interface_with_CSS/JS ***/

/* remove image attribution */
.WikiaArticle .picture-attribution {
  display: none;
}

/* remove galleries' boarders */
.accent {
  border-color: #333333;
  border-style: none;
  background-color: transparent;
}
.wikia-gallery-item .thumb .gallery-image-wrapper {
  border-style: none;
}

/* border around {{game description}} */

.db_tl { background-image:url('https://images.wikia.nocookie.net/__cb20140419040600/pixeldungeon/images/4/4a/Description_box_tl.png'); }
.db_t { background-image:url('https://images.wikia.nocookie.net/__cb20140419040600/pixeldungeon/images/d/df/Description_box_t.png'); }
.db_tr { background-image:url('https://images.wikia.nocookie.net/__cb20140419040600/pixeldungeon/images/1/1d/Description_box_tr.png'); }
.db_l { background-image:url('https://images.wikia.nocookie.net/__cb20140419040559/pixeldungeon/images/a/ad/Description_box_l.png'); }
.db_c { background-image:url('https://images.wikia.nocookie.net/__cb20140419040559/pixeldungeon/images/a/a7/Description_box_c.png');}
.db_r { background-image:url('https://images.wikia.nocookie.net/__cb20140419040600/pixeldungeon/images/0/05/Description_box_r.png'); }
.db_bl { background-image:url('https://images.wikia.nocookie.net/__cb20140419040558/pixeldungeon/images/8/80/Description_box_bl.png'); }
.db_b { background-image:url('https://images.wikia.nocookie.net/__cb20140419040559/pixeldungeon/images/b/b6/Description_box_d.png'); }
.db_br { background-image:url('https://images.wikia.nocookie.net/__cb20140419040558/pixeldungeon/images/e/ec/Description_box_br.png'); }

@font-face 
{
  font-family: 'Game font';
  src: url(https://rawgit.com/mdsimmo/DumpingGround/master/pdfont.woff);
}

.gamefont
{
  font-family: 'Game font';
  text-shadow:
  -1px -1px 0 #000,
  1px -1px 0 #000,
  -1px 1px 0 #000,
  1px 1px 0 #000;  
}

.audio .ogg_player div a 
{
  display: none;
}

/*
 * Allow limiting of which header levels are shown in a TOC;
 * <div class="toclimit-3">, for instance, will limit to
 * showing ==headings== and ===headings=== but no further.
 * Used in [[Template:TOC]]
 */
.toclimit-1 .toclevel-2,
.toclimit-2 .toclevel-3,
.toclimit-3 .toclevel-4,
.toclimit-4 .toclevel-5,
.toclimit-5 .toclevel-6,
.toclimit-6 .toclevel-7 {
  display: none;
}

/* center headings on tables */
.center-table th, .center-table tr, .center-table {
  text-align: center;
}

/* NEW INFOBOX STYLING (need to remove old styling once infoboxes are converted) */
.standard-infobox-container {
  border: 1px solid #aaaaaa;
  background-color: #f9f9f9;
  float: right;
  clear: right;
  border-image: url("https://images.wikia.nocookie.net/__cb20140612104337/pixeldungeon/images/f/fd/Description_box3.png") 16 16 round;
  border-width: 16px;
  background-image: url("https://images.wikia.nocookie.net/__cb20140611204322/pixeldungeon/images/4/49/Infoboxbg3.png");
  padding: 8px;
  max-width: 200px;
}

.standard-infobox-main-image {
  text-align: center;
}

.standard-infobox-title {
  text-align: center;
  border-top: 1px solid #6B6A6A;
  background: #535353;
  font-size: 17px;
  height: 48px;
  width: 200px;
}

.standard-infobox-custom #button1, .standard-infobox-custom #button2 {
    text-align: right;
}

.standard-infobox-header {
  border-top: 1px solid #6B6A6A;
  background-color: #535353;
  border-top: 1px solid #6B6A6A;
  text-align: center;
  font-weight: bold;
  padding: 4px;
}

.standard-infobox-line-left {
  font-weight: bold;
  padding-right: 16px;
}
/* END NEW INFOBOX STYLING */

/* Message that can only appear in visual editor */
.ve-notification-message {
    display: none;
}
.ve-init-target .ve-notification-message {
    display: block;
}

/* display switch panels in editor but not on the page */
#panel2 {
    display: none;
}
.ArticlePreview #panel2 {
    display: inline;
}


/* Styling for Common.js/CollapseQuote.js */
.quote-fade {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.4);
    background: linear-gradient(rgba(0, 0, 0, 0) 50%, rgba(30, 30, 30, 0.7));
    z-index: 100;
}
.quote {
    /* relative positioning to hold absolute fade */
    position: relative; 
}
.quote-expand-button {
    float: right;
    cursor: pointer;
    position: relative;
    z-index: 110;
}
Advertisement