MediaWiki talk:Vector.css

I don't expect to break anything (do I ever expect it really?..), but I've switched "px" measurements for "em" and scaled up the body element to use font-size:100% + had to adjust the rest of the em sizes accordingly. The result of this is that I can use a mobile browser to receive a legible font size for the articles with walls of text. I can't get the sidebar to be a sensible size, but small progress is still progress. -Chieftain Alex 22:13, 27 November 2015 (UTC)

Pre-emptive wintersday skin

Same one we used back in 2014 so far.

/* Wintersday skin [Vector] */
#upperBar ul li a {
    color: #F6FEFF;
}
#p-logo {
    background-image: url("/images/d/dc/Skin_logo_%28Wintersday%29.png");
}
#mw-page-base {
    background-image: url("/images/4/44/Skin_header_%28Wintersday%29.png");
}
html {
    background-color: #F6FEFF;
    background-image: url("/images/6/63/Skin_footer_%28Wintersday%29.png");
    background-position: left bottom;
}
div#footer {
    height: 350px
};

I'd quite like a snowflake animation to appear after a while, but haven't found any appropriate files yet. --Chieftain Alex 22:21, 12 November 2016 (UTC)

Found one!

$('body').prepend('<div class="snowflakes" aria-hidden="true"><div class="snowflake">❄</div><div class="snowflake">❄</div><div class="snowflake">❄</div><div class="snowflake">❄</div><div class="snowflake">❄</div><div class="snowflake">❄</div><div class="snowflake">❄</div><div class="snowflake">❄</div></div>');

/* Snowflake styling */
/** from http://pajasevi.github.io/CSSnowflakes/ **/
.snowflake {
  color: #fff;
  font-size: 1em;
  font-family: Arial;
  text-shadow: 0 0 1px #000;
}
@-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}
@-webkit-keyframes snowflakes-shake{0%{-webkit-transform:translateX(0px);transform:translateX(0px)}50%{-webkit-transform:translateX(60px);transform:translateX(60px)}100%{-webkit-transform:translateX(0px);transform:translateX(0px)}}
@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%{transform:translateX(0px)}50%{transform:translateX(60px)}100%{transform:translateX(0px)}}
.snowflake{position:fixed;top:-10%;z-index:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}
.snowflake:nth-of-type(0){left:1%;top:0%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}
.snowflake:nth-of-type(1){left:11%;top:-4%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}
.snowflake:nth-of-type(2){left:19%;top:-2%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}
.snowflake:nth-of-type(3){left:30%;top:-5%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}
.snowflake:nth-of-type(4){left:43%;top:-8%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}
.snowflake:nth-of-type(5){left:52%;top:-3%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}
.snowflake:nth-of-type(6){left:61%;top:-1%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}
.snowflake:nth-of-type(7){left:69%;top:-9%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}
.snowflake:nth-of-type(8){left:80%;top:-7%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}

-Chieftain Alex 22:57, 12 November 2016 (UTC)

ToC h2 too big

These styles are also affecting the ToC "Contents":

div#content h2 {
  font-size:     1.923em;
  line-height:   1.200em;
  margin-top:    1.000em;
  margin-bottom: 0.400em;
}

Can we have a style to restore the default size for ToC? Not sure when this started affecting the ToC, but my guess is MW changed the parser for the ToC. --BryghtShadow (talk) 10:11, 2 September 2020 (UTC)