mirror of
https://github.com/FH-Complete/FHC-Core.git
synced 2026-06-01 12:19:28 +00:00
SimonGschnell
143 lines
2.9 KiB
CSS
143 lines
2.9 KiB
CSS
:root{
|
|
--news-widget-height: 1;
|
|
--news-widget-bg: var(--fhc-primary);
|
|
--news-widget-highlight-color: var(--fhc-primary-highlight);
|
|
--news-widget-border: var(--fhc-border);
|
|
--news-widget-border-highlight: var(--fhc-border-highlight);
|
|
--news-widget-text-light: var(--fhc-text);
|
|
}
|
|
|
|
|
|
|
|
/* media query for sm sizes */
|
|
@media (min-width :576px) {
|
|
.fhc-news-menu-item {
|
|
/* padding: top right bottom left */
|
|
padding:0em 0em 0em 0em !important;
|
|
}
|
|
}
|
|
/* media query for md sizes */
|
|
@media (min-width :768px) {
|
|
.fhc-news-menu-item {
|
|
/* padding: top right bottom left */
|
|
padding: 0.3em 0.3em 0.3em 0.3em !important;
|
|
}
|
|
}
|
|
/* media query for lg sizes */
|
|
@media (min-width :992px) {
|
|
.fhc-news-menu-item {
|
|
/* padding: top right bottom left */
|
|
padding: 0.3em 0.3em 0.3em 0.3em !important;
|
|
}
|
|
}
|
|
/* media query for xl sizes */
|
|
@media (min-width :1200px) {
|
|
.fhc-news-menu-item {
|
|
/* padding: top right bottom left */
|
|
padding: 1em 1em 0.3em 1em !important;
|
|
}
|
|
}
|
|
|
|
/* media query for xxl sizes */
|
|
@media (min-width :1400px) {
|
|
.fhc-news-menu-item {
|
|
/* padding: top right bottom left */
|
|
padding: 1.2em 1.2em 0.3em 1.2em !important;
|
|
}
|
|
}
|
|
|
|
.widgets-news img
|
|
{
|
|
max-width: 100%;
|
|
}
|
|
|
|
.fhc-news-menu-item {
|
|
padding: 0.375rem;
|
|
color: var(--news-widget-text-light);
|
|
min-height: 5%;
|
|
max-height: 30%;
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
background-color: var(--news-widget-bg);
|
|
border: 1px solid var(--news-widget-border);
|
|
cursor: pointer;
|
|
transition: background-color 0.2s ease, border-color 0.2s ease; /* Smooth transition */
|
|
}
|
|
|
|
.fhc-news-menu-item:hover {
|
|
background-color: var(--news-widget-highlight-color);
|
|
border-color: var(--news-widget-border-highlight);
|
|
}
|
|
|
|
.fhc-news-menu-item.selected {
|
|
background-color: var(--news-widget-highlight-color);
|
|
border: 2px solid var(--news-widget-border-highlight);
|
|
|
|
}
|
|
|
|
.fhc-news-menu-item:focus {
|
|
outline: none;
|
|
}
|
|
|
|
.fhc-news-menu-item-betreff
|
|
{
|
|
width: 100%;
|
|
text-align: center;
|
|
max-height: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.fhc-news-menu-item-date {
|
|
text-align: end;
|
|
width: 100%;
|
|
max-height: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.fhc-carousel .carousel-item {
|
|
transition: transform 0.375s ease-in-out, opacity 0.75s ease-in-out;
|
|
}
|
|
|
|
.fhc-carousel .carousel-item-next,
|
|
.fhc-carousel .carousel-item-prev {
|
|
transition: transform 0.44s ease-in-out, opacity 0.8s ease-in-out;
|
|
}
|
|
|
|
.fhc-carousel .carousel-item-start,
|
|
.fhc-carousel .carousel-item-end {
|
|
transition: transform 0.44s ease-in-out, opacity 0.8s ease-in-out;
|
|
}
|
|
|
|
.carousel-control-prev,
|
|
.carousel-control-next {
|
|
opacity: 0;
|
|
transition: opacity 0.3s ease;
|
|
}
|
|
|
|
/* Show the buttons when the carousel is hovered */
|
|
.carousel:hover .carousel-control-prev,
|
|
.carousel:hover .carousel-control-next {
|
|
opacity: 1;
|
|
}
|
|
|
|
.fhc-news-text{
|
|
font-size: 0.75em;
|
|
}
|
|
|
|
.fhc-news-xs {
|
|
font-size: 0.6em;
|
|
}
|
|
|
|
.fhc-news-sm {
|
|
font-size: 0.7em;
|
|
}
|
|
|
|
.fhc-news-md {
|
|
font-size: 1.1em;
|
|
}
|
|
|
|
.fhc-news-lg {
|
|
font-size: 1.4em;
|
|
}
|