Commit a22c3011 authored by Karl Hasselbring's avatar Karl Hasselbring

Refactoring der Variablen

parent c423fbb1
<?php <?php
header("Content-type: text/css"); header("Content-type: text/css");
$color = "rgb(255, 128, 0)"; $color = "@metager-orange";
$colorRGBA = "rgba(255, 128, 0, 1)"; $colorRGBA = "rgba(255, 128, 0, 1)";
if (isset($_GET['r']) && isset($_GET['g']) && isset($_GET['b']) && isset($_GET['a'])) { if (isset($_GET['r']) && isset($_GET['g']) && isset($_GET['b']) && isset($_GET['a'])) {
$color = "rgb(" . $_GET['r'] . "," . $_GET['g'] . "," . $_GET['b'] . ")"; $color = "rgb(" . $_GET['r'] . "," . $_GET['g'] . "," . $_GET['b'] . ")";
......
/* Winter-Spendenaufruf */ /* Winter-Spendenaufruf */
@base-aufruf-winter-color: #ab2121;
@base-aufruf-winter-border-color: #953535;
@base-aufruf-winter-btn-color: white;
@base-aufruf-winter-btn-hover-background-color: #bd0d0d;
//
@aufruf-winter-a-normal-or-visited: @base-aufruf-winter-color;
@aufruf-winter-aufruf-action-btn-color: @base-aufruf-winter-btn-color!important;
@aufruf-winter-aufruf-action-btn-background-color: @base-aufruf-winter-color!important;
@aufruf-winter-aufruf-action-btn-border-color: @base-aufruf-winter-border-color;
@aufruf-winter-aufruf-action-btn-hover-background-color: @base-aufruf-winter-btn-hover-background-color !important;
@aufruf-winter-aufruf-action-btn-hover-border-color: @base-aufruf-winter-border-color;
@aufruf-winter-quicktip-border-color: @base-aufruf-winter-color!important;
.aufruf-winter { .aufruf-winter {
h1 { h1 {
font-size: 32px; font-size: 32px;
......
...@@ -21,7 +21,7 @@ footer { ...@@ -21,7 +21,7 @@ footer {
&.footer-resultpage { &.footer-resultpage {
justify-content: center; justify-content: center;
a { a {
color: @result-page-color-black; color: @color-black;
} }
} }
@media (max-width: @screen-xs-max) { @media (max-width: @screen-xs-max) {
......
...@@ -103,7 +103,7 @@ p { ...@@ -103,7 +103,7 @@ p {
/* Logo */ /* Logo */
.logo { .logo {
color: rgb(255, 128, 0); color: @metager-orange;
font-family: Liberation Sans, sans-serif; font-family: Liberation Sans, sans-serif;
font-style: italic; font-style: italic;
font-weight: bold; font-weight: bold;
......
...@@ -7,6 +7,17 @@ ...@@ -7,6 +7,17 @@
@result-width: 700px; @result-width: 700px;
@quicktip-width: 500px; @quicktip-width: 500px;
@results-margin-left: @resultpage-leftbox-big-screen-margin-left; @results-margin-left: @resultpage-leftbox-big-screen-margin-left;
//
@result-page-body-background-color: @background-color;
@result-page-a-hover-color: red;
@result-page-a-visited-color: @metager-orange;
@result-page-product-shop-color: green;
//
@body-background-color: @result-page-body-background-color;
@a-visited-color: @result-page-a-visited-color;
@a-hover-color: @result-page-a-hover-color;
@a-donation-hover-color: @result-page-a-hover-color;
@product-shop-color: @result-page-product-shop-color;
#header-logo { #header-logo {
z-index: 0; z-index: 0;
padding-right: 10px; padding-right: 10px;
...@@ -29,17 +40,17 @@ body { ...@@ -29,17 +40,17 @@ body {
} }
.navbar { .navbar {
border-bottom: 3px solid rgb(255, 128, 0); border-bottom: 3px solid @metager-orange;
box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.2);
&.navbar-resultpage { &.navbar-resultpage {
border-bottom: 2px solid rgb(255, 128, 0); border-bottom: 2px solid @metager-orange;
box-shadow: none; box-shadow: none;
} }
} }
.lSPrev>span, .lSPrev>span,
.lSNext>span { .lSNext>span {
color: rgb(255, 128, 0); color: @metager-orange;
} }
#map, #map,
......
...@@ -39,7 +39,7 @@ ...@@ -39,7 +39,7 @@
-webkit-box-shadow: none; -webkit-box-shadow: none;
box-shadow: none; box-shadow: none;
&:focus { &:focus {
outline-color: rgb(255, 128, 0); outline-color: @metager-orange;
-webkit-box-shadow: 0px 0px 2px 2px rgba(255, 128, 0, 1); -webkit-box-shadow: 0px 0px 2px 2px rgba(255, 128, 0, 1);
box-shadow: 0px 0px 2px 2px rgba(255, 128, 0, 1); box-shadow: 0px 0px 2px 2px rgba(255, 128, 0, 1);
border-color: rgba(255, 128, 0, 1); border-color: rgba(255, 128, 0, 1);
...@@ -164,7 +164,7 @@ header { ...@@ -164,7 +164,7 @@ header {
padding: 0px 30px 0px 10px; padding: 0px 30px 0px 10px;
background-color: white; background-color: white;
border: 1px solid #ccc; border: 1px solid #ccc;
border-bottom: 2px solid rgb(255, 128, 0); border-bottom: 2px solid @metager-orange;
display: -webkit-box; display: -webkit-box;
display: -ms-flexbox; display: -ms-flexbox;
display: flex; display: flex;
...@@ -230,8 +230,8 @@ header:nth-child(1) { ...@@ -230,8 +230,8 @@ header:nth-child(1) {
color: black; color: black;
} }
&.active>a { &.active>a {
border-bottom: 1px solid rgb(255, 128, 0); border-bottom: 1px solid @metager-orange;
color: rgb(255, 128, 0); color: @metager-orange;
} }
&:last-child { &:last-child {
padding-right: 20px padding-right: 20px
......
/* Einstellungen */ /* Einstellungen */
@settings-abort-btn-color: white;
#settings-buttons { #settings-buttons {
margin-top: 10px; margin-top: 10px;
display: flex; display: flex;
......
...@@ -24,7 +24,7 @@ ...@@ -24,7 +24,7 @@
content: "×"; content: "×";
} }
&:hover { &:hover {
color: rgb(255, 128, 0); color: @metager-orange;
} }
} }
&>ul { &>ul {
...@@ -36,7 +36,7 @@ ...@@ -36,7 +36,7 @@
padding-bottom: 3%; padding-bottom: 3%;
border-bottom: 1px solid LightGray; border-bottom: 1px solid LightGray;
&:hover { &:hover {
background-color: @metager-navbar-toggle-hover-background-color; background-color: @color-almost-white;
} }
&>label { &>label {
font-size: 16px; font-size: 16px;
...@@ -94,21 +94,19 @@ ...@@ -94,21 +94,19 @@
color: red; color: red;
} }
} }
p { p {
width: 90%; width: 90%;
text-align: center; text-align: center;
font-weight: bold; font-weight: bold;
font-style: italic; font-style: italic;
font-size: large; font-size: large;
background-color: rgb(255, 128, 0); background-color: @metager-orange;
border-radius: .25em; border-radius: .25em;
margin: 5%; margin: 5%;
color: white; color: white;
font-size: 30px; font-size: 30px;
line-height: 35px; line-height: 35px;
} }
.caret { .caret {
position: absolute; position: absolute;
left: 90%; left: 90%;
...@@ -158,7 +156,7 @@ label#openSidebar { ...@@ -158,7 +156,7 @@ label#openSidebar {
content: "≡"; content: "≡";
} }
&:hover { &:hover {
color: rgb(255, 128, 0); color: @metager-orange;
} }
.noprint; .noprint;
} }
......
/* Startseite */ /* Startseite */
@search-bar-width: 1000px; @search-bar-width: 1000px;
//
@focus-hover-focus-edit-background-color: #e3e3e3;
@focus-radio-checked-focus-label-focus-edit-background-color: #e3e3e3;
@foki-edge-rounding: 7px;
.mg-panel { .mg-panel {
flex-grow: 1; flex-grow: 1;
display: flex; display: flex;
......
// MetaGer Brand Color
@metager-orange: rgb(255, 128, 0); @metager-orange: rgb(255, 128, 0);
// General // General Colors
@color-white: white; @color-white: white;
@color-almost-white: mix(@color-white, @color-black, 90%); @color-almost-white: mix(@color-white, @color-black, 90%);
@color-light-grey: mix(@color-white, @color-black, 75%); @color-light-grey: mix(@color-white, @color-black, 75%);
...@@ -7,13 +8,14 @@ ...@@ -7,13 +8,14 @@
@color-strong-grey: mix(@color-white, @color-black, 25%); @color-strong-grey: mix(@color-white, @color-black, 25%);
@color-almost-black: mix(@color-white, @color-black, 10%); @color-almost-black: mix(@color-white, @color-black, 10%);
@color-black: black; @color-black: black;
// // General Background Color
@background-color: white; @background-color: white;
// // Signal Colors
@brand-success: #5cb85c; @brand-success: #5cb85c;
@brand-info: #FB0; @brand-info: #FB0;
@brand-warning: #f0ad4e; @brand-warning: #f0ad4e;
@brand-danger: #d9534f; @brand-danger: #d9534f;
//
@body-bg: rgb(250, 250, 250); @body-bg: rgb(250, 250, 250);
@input-border-focus: @metager-orange; @input-border-focus: @metager-orange;
@font-family-sans-serif: "Liberation Sans", @font-family-sans-serif: "Liberation Sans",
...@@ -21,126 +23,34 @@ ...@@ -21,126 +23,34 @@
Helvetica, Helvetica,
Arial, Arial,
sans-serif; sans-serif;
// Global textual link color. // General textual link color.
@link-color: @metager-orange; @link-color: @metager-orange;
// static-pages.less
@static-pages-color-white: @color-white;
@static-pages-color-almost-white: @color-almost-white;
@static-pages-color-light-grey: @color-light-grey;
@static-pages-color-grey: @color-grey;
@static-pages-color-strong-grey: @color-strong-grey;
@static-pages-color-almost-black: @color-almost-black;
@static-pages-color-black: @color-black;
//
@static-pages-spruch-color: #070;
@static-pages-quicktip-aufruf-color: #fb0;
@static-pages-quicktip-aufruf-background: #ff4000;
// result-page-less
@result-page-color-white: @color-white;
@result-page-color-almost-white: @color-almost-white;
@result-page-color-light-grey: @color-light-grey;
@result-page-color-grey: @color-grey;
@result-page-color-strong-grey: @color-strong-grey;
@result-page-color-almost-black: @color-almost-black;
@result-page-color-black: @color-black;
//
@result-page-body-background-color: @background-color;
@result-page-a-hover-color: red;
@result-page-a-visited-color: @metager-orange;
@result-page-product-shop-color: green;
// start-page.less
@focus-hover-focus-edit-background-color: #e3e3e3;
@focus-radio-checked-focus-label-focus-edit-background-color: #e3e3e3;
@foki-edge-rounding: 7px;
// settings.less
@settings-abort-btn-color: white;
// base.less
@base-body-backround-color: @background-color;
@base-aufruf-winter-color: #ab2121;
@base-aufruf-winter-border-color: #953535;
@base-aufruf-winter-btn-color: white;
@base-aufruf-winter-btn-hover-background-color: #bd0d0d;
/* Unsorted */ /* Unsorted */
@quicktip-background-color: @static-pages-color-white; @quicktip-background-color: @color-white;
@spruch-color: @static-pages-spruch-color; @navbar-default-background-color: @color-white;
@spruch-border-left-color: @spruch-color; @form-group-color: @color-black;
@spruch-author-color: @static-pages-color-grey; @modal-content-box-shadow-color: fade(@color-black, 30%);
@metager-navbar-toggle-color: @static-pages-color-grey; @a-content-hidden-xs-color: @color-almost-black;
@metager-navbar-toggle-background-color: @static-pages-color-white; @section-box-shadow-color: fade(@color-black, 55%);
@metager-navbar-toggle-border-color: @static-pages-color-almost-white; @body-background-color: @background-color;
@metager-navbar-toggle-visited-color: @static-pages-color-grey; @hostlabel-a-link-or-visited-color: @color-white;
@metager-navbar-toggle-hover-background-color: @static-pages-color-almost-white; @hostlabel-background-color: @color-strong-grey;
@toggle-nav-hide-or-metager-navbar-toggle-background-color: @metager-orange; @navbar-resultpage-background-color: @color-white;
@more-information-ul-li-color: @static-pages-color-grey; @navbar-resultpage-ul-li-a-metager-dropdown-toggle-hover-or-focus-background-color: @color-almost-white;
@more-information-h2-color: @static-pages-color-grey; @research-a-color: @color-black;
@div-right-background-color: @static-pages-color-almost-white; @content-wrapper-background-color: @color-white;
@div-right-p-border-bottom-color: @static-pages-color-black;
@quicktip-color: @static-pages-color-black;
@quicktip-border-left-color: @static-pages-quicktip-aufruf-color;
@quicktip-aufruf-color: @static-pages-quicktip-aufruf-background;
@quicktip-aufruf-border-left-color: @quicktip-aufruf-color;
@navbar-default-background-color: @static-pages-color-white;
@mg-panel-background-color: @static-pages-color-white;
@form-group-color: @static-pages-color-black;
@metager-searchinput-color: @static-pages-color-strong-grey;
@metager-searchinput-background-color: @static-pages-color-white;
@metager-searchinput-border-color: @static-pages-color-almost-white;
@metager-searchbutton-color: @static-pages-color-strong-grey;
@metager-searchbutton-background-color: @static-pages-color-almost-white;
@metager-searchbutton-border-color: @static-pages-color-almost-white;
@modal-content-box-shadow-color: fade(@static-pages-color-black, 30%);
@a-content-hidden-xs-color: @static-pages-color-almost-black;
@section-box-shadow-color: fade(@static-pages-color-black, 55%);
//
@body-background-color: @base-body-backround-color;
@aufruf-winter-a-normal-or-visited: @base-aufruf-winter-color;
@aufruf-winter-aufruf-action-btn-color: @base-aufruf-winter-btn-color!important;
@aufruf-winter-aufruf-action-btn-background-color: @base-aufruf-winter-color!important;
@aufruf-winter-aufruf-action-btn-border-color: @base-aufruf-winter-border-color;
@aufruf-winter-aufruf-action-btn-hover-background-color: @base-aufruf-winter-btn-hover-background-color !important;
@aufruf-winter-aufruf-action-btn-hover-border-color: @base-aufruf-winter-border-color;
@aufruf-winter-quicktip-border-color: @base-aufruf-winter-color!important;
//
@body-background-color: @result-page-body-background-color;
@hostlabel-a-link-or-visited-color: @result-page-color-white;
@hostlabel-background-color: @result-page-color-strong-grey;
@navbar-resultpage-background-color: @result-page-color-white;
@navbar-resultpage-ul-li-a-not-metager-navbar-toggle-color: @result-page-color-grey;
@navbar-resultpage-ul-li-a-metager-dropdown-toggle-hover-or-focus-background-color: @result-page-color-almost-white;
@research-a-color: @result-page-color-black;
@content-wrapper-background-color: @result-page-color-white;
@a-visited-color: @result-page-a-visited-color;
@a-hover-color: @result-page-a-hover-color;
@a-donation-normal-or-visited-color: inherit; @a-donation-normal-or-visited-color: inherit;
@a-donation-hover-color: @result-page-a-hover-color; @spruch-author-color: @color-strong-grey;
@resultpage-foki-or-foki-background-color: @result-page-color-white; @result-description-color: @color-black;
@resultpage-foki-or-foki-li-a-color: @result-page-color-grey; @result-description-img-border-color: @color-almost-white;
@resultpage-foki-or-foki-li-active-a-color: @result-page-color-black; @options-list-li-hover-background-color: @color-almost-white;
@resultpage-foki-or-foki-li-active-a-background-color: @result-page-color-white; @options-list-li-a-color: @color-strong-grey;
@spruch-author-color: @result-page-color-strong-grey; @image-item-img-box-shadow-color: fade(@color-black, 30%);
@result-title-color: @result-page-color-black; @searchplugin-a-color: @color-white;
@result-link-options-color: @result-page-color-strong-grey; @product-border-color: @color-almost-white;
@result-link-options-a-color: @result-page-color-strong-grey; @product-a-color: @color-strong-grey;
@result-description-color: @result-page-color-black; @product-price-color: @color-strong-grey;
@result-description-img-border-color: @result-page-color-almost-white; @product-price-background-color: fade(@color-white, 90%);
@result-hoster-color: @result-page-color-grey; @lsprev-or-lsnext-i-background-color: @color-black;
@result-hoster-a-color: @result-page-color-strong-grey; \ No newline at end of file
@options-list-li-hover-background-color: @result-page-color-almost-white;
@options-list-li-a-color: @result-page-color-strong-grey;
@image-item-img-box-shadow-color: fade(@result-page-color-black, 30%);
@searchplugin-a-color: @result-page-color-white;
@product-border-color: @result-page-color-almost-white;
@product-a-color: @result-page-color-strong-grey;
@product-price-color: @result-page-color-strong-grey;
@product-price-background-color: fade(@result-page-color-white, 90%);
@product-shop-color: @result-page-product-shop-color;
@lsprev-or-lsnext-i-background-color: @result-page-color-black;
//
@metager-dropdown-toggle-hover-or-focus-color: fade(@static-pages-color-black, 15%);
@metager-dropdown-menu-background-color: @static-pages-color-white;
@metager-dropdown-menu-box-shadow-color: fade(@static-pages-color-black, 17.5%);
@metager-dropdown-menu-li-a-color: @static-pages-color-almost-black;
@metager-dropdown-menu-li-a-hover-color: @static-pages-color-strong-grey;
@metager-dropdown-menu-li-a-hover-background-color: @static-pages-color-almost-white;
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment