diff --git a/loma_hell/Screenshot 2024-03-26 at 21-55-22 ˈloma Network.png b/loma_hell/Screenshot 2024-03-26 at 21-55-22 ˈloma Network.png new file mode 100644 index 0000000..2e3ef93 Binary files /dev/null and b/loma_hell/Screenshot 2024-03-26 at 21-55-22 ˈloma Network.png differ diff --git a/loma_hell/loma.css b/loma_hell/loma.css new file mode 100644 index 0000000..d02817d --- /dev/null +++ b/loma_hell/loma.css @@ -0,0 +1,371 @@ +/* + Licence : AGPL + + Created on : 01.01.2023 + Author : @oneloma.ml +*/ + +#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; +} + +/* Hintergrund externe Inhalte */ +.wall-item-container .media { + margin-top: 0; + padding: 10px; + background-color: rgba(237, 237, 237, 0.03); + /* Rahmen eingegegraut */ + box-shadow: 0 0.5em 1em -0.125em rgba(255, 255, 255, 0.06),0 0px 0 1px rgba(10, 10, 10, 0); + } + +/* Mobile Button vergrößern & weißen Hintergrund /* Button groß mit runden Ecken */ +.btn-sm { + padding: 5px 20px; + font-size: 12px; + color: #333; + background-color: $background_color; + border-color: $border_color; +} + +#jotOpen { + margin-top: 1px; + float: right; +} + +.btn { + border-radius: 5px; +} + +/* Tabwechsel zu den Inhalten */ +ul.tabs li { + font-size: 1.3rem;; + font-style: normal; + font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji !important; +} + +/* Hauptbeitrag */ +body { + font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji !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; +} + +/* Kommentierungen auf Beiträge */ +.media .media-body { + font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji !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); +} + +/* Seitennavigation */ +aside .widget, .nav-container .widget { + font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji !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; +} + +/* 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); +} + +/* 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; +} + +/* 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; + height: 50px; + width: 180px; +} + +/* Fügt ein Hintergrundbild in die Seite ein */ +/* +body { + background: url('/.statisch/bg-pattern-light-5.png') !important; + background-repeat: repeat !important; + background-size: fixed !important; + background-attachment: fixed !important; + height: auto !important; +} */ + +/* 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; +} + +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); +} + +.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; + border: 2px solid rgba(230, 230, 230, 0.79); + 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-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;} + +.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; +} + +.pager li > a, .pager li > span { +background-color: #dfdfdf00; + border: 1px solid #cecdcd00; +border-radius: 0px; +} + +/* Farbe der Srollbar anpassen */ +html { + 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; +} + +/* Kommentag anpassen */ +Element { + overflow: scroll; + +} +.dropzone.dz-clickable { + cursor: pointer; + border-radius: 4px; + background-color: #fff; +} +.dropzone, .dropzone * { + box-sizing: border-box; +} + +.dropzone:not(textarea) { + 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; +} +#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); + 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; +} +.panel { + -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05); + box-shadow: 0 1px 2px rgba(0,0,0,.05); +} +.panel-default { + border-color: #ddd; +} +.panel { + margin-bottom: 2px; + 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); +} + +/* Position Suche */ +.form-group-search .form-button-search { + 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; +} + +/* 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; +} + +/* 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; +} diff --git a/loma_hell/loma.php b/loma_hell/loma.php new file mode 100644 index 0000000..a69a890 --- /dev/null +++ b/loma_hell/loma.php @@ -0,0 +1,23 @@ + + * Overwrites: nav_bg, nav_icon_color, link_color, background_color, background_image, contentbg_transp + * Accented: yes + */ + +require_once 'view/theme/frio/php/PHPColors/Color.php'; + +$accentColor = new Color($scheme_accent); + +$menu_background_hover_color = '#' . $accentColor->darken(45); +$nav_bg = '#31363c'; +#$link_color = '#' . $accentColor->lighten(10); +$link_color = '#566d7f'; +$nav_icon_color = '#ffffff'; +$background_color = '#fafafa'; +$contentbg_transp = '98'; +$font_color = '#1e1e1e'; +$font_color_darker = '#000000'; +$background_image = '';