MediaWiki:Common.css: Difference between revisions

← Older edit

@@ Line 60: / Line 60: @@
      --atheneum-cell-bg-night: #3c4946;
      --atheneum-text-color-night: #F8F9FA;
+}
+/* WORK IN PROGRESS AND HACKS */
+/* Hack for "Confirm account requests" boxes */
+.mw-confirmaccount-body-0, ul.mw-confirmaccount-body-0, li.mw-confirmaccount-body-0, table.mw-confirmaccount-body-0, li.mw-confirmaccount-type-0, .mw-confirmaccount-msg, .mw-confirmaccount-bar {
+    background: black !important;
+    color: white !important;
+}
+#wpNewBio {
+    background-color: black !important;
+    color: white !important;
+}
+/* Hack to hide textual form of the logo */
+.mw-logo-wordmark {
+    display: none;
+}
+/* Hack to expand the image form of the logo */
+.mw-logo-icon {
+    transform: scale(2); /* Scales to 2x the original size */
+    padding-top: 14px;
+    padding-left: 16px;
+}
+/* Highlighted main page boxes for campaigns */
+/* Main box */
+.icannwiki-colored-box-highlighted {
+    padding: 0.5em;
+    font-size: 1.05em;
+    position: relative;
+    background-color: #1c1c1f;
+    border-radius: 8px;
+    box-shadow: inset 0px 0px 10px rgba(255, 255, 255, 0.07),
+px 4px 12px rgba(0, 0, 0, 0.6);
+    color: #e8e8f0;
+    overflow: hidden;
+    margin-bottom: 1em;
+    z-index: 1;
+}
+/* Slightly metallic gloss overlay */
+.icannwiki-colored-box-highlighted::before {
+    content: "";
+    position: absolute;
+    top: -15%;
+    left: -15%;
+    width: 130%;
+    height: 130%;
+    background: radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.1), rgba(88, 88, 95, 0.07), rgba(0, 0, 0, 0.15));
+    animation: highlightedBoxFlowingEffect 16s ease-in-out infinite;
+    z-index: 0;
+    filter: blur(5px);
+    opacity: 0.6;
+    border-radius: 12px;
+}
+/* Sheen animation */
+.icannwiki-colored-box-highlighted::after {
+    content: "";
+    position: absolute;
+    top: 0;
+    left: -60%;
+    width: 220%;
+    height: 100%;
+    background: linear-gradient(145deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0) 80%);
+    animation: subtleSheen 20s ease-in-out infinite;
+    opacity: 0.1;
+    z-index: 1;
+    border-radius: 8px;
+}
+/* Animation effect */
+@keyframes highlightedBoxFlowingEffect {
+% { transform: translate(0%, 0%) scale(1); }
+% { transform: translate(5%, -5%) scale(1.05); }
+% { transform: translate(-5%, 5%) scale(1); }
+% { transform: translate(5%, 5%) scale(1.05); }
+% { transform: translate(0%, 0%) scale(1); }
+}
+/* Keyframes for sheen animation */
+@keyframes subtleSheen {
+% { transform: translateX(-100%); }
+% { transform: translateX(100%); }
+% { transform: translateX(-100%); }
+}
+/* Content style */
+.icannwiki-colored-box-highlighted .content-text {
+    position: relative;
+    z-index: 2;
+}
+/* Main campaign box with a left-aligned image box */
+.icannwiki-campaign-box {
+    display: flex;
+    align-items: center;
+    padding: 0.5em;
+    background-color: #1c1c1f;
+    border-radius: 8px;
+    color: #e8e8f0;
+    margin-bottom: 0.5em;
+}
+/* Left rectangular box for images */
+.icannwiki-campaign-image-box {
+    min-width: 60px;
+    height: auto;
+    background-color: #333333;
+    border-radius: 6px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 0.25em;
+    margin-right: 0.5em;
+}
+/* Placeholder styling for image inside the image-box */
+.icannwiki-campaign-image-box img {
+    max-width: 100%;
+    height: auto;
+    border-radius: 4px;
+}
+/* Main content area */
+.icannwiki-campaign-box .content-text {
+    flex-grow: 1; /* Ensures content takes up remaining space */
 }
@@ Line 85: / Line 215: @@
      color: var(--panel-link-hover-color);
      text-decoration: none;
-}
-/* CURRENTLY DEACTIVATED BACKGROUND EFFECTS */
-/* Container for static zeros and ones */
-.flowing-numbers {
-    position: absolute;
-    top: 0;
-    right: 0;
-    z-index: 1000; /* Ensure it's above other elements */
-    font-family: monospace;
-    font-size: 1.25em;
-    color: var(--flowing-numbers-color);
-    line-height: 1.5em;
-    pointer-events: none; /* Prevent interaction with the numbers */
-    padding: 10px; /* Optional padding */
-}
-/* Static lines of numbers */
-.flowing-numbers span {
-    display: block;
 }
@@ Line 179: / Line 288: @@
      padding: .5em;
      border-radius: 5px;
-}
-/* Header text special effects */
-.header-fx {
-    text-shadow:
-px 2px 2px var(--header-fx-drop-shadow), /* Drop shadow */
-px 4px 4px var(--header-fx-shadow-blur); /* Shadow blur */
 }