Difference between revisions of "MediaWiki:Common.css"

Revision as of 05:59, 11 January 2019

/* CSS placed here will be applied to all skins */

/* Use awesomefont */
@import url("https://use.fontawesome.com/releases/v5.6.3/css/all.css");

/* Colors of namespaces */
/*.ns-3000 #content, .ns-3001 #content { background-color: #f5f5ff; }*/
/*.ns-3010 #content, .ns-3011 #content { background-color: #f7fcfa; }*/
/*.ns-4000 #content, .ns-4001 #content { background-color: #e2d2c6; }*/

.ns-3000 #p-logo a, .ns-3001 #p-logo a { background-image: url(./a/olekdia/wiki_resources/magic_intuition_logo.png) !important; }
.ns-3010 #p-logo a, .ns-3011 #p-logo a { background-image: url(./a/olekdia/wiki_resources/time_planner_logo.png) !important; }
.ns-4000 #p-logo a, .ns-4001 #p-logo a { background-image: url(./a/olekdia/wiki_resources/dev_logo.png) !important; }

.ns-2 #p-logo a, .ns-4 #p-logo a, .ns-6 #p-logo a, .ns-8 #p-logo a, .ns-12 #p-logo a, .ns-14 #p-logo a { background-image: url(./a/olekdia/wiki_resources/olekdia_logo.png) !important; }

/* Remove talk tab */
#ca-talk { display: none !important; }


/************************/
/* Timeless adjustments */

/* Hide Wiki name */
#p-banner { display: none !important; }

body { 
    font-size: 1em;
    line-height: 1.6; 
}

.mw-body {
  font-size: 1.1em;
}

.mw-body h2 {
    font-weight: 500;
}

a {
    color: #0645ad;
}

a:visited {
    color: #0b0080;
}

/* todo uncoment
/* For medium devices */
@media screen and (max-width: 1099px) and (min-width: 851px) {
    #simpleSearch {
        margin-left: -14em;
    }
}

/* For small devices, reset entire container, because its buttons got fixed position  */
@media screen and (max-width: 850px) and (min-width: 480px) {

    #mw-header-container {
        padding: 0.78em 10.7em 0.75em 6.2em;
    }
}
*/

/* Headers strips */
#mw-content h1, #mw-content h2 {
    border-bottom: solid 2px #3366cc;
}
#mw-content h1.firstHeading {
    border-bottom: solid 3px #006699;
}
.color-middle {
    background: #006699;
}

/* Selected tabs */
#mw-page-header-links li.selected {
    border-bottom-color: #3366cc;
}

/* Left strip color */
.color-left {
    background: #673ab7;
}
.ns-0 .color-left, .ns-1 .color-left {
    background: #7657ac;
}
.ns-3000 .color-left, .ns-3001 .color-left {
    background: #743C71;
}
.ns-3010 .color-left, .ns-3011 .color-left {
    background: #189558;
}
.ns-4000 .color-left, .ns-4001 .color-left {
    background: #000;
}

/* Right strip color */
.color-right {
    background: #673ab7;
}
.ns-0 .color-right, .ns-1 .color-right {
    background: #7657ac;
}
.ns-3000 .color-right, .ns-3001 .color-right {
    background: #743C71;
}
.ns-3010 .color-right, .ns-3011 .color-right {
    background: #189558;
}
.ns-4000 .color-right, .ns-4001 .color-right {
    background: #000;
}

/* Bottom strip color */
#mw-content-container {
    border-bottom: solid 4px #673ab7;
}
.ns-0 #mw-content-container, .ns-1 #mw-content-container {
    border-bottom: solid 4px #7657ac;
}
.ns-3000 #mw-content-container, .ns-3001 #mw-content-container {
    border-bottom: solid 4px #743C71;
}
.ns-3010 #mw-content-container, .ns-3011 #mw-content-container {
    border-bottom: solid 4px #189558;
}
.ns-4000 #mw-content-container, .ns-4001 #mw-content-container {
    border-bottom: solid 4px #000;
}