Reduced specific.less rules

resources/assets/less/default.less

-@import "./metager/metager.less";
\ No newline at end of file

resources/assets/less/metager.less

+@import "./metager/general.less";
+@import "./metager/specific.less";
+@import "./metager/result-page.less";
+@import "./metager/start-page.less";
+@import "./metager/settings.less";
+@import "./metager/variables.less";
+@import "./metager/sidebar.less";
+@import "./metager/modals.less";
+@import "./metager/footer.less";
+@import "./metager/searchbar.less";
+@import "./metager/aufruf-winter.less";
+@import "./metager/cards.less";
+@import "./metager/widget.less";
+@import "./metager/help_faq.less";
+@import "./metager/contact.less";
+@import "./metager/donation.less";
+@import "./metager/language.less";
+@import "./metager/plugin-modal.less";
+@import "./metager/subpages.less";
\ No newline at end of file

resources/assets/less/metager/contact.less

+.kontakt-form-group {
+    text-align: left;
+    font-size: 14px;
+}
+
+form.contact {
+    max-width: 500px;
+}
+
+textarea#message {
+    height: 200px;
+}
\ No newline at end of file

resources/assets/less/metager/donation.less

+.donation-form-group {
+    text-align: left;
+    font-size: 12px;
+}
+
+.donation-form-group label {
+    font-weight: bold;
+}
\ No newline at end of file

resources/assets/less/metager/general.less

@@ -132,6 +132,12 @@ body {
     text-align: center;
 }
 
+.subheading {
+    font-size: 20px;
+    margin: 20px 0px;
+    white-space: pre-wrap;
+}
+
 a {
     font-size: 100%;
     color: @link-color;
@@ -144,6 +150,10 @@ a {
     }
 }
 
+i.fa {
+    background-color: transparent;
+}
+
 /* Logo */
 
 .logo {
@@ -362,6 +372,30 @@ button {
     background-color: transparent;
 }
 
+/* Lists with dots */
+
+.dotlist {
+    list-style-type: disc;
+    text-align: left;
+    li {
+        margin-bottom: 5px !important;
+    }
+}
+
+/* Code */
+
+code {
+    white-space: pre-wrap;
+    overflow-wrap: break-word;
+    word-break: break-word;
+}
+
+/* Adresses */
+
+address {
+    white-space: pre;
+}
+
 /* Unknown Uses */
 
 label a {

resources/assets/less/metager/help_faq.less

+.hilfe,
+.faq {
+    section {
+        .card-heavy;
+        h3 {
+            border-bottom: 1px solid #aaa;
+        }
+        .search-example {
+            border: 1px solid #aaa;
+            background-color: #eee;
+            border-radius: 5px;
+            padding: 10px;
+        }
+    }
+    .fake-result {
+        *:hover {
+            overflow: visible !important;
+        }
+        .result-footer {
+            overflow: hidden;
+            align-items: center;
+        }
+        .open-result-options label {
+            padding: 10px;
+            border: 2px dashed red;
+            border-radius: 100%;
+            color: black;
+            font-size: 14px;
+            text-decoration: none;
+            font-weight: normal;
+        }
+    }
+}
\ No newline at end of file

resources/assets/less/metager/language.less

+.language-name {
+    white-space: pre;
+}
\ No newline at end of file

resources/assets/less/metager/plugin-modal.less

+#plugin-modal ol>li {
+    margin-bottom: 5px;
+}
\ No newline at end of file

resources/assets/less/metager/result-page.less

@@ -533,4 +533,16 @@ footer.resultPageFooter {
     width: 100%;
     padding-right: 60px;
     padding-left: 150px;
+}
+
+/* Settings button and checkboxes */
+
+.settings-checkbox {
+    margin-top: 5px;
+    margin-bottom: 5px;
+}
+
+.settings-checkbox .settings-icon {
+    margin-left: 5px;
+    font-size: 12px;
 }
\ No newline at end of file

resources/assets/less/metager/settings.less

@@ -26,6 +26,11 @@
     margin-right: auto;
 }
 
+label.select-label {
+    margin-bottom: 0;
+    margin-top: 10px;
+}
+
 @media (max-width: @screen-mobile) {
     html,
     body,

resources/assets/less/metager/specific.less

 /* Rules for specific elements */
 
-ul.startpage {
-    list-style-type: none;
-}
-
-li#info {
-    white-space: pre-line;
-}
-
-div#expand {
-    max-height: 0px;
-    overflow: hidden;
-    -webkit-transition: max-height 0.5s;
-    -moz-transition: max-height 0.5s;
-    -o-transition: max-height 0.5s;
-    transition: max-height 0.5s;
-}
-
-textarea#message {
-    height: 200px;
-}
-
-#plugin-modal ol>li {
-    margin-bottom: 5px;
-}
-
-.language-name {
-    white-space: pre;
-}
-
-.navbar-default {
-    background-color: @color-white;
-    border-radius: 0;
-}
-
-.row {
-    margin-left: 0;
-    margin-right: 0;
-}
-
+// kontakt.blade.php, spende.blade.php, zitatsuche.blade.php
 .form-group {
     font-family: sans-serif;
     font-size: 16px;
@@ -47,151 +9,15 @@ textarea#message {
     text-align: center;
 }
 
-.kontakt-form-group {
-    text-align: left;
-    font-size: 14px;
-}
-
-.dotlist {
-    list-style-type: disc;
-    text-align: left;
-}
-
-.well-sm {
-    margin: 10px 0px;
-}
-
-.subheading {
-    font-size: 20px;
-    margin: 20px 0px;
-    white-space: pre-wrap;
-}
-
-.donation-form-group {
-    text-align: left;
-    font-size: 12px;
-}
-
-.checkbox {
-    margin-top: 5px;
-    margin-bottom: 5px;
-}
-
-.non-bold {
-    font-weight: normal;
-}
-
-.settings-checkbox .settings-icon {
-    margin-left: 5px;
-    font-size: 12px;
-}
-
-i.fa {
-    background-color: transparent;
-}
-
-a.content.hidden-xs {
-    color: @color-almost-black;
-}
-
-.navbar-brand {
-    line-height: 100% !important;
-    padding: 0;
-    position: absolute;
-    z-index: 5;
-    left: 10px;
-    .noprint;
-}
-
-.dotlist li {
-    margin-bottom: 5px !important;
-}
-
-.emphasize {
-    @media (min-width: 768px) {
-        font-size: 17px;
-    }
-}
-
-form.contact {
-    max-width: 500px;
-}
-
-label.select-label {
-    margin-bottom: 0;
-    margin-top: 10px;
-}
-
-.donation-form-group label {
-    font-weight: bold;
-}
-
-address {
-    white-space: pre;
-}
-
-code {
-    white-space: pre-wrap;
-    overflow-wrap: break-word;
-    word-break: break-word;
-}
-
 input[name=eingabe] {
     border-right: 0;
     box-shadow: inset 0 1px 0px rgba(0, 0, 0, 0.075);
 }
 
-input#toggle {
-    display: none;
-    visibility: hidden;
-    &:checked {
-        &~#expand {
-            max-height: 900px;
-        }
-        ~label::after {
-            content: "▲";
-        }
-    }
-}
-
 fieldset input[type=text] {
     width: 100%;
     padding-left: 10px;
     padding-right: 10px;
     border-width: 1px;
     overflow: visible;
-}
-
-.hilfe,
-.faq {
-    section {
-        .card-heavy;
-        h3 {
-            border-bottom: 1px solid #aaa;
-        }
-        .search-example {
-            border: 1px solid #aaa;
-            background-color: #eee;
-            border-radius: 5px;
-            padding: 10px;
-        }
-    }
-    .fake-result {
-        *:hover {
-            overflow: visible !important;
-        }
-        .result-footer {
-            overflow: hidden;
-            align-items: center;
-        }
-        .open-result-options label {
-            padding: 10px;
-            border: 2px dashed red;
-            border-radius: 100%;
-            color: black;
-            font-size: 14px;
-            text-decoration: none;
-            font-weight: normal;
-        }
-    }
 }
\ No newline at end of file

resources/assets/less/metager/start-page.less

@@ -50,6 +50,7 @@
             font-size: 21px;
         }
         ul {
+            list-style-type: none;
             padding: 0px;
             text-align: left;
             li.sponsor {

resources/assets/less/metager/subpages.less

+.navbar-brand {
+    line-height: 100% !important;
+    padding: 0;
+    position: absolute;
+    z-index: 5;
+    left: 10px;
+    .noprint;
+}
\ No newline at end of file

resources/views/layouts/resultPage.blade.php

@@ -15,7 +15,7 @@
 		<link type="text/css" rel="stylesheet" href="{{ mix('css/fontawesome.css') }}" />
 		<link type="text/css" rel="stylesheet" href="{{ mix('css/fontawesome-solid.css') }}" />
 		<link type="text/css" rel="stylesheet" href="{{ mix('css/bootstrap.css') }}" />
-		<link type="text/css" rel="stylesheet" href="{{ mix('css/themes/default.css') }}" />
+		<link type="text/css" rel="stylesheet" href="{{ mix('css/themes/metager.css') }}" />
 		<link type="text/css" rel="stylesheet" href="/fonts/arimo/stylesheet.css" />
 		<meta name="referrer" content="origin">
 		<meta name="age-meta-label" content="age=18"/>

resources/views/layouts/staticPages.blade.php

@@ -17,7 +17,7 @@
 		<link type="text/css" rel="stylesheet" href="{{ mix('css/fontawesome.css') }}" />
 		<link type="text/css" rel="stylesheet" href="{{ mix('css/fontawesome-solid.css') }}" />
 		<link type="text/css" rel="stylesheet" href="{{ mix('css/bootstrap.css') }}" />
-		<link type="text/css" rel="stylesheet" href="{{ mix('css/themes/default.css') }}" />
+		<link type="text/css" rel="stylesheet" href="{{ mix('css/themes/metager.css') }}" />
 		<link type="text/css" rel="stylesheet" href="{{ mix('css/utility.css') }}" />
 		<script src="{{ mix('js/lib.js') }}"></script>
 		<script src="{{ mix('js/utility.js') }}"></script>

webpack.mix.js

@@ -18,7 +18,7 @@ mix
   @import "./bootstrap/bootstrap.less";
   */
   // css
-  .less("resources/assets/less/default.less", "public/css/themes/default.css", {
+  .less("resources/assets/less/metager.less", "public/css/themes/metager.css", {
     strictMath: true
   })
   .less("resources/assets/less/font-awesome/fontawesome.less", "public/css/fontawesome.css", {