diff --git a/resources/assets/less/metager/general.less b/resources/assets/less/metager/general.less index 3693057baeddab94114cf99fa40880c6d4c74415..81ea350fa8b12fa91684c618768cd7d805d00a2c 100644 --- a/resources/assets/less/metager/general.less +++ b/resources/assets/less/metager/general.less @@ -1,7 +1,9 @@ /* Default Font */ +@modal-content-box-shadow-color: fade(@color-black, 30%); +@body-background-color: @background-color; body { - font-family: Arimo, Liberation Sans, sans-serif; + font-family: @metager-font; } /* Main Containers */ @@ -99,6 +101,7 @@ body { a { font-size: 100%; + color: @link-color; } /* Logo */ @@ -326,4 +329,4 @@ li.nodot { // Used on labels which initiate visual change (e.g. open-sidebar-button) .navigation-element { cursor: pointer; -} +} \ No newline at end of file diff --git a/resources/assets/less/metager/product.less b/resources/assets/less/metager/product.less index 5b3ccd441ff6d1c2b115463f35e631c090e318dd..77c709b26d4c6e6b3e7b13c729566d2c9fd83793 100644 --- a/resources/assets/less/metager/product.less +++ b/resources/assets/less/metager/product.less @@ -1,11 +1,15 @@ /* Produktergebnisse */ +@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%); .products { display: flex; flex-direction: column; text-align: center; padding: 5px; - .lSSlideOuter { + .lSSlideOuter { margin-top: 5px; border: 1px dotted @product-border-color; } diff --git a/resources/assets/less/metager/result-page.less b/resources/assets/less/metager/result-page.less index 109a472a075ee5c7a2f3bc070b3e1c6d553de766..334d4550d68e3e2ea51d3a5d1ad5301073ad381b 100644 --- a/resources/assets/less/metager/result-page.less +++ b/resources/assets/less/metager/result-page.less @@ -5,15 +5,13 @@ @import "./result.less"; @import "./product.less"; // -@resultpage-background-color: #FAFAFA; +@resultpage-background-color: @background-color; // @results-margin-left: 16px; // -@result-page-body-background-color: @background-color; @result-page-a-hover-color: red; @result-page-product-shop-color: green; // -@body-background-color: @result-page-body-background-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; @@ -34,6 +32,17 @@ // @sidebar-opener-breakpoint: (@results-width-max + @padding-small-default * 2 + 60px); // +@quicktip-background-color: @color-white; +@hostlabel-a-link-or-visited-color: @color-white; +@hostlabel-background-color: @color-strong-grey; +@a-donation-normal-or-visited-color: inherit; +@spruch-author-color: @color-strong-grey; +@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; +@lsprev-or-lsnext-i-background-color: @color-black; +// #header-logo { z-index: 0; padding-right: 10px; diff --git a/resources/assets/less/metager/result.less b/resources/assets/less/metager/result.less index 434ac838dd6273aba014d604b2fc732242aeb7ea..051ef6bf8084d5b180ade49cca9eb3c7a4c95174 100644 --- a/resources/assets/less/metager/result.less +++ b/resources/assets/less/metager/result.less @@ -4,6 +4,8 @@ @result-font-medium: 16px; @result-font-url: 14px; @result-font-small: 12px; +@result-description-color: @color-black; +@result-description-img-border-color: @color-almost-white; .result { .card; margin: @resultpage-leftbox-min-dist-top-bottom 0px @resultpage-leftbox-min-dist-top-bottom 0px; @@ -78,7 +80,7 @@ color: #333; text-shadow: none; font-weight: inherit; - border: 1px solid #686868 ; + border: 1px solid #686868; padding: 2px; margin-left: 20px; border-radius: 4px; @@ -181,11 +183,9 @@ } } } - .result-footer * { font-size: 10px !important; } - &.ad .ad-label { &, & a, diff --git a/resources/assets/less/metager/searchbar.less b/resources/assets/less/metager/searchbar.less index 295c9494076e5b4209cc4cb5cf45fc667a28fcd1..52ecf6160a532c1f22e92bca073f70779d5a85bd 100644 --- a/resources/assets/less/metager/searchbar.less +++ b/resources/assets/less/metager/searchbar.less @@ -1,6 +1,7 @@ /* Suchleiste */ @startpage-border-color: #a2a2a2; +@searchbar-background-color: white; /**/ .searchbar { diff --git a/resources/assets/less/metager/specific.less b/resources/assets/less/metager/specific.less index 70673a52fd6faed9fe391f79bd82553c9d58075b..138cd1790b3ea87c740fe51889a8ec09d704313f 100644 --- a/resources/assets/less/metager/specific.less +++ b/resources/assets/less/metager/specific.less @@ -1,5 +1,8 @@ /* Rules for specific elements */ +@navbar-default-background-color: @color-white; +@form-group-color: @color-black; +@a-content-hidden-xs-color: @color-almost-black; ul.startpage { list-style-type: none; } diff --git a/resources/assets/less/metager/variables.less b/resources/assets/less/metager/variables.less index 0648a9cbb36a72d5a2649225e7b24aaed5012f4f..27b5e0943f8cc3dbfa4feb4def6e93eafd20ec45 100644 --- a/resources/assets/less/metager/variables.less +++ b/resources/assets/less/metager/variables.less @@ -1,6 +1,6 @@ // MetaGer Brand Color @metager-orange: #FF8000; -// General Colors +// Shades of Gray @color-white: white; @color-almost-white: mix(@color-white, @color-black, 90%); @color-light-grey: mix(@color-white, @color-black, 75%); @@ -8,57 +8,21 @@ @color-strong-grey: mix(@color-white, @color-black, 25%); @color-almost-black: mix(@color-white, @color-black, 10%); @color-black: black; -// General Background Color +// Default Background Color @background-color: #FAFAFA; -// 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: Arimo, +// Default Font +@metager-font: Arimo, "Liberation Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; -// General textual link color. -@link-color: #0066CC; -// +// Default textual link color. +@link-color: #06C; +// Default Mini-Padding @padding-small-default: 8px; // Screen sizes @screen-xs-max: 767px; @screen-sm-max: 991; @screen-md-max: 1199px; -@screen-lg: 1200; -/* Unsorted */ - -@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; -@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; -@searchbar-background-color: white; \ No newline at end of file +@screen-lg: 1200; \ No newline at end of file