Add files via upload

This commit is contained in:
loma-one 2024-12-10 06:24:07 +01:00 committed by GitHub
parent e8decb89f9
commit d299be0d37
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -1,54 +1,23 @@
<?php
/* /*
Licence : AGPL Licence : AGPL
Created on : 01.01.2023 Created on : 01.01.2023
Author : @oneloma.ml 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 */ /* Root Variable für Schriften */
@ -61,127 +30,118 @@ body {
margin-top: 0; margin-top: 0;
padding: 10px; padding: 10px;
background-color: rgba(237, 237, 237, 0.03); 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);
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 */ /* Mobile Button vergrößern & weißen Hintergrund */
/* Button groß mit runden Ecken */
.btn-sm { .btn-sm {
padding: 5px 23px; padding: 5px 23px;
font-size: 12px; font-size: 12px;
color: #333; color: #333;
background-color: $background_color; background-color: var(--background-color);
border-color: $border_color; border-color: var(--border-color);
} }
#jotOpen { #jotOpen {
margin-top: 1px; margin-top: 1px;
float: right; float: right;
} }
.btn { .btn {
border-radius: 5px; border-radius: 5px;
} }
/* Tabwechsel zu den Inhalten */ /* Tabwechsel zu den Inhalten */
ul.tabs li { ul.tabs li {
font-size: 1.3rem;; font-size: 1.3rem;
font-style: normal; font-style: normal;
font-family: var(--global-font-family) !important; font-family: var(--global-font-family) !important;
} }
/* Hauptbeitrag */ /* Hauptbeitrag */
body { body {
font-family: var(--global-font-family) !important; font-family: var(--global-font-family) !important;
color: #333; color: var(--font-color);
font-size: 1.47rem; font-size: 1.47rem;
line-height: 22px; line-height: 22px;
font-weight: 400; font-weight: 400;
font-style: normal; font-style: normal;
text-rendering: optimizelegibility; text-rendering: optimizelegibility;
font-feature-settings: "kern"; font-feature-settings: "kern";
-webkit-text-size-adjust: none; -webkit-text-size-adjust: none;
-moz-text-size-adjust: none; -moz-text-size-adjust: none;
} }
/* Kommentierungen auf Beiträge */ /* Kommentierungen auf Beiträge */
.media .media-body { .media .media-body {
font-family: var(--global-font-family) !important; font-family: var(--global-font-family) !important;
font-size: 1.4rem; font-size: 1.4rem;
line-height: 1.5; line-height: 1.5;
font-weight: 400; font-weight: 400;
font-style: normal; font-style: normal;
text-rendering: optimizelegibility; text-rendering: optimizelegibility;
font-feature-settings: "kern"; font-feature-settings: "kern";
-webkit-text-size-adjust: none; -webkit-text-size-adjust: none;
-moz-text-size-adjust: none; -moz-text-size-adjust: none;
} }
/* Rahmen Twitter Nachrichten */ /* Rahmen Twitter Nachrichten */
.well { .well {
background-image: -webkit-linear-gradient(top,#ffffff 0,#ffffff 100%); background-image: linear-gradient(to bottom, #fff 0, #fff 100%);
background-image: -o-linear-gradient(top,#ffffff 0,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);
background-image: -webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#ffffff)); background-repeat: repeat-x;
background-image: linear-gradient(to bottom,#fff 0,#fff 100%); border-color: #eee;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0); box-shadow: inset 0 1px 3px rgba(0,0,0,.05), 0 1px 0 rgba(255,255,255,.1);
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(255, 255, 255, 0.05),0 1px 0 rgba(255,255,255,.1);
} }
/* Seitennavigation */ /* Seitennavigation */
aside .widget, .nav-container .widget { aside .widget, .nav-container .widget {
font-family: var(--global-font-family) !important; font-family: var(--global-font-family) !important;
color: #000; color: var(--font-color-darker);
font-size: 1.4rem; font-size: 1.4rem;
line-height: 1.5; line-height: 1.5;
font-weight: 400; font-weight: 400;
font-style: normal; font-style: normal;
text-rendering: optimizelegibility; text-rendering: optimizelegibility;
font-feature-settings: "kern"; font-feature-settings: "kern";
-webkit-text-size-adjust: none; -webkit-text-size-adjust: none;
-moz-text-size-adjust: none; -moz-text-size-adjust: none;
} }
/* Seitennavigation hover Farbe */ /* Seitennavigation hover Farbe */
aside .widget li:hover, aside .widget li.selected, .nav-container .widget li:hover { aside .widget li:hover, aside .widget li.selected, .nav-container .widget li:hover {
z-index: 2; z-index: 2;
color: #000000; color: var(--font-color-darker);
background-color: rgba(242, 242, 242, 0.98); background-color: rgba(242, 242, 242, 0.98);
border-left: 3px solid #515151 !important; border-left: 3px solid #515151 !important;
padding-left: 17px; 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);
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 */ /* Seitennavigation Abstand der Infoblöcke */
aside .widget, .nav-container .widget { aside .widget, .nav-container .widget {
border: none; border: none;
color: #31363c; color: var(--font-color-darker);
background-color: rgba(255, 255, 255, 0.98); background-color: rgba(255, 255, 255, 0.98);
box-shadow: 0 0 3px #dadada; box-shadow: 0 0 3px #dadada;
-webkit-box-shadow: 0 0 3px #dadada; border-radius: 2px;
-moz-box-shadow: 0 0 3px #dadada; position: relative;
border-radius: 2px; margin-bottom: 5px;
position: relative; padding: 10px;
margin-bottom: 5px; overflow: auto;
padding: 10px;
overflow: auto;
} }
/* Fügt ein eigene Logo in die Seite ein */ /* Fügt ein eigene Logo in die Seite ein */
#logo-img {display:none;} #logo-img {display:none;}
header #banner { header #banner {
position: fixed; position: fixed;
left: 43%; left: 43%;
right: 0; right: 0;
z-index: 1040; z-index: 1040;
margin-top: 1.5px; margin-top: 1.5px;
padding-left: 55px; padding-left: 55px;
background-image: url('/.statisch/logo_dis-le.png'); background-image: url('/.statisch/logo_dis-le.png');
background-size: 180px 50px; background-size: 180px 50px;
height: 50px; height: 50px;
width: 180px; width: 180px;
} }
@ -198,263 +158,249 @@ body {
/* Modal verbreitern und Form anpassen */ /* Modal verbreitern und Form anpassen */
#jot-modal .modal-header a, #jot-modal .modal-header .btn-link, #profile-jot-submit-wrapper a, #profile-jot-submit-wrapper .btn-link { #jot-modal .modal-header a, #jot-modal .modal-header .btn-link, #profile-jot-submit-wrapper a, #profile-jot-submit-wrapper .btn-link {
color: #202020; color: #202020;
} }
main .nav-tabs > li.active > a, main .nav-tabs > li.active > a:focus, main .nav-tabs > li.active > a:hover { main .nav-tabs > li.active > a, main .nav-tabs > li.active > a:focus, main .nav-tabs > li.active > a:hover {
background-color: rgba(255, 255, 255, 0); 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;
background-color: #fff0; border-left: 0px;
border-right: 0px; background-color: #fff0;
border-bottom: 0px solid #577384;} border-right: 0px;
border-bottom: 0px solid #577384;
}
.modal-content { .modal-content {
box-shadow: 0 5px 100px rgba(0, 0, 0, 0.73); 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: 2px solid rgba(230, 230, 230, 0.79);
border-radius: 7px;} border-radius: 7px;
}
.pager li > a:focus, .pager li > a:hover { .pager li > a:focus, .pager li > a:hover {
background-color: #3c4a5300; 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 {
color: #000; background-color: #dfdfdf00;
border: 0px; color: #000;
padding: 10px;} border: 0px;
padding: 10px;
}
.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { .pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {
border-top-left-radius: 0px; border-top-left-radius: 0px;
border-bottom-left-radius: 0px; border-bottom-left-radius: 0px;
} }
.pager li > a, .pager li > span { .pager li > a, .pager li > span {
background-color: #dfdfdf00; background-color: #dfdfdf00;
border: 1px solid #cecdcd00; border: 1px solid #cecdcd00;
border-radius: 0px; border-radius: 0px;
} }
/* Farbe der Srollbar anpassen */ /* Farbe der Srollbar anpassen */
html { html {
scrollbar-color: #6c7784 rgba(0,0,0,.1); scrollbar-color: #6c7784 rgba(0,0,0,.1);
} }
/* Linie zwischen Beiträgen hervorheben */ /* Linie zwischen Beiträgen hervorheben */
.wall-item-container { .wall-item-container {
border-top: 1px solid rgba(221, 221, 221, 0.8); border-top: 1px solid rgba(221, 221, 221, 0.8);
margin-left: 2px !important; margin-left: 2px !important;
} }
/* Kommentag anpassen */ /* Kommentag anpassen */
Element { Element {
overflow: scroll; overflow: scroll;
}
}
.dropzone.dz-clickable { .dropzone.dz-clickable {
cursor: pointer; cursor: pointer;
border-radius: 4px; border-radius: 4px;
background-color: #fff; background-color: #fff;
} }
.dropzone, .dropzone * { .dropzone, .dropzone * {
box-sizing: border-box; box-sizing: border-box;
} }
.dropzone:not(textarea) { .dropzone:not(textarea) {
border: 1px solid rgb(255, 255, 255); border: 1px solid rgb(255, 255, 255);
padding: 0px 0px 5px 0px; 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 { #topbar-first #search-box .form-search {
height: 25px; height: 25px;
font-size: 13px; font-size: 13px;
background-position: 8px 4px; background-position: 8px 4px;
} }
.form-control.form-search { .form-control.form-search {
border-radius: 4px; border-radius: 4px;
background-image: url(img/icon_search16x16.png); background-image: url(img/icon_search16x16.png);
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: 10px 8px; background-position: 10px 8px;
padding-left: 34px; padding-left: 34px;
outline: 0; outline: 0;
box-sizing: border-box; box-sizing: border-box;
width: 100%; width: 100%;
box-shadow: none; box-shadow: none;
font-family: inherit; font-family: inherit;
} }
/* Radius der Beiträge & Abstand zwischen Beiträgen */ /* Radius der Beiträge & Abstand zwischen Beiträgen */
.panel { .panel {
border: none; border: none;
background-color: rgba(255, 255, 255, 0.98); background-color: rgba(255, 255, 255, 0.98);
box-shadow: 0 0 2px #dadada; box-shadow: 0 0 2px #dadada;
-webkit-box-shadow: 0 0 2px #dadada; border-radius: 4px;
-moz-box-shadow: 0 0 2px #dadada; position: relative;
border-radius: 4px; margin-bottom: 12px;
position: relative; background-color: #fff;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05); border-radius: 1px;
box-shadow: 0 1px 2px rgba(0,0,0,.05); box-shadow: 0 1px 1px 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);
} }
.panel-default { .panel-default {
border-color: #ddd; border-color: #ddd;
} }
/* Position Suche */ /* Position Suche */
.form-group-search .form-button-search { .form-group-search .form-button-search {
position: absolute; position: absolute;
top: 2px; top: 2px;
right: 4px; right: 4px;
border-radius: 30px; border-radius: 30px;
} }
/* Anzahl Kommentare heller machen */ /* Anzahl Kommentare heller machen */
.hide-comments-outer { .hide-comments-outer {
display: block; display: block;
background-color: rgba(255, 255, 255, 0.03); background-color: rgba(255, 255, 255, 0.03);
padding: 0.3em 10px; padding: 0.3em 10px;
width: 100%; width: 100%;
border: none; border: none;
text-align: left; text-align: left;
} }
/* Kommentarfeld unter Beiträge einhellen */ /* Kommentarfeld unter Beiträge einhellen */
.comment-fake-form, .wall-item-comment-wrapper { .comment-fake-form, .wall-item-comment-wrapper {
padding: 10px; padding: 10px;
border-top: 1px solid rgb(255, 255, 255); border-top: 1px solid rgb(255, 255, 255);
border-top-color: rgb(255, 255, 255); background-color: rgb(255, 255, 255);
border-top-color: rgb(255, 255, 255); border-radius: 0 0 4px 4px;
background-color: rgb(255, 255, 255); margin-bottom: 0;
border-radius: 0 0 4px 4px;
margin-bottom: 0;
} }
/* Trenner für eingebundene Video oder Link */ /* Trenner für eingebundene Video oder Link */
.type-link, .type-video { .type-link, .type-video {
border-top: 1px solid #eee; border-top: 1px solid #eee;
border-bottom: 1px solid #eee; border-bottom: 1px solid #eee;
display: block; display: block;
padding-top: 5px; padding-top: 5px;
padding-bottom: 5px; padding-bottom: 5px;
margin-top: 10px; margin-top: 10px;
} }
/* Kalendereintrag anpassen */ /* Kalendereintrag anpassen */
#birthday-notice, #birthday-wrapper, #rfic-desc, #remote-friends-in-common, #event-notice, #event-wrapper { #birthday-notice, #birthday-wrapper, #rfic-desc, #remote-friends-in-common, #event-notice, #event-wrapper {
margin-bottom: 5px; margin-bottom: 5px;
padding: 10px; padding: 10px;
border: none; border: none;
background-color: rgb(255, 255, 255); background-color: rgb(255, 255, 255);
box-shadow: 0 0 3px #dadada; box-shadow: 0 0 3px #dadada;
-webkit-box-shadow: 0 0 3px #dadada; border-radius: 4px;
-moz-box-shadow: 0 0 3px #dadada; cursor: pointer;
border-radius: 4px;
cursor: pointer;
} }
Brake für umzuleitende Links URL Replace /* Brake für umzuleitende Links URL Replace */
aside hr, section hr { aside hr, section hr {
border-color: rgba(232, 232, 232, 0.98); border-color: rgba(232, 232, 232, 0.98);
} }
/* Linkfarbe global ändern */ /* 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 { .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; color: #3774a4;
-webkit-transition: all 0.25s ease-in-out; 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;
} }
/* fügt eine farbige Linie für Kommentare ein*/ /* fügt eine farbige Linie für Kommentare ein*/
.thread_level_1 { .thread_level_1 {
position: relative !important; position: relative !important;
margin-top: 0; margin-top: 0;
border-left: 3px solid #5151511a; border-left: 3px solid #5151511a;
} }
.thread_level_2 { .thread_level_2 {
position: relative !important; position: relative !important;
margin-top: 0; margin-top: 0;
border-left: 3px solid #d2af7f6b; border-left: 3px solid #d2af7f6b;
} }
.thread_level_3 { .thread_level_3 {
position: relative !important; position: relative !important;
margin-top: 0; margin-top: 0;
border-left: 3px solid #9985666e; border-left: 3px solid #9985666e;
} }
.thread_level_4 { .thread_level_4 {
position: relative !important; position: relative !important;
margin-top: 0; margin-top: 0;
border-left: 3px solid #b8a17ec2; border-left: 3px solid #b8a17ec2;
} }
.thread_level_5 { .thread_level_5 {
position: relative !important; position: relative !important;
margin-top: 0; margin-top: 0;
border-left: 3px solid #8fafb8; border-left: 3px solid #8fafb8;
} }
.thread_level_6 { .thread_level_6 {
position: relative !important; position: relative !important;
margin-top: 0; margin-top: 0;
border-left: 3px solid #647C64AB; border-left: 3px solid #647C64AB;
} }
.thread_level_7 { .thread_level_7 {
position: relative !important; position: relative !important;
margin-top: 0; margin-top: 0;
border-left: 3px solid #7F8C8DEB; border-left: 3px solid #7F8C8DEB;
} }
.thread_level_8 { .thread_level_8 {
position: relative !important; position: relative !important;
margin-top: 0; margin-top: 0;
border-left: 3px solid #95A5A6D6; border-left: 3px solid #95A5A6D6;
} }
.thread_level_9 { .thread_level_9 {
position: relative !important; position: relative !important;
margin-top: 0; margin-top: 0;
border-left: 3px solid #BDC3C7; border-left: 3px solid #BDC3C7;
} }
.thread_level_10 { .thread_level_10 {
position: relative !important; position: relative !important;
margin-top: 0; margin-top: 0;
border-left: 3px solid #CFD8DC; border-left: 3px solid #CFD8DC;
} }