mirror of
https://github.com/loma-one/friendica_Template.git
synced 2025-03-13 13:48:27 +00:00
Add files via upload
This commit is contained in:
loma-one
GitHub
parent
e8decb89f9
commit
d299be0d37
1 changed files with 218 additions and 272 deletions
|
|
@ -1,54 +1,23 @@
|
|||
<?php
|
||||
/*
|
||||
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;
|
||||
:root {
|
||||
--global-font-family: 'Roboto', 'Helvetica Neue', Arial, sans-serif, Noto Color Emoji;
|
||||
--nav-bg: <?php echo $nav_bg; ?>;
|
||||
--link-color: <?php echo $link_color; ?>;
|
||||
--nav-icon-color: <?php echo $nav_icon_color; ?>;
|
||||
--background-color: <?php echo $background_color; ?>;
|
||||
--contentbg-transp: <?php echo $contentbg_transp; ?>;
|
||||
--font-color: <?php echo $font_color; ?>;
|
||||
--font-color-darker: <?php echo $font_color_darker; ?>;
|
||||
--background-image: <?php echo $background_image; ?>;
|
||||
--menu-background-hover-color: <?php echo $menu_background_hover_color; ?>;
|
||||
}
|
||||
|
||||
/* 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);
|
||||
}
|
||||
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;
|
||||
border-color: $border_color;
|
||||
background-color: var(--background-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%);
|
||||
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);
|
||||
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;
|
||||
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);
|
||||
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
|
||||
{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;
|
||||
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;
|
||||
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;
|
||||
|
|
@ -242,9 +212,9 @@ padding: 10px;}
|
|||
}
|
||||
|
||||
.pager li > a, .pager li > span {
|
||||
background-color: #dfdfdf00;
|
||||
background-color: #dfdfdf00;
|
||||
border: 1px solid #cecdcd00;
|
||||
border-radius: 0px;
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
||||
/* Farbe der Srollbar anpassen */
|
||||
|
|
@ -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 * {
|
||||
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;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue