Foreground.css
From Whole Latte Love Support Library
Note: After saving, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Clear the cache in Tools → Preferences
#page-content{ margin:0 !important; } h3#tagline{ display:none; } /* Custom Foreground menubar colors */ .top-bar, .top-bar ul, .top-bar ul li.active > a, .top-bar li a:not(.button), .top-bar .has-form { background: #222054; color:#333 !important; font-size: 14px; } div.title-name{ color:#fff !important; } #top-bar-left > li{ background: #222054; } .top-bar-section .dropdown{ padding-top: 10px; } .top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] { border-color: white; } /* Menu #fff arrow */ .top-bar-section .has-dropdown > a:after{ border-color:#fff transparent transparent transparent; } /* Covering all bases to ensure no vanilla CSS remains in menu*/ .top-bar .title-area{ background:#222054 !important; } .top-bar.expanded .title-area{ background: #222054 !important; } .top-bar-section ul li{ background: #222054 !important; } section.top-bar-section ul.top-bar-left ul.dropdown > li{ background:#F1F1F1 !important; } /* Underline back button on mobile menu and capitalize the text*/ li.title.back.js-generated{ border-bottom: 1px solid #fff; border-top: 1px solid #fff; } li.title.back.js-generated > h5 > a{ text-transform: uppercase; } /* Hide unnessary mobile menu headers */ li.parent-link.hide-for-medium-up > a.parent-link.js-generated{ display:none; } /* Mobile menu text/icon remain white */ .top-bar.expanded .toggle-topbar a { color:#333 !important; } .top-bar.expanded .toggle-topbar a span::after{ box-shadow:0 0 0 1px #333, 0 7px 0 1px #333, 0 14px 0 1px #333 !important; } /* Remove borders from TOC */ #tagline,#toctitle{ border:none !important; } /* Prevent search bar from getting wonky */ #searchform > div.row.collapse{ padding:0 !important; } /* Remove underline from Contents */ #toctitle > h2{ border:none; } /* Headers Fonts) */ h1{ color:#333; } h2{ color:#333; border-bottom: 1px solid #333; margin-top: 1em; } h3,h4,h5,h6{ color:#333; margin-top: 1em; } /* Remove link coloring from super-atuo */ .mw-headline > a{ color:#333 !important; } body{ color:#333333; background: white; } /* Row Div (container element for each section) */ .row{ padding:16px !important; } /* Format Brand Table */ table.wikitable{ width: 20em; background: none; border-collapse: initial; } table.wikitable > tbody{ background: white; } table.wikitable > tbody > tr:first-child > th{ background: #E6E7E7; } table.wikitable > tbody > tr > th{ text-align: center; font-size: 1.5em; line-height: initial; font-weight: bold; } /* Format content text */ div#mw-content-text > h1{ margin-top: 50px; } table.wikitable tr:nth-child(even){ background: none; } /* Responsive Embedded Videos */ .embedvideo{ max-width:100% !important; margin: 20px 30px 20px 0; } .embedvideo > iframe{ height:auto; max-width:100%; } /* Media Queries for Desktop */ @media (min-width: 768px) { .embedvideo > iframe{ min-height: 270px; margin-left:0; margin-right:0; } /* Slightly darker color for the dropdowns */ .top-bar-section ul li ul.dropdown li > a { background: white !important; } /* Different color for the hover over items */ .top-bar-section ul li ul.dropdown li > a:hover{ background: #F1F1F1 !important; color:#333 !important } ul.dropdown{ border: 1px solid #333; } .brand-top-table{ float: right; width: 20em; } div.center{ text-align:center; } div.floatnone{ text-align: center; } li.has-form{ padding:0 !important; } } /* Media Queries for Mobile */ @media (max-width: 767px) { .embedvideo.ev_left { width:100% !important; height:200px !important; width:0; } .embedvideo.ev_left > iframe { width:100% !important; height:100% !important; } table.wikitable{ float:none; margin-left:0; width:100%; } div.center{ text-align:center; } div.floatnone{ text-align: center; } #profitecVideos{ margin-top:0; } .top-bar .toggle-topbar.menu-icon a span::after{ box-shadow:0 0 0 1px #fff, 0 7px 0 1px #fff, 0 14px 0 1px #fff; } ul.dropdown{ border:none !important } ul.dropdown > li > a{ background:#F1F1F1 !important; } } /* Media query for iPhone 5 size */ @media (max-width: 390px){ .embedvideo.ev_left { width: 100% !important; height: auto !important; width: 0; } .embedvideo.ev_left > iframe { width: 100% !important; height: auto !important; width: 0; } } /* Media query to prevent weird homepage CSS */ @media (max-width: 851px) { div.customVideoWrapper > .embedvideo{ width:100% !important; } div.customVideoWrapper > .embedvideo > iframe { width: 100%; } } /* Color Links */ div.row > p > a{ color:#0E90A3 !important; } div.row > p > a:hover{ text-decoration:underline; } div#toc > ul *{ color:#0E90A3 !important; } div#page-content > div.row{ background:white !important; } div#content > h1#firstHeading{ padding-top:20px; } /* ICONS */ .fa-gears:before, .fa-cogs:before{ color: #fff; } .fa-user:before{ color: #fff; } li#p-coll-print_export > a { color: #fff !important; } li#p-navigation > a { color: #fff !important; } li#p-Brands > a { color: #fff !important; } li#p-How-To\.27s_and_Tips > a { color: #fff !important; } li#p-Guides > a { color: #fff !important; } li#p-WholeLatteLove\.com > a { color: #fff !important; } .top-bar-section .has-dropdown > a:after{ border-color: #ffffff transparent transparent transparent; }