Black Highlights New Icons
AccuWeather by bamabraves
Details
Authorbamabraves
LicenseNo License
Categoryhttps://www.accuweather.com/
Created
Updated
Size55 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.@-moz-document domain("accuweather.com") {
/* ==UserStyle==
@name AccuWeather
@namespace none
@author BamaBraves
@description `Black Highlights New Icons`
@version 1
@license NO-REDISTRIBUTION
@preprocessor uso
==/UserStyle== */
/* Site Settings */
* {
letter-spacing: 1px !important;
text-decoration: none !important;
transition: none !important;
}
.footer-content-category .footer-content-category-header,
.half-day-card .quarter-day-ctas .quarter-day-cta,
.megamenu--item-1>a,
.module-header,
.more-cta-links .cta-link,
.more-cta-title,
.rainfall-amount-probability-chart__header,
.subnav-item,
.thumbnail-right-rail .right-rail-article__category,
[class*='title']
{
text-transform: capitalize !important;
}
.current-conditions-legend-wrapper .current-conditions-legend .legend-header:before,
.secondary-nav .subnav-item,
.secondary-nav .subnav-item.active :first-child,
:focus
{
border: none !important;
box-shadow: none !important;
outline: none !important;
text-shadow: none !important;
}
.hourly-list__list
{
transform: none!important;
}
.recent-location-item .recent-location-icon
{
filter: none;
}
/* Remove Items
_____________________________________________________________________________________________________*/
.air-quality-pollutant .statement-wrapper .statement:after,
.footer-legalese,
.glacier-ad,
.map-container__wrapper-logo.dark,
.revcontent
{
left: -9999px !important;
position: absolute !important;
top: -9999px !important;
}
/* Left/Right/Top/Bottom
_____________________________________________________________________________________________________*/
.basic-header .alert-banner a.center
{
margin: 0 auto !important;
}
.air-quality-pollutant .column:nth-child(3) {
margin-right: 1rem;
}
.cur-con-map-instructions {
margin-bottom: 25px;
}
.current-conditions-legend-wrapper .current-conditions-legend .legend-header {
margin-bottom: 17px;
}
.secondary-nav .subnav-item :first-child {
padding: 0 0 0px 15px;
}
.hour .panel:before {
top: -12px;
}
/* Margins
_____________________________________________________________________________________________________*/
.air-quality-content,
.cur-con-weather-card,
.lifestyle-index-list.is-widget,
.monthly-calendar .monthly-daypanel,
.weather-card
{
margin: 1.2rem !important;
}
selector
{
margin: 3px 6px !important;
}
/* Paddings
_____________________________________________________________________________________________________*/
xxx
{
padding: 1.2rem !important;
}
.hourly .hour,
.hour .panel p
{
padding: 13px 26px !important;
}
.half-day-card .half-day-card-content .panel-item,
.impacts-table__content .content-item
{
padding: 12px 10px 10px;
}
/* Heights
_____________________________________________________________________________________________________*/
.air-quality-pollutant .statement-wrapper .statement,
.js-content-image.load-error
{
max-height: none !important;
}
.hourly-detailed-card-header .icon
{
height: auto !important;
}
.basic-header .header-logo,
.cur-con-weather-card.is-desktop .forecast-container .weather-icon,
.daily-forecast-card,
.hourly-detailed-card-header .icon,
.hourly-list-wrapper .hourly-list__list__item,
.hourly-list-wrapper.content-module,
.indices-newsfeed .indices-body .indices-touts .story .story-image,
.thumbnail-right-rail .right-rail-article.video .right-rail-article__thumb
{
height: fit-content!important;
}
.indices-newsfeed .indices-body .indices-touts .story
{
height: 31rem;
}
.daily-forecast-card .icon
{
height: 10rem!important;
}
/* Width
_____________________________________________________________________________________________________*/
.basic-header .alert-banner a.center,
.basic-header .header-inner,
.minutecast-banner__chart,
.secondary-nav,
.tertiary-nav,
.thumbnail-right-rail .right-rail-article.video .right-rail-article__thumb,
.two-column-page-content
{
max-width: none !important;
}
.indices-newsfeed .indices-body .indices-touts .story,
.page-hero .featured-locations__locations .featured-location
{
width: fit-content!important;
}
.basic-header .header-inner,
.secondary-nav,
.tertiary-nav,
.two-column-page-content
{
width: 98% !important;
}
.two-column-page-content .page-column-2 {
width: 28%;
}
.cur-con-weather-card.is-desktop .forecast-container .weather-icon,
.daily-forecast-card .icon,
.hourly-detailed-card-header .icon
{
width: 16rem !important;
}
.air-quality-pollutant .column:nth-child(3) {
flex-basis: 88%;
}
}
@-moz-document domain("accuweather.com") {
/* Media Query */
@media screen and (min-width: 2560px) {
/* Fonts
_____________________________________________________________________________________________________*/
.air-quality-content .content-wrapper .air-quality-data .statement,
.mapping-layer__content .title-wrapper .title
{
font-size: 1.85rem !important;
}
.air-quality-pollutant .statement-wrapper .statement,
.featured-search-bar .search-form .search-input,
.inline-tooltip .inline-tooltip-text,
.mapping-layer__content .description,
.minute-cast-chart #minutecast.base-chart-container .x-labels tspan,
[class*='title']
{
font-size: 1.52rem !important;
}
.air-quality-pollutant .display-type sub,
.tertiary-nav .subnav-item
{
font-size: 1.2rem !important;
}
.current-conditions-legend-wrapper .current-conditions-legend .legend-labels
{
font-size: 15px;
}
.mapping-layer__content .title-wrapper .title
{
line-height: 2.1rem !important;
}
/* Widths
_____________________________________________________________________________________________________*/
.base-map-cta {
width: 96%!important;
}
}
@media (min-width: 1920px) and (max-width: 2559px) {
/* Fonts
_____________________________________________________________________________________________________*/
selector
{
font-size: 2.5rem !important;
}
selector
{
font-size: 1.85rem !important;
}
selector
{
font-size: 1.52rem !important;
}
selector
{
line-height: 2.5rem !important;
}
selector
{
line-height: 2.1rem !important;
}
/* Widths
_____________________________________________________________________________________________________*/
selector
{
width: 4rem !important;
}
}
}
@-moz-document domain("accuweather.com") {
/* Font Settings */
.active-global-storms__header .cta-link span,
a[href]
{
color: #0ff !important;
text-shadow: 1px 1px #000 !important;
}
a[href]:visited
{
color: #fc79fc !important;
text-shadow: 1px 1px #000 !important;
}
/* Yellow
_____________________________________________________________________________________________________*/
.active-global-storms__header .cta-link:hover span,
.air-quality-current-pollutants .tabs-content .tab-content.pollutants .view-toggle:hover,
.air-quality-pollutant .display-type sub,
.aq-particles .aq-number-wrapper .aq-number-container .aq-number,
.button:not(.button--secondary--dark-bg,.button-white):hover,
.cta-btn:hover .cta-text,
.cur-con-weather-card .forecast-container .temp,
.half-day-card .half-day-card-content .panel-item:hover,
.half-day-card .half-day-card-header__content .weather .temperature,
.hourly-detailed-card-header,
.hourly-list-wrapper .hourly-list__list__item-precip,
.impacts-table__content .content-item:hover,
.indices-newsfeed .indices-sm .indices-cta-text:hover,
.privacy-policy-banner .banner-button:hover,
.recommended-maps .recommended-maps__item:hover span,
button:not(.button--secondary--dark-bg,.button-white):hover,
h1,
input[type="checkbox"]:checked + label,
input[type="radio"]:checked + label
{
color: #ff0 !important;
}
/* White
_____________________________________________________________________________________________________*/
.active-global-storms__list .storm-info,
.air-quality-pollutant .statement-wrapper .statement,
.air-quality-content .content-wrapper .air-quality-data .cta-btn .cta-text,
.cur-con-map-instructions,
.cur-con-weather-card .forecast-container .after-temp,
.current-conditions-legend-wrapper .current-conditions-legend .legend-labels,
.featured-search-bar .searchbar-content .search-options .dropdown-legacy .displayed-item span,
.half-day-card-content,
.header-search-bar .searchbar-inner .search-options .dropdown-legacy .displayed-item span,
.hour .panel p .value,
.hourly-detailed-card-header .real-feel__text,
.inline-tooltip .inline-tooltip-text,
.lifestyle-index-list__cards .index-status-text,
.minute-cast-chart,
.play-bar .play-bar-now-text,
.radar-legend .legend-item .label,
.rainfall-amount-probability-chart,
.recommended-map-container .recommended-maps__item-name,
.recommended-maps .recommended-maps__item span,
.three-day .air-quality-module__statement,
.weather-card .forecast-container .after-temp,
body,
li,
p
{
color: #fff !important;
}
/* Khaki
_____________________________________________________________________________________________________*/
.footer-content-category .footer-content-category-header,
.header-search-bar .recent-location-current .use-current-location-recent span,
.header-search-bar .search-bar-dropdown .recent-locations-dropdown .recent-title,
.hour .panel p,
.lifestyle-index-list__cards .index-name-container .index-name,
.lifestyle-index-list__header .index-list-title-wrapper .index-list-title,
.rainfall-amount-probability-chart__header,
.storm-overview__title,
.thumbnail-right-rail .right-rail-article__category,
.title,
h1,
h2
{
color: #f0e8...