FANDOM


Remember to check:

  • Pagebar tweaks — on fixed-width wikis, "Share this article" causes the masthead to wrap / double in height, depending on your point of view ... you could also blame "Edit this article", but in the interest of completeness, here are all the pagebar buttons:
  • The code that controls the little drop down menu under the "More" button is "#headerMenuUser"
#headerMenuUser {
	background-color: #071d43 !important;
	color: #EEE;
}
  • The avatar drop down menu
#wk-avatar-menu {
	background:none repeat scroll 0 0 #071D43 !important;
	border:1px solid #AAAAAA;
	color:white !important;
}
  • Related pages fix
/*** RELATED PAGES BOX FIX ***/
#RelatedPages {
    background-color: transparent;
    border-color: #ff6803;
    color: white;
}

#RelatedPages .accent {
    background-color: #ff6803;
    border-color: #ff6803;
    color: white;
}
  • Templates
  • Page history
  • Image gallery fixes (pre-"new and improved" galleries)
/*** IMAGE GALLERY ***/

.wikia-gallery-item .thumb {
    background-color: transparent;
    border-style:solid;
    border-width:1px;
    text-align:center;
}

.wikia-gallery-add {
    -moz-border-radius:3px 3px 3px 3px;
    background:none repeat scroll 0 0 transparent;
    border:1px solid #BBBBBB;
    float:left;
    left:5px;
    line-height:16px;
    padding:0 5px;
    position:relative;
    top:9px;
}
/*** NO IMAGE GALLERY ADD BUTTON ***/

div.wikia-gallery-add.noprint {
    display:none !important;
}
  • Image gallery fix (post-"new and improved" galleries) The following code must be added to common.js
fixGallery();
}

function fixGallery() {
    var maxD=120;
    var spans=document.evaluate('//span[@class="wikia-gallery-item"]',document,null,XPathResult.ORDERED_NODE_SNAPSHOT_TYPE,null);
    for (var i=0;i<spans.snapshotLength;i++) {
        var s = spans.snapshotItem(i);
        var d1 = s.firstChild;
        if (d1) {
            var d2 = d1.firstChild;
            if (d2) {
                var a = d2.firstChild;
                if (a) {
                    var curH = a.style.height.replace(/[^0-9]*/g,'');
                    var curW = a.style.width.replace(/[^0-9]*/g,'');
                    if (curH && curW) {
                        var ratio = curH/curW;
                        if(curW >= maxD && ratio <= 1){
                            curW = maxD;
                        } else if(curH >= maxD) {
                            curW = Math.floor(maxD / ratio);
                        }
                        s.style.width = maxD+'px';
                        d1.style.height = maxD+'px';
                        d2.style.height = maxD+'px';
                        d2.style.width = maxD+'px';
                        d2.style.top = '';
                        if (a.style.backgroundImage.match(/\/[0-9]*px-/i))
                            a.style.backgroundImage = a.style.backgroundImage.replace(/\/[0-9]*px-/i,'/'+curW+'px-');
                        else {
                            a.style.backgroundImage = a.style.backgroundImage.replace(/\"?\)$/,'/'+curW+'px-'+a.style.backgroundImage.match(/\/([^\/]*\"?\)$)/i)[1]);
                            if (!a.style.backgroundImage.match(/\/thumb\//)) {
                                a.style.backgroundImage = a.style.backgroundImage.replace('/images/','/images/thumb/');
                            }
                        }
                        a.style.height = maxD+'px';
                        a.style.width = maxD+'px';
                        var capt = d1.nextSibling;
                        if (capt) {
                            capt.style.width = maxD+'px';
                        }
                    }
                }
            }
        }
    }
}
  • Custom coloured Wikia and Ajax buttons
/*** Wikia buttons ***/

a.wikia-button, a.wikia-button:visited, span.wikia-button a, span.wikia-button a:visited, span.wikia-button a:active, a.wikia-button:active, input[type="submit"], input[type="reset"], input[type="button"], input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active, button {
    -moz-box-shadow:0 0 0 1px #25303B;
    background-color:#25303B;
    background-image:-moz-linear-gradient(center top , #647281 20%, #25303B 70%);
    border-color:#FFFFFF;
    color: white! important;
}

a.wikia-button.secondary, a.wikia-button.secondary:visited, span.wikia-button.secondary a, span.wikia-button.secondary a:visited, span.wikia-button.secondary a:active, a.wikia-button.secondary:active, input.secondary[type="submit"], input.secondary[type="reset"], input.secondary[type="button"], input.secondary[type="submit"]:active, input.secondary[type="reset"]:active, input.secondary[type="button"]:active, button.secondary {
    -moz-box-shadow:0 0 0 1px #25303B;
    background-color:#25303B;
    background-image:-moz-linear-gradient(center top , #647281 20%, #25303B 70%);
    border-color:#FFFFFF;
    color: white! important;
}

.header-button, .header-button:hover, .header-button:active {
    -moz-box-shadow:0 0 0 1px #25303B;
    background-color:#25303B;
    background-image:-moz-linear-gradient(center top , #647281 20%, #25303B 70%);
    border-color:#FFFFFF;
    color: white! important;
}

* html .headerMenuButton dt, * html .headerMenuButton dd  {
    background-image: none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://images.wikia.com/witcher/images/6/66/Monaco-Manuscript_header_button.png', sizingMethod='crop');
}

/*** end of Wikia buttons section ***/

/*** Ajax buttuns ***/

#AjaxLoginButtons input {
    -moz-box-shadow:0 0 0 1px #25303B;
    background-color:#25303B;
    background-image:-moz-linear-gradient(center top , #647281 20%, #25303B 70%);
    border-color:#FFFFFF;
    color: white! important;
}

#AjaxLoginButtons input:hover {
    -moz-box-shadow:0 0 0 1px #25303B;
    background-color:#25303B;
    background-image:-moz-linear-gradient(center top , #647281 20%, #25303B 70%);
    border-color:#FFFFFF;
    color: white! important;
}

/*** end of Ajax buttons section ***/

  • the background for the refresh sprite on the blogs panel is governed by:
.color1, .color1 a {
	background-color: transparent;
	color: #EEE;

or

.sprite.refresh {
    background-color: black; 
    background-position:-48px -172px;
}
  • system messages page
/*** System messages page ***/
.page-Special_AllMessages div.monaco_shrinkwrap {
    left: 50% !important;
    margin-left: -521px !important;
    width: 1072px !important;
}

#allmessagestable {
	background-color:#efefef;
	color:#000000;
}

#allmessagestable th {
	background-color:#293646;
	color:#AAAAAA;
}

#allmessagestable tr.def {
	background-color:#efefef;
	color:#000000;
}

#allmessagestable tr.orig {
	background-color:#AAAAAA;
	color:#000000;
}

#allmessagestable tr.new {
	background-color:#ffffff;
	color:#000000;
}
  • Editing bar
/*** Enhanced edit toolbar ***/ 
#edit_enhancements_toolbar  {
	background:none repeat scroll 0 0 #293646;
	clear:both;
	color:white;
	margin:5px 0;
	padding:5px;
	z-index:1000;
}
Community content is available under CC-BY-SA unless otherwise noted.