186 lines
5.1 KiB
SCSS
186 lines
5.1 KiB
SCSS
solid-event section {
|
|
max-width: 1400px;
|
|
margin: auto;
|
|
}
|
|
#events,
|
|
#circle-events {
|
|
width: 100%;
|
|
font-family: "Facit";
|
|
font-weight: 400;
|
|
color: #7A7F85;
|
|
solid-event {
|
|
sib-display div {
|
|
max-width: 1110px;
|
|
sib-display {
|
|
margin: 0 0 20px 40px;
|
|
}
|
|
}
|
|
.red-button,
|
|
.event-type {
|
|
background-color: #C4262E;
|
|
}
|
|
.black-button {
|
|
background-color: #3A3A3A;
|
|
margin-left: 10%;
|
|
}
|
|
.event-type,
|
|
.event-place-name {
|
|
font-weight: 700;
|
|
}
|
|
#listevents,
|
|
#circle-listevents {
|
|
[name="name"],
|
|
solid-display-link-event .mdi::before {
|
|
color: #063B5C;
|
|
}
|
|
}
|
|
.event-place-name,
|
|
.nextevent-startdate,
|
|
solid-display-link-event {
|
|
color: #3A3A3A;
|
|
}
|
|
.sib-event {
|
|
font-family: "Facit";
|
|
font-weight: 400;
|
|
.page-title {
|
|
font-family: "RefrigeratorDelxW01Bold";
|
|
font-size: 3.2rem;
|
|
line-height: 3.8rem;
|
|
color: #063B5C;
|
|
}
|
|
}
|
|
#default-listevents,
|
|
#circles-listevents {
|
|
.newtype .button {
|
|
font-size: 1.2rem;
|
|
width: max-content;
|
|
height: max-content;
|
|
padding: 5px 20px;
|
|
color: #063B5C;
|
|
}
|
|
sib-form {
|
|
sib-form-dropdown {
|
|
margin-left: 15px;
|
|
label div {
|
|
height: 2.5rem;
|
|
}
|
|
&::before {
|
|
font-family: "RefrigeratorDelxW01Bold";
|
|
font-size: 2.4rem;
|
|
line-height: 29px;
|
|
color: #063B5C;
|
|
top: -40px;
|
|
content: "Research an event";
|
|
}
|
|
}
|
|
}
|
|
[name="name"] {
|
|
font-family: "RefrigeratorDelxW01Bold";
|
|
font-size: 1.8rem;
|
|
line-height: 2.6rem;
|
|
letter-spacing: 0.32px;
|
|
color: #063B5C;
|
|
padding: 5px;
|
|
max-width: 250px;
|
|
margin: 5px auto;
|
|
}
|
|
.event-type {
|
|
font-size: 1.1rem;
|
|
padding: 5px 20px;
|
|
width: max-content;
|
|
height: max-content;
|
|
}
|
|
solid-display-location-events {
|
|
padding: 5px;
|
|
}
|
|
}
|
|
.eventdetail {
|
|
sib-display div {
|
|
display: block;
|
|
}
|
|
.mdi::before {
|
|
margin: 0 5px 0 20px;
|
|
}
|
|
[name="infotext"] {
|
|
text-align: left;
|
|
}
|
|
[name="name"] {
|
|
font-family: "RefrigeratorDelxW01Bold";
|
|
font-size: 3.2rem;
|
|
line-height: 3.8rem;
|
|
color: #063B5C;
|
|
display: block;
|
|
}
|
|
color: #063B5C;
|
|
.event-type {
|
|
width: max-content;
|
|
padding: 5px 20px;
|
|
font-size: 1.1rem;
|
|
line-height: 1.3rem;
|
|
height: 13px;
|
|
margin: 10px 20px;
|
|
}
|
|
[name="longDescription"] p {
|
|
font-size: 1.6rem;
|
|
line-height: 2.6rem;
|
|
}
|
|
solid-display-link-event a {
|
|
font-size: 1.6rem;
|
|
}
|
|
}
|
|
.newevent label div,
|
|
.newevent sib-form-file div label {
|
|
line-height: 2.2rem;
|
|
text-transform: uppercase;
|
|
color: var(--form-title);
|
|
font-size: 13px;
|
|
font-weight: 600;
|
|
font-family: Open sans;
|
|
}
|
|
.newevent select,
|
|
.newevent textarea,
|
|
.newevent input,
|
|
.newtype input {
|
|
background-color: var(--form-inputs-background);
|
|
}
|
|
.newevent input[type="submit"],
|
|
.newtype input[type="submit"],
|
|
button {
|
|
width: max-content;
|
|
padding: 5px 20px;
|
|
background-color: #3C3F57;
|
|
}
|
|
.newevent input[type="file"] {
|
|
background-color: transparent;
|
|
}
|
|
}
|
|
@media (max-width: 991px) {
|
|
#listevents {
|
|
margin-top: 65px;
|
|
}
|
|
}
|
|
}
|
|
|
|
#events {
|
|
background-color: #f0f3f6;
|
|
}
|
|
|
|
#circle-events solid-event .events sib-form sib-form-dropdown select {
|
|
background-color: #f0f3f6;
|
|
}
|
|
|
|
.with-sidebar nav>solid-router>ul [name="circle-events"] {
|
|
li::before {
|
|
content: '';
|
|
height: 40px;
|
|
width: 40px;
|
|
mask: url('/images/appointment.svg') center no-repeat;
|
|
mask-size: contain;
|
|
-webkit-mask: url('/images/appointment.svg') center no-repeat;
|
|
-webkit-mask-size: contain;
|
|
background-color: var(--color-right-menu-text);
|
|
}
|
|
&[active] li::before {
|
|
background-color: var(--color-right-menu-active-text);
|
|
}
|
|
} |