514 lines
9.0 KiB
CSS
514 lines
9.0 KiB
CSS
:root {
|
|
--bezh: #ffeebc;
|
|
--rdeca: #fe0000;
|
|
--rumena: #f8fa35;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: Helvetica;
|
|
src: url(../fonts/Helvetica.ttf) format('truetype');
|
|
}
|
|
|
|
#header {
|
|
background: none !important;
|
|
}
|
|
|
|
body {
|
|
font-family: Helvetica;
|
|
padding: 0;
|
|
background: white !important;
|
|
}
|
|
|
|
#page {
|
|
background: transparent !important;
|
|
min-height: 100vh;
|
|
}
|
|
|
|
.node__content {
|
|
font-size: 1.1rem;
|
|
text-align: justify;
|
|
}
|
|
|
|
.site-footer {
|
|
display: none;
|
|
}
|
|
|
|
h1 {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.dialog-off-canvas-main-canvas {
|
|
max-width: 1018px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
position: relative;
|
|
}
|
|
.block .content {
|
|
margin-top: 0;
|
|
}
|
|
|
|
#main-content + div {
|
|
position: relative;
|
|
}
|
|
.page-node-type-artist #main-content + div {
|
|
padding-left: 7.5%;
|
|
padding-right: 7.5%;
|
|
}
|
|
.page-node-type-artist .field--type-image,
|
|
.page-node-type-artist .field--type-image img,
|
|
.page-node-type-artist .field--type-image a {
|
|
width: 100%;
|
|
height: auto;
|
|
}
|
|
|
|
.dialog-off-canvas-main-canvas:before {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
left: 7.5%;
|
|
|
|
width: 85%;
|
|
height: 100%;
|
|
}
|
|
|
|
.path-frontpage .dialog-off-canvas-main-canvas:before {
|
|
background-color: var(--rumena);
|
|
background-size: 100%;
|
|
}
|
|
|
|
.schundertour .dialog-off-canvas-main-canvas:before,
|
|
.stretchmarx-and-eargels .dialog-off-canvas-main-canvas:before,
|
|
.earrelevant .dialog-off-canvas-main-canvas:before {
|
|
background-color: white;
|
|
background-size: 100%;
|
|
}
|
|
|
|
.path-frontpage h1 span {
|
|
position: relative;
|
|
}
|
|
.path-frontpage h1 span:before {
|
|
content: '';
|
|
display: block;
|
|
|
|
width: 4rem;
|
|
height: 5rem;
|
|
|
|
position: absolute;
|
|
right: -1.5rem;
|
|
top: -1rem;
|
|
|
|
background: var(--rumena);
|
|
}
|
|
.path-frontpage h1 span:after {
|
|
content: '';
|
|
display: block;
|
|
|
|
width: 5rem;
|
|
height: 5rem;
|
|
|
|
position: absolute;
|
|
right: -2rem;
|
|
top: -1.1rem;
|
|
|
|
background-image: url(../slike/logo-nov.png);
|
|
background-size: cover;
|
|
}
|
|
|
|
#block-about {
|
|
position: absolute;
|
|
margin-right: 7.5%;
|
|
right: 13.5rem;
|
|
z-index: 100;
|
|
}
|
|
.navigation-menu a {
|
|
color: black;
|
|
border-bottom: none;
|
|
line-height: 1.8;
|
|
}
|
|
.navigation-menu a:hover {
|
|
color: black;
|
|
border-bottom: 1px solid black;
|
|
}
|
|
#block-schunder-main-menu .navigation-menu {
|
|
display: flex;
|
|
position: absolute;
|
|
margin-right: 7.5%;
|
|
right: 11.5rem;
|
|
top: .5rem;
|
|
z-index: 100;
|
|
}
|
|
.menu-burger {
|
|
display: none;
|
|
}
|
|
.path-frontpage .menu-burger {
|
|
background: var(--rumena);
|
|
}
|
|
#block-schunder-main-menu .menu-burger {
|
|
display: inline-block;
|
|
float: right;
|
|
cursor: pointer;
|
|
}
|
|
#block-schunder-main-menu .menu-burger > span {
|
|
display: block;
|
|
width: 1.25rem;
|
|
height: 1.5px;
|
|
border-radius: 2px;
|
|
margin-bottom: 3.5px;
|
|
background: black;
|
|
}
|
|
#block-schunder-main-menu .menu-burger + ul {
|
|
display: none;
|
|
position: absolute;
|
|
top: 1rem;
|
|
right: 1.5rem;
|
|
}
|
|
#block-schunder-main-menu .menu-burger.prikazi + ul {
|
|
display: block;
|
|
}
|
|
|
|
.schunderkids .dialog-off-canvas-main-canvas:before {
|
|
background-color: white;
|
|
}
|
|
/*
|
|
.dialog-off-canvas-main-canvas > header:before {
|
|
*/
|
|
#block-schunder-branding > a {
|
|
width: 100%;
|
|
}
|
|
#block-schunder-branding {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
margin-right: 7.5%;
|
|
z-index: 10;
|
|
width: 11rem;
|
|
}
|
|
#block-ustadomov a {
|
|
border: none;
|
|
}
|
|
|
|
#page-wrapper {
|
|
padding-bottom: 5rem;
|
|
}
|
|
|
|
#main-wrapper {
|
|
background: transparent !important;
|
|
position: relative;
|
|
padding: 0 2rem;
|
|
}
|
|
|
|
@media screen and (max-width: 500px) {
|
|
#main-wrapper {
|
|
padding: 0 1rem;
|
|
}
|
|
}
|
|
|
|
.main-content .section {
|
|
padding: 0;
|
|
}
|
|
|
|
.site-branding__name {
|
|
display: none;
|
|
}
|
|
|
|
.page-title {
|
|
color: var(--rdeca);
|
|
margin-top: 10rem;
|
|
font-size: 4rem;
|
|
}
|
|
|
|
@media screen and (max-width: 730px) {
|
|
.page-title {
|
|
font-size: 3rem;
|
|
}
|
|
|
|
.path-frontpage #block-views-block-izpostavljeno-block-1 {
|
|
margin-bottom: -6rem;
|
|
}
|
|
|
|
.path-frontpage h1 span:before {
|
|
right: -2rem;
|
|
}
|
|
.path-frontpage h1 span:after {
|
|
right: -1.75rem;
|
|
width: 4rem;
|
|
height: 4rem;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 514px) {
|
|
.path-frontpage .page-title {
|
|
font-size: 2rem;
|
|
}
|
|
.path-frontpage h1 span:before {
|
|
right: -.8rem;
|
|
width: 2rem;
|
|
height: 3rem;
|
|
}
|
|
.path-frontpage h1 span:after {
|
|
right: -1rem;
|
|
top: -.6rem;
|
|
width: 2.5rem;
|
|
height: 2.5rem;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 400px) {
|
|
.page-title {
|
|
font-size: 2rem;
|
|
}
|
|
}
|
|
|
|
.view-schunderkids .view-content,
|
|
.view-podstrani .view-content {
|
|
display: grid;
|
|
grid-template-columns: repeat(4, 1fr);
|
|
grid-gap: 2rem;
|
|
}
|
|
|
|
@media screen and (max-width: 900px) {
|
|
.view-schunderkids .view-content,
|
|
.view-podstrani .view-content {
|
|
grid-template-columns: repeat(2, 1fr);
|
|
grid-gap: 1.5rem;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 460px) {
|
|
.view-schunderkids .view-content,
|
|
.view-podstrani .view-content {
|
|
grid-template-columns: repeat(1, 1fr);
|
|
grid-gap: 1.5rem;
|
|
}
|
|
}
|
|
|
|
.node--view-mode-teaser {
|
|
border: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
.node--type-page.node--view-mode-teaser {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.node--type-page.node--view-mode-teaser header {
|
|
order: 1;
|
|
}
|
|
.node--type-page.node--view-mode-teaser .node__content {
|
|
order: 0;
|
|
}
|
|
.node--type-page.node--view-mode-teaser .field--name-field-opis {
|
|
text-align: right;
|
|
}
|
|
.node--type-page.node--view-mode-teaser .node__title {
|
|
text-align: center;
|
|
color: var(--rdeca);
|
|
padding: 0;
|
|
margin-top: .25rem;
|
|
}
|
|
.node--view-mode-teaser .field--name-field-slika {
|
|
width: 100%;
|
|
}
|
|
.node--view-mode-teaser .node__title a {
|
|
color: var(--rdeca);
|
|
font-weight: bold;
|
|
}
|
|
.node--view-mode-teaser img {
|
|
margin: 0;
|
|
}
|
|
.node .field--type-image,
|
|
.node--view-mode-teaser .field--type-image {
|
|
margin: 0;
|
|
line-height: 0;
|
|
}
|
|
|
|
|
|
.schunderkids article.node--type-page.node--view-mode-full,
|
|
.schundertour article.node--type-page.node--view-mode-full,
|
|
.earrelevant article.node--type-page.node--view-mode-full,
|
|
.stretchmarx-und-eargels article.node--type-page.node--view-mode-full {
|
|
display: none;
|
|
}
|
|
|
|
.node--type-artist.node--view-mode-teaser h2 {
|
|
text-align: right;
|
|
}
|
|
|
|
.node--type-artist.node--view-mode-teaser h2 a {
|
|
color: red;
|
|
}
|
|
|
|
/*
|
|
.schunderkids #page:before {
|
|
left: 0;
|
|
width: 100%;
|
|
background-image: url(../slike/kids.jpg);
|
|
}
|
|
|
|
*/
|
|
|
|
.view-content {
|
|
position: relative;
|
|
}
|
|
|
|
.path-frontpage main:before,
|
|
.schunderkids main:before {
|
|
content: '';
|
|
background-color: var(--rumena);
|
|
display: block;
|
|
width: 85%;
|
|
left: 7.5%;
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
z-index: -10;
|
|
}
|
|
|
|
.views-slideshow-controls-top {
|
|
background-color: var(--rumena);
|
|
padding: .25rem 0;
|
|
}
|
|
.views-slideshow-controls-top > .item-list {
|
|
position: relative;
|
|
}
|
|
.views-slideshow-controls-top:before {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%;
|
|
height: 3rem;
|
|
background-color: var(--rumena);
|
|
}
|
|
#views_slideshow_cycle_main_izpostavljeno-block_1 {
|
|
margin-top: -1.9rem;
|
|
}
|
|
|
|
|
|
#widget_pager_top_izpostavljeno-block_1 {
|
|
margin: 0 0 0 4rem;
|
|
}
|
|
|
|
#widget_pager_top_izpostavljeno-block_1 > li {
|
|
background: black;
|
|
width: 10px;
|
|
height: 10px;
|
|
overflow: hidden;
|
|
padding: 0;
|
|
margin: 8px 8px 8px 0;
|
|
border-radius: 50%;
|
|
float: left;
|
|
color: transparent;
|
|
}
|
|
#widget_pager_top_izpostavljeno-block_1 > li.active {
|
|
background: white;
|
|
}
|
|
|
|
.views_slideshow_cycle_slide,
|
|
.views_slideshow_cycle_teaser_section {
|
|
width: 100% !important;
|
|
}
|
|
.views_slideshow_cycle_slide .views-field-title {
|
|
float: right;
|
|
}
|
|
.views_slideshow_cycle_slide .views-field-title a {
|
|
color: var(--rdeca);
|
|
border-bottom: none;
|
|
font-size: 1.2rem;
|
|
}
|
|
.views_slideshow_cycle_slide .views-field-field-image a {
|
|
color: transparent;
|
|
}
|
|
|
|
.views_slideshow_pager_field .views_slideshow_pager_field_item a {
|
|
color: transparent;
|
|
}
|
|
|
|
/* .view-id-izpostavljeno { */
|
|
#block-views-block-izpostavljeno-block-1 {
|
|
max-width: 25rem;
|
|
margin: 0 7.5%;
|
|
position: relative;
|
|
padding-top: 9rem;
|
|
}
|
|
|
|
@media screen and (max-width: 535px) {
|
|
#block-views-block-izpostavljeno-block-1 {
|
|
padding-bottom: 0;
|
|
}
|
|
}
|
|
|
|
#block-views-block-izpostavljeno-block-1 h2 {
|
|
position: absolute;
|
|
z-index: 10;
|
|
font-size: 1rem;
|
|
left: .6rem;
|
|
top: 8.25rem;
|
|
}
|
|
|
|
/* podstran slika glave */
|
|
.block-views-block-slika-glave-za-podstran-block-1 {
|
|
z-index: -100;
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
}
|
|
|
|
.block-views-block-slika-glave-za-podstran-block-1 img {
|
|
object-fit: cover;
|
|
width: 100%;
|
|
height: 100%;
|
|
min-height: 100vh;
|
|
}
|
|
|
|
.field--type-image img {
|
|
margin: 0;
|
|
}
|
|
.field--name-field-galerija {
|
|
margin-top: 1rem !important;
|
|
display: grid;
|
|
grid-template-columns: repeat(2, 1fr);
|
|
grid-gap: 1rem;
|
|
}
|
|
.field--name-field-galerija img {
|
|
height: 100%;
|
|
width: 100%;
|
|
object-fit: cover;
|
|
}
|
|
|
|
|
|
#block-views-block-partnerji-block-1 {
|
|
margin-top: 5rem;
|
|
}
|
|
#block-views-block-partnerji-block-1 > h2 {
|
|
font-size: 1.5rem;
|
|
font-weight: bold;
|
|
}
|
|
#block-views-block-partnerji-block-1 img {
|
|
width: 150px;
|
|
}
|
|
#block-views-block-partnerji-block-1 article {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
#block-views-block-partnerji-block-1 article .node__content {
|
|
order: 1;
|
|
}
|
|
#block-views-block-partnerji-block-1 article header {
|
|
order: 2;
|
|
}
|
|
|
|
article.node--type-partner:first-child img {
|
|
filter: brightness(2.5);
|
|
}
|
|
|
|
.layout-main {
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.stretchmarx-and-eargels {
|
|
}
|