themes-community/frio-with-threadview/threadview.css

194 lines
3.4 KiB
CSS
Raw Permalink Normal View History

2023-03-11 02:20:51 +01:00
/*
Licence : AGPL
Created on : Sun 26 Feb 2023 08:20:14 PM CET
Author : jakob@soc.schuerz.at
Color picker : https://www.w3schools.com/colors/colors_names.asp
CSS UTF8 icons : https://www.utf8icons.com
*/
:root {
2023-10-17 08:44:10 +02:00
--main-border-radius: 4px;
2023-03-22 16:45:50 +01:00
--second-border-radius: 7px;
2023-10-17 08:44:10 +02:00
--third-border-radius: 1px;
2023-03-22 16:45:50 +01:00
--active_btn_color: #cc9f0d; // Gelb
--inactive_btn_color: #000055; // Gelb
2023-03-11 02:20:51 +01:00
}
/* Radius arount boxes */
.section,
.widget,
.media,
.wall-item-container,
.thread-wrapper,
div[class^="thread_level"],
div[class*=" thread_level"],
.toplevel_item,
.apub,
.panel-default,
.panel_body,
.panel {
2023-03-22 16:45:50 +01:00
border-bottom-left-radius: var(--main-border-radius) !important;
border-bottom-right-radius: var(--main-border-radius) !important;
border-top-right-radius: var(--main-border-radius) !important;
2023-03-11 02:20:51 +01:00
}
.btn,
.label {
2023-03-22 16:45:50 +01:00
border-radius: var(--second-border-radius) !important;
2023-03-11 02:20:51 +01:00
}
i .btn-link {
2023-03-22 16:45:50 +01:00
color: #fff !important;
2023-03-11 02:20:51 +01:00
}
2023-03-22 16:45:50 +01:00
/*
2023-03-11 02:20:51 +01:00
button .btn-link {
2023-03-22 16:45:50 +01:00
color: #000 !important;
2023-03-11 02:20:51 +01:00
}
2023-03-22 16:45:50 +01:00
*/
2023-03-11 02:20:51 +01:00
#contact-edit-actions-button,
#contact-edit-actions-button.active {
2023-03-22 16:45:50 +01:00
background-color: $nav_bg;
color: #fff !important;
2023-03-11 02:20:51 +01:00
}
@media (hover: hover) {
2023-03-22 16:45:50 +01:00
#main-menu,
#nav-notifications-menu-btn,
button:hover {
//color: #fff !important;
filter: brightness(1);
}
button:active {
filter: brightness(1);
2023-03-11 02:20:51 +01:00
color: var(--active_btn_color) !important;
}
}
@media (hover: none) {
2023-03-22 16:45:50 +01:00
#main-menu,
#nav-notifications-menu-btn,
button:hover{
filter: brightness(1);
}
button:active {
filter: brightness(1);
color: var(--active_btn_color) !important;
}
2023-03-11 02:20:51 +01:00
}
#contact-edit-actions-button {
2023-03-22 16:45:50 +01:00
filter: none !important;
2023-03-11 02:20:51 +01:00
}
2023-10-17 08:44:10 +02:00
/*figure, audio, canvas, progress, video, img {
max-height: 75vh;
}*/
figure, audio, canvas, progress, video {
2023-03-11 02:20:51 +01:00
max-height: 75vh;
}
.wall-item-actions {
2023-03-22 16:45:50 +01:00
background-color: #b7b7b75c;
padding: 3px;
padding-left: 6px;
padding-right: 6px;
border-radius: var(--third-border-radius) !important;
2023-03-11 02:20:51 +01:00
}
/* Thread-Lines left on comments
.wall-item-container {
2023-03-22 16:45:50 +01:00
border-top: 1px solid;
border-top-color: $nav_bg;
border-image: linear-gradient(to right, $nav_bg, transparent) 30;
2023-03-11 02:20:51 +01:00
}
*/
2023-10-17 08:44:10 +02:00
.tread-wrapper,
.media {
/*
2023-03-11 02:20:51 +01:00
div[class^="thread_level"],
div[class*=" thread_level"] {
2023-10-17 08:44:10 +02:00
*/
2023-03-22 16:45:50 +01:00
border-left: 1px solid;
margin-left: 2px;
border-left-color: $nav_bg;
2023-03-11 02:20:51 +01:00
}
.media,
{
2023-03-22 16:45:50 +01:00
border-left: 1px solid;
2023-03-11 02:20:51 +01:00
}
.wall-item-container {
2023-03-22 16:45:50 +01:00
margin-left: 3px !important;
2023-03-11 02:20:51 +01:00
}
2023-04-17 22:54:52 +02:00
.dropdown-toggle.active,
.button-likes.active,
.button-event.active,
.button-announces.active {
color: var(--active_btn_color) !important;
}
2023-03-11 02:20:51 +01:00
@media screen and (max-width: 767px) {
2023-03-22 16:45:50 +01:00
button[id^=like-] {
margin-right: 5px !important;
}
.button,
.btn {
padding: 1px;
padding-inline: 22px;
margin-top: 5px;
margin-bottom: 5px;
2023-10-17 08:44:10 +02:00
/*
background-color: $nav_bg;
filter: brightness(1.25);
*/
2023-03-22 16:45:50 +01:00
}
.wall-item-container {
2023-10-17 08:44:10 +02:00
/*margin-top: 10px;*/
2023-03-22 16:45:50 +01:00
}
.contact-info-comment {
display: contents !important;
}
.fakelink,
.media-heading,
.wall-item-name-link {
word-wrap: anywhere !important;
}
.dropdown-toggle,
.button-likes,
2023-04-17 22:54:52 +02:00
.button-event,
2023-03-22 16:45:50 +01:00
.button-announces {
color: #000;
}
.dropdown-menu {
max-width: 40vh;
}
/* Thread-Lines left on comments */
2023-10-17 08:44:10 +02:00
/*
2023-03-22 16:45:50 +01:00
div[class^="thread_level"],
div[class*=" thread_level"] {
2023-10-17 08:44:10 +02:00
*/
2023-03-22 16:45:50 +01:00
border-left: 1px solid;
margin-left: 2px;
border-left-color: $nav_bg;
}
.media,
{
border-left: 1px solid;
}
.wall-item-container {
margin-left: 3px solid !important;
}
2023-03-11 02:20:51 +01:00
}
2023-10-17 08:44:10 +02:00
.media.shiny {
}