Project-Pro/cdnPRO
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Save

Browse Source
This commit is contained in:
Roman Pyrih
2025-08-14 11:10:59 +02:00
parent 67a53c6897
commit 413cda7dc9
9 changed files with 178 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

179
wagabunda.net.pl/styles.scss
View File

@@ -53,6 +53,12 @@ section.subscriptionsbox .fields-additional-button:not(.grid-stack-item) {
header#main-header {
.functional-header {
.main {
> div {
display: inline-block;
min-height: 100px;
align-content: center;
}
.mobile-menu-item {
display: flex;
align-items: center;
@@ -83,6 +89,86 @@ nav.main-nav {
font-size: 16px;
}
}
.mobile-menu-item.sub-menu {
border-color: rgba($cTxtBlack, 0.85);
.sub-menu-inner {
> ul {
display: flex;
flex-direction: column;
padding-left: 10px;
padding-right: 10px;
border-color: rgba($cTxtBlack, 0.16);
> li.sub-menu-caption {
span {
color: $cBlue;
}
}
> li.mobile-menu-item {
height: 100%;
&:hover {
background-color: rgba($cBlue, 0.07);
}
> a {
flex-direction: column;
display: flex;
height: 100%;
}
h2 {
color: $cTxtBlack2;
font-size: 16px;
display: flex;
flex-direction: column;
row-gap: 7px;
.stars {
i.fa.fa-star.fa-solid {
color: $cYellow;
}
}
}
p {
color: $cTxtBlack2;
font-size: 14px;
}
p.price-details {
flex: 1;
align-content: end;
.price-label {
color: $cTxtBlack2;
font-size: 14px;
font-weight: 600;
}
.text-color-11 {
color: $cBlue;
}
}
.omnibus {
.omnibus-label {
font-size: 10px;
color: $cTxtBlack2;
}
}
}
}
}
}
}
}
.quick-search {
.quick-search-elem {
input.quick-search-input {
color: #fff;
font-family: $fPoppins;
font-size: 16px;
}
}
}
}
@@ -232,8 +318,8 @@ body section.offer-box {
sup.stars {
top: 0;
i {
color: $cTxtBlack;
i.fa.fa-star.fa-solid {
color: $cYellow;
}
}
}
@@ -378,6 +464,12 @@ main#mainCol {
flex-direction: column;
row-gap: 3px;
margin-bottom: 15px;
.stars {
i.fa.fa-star.fa-solid {
color: $cYellow;
}
}
}
}
@@ -480,19 +572,21 @@ section[id='197674051'] {
// .checkbox-stack input[type="checkbox"]:checked + label.last-plan::before{
// }
.checkbox-stack {
position: relative;
body .checkbox-stack {
position: relative !important;
width: 16px !important;
height: 16px !important;
flex: 0 0 16px !important;
margin-top: 3px !important;
margin-right: 6px !important;
inset: 0 !important;
label.last-plan {
width: 16px !important;
height: 16px !important;
position: absolute;
inset: 0 0 0 2px;
inset: 0 !important;
&::before {
content: '' !important;
width: 10px !important;
@@ -510,6 +604,7 @@ section[id='197674051'] {
label.first-plan {
&::before {
content: '' !important;
inset: 0 !important;
width: 16px !important;
height: 16px !important;
background: transparent !important;
@@ -528,20 +623,22 @@ section[id='197674051'] {
}
}
.checkbox-stack2 {
position: relative;
body .checkbox-stack2 {
position: relative !important;
display: inline-block;
width: 16px !important;
height: 16px !important;
flex: 0 0 16px !important;
margin-top: 3px !important;
// margin-top: 3px !important;
margin-right: 6px !important;
inset: 0 !important;
label.last-plan {
width: 16px !important;
height: 16px !important;
position: absolute;
inset: 0 0 0 2px;
inset: 0 !important;
&::before {
content: '' !important;
width: 10px !important;
@@ -559,6 +656,7 @@ section[id='197674051'] {
label.first-plan {
&::before {
content: '' !important;
inset: 0 !important;
width: 16px !important;
height: 16px !important;
background: transparent !important;
@@ -591,3 +689,66 @@ section[id='197674051'] {
}
}
}
#qtip-1 {
border-radius: 8px;
.qtip-titlebar {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
#qtip-1-title {
font-size: 20px;
font-weight: 300;
}
.qtip-close {
span {
display: none;
}
i {
top: 0;
font-size: 20px;
}
}
}
.qtip-content {
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
.quick-search-results {
h1 {
padding: 15px 15px;
span {
display: flex;
flex-direction: row;
gap: 10px;
font-size: 16px;
line-height: 1;
}
}
.offer {
padding: 10px 15px;
&.background-color-18 {
background: $cYellowLight;
}
&.text-color-12 {
h3 {
color: $cTxtBlack;
}
h4 {
color: $cTxtBlack2;
}
}
h3 {
font-weight: 500;
}
}
}
}
}