Last active
March 9, 2021 01:14
-
-
Save cscottyb/93d276908961378b8e6d6d8bfdb16767 to your computer and use it in GitHub Desktop.
Indigo theme: Redesign for Duck Duck Go. Work in progress.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* highlight color */ | |
| .has-zcm ::-moz-selection, #pg-index.page-index.body--home::-moz-selection { | |
| background: #c3d0ff !important; | |
| } | |
| .has-zcm ::selection, | |
| #pg-index.page-index.body--home::selection { | |
| background: #c3d0ff !important; | |
| } | |
| /* font-size: 90% default */ | |
| .has-zcm ::-moz-selection, #pg-index.page-index.body--home::-moz-selection { | |
| font-size: 90%; | |
| } | |
| .has-zcm ::selection, | |
| #pg-index.page-index.body--home::selection { | |
| font-size: 90%; | |
| } | |
| /* fonts */ | |
| .has-zcm body, | |
| #pg-index.page-index.body--home , | |
| .has-zcm select, | |
| .has-zcm textarea, | |
| .has-zcm input#search_form_input, | |
| .has-zcm .modal--dropdown--region.modal--popout .frm__input, | |
| .has-zcm .vertical--map__search-this-area { | |
| font-family: -apple-system, BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue", "Inter", "Noto Sans","Liberation Sans", Arial, sans-serif,"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important; | |
| font-weight: 400 !important; | |
| -webkit-font-smoothing: antialiased !important; | |
| } | |
| /* ddg icons */ | |
| html .has-zcm .search__clear, | |
| html .has-zcm input.search__button, | |
| html .has-zcm .search__button--hero{ | |
| font-family: 'ddg-serp-icons' !important; | |
| } | |
| /* background-color */ | |
| #pg-index.page-index.body--home, | |
| .has-zcm body, | |
| .has-zcm div#header_wrapper, | |
| .has-zcm .set-header--fixed .tileview--grid .metabar--fixed, | |
| .has-zcm .tileview--grid .metabar--fixed.is-stuck, | |
| .has-zcm .modal__box, | |
| .has-zcm .vertical--map__sidebar__wrapper, | |
| .has-zcm .acp-wrap, | |
| #zci-dictionary_definition, | |
| .has-zcm .site-wrapper{ | |
| background-color: #fdfdfd !important; | |
| } | |
| /* translucency- opacity 92%*/ | |
| .has-zcm div#header_wrapper, | |
| .has-zcm .set-header--fixed .tileview--grid .metabar--fixed, | |
| .has-zcm .tileview--grid .metabar--fixed.is-stuck, | |
| .has-zcm .modal__box, | |
| .has-zcm .vertical--map__sidebar__wrapper, | |
| .has-zcm .acp-wrap, | |
| .has-zcm .vertical--map__sidebar__header, | |
| .has-zcm .vertical--map__sidebar__wrapper, | |
| .has-zcm .btn.place-detail__cta-icon{ | |
| -webkit-backdrop-filter: saturate(180%) blur(20px)!important; | |
| backdrop-filter: saturate(180%) blur(20px) !important; | |
| background-color: #fdfdfdeb !important; | |
| } | |
| /* translucency- opacity 72%*/ | |
| .has-zcm .modal__box, | |
| .has-zcm .vertical--map__sidebar__wrapper, | |
| .has-zcm .btn.place-detail__cta-icon{ | |
| background-color: #fdfdfdb8 !important; | |
| } | |
| /* search dropdown */ | |
| .has-zcm .acp-wrap{ | |
| background-color: #f2f2f2c2 !important; | |
| /* background-color: #f1eff4c2 !important; */ | |
| } | |
| /* UI background */ | |
| /* | |
| - reddit liked | |
| - no satuaration | |
| - same hue as indigo */ | |
| .has-zcm .tile.tile--vid, | |
| .has-zcm .result.highlight, | |
| .has-zcm .tile, | |
| .has-zcm .tile .tile__body, | |
| .has-zcm .tile.tile--c, | |
| .has-zcm .tile.tile--pr.tile--products, | |
| .has-zcm .module--carousel__item, | |
| /* .has-zcm .results--sidebar #m0-0, */ | |
| /* .has-zcm .results--sidebar #m2-0, */ | |
| .has-zcm .results--sidebar .module-slot .module, | |
| .has-zcm .tile.tile--vid, | |
| .has-zcm .dark-bg .prettyprint, | |
| .has-zcm .dark-bg .prettyprint code, | |
| .has-zcm .module-slot .module.module--places, | |
| .has-zcm .forecast-wrapper .module--forecast { | |
| background-color: #f5f4f7 !important; | |
| background-color: #f2f0f4 !important; | |
| background-color: #f0f1f4 !important; | |
| } | |
| /* indigo bg*/ | |
| .has-zcm .acp--highlight, | |
| .has-zcm .modal__list__link.is-active, | |
| .has-zcm .modal__list__link:active, | |
| .has-zcm .modal__list__link:hover, | |
| .has-zcm .modal__list__link.is-highlighted, | |
| .has-zcm a.modal__list__link:hover, | |
| .modal--dropdown--settings a.settings-dropdown--button:hover, | |
| .has-zcm .module--carousel__left, .module--carousel__right, | |
| .has-zcm .tile-nav.can-scroll, | |
| .has-zcm .tile-nav.can-scroll:after, | |
| .has-zcm .switch.is-on, | |
| .has-zcm .zci--calculator .tile__calc .tile__ctrl--important, | |
| .has-zcm .set-themes .set-theme.is-checked .set-theme__check, | |
| .has-zcm .modal--dropdown--settings .settings-dropdown--section .frm__field.is-checked .frm__switch .frm__switch__label.btn { | |
| background-color: #698bff !important; | |
| } | |
| /* indigo text*/ | |
| /* .has-zcm a, */ | |
| .body--serp a, | |
| .has-zcm a.result__url, | |
| .has-zcm a.result__url:hover, | |
| #pg-index.page-index.body--home .tag-home__link, | |
| .has-zcm span.related-searches__item-text, | |
| .has-zcm #links span.related-searches__item-text b, | |
| .has-zcm .related-searches__item-text::before, | |
| .has-zcm .search:hover .search__button, | |
| .has-zcm .search:hover .search__button:focus, | |
| .has-zcm .search__button:hover, | |
| .has-zcm .search__button:focus, | |
| .has-zcm .search--home.has-text, | |
| .has-zcm .search--home.has-text .search__button:focus, | |
| .has-zcm .search--home.has-text .search__button:hover, | |
| .has-zcm .search--header.has-text.search--focus .search__button, | |
| .has-zcm .search--header.has-text.search--hover .search__button:hover, | |
| .has-zcm .search--header.has-text.search--focus .search__button:hover, | |
| .has-zcm .search__input:focus ~ .search__button, | |
| .has-zcm .module__official-url, | |
| .has-zcm .module__more-at, | |
| .has-zcm .module__more-at-bottom, | |
| .has-zcm .module__official-url:hover, | |
| .has-zcm .module__more-at:hover, | |
| .has-zcm .module__more-at-bottom:hover, | |
| .has-zcm .result__url, .result__url:active, | |
| .has-zcm .result__url:visited:focus, | |
| .has-zcm .result--more a, | |
| .off .has-zcm .result--more a:hover, | |
| .has-zcm .module__toggle, | |
| .has-zcm .module__link.module__link--blue, | |
| .has-zcm .module__link--url, | |
| .has-zcm .module__link--url:hover, | |
| .has-zcm .module__link--url:active, | |
| .has-zcm .module__link--url:focus, | |
| .has-zcm .is-cssexp .module__link--url, | |
| .has-zcm .is-cssexp .module__link--url:hover, | |
| .has-zcm .is-cssexp .module__link--url:active, | |
| .has-zcm .is-cssexp .module__link--url:focus, | |
| .has-zcm .attribution--link__icon.ddgsi, | |
| .has-zcm .dir-btn__link.btn, | |
| .has-zcm .star:after, | |
| .has-zcm .vertical--map__search-this-area | |
| { | |
| color: #698bff !important; | |
| } | |
| /* black text */ | |
| .has-zcm a.zcm__link, | |
| .has-zcm .result__a, | |
| .has-zcm a.result__a, | |
| .has-zcm a.result__a:hover, | |
| .has-zcm #links .result__a strong, | |
| .has-zcm a.module--carousel__body__title, | |
| .has-zcm .modal--dropdown .modal__list__link, | |
| .has-zcm .modal__list__link.js-custom-date-range, | |
| .modal--dropdown--settings .settings-dropdown--button, | |
| .has-zcm a.about-profiles__link, | |
| .has-zcm a.about-profiles__link:hover, | |
| .has-zcm a.about-profiles__link:visited, | |
| .has-zcm a.about-profiles__link:active, | |
| .has-zcm .zci__def__attribution.tx-clr--lt2.t-s, | |
| .has-zcm #zci-dictionary_definition, | |
| .has-zcm a.tile--img__sub, | |
| .has-zcm .tile__title a, | |
| .has-zcm .module__title__link, | |
| .has-zcm .module__title__link:hover, | |
| .has-zcm .module__title__link:active, | |
| .has-zcm .module__title__link:visited, | |
| .has-zcm a.dropdown__button { | |
| color: #000000 !important; | |
| } | |
| /* white text */ | |
| .has-zcm .header--aside__item.showcase.header__label, | |
| .has-zcm .header--aside__item, | |
| .has-zcm .c-detail__title a, | |
| .has-zcm .c-detail__desc a, | |
| .has-zcm .c-detail__more a, | |
| .has-zcm .c-detail__rating a, | |
| .has-zcm .detail--xd .c-detail__user, | |
| .has-zcm .detail--xd .c-detail__count, | |
| .has-zcm .detail--xd .c-detail__date, | |
| .has-zcm .detail--xd .detail__close:hover, | |
| .has-zcm .detail__close, | |
| .has-zcm .detail--xd .tile-nav--sm, | |
| .has-zcm .acp--highlight .acp__detail{ | |
| color: #ffffff !important; | |
| } | |
| /* grey #8e8e93 text*/ | |
| .has-zcm a.zcm__link.is-active, | |
| .has-zcm #links a.result__a:visited, | |
| .has-zcm #links a.result__a:visited:hover, | |
| .has-zcm #links a.result__a:visited b, | |
| .has-zcm #links a.result__a:visited:hover b, | |
| .has-zcm a.tile--pr__brand, | |
| .has-zcm .module--carousel__body__content { | |
| color: #8e8e93 !important; | |
| } | |
| /* grey #636367 text*/ | |
| .has-zcm .result__snippet, | |
| .has-zcm .result__snippet b, | |
| .has-zcm .result__snippet strong, | |
| .has-zcm span.related-searches__item-text:visited, | |
| .has-zcm .search--header, | |
| .has-zcm .search__button, | |
| .has-zcm .header__button, | |
| .has-zcm .header__button--menu, | |
| .has-zcm .header__button:visited, | |
| .has-zcm .header__button--menu:visited, | |
| .has-zcm .header__button:focus, | |
| .has-zcm .header__button--menu:focus, | |
| .has-zcm .header__button:hover, | |
| .has-zcm .header__button--menu:hover | |
| { | |
| color: #636367 !important; | |
| } | |
| .has-zcm .module--carousel__item, | |
| .has-zcm .tile, | |
| .has-zcm .tile.tile--vid, | |
| .has-zcm .tile.tile--img, | |
| .has-zcm .title.tile--c, | |
| .has-zcm .result__image__img, | |
| .has-zcm .result.highlight, | |
| .has-zcm .result--more__btn, | |
| .has-zcm .search, | |
| .has-zcm .search--adv { | |
| border-radius: 8px !important; | |
| } | |
| .has-zcm #search_form.search--adv.search--focus { | |
| border-bottom-left-radius: 0 !important; | |
| border-bottom-right-radius: 0 !important; | |
| } | |
| /* no background */ | |
| .has-zcm .search__autocomplete, | |
| .has-zcm .modal__header{ | |
| background-color: transparent !important; | |
| } | |
| /* no box-shadow */ | |
| .has-zcm .result.highlight, | |
| .has-zcm .module, | |
| .has-zcm .is-mobile .module--images { | |
| -webkit-box-shadow: none !important; | |
| box-shadow: none !important; | |
| } | |
| /* no underline */ | |
| .has-zcm .result__a:hover, | |
| .has-zcm .result:hover a.result__url, | |
| .has-zcm .place-detail__item .module__title__link:hover, | |
| .has-zcm .module--carousel__body__title.js-carousel-item-title { | |
| text-decoration: none !important; | |
| } | |
| /* no visibility */ | |
| .has-zcm a.feedback-btn__send.js-feedback-start, | |
| .has-zcm .js-feedback-btn-wrap, | |
| .has-zcm a.feedback-prompt__link, | |
| .has-zcm .header--aside__item.showcase.header__label, | |
| .has-zcm .header--aside__item.header, .aside__social.header__label.social{ | |
| visibility: hidden !important; | |
| } | |
| /* no display */ | |
| .has-zcm .footer, | |
| .has-zcm .feedback-prompt, | |
| .has-zcm .module__header__shadow{ | |
| display: none !important; | |
| } | |
| .has-zcm .header-wrap { | |
| -webkit-box-shadow: 0 1px 0 #181c28 !important; | |
| box-shadow: 0 1px 0 #181c28 !important; | |
| } | |
| /* search */ | |
| .has-zcm .msg--box, | |
| .has-zcm .msg--info, | |
| .has-zcm .msg--help, | |
| .has-zcm .msg--untranslated, | |
| .has-zcm .msg--warning, | |
| .has-zcm #error_homepage, | |
| .has-zcm msg, /*hmmmm*/ | |
| .has-zcm .content__text, .header__search-wrap { | |
| max-width: 598px !important; | |
| max-width: 590px !important; | |
| } | |
| .has-zcm .search--header | |
| { | |
| background-color: #2a07660d !important; | |
| background-color: #616c8f1a !important; | |
| } | |
| .has-zcm form#search_form { | |
| border: 0px solid transparent !important; | |
| -webkit-box-shadow: none !important; | |
| box-shadow: none !important; | |
| } | |
| .has-zcm .search:hover .search__button, | |
| .has-zcm .search:hover .search__button:focus, | |
| .has-zcm .search__button, | |
| .has-zcm .search__button:hover, | |
| .has-zcm .search__button:focus, | |
| .has-zcm .search--home.has-text, | |
| /* .has-zcm .search--home.has-text .search__button, */ | |
| .has-zcm .search--home.has-text .search__button:focus, | |
| .has-zcm .search--home.has-text .search__button:hover, | |
| /* .has-zcm .search--header.has-text.search--hover, */ | |
| /* .has-zcm .search--header.has-text.search--focus, */ | |
| .has-zcm .search--header.has-text.search--focus .search__button, | |
| .has-zcm .search--header.has-text.search--hover .search__button:hover, | |
| .has-zcm .search--header.has-text.search--focus .search__button:hover, | |
| .has-zcm .search__input:focus ~ .search__button{ | |
| background-color: transparent !important; | |
| } | |
| .has-zcm .search__autocomplete { | |
| max-height: 224px !important; | |
| margin-left: 0 !important; | |
| margin-right: 0 !important; | |
| -webkit-box-shadow: none !important; | |
| box-shadow: none !important; | |
| border: none !important; | |
| border-top: solid 1px #a5acc31a !important; | |
| } | |
| .has-zcm .header-wrap { | |
| -webkit-box-shadow: 0 1px 0 #e1e3e8 !important; | |
| box-shadow: 0 1px 0 #e1e3e8 !important; | |
| } | |
| .has-zcm .acp-wrap { | |
| padding: 8px 8px !important; | |
| max-height: 224px !important; | |
| } | |
| .has-zcm .acp { | |
| font-weight: 500 !important; | |
| } | |
| .has-zcm .acp--highlight { | |
| background-color: #698bff !important; | |
| border-radius: 4px !important; | |
| color: #fff !important; | |
| } | |
| /* Navbar */ | |
| .has-zcm a.zcm__link, | |
| .dropdown.is-active .dropdown__button { | |
| font-weight: 400 !important; | |
| } | |
| .has-zcm a.zcm__link.is-active { | |
| border-bottom: none !important; | |
| cursor: default; | |
| } | |
| .has-zcm .modal--dropdown--region .region-flag__wrap{ | |
| display: none !important; | |
| } | |
| .has-zcm .modal--dropdown--region.modal--popout .frm__input{ | |
| background-color: transparent !important; | |
| } | |
| /* Results */ | |
| .has-zcm .results--sidebar #m0-0, | |
| .has-zcm .results--sidebar #m2-0 { | |
| /* background: #f0f1f4 !important; */ | |
| border-radius: 8px !important; | |
| margin-top: 7px !important; | |
| } | |
| .has-zcm .result.highlight, .has-zcm .related-searches.highlight { | |
| border-color: transparent !important; | |
| } | |
| .has-zcm .result__body { | |
| padding: .8em !important; | |
| } | |
| .has-zcm a.result__url, | |
| .has-zcm a.result__url:hover, | |
| #pg-index.page-index.body--home .tag-home__link { | |
| -webkit-font-smoothing: auto !important; | |
| } | |
| .has-zcm .result__a, | |
| .has-zcm a.result__a, | |
| .has-zcm a.result__a:hover, | |
| .has-zcm #links .result__a strong | |
| { | |
| font-weight: 500 !important; | |
| } | |
| .has-zcm #links .result__a b{ | |
| font-weight: 600 !important; | |
| } | |
| /* Show More */ | |
| .has-zcm .result--more a { | |
| -webkit-transition: all .3s cubic-bezier(0.65, 0.05, 0.36, 1) !important; | |
| -o-transition: all .3s cubic-bezier(0.65, 0.05, 0.36, 1) !important; | |
| transition: all .3s cubic-bezier(0.65, 0.05, 0.36, 1) !important; | |
| border: 1px solid transparent !important; | |
| color: #698bff !important; | |
| background-color: #698bff44 !important; | |
| } | |
| .off .has-zcm .result--more a:hover{ | |
| background-color: #698bff44 !important; | |
| } | |
| .has-zcm .result__snippet { | |
| -webkit-font-smoothing: antialiased !important; | |
| } | |
| .has-zcm .related-searches.t-m { | |
| padding: .5em 1.2em 0.8em; | |
| } | |
| /* modal */ | |
| .has-zcm .modal--dropdown .modal__body { | |
| padding: .3em; | |
| } | |
| .has-zcm .modal--dropdown .modal__list__link { | |
| height: 0.8125em !important; | |
| line-height: 0.8125em !important; | |
| font-size: 0.8125em !important; | |
| -webkit-font-smoothing: auto !important; | |
| padding: .3em .5em !important; | |
| } | |
| .has-zcm .modal__list__link.is-selected { | |
| font-weight: 500 !important; | |
| } | |
| .has-zcm .modal__list__link.is-active, | |
| .has-zcm .modal__list__link:active, | |
| .has-zcm .modal__list__link:hover, | |
| .has-zcm .modal__list__link.is-highlighted, | |
| .has-zcm a.modal__list__link:hover, | |
| .modal--dropdown--settings a.settings-dropdown--button:hover { | |
| color: #fff !important; | |
| border-radius: 4px !important; | |
| } | |
| .has-zcm .modal--dropdown--settings .settings-dropdown--section .frm__field .frm__select:before, | |
| .has-zcm .modal--dropdown--region.modal--popout .frm__input{ | |
| background-image: none !important; | |
| } | |
| .has-zcm .module__more-at.tx--bold { | |
| font-weight: 500 !important; | |
| } | |
| .has-zcm .modal__list__link.js-custom-date-range{ | |
| margin: 1em 0em .5em !important; | |
| } | |
| .has-zcm .modal__list__link.js-custom-date-range, | |
| .has-zcm .modal--dropdown--settings .settings-dropdown--button { | |
| font-weight: 400 !important; | |
| text-decoration: none !important; | |
| } | |
| .has-zcm .settings-dropdown--button { | |
| margin: 6px !important; | |
| padding: 10px 12px !important; | |
| } | |
| .has-zcm .modal--dropdown.modal--dropdown--date .modal__footer { | |
| border-top: 1px solid #e9e9e9 !important; | |
| margin: 2px 8px 1px !important; | |
| } | |
| /* modules */ | |
| .has-zcm .module-slot .module{ | |
| border-radius: 8px !important; | |
| } | |
| .has-zcm .module__header__map { | |
| border-top-right-radius: 8px !important; | |
| border-top-left-radius: 8px !important; | |
| overflow-x: hidden !important; | |
| } | |
| .has-zcm .about-info-box__info-row, | |
| .has-zcm .about-info-box__link-row, | |
| .has-zcm .module__section{ | |
| border-top: 1px solid #e1e3e8 !important; | |
| } | |
| .has-zcm .module__toggle { | |
| background-color: transparent !important; | |
| border-top: none !important; | |
| border-radius: .25rem !important; | |
| } | |
| .has-zcm .module, .is-mobile .module--images { | |
| -webkit-box-shadow: none !important; | |
| box-shadow: none !important; | |
| border: none !important; | |
| border-bottom-color: none !important; | |
| } | |
| .has-zcm .module__header.module__header--link { | |
| font-weight: 500 !important; | |
| font-size: 1.125em !important; | |
| } | |
| .has-zcm .module__clickable-header.js-about-item-clickable-header { | |
| margin: -22px 0px 8px !important; | |
| padding: 7px 0px !important; | |
| } | |
| .has-zcm .module--carousel__body__title, | |
| .has-zcm .module__footer { | |
| font-weight: 500 !important; | |
| } | |
| a.js-carousel-module-more.module__footer::before{ | |
| font-weight: 600 !important; | |
| } | |
| .has-zcm a.feedback-prompt__link { | |
| color: rgb(168, 170, 173) !important; | |
| } | |
| .has-zcm .module__header__image__more{ | |
| right: 18px !important; | |
| } | |
| .has-zcm .module__official-url.js-about-item-link { | |
| -webkit-font-smoothing: auto !important; | |
| } | |
| .has-zcm .forecast-wrapper .module--forecast{ | |
| border-radius: 1em !important; | |
| } | |
| /* Definition */ | |
| .has-zcm #zci-dictionary_definition { | |
| border-bottom: 0px !important; | |
| } | |
| .has-zcm .zci__def__links { | |
| font-size: .885rem !important; | |
| padding-top: .2em !important; | |
| border-bottom: 1px solid #f0f1f4 !important; | |
| padding-bottom: 2.3em !important; | |
| } | |
| /* Maps */ | |
| .has-zcm .dir-btn__link.btn { | |
| font-weight: 600 !important; | |
| text-shadow: none !important; | |
| background-color: #698bff1a !important; | |
| border: 1px solid transparent !important; | |
| -webkit-font-smoothing: auto !important; | |
| } | |
| .has-zcm ..dir-btn__link.btn:hover, | |
| .has-zcm .module__clickable-header.js-about-item-clickable-header { | |
| background-color: #698bff33 !important; | |
| } | |
| .has-zcm .review__rating-stars { | |
| -webkit-filter: hue-rotate(87deg) !important; | |
| filter: hue-rotate(87deg) !important; | |
| } | |
| .has-zcm .btn.place-detail__cta-icon { | |
| border: none !important; | |
| } | |
| /* News */ | |
| .has-zcm .module--carousel__item, | |
| .has-zcm .tile.tile--vid { | |
| border: 0px solid transparent !important; | |
| -webkit-box-shadow: 0px 0px 0px transparent !important; | |
| box-shadow: 0px 0px 0px transparent !important; | |
| } | |
| .has-zcm .module--carousel__image { | |
| border-radius: 2px !important; | |
| } | |
| .has-zcm .module--carousel__left, .module--carousel__right { | |
| color: #ffffff !important; | |
| -webkit-box-shadow: none !important; | |
| box-shadow: none !important; | |
| border: none !important; | |
| } | |
| .has-zcm .module__title__link, | |
| .has-zcm .module__title__link:hover, | |
| .has-zcm .module__title__link:active, | |
| .has-zcm .module__title__link:visited { | |
| font-weight: 600 !important; | |
| } | |
| /* Images */ | |
| .has-zcm a.tile--img__sub, | |
| .has-zcm .tile__title a{ | |
| font-weight: 500 !important; | |
| } | |
| .has-zcm .tileview--grid .tile{ | |
| margin-top: 0.24em !important; | |
| } | |
| .has-zcm .detail{ | |
| border-top: transparent !important; | |
| border-bottom: transparent !important; | |
| } | |
| .has-zcm .detail--xd, | |
| .has-zcm .detail--xd .tile-nav--sm { | |
| background-color: #202020 !important; | |
| } | |
| .has-zcm .detail--xd .c-detail__btn{ | |
| border-color: transparent !important; | |
| background-color: #1e1e1e !important; | |
| } | |
| .has-zcm a.tile--pr__brand { | |
| font-weight: 400 !important; | |
| } | |
| .has-zcm .highlight.tile, | |
| .has-zcm .tile--img:hover .tile--img__media, | |
| .has-zcm .tile--img.is-selected .tile--img__media { | |
| -webkit-box-shadow: none !important; | |
| box-shadow: none !important; | |
| } | |
| /* Meanings */ | |
| .has-zcm .tile.tile--c, | |
| .has-zcm .tile.tile--pr.tile--products { | |
| border: solid 1px transparent !important; | |
| -webkit-box-shadow: none !important; | |
| box-shadow: none !important; | |
| } | |
| .has-zcm .zci { | |
| background-color: transparent !important; | |
| border-bottom: none !important; | |
| } | |
| .has-zcm .zci-wrap, .tileview .metabar--fixed { | |
| background-color: transparent !important; | |
| } | |
| .has-zcm .tile-nav.can-scroll, .tile-nav.can-scroll:after { | |
| color: #ffffff !important; | |
| -webkit-box-shadow: none !important; | |
| box-shadow: none !important; | |
| } | |
| .has-zcm .metabar__mode{ | |
| background-color: transparent !important; | |
| } | |
| /* weather */ | |
| .has-zcm .module__items-item.js-forecast-module-item { | |
| border-right: 0 !important; | |
| border-left: 0 !important; | |
| background: transparent !important; | |
| } | |
| v.forecast-wrapper .module--forecast .module__bottom { | |
| padding: 0 0px 19px !important; | |
| } | |
| .summary-more.tx-clr--blue-dark { | |
| font-weight: 500 !important; | |
| } | |
| /* remove module background-color */ | |
| .has-zcm .module__header.module__header--with-image { | |
| /* margin-top: 8px !important; */ | |
| /* padding: 0px 22px !important; */ | |
| /* height: 9em !important; */ | |
| } | |
| .has-zcm .module__toggle { | |
| /* background-color: transparent !important; */ | |
| } | |
| .has-zcm .module:not(.module--carousel):not(.module--placeholder):not(.module--images){ | |
| /* background-color: transparent !important; */ | |
| } | |
| .has-zcm .no-results.t-m { | |
| padding-top: 36px !important; | |
| } | |
| .has-zcm .module__text { | |
| padding-bottom:4px !important; | |
| } | |
| .has-zcm .about-info-box { | |
| padding-top: 4px !important; | |
| } | |
| .has-zcm .about-info-box__info-row:first-child, | |
| .has-zcm .about-info-box__link-row:first-child { | |
| padding-top: 2px !important; | |
| } | |
| .has-zcm .mgl-marker { | |
| background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+IDwhLS0gQ3JlYXRlZCB3aXRoIFZlY3Rvcm5hdG9yIGZvciBpT1MgKGh0dHA6Ly92ZWN0b3JuYXRvci5pby8pIC0tPjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+Cjxzdmcgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDsiIHhtbG5zOnZlY3Rvcm5hdG9yPSJodHRwOi8vdmVjdG9ybmF0b3IuaW8iIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDI3IDMyIj4KPG1ldGFkYXRhPgo8dmVjdG9ybmF0b3I6c2V0dGluZyBrZXk9IkR5bmFtaWNHdWlkZXMiIHZhbHVlPSIxIi8+Cjx2ZWN0b3JuYXRvcjpzZXR0aW5nIGtleT0iVW5pdHMiIHZhbHVlPSJQb2ludHMiLz4KPHZlY3Rvcm5hdG9yOnNldHRpbmcga2V5PSJHdWlkZXNWaXNpYmxlIiB2YWx1ZT0iMSIvPgo8dmVjdG9ybmF0b3I6c2V0dGluZyBrZXk9IlJ1bGVyc1Zpc2libGUiIHZhbHVlPSIxIi8+Cjx2ZWN0b3JuYXRvcjpzZXR0aW5nIGtleT0iU25hcFRvR3VpZGVzIiB2YWx1ZT0iMSIvPgo8dmVjdG9ybmF0b3I6c2V0dGluZyBrZXk9IkdyaWRTcGFjaW5nIiB2YWx1ZT0iMzYiLz4KPC9tZXRhZGF0YT4KPGRlZnMvPgo8ZyBpZD0iVW50aXRsZWQiIHZlY3Rvcm5hdG9yOmxheWVyTmFtZT0iVW50aXRsZWQiPgo8cGF0aCBkPSJNNy45OTMrMjUuODM4QzMuMjgzKzIzLjczMSswKzE5LjAwMSswKzEzLjUwNUMwKzYuMDQ2KzYuMDQ0KzArMTMuNSswQzIwLjk1NiswKzI3KzYuMDQ2KzI3KzEzLjUwNUMyNysxOC45NjkrMjMuNzU1KzIzLjY3NisxOS4wODgrMjUuODAyQzEzLjgwNisyOC40OCsxNS4yMTgrMzEuOTUrMTMuNSszMS45NUMxMS43ODkrMzEuOTUrMTMuMjkyKzI4LjUxMis3Ljk5MysyNS44MzhaIiBvcGFjaXR5PSIxIiBmaWxsPSIjNjk4YmZmIi8+CjxwYXRoIGQ9Ik03Ljk5MysyNS44MzhDMy4yODMrMjMuNzMxKzArMTkuMDAxKzArMTMuNTA1QzArNi4wNDYrNi4wNDQrMCsxMy41KzBDMjAuOTU2KzArMjcrNi4wNDYrMjcrMTMuNTA1QzI3KzE4Ljk2OSsyMy43NTUrMjMuNjc2KzE5LjA4OCsyNS44MDJDMTMuODA2KzI4LjQ4KzE1LjIxOCszMS45NSsxMy41KzMxLjk1QzExLjc4OSszMS45NSsxMy4yOTIrMjguNTEyKzcuOTkzKzI1LjgzOFoiIGZpbGwtb3BhY2l0eT0iMC4xNSIgZmlsbD0iIzAwMDAwMCIgb3BhY2l0eT0iMSIvPgo8L2c+Cjwvc3ZnPgo=") !important; | |
| } | |
| .has-zcm .mgl-marker.mgl-marker--numbered.mgl-marker--disabled { | |
| -webkit-filter: brightness(.8125); | |
| filter: brightness(.8125); | |
| } | |
| .has-zcm .mgl-marker.mgl-marker--numbered.mgl-marker--disabled span.mgl-marker__num{ | |
| opacity: 0.6 !important; | |
| } | |
| .has-zcm .mgl-marker.mgl-marker--numbered.mgl-marker--highlighted { | |
| -webkit-filter: brightness(1.25); | |
| filter: brightness(1.25); | |
| } | |
| #pg-index.page-index.body--home #logo_homepage_link, | |
| .has-zcm .header__logo { | |
| background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+IDwhLS0gQ3JlYXRlZCB3aXRoIFZlY3Rvcm5hdG9yIGZvciBpT1MgKGh0dHA6Ly92ZWN0b3JuYXRvci5pby8pIC0tPjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgaGVpZ2h0PSIxMDAlIiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kOyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjEwMCUiIHhtbG5zOnZlY3Rvcm5hdG9yPSJodHRwOi8vdmVjdG9ybmF0b3IuaW8iIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDEyNyAxMjciPgo8bWV0YWRhdGE+Cjx2ZWN0b3JuYXRvcjpzZXR0aW5nIGtleT0iRHluYW1pY0d1aWRlcyIgdmFsdWU9IjEiLz4KPHZlY3Rvcm5hdG9yOnNldHRpbmcga2V5PSJVbml0cyIgdmFsdWU9IlBvaW50cyIvPgo8dmVjdG9ybmF0b3I6c2V0dGluZyBrZXk9Ikd1aWRlc1Zpc2libGUiIHZhbHVlPSIxIi8+Cjx2ZWN0b3JuYXRvcjpzZXR0aW5nIGtleT0iR3JpZFNwYWNpbmciIHZhbHVlPSIzNiIvPgo8dmVjdG9ybmF0b3I6c2V0dGluZyBrZXk9IlNuYXBUb0d1aWRlcyIgdmFsdWU9IjEiLz4KPHZlY3Rvcm5hdG9yOnNldHRpbmcga2V5PSJSdWxlcnNWaXNpYmxlIiB2YWx1ZT0iMSIvPgo8L21ldGFkYXRhPgo8ZGVmcy8+CjxnIGlkPSJVbnRpdGxlZCIgdmVjdG9ybmF0b3I6bGF5ZXJOYW1lPSJVbnRpdGxlZCI+CjxwYXRoIGQ9Ik0zLjMrNjMuM0MzLjMrMzAuMTYyOSszMC4xNjI5KzMuMys2My4zKzMuM0M5Ni40MzcxKzMuMysxMjMuMyszMC4xNjI5KzEyMy4zKzYzLjNDMTIzLjMrOTYuNDM3MSs5Ni40MzcxKzEyMy4zKzYzLjMrMTIzLjNDMzAuMTYyOSsxMjMuMyszLjMrOTYuNDM3MSszLjMrNjMuM1oiIG9wYWNpdHk9IjEiIGZpbGw9IiM2OThiZmYiLz4KPHBhdGggZD0iTTExNC4xKzQxLjhDMTExLjMrMzUuMisxMDcuMysyOS4zKzEwMi4zKzI0LjNDOTcuMisxOS4yKzkxLjMrMTUuMys4NC44KzEyLjVDNzgrOS42KzcwLjgrOC4yKzYzLjMrOC4yQzU1LjgrOC4yKzQ4LjYrOS43KzQxLjgrMTIuNUMzNS4yKzE1LjMrMjkuMysxOS4zKzI0LjMrMjQuM0MxOS4yKzI5LjQrMTUuMyszNS4zKzEyLjUrNDEuOEM5LjYrNDguNis4LjIrNTUuOCs4LjIrNjMuM0M4LjIrNzAuNys5LjcrNzgrMTIuNSs4NC44QzE1LjMrOTEuNCsxOS4zKzk3LjMrMjQuMysxMDIuM0MyOS40KzEwNy40KzM1LjMrMTExLjMrNDEuOCsxMTQuMUM0OC42KzExNys1NS44KzExOC40KzYzLjMrMTE4LjRDNzAuOCsxMTguNCs3OCsxMTYuOSs4NC44KzExNC4xQzkxLjQrMTExLjMrOTcuMysxMDcuMysxMDIuMysxMDIuM0MxMDcuNCs5Ny4yKzExMS4zKzkxLjMrMTE0LjErODQuOEMxMTcrNzgrMTE4LjQrNzAuOCsxMTguNCs2My4zQzExOC40KzU1LjgrMTE3KzQ4LjYrMTE0LjErNDEuOFpNNzUuMysxMTIuOEM3Mi4xKzEwNy40KzYzLjcrOTIuMys2My43KzgxLjFDNjMuNys1NS4zKzgxKzc3LjQrODErNTYuOEM4MSs1MS45Kzc4LjYrMzQuNys2My42KzMxLjFDNTkuOSsyNi4yKzUxLjIrMjEuNSszNy40KzIzLjRDMzcuNCsyMy40KzM5LjcrMjQuMSs0Mi4zKzI1LjRDNDIuMysyNS40KzM3LjMrMjYuMSszNy4xKzI5LjVDMzcuMSsyOS41KzQ3KzI5KzUyLjYrMzAuOEMzOS43KzMyLjUrMzMrMzkuMiszNC4yKzUxLjZDMzUuOSs2OS4xKzQzLjMrMTAwLjMrNDUuOSsxMTEuMkMyNi4zKzEwNC4xKzEyLjIrODUuMysxMi4yKzYzLjJDMTIuMiszNS4xKzM1KzEyLjIrNjMuMisxMi4yQzkxLjQrMTIuMisxMTQuMiszNSsxMTQuMis2My4yQzExNC4yKzg3LjMrOTcuNisxMDcuNCs3NS4zKzExMi44WiIgb3BhY2l0eT0iMSIgZmlsbD0iI2ZmZmZmZiIvPgo8cGF0aCBkPSJNNjAuNSs3MS42QzYwLjUrNjUrNjkuNSs2Mi45KzcyLjkrNjIuOUM4Mi4xKzYyLjkrOTUuMSs1Nys5OC4zKzU3LjFDMTAxLjYrNTcuMisxMDMuNys1OC41KzEwMy43KzYwQzEwMy43KzYyLjIrODUuMys3MC41Kzc4LjIrNjkuOEM3MS40KzY5LjIrNjkuOCs2OS45KzY5LjgrNzIuN0M2OS44Kzc1LjErNzQuNys3Ny4zKzgwLjErNzcuM0M4OC4yKzc3LjMrOTYuMSs3My43Kzk4LjUrNzUuNEMxMDAuNis3Ni45KzkzKzgyLjMrODQuMys4Mi4zQzc1LjYrODIuMys2MC41Kzc4LjIrNjAuNSs3MS42WiIgZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSIjZmVkMzBhIiBvcGFjaXR5PSIxIi8+CjxwYXRoIGQ9Ik03Ni41KzQzLjZDNzQuMSs0MC41KzY5LjgrNDAuNCs2OC4zKzQ0QzcwLjYrNDIuMis3My40KzQxLjgrNzYuNSs0My42WiIgb3BhY2l0eT0iMSIgZmlsbD0iIzJkNGY4ZCIvPgo8cGF0aCBkPSJNNDkuNys0My43QzQ2LjQrNDEuNys0MC45KzQxLjUrNDEuMis0Ny44QzQyLjkrNDMuOSs0NS4xKzQzLjIrNDkuNys0My43WiIgb3BhY2l0eT0iMSIgZmlsbD0iIzJkNGY4ZCIvPgo8cGF0aCBkPSJNNzQuNSs0OS41QzcyLjcrNDkuNSs3MS4yKzUxKzcxLjIrNTIuOEM3MS4yKzU0LjYrNzIuNys1Ni4xKzc0LjUrNTYuMUM3Ni4zKzU2LjErNzcuOCs1NC42Kzc3LjgrNTIuOEM3Ny44KzUxKzc2LjMrNDkuNSs3NC41KzQ5LjVaTTc1LjcrNTIuNUM3NS4yKzUyLjUrNzQuNys1Mi4xKzc0LjcrNTEuNUM3NC43KzUxKzc1LjErNTAuNSs3NS43KzUwLjVDNzYuMys1MC41Kzc2LjcrNTAuOSs3Ni43KzUxLjVDNzYuNis1Mi4xKzc2LjIrNTIuNSs3NS43KzUyLjVaIiBvcGFjaXR5PSIxIiBmaWxsPSIjMmQ0ZjhkIi8+CjxwYXRoIGQ9Ik00OC45KzUxLjNDNDYuOCs1MS4zKzQ1LjErNTMrNDUuMSs1NS4xQzQ1LjErNTcuMis0Ni44KzU4LjkrNDguOSs1OC45QzUxKzU4LjkrNTIuNys1Ny4yKzUyLjcrNTUuMUM1Mi43KzUzKzUxKzUxLjMrNDguOSs1MS4zWk01MC4zKzU0LjhDNDkuNys1NC44KzQ5LjIrNTQuMys0OS4yKzUzLjdDNDkuMis1My4xKzQ5LjcrNTIuNis1MC4zKzUyLjZDNTAuOSs1Mi42KzUxLjQrNTMuMSs1MS40KzUzLjdDNTEuNCs1NC4zKzUwLjkrNTQuOCs1MC4zKzU0LjhaIiBvcGFjaXR5PSIxIiBmaWxsPSIjMmQ0ZjhkIi8+CjxwYXRoIGQ9Ik00MC42KzM1LjFDMzUuOCszOC42KzMzLjYrNDQrMzQuMys1MS42QzM2KzY5LjErNDMuNCsxMDAuNCs0NisxMTEuM0M0Ni45KzExMS42KzQ3LjgrMTExLjkrNDguNysxMTIuMkM0Ny4xKzEwNS42KzM5LjQrNzMuNCszNis0OC43QzM1LjErNDIuMSszNy42KzM4LjIrNDAuNiszNS4xWiIgb3BhY2l0eT0iMSIgZmlsbD0iI2Q1ZDdkOCIvPgo8cGF0aCBkPSJNNTIuNSszMC44QzUyLjkrMzAuOCs1My4yKzMwLjcrNTMuMiszMC43QzQ4KzI4LjIrMzkuOCsyOC4xKzM3LjYrMjguMUMzNy40KzI4LjUrMzcuMisyOSszNy4yKzI5LjVDMzcuMSsyOS42KzQ2LjgrMjkrNTIuNSszMC44WiIgb3BhY2l0eT0iMSIgZmlsbD0iI2Q1ZDdkOCIvPgo8cGF0aCBkPSJNNDMuMSsyNS40QzQxLjUrMjQuMys0MC4yKzIzLjYrMzkuNCsyMy4yQzM4LjcrMjMuMyszOC4xKzIzLjMrMzcuNCsyMy40QzM3LjQrMjMuNCszOS43KzI0LjErNDIuMysyNS40QzQyLjMrMjUuNCs0Mi4yKzI1LjQrNDIuMSsyNS40QzQyLjcrMjUuNCs0My4xKzI1LjQrNDMuMSsyNS40WiIgb3BhY2l0eT0iMSIgZmlsbD0iI2Q1ZDdkOCIvPgo8cGF0aCBkPSJNODMuNCs5MS45QzgxLjcrOTEuNSs3NS4xKzk2LjIrNzIuNis5OEM3Mi41Kzk3LjUrNzIuNCs5Ny4xKzcyLjMrOTYuOUM3Mis5NS45KzY1LjYrOTYuNSs2NC4xKzk4LjFDNjAuMSs5Ni4yKzUyLjErOTIuNSs1Mis5NC44QzUxLjcrOTcuOCs1MisxMTAuMys1My42KzExMS4yQzU0LjgrMTExLjkrNjEuNisxMDguMis2NSsxMDYuM0M2NSsxMDYuMys2NSsxMDYuMys2NS4xKzEwNi4zQzY3LjIrMTA2LjgrNzEuMSsxMDYuMys3Mi41KzEwNS40QzcyLjcrMTA1LjMrNzIuOCsxMDUuMSs3Mi45KzEwNC45Qzc2KzEwNi4xKzgyLjcrMTA4LjUrODQuMSsxMDhDODUuOSsxMDcuNSs4NS41KzkyLjQrODMuNCs5MS45WiIgb3BhY2l0eT0iMSIgZmlsbD0iIzY3YmQ0NyIvPgo8cGF0aCBkPSJNNjUuMSsxMDYuM0M2MysxMDUuOSs2My43KzEwMy44KzYzLjcrOTguOUw2My43Kzk4LjlDNjMuMis5OS4yKzYyLjgrOTkuNis2Mi44KzEwMEM2Mi44KzEwNC45KzYyKzEwNy4xKzY0LjIrMTA3LjRDNjYuMysxMDcuOSs3MC4yKzEwNy40KzcxLjgrMTA2LjVDNzIuMSsxMDYuMys3Mi4yKzEwNis3Mi4zKzEwNS41QzcwLjgrMTA2LjQrNjcuMSsxMDYuOCs2NS4xKzEwNi4zWiIgb3BhY2l0eT0iMSIgZmlsbD0iIzQzYTM0NyIvPgo8ZyBvcGFjaXR5PSIxIj4KPHBhdGggZD0iTTExMC41KzEwNi40QzEwOS42KzEwNi40KzEwOC44KzEwNy4xKzEwOC44KzEwOEMxMDguOCsxMDguOSsxMDkuNSsxMDkuNysxMTAuNSsxMDkuN0MxMTEuNCsxMDkuNysxMTIuMisxMDkrMTEyLjIrMTA4QzExMi4yKzEwNy4yKzExMS41KzEwNi40KzExMC41KzEwNi40Wk0xMTAuNisxMDkuNEMxMDkuOSsxMDkuNCsxMDkuMysxMDguOCsxMDkuMysxMDguMUMxMDkuMysxMDcuNCsxMDkuOCsxMDYuOCsxMTAuNisxMDYuOEMxMTEuMysxMDYuOCsxMTEuOSsxMDcuNCsxMTEuOSsxMDguMUMxMTEuOCsxMDguOCsxMTEuMysxMDkuNCsxMTAuNisxMDkuNFoiIG9wYWNpdHk9IjEiIGZpbGw9IiM0YzRjNGMiLz4KPHBhdGggZD0iTTExMC42KzEwNy40QzExMC44KzEwNy40KzExMC45KzEwNy41KzExMSsxMDcuN0wxMTEuMysxMDcuNUMxMTEuMisxMDcuMysxMTAuOSsxMDcrMTEwLjYrMTA3QzExMC4xKzEwNysxMDkuNisxMDcuNCsxMDkuNisxMDhDMTA5LjYrMTA4LjYrMTEwKzEwOSsxMTAuNisxMDlDMTExKzEwOSsxMTEuMisxMDguOCsxMTEuMysxMDguNUwxMTErMTA4LjNDMTEwLjkrMTA4LjUrMTEwLjgrMTA4LjYrMTEwLjYrMTA4LjZDMTEwLjMrMTA4LjYrMTEwKzEwOC4zKzExMCsxMDhDMTEwLjErMTA3LjcrMTEwLjMrMTA3LjQrMTEwLjYrMTA3LjRaIiBvcGFjaXR5PSIxIiBmaWxsPSIjNGM0YzRjIi8+CjwvZz4KPC9nPgo8L3N2Zz4K") !important; | |
| } | |
| @media (prefers-color-scheme: dark) { | |
| #pg-index.page-index.body--home, | |
| .has-zcm body, | |
| .has-zcm div#header_wrapper, | |
| .has-zcm .set-header--fixed .tileview--grid .metabar--fixed, | |
| .has-zcm .tileview--grid .metabar--fixed.is-stuck, | |
| .has-zcm .modal__box, | |
| .has-zcm .vertical--map__sidebar__wrapper, | |
| .has-zcm .acp-wrap, | |
| #zci-dictionary_definition, | |
| .has-zcm .site-wrapper, | |
| .has-zcm .metabar.metabar--fixed.js-zcm-sticky, | |
| .has-zcm .nav-menu--slideout.is-open{ | |
| background-color: #1e1e1e !important; | |
| background-color: #0d0f17 !important; | |
| } | |
| /* translucency- opacity 92%*/ | |
| .has-zcm div#header_wrapper, | |
| .has-zcm .set-header--fixed .tileview--grid .metabar--fixed, | |
| .has-zcm .tileview--grid .metabar--fixed.is-stuck, | |
| .has-zcm .modal__box, | |
| .has-zcm .vertical--map__sidebar__wrapper, | |
| .has-zcm .acp-wrap, | |
| .has-zcm .vertical--map__sidebar__header, | |
| .has-zcm .vertical--map__sidebar__wrapper, | |
| .has-zcm .btn.place-detail__cta-icon, | |
| .has-zcm .metabar.metabar--fixed.js-zcm-sticky{ | |
| background-color: #1e1e1eeb !important; | |
| background-color: #0d0f17eb !important; | |
| } | |
| /* translucency- opacity 72%*/ | |
| .has-zcm .modal__box, | |
| .has-zcm .vertical--map__sidebar__wrapper, | |
| .has-zcm .btn.place-detail__cta-icon{ | |
| background-color: #1e1e1eb8 !important; | |
| background-color: #0d0f17b8 !important; | |
| } | |
| /* tinted translucency- opacity 72%*/ | |
| .has-zcm .modal__box{ | |
| background-color: #27282dc2 !important; | |
| } | |
| /* search dropdown */ | |
| .has-zcm .acp-wrap { | |
| background-color: #1e1e1ec2 !important; | |
| background-color: #1c1e2acc !important; | |
| } | |
| /* UI background */ | |
| .has-zcm .result.highlight, | |
| .has-zcm .tile, | |
| .has-zcm .tile .tile__body, | |
| .has-zcm .tile.tile--c, | |
| .has-zcm .tile.tile--pr.tile--products, | |
| .has-zcm .module--carousel__item, | |
| .has-zcm .results--sidebar #m0-0, | |
| .has-zcm .results--sidebar #m2-0, | |
| .has-zcm .tile.tile--vid, | |
| .has-zcm .dark-bg .prettyprint, | |
| .has-zcm .dark-bg .prettyprint code, | |
| .has-zcm .module:not(.module--carousel):not(.module--placeholder):not(.module--images){ | |
| background-color: #27282d !important; | |
| background-color: #181C28 !important; | |
| } | |
| /* UI color */ | |
| .has-zcm .result__pagenum.result__pagenum--side { | |
| color: #555762 !important; | |
| } | |
| /* UI color background */ | |
| .has-zcm .result--sep--hr:before { | |
| background-color: #555762 !important; | |
| } | |
| .has-zcm #header_wrap { | |
| -webkit-box-shadow: 0 1px 0 #555762 !important; | |
| box-shadow: 0 1px 0 #555762 !important; | |
| } | |
| .has-zcm .module__section.place-list-item.js-place-list-item:hover { | |
| background-color: #555762 !important; | |
| } | |
| .has-zcm .detail__panes.js-detail-panes { | |
| background-color: rgba(0, 0, 0, 0.96); | |
| } | |
| .has-zcm .header-wrap { | |
| -webkit-box-shadow: 0 1px 0 #181c28 !important; | |
| box-shadow: 0 1px 0 #181c28 !important; | |
| } | |
| /* light text */ | |
| .has-zcm a.zcm__link, | |
| .has-zcm .result__a, | |
| .has-zcm a.result__a, | |
| .has-zcm a.result__a:hover, | |
| .has-zcm #links .result__a strong, | |
| .has-zcm a.module--carousel__body__title, | |
| .has-zcm .modal--dropdown .modal__list__link, | |
| .has-zcm .modal__list__link.js-custom-date-range, | |
| .modal--dropdown--settings .settings-dropdown--button, | |
| .has-zcm a.about-profiles__link, | |
| .has-zcm a.about-profiles__link:hover, | |
| .has-zcm a.about-profiles__link:visited, | |
| .has-zcm a.about-profiles__link:active, | |
| .has-zcm .zci__def__attribution.tx-clr--lt2.t-s, | |
| .has-zcm #zci-dictionary_definition, | |
| .has-zcm a.tile--img__sub, | |
| .has-zcm .tile__title a, | |
| .has-zcm .module__title__link, | |
| .has-zcm .module__title__link:hover, | |
| .has-zcm .module__title__link:active, | |
| .has-zcm .module__title__link:visited, | |
| .has-zcm a.dropdown__button, | |
| .has-zcm .btn.vertical--map__search-this-area, | |
| .has-zcm .module__link.module__link--blue.module__link--two-line.tx--bold, | |
| .has-zcm .header__label { | |
| color: #dfdfdf !important; | |
| color: #c9c9c9 !important; | |
| } | |
| /* grey #a7a7a7 text*/ | |
| .has-zcm .result__snippet, | |
| .has-zcm .result__snippet b, | |
| .has-zcm .result__snippet strong, | |
| .has-zcm span.related-searches__item-text:visited, | |
| .has-zcm .search--header, | |
| .has-zcm .search__button, | |
| .has-zcm .header__button, | |
| .has-zcm .header__button--menu, | |
| .has-zcm .header__button:visited, | |
| .has-zcm .header__button--menu:visited, | |
| .has-zcm .header__button:focus, | |
| .has-zcm .header__button--menu:focus, | |
| .has-zcm .header__button:hover, | |
| .has-zcm .header__button--menu:hover, | |
| .has-zcm .module--carousel__body__content, | |
| .has-zcm .module__text, | |
| .has-zcm .about-info-box__info-value, | |
| .has-zcm .about-info-box__info-label{ | |
| color: #b0b0b0 !important; | |
| color: #8f94a2 !important; | |
| } | |
| .has-zcm .about-info-box__info-row, | |
| .has-zcm .about-info-box__link-row, | |
| .has-zcm .module__section { | |
| border-top: 1px solid #8f94a2 !important; | |
| } | |
| .has-zcm .modal__box { | |
| border: 1px solid #555762 !important; | |
| } | |
| .has-zcm .dark-bg .vertical--map__search-this-area.btn{ | |
| background-color: #698bff !important; | |
| } | |
| .has-zcm .modal--dropdown.modal--dropdown--date .modal__footer, | |
| .has-zcm .map-sidebar-footer { | |
| border-top: 1px solid #555762 !important; | |
| } | |
| .has-zcm .metabar__dropdowns-wrap:after, | |
| .has-zcm .search-filters-wrap:before{ | |
| /* background-image: linear-gradient(90deg, #1e1e1eaa, rgba(11%, 11%, 11%, 0)) !important; */ | |
| background-image: none !important; | |
| } | |
| .has-zcm .metabar__dropdowns-wrap:after, | |
| .has-zcm .search-filters-wrap:after { | |
| /* background-image: linear-gradient(90deg, rgba(11%, 11%, 11%, 0), #1e1e1eaa) !important; */ | |
| background-image: none !important; | |
| } | |
| .has-zcm .modal__header { | |
| background-color: transparent !important; | |
| border-bottom: 1px solid #555762 !important; | |
| } | |
| .has-zcm .zci__def__links { | |
| border-bottom: 1px solid #27282d !important; | |
| } | |
| .has-zcm .place-detail, | |
| .has-zcm .vertical--map__sidebar, | |
| .vertical--map__sidebar__header, | |
| .vertical--map__sidebar__results__inner{ | |
| background-color: transparent !important; | |
| } | |
| .has-zcm .modal__header, | |
| .has-zcm .module__section, | |
| .has-zcm .module__section:first-child.place-detail__section--tab, | |
| .has-zcm .module__clickable-header, | |
| .has-zcm .faq__section, | |
| .has-zcm .faq__section:last-child, | |
| .has-zcm .modal--dropdown--settings .settings-dropdown--section { | |
| border-color: #555762 !important; | |
| } | |
| .has-zcm .has-zcm .btn.vertical--map__search-this-area, | |
| .has-zcm .result--sep--hr:before, | |
| .has-zcm .result--more.is-loading, | |
| .has-zcm .feedback--button.btn--wire, | |
| /* .has-zcm .place-list-item:hover, */ | |
| .has-zcm .footer--mobile .feedback-btn | |
| /* .has-zcm .module__section.place-list-item:hover{ */{ | |
| background-color: #555762 !important; | |
| } | |
| .has-zcm .mgl-marker.mgl-marker--numbered.mgl-marker--disabled { | |
| -webkit-filter: brightness(.72)grayscale(1); | |
| filter: brightness(.72)grayscale(1); | |
| } | |
| .has-zcm .mgl-marker.mgl-marker--numbered.mgl-marker--disabled span.mgl-marker__num{ | |
| opacity: 0.8125 !important; | |
| } | |
| .has-zcm .zcm__link:hover, | |
| .has-zcm .zcm__link:active, | |
| .has-zcm .zcm__link.is-active, | |
| .has-zcm .btn.feedback-btn{ | |
| background-color: transparent !important; | |
| background: transparent !important; | |
| } | |
| .has-zcm .dark-bg .directions-route-step-list { | |
| background-color: transparent !important; | |
| } | |
| }/*end of dark*/ | |
| #logo_homepage_link { | |
| width: 120px !important; | |
| background-position: bottom !important; | |
| /* height: 132px !important; */ | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment