/* DRUPAL RESETS 01 GENERAL 02 TEXT 03 IMAGES 04 LOGIN 05 PAGINATION 06 UNBUBLISHED */ /* ----------------------------------------------------------------------- 01 GENERAL /* ---------------------------------------------------------------------*/ .field--type-entity-reference { margin: 0; } .col { padding: 0; } .node__content { font-size: inherit; margin: 0 } .node--view-mode-teaser { border: 0; margin: 0; padding: 0; } /* ----------------------------------------------------------------------- 02 TEXT /* ---------------------------------------------------------------------*/ /* ----------------------------------------------------------------------- 03 IMAGES /* ---------------------------------------------------------------------*/ .node .field--type-image { float: none; margin: 0; } .field--type-image img, .field--name-field-user-picture img { margin: 0; width: 100%; height: auto; } /* ----------------------------------------------------------------------- 04 Protected Pages /* ---------------------------------------------------------------------*/ .path-protected-page #page { min-height: 100vh; display: flex; flex-direction: column; justify-content: space-between; } .path-protected-page #main { max-width: 700px; padding: calc(var(--header-height) + 2rem ) 0 calc(7rem - var(--section-gap)); } /* ----------------------------------------------------------------------- 04 USER /* ---------------------------------------------------------------------*/ .path-user #page, .node--type-media-link #page { min-height: 100vh; display: flex; flex-direction: column; justify-content: space-between; } .path-user #main, .node--type-media-link #main { max-width: 700px; padding: calc(var(--header-height) + 2rem ) 0 calc(7rem - var(--section-gap)); } /* ----------------------------------------------------------------------- 05 USER TABS /* ---------------------------------------------------------------------*/ nav.tabs { margin-bottom: 0 !important; position: fixed; bottom: 0; left: 0; z-index: 1000; width: 100%; display: flex; justify-content: center; background: #101010; height: var(--user-edit-bar-height); } nav.tabs .nav-tabs { border: 0 !important; } nav.tabs .nav-tabs .nav-link { border-radius: 0 !important; border: 0 !important; } nav.tabs .nav-item > a.nav-link:hover, .nav-item.show > a.nav-link { background-color: transparent; } nav.tabs .nav-item > a.nav-link:hover { color: #fff; } nav.tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color: #fff !important; background-color: transparent; border: 0 !important; } nav.tabs .nav-item > a.nav-link { padding: .5rem 1rem !important; color: var(--color-grey); } /* ----------------------------------------------------------------------- 05 PAGINATION /* ---------------------------------------------------------------------*/ #main-content .js-pager__items { margin: var(--section-gap) 0; list-style: none; padding: 0; display: flex; justify-content: center; } /* ----------------------------------------------------------------------- 06 UNPUBLISHED /* ---------------------------------------------------------------------*/ .paragraph--unpublished { background: none; position: relative; font-size: 1rem; } .paragraph--unpublished:not(.tabtext):after { display: block; content: 'Nicht veröffentlicht'; position: absolute; top: 1rem; right: 1rem; background: var(--color-primary); color: #fff; padding: .25rem 1rem .25rem 2.5rem; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cg id='noun_not_visible_3675671' data-name='noun_not visible_3675671' transform='translate(-1 -1)'%3E%3Cg id='Gruppe_300' data-name='Gruppe 300'%3E%3Cpath id='Pfad_891' data-name='Pfad 891' d='M17.2,25.7l-4.3-4.3A50.062,50.062,0,0,0,1,33C12,48,27.3,53.6,41.5,49.9l-5.1-5.1A19.978,19.978,0,0,1,33,45c-8.9,0-17.3-4.2-24.3-12A44,44,0,0,1,17.2,25.7Z' fill='%23fff'/%3E%3Cpath id='Pfad_892' data-name='Pfad 892' d='M21,29.5A12.131,12.131,0,0,0,32.5,41Z' fill='%23fff'/%3E%3Cpath id='Pfad_893' data-name='Pfad 893' d='M65,33C56.2,21,44.6,15,33,15a35.4,35.4,0,0,0-8.5,1.1,34.465,34.465,0,0,0-4.2,1.4L3.8,1,1,3.8,21.8,24.6,37.3,40.1h0l3.6,3.6,4.7,4.7h0L62.2,65,65,62.2,49.6,46.8a24.95,24.95,0,0,0,3.5-2.1A48.709,48.709,0,0,0,65,33ZM48.8,40.3c-1.2.7-2.4,1.4-3.7,2l-4.2-4.2A10.673,10.673,0,0,0,43.4,35a11.416,11.416,0,0,0,1.5-4.5A3.83,3.83,0,0,1,43,31h0a5.019,5.019,0,0,1-1.2-.2,5.359,5.359,0,0,1-1.1-.5,2.651,2.651,0,0,1-.6-.5A4.407,4.407,0,0,1,39,27a3.992,3.992,0,0,1,2.8-3.8A5.019,5.019,0,0,1,43,23h.4v-.1c.1,0,.1.1.2.1a17.6,17.6,0,0,1,2,.9A38.267,38.267,0,0,1,57.4,33,41.223,41.223,0,0,1,48.8,40.3Z' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); background-size: 1rem auto; background-repeat: no-repeat; background-position: center left 1rem; border-radius: 50px; z-index: 100; } .tabtext.paragraph--unpublished { opacity: .4; } .tabtext.paragraph--unpublished:before { display: block; content: ''; position: absolute; top: 0; right: 0; background: var(--color-primary); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cg id='noun_not_visible_3675671' data-name='noun_not visible_3675671' transform='translate(-1 -1)'%3E%3Cg id='Gruppe_300' data-name='Gruppe 300'%3E%3Cpath id='Pfad_891' data-name='Pfad 891' d='M17.2,25.7l-4.3-4.3A50.062,50.062,0,0,0,1,33C12,48,27.3,53.6,41.5,49.9l-5.1-5.1A19.978,19.978,0,0,1,33,45c-8.9,0-17.3-4.2-24.3-12A44,44,0,0,1,17.2,25.7Z' fill='%23fff'/%3E%3Cpath id='Pfad_892' data-name='Pfad 892' d='M21,29.5A12.131,12.131,0,0,0,32.5,41Z' fill='%23fff'/%3E%3Cpath id='Pfad_893' data-name='Pfad 893' d='M65,33C56.2,21,44.6,15,33,15a35.4,35.4,0,0,0-8.5,1.1,34.465,34.465,0,0,0-4.2,1.4L3.8,1,1,3.8,21.8,24.6,37.3,40.1h0l3.6,3.6,4.7,4.7h0L62.2,65,65,62.2,49.6,46.8a24.95,24.95,0,0,0,3.5-2.1A48.709,48.709,0,0,0,65,33ZM48.8,40.3c-1.2.7-2.4,1.4-3.7,2l-4.2-4.2A10.673,10.673,0,0,0,43.4,35a11.416,11.416,0,0,0,1.5-4.5A3.83,3.83,0,0,1,43,31h0a5.019,5.019,0,0,1-1.2-.2,5.359,5.359,0,0,1-1.1-.5,2.651,2.651,0,0,1-.6-.5A4.407,4.407,0,0,1,39,27a3.992,3.992,0,0,1,2.8-3.8A5.019,5.019,0,0,1,43,23h.4v-.1c.1,0,.1.1.2.1a17.6,17.6,0,0,1,2,.9A38.267,38.267,0,0,1,57.4,33,41.223,41.223,0,0,1,48.8,40.3Z' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); background-size: 1rem auto; background-repeat: no-repeat; background-position: center; border-radius: 50px; z-index: 100; width: 2rem; height: 2rem; } .paragraph--unpublished > * { opacity: .4; } .paragraph--unpublished:hover > * { opacity: 1; }