Add files via upload

loma_hell/loma.css

@@ -1,54 +1,23 @@
+<?php
 /*
     Licence    : AGPL
 
     Created on : 01.01.2023
     Author     : @oneloma.ml
 */
+?>
 
-#topbar-first,
+:root {
-#topbar-second,
+    --global-font-family: 'Roboto', 'Helvetica Neue', Arial, sans-serif, Noto Color Emoji;
-body {
+    --nav-bg: <?php echo $nav_bg; ?>;
-	background: #;
+    --link-color: <?php echo $link_color; ?>;
-	border: 0;
+    --nav-icon-color: <?php echo $nav_icon_color; ?>;
-}
+    --background-color: <?php echo $background_color; ?>;
-
+    --contentbg-transp: <?php echo $contentbg_transp; ?>;
-#topbar-first .dropdown.account > a,
+    --font-color: <?php echo $font_color; ?>;
-#topbar-first .dropdown.account.open > a,
+    --font-color-darker: <?php echo $font_color_darker; ?>;
-#topbar-first .dropdown.account > button,
+    --background-image: <?php echo $background_image; ?>;
-#topbar-first .dropdown.account.open > button,
+    --menu-background-hover-color: <?php echo $menu_background_hover_color; ?>;
-#topbar-first .dropdown.account > :hover,
-#topbar-first .dropdown.account.open > :hover {
-	background: #;
-	border: 0;
-}
-
-.nav-pills .dropdown-menu,
-.nav-tabs .dropdown-menu,
-.account .dropdown-menu,
-.contact-photo-wrapper .dropdown-menu {
-	background: #111;
-	-webkit-box-shadow: 0px 0px 69px 4px rgba(0, 0, 0, 0.25);
-	-moz-box-shadow: 0px 0px 69px 4px rgba(0, 0, 0, 0.25);
-	box-shadow: 0px 0px 69px 4px rgba(0, 0, 0, 0.25);
-	border: 0;
-}
-
-.account .dropdown-menu li,
-.account .dropdown-menu li:hover {
-	border: 0;
-	background: #111;
-}
-
-#topbar-first .topbar-nav .nav-segment > a:hover {
-	background: #5f6974;
-}
-
-.account .dropdown-menu li:hover {
-	background: #333 !important;
-}
-
-.account .dropdown-menu li.divider {
-	background: #111;
 }
 
 /* Root Variable für Schriften */
@@ -61,18 +30,16 @@ body {
     margin-top: 0;
     padding: 10px;
     background-color: rgba(237, 237, 237, 0.03);
-    /* Rahmen eingegegraut */
     box-shadow: 0 0.1em 1em -0.125em rgba(106, 106, 106, 0.11), 0 0px 0 1px rgb(238, 238, 238);
 }
 
 /* Mobile Button vergrößern & weißen Hintergrund */
-/* Button groß mit runden Ecken */
 .btn-sm {
     padding: 5px 23px;
     font-size: 12px;
     color: #333;
-    background-color: $background_color;
+    background-color: var(--background-color);
-    border-color: $border_color;
+    border-color: var(--border-color);
 }
 
 #jotOpen {
@@ -86,7 +53,7 @@ body {
 
 /* Tabwechsel zu den Inhalten */
 ul.tabs li {
-  font-size: 1.3rem;;
+    font-size: 1.3rem;
     font-style: normal;
     font-family: var(--global-font-family) !important;
 }
@@ -94,7 +61,7 @@ ul.tabs li {
 /* Hauptbeitrag */
 body {
     font-family: var(--global-font-family) !important;
-  color: #333;
+    color: var(--font-color);
     font-size: 1.47rem;
     line-height: 22px;
     font-weight: 400;
@@ -120,21 +87,17 @@ body {
 
 /* Rahmen Twitter Nachrichten */
 .well {
-  background-image: -webkit-linear-gradient(top,#ffffff 0,#ffffff 100%);
-  background-image: -o-linear-gradient(top,#ffffff 0,#ffffff 100%);
-  background-image: -webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#ffffff));
     background-image: linear-gradient(to bottom, #fff 0, #fff 100%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);
     background-repeat: repeat-x;
     border-color: #eee;
-  -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 rgba(255,255,255,.1);
+    box-shadow: inset 0 1px 3px rgba(0,0,0,.05), 0 1px 0 rgba(255,255,255,.1);
-  box-shadow: inset 0 1px 3px rgba(255, 255, 255, 0.05),0 1px 0 rgba(255,255,255,.1);
 }
 
 /* Seitennavigation */
 aside .widget, .nav-container .widget {
     font-family: var(--global-font-family) !important;
-  color: #000;
+    color: var(--font-color-darker);
     font-size: 1.4rem;
     line-height: 1.5;
     font-weight: 400;
@@ -148,22 +111,19 @@ aside .widget, .nav-container .widget {
 /* Seitennavigation hover Farbe */
 aside .widget li:hover, aside .widget li.selected, .nav-container .widget li:hover {
     z-index: 2;
-  color: #000000;
+    color: var(--font-color-darker);
     background-color: rgba(242, 242, 242, 0.98);
     border-left: 3px solid #515151 !important;
     padding-left: 17px;
-  /* Rahmen eingegegraut */
     box-shadow: 0 0.5em 1em -0.125em rgba(10,10,10,0.1), 0 0px 0 1px rgba(10,10,10,0.02);
 }
 
 /* Seitennavigation Abstand der Infoblöcke */
 aside .widget, .nav-container .widget {
     border: none;
-  color: #31363c;
+    color: var(--font-color-darker);
     background-color: rgba(255, 255, 255, 0.98);
     box-shadow: 0 0 3px #dadada;
-  -webkit-box-shadow: 0 0 3px #dadada;
-  -moz-box-shadow: 0 0 3px #dadada;
     border-radius: 2px;
     position: relative;
     margin-bottom: 5px;
@@ -205,36 +165,46 @@ main .nav-tabs > li.active > a, main .nav-tabs > li.active > a:focus, main .nav-
     background-color: rgba(255, 255, 255, 0);
 }
 
-.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover
+.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
-{border-top: 0px; border-left: 0px;
+    border-top: 0px;
+    border-left: 0px;
     background-color: #fff0;
     border-right: 0px;
-border-bottom: 0px solid #577384;}
+    border-bottom: 0px solid #577384;
-
+}
 
 .modal-content {
     box-shadow: 0 5px 100px rgba(0, 0, 0, 0.73);
-}
+    background-color: #fdfdfd;
-.modal-content {background-color: #fdfdfd;
     border: 2px solid rgba(230, 230, 230, 0.79);
-    border-radius: 7px;}
+    border-radius: 7px;
+}
 
 .pager li > a:focus, .pager li > a:hover {
     background-color: #3c4a5300;
 }
 
-.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {background-color: #2b2b2b;}
+.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
+    background-color: #2b2b2b;
+}
 
-.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {border-top-right-radius: 0px;
+.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {
-border-bottom-right-radius: 0px;}
+    border-top-right-radius: 0px;
+    border-bottom-right-radius: 0px;
+}
 
-.pager .next > a, .pager .previous > a {border-radius: 0px; font-weight: 800;
+.pager .next > a, .pager .previous > a {
-font-size: 20px;}
+    border-radius: 0px;
+    font-weight: 800;
+    font-size: 20px;
+}
 
-.pagination li > a, .pager li > a {background-color: #dfdfdf00;
+.pagination li > a, .pager li > a {
+    background-color: #dfdfdf00;
     color: #000;
     border: 0px;
-padding: 10px;}
+    padding: 10px;
+}
 
 .pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {
     border-top-left-radius: 0px;
@@ -261,13 +231,14 @@ html {
 /* Kommentag anpassen */
 Element {
     overflow: scroll;
-
 }
+
 .dropzone.dz-clickable {
     cursor: pointer;
     border-radius: 4px;
     background-color: #fff;
 }
+
 .dropzone, .dropzone * {
     box-sizing: border-box;
 }
@@ -277,24 +248,13 @@ Element {
     padding: 0px 0px 5px 0px;
 }
 
-.dropzone, .dropzone * {
+/* Suchefenster optimieren */
-  box-sizing: border-box;
-}
-* {
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-}
-
-/* Suchefenster optimieren
-Element {
-  padding-right: 49px; */
-}
 #topbar-first #search-box .form-search {
     height: 25px;
     font-size: 13px;
     background-position: 8px 4px;
 }
+
 .form-control.form-search {
     border-radius: 4px;
     background-image: url(img/icon_search16x16.png);
@@ -313,17 +273,11 @@ Element {
     border: none;
     background-color: rgba(255, 255, 255, 0.98);
     box-shadow: 0 0 2px #dadada;
-  -webkit-box-shadow: 0 0 2px #dadada;
-  -moz-box-shadow: 0 0 2px #dadada;
     border-radius: 4px;
     position: relative;
-  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
-  box-shadow: 0 1px 2px rgba(0,0,0,.05);
     margin-bottom: 12px;
     background-color: #fff;
-  /*border: 1px solid transparent;*/
     border-radius: 1px;
-  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
     box-shadow: 0 1px 1px rgba(0,0,0,.05);
 }
 
@@ -353,8 +307,6 @@ Element {
 .comment-fake-form, .wall-item-comment-wrapper {
     padding: 10px;
     border-top: 1px solid rgb(255, 255, 255);
-    border-top-color: rgb(255, 255, 255);
-  border-top-color: rgb(255, 255, 255);
     background-color: rgb(255, 255, 255);
     border-radius: 0 0 4px 4px;
     margin-bottom: 0;
@@ -377,13 +329,11 @@ Element {
     border: none;
     background-color: rgb(255, 255, 255);
     box-shadow: 0 0 3px #dadada;
-  -webkit-box-shadow: 0 0 3px #dadada;
-  -moz-box-shadow: 0 0 3px #dadada;
     border-radius: 4px;
     cursor: pointer;
 }
 
-Brake für umzuleitende Links URL Replace
+/* Brake für umzuleitende Links URL Replace */
 aside hr, section hr {
     border-color: rgba(232, 232, 232, 0.98);
 }
@@ -391,10 +341,6 @@ aside hr, section hr {
 /* Linkfarbe global ändern */
 .toplevel_item:hover .fakelink, .wall-item-container:hover .fakelink, .toplevel_item:hover .wall-item-container:hover .wall-item-responses a, .toplevel_item:hover .wall-item-content a, .toplevel_item:hover .wall-item-name, .wall-item-container:hover .wall-item-content a, .wall-item-container:hover .wall-item-name, .wall-item-container:hover .wall-item-location a {
     color: #3774a4;
-  -webkit-transition: all 0.25s ease-in-out;
-  -moz-transition: all 0.25s ease-in-out;
-  -o-transition: all 0.25s ease-in-out;
-  -ms-transition: all 0.25s ease-in-out;
     transition: all 0.25s ease-in-out;
 }