Skip to content

GitLab

Commit a22c3011 authored by Karl Hasselbring's avatar Karl Hasselbring
Browse files

Refactoring der Variablen

parent c423fbb1
Hide whitespace changes
Inline Side-by-side
public/css/theme.css.php
View file @ a22c3011
<?php
header("Content-type: text/css");
$color = "rgb(255, 128, 0)";
$color = "@metager-orange";
$colorRGBA = "rgba(255, 128, 0, 1)";
if (isset($_GET['r']) && isset($_GET['g']) && isset($_GET['b']) && isset($_GET['a'])) {
$color = "rgb(" . $_GET['r'] . "," . $_GET['g'] . "," . $_GET['b'] . ")";
......
resources/assets/less/metager/aufruf-winter.less
View file @ a22c3011
/* 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 {
h1 {
font-size: 32px;
......
resources/assets/less/metager/footer.less
View file @ a22c3011
......@@ -21,7 +21,7 @@ footer {
&.footer-resultpage {
justify-content: center;
a {
color: @result-page-color-black;
color: @color-black;
}
}
@media (max-width: @screen-xs-max) {
......
resources/assets/less/metager/general.less
View file @ a22c3011
......@@ -103,7 +103,7 @@ p {
/* Logo */
.logo {
color: rgb(255, 128, 0);
color: @metager-orange;
font-family: Liberation Sans, sans-serif;
font-style: italic;
font-weight: bold;
......
resources/assets/less/metager/result-page.less
View file @ a22c3011
......@@ -7,6 +7,17 @@
@result-width: 700px;
@quicktip-width: 500px;
@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 {
z-index: 0;
padding-right: 10px;
......@@ -29,17 +40,17 @@ body {
}
.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);
&.navbar-resultpage {
border-bottom: 2px solid rgb(255, 128, 0);
border-bottom: 2px solid @metager-orange;
box-shadow: none;
}
}
.lSPrev>span,
.lSNext>span {
color: rgb(255, 128, 0);
color: @metager-orange;
}
#map,
......
resources/assets/less/metager/searchbar.less
View file @ a22c3011
......@@ -39,7 +39,7 @@
-webkit-box-shadow: none;
box-shadow: none;
&:focus {
outline-color: rgb(255, 128, 0);
outline-color: @metager-orange;
-webkit-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);
......@@ -164,7 +164,7 @@ header {
padding: 0px 30px 0px 10px;
background-color: white;
border: 1px solid #ccc;
border-bottom: 2px solid rgb(255, 128, 0);
border-bottom: 2px solid @metager-orange;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
......@@ -230,8 +230,8 @@ header:nth-child(1) {
color: black;
}
&.active>a {
border-bottom: 1px solid rgb(255, 128, 0);
color: rgb(255, 128, 0);
border-bottom: 1px solid @metager-orange;
color: @metager-orange;
}
&:last-child {
padding-right: 20px
......
resources/assets/less/metager/settings.less
View file @ a22c3011
/* Einstellungen */
@settings-abort-btn-color: white;
#settings-buttons {
margin-top: 10px;
display: flex;
......
resources/assets/less/metager/sidebar.less
View file @ a22c3011
......@@ -24,7 +24,7 @@
content: "×";
}
&:hover {
color: rgb(255, 128, 0);
color: @metager-orange;
}
}
&>ul {
......@@ -36,7 +36,7 @@
padding-bottom: 3%;
border-bottom: 1px solid LightGray;
&:hover {
background-color: @metager-navbar-toggle-hover-background-color;
background-color: @color-almost-white;
}
&>label {
font-size: 16px;
......@@ -94,21 +94,19 @@
color: red;
}
}
p {
width: 90%;
text-align: center;
font-weight: bold;
font-style: italic;
font-size: large;
background-color: rgb(255, 128, 0);
background-color: @metager-orange;
border-radius: .25em;
margin: 5%;
color: white;
font-size: 30px;
line-height: 35px;
}
.caret {
position: absolute;
left: 90%;
......@@ -158,7 +156,7 @@ label#openSidebar {
content: "≡";
}
&:hover {
color: rgb(255, 128, 0);
color: @metager-orange;
}
.noprint;
}
......
resources/assets/less/metager/start-page.less
View file @ a22c3011
/* Startseite */
@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 {
flex-grow: 1;
display: flex;
......
resources/assets/less/metager/variables.less
View file @ a22c3011
// MetaGer Brand Color
@metager-orange: rgb(255, 128, 0);
// General
// General Colors
@color-white: white;
@color-almost-white: mix(@color-white, @color-black, 90%);
@color-light-grey: mix(@color-white, @color-black, 75%);
......@@ -7,13 +8,14 @@
@color-strong-grey: mix(@color-white, @color-black, 25%);
@color-almost-black: mix(@color-white, @color-black, 10%);
@color-black: black;
//
// General Background Color
@background-color: white;
//
// Signal Colors
@brand-success: #5cb85c;
@brand-info: #FB0;
@brand-warning: #f0ad4e;
@brand-danger: #d9534f;
//
@body-bg: rgb(250, 250, 250);
@input-border-focus: @metager-orange;
@font-family-sans-serif: "Liberation Sans",
......@@ -21,126 +23,34 @@
Helvetica,
Arial,
sans-serif;
// Global textual link color.
// General textual link color.
@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 */
@quicktip-background-color: @static-pages-color-white;
@spruch-color: @static-pages-spruch-color;
@spruch-border-left-color: @spruch-color;
@spruch-author-color: @static-pages-color-grey;
@metager-navbar-toggle-color: @static-pages-color-grey;
@metager-navbar-toggle-background-color: @static-pages-color-white;
@metager-navbar-toggle-border-color: @static-pages-color-almost-white;
@metager-navbar-toggle-visited-color: @static-pages-color-grey;
@metager-navbar-toggle-hover-background-color: @static-pages-color-almost-white;
@toggle-nav-hide-or-metager-navbar-toggle-background-color: @metager-orange;
@more-information-ul-li-color: @static-pages-color-grey;
@more-information-h2-color: @static-pages-color-grey;
@div-right-background-color: @static-pages-color-almost-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;
@quicktip-background-color: @color-white;
@navbar-default-background-color: @color-white;
@form-group-color: @color-black;
@modal-content-box-shadow-color: fade(@color-black, 30%);
@a-content-hidden-xs-color: @color-almost-black;
@section-box-shadow-color: fade(@color-black, 55%);
@body-background-color: @background-color;
@hostlabel-a-link-or-visited-color: @color-white;
@hostlabel-background-color: @color-strong-grey;
@navbar-resultpage-background-color: @color-white;
@navbar-resultpage-ul-li-a-metager-dropdown-toggle-hover-or-focus-background-color: @color-almost-white;
@research-a-color: @color-black;
@content-wrapper-background-color: @color-white;
@a-donation-normal-or-visited-color: inherit;
@a-donation-hover-color: @result-page-a-hover-color;
@resultpage-foki-or-foki-background-color: @result-page-color-white;
@resultpage-foki-or-foki-li-a-color: @result-page-color-grey;
@resultpage-foki-or-foki-li-active-a-color: @result-page-color-black;
@resultpage-foki-or-foki-li-active-a-background-color: @result-page-color-white;
@spruch-author-color: @result-page-color-strong-grey;
@result-title-color: @result-page-color-black;
@result-link-options-color: @result-page-color-strong-grey;
@result-link-options-a-color: @result-page-color-strong-grey;
@result-description-color: @result-page-color-black;
@result-description-img-border-color: @result-page-color-almost-white;
@result-hoster-color: @result-page-color-grey;
@result-hoster-a-color: @result-page-color-strong-grey;
@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
@spruch-author-color: @color-strong-grey;
@result-description-color: @color-black;
@result-description-img-border-color: @color-almost-white;
@options-list-li-hover-background-color: @color-almost-white;
@options-list-li-a-color: @color-strong-grey;
@image-item-img-box-shadow-color: fade(@color-black, 30%);
@searchplugin-a-color: @color-white;
@product-border-color: @color-almost-white;
@product-a-color: @color-strong-grey;
@product-price-color: @color-strong-grey;
@product-price-background-color: fade(@color-white, 90%);
@lsprev-or-lsnext-i-background-color: @color-black;
\ 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