Commit f5041287 authored by Karl Hasselbring's avatar Karl Hasselbring

Refactoring für less-Dateien

parent c521d6b8
<?php <?php
header("Content-type: text/css"); header("Content-type: text/css");
$color = "rgb(255, 128, 0)"; $color = "rgb(255, 128, 0)";
$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'] . ")";
$colorRGBA = "rgba(" . $_GET['r'] . "," . $_GET['g'] . "," . $_GET['b'] . "," . $_GET['a'] . ")"; $colorRGBA = "rgba(" . $_GET['r'] . "," . $_GET['g'] . "," . $_GET['b'] . "," . $_GET['a'] . ")";
} }
?> ?>
...@@ -18,11 +18,6 @@ input[type=text]:focus, textarea:focus, input[type=email]:focus, input[type=tel] ...@@ -18,11 +18,6 @@ input[type=text]:focus, textarea:focus, input[type=email]:focus, input[type=tel]
border-color: <?=$colorRGBA?>; border-color: <?=$colorRGBA?>;
} }
#mglogo > a {
color: rgb(255,128,0);
}
.logo h1{ .logo h1{
color: <?=$color?>; color: <?=$color?>;
} }
...@@ -42,7 +37,6 @@ input[type=text]:focus, textarea:focus, input[type=email]:focus, input[type=tel] ...@@ -42,7 +37,6 @@ input[type=text]:focus, textarea:focus, input[type=email]:focus, input[type=tel]
.navbar, #navbar-static-pages { .navbar, #navbar-static-pages {
border-bottom: 3px solid <?=$color?>; border-bottom: 3px solid <?=$color?>;
box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.2);
} }
.lSPrev > i, .lSNext > i { .lSPrev > i, .lSNext > i {
......
...@@ -91,11 +91,6 @@ ...@@ -91,11 +91,6 @@
* { * {
font-size: 12px!important; font-size: 12px!important;
} }
.beitritt-form-group {
margin: 0px !important;
padding: 0px !important;
margin-bottom: 0px !important;
}
.sign { .sign {
margin-top: 10px; margin-top: 10px;
} }
......
...@@ -55,6 +55,11 @@ body { ...@@ -55,6 +55,11 @@ body {
} }
} }
.navbar,
#navbar-static-pages {
box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.2);
}
/* General font sizing */ /* General font sizing */
...@@ -97,72 +102,36 @@ p { ...@@ -97,72 +102,36 @@ p {
/* Logo */ /* Logo */
.logo h1, .logo {
h1.mg-logo {
color: rgb(255, 128, 0); color: rgb(255, 128, 0);
font-family: Liberation Sans, sans-serif;
font-style: italic;
font-weight: bold; font-weight: bold;
white-space: nowrap;
} }
#mglogo { #startpage-logo {
color: rgb(255, 128, 0); .logo;
margin: 0px 0px 45px 0px;
white-space: nowrap;
text-align: center; text-align: center;
&>a { &>a {
.logo;
display: block; display: block;
text-decoration: none; text-decoration: none;
font-size: 1.1em; font-size: 75px;
font-family: Liberation Sans, sans-serif; @media(max-width: @screen-xs-max) {
font-weight: bold; font-size: 50px;
font-style: italic; }
font-size: 1.0em;
line-height: 1;
white-space: nowrap;
border-radius: .25em;
margin: 0 auto;
} }
} }
.metager-logo { #subpage-logo {
height: 18px; padding: 5px 0;
float: left; a h1 {
margin: 6px; .logo;
}
.metager-searchinput {
height: 30px;
float: left;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857;
color: #555;
background-color: #FFF;
background-image: none;
border: 1px solid #CCC;
margin: 0px;
}
.metager-searchbutton {
height: 30px;
border-left: 0px none;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
border: 1px solid #CCC;
padding: 6px 12px;
margin: 0px;
font-size: 14px;
font-weight: normal;
line-height: 1;
white-space: nowrap;
color: #555;
text-align: center;
background-color: #EEE;
}
.logo {
height: 30px!important;
&>h1 {
font-size: 30px; font-size: 30px;
margin: 0;
} }
} }
...@@ -171,8 +140,9 @@ h1.mg-logo { ...@@ -171,8 +140,9 @@ h1.mg-logo {
.mutelink { .mutelink {
&, &,
&:focus, &:hover,
&:active, &:active,
&:focus,
&:visited { &:visited {
color: inherit; color: inherit;
} }
...@@ -201,77 +171,6 @@ summary { ...@@ -201,77 +171,6 @@ summary {
} }
/* New Feature Badge */
.new-feature.badge {
background-color: @new-feature-badge-background-color;
}
/* Box to match Image size */
.imagebox {
display: flex;
a {
display: flex;
}
}
/* Unsorted */
.bold {
font-weight: bold;
}
.noprint {
@media print {
display: none!important;
}
}
.newpage {
page-break-after: always;
}
nav {
h1 {
margin: 0;
height: 100%;
padding-left: 20px;
padding-top: 8px;
font-family: sans-serif;
font-style: italic;
margin: 0;
font-weight: bold;
line-height: 1;
white-space: nowrap;
}
.navbar-brand>div.logo {
height: 100%;
}
}
.modal-content {
border-radius: 0;
-webkit-box-shadow: 1px 1px 3px 1px @modal-content-box-shadow-color;
-moz-box-shadow: 1px 1px 3px 1px @modal-content-box-shadow-color;
box-shadow: 1px 1px 3px 1px @modal-content-box-shadow-color;
}
label a {
color: inherit;
&:hover {
text-decoration: none;
color: inherit;
}
}
button {
border: none;
}
/* Tooltips /* Tooltips
* *
* Für alle Elemente mit einem "data-tooltip"-Attribut wird ein * Für alle Elemente mit einem "data-tooltip"-Attribut wird ein
...@@ -322,6 +221,9 @@ button { ...@@ -322,6 +221,9 @@ button {
} }
} }
/* For Containers that are supposed to split their content up into two columns */
.two-col { .two-col {
>* { >* {
width: 50%; width: 50%;
...@@ -336,7 +238,7 @@ button { ...@@ -336,7 +238,7 @@ button {
/* Links */ /* Links */
// Intern, aber anderes Design als die Startseite // Internal, but design differs from other pages
.inlink { .inlink {
&:after { &:after {
display: inline-block; display: inline-block;
...@@ -348,7 +250,7 @@ button { ...@@ -348,7 +250,7 @@ button {
} }
} }
// Extern // External
.outlink { .outlink {
&:after { &:after {
display: inline-block; display: inline-block;
...@@ -358,4 +260,52 @@ button { ...@@ -358,4 +260,52 @@ button {
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
content: "\f08e"; content: "\f08e";
} }
}
/* Little helpers */
.bold {
font-weight: bold;
}
.noprint {
@media print {
display: none!important;
}
}
.newpage {
page-break-after: always;
}
.disabled,
.disabled * {
color: #aaa !important;
cursor: not-allowed !important;
}
.overflow-ellipsis {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/* Unsorted */
// Currently in use for the plugin modal
.modal-content {
border-radius: 0;
-webkit-box-shadow: 1px 1px 3px 1px @modal-content-box-shadow-color;
-moz-box-shadow: 1px 1px 3px 1px @modal-content-box-shadow-color;
box-shadow: 1px 1px 3px 1px @modal-content-box-shadow-color;
}
label a {
color: inherit;
&:hover {
text-decoration: none;
color: inherit;
}
} }
\ No newline at end of file
...@@ -9,4 +9,5 @@ ...@@ -9,4 +9,5 @@
@import "./footer.less"; @import "./footer.less";
@import "./searchbar.less"; @import "./searchbar.less";
@import "./aufruf-winter.less"; @import "./aufruf-winter.less";
@import "./cards.less"; @import "./cards.less";
\ No newline at end of file @import "./widget.less";
\ No newline at end of file
...@@ -20,9 +20,7 @@ ...@@ -20,9 +20,7 @@
background-color: white; background-color: white;
details:not([open=""]) { details:not([open=""]) {
.quicktip-summary p { .quicktip-summary p {
white-space: nowrap; .overflow-ellipsis;
overflow: hidden;
text-overflow: ellipsis;
} }
} }
.quicktip-summary { .quicktip-summary {
...@@ -86,10 +84,6 @@ ...@@ -86,10 +84,6 @@
font-size: 14px; font-size: 14px;
} }
} }
.gefVon {
float: right;
font-size: 15px;
}
&[type=spruch] { &[type=spruch] {
order: 0; order: 0;
border-left: 3px solid #070; border-left: 3px solid #070;
......
...@@ -4,7 +4,17 @@ ...@@ -4,7 +4,17 @@
@import "./result-saver.less"; @import "./result-saver.less";
@import "./result.less"; @import "./result.less";
@import "./product.less"; @import "./product.less";
// #header-logo {
z-index: 0;
padding-right: 10px;
h1 {
.logo;
margin: 0px;
font-size: 18px;
display: inline-block;
}
}
body { body {
&#resultBody { &#resultBody {
background-image: inherit; background-image: inherit;
...@@ -82,16 +92,6 @@ body { ...@@ -82,16 +92,6 @@ body {
padding: 0px padding: 0px
} }
.logo {
height: 35px;
padding: 5px 0;
&>a {
line-height: 100%;
height: 100%;
display: block;
}
}
.input-group-addon { .input-group-addon {
padding: 0; padding: 0;
} }
...@@ -105,15 +105,6 @@ nav .input-group { ...@@ -105,15 +105,6 @@ nav .input-group {
padding: 5px 0; padding: 5px 0;
} }
.logo h1 {
font-family: Liberation Sans, sans-serif;
font-style: italic;
margin: 0;
font-weight: bold;
line-height: 1;
white-space: nowrap;
}
#search { #search {
background-color: inherit; background-color: inherit;
border: 0; border: 0;
...@@ -145,9 +136,7 @@ a { ...@@ -145,9 +136,7 @@ a {
} }
#spenden { #spenden {
white-space: nowrap; .overflow-ellipsis;
overflow: hidden;
text-overflow: ellipsis;
} }
#spruch { #spruch {
...@@ -178,28 +167,6 @@ a { ...@@ -178,28 +167,6 @@ a {
border: 1px dotted black; border: 1px dotted black;
} }
#logo-searchbar-container {
display: flex;
@media (max-width: @screen-xs-max) {
flex-direction: column;
}
}
.mg-logo {
color: #ff8000;
font-family: Liberation Sans, sans-serif;
font-style: italic;
margin: 0;
font-weight: bold;
line-height: 1;
white-space: nowrap;
}
p.mg-logo {
font-size: 18px;
display: inline-block;
}
#header-searchbar { #header-searchbar {
flex-grow: 1; flex-grow: 1;
} }
...@@ -280,12 +247,6 @@ p.mg-logo { ...@@ -280,12 +247,6 @@ p.mg-logo {
} }
} }
.disabled,
.disabled * {
color: #aaa !important;
cursor: not-allowed !important;
}
#searchplugin { #searchplugin {
display: none; display: none;
position: fixed; position: fixed;
...@@ -350,14 +311,6 @@ p.mg-logo { ...@@ -350,14 +311,6 @@ p.mg-logo {
flex-direction: column; flex-direction: column;
} }
#header-logo {
z-index: 0;
padding-right: 10px;
a h1 {
margin: 0px;
}
}
@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;
......
...@@ -14,9 +14,7 @@ ...@@ -14,9 +14,7 @@
justify-content: space-between; justify-content: space-between;
.result-title { .result-title {
margin: 0px; margin: 0px;
overflow: hidden; .overflow-ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
a { a {
&, &,
&:active, &:active,
...@@ -37,10 +35,8 @@ ...@@ -37,10 +35,8 @@
} }
} }
.result-link { .result-link {
.overflow-ellipsis;
display: block; display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: @result-font-small; font-size: @result-font-small;
width: fit-content; width: fit-content;
max-width: 100%; max-width: 100%;
......
...@@ -25,15 +25,6 @@ textarea#message { ...@@ -25,15 +25,6 @@ textarea#message {
margin-bottom: 5px; margin-bottom: 5px;
} }
.wikiqtextract {
font-family: Georgia, "Times New Roman", Palatino, Times, serif;
}
.language-textarea {
resize: none;
overflow: hidden;
}
.language-name { .language-name {
white-space: pre; white-space: pre;
} }
...@@ -81,14 +72,6 @@ textarea#message { ...@@ -81,14 +72,6 @@ textarea#message {
font-size: 12px; font-size: 12px;
} }
.beitritt-form-group {
text-align: left;
}
.fokus-category {
font-size: 20px;
}
.checkbox { .checkbox {
margin-top: 5px; margin-top: 5px;
margin-bottom: 5px; margin-bottom: 5px;
...@@ -103,10 +86,6 @@ textarea#message { ...@@ -103,10 +86,6 @@ textarea#message {
font-size: 12px; font-size: 12px;
} }
.wikiqtextract p {
margin-bottom: 0;
}
i.fa { i.fa {
background-color: transparent; background-color: transparent;
} }
...@@ -199,13 +178,6 @@ main { ...@@ -199,13 +178,6 @@ main {
} }
} }
.searchform-bonus {
list-style-type: none;
text-align: center;
margin-left: 0!important;
margin-top: 10px;
}
.panel-title { .panel-title {