From d299be0d3798fdadb70beb3da6a13cdf3dd2a4cf Mon Sep 17 00:00:00 2001 From: loma-one <44441246+loma-one@users.noreply.github.com> Date: Tue, 10 Dec 2024 06:24:07 +0100 Subject: [PATCH] Add files via upload --- loma_hell/loma.css | 490 ++++++++++++++++++++------------------------- 1 file changed, 218 insertions(+), 272 deletions(-) diff --git a/loma_hell/loma.css b/loma_hell/loma.css index d3e4c40..5b7d825 100644 --- a/loma_hell/loma.css +++ b/loma_hell/loma.css @@ -1,54 +1,23 @@ + -#topbar-first, -#topbar-second, -body { - background: #; - border: 0; -} - -#topbar-first .dropdown.account > a, -#topbar-first .dropdown.account.open > a, -#topbar-first .dropdown.account > button, -#topbar-first .dropdown.account.open > button, -#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 { + --global-font-family: 'Roboto', 'Helvetica Neue', Arial, sans-serif, Noto Color Emoji; + --nav-bg: ; + --link-color: ; + --nav-icon-color: ; + --background-color: ; + --contentbg-transp: ; + --font-color: ; + --font-color-darker: ; + --background-image: ; + --menu-background-hover-color: ; } /* Root Variable für Schriften */ @@ -61,127 +30,118 @@ 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); - } + 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; + padding: 5px 23px; + font-size: 12px; color: #333; - background-color: $background_color; - border-color: $border_color; + background-color: var(--background-color); + border-color: var(--border-color); } #jotOpen { - margin-top: 1px; - float: right; + margin-top: 1px; + float: right; } .btn { - border-radius: 5px; + border-radius: 5px; } /* Tabwechsel zu den Inhalten */ ul.tabs li { - font-size: 1.3rem;; - font-style: normal; - font-family: var(--global-font-family) !important; + font-size: 1.3rem; + font-style: normal; + font-family: var(--global-font-family) !important; } /* Hauptbeitrag */ body { - font-family: var(--global-font-family) !important; - color: #333; - font-size: 1.47rem; - line-height: 22px; - font-weight: 400; - font-style: normal; - text-rendering: optimizelegibility; - font-feature-settings: "kern"; - -webkit-text-size-adjust: none; - -moz-text-size-adjust: none; + font-family: var(--global-font-family) !important; + color: var(--font-color); + font-size: 1.47rem; + line-height: 22px; + font-weight: 400; + font-style: normal; + text-rendering: optimizelegibility; + font-feature-settings: "kern"; + -webkit-text-size-adjust: none; + -moz-text-size-adjust: none; } /* Kommentierungen auf Beiträge */ .media .media-body { - font-family: var(--global-font-family) !important; - font-size: 1.4rem; - line-height: 1.5; - font-weight: 400; - font-style: normal; - text-rendering: optimizelegibility; - font-feature-settings: "kern"; - -webkit-text-size-adjust: none; - -moz-text-size-adjust: none; + font-family: var(--global-font-family) !important; + font-size: 1.4rem; + line-height: 1.5; + font-weight: 400; + font-style: normal; + text-rendering: optimizelegibility; + font-feature-settings: "kern"; + -webkit-text-size-adjust: none; + -moz-text-size-adjust: none; } /* 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(255, 255, 255, 0.05),0 1px 0 rgba(255,255,255,.1); + 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; + box-shadow: inset 0 1px 3px rgba(0,0,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; - font-size: 1.4rem; - line-height: 1.5; - font-weight: 400; - font-style: normal; - text-rendering: optimizelegibility; - font-feature-settings: "kern"; - -webkit-text-size-adjust: none; - -moz-text-size-adjust: none; + font-family: var(--global-font-family) !important; + color: var(--font-color-darker); + font-size: 1.4rem; + line-height: 1.5; + font-weight: 400; + font-style: normal; + text-rendering: optimizelegibility; + font-feature-settings: "kern"; + -webkit-text-size-adjust: none; + -moz-text-size-adjust: none; } /* Seitennavigation hover Farbe */ aside .widget li:hover, aside .widget li.selected, .nav-container .widget li:hover { - z-index: 2; - color: #000000; - 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); + z-index: 2; + color: var(--font-color-darker); + background-color: rgba(242, 242, 242, 0.98); + border-left: 3px solid #515151 !important; + padding-left: 17px; + 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; - 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; - padding: 10px; - overflow: auto; + border: none; + color: var(--font-color-darker); + background-color: rgba(255, 255, 255, 0.98); + box-shadow: 0 0 3px #dadada; + border-radius: 2px; + position: relative; + margin-bottom: 5px; + padding: 10px; + overflow: auto; } /* Fügt ein eigene Logo in die Seite ein */ #logo-img {display:none;} header #banner { - position: fixed; - left: 43%; - right: 0; - z-index: 1040; - margin-top: 1.5px; - padding-left: 55px; - background-image: url('/.statisch/logo_dis-le.png'); - background-size: 180px 50px; + position: fixed; + left: 43%; + right: 0; + z-index: 1040; + margin-top: 1.5px; + padding-left: 55px; + background-image: url('/.statisch/logo_dis-le.png'); + background-size: 180px 50px; height: 50px; width: 180px; } @@ -198,263 +158,249 @@ body { /* 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 { - color: #202020; + color: #202020; } 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 -{border-top: 0px; border-left: 0px; -background-color: #fff0; -border-right: 0px; -border-bottom: 0px solid #577384;} - +.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { + border-top: 0px; + border-left: 0px; + background-color: #fff0; + border-right: 0px; + border-bottom: 0px solid #577384; +} .modal-content { - box-shadow: 0 5px 100px rgba(0, 0, 0, 0.73); -} -.modal-content {background-color: #fdfdfd; + box-shadow: 0 5px 100px rgba(0, 0, 0, 0.73); + 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; + 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; -border-bottom-right-radius: 0px;} +.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { + border-top-right-radius: 0px; + border-bottom-right-radius: 0px; +} -.pager .next > a, .pager .previous > a {border-radius: 0px; font-weight: 800; -font-size: 20px;} +.pager .next > a, .pager .previous > a { + border-radius: 0px; + font-weight: 800; + font-size: 20px; +} -.pagination li > a, .pager li > a {background-color: #dfdfdf00; -color: #000; -border: 0px; -padding: 10px;} +.pagination li > a, .pager li > a { + background-color: #dfdfdf00; + color: #000; + border: 0px; + padding: 10px; +} .pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { - border-top-left-radius: 0px; - border-bottom-left-radius: 0px; + border-top-left-radius: 0px; + border-bottom-left-radius: 0px; } .pager li > a, .pager li > span { -background-color: #dfdfdf00; - border: 1px solid #cecdcd00; -border-radius: 0px; + background-color: #dfdfdf00; + border: 1px solid #cecdcd00; + border-radius: 0px; } /* Farbe der Srollbar anpassen */ html { - scrollbar-color: #6c7784 rgba(0,0,0,.1); + scrollbar-color: #6c7784 rgba(0,0,0,.1); } /* Linie zwischen Beiträgen hervorheben */ .wall-item-container { - border-top: 1px solid rgba(221, 221, 221, 0.8); - margin-left: 2px !important; + border-top: 1px solid rgba(221, 221, 221, 0.8); + margin-left: 2px !important; } /* Kommentag anpassen */ Element { - overflow: scroll; + overflow: scroll; +} -} .dropzone.dz-clickable { - cursor: pointer; - border-radius: 4px; - background-color: #fff; + cursor: pointer; + border-radius: 4px; + background-color: #fff; } + .dropzone, .dropzone * { - box-sizing: border-box; + box-sizing: border-box; } .dropzone:not(textarea) { - border: 1px solid rgb(255, 255, 255); - padding: 0px 0px 5px 0px; + border: 1px solid rgb(255, 255, 255); + padding: 0px 0px 5px 0px; } -.dropzone, .dropzone * { - box-sizing: border-box; -} -* { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} - -/* Suchefenster optimieren -Element { - padding-right: 49px; */ -} +/* Suchefenster optimieren */ #topbar-first #search-box .form-search { - height: 25px; - font-size: 13px; - background-position: 8px 4px; + height: 25px; + font-size: 13px; + background-position: 8px 4px; } + .form-control.form-search { - border-radius: 4px; - background-image: url(img/icon_search16x16.png); - background-repeat: no-repeat; - background-position: 10px 8px; - padding-left: 34px; - outline: 0; - box-sizing: border-box; - width: 100%; - box-shadow: none; - font-family: inherit; + border-radius: 4px; + background-image: url(img/icon_search16x16.png); + background-repeat: no-repeat; + background-position: 10px 8px; + padding-left: 34px; + outline: 0; + box-sizing: border-box; + width: 100%; + box-shadow: none; + font-family: inherit; } /* Radius der Beiträge & Abstand zwischen Beiträgen */ .panel { - 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); + border: none; + background-color: rgba(255, 255, 255, 0.98); + box-shadow: 0 0 2px #dadada; + border-radius: 4px; + position: relative; + margin-bottom: 12px; + background-color: #fff; + border-radius: 1px; + box-shadow: 0 1px 1px rgba(0,0,0,.05); } .panel-default { - border-color: #ddd; + border-color: #ddd; } /* Position Suche */ .form-group-search .form-button-search { - position: absolute; - top: 2px; - right: 4px; - border-radius: 30px; + position: absolute; + top: 2px; + right: 4px; + border-radius: 30px; } /* Anzahl Kommentare heller machen */ .hide-comments-outer { - display: block; - background-color: rgba(255, 255, 255, 0.03); - padding: 0.3em 10px; - width: 100%; - border: none; - text-align: left; + display: block; + background-color: rgba(255, 255, 255, 0.03); + padding: 0.3em 10px; + width: 100%; + border: none; + text-align: left; } /* Kommentarfeld unter Beiträge einhellen */ .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; + padding: 10px; + border-top: 1px solid rgb(255, 255, 255); + background-color: rgb(255, 255, 255); + border-radius: 0 0 4px 4px; + margin-bottom: 0; } /* Trenner für eingebundene Video oder Link */ .type-link, .type-video { - border-top: 1px solid #eee; - border-bottom: 1px solid #eee; - display: block; - padding-top: 5px; - padding-bottom: 5px; - margin-top: 10px; + border-top: 1px solid #eee; + border-bottom: 1px solid #eee; + display: block; + padding-top: 5px; + padding-bottom: 5px; + margin-top: 10px; } /* Kalendereintrag anpassen */ #birthday-notice, #birthday-wrapper, #rfic-desc, #remote-friends-in-common, #event-notice, #event-wrapper { - margin-bottom: 5px; - padding: 10px; - 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; + margin-bottom: 5px; + padding: 10px; + border: none; + background-color: rgb(255, 255, 255); + 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); + border-color: rgba(232, 232, 232, 0.98); } /* 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; + color: #3774a4; + transition: all 0.25s ease-in-out; } /* fügt eine farbige Linie für Kommentare ein*/ .thread_level_1 { - position: relative !important; - margin-top: 0; - border-left: 3px solid #5151511a; + position: relative !important; + margin-top: 0; + border-left: 3px solid #5151511a; } .thread_level_2 { - position: relative !important; - margin-top: 0; - border-left: 3px solid #d2af7f6b; + position: relative !important; + margin-top: 0; + border-left: 3px solid #d2af7f6b; } .thread_level_3 { - position: relative !important; - margin-top: 0; - border-left: 3px solid #9985666e; + position: relative !important; + margin-top: 0; + border-left: 3px solid #9985666e; } .thread_level_4 { - position: relative !important; - margin-top: 0; - border-left: 3px solid #b8a17ec2; + position: relative !important; + margin-top: 0; + border-left: 3px solid #b8a17ec2; } .thread_level_5 { - position: relative !important; - margin-top: 0; - border-left: 3px solid #8fafb8; + position: relative !important; + margin-top: 0; + border-left: 3px solid #8fafb8; } .thread_level_6 { - position: relative !important; - margin-top: 0; - border-left: 3px solid #647C64AB; + position: relative !important; + margin-top: 0; + border-left: 3px solid #647C64AB; } .thread_level_7 { - position: relative !important; - margin-top: 0; - border-left: 3px solid #7F8C8DEB; + position: relative !important; + margin-top: 0; + border-left: 3px solid #7F8C8DEB; } .thread_level_8 { - position: relative !important; - margin-top: 0; - border-left: 3px solid #95A5A6D6; + position: relative !important; + margin-top: 0; + border-left: 3px solid #95A5A6D6; } .thread_level_9 { - position: relative !important; - margin-top: 0; - border-left: 3px solid #BDC3C7; + position: relative !important; + margin-top: 0; + border-left: 3px solid #BDC3C7; } .thread_level_10 { - position: relative !important; - margin-top: 0; - border-left: 3px solid #CFD8DC; + position: relative !important; + margin-top: 0; + border-left: 3px solid #CFD8DC; }