MediaWiki:Common.css: Difference between revisions
No edit summary |
Rebrand: BigBro palette (#FF7900), domain-agnostic image URLs, header |
||
| Line 1: | Line 1: | ||
/* ========================================== */ | /* ========================================== */ | ||
/* | /* BigBro Orange Design System — BigBro Know */ | ||
/* ========================================== */ | /* ========================================== */ | ||
| Line 33: | Line 33: | ||
.mw-parser-output h3, | .mw-parser-output h3, | ||
.mw-parser-output h4 { | .mw-parser-output h4 { | ||
color: # | color: #FF7900 !important; | ||
border-bottom: 1px solid #2E2E2E !important; | border-bottom: 1px solid #2E2E2E !important; | ||
} | } | ||
| Line 39: | Line 39: | ||
/* Links */ | /* Links */ | ||
a, a:visited { | a, a:visited { | ||
color: # | color: #FF7900 !important; | ||
} | } | ||
a:hover { | a:hover { | ||
color: # | color: #FFA24A !important; | ||
text-decoration: underline; | text-decoration: underline; | ||
} | } | ||
| Line 60: | Line 60: | ||
} | } | ||
#mw-panel a:hover, .vector-menu a:hover { | #mw-panel a:hover, .vector-menu a:hover { | ||
color: # | color: #FF7900 !important; | ||
} | } | ||
| Line 73: | Line 73: | ||
} | } | ||
.mw-portlet-personal a:hover { | .mw-portlet-personal a:hover { | ||
color: # | color: #FF7900 !important; | ||
} | } | ||
| Line 79: | Line 79: | ||
#p-cactions .selected a, | #p-cactions .selected a, | ||
.mw-portlet-views .selected a { | .mw-portlet-views .selected a { | ||
color: # | color: #FF7900 !important; | ||
border-bottom: 2px solid # | border-bottom: 2px solid #FF7900 !important; | ||
background: transparent !important; | background: transparent !important; | ||
} | } | ||
| Line 91: | Line 91: | ||
} | } | ||
#p-views li a:hover { | #p-views li a:hover { | ||
color: # | color: #FF7900 !important; | ||
} | } | ||
| Line 124: | Line 124: | ||
} | } | ||
.toc a { | .toc a { | ||
color: # | color: #FF7900 !important; | ||
} | } | ||
.toc .tocnumber { | .toc .tocnumber { | ||
color: # | color: #FF7900 !important; | ||
} | } | ||
| Line 154: | Line 154: | ||
} | } | ||
#footer a:hover { | #footer a:hover { | ||
color: # | color: #FF7900 !important; | ||
} | } | ||
| Line 164: | Line 164: | ||
/* ============================================ */ | /* ============================================ */ | ||
/* | /* BigBro Orange Component Classes */ | ||
/* ============================================ */ | /* ============================================ */ | ||
| Line 236: | Line 236: | ||
margin: 4px 0; | margin: 4px 0; | ||
text-decoration: none; | text-decoration: none; | ||
color: # | color: #FF7900 !important; | ||
} | } | ||
.ax-card a:hover { | .ax-card a:hover { | ||
text-decoration: underline; | text-decoration: underline; | ||
color: # | color: #FFA24A !important; | ||
} | } | ||
.ax-card-title a { | .ax-card-title a { | ||
| Line 247: | Line 247: | ||
} | } | ||
.ax-card-title a:hover { | .ax-card-title a:hover { | ||
color: # | color: #FF7900 !important; | ||
} | } | ||
| Line 345: | Line 345: | ||
background: rgba(255,102,0,0.08); | background: rgba(255,102,0,0.08); | ||
border-color: rgba(255,102,0,0.35); | border-color: rgba(255,102,0,0.35); | ||
color: # | color: #FFA24A !important; | ||
} | } | ||
.ax-link-row a { | .ax-link-row a { | ||
| Line 351: | Line 351: | ||
} | } | ||
.ax-link-row:hover a { | .ax-link-row:hover a { | ||
color: # | color: #FFA24A !important; | ||
} | } | ||
| Line 369: | Line 369: | ||
.ax-accent-bar { | .ax-accent-bar { | ||
height: 2px; | height: 2px; | ||
background: linear-gradient(to right, # | background: linear-gradient(to right, #FF7900, #FFA24A); | ||
border-radius: 2px; | border-radius: 2px; | ||
margin-bottom: 20px; | margin-bottom: 20px; | ||
| Line 384: | Line 384: | ||
/* Sexual Health card hero image */ | /* Sexual Health card hero image */ | ||
#ax-sexual-health-hero { | #ax-sexual-health-hero { | ||
background-image: url(" | background-image: url("/images/4/43/Sexual_Health_Hero.jpg"); | ||
background-size: cover; | background-size: cover; | ||
background-position: center; | background-position: center; | ||
| Line 454: | Line 454: | ||
.ax-cat-title a { | .ax-cat-title a { | ||
color: # | color: #FF7900 !important; | ||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
.ax-cat-title a:hover { | .ax-cat-title a:hover { | ||
color: # | color: #FFA24A !important; | ||
text-decoration: underline; | text-decoration: underline; | ||
} | } | ||
| Line 503: | Line 503: | ||
} | } | ||
/* | /* BigBro Know Landing Page Styles */ | ||
@keyframes scrollUp{0%{transform:translateY(0)}100%{transform:translateY(-50%)}} | @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)}} | @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)}} | ||
| Line 530: | Line 530: | ||
/* ============================================ */ | /* ============================================ */ | ||
/* | /* BigBro Orange — Button Text Color Fix */ | ||
/* Ensures white text on orange gradient btns */ | /* Ensures white text on orange gradient btns */ | ||
/* ============================================ */ | /* ============================================ */ | ||