MediaWiki:Common.css: Difference between revisions

From Cheeky Factor
No edit summary
No edit summary
 
(34 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* CSS placed here will be applied to all skins */
.p-navbar {
.p-navbar {
   background-color: #000;
   background-color: #c0c0c0;
}
}
.nav-link a {
  filter: invert(10%) sepia(95%) saturate(685%) hue-rotate(168deg) brightness(94%) contrast(107%);
}
.jsbc-breadcrumbs {margin-top: 20px;}
.jsbc-breadcrumbs {margin-top: 20px;}
.responsive-1 { width: 320px; height: 50px; }
@media(min-width: 500px) { .responsive-1 { width: 468px; height: 60px; } }
@media(min-width: 768px) { .responsive-1 { width: 728px; height: 90px; } }
/*Default home page CSS*/
.portal-box {
    margin-left: 0.5em;
    margin-right: 0.5em;
    margin-bottom: 1em;
    background: #c0c0c0;
    border: 1px solid #000000;
    box-shadow: 5px 10px #ccc;
    width: calc(45% - 1em);
}
@media (prefers-color-scheme: dark) {
.portal-box {
    margin-left: 0.5em;
    margin-right: 0.5em;
    margin-bottom: 1em;
    background: #c0c0c0;
    border: 1px solid #000000;
    box-shadow: 5px 10px #ccc;
    width: calc(45% - 1em);
    }
}

Latest revision as of 20:02, 22 December 2024

/* CSS placed here will be applied to all skins */
.p-navbar {
  background-color: #c0c0c0;
}

.nav-link a {
  filter: invert(10%) sepia(95%) saturate(685%) hue-rotate(168deg) brightness(94%) contrast(107%);
}

.jsbc-breadcrumbs {margin-top: 20px;}

.responsive-1 { width: 320px; height: 50px; }
@media(min-width: 500px) { .responsive-1 { width: 468px; height: 60px; } }
@media(min-width: 768px) { .responsive-1 { width: 728px; height: 90px; } }





/*Default home page CSS*/
.portal-box {
    margin-left: 0.5em; 
    margin-right: 0.5em; 
    margin-bottom: 1em; 
    background: #c0c0c0; 
    border: 1px solid #000000;
    box-shadow: 5px 10px #ccc;
    width: calc(45% - 1em);
}

@media (prefers-color-scheme: dark) {
.portal-box {
    margin-left: 0.5em; 
    margin-right: 0.5em; 
    margin-bottom: 1em; 
    background: #c0c0c0; 
    border: 1px solid #000000; 
    box-shadow: 5px 10px #ccc;
    width: calc(45% - 1em);
    }
}