cms/tibi-svelte-starter
Template
4
0
Fork 2
Code Issues Pull Requests Projects Releases Wiki Activity

Update and rework project structure with new pagebuilder concept. (based on RK Architekten and SFU Politik configs and sources)

Browse Source
This commit is contained in:
Mario Linz
2022-11-17 16:01:52 +00:00
parent 825dfc18f9
commit 30c05143fe
1421 changed files with 3875 additions and 4975 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
src/css/theme-2022/components/article.less
View File

@@ -1,36 +0,0 @@
article,
.article {
overflow-wrap: anywhere;
border: 1px dashed @on-background;
padding: 2px;
& ~ article,
& ~ .article {
margin-top: @space-md;
}
.article-title {
color: @primary;
font-size: 2rem;
line-height: 2.4rem;
}
.article-subtitle {
color: @secondary;
font-size: 1.4rem;
line-height: 1.8rem;
}
.article-link {
cursor: pointer;
text-decoration: underline;
}
}
.article-details {
&.default {
}
&.news {
}
}

18
src/css/theme-2022/components/audio.less
View File

@@ -1,18 +0,0 @@
.audioToggle {
position: fixed;
right: 17px;
bottom: 17px;
width: 80px;
height: 80px;
border-radius: 100%;
padding: 15px;
background-color: @secondary;
z-index: 1000;
cursor: pointer;
}
audio {
position: absolute;
top: -9999px;
left: -9999px;
}

137
src/css/theme-2022/components/carousel.less
View File

@@ -1,137 +0,0 @@
.carousel {
width: 100%;
height: 695px;
.carousel-slide {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-size: cover;
.container {
height: 100%;
}
img {
position: absolute;
right: 0;
bottom: 0;
@media (max-width: 1200px) {
display: none;
}
}
.content {
color: #fff;
text-shadow: 0 2px 10px #000;
font-weight: 700;
position: absolute;
top: 17rem;
left: 0;
@media (max-width: 768px) {
top: 10rem;
}
.headline {
font-family: "Caveat", sans-serif;
text-shadow: rgb(196, 37, 62) 6px 0px 0px,
rgb(196, 37, 62) 5.91686px 0.995377px 0px,
rgb(196, 37, 62) 5.66974px 1.96317px 0px,
rgb(196, 37, 62) 5.2655px 2.87655px 0px,
rgb(196, 37, 62) 4.71532px 3.71022px 0px,
rgb(196, 37, 62) 4.03447px 4.44106px 0px,
rgb(196, 37, 62) 3.24181px 5.04883px 0px,
rgb(196, 37, 62) 2.35931px 5.51667px 0px,
rgb(196, 37, 62) 1.41143px 5.83163px 0px,
rgb(196, 37, 62) 0.424423px 5.98497px 0px,
rgb(196, 37, 62) -0.574341px 5.97245px 0px,
rgb(196, 37, 62) -1.55719px 5.79441px 0px,
rgb(196, 37, 62) -2.49688px 5.45578px 0px,
rgb(196, 37, 62) -3.36738px 4.96596px 0px,
rgb(196, 37, 62) -4.14455px 4.33852px 0px,
rgb(196, 37, 62) -4.80686px 3.59083px 0px,
rgb(196, 37, 62) -5.33596px 2.74364px 0px,
rgb(196, 37, 62) -5.71718px 1.8204px 0px,
rgb(196, 37, 62) -5.93995px 0.84672px 0px,
rgb(196, 37, 62) -5.99811px -0.150428px 0px,
rgb(196, 37, 62) -5.89004px -1.14341px 0px,
rgb(196, 37, 62) -5.61874px -2.1047px 0px,
rgb(196, 37, 62) -5.19172px -3.00766px 0px,
rgb(196, 37, 62) -4.62082px -3.82727px 0px,
rgb(196, 37, 62) -3.92186px -4.54081px 0px,
rgb(196, 37, 62) -3.11421px -5.12852px 0px,
rgb(196, 37, 62) -2.22026px -5.57409px 0px,
rgb(196, 37, 62) -1.26477px -5.86518px 0px,
rgb(196, 37, 62) -0.274238px -5.99373px 0px,
rgb(196, 37, 62) 0.723898px -5.95617px 0px,
rgb(196, 37, 62) 1.70197px -5.75355px 0px,
rgb(196, 37, 62) 2.63288px -5.39147px 0px,
rgb(196, 37, 62) 3.49082px -4.87998px 0px,
rgb(196, 37, 62) 4.25202px -4.23324px 0px,
rgb(196, 37, 62) 4.89538px -3.46919px 0px,
rgb(196, 37, 62) 5.40307px -2.60899px 0px,
rgb(196, 37, 62) 5.76102px -1.67649px 0px,
rgb(196, 37, 62) 5.95932px -0.697531px 0px, 0 2px 20px #000;
line-height: 70px;
color: #fff;
font-weight: 700;
font-size: 96px;
@media (max-width: 768px) {
font-size: 72px;
}
}
.text {
font-size: 32px;
font-family: "Nunito", sans-serif;
margin-left: @space-md;
}
ul.text {
list-style-type: none;
padding-left: 30px;
li {
font-size: 32px;
font-family: "Nunito", sans-serif;
text-shadow: rgb(196, 37, 62) 3px 0px 0px,
rgb(196, 37, 62) 2.83487px 0.981584px 0px,
rgb(196, 37, 62) 2.35766px 1.85511px 0px,
rgb(196, 37, 62) 1.62091px 2.52441px 0px,
rgb(196, 37, 62) 0.705713px 2.91581px 0px,
rgb(196, 37, 62) -0.287171px 2.98622px 0px,
rgb(196, 37, 62) -1.24844px 2.72789px 0px,
rgb(196, 37, 62) -2.07227px 2.16926px 0px,
rgb(196, 37, 62) -2.66798px 1.37182px 0px,
rgb(196, 37, 62) -2.96998px 0.42336px 0px,
rgb(196, 37, 62) -2.94502px -0.571704px 0px,
rgb(196, 37, 62) -2.59586px -1.50383px 0px,
rgb(196, 37, 62) -1.96093px -2.27041px 0px,
rgb(196, 37, 62) -1.11013px -2.78704px 0px,
rgb(196, 37, 62) -0.137119px -2.99686px 0px,
rgb(196, 37, 62) 0.850987px -2.87677px 0px,
rgb(196, 37, 62) 1.74541px -2.43999px 0px,
rgb(196, 37, 62) 2.44769px -1.73459px 0px,
rgb(196, 37, 62) 2.88051px -0.838247px 0px,
0 2px 20px #000;
font-weight: 700;
&:before {
content: "»";
position: absolute;
left: -30px;
}
@media (max-width: 768px) {
font-size: 24px;
}
}
}
}
}
}

59
src/css/theme-2022/components/contact-information.less
View File

@@ -1,59 +0,0 @@
.contact-information {
margin-top: -120px;
min-height: 1060px;
background: url("../css/theme-2022/components/img/union.svg") top no-repeat;
background-size: cover;
& > .container {
padding-top: 10rem;
}
.appointmentOfficeHour {
@media (max-width: 768px) {
font-size: 0.87em;
margin-bottom: @space-sm;
}
strong {
display: inline-block;
min-width: 120px;
}
}
.meeting-information {
margin-top: @space-xl;
}
ul {
list-style-type: none;
padding-left: 40px;
width: 100%;
li {
line-height: 30px;
padding-left: 0px;
font-weight: 400;
width: 50%;
display: inline-block;
@media (max-width: 768px) {
width: 100%;
}
&:before {
content: url("../css/theme-2022/components/img/check-bold.svg");
font-weight: 400;
top: 1px;
left: -30px;
}
}
}
@media (max-width: 1050px) {
padding-bottom: 10rem;
}
@media (max-width: 768px) {
margin-bottom: -90px;
}
}

29
src/css/theme-2022/components/content.less
View File

@@ -1,29 +0,0 @@
.top-of-content {
*[class^="col"] {
margin-bottom: @space-md;
}
display: flex;
justify-content: space-around;
align-items: stretch;
gap: @space-lg;
article {
width: 33%;
}
@media (max-width: 992px) {
flex-direction: column;
article {
width: 100%;
}
}
}
.wave-top {
height: 54px;
margin-top: -54px;
background-image: url("../css/theme/components/img/wave_header_top.png");
background-repeat: repeat-x;
}

60
src/css/theme-2022/components/forms.less
View File

@@ -5,54 +5,11 @@ form {
border-radius: 10px;
box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.1);
strong {
color: @primary;
font-weight: 700;
}
.titles {
flex-grow: 1;
.title,
.subTitle {
text-align: left;
color: @on-surface;
margin: 0;
}
}
.icon {
width: 80px;
height: 80px;
display: flex;
justify-content: center;
align-items: center;
flex-shrink: 0;
border-radius: 100%;
img {
width: 50%;
}
}
.collapse-icon {
cursor: pointer;
svg {
transition: @transition-default;
}
&.collapsed svg {
transform: rotate(-90deg);
}
}
input,
textarea,
.checkbox {
cursor: pointer;
border: 1px solid transparent;
border-radius: 10px;
box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.1);
background: @surface;
color: @on-background;
padding: @space-sm @space-md;
@@ -76,7 +33,7 @@ form {
&:focus {
border: 1px solid @primary;
color: @primary;
color: @on-surface;
}
&[readonly] {
@@ -86,15 +43,22 @@ form {
.checkbox {
padding: 0;
width: 60px;
height: 60px;
width: 30px;
height: 30px;
display: flex;
justify-content: center;
align-items: center;
color: @primary;
.icon {
svg {
width: 90% !important;
height: 90% !important;
}
}
&:hover {
box-shadow: inset 0 0 10px 0 @primary;
box-shadow: inset 0 0 1px 1px @primary;
}
}

45
src/css/theme-2022/components/general.less
View File

@@ -19,51 +19,6 @@ body {
}
}
// Scroll To Top
.scroll-to-top {
position: fixed;
z-index: 9999;
right: 5rem;
bottom: 5rem;
@media (max-width: 768px) {
right: 4rem;
bottom: 1rem;
}
.circle-top,
.circle-email,
.circle-contact {
width: 80px;
height: 80px;
border-radius: 100%;
background-color: @secondary;
display: flex;
justify-content: center;
align-items: center;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
}
.circle-email {
width: 60px;
height: 60px;
background-color: @secondary;
position: absolute;
top: -20px;
right: -39px;
}
.circle-contact {
width: 60px;
height: 60px;
background-color: @secondary;
position: absolute;
top: 23px;
right: -53px;
}
}
// 404
.page-404 {

50
src/css/theme-2022/components/history.less
View File

@@ -1,50 +0,0 @@
.history {
font-size: 24px;
font-weight: 700;
.history-item {
min-height: 80px;
.date {
width: 80px;
height: 80px;
border-radius: 100%;
background-color: @secondary;
color: @on-secondary;
display: flex;
justify-content: center;
align-items: center;
flex-shrink: 0;
position: absolute;
top: -21px;
left: calc(50% - 40px);
}
.text {
width: 41%;
}
&:nth-child(odd) {
.text {
margin-left: auto;
}
}
& ~ .history-item {
margin-top: @space-md;
}
@media (max-width: 900px) {
.date {
left: 0;
}
&:nth-child(odd),
&:nth-child(even) {
.text {
width: 100%;
padding-left: 100px;
font-size: 0.7em;
}
}
}
}
}

23
src/css/theme-2022/components/language-chooser.less
View File

@@ -1,23 +0,0 @@
.language-chooser {
display: flex;
justify-content: flex-end;
align-items: center;
margin: @space-xs;
.lang {
border: 1px solid @secondary;
padding: 0 @space-xs;
cursor: pointer;
&:hover {
background: @primary;
color: @on-primary;
}
&.active {
background: @primary;
color: @on-primary;
font-weight: 700;
}
}
}

19
src/css/theme-2022/components/news.less
View File

@@ -1,19 +0,0 @@
.news {
article {
background: @surface;
color: @on-surface;
padding: @space-sm @space-md;
border-radius: 10px;
box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.1);
margin-bottom: @space-lg;
@media (max-width: 768px) {
text-align: center;
}
.title {
font-weight: 700;
margin-bottom: @space-xs;
}
}
}

12
src/css/theme-2022/components/promotion-image.less
View File

@@ -1,12 +0,0 @@
.promotion-image-wave-top,
.promotion-image-wave-bottom {
z-index: 2;
width: 100%;
}
.promotion-image {
z-index: 0;
margin-top: -56px;
margin-bottom: -68px;
width: 100%;
}

52
src/css/theme-2022/components/services.less
View File

@@ -1,52 +0,0 @@
.services {
article {
font-weight: 700;
display: flex;
align-items: flex-start;
gap: @space-sm;
margin-bottom: @space-xs;
padding: @space-sm @space-md;
border-radius: 10px;
cursor: pointer;
&:hover {
background: @surface;
color: @on-surface;
box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.1);
}
.icon {
width: 50px;
height: 50px;
border-radius: 100%;
background-color: @secondary;
display: flex;
justify-content: center;
align-items: center;
flex-shrink: 0;
img {
height: 32px;
margin-top: 2px;
}
}
.title {
font-size: 24px;
font-weight: 700;
@media (max-width: 768px) {
font-size: 20px;
}
}
@media (max-width: 768px) {
padding: 0;
&:hover {
background: transparent;
box-shadow: none;
}
}
}
}

42
src/css/theme-2022/components/sidebar.less
View File

@@ -1,42 +0,0 @@
.sidebar {
.contact-info {
color: @primary;
font-size: 18px;
font-weight: 600;
}
.today {
padding: 5px 20px;
border-radius: 25px;
border: solid 3px #000;
font-weight: 700;
}
.lastPageUpdate {
text-align: center;
.lastPageUpdate-date {
font-weight: 700;
font-size: 18px;
margin-top: @space-xs;
}
}
.visitor-counter {
h3 {
margin-bottom: @space-xs;
}
table {
width: 100% !important;
max-width: 100% !important;
display: block !important;
td {
width: 100%;
font-family: "Nunito", sans-serif;
font-size: @font-size-default;
line-height: auto;
padding: @space-xs 0;
}
}
}
}

79
src/css/theme-2022/components/specials.less
View File

@@ -1,79 +0,0 @@
.specials {
article {
background: @surface;
color: @on-surface;
padding: @space-md;
border-radius: 10px;
box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.1);
margin-bottom: @space-lg;
font-weight: 700;
display: flex;
justify-content: flex-start;
align-items: center;
gap: @space-md;
@media (max-width: 768px) {
flex-direction: column;
text-align: center;
}
.icon {
width: 80px;
height: 80px;
display: flex;
justify-content: center;
align-items: center;
flex-shrink: 0;
@media (max-width: 768px) {
width: 50px;
height: 50px;
}
img {
width: 100%;
}
}
.title {
margin-bottom: @space-xs;
font-size: 24px;
line-height: 1.3;
@media (max-width: 768px) {
font-size: 20px;
}
}
&.hovered {
display: none;
@media (min-width: 768px) {
display: flex;
position: fixed;
top: 40%;
left: 30%;
right: 30%;
z-index: 999;
box-shadow: inset 0 0 2px 1px white, 0 10px 40px 0 rgba(0, 0, 0, 0.1), 0 10px 40px 0 rgba(0, 0, 0, 0.1);
background: linear-gradient(
90deg,
rgba(238, 254, 255, 1) 0%,
rgba(255, 254, 255, 1) 35%,
rgba(215, 255, 254, 1) 100%
),
radial-gradient(88.73% 230.98% at 25.76% 13.14%, #ffffff 0%, rgba(255, 255, 255, 0) 100%),
radial-gradient(50% 20.05% at 50% 46.13%, #fffeff 0%, #d7fffe 100%);
}
}
}
.row:nth-child(2) > *:nth-child(2) > article:first-child {
margin-top: @space-xl;
@media (max-width: 1050px) {
margin-top: 0;
}
}
}

50
src/css/theme-2022/components/top-section.less
View File

@@ -1,50 +0,0 @@
.top-section {
height: 1003px;
margin-bottom: -28rem;
@media (max-width: 1050px) {
margin-bottom: 0rem;
}
.text {
margin-top: @space-xl;
strong {
color: @secondary;
}
}
.top-section-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
@media (max-width: 768px) {
height: 64rem;
object-fit: cover;
}
}
.circles {
position: absolute;
top: -151px;
left: -97px;
min-width: 986px;
@media (max-width: 1049px) {
top: -151px;
left: -97px;
}
}
.circles-image {
position: absolute;
top: 0;
left: 70px;
min-width: 550px;
@media (max-width: 1240px) {
min-width: 652px;
}
}
}

15
src/css/theme-2022/main.less
View File

@@ -35,22 +35,15 @@
@import "components/general";
@import "components/grid";
@import "components/typo";
@import "components/layout";
@import "components/typo";
@import "components/section";
@import "components/header";
@import "components/footer";
@import "components/navigation";
@import "components/news";
@import "components/services";
@import "components/specials";
@import "components/iframes";
@import "components/contact-information";
@import "components/promotion-image";
@import "components/history";
@import "components/top-section";
@import "components/forms";
@import "components/language-chooser";
@import "components/article";
// Overwrite styles from Webmakers Cookie-Bar
@import "components/cc-bar";