You are here

Home » API reference » Open Social 8.5

brand.css in Open Social 8.5

Same filename and directory in other branches
  1. 8.9 themes/socialblue/assets/css/brand.css
  2. 8 themes/socialblue/assets/css/brand.css
  3. 8.2 themes/socialblue/assets/css/brand.css
  4. 8.3 themes/socialblue/assets/css/brand.css
  5. 8.4 themes/socialblue/assets/css/brand.css
  6. 8.6 themes/socialblue/assets/css/brand.css
  7. 8.7 themes/socialblue/assets/css/brand.css
  8. 8.8 themes/socialblue/assets/css/brand.css
[type="radio"]:checked + label:before {
  border-color: #29abe2;
}

[type="radio"]:focus + label:before {
  box-shadow: 0 0 3px 2px #29abe2;
}

[type="checkbox"]:checked + label:after,
[type="radio"]:checked + label:after {
  border-color: #29abe2;
  background-color: #29abe2;
}

[type="checkbox"]:checked:not(:disabled) + label,
[type="radio"]:checked:not(:disabled) + label {
  color: #29abe2;
}

.tabs-left .nav-tabs > li.active > a,
.tabs-left .nav-tabs > li.active > a:hover,
.tabs-left .nav-tabs > li.active > a:focus {
  border-right-color: #29abe2;
}

.view-birthday .teaser--tile .teaser__image {
  background-color: #29abe2;
}

.cover,
.read-indicator,
.select2-container--social .select2-results__option--highlighted[aria-selected],
.select2-container--social .select2-results__option[aria-selected=true],
.pagination > .active > a,
.pagination > .active > a:hover,
.pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
  background-color: #29abe2;
}

.hero-form[role='search'] .form-control:focus, .hero-form[role='search'] .form-control:active,
.hero-form[role='search'] .form-control:focus ~ .search-icon,
.hero-form[role='search'] .form-control:active ~ .search-icon {
  box-shadow: 0 2px 0 0 #1f80aa;
}

.hero-form[role='search'] .search-icon {
  fill: #29abe2;
}

.form-control:focus {
  border-color: #29abe2;
  box-shadow: 0 2px 0 0 #29abe2;
}

.select2-container--social.select2-container--focus .select2-selection, .select2-container--social.select2-container--open .select2-selection, .select2-container--social .select2-dropdown {
  border-color: #29abe2;
}

.site-footer,
.badge-secondary,
.ui-datepicker-calendar > tbody > tr > td .ui-state-active,
.stream-icon-new {
  background-color: #1f80aa;
}

.eu-cookie-compliance-secondary-button,
.btn-primary {
  background-color: #29abe2;
  border-color: #29abe2;
}

.eu-cookie-compliance-secondary-button:focus, .eu-cookie-compliance-secondary-button.focus, .eu-cookie-compliance-secondary-button:hover, .eu-cookie-compliance-secondary-button:active, .eu-cookie-compliance-secondary-button.active,
.open > .eu-cookie-compliance-secondary-button.dropdown-toggle, .eu-cookie-compliance-secondary-button.dropdown-toggle:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.open >
.btn-primary.dropdown-toggle,
.btn-primary.dropdown-toggle:hover {
  background-color: #29abe2;
  border-color: #29abe2;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
}

.eu-cookie-compliance-secondary-button.disabled:hover, .eu-cookie-compliance-secondary-button.disabled:focus, .eu-cookie-compliance-secondary-button.disabled.focus, .eu-cookie-compliance-secondary-button[disabled]:hover, .eu-cookie-compliance-secondary-button[disabled]:focus, .eu-cookie-compliance-secondary-button[disabled].focus,
fieldset[disabled] .eu-cookie-compliance-secondary-button:hover,
fieldset[disabled] .eu-cookie-compliance-secondary-button:focus,
fieldset[disabled] .eu-cookie-compliance-secondary-button.focus,
.btn-primary.disabled:hover,
.btn-primary.disabled:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled]:hover,
.btn-primary[disabled]:focus,
.btn-primary[disabled].focus,
fieldset[disabled]
.btn-primary:hover,
fieldset[disabled]
.btn-primary:focus,
fieldset[disabled]
.btn-primary.focus {
  background-color: #29abe2;
  border-color: #29abe2;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
}

.btn-secondary {
  background-color: #1f80aa;
  border-color: #1f80aa;
}

.btn-secondary:focus, .btn-secondary.focus, .btn-secondary:hover, .btn-secondary:active, .btn-secondary.active,
.open > .btn-secondary.dropdown-toggle, .btn-secondary.dropdown-toggle:hover {
  background-color: #1f80aa;
  border-color: #1f80aa;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
}

.btn-secondary.disabled:hover, .btn-secondary.disabled:focus, .btn-secondary.disabled.focus, .btn-secondary[disabled]:hover, .btn-secondary[disabled]:focus, .btn-secondary[disabled].focus,
fieldset[disabled] .btn-secondary:hover,
fieldset[disabled] .btn-secondary:focus,
fieldset[disabled] .btn-secondary.focus {
  background-color: #1f80aa;
  border-color: #1f80aa;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
}

.badge-accent {
  background-color: #ffc142;
  border-color: #ffc142;
}

.btn-accent {
  background-color: #ffc142;
  border-color: #ffc142;
}

.btn-accent:focus, .btn-accent.focus, .btn-accent:hover, .btn-accent:active, .btn-accent.active,
.open > .btn-accent.dropdown-toggle, .btn-accent.dropdown-toggle:hover {
  background-color: #ffc142;
  border-color: #ffc142;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
}

.btn-accent.disabled:hover, .btn-accent.disabled:focus, .btn-accent.disabled.focus, .btn-accent[disabled]:hover, .btn-accent[disabled]:focus, .btn-accent[disabled].focus,
fieldset[disabled] .btn-accent:hover,
fieldset[disabled] .btn-accent:focus,
fieldset[disabled] .btn-accent.focus {
  background-color: #ffc142;
  border-color: #ffc142;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
}

.card__link,
.card__link .btn-default,
.card__link.btn-default {
  border-color: #29abe2;
}

.btn-flat,
.btn-link,
.btn-link:hover,
.btn-flat:hover,
.btn-link:focus,
.btn-flat:focus,
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus,
.card__link,
.card__link:focus,
.card__link:hover,
.view--who-liked .views-field-view-user a,
.comment__reply-btn,
.nav-book .menu-item--active-trail > a {
  color: #29abe2;
  fill: #29abe2;
}

.list-item--active,
.list-item--active:hover,
.list-item--active:focus,
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  background-color: #1f80aa;
  border-color: #1f80aa;
}

.field--name-field-introduction-text a:not(.btn),
.field--name-field-introduction-text a:not(.btn):hover,
.body-text a:not(.btn),
.body-text a:not(.btn):hover {
  color: #33b5e5;
}

blockquote {
  border-left-color: #29abe2;
}

.input-group .form-control:focus ~ .input-group-addon {
  border-color: #29abe2;
  box-shadow: 0 2px 0 0 #29abe2;
}

.navbar-secondary {
  color: #f9f9f9;
  background-color: #1f7ea7;
}

.navbar-secondary .navbar-nav a {
  color: #f9f9f9;
}

.navbar-secondary .navbar-nav li.active a {
  border-bottom-color: #f9f9f9;
}

.navbar-scrollable:before {
  background: linear-gradient(90deg, #1f7ea7, transparent);
}

.navbar-scrollable:after {
  background: linear-gradient(-90deg, #1f7ea7, transparent);
}

.navbar-default {
  background-color: #333333;
}

.navbar-default .navbar-toggle {
  color: #ffffff;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  color: #f3f3f3;
  background-color: #1f1f1f;
}

.navbar-default .navbar-nav > li > a {
  color: #ffffff;
  fill: #ffffff;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: #f3f3f3;
  background-color: #1f1f1f;
}

.navbar-default .navbar-nav > li > a:hover .navbar-nav__icon, .navbar-default .navbar-nav > li > a:focus .navbar-nav__icon {
  fill: #f3f3f3;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  background-color: #1f1f1f;
  color: #f3f3f3;
}

.navbar-default .navbar-nav > li > a.is-active, .navbar-default .navbar-nav > li > a.is-active:hover, .navbar-default .navbar-nav > li > a.is-active:focus,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #f3f3f3;
  fill: #f3f3f3;
  background-color: #1f1f1f;
}

.navbar-nav__icon {
  fill: #ffffff;
}

.navbar__open-search-block {
  background-color: #333333;
}

.search--with-suggestions .spinner > div {
  background-color: #ffffff;
}

.card__block .form-item-data-policy label a {
  color: #33b5e5;
}

.vote-widget--social-vote .vote-vote {
  background-color: #ffc142;
}

.social-gtranslate-list--desktop > a {
  color: #ffffff;
  background-color: #333333;
}

.social-gtranslate-list--desktop > a:after {
  color: #ffffff;
}

.social-gtranslate-list--desktop > a .select-icon {
  fill: #ffffff;
}

.social-gtranslate-list--desktop > a:focus, .social-gtranslate-list--desktop > a:hover {
  color: #f3f3f3;
  fill: #f3f3f3;
  background-color: #1f1f1f;
}

.social-gtranslate-list--desktop > a:focus:after, .social-gtranslate-list--desktop > a:hover:after {
  color: #f3f3f3;
}

.social-gtranslate-list--desktop > a:focus .select-icon, .social-gtranslate-list--desktop > a:hover .select-icon {
  fill: #f3f3f3;
}

.social-gtranslate-list--desktop.open > a {
  color: #f3f3f3;
  fill: #f3f3f3;
  background-color: #1f1f1f;
}

.social-gtranslate-list--desktop.open > a:after {
  color: #f3f3f3;
}

.social-gtranslate-list--desktop.open > a .select-icon {
  fill: #f3f3f3;
}

.social-gtranslate-list--desktop.open > a:focus, .social-gtranslate-list--desktop.open > a:hover {
  color: #f3f3f3;
  fill: #f3f3f3;
  background-color: #1f1f1f;
}

.social-gtranslate-list--desktop.open > a:focus:after, .social-gtranslate-list--desktop.open > a:hover:after {
  color: #f3f3f3;
}

.social-gtranslate-list--desktop.open > a:focus .select-icon, .social-gtranslate-list--desktop.open > a:hover .select-icon {
  fill: #f3f3f3;
}

#sliding-popup {
  background-color: #1f7ea7 !important;
}

.marker-cluster-small {
  background-color: #1f7ea7;
  opacity: 0.6;
}

.marker-cluster-small div {
  background-color: #1f7ea7;
}

.marker-cluster div {
  font-weight: bold;
  color: #f9f9f9;
  font-size: 1.2em;
}

.geolocation-map-container {
  z-index: 5;
}

.leaflet-popup-content .card__text > a {
  color: #33b5e5;
}

.leaflet-popup-content .card__text > a:after {
  color: #33b5e5;
}

.card__featured-items .teaser__info svg {
  color: #29abe2;
  fill: #29abe2;
}

.card__featured-items .teaser__info svg:hover, .card__featured-items .teaser__info svg:focus, .card__featured-items .teaser__info svg:active {
  color: #ffc142;
  fill: #ffc142;
}

@media (min-width: 900px) {
  .search-take-over .form-text {
    color: #ffffff;
  }
  .search-take-over .form-text:focus {
    border-color: #ffffff;
    box-shadow: 0 2px 0 0 #ffffff;
  }
  .btn--close-search-take-over svg {
    fill: #ffffff;
  }
}

@media (max-width: 599px) {
  .dropdown.has-alert > a:before {
    background-color: #ffc142;
  }
}

@media (max-width: 899px) {
  .navbar-collapse .dropdown-menu li a {
    color: #ffffff;
  }
  .navbar-collapse .dropdown-menu li a:hover, .navbar-collapse .dropdown-menu li a:focus {
    color: #f3f3f3;
    background-color: #1f1f1f;
  }
}

File

themes/socialblue/assets/css/brand.css
View source 
  1. [type="radio"]:checked + label:before {

  2.   border-color: #29abe2;

  3. }

  4. 

  5. [type="radio"]:focus + label:before {

  6.   box-shadow: 0 0 3px 2px #29abe2;

  7. }

  8. 

  9. [type="checkbox"]:checked + label:after,

  10. [type="radio"]:checked + label:after {

  11.   border-color: #29abe2;

  12.   background-color: #29abe2;

  13. }

  14. 

  15. [type="checkbox"]:checked:not(:disabled) + label,

  16. [type="radio"]:checked:not(:disabled) + label {

  17.   color: #29abe2;

  18. }

  19. 

  20. .tabs-left .nav-tabs > li.active > a,

  21. .tabs-left .nav-tabs > li.active > a:hover,

  22. .tabs-left .nav-tabs > li.active > a:focus {

  23.   border-right-color: #29abe2;

  24. }

  25. 

  26. .view-birthday .teaser--tile .teaser__image {

  27.   background-color: #29abe2;

  28. }

  29. 

  30. .cover,

  31. .read-indicator,

  32. .select2-container--social .select2-results__option--highlighted[aria-selected],

  33. .select2-container--social .select2-results__option[aria-selected=true],

  34. .pagination > .active > a,

  35. .pagination > .active > a:hover,

  36. .pagination > .active > a:focus,

  37. .pagination > .active > span,

  38. .pagination > .active > span:hover,

  39. .pagination > .active > span:focus {

  40.   background-color: #29abe2;

  41. }

  42. 

  43. .hero-form[role='search'] .form-control:focus, .hero-form[role='search'] .form-control:active,

  44. .hero-form[role='search'] .form-control:focus ~ .search-icon,

  45. .hero-form[role='search'] .form-control:active ~ .search-icon {

  46.   box-shadow: 0 2px 0 0 #1f80aa;

  47. }

  48. 

  49. .hero-form[role='search'] .search-icon {

  50.   fill: #29abe2;

  51. }

  52. 

  53. .form-control:focus {

  54.   border-color: #29abe2;

  55.   box-shadow: 0 2px 0 0 #29abe2;

  56. }

  57. 

  58. .select2-container--social.select2-container--focus .select2-selection, .select2-container--social.select2-container--open .select2-selection, .select2-container--social .select2-dropdown {

  59.   border-color: #29abe2;

  60. }

  61. 

  62. .site-footer,

  63. .badge-secondary,

  64. .ui-datepicker-calendar > tbody > tr > td .ui-state-active,

  65. .stream-icon-new {

  66.   background-color: #1f80aa;

  67. }

  68. 

  69. .eu-cookie-compliance-secondary-button,

  70. .btn-primary {

  71.   background-color: #29abe2;

  72.   border-color: #29abe2;

  73. }

  74. 

  75. .eu-cookie-compliance-secondary-button:focus, .eu-cookie-compliance-secondary-button.focus, .eu-cookie-compliance-secondary-button:hover, .eu-cookie-compliance-secondary-button:active, .eu-cookie-compliance-secondary-button.active,

  76. .open > .eu-cookie-compliance-secondary-button.dropdown-toggle, .eu-cookie-compliance-secondary-button.dropdown-toggle:hover,

  77. .btn-primary:focus,

  78. .btn-primary.focus,

  79. .btn-primary:hover,

  80. .btn-primary:active,

  81. .btn-primary.active,

  82. .open >

  83. .btn-primary.dropdown-toggle,

  84. .btn-primary.dropdown-toggle:hover {

  85.   background-color: #29abe2;

  86.   border-color: #29abe2;

  87.   background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);

  88. }

  89. 

  90. .eu-cookie-compliance-secondary-button.disabled:hover, .eu-cookie-compliance-secondary-button.disabled:focus, .eu-cookie-compliance-secondary-button.disabled.focus, .eu-cookie-compliance-secondary-button[disabled]:hover, .eu-cookie-compliance-secondary-button[disabled]:focus, .eu-cookie-compliance-secondary-button[disabled].focus,

  91. fieldset[disabled] .eu-cookie-compliance-secondary-button:hover,

  92. fieldset[disabled] .eu-cookie-compliance-secondary-button:focus,

  93. fieldset[disabled] .eu-cookie-compliance-secondary-button.focus,

  94. .btn-primary.disabled:hover,

  95. .btn-primary.disabled:focus,

  96. .btn-primary.disabled.focus,

  97. .btn-primary[disabled]:hover,

  98. .btn-primary[disabled]:focus,

  99. .btn-primary[disabled].focus,

  100. fieldset[disabled]

  101. .btn-primary:hover,

  102. fieldset[disabled]

  103. .btn-primary:focus,

  104. fieldset[disabled]

  105. .btn-primary.focus {

  106.   background-color: #29abe2;

  107.   border-color: #29abe2;

  108.   background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);

  109. }

  110. 

  111. .btn-secondary {

  112.   background-color: #1f80aa;

  113.   border-color: #1f80aa;

  114. }

  115. 

  116. .btn-secondary:focus, .btn-secondary.focus, .btn-secondary:hover, .btn-secondary:active, .btn-secondary.active,

  117. .open > .btn-secondary.dropdown-toggle, .btn-secondary.dropdown-toggle:hover {

  118.   background-color: #1f80aa;

  119.   border-color: #1f80aa;

  120.   background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);

  121. }

  122. 

  123. .btn-secondary.disabled:hover, .btn-secondary.disabled:focus, .btn-secondary.disabled.focus, .btn-secondary[disabled]:hover, .btn-secondary[disabled]:focus, .btn-secondary[disabled].focus,

  124. fieldset[disabled] .btn-secondary:hover,

  125. fieldset[disabled] .btn-secondary:focus,

  126. fieldset[disabled] .btn-secondary.focus {

  127.   background-color: #1f80aa;

  128.   border-color: #1f80aa;

  129.   background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);

  130. }

  131. 

  132. .badge-accent {

  133.   background-color: #ffc142;

  134.   border-color: #ffc142;

  135. }

  136. 

  137. .btn-accent {

  138.   background-color: #ffc142;

  139.   border-color: #ffc142;

  140. }

  141. 

  142. .btn-accent:focus, .btn-accent.focus, .btn-accent:hover, .btn-accent:active, .btn-accent.active,

  143. .open > .btn-accent.dropdown-toggle, .btn-accent.dropdown-toggle:hover {

  144.   background-color: #ffc142;

  145.   border-color: #ffc142;

  146.   background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);

  147. }

  148. 

  149. .btn-accent.disabled:hover, .btn-accent.disabled:focus, .btn-accent.disabled.focus, .btn-accent[disabled]:hover, .btn-accent[disabled]:focus, .btn-accent[disabled].focus,

  150. fieldset[disabled] .btn-accent:hover,

  151. fieldset[disabled] .btn-accent:focus,

  152. fieldset[disabled] .btn-accent.focus {

  153.   background-color: #ffc142;

  154.   border-color: #ffc142;

  155.   background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);

  156. }

  157. 

  158. .card__link,

  159. .card__link .btn-default,

  160. .card__link.btn-default {

  161.   border-color: #29abe2;

  162. }

  163. 

  164. .btn-flat,

  165. .btn-link,

  166. .btn-link:hover,

  167. .btn-flat:hover,

  168. .btn-link:focus,

  169. .btn-flat:focus,

  170. .nav-tabs > li.active > a,

  171. .nav-tabs > li.active > a:hover,

  172. .nav-tabs > li.active > a:focus,

  173. .card__link,

  174. .card__link:focus,

  175. .card__link:hover,

  176. .view--who-liked .views-field-view-user a,

  177. .comment__reply-btn,

  178. .nav-book .menu-item--active-trail > a {

  179.   color: #29abe2;

  180.   fill: #29abe2;

  181. }

  182. 

  183. .list-item--active,

  184. .list-item--active:hover,

  185. .list-item--active:focus,

  186. .list-group-item.active,

  187. .list-group-item.active:hover,

  188. .list-group-item.active:focus {

  189.   background-color: #1f80aa;

  190.   border-color: #1f80aa;

  191. }

  192. 

  193. .field--name-field-introduction-text a:not(.btn),

  194. .field--name-field-introduction-text a:not(.btn):hover,

  195. .body-text a:not(.btn),

  196. .body-text a:not(.btn):hover {

  197.   color: #33b5e5;

  198. }

  199. 

  200. blockquote {

  201.   border-left-color: #29abe2;

  202. }

  203. 

  204. .input-group .form-control:focus ~ .input-group-addon {

  205.   border-color: #29abe2;

  206.   box-shadow: 0 2px 0 0 #29abe2;

  207. }

  208. 

  209. .navbar-secondary {

  210.   color: #f9f9f9;

  211.   background-color: #1f7ea7;

  212. }

  213. 

  214. .navbar-secondary .navbar-nav a {

  215.   color: #f9f9f9;

  216. }

  217. 

  218. .navbar-secondary .navbar-nav li.active a {

  219.   border-bottom-color: #f9f9f9;

  220. }

  221. 

  222. .navbar-scrollable:before {

  223.   background: linear-gradient(90deg, #1f7ea7, transparent);

  224. }

  225. 

  226. .navbar-scrollable:after {

  227.   background: linear-gradient(-90deg, #1f7ea7, transparent);

  228. }

  229. 

  230. .navbar-default {

  231.   background-color: #333333;

  232. }

  233. 

  234. .navbar-default .navbar-toggle {

  235.   color: #ffffff;

  236. }

  237. 

  238. .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {

  239.   color: #f3f3f3;

  240.   background-color: #1f1f1f;

  241. }

  242. 

  243. .navbar-default .navbar-nav > li > a {

  244.   color: #ffffff;

  245.   fill: #ffffff;

  246. }

  247. 

  248. .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {

  249.   color: #f3f3f3;

  250.   background-color: #1f1f1f;

  251. }

  252. 

  253. .navbar-default .navbar-nav > li > a:hover .navbar-nav__icon, .navbar-default .navbar-nav > li > a:focus .navbar-nav__icon {

  254.   fill: #f3f3f3;

  255. }

  256. 

  257. .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {

  258.   background-color: #1f1f1f;

  259.   color: #f3f3f3;

  260. }

  261. 

  262. .navbar-default .navbar-nav > li > a.is-active, .navbar-default .navbar-nav > li > a.is-active:hover, .navbar-default .navbar-nav > li > a.is-active:focus,

  263. .navbar-default .navbar-nav > .active > a,

  264. .navbar-default .navbar-nav > .active > a:hover,

  265. .navbar-default .navbar-nav > .active > a:focus {

  266.   color: #f3f3f3;

  267.   fill: #f3f3f3;

  268.   background-color: #1f1f1f;

  269. }

  270. 

  271. .navbar-nav__icon {

  272.   fill: #ffffff;

  273. }

  274. 

  275. .navbar__open-search-block {

  276.   background-color: #333333;

  277. }

  278. 

  279. .search--with-suggestions .spinner > div {

  280.   background-color: #ffffff;

  281. }

  282. 

  283. .card__block .form-item-data-policy label a {

  284.   color: #33b5e5;

  285. }

  286. 

  287. .vote-widget--social-vote .vote-vote {

  288.   background-color: #ffc142;

  289. }

  290. 

  291. .social-gtranslate-list--desktop > a {

  292.   color: #ffffff;

  293.   background-color: #333333;

  294. }

  295. 

  296. .social-gtranslate-list--desktop > a:after {

  297.   color: #ffffff;

  298. }

  299. 

  300. .social-gtranslate-list--desktop > a .select-icon {

  301.   fill: #ffffff;

  302. }

  303. 

  304. .social-gtranslate-list--desktop > a:focus, .social-gtranslate-list--desktop > a:hover {

  305.   color: #f3f3f3;

  306.   fill: #f3f3f3;

  307.   background-color: #1f1f1f;

  308. }

  309. 

  310. .social-gtranslate-list--desktop > a:focus:after, .social-gtranslate-list--desktop > a:hover:after {

  311.   color: #f3f3f3;

  312. }

  313. 

  314. .social-gtranslate-list--desktop > a:focus .select-icon, .social-gtranslate-list--desktop > a:hover .select-icon {

  315.   fill: #f3f3f3;

  316. }

  317. 

  318. .social-gtranslate-list--desktop.open > a {

  319.   color: #f3f3f3;

  320.   fill: #f3f3f3;

  321.   background-color: #1f1f1f;

  322. }

  323. 

  324. .social-gtranslate-list--desktop.open > a:after {

  325.   color: #f3f3f3;

  326. }

  327. 

  328. .social-gtranslate-list--desktop.open > a .select-icon {

  329.   fill: #f3f3f3;

  330. }

  331. 

  332. .social-gtranslate-list--desktop.open > a:focus, .social-gtranslate-list--desktop.open > a:hover {

  333.   color: #f3f3f3;

  334.   fill: #f3f3f3;

  335.   background-color: #1f1f1f;

  336. }

  337. 

  338. .social-gtranslate-list--desktop.open > a:focus:after, .social-gtranslate-list--desktop.open > a:hover:after {

  339.   color: #f3f3f3;

  340. }

  341. 

  342. .social-gtranslate-list--desktop.open > a:focus .select-icon, .social-gtranslate-list--desktop.open > a:hover .select-icon {

  343.   fill: #f3f3f3;

  344. }

  345. 

  346. #sliding-popup {

  347.   background-color: #1f7ea7 !important;

  348. }

  349. 

  350. .marker-cluster-small {

  351.   background-color: #1f7ea7;

  352.   opacity: 0.6;

  353. }

  354. 

  355. .marker-cluster-small div {

  356.   background-color: #1f7ea7;

  357. }

  358. 

  359. .marker-cluster div {

  360.   font-weight: bold;

  361.   color: #f9f9f9;

  362.   font-size: 1.2em;

  363. }

  364. 

  365. .geolocation-map-container {

  366.   z-index: 5;

  367. }

  368. 

  369. .leaflet-popup-content .card__text > a {

  370.   color: #33b5e5;

  371. }

  372. 

  373. .leaflet-popup-content .card__text > a:after {

  374.   color: #33b5e5;

  375. }

  376. 

  377. .card__featured-items .teaser__info svg {

  378.   color: #29abe2;

  379.   fill: #29abe2;

  380. }

  381. 

  382. .card__featured-items .teaser__info svg:hover, .card__featured-items .teaser__info svg:focus, .card__featured-items .teaser__info svg:active {

  383.   color: #ffc142;

  384.   fill: #ffc142;

  385. }

  386. 

  387. @media (min-width: 900px) {

  388.   .search-take-over .form-text {

  389.     color: #ffffff;

  390.   }

  391.   .search-take-over .form-text:focus {

  392.     border-color: #ffffff;

  393.     box-shadow: 0 2px 0 0 #ffffff;

  394.   }

  395.   .btn--close-search-take-over svg {

  396.     fill: #ffffff;

  397.   }

  398. }

  399. 

  400. @media (max-width: 599px) {

  401.   .dropdown.has-alert > a:before {

  402.     background-color: #ffc142;

  403.   }

  404. }

  405. 

  406. @media (max-width: 899px) {

  407.   .navbar-collapse .dropdown-menu li a {

  408.     color: #ffffff;

  409.   }

  410.   .navbar-collapse .dropdown-menu li a:hover, .navbar-collapse .dropdown-menu li a:focus {

  411.     color: #f3f3f3;

  412.     background-color: #1f1f1f;

  413.   }

  414. }