MediaWiki:FandomMobile.css

From Dead Cells Wiki
Jump to navigation Jump to search

In other languages: Español • Polski • Русский • Українська


CSS and Javascript changes must comply with the wiki design rules.


Note: After saving, 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: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Clear the cache in Tools → Preferences
/*New style main button*/
.dc_button {
    font-weight: bold;
    text-align: center;
    display: inline-block;
    text-transform: uppercase;
    border: 2px solid rgba(164,2,57,0.3);
    border-radius: 2px;
    box-shadow: 0px 0px 16px rgba(0,0,0,0.75) inset;
    min-width: 100px;
    height: 100px;
    margin: 5px;  
}
.dc_button > div { width: 104px; }
.dc_button a {
     display: block;}

.dc_button:hover {
    box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset;
    border: 2px solid rgba(164,2,57,0.8);
}
.dc_btext {
    margin: 6px 0px 0px 0px;
    height: 20px !important;
    overflow: hidden;
    border-top: 2px solid rgba(164,2,57,0.3);
}

.dc_button:hover .dc_btext {
    border-top: 2px solid rgba(164,2,57,0.8);
}


/**/
.dc_button2 {
    font-weight: bold;
    text-align: center;
    display: inline-block;
    text-transform: uppercase;
    border: 2px solid rgba(164,2,57,0.3);
    border-radius: 2px;
    box-shadow: 0px 0px 16px rgba(0,0,0,0.75) inset;
    min-width: 94px;
    margin: 5px;  
}

.dc_button2 a {
   display: block;
   height: 100%;}

.dc_button2:hover {
    box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset;
    border: 2px solid rgba(164,2,57,0.8);
}

.dc_btext a.external {
    background-image: none;
        padding-right: 0px;
}
.welcome .article-media-placeholder,
.dc_button .article-media-placeholder { border: 0; }
.pc_title {
    display: none;
}

/* Force all images to have crisp edges when scaled up */
#content img:not(.no-pixel) {
    image-rendering       : optimizeSpeed;             /* Legal fallback */
    image-rendering       : -moz-crisp-edges;          /* Firefox        */
    image-rendering       : -o-crisp-edges;            /* Opera          */
    image-rendering       : -webkit-optimize-contrast; /* Safari         */
    image-rendering       : optimize-contrast;         /* CSS3 Proposed  */
    -ms-interpolation-mode: nearest-neighbor;          /* IE8+           */
    image-rendering       : pixelated;                 /* Chrome         */
}