Foreground.css: Difference between revisions
Shawndouglas (talk | contribs) No edit summary |
Shawndouglas (talk | contribs) No edit summary |
||
(61 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
/* Custom Foreground menubar colors */ | /* Custom Foreground menubar colors */ | ||
.top-bar, | nav.top-bar, | ||
.top-bar-section ul, | .top-bar, | ||
.top-bar-section ul li.active > a, | .top-bar .title-area, | ||
.top-bar-section li a:not(.button), | .top-bar.expanded .title-area, | ||
.top-bar .name h1 a, | |||
.top-bar-section, | |||
.top-bar-section ul, | |||
.top-bar-section ul li.active > a, | |||
.top-bar-section li a:not(.button), | |||
.top-bar-section .has-form { | .top-bar-section .has-form { | ||
background: #1a86b2; | background: #1a86b2; | ||
} | } | ||
.top-bar-section | /* Slightly lighter color for the dropdowns */ | ||
.top-bar-section | .top-bar-section ul li ul.dropdown li > a, | ||
.top-bar-section .dropdown { | |||
background: #48a7ce !important; | |||
} | } | ||
/* | /* Make only the dropdown header text larger; must change if Sidebar is changed */ | ||
. | li#p-Who.has-dropdown.active.not-click > a, | ||
. | li#p-What.has-dropdown.active.not-click > a, | ||
li#p-Contact.has-dropdown.active.not-click > a { | |||
font-size: 0.95rem !important; | |||
} | } | ||
/* | /* "Hide" dropdown header text for mobile */ | ||
. | li.parent-link.hide-for-medium-up, | ||
a.parent-link.js-generated { | |||
font-size: 0.5rem !important; | |||
display: none !important; | |||
opacity: 0; | |||
} | } | ||
/* | /* Weird bugs in Chrome where Home reappears in Who menu, and Recent Changes in Toolbar */ | ||
. | li#n-Home.mw-list-item > a, | ||
li#n-recentchanges > a { | |||
display: none !important; | |||
} | } | ||
/* | /* Remove left margin from logo area and shrink title text*/ | ||
.title-name { | |||
margin-left: 0 !important; | |||
.title-name | font-size: 1.15rem !important; | ||
} | } | ||
/* Let the table of contents float right */ | #navwrapper { | ||
background: #1a86b2; | |||
} | |||
ul#top-bar-left li, | |||
ul#top-bar-left li a | |||
{ | |||
background: #1a86b2; | |||
} | |||
ul#top-bar-right li, | |||
ul#top-bar-right li a { | |||
background: #1a86b2; | |||
} | |||
ul#top-bar-left li:hover, | |||
ul#top-bar-left li a:hover, | |||
ul#top-bar-right li:hover:not(.has-form), | |||
ul#top-bar-right li a:hover { | |||
background: #3498db; | |||
color: #fff; | |||
font-weight: bold; | |||
} | |||
.top-bar-section .has-dropdown > a:hover:after { | |||
border-color: #fff transparent transparent transparent; | |||
} | |||
.top-bar-section .has-dropdown > a:hover:after { | |||
border-color: #333 transparent transparent transparent; | |||
} | |||
li#echo-notifications {color:#3498db;} | |||
/* Let the table of contents float right and have margin */ | |||
#toc, .toc { | #toc, .toc { | ||
float: right; | float: right; | ||
margin: .5em 0 1.3em 1.4em; | |||
} | } | ||
table { | table { | ||
margin-bottom:0; | margin-bottom:0; | ||
width:inherit; | |||
} | } | ||
Latest revision as of 20:14, 23 June 2024
/* Custom Foreground menubar colors */
nav.top-bar,
.top-bar,
.top-bar .title-area,
.top-bar.expanded .title-area,
.top-bar .name h1 a,
.top-bar-section,
.top-bar-section ul,
.top-bar-section ul li.active > a,
.top-bar-section li a:not(.button),
.top-bar-section .has-form {
background: #1a86b2;
}
/* Slightly lighter color for the dropdowns */
.top-bar-section ul li ul.dropdown li > a,
.top-bar-section .dropdown {
background: #48a7ce !important;
}
/* Make only the dropdown header text larger; must change if Sidebar is changed */
li#p-Who.has-dropdown.active.not-click > a,
li#p-What.has-dropdown.active.not-click > a,
li#p-Contact.has-dropdown.active.not-click > a {
font-size: 0.95rem !important;
}
/* "Hide" dropdown header text for mobile */
li.parent-link.hide-for-medium-up,
a.parent-link.js-generated {
font-size: 0.5rem !important;
display: none !important;
opacity: 0;
}
/* Weird bugs in Chrome where Home reappears in Who menu, and Recent Changes in Toolbar */
li#n-Home.mw-list-item > a,
li#n-recentchanges > a {
display: none !important;
}
/* Remove left margin from logo area and shrink title text*/
.title-name {
margin-left: 0 !important;
font-size: 1.15rem !important;
}
#navwrapper {
background: #1a86b2;
}
ul#top-bar-left li,
ul#top-bar-left li a
{
background: #1a86b2;
}
ul#top-bar-right li,
ul#top-bar-right li a {
background: #1a86b2;
}
ul#top-bar-left li:hover,
ul#top-bar-left li a:hover,
ul#top-bar-right li:hover:not(.has-form),
ul#top-bar-right li a:hover {
background: #3498db;
color: #fff;
font-weight: bold;
}
.top-bar-section .has-dropdown > a:hover:after {
border-color: #fff transparent transparent transparent;
}
.top-bar-section .has-dropdown > a:hover:after {
border-color: #333 transparent transparent transparent;
}
li#echo-notifications {color:#3498db;}
/* Let the table of contents float right and have margin */
#toc, .toc {
float: right;
margin: .5em 0 1.3em 1.4em;
}
table {
margin-bottom:0;
width:inherit;
}
/* CSS for special footnotes */
div.reflist ol.references{
list-style-type:inherit;
}
/* Image fixes. */
div.floatnone img {
max-width: inherit;
}
div.portal img {
max-width: inherit;
}
.mbox-image img {
max-width: inherit;
}
div.tleft,
div.thumb.tleft {
margin: .5em 1.4em 1.3em 0;
}
div.tright,
div.thumb.tright {
margin: .5em 0 1.3em 1.4em;
}
/* Header tweaks */
h1, h2, h3, h4, h5, h6 {
padding-top: .5em;
padding-bottom: .17em;
}