User:Dschwen/common.css

Note: After saving, you have to bypass your browser's cache to see the changes. Internet Explorer: press Ctrl-F5, Mozilla: hold down Shift while clicking Reload (or press Ctrl-Shift-R), Opera/Konqueror: press F5, Safari: hold down Shift + Alt while clicking Reload, Chrome: hold down Shift while clicking Reload.

The accompanying .js page for this skin is at User:Dschwen/common.js.

Report page listing warnings and errors.

/* fastcci user interface CSS */








/* dynamic columns on image pages */

@media (min-width: 1600px) {
	#mw-imagepage-content {
		column-count: 2;
		column-gap: 2em;
		column-rule: 1px solid lightgray;
	}
}

@media (min-width: 2400px) {
	#mw-imagepage-content {
		column-count: 3;
	}
}

#mw-imagepage-content > div {
    page-break-inside: avoid;           /* Theoretically FF 20+ */
    break-inside: avoid-column;         /* IE 11 */
    display:table;                      /* Actually FF 20+ */
    -webkit-column-break-inside: avoid;
    column-break-inside: avoid;
}

#mw-imagepage-content h2 {
    -webkit-column-span: all; /* Chrome, Safari, Opera */
    column-span: all;
}


/* high res commons logo */

@media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
        #p-logo a {
                background-image: url(//upload.wikimedia.org/wikipedia/commons/thumb/4/41/Commons-logo-en.svg/230px-Commons-logo-en.svg.png) !important;
                background-size: 115px auto;
        }
}