MediaWiki:Common.css: Difference between revisions

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);
    }
}

@@ Line 1: / Line 1: @@
 /* CSS placed here will be applied to all skins */
 .p-navbar {
-   background-color: #88b5d7;
+   background-color: #c0c0c0;
 }
@@ Line 14: / Line 14: @@
 @media(min-width: 768px) { .responsive-1 { width: 728px; height: 90px; } }
-#toc {
-  position: sticky;
-  top: 60px; /* Adjust as per the layout to avoid overlap with headers */
-  z-index: 1000;
-  background-color: white;
-  border: 1px solid #ccc;
-  padding: 10px;
-  margin-left: 0px; /* Adjust margin to push the TOC into the side */
-  max-width: 200px; /* Limit the width for a better fit in the margin */
-}
-/* Additional styling to place it outside the main content */
-@media (min-width: 992px) { /* Only applies on larger screens */
-  #toc {
-    position: sticky;
-    top: 60px;
-    float: right; /* Pushes the TOC to the right margin */
-    margin-right: 0px;
-    max-width: 220px; /* Control the size of TOC in the margin */
-  }
-}
@@ Line 42: / Line 23: @@
      margin-right: 0.5em;
      margin-bottom: 1em;
-     background: #becdd6;
+     background: #c0c0c0;
-     border: 1px solid #323e48;
+     border: 1px solid #000000;
+    box-shadow: 5px 10px #ccc;
      width: calc(45% - 1em);
 }
@@ Line 52: / Line 34: @@
      margin-right: 0.5em;
      margin-bottom: 1em;
-     background: #3e6f87;
+     background: #c0c0c0;
-     border: 1px solid #323e48;
+     border: 1px solid #000000;
+    box-shadow: 5px 10px #ccc;
      width: calc(45% - 1em);
      }
 }