wordRotator/public/core/css/theme.css

* {
  transition: 0.25s ease-out, color 0.25s ease-out;
}

body #cookie-compliance {
  background-color: #870015;
  color: white;
}
body #cookie-compliance a.link {
  color: #ff3d00;
  border-bottom-color: #ff3d00;
}
body #cookie-compliance a.link:hover {
  color: #ff3d00;
  border-bottom-color: #ff3d00;
}
body a.link {
  text-decoration: none;
  color: #ff3d00;
  border-bottom: none;
}
body a.link:hover {
  color: #ff3d00;
  border-bottom-color: #ff3d00;
}
body .loader #spinner {
  stroke: #b71c1a;
}
body nav.top-bar {
  color: white;
  background: red;
}
body .top-bar ul {
  background: red !important;
}
body .top-bar ul a {
  color: white;
}
body button.button, body a.button {
  background-color: red;
}
body button.button.disabled, body button.button.disabled:hover, body button.button.disabled:focus, body button.button:hover, body a.button.disabled, body a.button.disabled:hover, body a.button.disabled:focus, body a.button:hover {
  background-color: red;
}
body .switch input:checked + .slider {
  background-color: red;
}
body .switch input:focus + .slider {
  box-shadow: 0 0 1px red;
}
body.blue #cookie-compliance {
  background-color: #1a3062;
  color: white;
}
body.blue #cookie-compliance a.link {
  color: #546cfe;
  border-bottom-color: #546cfe;
}
body.blue #cookie-compliance a.link:hover {
  color: #546cfe;
  border-bottom-color: #546cfe;
}
body.blue a.link {
  text-decoration: none;
  color: #546cfe;
  border-bottom: none;
}
body.blue a.link:hover {
  color: #546cfe;
  border-bottom-color: #546cfe;
}
body.blue .loader #spinner {
  stroke: #673AB7;
}
body.blue nav.top-bar {
  color: white;
  background: #2c58ae;
}
body.blue .top-bar ul {
  background: #2c58ae !important;
}
body.blue .top-bar ul a {
  color: white;
}
body.blue button.button, body.blue a.button {
  background-color: #2c58ae;
}
body.blue button.button.disabled, body.blue button.button.disabled:hover, body.blue button.button.disabled:focus, body.blue button.button:hover, body.blue a.button.disabled, body.blue a.button.disabled:hover, body.blue a.button.disabled:focus, body.blue a.button:hover {
  background-color: #2c58ae;
}
body.blue .switch input:checked + .slider {
  background-color: #2c58ae;
}
body.blue .switch input:focus + .slider {
  box-shadow: 0 0 1px #2c58ae;
}
body.green #cookie-compliance {
  background-color: #003613;
  color: white;
}
body.green #cookie-compliance a.link {
  color: #009829;
  border-bottom-color: #009829;
}
body.green #cookie-compliance a.link:hover {
  color: #009829;
  border-bottom-color: #009829;
}
body.green a.link {
  text-decoration: none;
  color: #009829;
  border-bottom: none;
}
body.green a.link:hover {
  color: #009829;
  border-bottom-color: #009829;
}
body.green .loader #spinner {
  stroke: green;
}
body.green nav.top-bar {
  color: white;
  background: green;
}
body.green .top-bar ul {
  background: green !important;
}
body.green .top-bar ul a {
  color: white;
}
body.green button.button, body.green a.button {
  background-color: green;
}
body.green button.button.disabled, body.green button.button.disabled:hover, body.green button.button.disabled:focus, body.green button.button:hover, body.green a.button.disabled, body.green a.button.disabled:hover, body.green a.button.disabled:focus, body.green a.button:hover {
  background-color: green;
}
body.green .switch input:checked + .slider {
  background-color: green;
}
body.green .switch input:focus + .slider {
  box-shadow: 0 0 1px green;
}
body.pink #cookie-compliance {
  background-color: #70374a;
  color: white;
}
body.pink #cookie-compliance a.link {
  color: #fe64af;
  border-bottom-color: #fe64af;
}
body.pink #cookie-compliance a.link:hover {
  color: #fe64af;
  border-bottom-color: #fe64af;
}
body.pink a.link {
  text-decoration: none;
  color: #fe64af;
  border-bottom: none;
}
body.pink a.link:hover {
  color: #fe64af;
  border-bottom-color: #fe64af;
}
body.pink .loader #spinner {
  stroke: #ff69b4;
}
body.pink nav.top-bar {
  color: white;
  background: #ff69b4;
}
body.pink .top-bar ul {
  background: #ff69b4 !important;
}
body.pink .top-bar ul a {
  color: white;
}
body.pink button.button, body.pink a.button {
  background-color: #ff69b4;
}
body.pink button.button.disabled, body.pink button.button.disabled:hover, body.pink button.button.disabled:focus, body.pink button.button:hover, body.pink a.button.disabled, body.pink a.button.disabled:hover, body.pink a.button.disabled:focus, body.pink a.button:hover {
  background-color: #ff69b4;
}
body.pink .switch input:checked + .slider {
  background-color: #ff69b4;
}
body.pink .switch input:focus + .slider {
  box-shadow: 0 0 1px #ff69b4;
}
body.black #cookie-compliance {
  background-color: #353535;
  color: white;
}
body.black #cookie-compliance a.link {
  color: white;
  border-bottom-color: white;
}
body.black #cookie-compliance a.link:hover {
  color: #cacaca;
  border-bottom-color: #cacaca;
}
body.black a.link {
  text-decoration: none;
  color: black;
  border-bottom: 1px solid #000000;
}
body.black a.link:hover {
  color: #4e4e4e;
  border-bottom-color: #4e4e4e;
}
body.black .loader #spinner {
  stroke: black;
}
body.black nav.top-bar {
  color: white;
  background: black;
}
body.black .top-bar ul {
  background: black !important;
}
body.black .top-bar ul a {
  color: white;
}
body.black button.button, body.black a.button {
  background-color: black;
}
body.black button.button.disabled, body.black button.button.disabled:hover, body.black button.button.disabled:focus, body.black button.button:hover, body.black a.button.disabled, body.black a.button.disabled:hover, body.black a.button.disabled:focus, body.black a.button:hover {
  background-color: black;
}
body.black .switch input:checked + .slider {
  background-color: black;
}
body.black .switch input:focus + .slider {
  box-shadow: 0 0 1px black;
}