MediaWiki:Common.css: Difference between revisions

← Older edit

@@ Line 1: / Line 1: @@
 /* ========================================== */
-/* Alpha Orange Design System — AlphaX Wiki   */
+/* BigBro Orange Design System — BigBro Know   */
 /* ========================================== */
@@ Line 33: / Line 33: @@
 .mw-parser-output h3,
 .mw-parser-output h4 {
-   color: #FF6600 !important;
+   color: #FF7900 !important;
    border-bottom: 1px solid #2E2E2E !important;
 }
@@ Line 39: / Line 39: @@
 /* Links */
 a, a:visited {
-   color: #FF6600 !important;
+   color: #FF7900 !important;
 }
 a:hover {
-   color: #FF8533 !important;
+   color: #FFA24A !important;
    text-decoration: underline;
 }
@@ Line 60: / Line 60: @@
 }
 #mw-panel a:hover, .vector-menu a:hover {
-   color: #FF6600 !important;
+   color: #FF7900 !important;
 }
@@ Line 73: / Line 73: @@
 }
 .mw-portlet-personal a:hover {
-   color: #FF6600 !important;
+   color: #FF7900 !important;
 }
@@ Line 79: / Line 79: @@
 #p-cactions .selected a,
 .mw-portlet-views .selected a {
-   color: #FF6600 !important;
+   color: #FF7900 !important;
-   border-bottom: 2px solid #FF6600 !important;
+   border-bottom: 2px solid #FF7900 !important;
    background: transparent !important;
 }
@@ Line 91: / Line 91: @@
 }
 #p-views li a:hover {
-   color: #FF6600 !important;
+   color: #FF7900 !important;
 }
@@ Line 124: / Line 124: @@
 }
 .toc a {
-   color: #FF6600 !important;
+   color: #FF7900 !important;
+}
+.toc .tocnumber {
+  color: #FF7900 !important;
 }
@@ Line 151: / Line 154: @@
 }
 #footer a:hover {
-   color: #FF6600 !important;
+   color: #FF7900 !important;
 }
@@ Line 161: / Line 164: @@
 /* ============================================ */
-/* Alpha Orange Component Classes               */
+/* BigBro Orange Component Classes               */
 /* ============================================ */
@@ Line 233: / Line 236: @@
    margin: 4px 0;
    text-decoration: none;
-   color: #FF6600 !important;
+   color: #FF7900 !important;
 }
 .ax-card a:hover {
    text-decoration: underline;
-   color: #FF8533 !important;
+   color: #FFA24A !important;
 }
 .ax-card-title a {
@@ Line 244: / Line 247: @@
 }
 .ax-card-title a:hover {
-   color: #FF6600 !important;
+   color: #FF7900 !important;
 }
@@ Line 342: / Line 345: @@
    background: rgba(255,102,0,0.08);
    border-color: rgba(255,102,0,0.35);
-   color: #FF8533 !important;
+   color: #FFA24A !important;
 }
 .ax-link-row a {
@@ Line 348: / Line 351: @@
 }
 .ax-link-row:hover a {
-   color: #FF8533 !important;
+   color: #FFA24A !important;
 }
@@ Line 366: / Line 369: @@
 .ax-accent-bar {
    height: 2px;
-   background: linear-gradient(to right, #FF6600, #FF8533);
+   background: linear-gradient(to right, #FF7900, #FFA24A);
    border-radius: 2px;
    margin-bottom: 20px;
@@ Line 381: / Line 384: @@
 /* Sexual Health card hero image */
 #ax-sexual-health-hero {
-   background-image: url("https://alphax.wiki/images/4/43/Sexual_Health_Hero.jpg");
+   background-image: url("/images/4/43/Sexual_Health_Hero.jpg");
    background-size: cover;
    background-position: center;
@@ Line 451: / Line 454: @@
 .ax-cat-title a {
-   color: #FF6600 !important;
+   color: #FF7900 !important;
    text-decoration: none;
 }
 .ax-cat-title a:hover {
-   color: #FF8533 !important;
+   color: #FFA24A !important;
    text-decoration: underline;
 }
@@ Line 498: / Line 501: @@
 %   { transform: translateY(0); }
 % { transform: translateY(-50%); }
+}
+/* BigBro Know Landing Page Styles */
+@keyframes scrollUp{0%{transform:translateY(0)}100%{transform:translateY(-50%)}}
+@keyframes glowLine{0%,100%{box-shadow:0 0 18px 4px rgba(255,107,26,0.5)}50%{box-shadow:0 0 36px 10px rgba(255,107,26,0.9)}}
+.ax-path-card{border-radius:16px;overflow:hidden;position:relative;height:230px;border-left:4px solid #FF6B1A;border-top:1px solid #2a2a2a;border-right:1px solid #2a2a2a;border-bottom:1px solid #2a2a2a;transition:transform 0.25s ease,box-shadow 0.25s ease;cursor:pointer;display:block;}
+.ax-path-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 40px rgba(255,107,26,0.25);}
+.ax-section-card{display:flex;align-items:center;gap:14px;background:#141414;border:1px solid #252525;border-left:4px solid #FF6B1A;border-radius:12px;padding:16px 18px;transition:background 0.2s,transform 0.2s;margin-bottom:0;}
+.ax-section-card:hover{background:#1c1c1c;transform:translateX(4px);}
+.ax-pill{display:inline-block;background:rgba(255,107,26,0.12);border:1px solid rgba(255,107,26,0.3);color:#FF6B1A;font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:3px 10px;border-radius:20px;margin-bottom:10px;}
+.ax-glow-bar{height:2px;background:linear-gradient(90deg,transparent,#FF6B1A,transparent);animation:glowLine 3s ease-in-out infinite;}
+.ax-stat{text-align:center;padding:16px 10px;}
+.ax-stat-num{font-size:28px;font-weight:900;color:#FF6B1A;letter-spacing:-1px;}
+.ax-stat-label{font-size:10px;color:#666;letter-spacing:2px;text-transform:uppercase;margin-top:2px;}
+.ax-topic-tag{display:inline-block;background:#1a1a1a;border:1px solid #2d2d2d;color:#bbb;font-size:11px;padding:5px 12px;border-radius:20px;margin:3px;transition:all 0.2s;text-decoration:none;}
+.ax-topic-tag:hover{background:#FF6B1A !important;color:#000 !important;border-color:#FF6B1A;}
+.ax-feed-item{padding:8px 0;border-bottom:1px solid #1a1a1a;font-size:13px;color:#ccc;line-height:1.4;}
+.ax-feed-item a{color:#ccc;text-decoration:none;}
+.ax-feed-item a:hover{color:#FF6B1A;}
+.ax-feed-tag{color:#FF6B1A;font-size:10px;display:block;margin-top:2px;}
+.ax-section-card a{color:#fff;text-decoration:none;font-weight:700;font-size:13px;}
+.ax-section-card a:hover{color:#FF6B1A;}
+#mw-content-text .ax-path-card a{color:#fff;text-decoration:none;}
+/* Hide leaked template parameter labels in translated /de articles */
+.ka-article pre { display: none !important; }
+/* ============================================ */
+/* BigBro Orange — Button Text Color Fix         */
+/* Ensures white text on orange gradient btns  */
+/* ============================================ */
+.btn-primary,
+.btn-primary:visited,
+.btn-nav,
+.btn-nav:visited {
+  color: #ffffff !important;
+  -webkit-text-fill-color: #ffffff !important;
+}
+.btn-primary:hover,
+.btn-nav:hover {
+  color: #ffffff !important;
+  -webkit-text-fill-color: #ffffff !important;
 }