Skip to content

AccuWeather by bamabraves

Screenshot of AccuWeather

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

Black Highlights New Icons

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...

Reviews

No reviews yet.