Remove "Shop" link in navigation; Summarize styles into classes
This commit is contained in:
parent
993e013de5
commit
c723d1c89f
|
@ -32,7 +32,7 @@
|
|||
<br />
|
||||
<span>
|
||||
·
|
||||
<span v-html="raw571z"></span>
|
||||
<span v-html="rawprj6"></span>
|
||||
</span>
|
||||
<span>
|
||||
Intensive Momente und Emotionen ermöglichen, die in Erinnerung
|
||||
|
@ -42,7 +42,7 @@
|
|||
<br />
|
||||
<span>
|
||||
·
|
||||
<span v-html="raw3mel"></span>
|
||||
<span v-html="raw8m0r"></span>
|
||||
</span>
|
||||
<span>
|
||||
Persönliche Auseinandersetzungen der Spieler mit nicht
|
||||
|
@ -53,7 +53,7 @@
|
|||
<br />
|
||||
<span>
|
||||
·
|
||||
<span v-html="raw2sm9"></span>
|
||||
<span v-html="rawbfv8"></span>
|
||||
</span>
|
||||
<span>
|
||||
Interne Charakterentwicklung oder -verfestigung durch externe
|
||||
|
@ -63,14 +63,14 @@
|
|||
<br />
|
||||
<span>
|
||||
·
|
||||
<span v-html="rawbefa"></span>
|
||||
<span v-html="raw8utu"></span>
|
||||
</span>
|
||||
<span>Dilemmata mit sich selbst und mit anderen.</span>
|
||||
<br />
|
||||
<br />
|
||||
<span>
|
||||
·
|
||||
<span v-html="raww03e"></span>
|
||||
<span v-html="raw884l"></span>
|
||||
</span>
|
||||
<span>
|
||||
Weder dauernder Zusammenhalt noch konstanter Konflikt, sondern
|
||||
|
@ -254,7 +254,7 @@
|
|||
<br />
|
||||
<span>
|
||||
Wir werden das
|
||||
<span v-html="rawduec"></span>
|
||||
<span v-html="rawxq53"></span>
|
||||
</span>
|
||||
<router-link to="/larpkonzept" class="info-box-navlink">
|
||||
Open Visor Larpkonzept
|
||||
|
@ -518,7 +518,7 @@
|
|||
<br />
|
||||
<span>
|
||||
Parkplatz:
|
||||
<span v-html="rawiwq6"></span>
|
||||
<span v-html="raw0a6r"></span>
|
||||
</span>
|
||||
<a
|
||||
href="https://goo.gl/maps/KgqAwRdw8pJSdmjTA"
|
||||
|
@ -1458,13 +1458,13 @@ export default {
|
|||
},
|
||||
data() {
|
||||
return {
|
||||
raw571z: ' ',
|
||||
raw3mel: ' ',
|
||||
raw2sm9: ' ',
|
||||
rawbefa: ' ',
|
||||
raww03e: ' ',
|
||||
rawduec: ' ',
|
||||
rawiwq6: ' ',
|
||||
rawprj6: ' ',
|
||||
raw8m0r: ' ',
|
||||
rawbfv8: ' ',
|
||||
raw8utu: ' ',
|
||||
raw884l: ' ',
|
||||
rawxq53: ' ',
|
||||
raw0a6r: ' ',
|
||||
}
|
||||
},
|
||||
}
|
||||
|
|
|
@ -29,26 +29,31 @@
|
|||
>
|
||||
<div
|
||||
data-thq="thq-dropdown-toggle"
|
||||
class="navigation-dropdown-toggle"
|
||||
class="mobile-menu-dropdown-toggle desktop-menu-dropdown-toggle"
|
||||
>
|
||||
<span class="navigation-larps nav-link">{{ larps }}</span>
|
||||
<span class="nav-link desktop-menu-dropdown-header">
|
||||
{{ larps }}
|
||||
</span>
|
||||
<div
|
||||
data-thq="thq-dropdown-arrow"
|
||||
class="navigation-dropdown-arrow"
|
||||
class="desktop-menu-arrow-container"
|
||||
>
|
||||
<svg viewBox="0 0 1024 1024" class="navigation-icon">
|
||||
<svg viewBox="0 0 1024 1024" class="desktop-menu-arrow">
|
||||
<path d="M426 726v-428l214 214z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<ul data-thq="thq-dropdown-list" class="navigation-dropdown-list">
|
||||
<ul data-thq="thq-dropdown-list" class="desktop-menu-dropdown-list">
|
||||
<router-link to="/letzte-gelegenheit">
|
||||
<li data-thq="thq-dropdown" class="navigation-dropdown list-item">
|
||||
<li
|
||||
data-thq="thq-dropdown"
|
||||
class="list-item desktop-menu-list-item"
|
||||
>
|
||||
<div
|
||||
data-thq="thq-dropdown-toggle"
|
||||
class="navigation-dropdown-toggle01"
|
||||
class="desktop-menu-dropdown-toggle desktop-menu-dropdown-element navigation-dropdown-toggle01"
|
||||
>
|
||||
<span class="desktop-menu-dropdown-text">
|
||||
<span class="desktop-menu-dropdown-option">
|
||||
{{ letzteGelegenheit }}
|
||||
</span>
|
||||
</div>
|
||||
|
@ -57,13 +62,13 @@
|
|||
<router-link to="/suesse-traeume">
|
||||
<li
|
||||
data-thq="thq-dropdown"
|
||||
class="navigation-dropdown1 list-item"
|
||||
class="list-item desktop-menu-list-item"
|
||||
>
|
||||
<div
|
||||
data-thq="thq-dropdown-toggle"
|
||||
class="navigation-dropdown-toggle02"
|
||||
class="desktop-menu-dropdown-element desktop-menu-dropdown-toggle navigation-dropdown-toggle02"
|
||||
>
|
||||
<span class="desktop-menu-dropdown-text">
|
||||
<span class="desktop-menu-dropdown-option">
|
||||
{{ suesseTraeume }}
|
||||
</span>
|
||||
</div>
|
||||
|
@ -77,31 +82,31 @@
|
|||
>
|
||||
<div
|
||||
data-thq="thq-dropdown-toggle"
|
||||
class="navigation-dropdown-toggle03"
|
||||
class="desktop-menu-dropdown-toggle"
|
||||
>
|
||||
<span class="navigation-drama-games nav-link">
|
||||
<span class="nav-link desktop-menu-dropdown-header">
|
||||
{{ dramaGames }}
|
||||
</span>
|
||||
<div
|
||||
data-thq="thq-dropdown-arrow"
|
||||
class="navigation-dropdown-arrow1"
|
||||
class="desktop-menu-arrow-container"
|
||||
>
|
||||
<svg viewBox="0 0 1024 1024" class="navigation-icon02">
|
||||
<svg viewBox="0 0 1024 1024" class="desktop-menu-arrow">
|
||||
<path d="M426 726v-428l214 214z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<ul data-thq="thq-dropdown-list" class="navigation-dropdown-list1">
|
||||
<ul data-thq="thq-dropdown-list" class="desktop-menu-dropdown-list">
|
||||
<router-link to="/murphys-larp">
|
||||
<li
|
||||
data-thq="thq-dropdown"
|
||||
class="navigation-dropdown2 list-item"
|
||||
class="list-item desktop-menu-list-item"
|
||||
>
|
||||
<div
|
||||
data-thq="thq-dropdown-toggle"
|
||||
class="navigation-dropdown-toggle04"
|
||||
class="desktop-menu-dropdown-toggle desktop-menu-dropdown-element navigation-dropdown-toggle04"
|
||||
>
|
||||
<span class="desktop-menu-dropdown-text">
|
||||
<span class="desktop-menu-dropdown-option">
|
||||
{{ murphysLarp }}
|
||||
</span>
|
||||
</div>
|
||||
|
@ -115,31 +120,31 @@
|
|||
>
|
||||
<div
|
||||
data-thq="thq-dropdown-toggle"
|
||||
class="navigation-dropdown-toggle05"
|
||||
class="desktop-menu-dropdown-toggle"
|
||||
>
|
||||
<span class="navigation-kurzgeschichten nav-link">
|
||||
<span class="nav-link desktop-menu-dropdown-header">
|
||||
{{ kurzgeschichten }}
|
||||
</span>
|
||||
<div
|
||||
data-thq="thq-dropdown-arrow"
|
||||
class="navigation-dropdown-arrow2"
|
||||
class="desktop-menu-arrow-container"
|
||||
>
|
||||
<svg viewBox="0 0 1024 1024" class="navigation-icon04">
|
||||
<svg viewBox="0 0 1024 1024" class="desktop-menu-arrow">
|
||||
<path d="M426 726v-428l214 214z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<ul data-thq="thq-dropdown-list" class="navigation-dropdown-list2">
|
||||
<ul data-thq="thq-dropdown-list" class="desktop-menu-dropdown-list">
|
||||
<router-link to="/ein-orden-fuer-eine-gute-tat">
|
||||
<li
|
||||
data-thq="thq-dropdown"
|
||||
class="navigation-dropdown3 list-item"
|
||||
class="list-item desktop-menu-list-item"
|
||||
>
|
||||
<div
|
||||
data-thq="thq-dropdown-toggle"
|
||||
class="navigation-dropdown-toggle06"
|
||||
class="desktop-menu-dropdown-element desktop-menu-dropdown-toggle navigation-dropdown-toggle06"
|
||||
>
|
||||
<span class="desktop-menu-dropdown-text">
|
||||
<span class="desktop-menu-dropdown-option">
|
||||
{{ einOrdenFuerEineGuteTat }}
|
||||
</span>
|
||||
</div>
|
||||
|
@ -148,13 +153,13 @@
|
|||
<router-link to="/rosenteufel">
|
||||
<li
|
||||
data-thq="thq-dropdown"
|
||||
class="navigation-dropdown4 list-item"
|
||||
class="list-item desktop-menu-list-item"
|
||||
>
|
||||
<div
|
||||
data-thq="thq-dropdown-toggle"
|
||||
class="navigation-dropdown-toggle07"
|
||||
class="desktop-menu-dropdown-toggle desktop-menu-dropdown-element"
|
||||
>
|
||||
<span class="desktop-menu-dropdown-text">
|
||||
<span class="desktop-menu-dropdown-option">
|
||||
{{ rosenteufel }}
|
||||
</span>
|
||||
</div>
|
||||
|
@ -162,9 +167,6 @@
|
|||
</router-link>
|
||||
</ul>
|
||||
</div>
|
||||
<a href="https://shop.openvisor.ch" class="desktop-menu-text nav-link">
|
||||
{{ shop }}
|
||||
</a>
|
||||
</nav>
|
||||
</div>
|
||||
<div data-thq="thq-burger-menu" class="navigation-burger-menu">
|
||||
|
@ -192,7 +194,7 @@
|
|||
<nav
|
||||
data-thq="thq-mobile-menu-nav-links"
|
||||
data-role="Nav"
|
||||
class="navigation-nav-body"
|
||||
class="mobile-menu-nav-body"
|
||||
>
|
||||
<router-link to="/" class="mobile-menu-text nav-link">
|
||||
{{ home }}
|
||||
|
@ -206,32 +208,31 @@
|
|||
<div data-thq="thq-dropdown" class="mobile-menu-dropdown list-item">
|
||||
<div
|
||||
data-thq="thq-dropdown-toggle"
|
||||
class="navigation-dropdown-toggle08"
|
||||
class="mobile-menu-dropdown-toggle"
|
||||
>
|
||||
<span class="navigation-larps1 nav-link">{{ larps }}</span>
|
||||
<span class="nav-link mobile-menu-dropdown-header">
|
||||
{{ larps }}
|
||||
</span>
|
||||
<div
|
||||
data-thq="thq-dropdown-arrow"
|
||||
class="navigation-dropdown-arrow3"
|
||||
class="mobile-menu-dropdown-arrow-container"
|
||||
>
|
||||
<svg viewBox="0 0 1024 1024" class="navigation-icon10">
|
||||
<svg viewBox="0 0 1024 1024" class="mobile-menu-dropdown-arrow">
|
||||
<path d="M426 726v-428l214 214z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<ul
|
||||
data-thq="thq-dropdown-list"
|
||||
class="navigation-larps-dropdown-list"
|
||||
>
|
||||
<ul data-thq="thq-dropdown-list" class="dropdown-list">
|
||||
<router-link to="/letzte-gelegenheit">
|
||||
<li
|
||||
data-thq="thq-dropdown"
|
||||
class="navigation-letzte-gelegenheit-dropdown list-item"
|
||||
class="list-item mobile-menu-list-item"
|
||||
>
|
||||
<div
|
||||
data-thq="thq-dropdown-toggle"
|
||||
class="navigation-dropdown-toggle09"
|
||||
>
|
||||
<span class="mobile-menu-dropdown-text nav-link">
|
||||
<span class="mobile-menu-dropdown-option nav-link">
|
||||
{{ letzteGelegenheit }}
|
||||
</span>
|
||||
</div>
|
||||
|
@ -240,7 +241,7 @@
|
|||
<router-link to="/suesse-traeume">
|
||||
<li
|
||||
data-thq="thq-dropdown"
|
||||
class="navigation-suesse-traeume-dropdown list-item"
|
||||
class="list-item mobile-menu-list-item"
|
||||
>
|
||||
<div
|
||||
data-thq="thq-dropdown-toggle"
|
||||
|
@ -257,32 +258,31 @@
|
|||
<div data-thq="thq-dropdown" class="mobile-menu-dropdown list-item">
|
||||
<div
|
||||
data-thq="thq-dropdown-toggle"
|
||||
class="navigation-dropdown-toggle11"
|
||||
class="mobile-menu-dropdown-toggle"
|
||||
>
|
||||
<span class="navigation-larps2 nav-link">{{ dramaGames }}</span>
|
||||
<span class="nav-link mobile-menu-dropdown-header">
|
||||
{{ dramaGames }}
|
||||
</span>
|
||||
<div
|
||||
data-thq="thq-dropdown-arrow"
|
||||
class="navigation-dropdown-arrow4"
|
||||
class="mobile-menu-dropdown-arrow-container"
|
||||
>
|
||||
<svg viewBox="0 0 1024 1024" class="navigation-icon12">
|
||||
<svg viewBox="0 0 1024 1024" class="mobile-menu-dropdown-arrow">
|
||||
<path d="M426 726v-428l214 214z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<ul
|
||||
data-thq="thq-dropdown-list"
|
||||
class="navigation-drama-games-dropdown-list"
|
||||
>
|
||||
<ul data-thq="thq-dropdown-list" class="dropdown-list">
|
||||
<router-link to="/murphys-larp">
|
||||
<li
|
||||
data-thq="thq-dropdown"
|
||||
class="navigation-murphys-larp-dropdown list-item"
|
||||
class="list-item mobile-menu-list-item"
|
||||
>
|
||||
<div
|
||||
data-thq="thq-dropdown-toggle"
|
||||
class="navigation-dropdown-toggle12"
|
||||
>
|
||||
<span class="mobile-menu-dropdown-text nav-link">
|
||||
<span class="mobile-menu-dropdown-option nav-link">
|
||||
{{ murphysLarp }}
|
||||
</span>
|
||||
</div>
|
||||
|
@ -293,34 +293,31 @@
|
|||
<div data-thq="thq-dropdown" class="mobile-menu-dropdown list-item">
|
||||
<div
|
||||
data-thq="thq-dropdown-toggle"
|
||||
class="navigation-dropdown-toggle13"
|
||||
class="mobile-menu-dropdown-toggle"
|
||||
>
|
||||
<span class="navigation-kurzgeschichten1 nav-link">
|
||||
<span class="nav-link mobile-menu-dropdown-header">
|
||||
{{ kurzgeschichten }}
|
||||
</span>
|
||||
<div
|
||||
data-thq="thq-dropdown-arrow"
|
||||
class="navigation-dropdown-arrow5"
|
||||
class="mobile-menu-dropdown-arrow-container"
|
||||
>
|
||||
<svg viewBox="0 0 1024 1024" class="navigation-icon14">
|
||||
<svg viewBox="0 0 1024 1024" class="mobile-menu-dropdown-arrow">
|
||||
<path d="M426 726v-428l214 214z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<ul
|
||||
data-thq="thq-dropdown-list"
|
||||
class="navigation-kurzgeschichten-dropdown-list"
|
||||
>
|
||||
<ul data-thq="thq-dropdown-list" class="dropdown-list">
|
||||
<router-link to="/ein-orden-fuer-eine-gute-tat">
|
||||
<li
|
||||
data-thq="thq-dropdown"
|
||||
class="navigation-ein-orden-fuer-eine-gute-tat-dropdown list-item"
|
||||
class="list-item mobile-menu-list-item"
|
||||
>
|
||||
<div
|
||||
data-thq="thq-dropdown-toggle"
|
||||
class="navigation-dropdown-toggle14"
|
||||
class="mobile-menu-dropdown-toggle mobile-menu-dropdown-element"
|
||||
>
|
||||
<span class="mobile-menu-dropdown-text nav-link">
|
||||
<span class="mobile-menu-dropdown-option nav-link">
|
||||
{{ einOrdenFuerEineGuteTat }}
|
||||
</span>
|
||||
</div>
|
||||
|
@ -329,13 +326,13 @@
|
|||
<router-link to="/rosenteufel">
|
||||
<li
|
||||
data-thq="thq-dropdown"
|
||||
class="navigation-rosenteufel-dropdown list-item"
|
||||
class="list-item mobile-menu-list-item"
|
||||
>
|
||||
<div
|
||||
data-thq="thq-dropdown-toggle"
|
||||
class="navigation-dropdown-toggle15"
|
||||
class="mobile-menu-dropdown-toggle mobile-menu-dropdown-element navigation-dropdown-toggle15"
|
||||
>
|
||||
<span class="mobile-menu-dropdown-text nav-link">
|
||||
<span class="mobile-menu-dropdown-option nav-link">
|
||||
{{ rosenteufel }}
|
||||
</span>
|
||||
</div>
|
||||
|
@ -343,9 +340,6 @@
|
|||
</router-link>
|
||||
</ul>
|
||||
</div>
|
||||
<a href="https://shop.openvisor.ch" class="mobile-menu-text nav-link">
|
||||
{{ shop }}Shop
|
||||
</a>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -444,7 +438,7 @@ export default {
|
|||
display: flex;
|
||||
}
|
||||
.navigation-nav {
|
||||
gap: var(--dl-space-space-twounits);
|
||||
gap: 40px;
|
||||
flex: 0 0 auto;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
@ -456,100 +450,11 @@ export default {
|
|||
position: relative;
|
||||
border-radius: var(--dl-radius-radius-radius2);
|
||||
}
|
||||
.navigation-dropdown-toggle {
|
||||
fill: #595959;
|
||||
color: #595959;
|
||||
width: 100%;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
padding-top: var(--dl-space-space-halfunit);
|
||||
padding-left: 0px;
|
||||
border-radius: var(--dl-radius-radius-radius2);
|
||||
padding-right: 0px;
|
||||
padding-bottom: var(--dl-space-space-halfunit);
|
||||
}
|
||||
.navigation-larps {
|
||||
color: #ffffff;
|
||||
font-style: normal;
|
||||
text-align: center;
|
||||
font-family: Poppins;
|
||||
font-weight: 500;
|
||||
margin-right: 4px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.navigation-dropdown-arrow {
|
||||
transition: 0.3s;
|
||||
}
|
||||
.navigation-icon {
|
||||
fill: #ffffff;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
margin-top: auto;
|
||||
transition: 0.3s;
|
||||
margin-bottom: auto;
|
||||
}
|
||||
.navigation-dropdown-list {
|
||||
left: 0%;
|
||||
width: max-content;
|
||||
display: none;
|
||||
z-index: 100;
|
||||
position: absolute;
|
||||
min-width: 100%;
|
||||
transition: 0.3s;
|
||||
align-items: stretch;
|
||||
border-color: #D9D9D9;
|
||||
border-width: 1px;
|
||||
border-radius: var(--dl-radius-radius-radius4);
|
||||
flex-direction: column;
|
||||
list-style-type: none;
|
||||
background-color: var(--dl-color-gray-white);
|
||||
list-style-position: inside;
|
||||
}
|
||||
.navigation-dropdown {
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
border-radius: var(--dl-radius-radius-radius2);
|
||||
text-decoration: none;
|
||||
}
|
||||
.navigation-dropdown-toggle01 {
|
||||
fill: #595959;
|
||||
color: #595959;
|
||||
width: 100%;
|
||||
display: inline-flex;
|
||||
transition: 0.3s;
|
||||
align-items: center;
|
||||
padding-top: var(--dl-space-space-halfunit);
|
||||
padding-left: var(--dl-space-space-unit);
|
||||
border-radius: var(--dl-radius-radius-radius4);
|
||||
padding-right: var(--dl-space-space-unit);
|
||||
padding-bottom: var(--dl-space-space-halfunit);
|
||||
}
|
||||
.navigation-dropdown-toggle01:hover {
|
||||
fill: #fff;
|
||||
color: #fff;
|
||||
background-color: #595959;
|
||||
}
|
||||
.navigation-dropdown1 {
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
border-radius: var(--dl-radius-radius-radius2);
|
||||
text-decoration: none;
|
||||
}
|
||||
.navigation-dropdown-toggle02 {
|
||||
fill: #595959;
|
||||
color: #595959;
|
||||
width: 100%;
|
||||
display: inline-flex;
|
||||
transition: 0.3s;
|
||||
align-items: center;
|
||||
padding-top: var(--dl-space-space-halfunit);
|
||||
padding-left: var(--dl-space-space-unit);
|
||||
border-radius: var(--dl-radius-radius-radius4);
|
||||
padding-right: var(--dl-space-space-unit);
|
||||
padding-bottom: var(--dl-space-space-halfunit);
|
||||
}
|
||||
.navigation-dropdown-toggle02:hover {
|
||||
fill: #fff;
|
||||
color: #fff;
|
||||
|
@ -561,75 +466,6 @@ export default {
|
|||
position: relative;
|
||||
border-radius: var(--dl-radius-radius-radius2);
|
||||
}
|
||||
.navigation-dropdown-toggle03 {
|
||||
fill: #595959;
|
||||
color: #595959;
|
||||
width: 100%;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
padding-top: var(--dl-space-space-halfunit);
|
||||
padding-left: 0px;
|
||||
border-radius: var(--dl-radius-radius-radius2);
|
||||
padding-right: 0px;
|
||||
padding-bottom: var(--dl-space-space-halfunit);
|
||||
}
|
||||
.navigation-drama-games {
|
||||
color: #ffffff;
|
||||
font-style: normal;
|
||||
text-align: center;
|
||||
font-family: Poppins;
|
||||
font-weight: 500;
|
||||
margin-right: 4px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.navigation-dropdown-arrow1 {
|
||||
transition: 0.3s;
|
||||
}
|
||||
.navigation-icon02 {
|
||||
fill: #ffffff;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
margin-top: auto;
|
||||
transition: 0.3s;
|
||||
margin-bottom: auto;
|
||||
}
|
||||
.navigation-dropdown-list1 {
|
||||
left: 0%;
|
||||
width: max-content;
|
||||
display: none;
|
||||
z-index: 100;
|
||||
position: absolute;
|
||||
min-width: 100%;
|
||||
transition: 0.3s;
|
||||
align-items: stretch;
|
||||
border-color: #D9D9D9;
|
||||
border-width: 1px;
|
||||
border-radius: var(--dl-radius-radius-radius4);
|
||||
flex-direction: column;
|
||||
list-style-type: none;
|
||||
background-color: var(--dl-color-gray-white);
|
||||
list-style-position: inside;
|
||||
}
|
||||
.navigation-dropdown2 {
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
border-radius: var(--dl-radius-radius-radius2);
|
||||
text-decoration: none;
|
||||
}
|
||||
.navigation-dropdown-toggle04 {
|
||||
fill: #595959;
|
||||
color: #595959;
|
||||
width: 100%;
|
||||
display: inline-flex;
|
||||
transition: 0.3s;
|
||||
align-items: center;
|
||||
padding-top: var(--dl-space-space-halfunit);
|
||||
padding-left: var(--dl-space-space-unit);
|
||||
border-radius: var(--dl-radius-radius-radius4);
|
||||
padding-right: var(--dl-space-space-unit);
|
||||
padding-bottom: var(--dl-space-space-halfunit);
|
||||
}
|
||||
.navigation-dropdown-toggle04:hover {
|
||||
fill: #fff;
|
||||
color: #fff;
|
||||
|
@ -641,105 +477,11 @@ export default {
|
|||
position: relative;
|
||||
border-radius: var(--dl-radius-radius-radius2);
|
||||
}
|
||||
.navigation-dropdown-toggle05 {
|
||||
fill: #595959;
|
||||
color: #595959;
|
||||
width: 100%;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
padding-top: var(--dl-space-space-halfunit);
|
||||
padding-left: 0px;
|
||||
border-radius: var(--dl-radius-radius-radius2);
|
||||
padding-right: 0px;
|
||||
padding-bottom: var(--dl-space-space-halfunit);
|
||||
}
|
||||
.navigation-kurzgeschichten {
|
||||
color: #ffffff;
|
||||
font-style: normal;
|
||||
text-align: center;
|
||||
font-family: Poppins;
|
||||
font-weight: 500;
|
||||
margin-right: 4px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.navigation-dropdown-arrow2 {
|
||||
transition: 0.3s;
|
||||
}
|
||||
.navigation-icon04 {
|
||||
fill: #ffffff;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
margin-top: auto;
|
||||
transition: 0.3s;
|
||||
margin-bottom: auto;
|
||||
}
|
||||
.navigation-dropdown-list2 {
|
||||
left: 0%;
|
||||
width: max-content;
|
||||
display: none;
|
||||
z-index: 100;
|
||||
position: absolute;
|
||||
min-width: 100%;
|
||||
transition: 0.3s;
|
||||
align-items: stretch;
|
||||
border-color: #D9D9D9;
|
||||
border-width: 1px;
|
||||
border-radius: var(--dl-radius-radius-radius4);
|
||||
flex-direction: column;
|
||||
list-style-type: none;
|
||||
background-color: var(--dl-color-gray-white);
|
||||
list-style-position: inside;
|
||||
}
|
||||
.navigation-dropdown3 {
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
border-radius: var(--dl-radius-radius-radius2);
|
||||
text-decoration: none;
|
||||
}
|
||||
.navigation-dropdown-toggle06 {
|
||||
fill: #595959;
|
||||
color: #595959;
|
||||
width: 100%;
|
||||
display: inline-flex;
|
||||
transition: 0.3s;
|
||||
align-items: center;
|
||||
padding-top: var(--dl-space-space-halfunit);
|
||||
padding-left: var(--dl-space-space-unit);
|
||||
border-radius: var(--dl-radius-radius-radius4);
|
||||
padding-right: var(--dl-space-space-unit);
|
||||
padding-bottom: var(--dl-space-space-halfunit);
|
||||
}
|
||||
.navigation-dropdown-toggle06:hover {
|
||||
fill: #fff;
|
||||
color: #fff;
|
||||
background-color: #595959;
|
||||
}
|
||||
.navigation-dropdown4 {
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
border-radius: var(--dl-radius-radius-radius2);
|
||||
text-decoration: none;
|
||||
}
|
||||
.navigation-dropdown-toggle07 {
|
||||
fill: #595959;
|
||||
color: #595959;
|
||||
width: 100%;
|
||||
display: inline-flex;
|
||||
transition: 0.3s;
|
||||
align-items: center;
|
||||
padding-top: var(--dl-space-space-halfunit);
|
||||
padding-left: var(--dl-space-space-unit);
|
||||
border-radius: var(--dl-radius-radius-radius4);
|
||||
padding-right: var(--dl-space-space-unit);
|
||||
padding-bottom: var(--dl-space-space-halfunit);
|
||||
}
|
||||
.navigation-dropdown-toggle07:hover {
|
||||
fill: #fff;
|
||||
color: #fff;
|
||||
background-color: #595959;
|
||||
}
|
||||
.navigation-burger-menu {
|
||||
display: none;
|
||||
align-items: center;
|
||||
|
@ -765,7 +507,7 @@ export default {
|
|||
height: 100vh;
|
||||
display: none;
|
||||
padding: 32px;
|
||||
z-index: 100;
|
||||
z-index: 99;
|
||||
position: absolute;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
|
@ -799,69 +541,6 @@ export default {
|
|||
.navigation-icon08:hover {
|
||||
opacity: 0.5;
|
||||
}
|
||||
.navigation-nav-body {
|
||||
flex: 0 0 auto;
|
||||
display: flex;
|
||||
margin-top: -30px;
|
||||
align-items: flex-start;
|
||||
margin-left: 30px;
|
||||
flex-direction: column;
|
||||
}
|
||||
.navigation-dropdown-toggle08 {
|
||||
fill: #595959;
|
||||
color: #595959;
|
||||
width: 100%;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
padding-top: var(--dl-space-space-halfunit);
|
||||
padding-left: var(--dl-space-space-unit);
|
||||
border-radius: var(--dl-radius-radius-radius2);
|
||||
padding-right: var(--dl-space-space-unit);
|
||||
padding-bottom: var(--dl-space-space-halfunit);
|
||||
}
|
||||
.navigation-larps1 {
|
||||
font-size: 14px;
|
||||
font-style: normal;
|
||||
text-align: center;
|
||||
font-family: Poppins;
|
||||
font-weight: 500;
|
||||
margin-right: 4px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.navigation-dropdown-arrow3 {
|
||||
transition: 0.3s;
|
||||
}
|
||||
.navigation-icon10 {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
margin-top: auto;
|
||||
transition: 0.3s;
|
||||
margin-bottom: auto;
|
||||
}
|
||||
.navigation-larps-dropdown-list {
|
||||
left: 0%;
|
||||
width: max-content;
|
||||
display: none;
|
||||
z-index: 100;
|
||||
position: absolute;
|
||||
min-width: 100%;
|
||||
transition: 0.3s;
|
||||
align-items: stretch;
|
||||
border-color: #D9D9D9;
|
||||
border-width: 1px;
|
||||
border-radius: var(--dl-radius-radius-radius4);
|
||||
flex-direction: column;
|
||||
list-style-type: none;
|
||||
background-color: var(--dl-color-gray-white);
|
||||
list-style-position: inside;
|
||||
}
|
||||
.navigation-letzte-gelegenheit-dropdown {
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
border-radius: var(--dl-radius-radius-radius2);
|
||||
text-decoration: none;
|
||||
}
|
||||
.navigation-dropdown-toggle09 {
|
||||
fill: #595959;
|
||||
color: #595959;
|
||||
|
@ -880,13 +559,6 @@ export default {
|
|||
color: #fff;
|
||||
background-color: #595959;
|
||||
}
|
||||
.navigation-suesse-traeume-dropdown {
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
border-radius: var(--dl-radius-radius-radius2);
|
||||
text-decoration: none;
|
||||
}
|
||||
.navigation-dropdown-toggle10 {
|
||||
fill: #595959;
|
||||
color: #595959;
|
||||
|
@ -914,61 +586,6 @@ export default {
|
|||
font-family: Poppins;
|
||||
font-weight: 400;
|
||||
}
|
||||
.navigation-dropdown-toggle11 {
|
||||
fill: #595959;
|
||||
color: #595959;
|
||||
width: 100%;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
padding-top: var(--dl-space-space-halfunit);
|
||||
padding-left: var(--dl-space-space-unit);
|
||||
border-radius: var(--dl-radius-radius-radius2);
|
||||
padding-right: var(--dl-space-space-unit);
|
||||
padding-bottom: var(--dl-space-space-halfunit);
|
||||
}
|
||||
.navigation-larps2 {
|
||||
font-size: 14px;
|
||||
font-style: normal;
|
||||
text-align: center;
|
||||
font-family: Poppins;
|
||||
font-weight: 500;
|
||||
margin-right: 4px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.navigation-dropdown-arrow4 {
|
||||
transition: 0.3s;
|
||||
}
|
||||
.navigation-icon12 {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
margin-top: auto;
|
||||
transition: 0.3s;
|
||||
margin-bottom: auto;
|
||||
}
|
||||
.navigation-drama-games-dropdown-list {
|
||||
left: 0%;
|
||||
width: max-content;
|
||||
display: none;
|
||||
z-index: 100;
|
||||
position: absolute;
|
||||
min-width: 100%;
|
||||
transition: 0.3s;
|
||||
align-items: stretch;
|
||||
border-color: #D9D9D9;
|
||||
border-width: 1px;
|
||||
border-radius: var(--dl-radius-radius-radius4);
|
||||
flex-direction: column;
|
||||
list-style-type: none;
|
||||
background-color: var(--dl-color-gray-white);
|
||||
list-style-position: inside;
|
||||
}
|
||||
.navigation-murphys-larp-dropdown {
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
border-radius: var(--dl-radius-radius-radius2);
|
||||
text-decoration: none;
|
||||
}
|
||||
.navigation-dropdown-toggle12 {
|
||||
fill: #595959;
|
||||
color: #595959;
|
||||
|
@ -987,99 +604,6 @@ export default {
|
|||
color: #fff;
|
||||
background-color: #595959;
|
||||
}
|
||||
.navigation-dropdown-toggle13 {
|
||||
fill: #595959;
|
||||
color: #595959;
|
||||
width: 100%;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
padding-top: var(--dl-space-space-halfunit);
|
||||
padding-left: var(--dl-space-space-unit);
|
||||
border-radius: var(--dl-radius-radius-radius2);
|
||||
padding-right: var(--dl-space-space-unit);
|
||||
padding-bottom: var(--dl-space-space-halfunit);
|
||||
}
|
||||
.navigation-kurzgeschichten1 {
|
||||
font-size: 14px;
|
||||
font-style: normal;
|
||||
text-align: center;
|
||||
font-family: Poppins;
|
||||
font-weight: 500;
|
||||
margin-right: 4px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.navigation-dropdown-arrow5 {
|
||||
transition: 0.3s;
|
||||
}
|
||||
.navigation-icon14 {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
margin-top: auto;
|
||||
transition: 0.3s;
|
||||
margin-bottom: auto;
|
||||
}
|
||||
.navigation-kurzgeschichten-dropdown-list {
|
||||
left: 0%;
|
||||
width: max-content;
|
||||
display: none;
|
||||
z-index: 100;
|
||||
position: absolute;
|
||||
min-width: 100%;
|
||||
transition: 0.3s;
|
||||
align-items: stretch;
|
||||
border-color: #D9D9D9;
|
||||
border-width: 1px;
|
||||
border-radius: var(--dl-radius-radius-radius4);
|
||||
flex-direction: column;
|
||||
list-style-type: none;
|
||||
background-color: var(--dl-color-gray-white);
|
||||
list-style-position: inside;
|
||||
}
|
||||
.navigation-ein-orden-fuer-eine-gute-tat-dropdown {
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
border-radius: var(--dl-radius-radius-radius2);
|
||||
text-decoration: none;
|
||||
}
|
||||
.navigation-dropdown-toggle14 {
|
||||
fill: #595959;
|
||||
color: #595959;
|
||||
width: 100%;
|
||||
display: inline-flex;
|
||||
transition: 0.3s;
|
||||
align-items: center;
|
||||
padding-top: var(--dl-space-space-halfunit);
|
||||
padding-left: var(--dl-space-space-unit);
|
||||
border-radius: var(--dl-radius-radius-radius4);
|
||||
padding-right: var(--dl-space-space-unit);
|
||||
padding-bottom: var(--dl-space-space-halfunit);
|
||||
}
|
||||
.navigation-dropdown-toggle14:hover {
|
||||
fill: #fff;
|
||||
color: #fff;
|
||||
background-color: #595959;
|
||||
}
|
||||
.navigation-rosenteufel-dropdown {
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
border-radius: var(--dl-radius-radius-radius2);
|
||||
text-decoration: none;
|
||||
}
|
||||
.navigation-dropdown-toggle15 {
|
||||
fill: #595959;
|
||||
color: #595959;
|
||||
width: 100%;
|
||||
display: inline-flex;
|
||||
transition: 0.3s;
|
||||
align-items: center;
|
||||
padding-top: var(--dl-space-space-halfunit);
|
||||
padding-left: var(--dl-space-space-unit);
|
||||
border-radius: var(--dl-radius-radius-radius4);
|
||||
padding-right: var(--dl-space-space-unit);
|
||||
padding-bottom: var(--dl-space-space-halfunit);
|
||||
}
|
||||
.navigation-dropdown-toggle15:hover {
|
||||
fill: #fff;
|
||||
color: #fff;
|
||||
|
@ -1130,67 +654,13 @@ export default {
|
|||
}
|
||||
}
|
||||
@media(max-width: 767px) {
|
||||
.navigation-dropdown-list {
|
||||
display: none;
|
||||
}
|
||||
.navigation-dropdown-list1 {
|
||||
display: none;
|
||||
}
|
||||
.navigation-dropdown-list2 {
|
||||
display: none;
|
||||
}
|
||||
.navigation-larps1 {
|
||||
color: #ffffff;
|
||||
font-size: 16px;
|
||||
}
|
||||
.navigation-icon10 {
|
||||
fill: #ffffff;
|
||||
}
|
||||
.navigation-larps-dropdown-list {
|
||||
display: none;
|
||||
border-color: #000000;
|
||||
background-color: rgb(41, 41, 41);
|
||||
}
|
||||
.navigation-suesse-traeume1 {
|
||||
color: #ffffff;
|
||||
}
|
||||
.navigation-larps2 {
|
||||
color: #ffffff;
|
||||
font-size: 16px;
|
||||
}
|
||||
.navigation-icon12 {
|
||||
fill: #ffffff;
|
||||
}
|
||||
.navigation-drama-games-dropdown-list {
|
||||
display: none;
|
||||
border-color: #000000;
|
||||
background-color: rgb(41, 41, 41);
|
||||
}
|
||||
.navigation-kurzgeschichten1 {
|
||||
color: #ffffff;
|
||||
font-size: 16px;
|
||||
}
|
||||
.navigation-icon14 {
|
||||
fill: #ffffff;
|
||||
}
|
||||
.navigation-kurzgeschichten-dropdown-list {
|
||||
display: none;
|
||||
border-color: #000000;
|
||||
background-color: rgb(41, 41, 41);
|
||||
}
|
||||
}
|
||||
@media(max-width: 479px) {
|
||||
.navigation-navbar-interactive {
|
||||
padding: var(--dl-space-space-unit);
|
||||
}
|
||||
.navigation-icon10 {
|
||||
fill: #ffffff;
|
||||
}
|
||||
.navigation-icon12 {
|
||||
fill: #ffffff;
|
||||
}
|
||||
.navigation-icon14 {
|
||||
fill: #ffffff;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
|
@ -12,7 +12,7 @@
|
|||
<h1 class="row1-header1">
|
||||
<span>
|
||||
Leitung der Justizvollzugsanstalt
|
||||
<span v-html="rawlrtl"></span>
|
||||
<span v-html="raw048v"></span>
|
||||
</span>
|
||||
<br />
|
||||
</h1>
|
||||
|
@ -105,7 +105,7 @@ export default {
|
|||
},
|
||||
data() {
|
||||
return {
|
||||
rawlrtl: ' ',
|
||||
raw048v: ' ',
|
||||
}
|
||||
},
|
||||
}
|
||||
|
|
|
@ -66,7 +66,7 @@
|
|||
Tabellen und Graphen auf Notizzettel. Die Wärter mussten Jenatsch schon
|
||||
mehrmals dafür bestrafen, als Jenatsch diese trotz Warnungen überall
|
||||
wieder liegen liess.
|
||||
<span v-html="rawcvmg"></span>
|
||||
<span v-html="rawpxu6"></span>
|
||||
</span>
|
||||
<span>Ab und zu spielt Jenatsch Karten mit Collins und Krüger.</span>
|
||||
<br />
|
||||
|
@ -113,7 +113,7 @@ export default {
|
|||
},
|
||||
data() {
|
||||
return {
|
||||
rawcvmg: ' ',
|
||||
rawpxu6: ' ',
|
||||
}
|
||||
},
|
||||
}
|
||||
|
|
164
src/style.css
164
src/style.css
|
@ -79,7 +79,7 @@
|
|||
display: flex !important;
|
||||
}
|
||||
.nav-link {
|
||||
color: #fff;
|
||||
color: #ffffff;
|
||||
font-size: 16px;
|
||||
font-style: Medium;
|
||||
text-align: left;
|
||||
|
@ -121,8 +121,9 @@
|
|||
font-family: Poppins;
|
||||
font-weight: 500;
|
||||
line-height: 36px;
|
||||
padding-left: 12px;
|
||||
padding-right: 12px;
|
||||
letter-spacing: 2px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.section-heading {
|
||||
color: rgb(255, 255, 255);
|
||||
|
@ -398,7 +399,7 @@
|
|||
.event-yellow {
|
||||
color: #ffff00;
|
||||
}
|
||||
.desktop-menu-dropdown-text {
|
||||
.desktop-menu-dropdown-option {
|
||||
width: 100%;
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
|
@ -407,7 +408,7 @@
|
|||
font-family: "Poppins";
|
||||
font-weight: 400;
|
||||
}
|
||||
.mobile-menu-dropdown-text {
|
||||
.mobile-menu-dropdown-option {
|
||||
width: 100%;
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
|
@ -417,6 +418,7 @@
|
|||
font-weight: 400;
|
||||
}
|
||||
.mobile-menu-text {
|
||||
cursor: pointer;
|
||||
font-style: normal;
|
||||
font-family: Poppins;
|
||||
font-weight: 500;
|
||||
|
@ -440,8 +442,8 @@
|
|||
margin-bottom: var(--dl-space-space-halfunit);
|
||||
padding-right: 12px;
|
||||
}
|
||||
.page-heading {
|
||||
text-transform: capitalize;
|
||||
.uppercase {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.card-heading {
|
||||
color: #ffffff;
|
||||
|
@ -501,11 +503,151 @@
|
|||
justify-content: center;
|
||||
}
|
||||
.mobile-menu-dropdown {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
font-weight: 500;
|
||||
border-radius: var(--dl-radius-radius-radius2);
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
.mobile-menu-dropdown-toggle {
|
||||
fill: #595959;
|
||||
color: #595959;
|
||||
width: 100%;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
padding-top: var(--dl-space-space-halfunit);
|
||||
padding-left: var(--dl-space-space-unit);
|
||||
border-radius: var(--dl-radius-radius-radius2);
|
||||
padding-right: var(--dl-space-space-unit);
|
||||
padding-bottom: var(--dl-space-space-halfunit);
|
||||
}
|
||||
.dropdown-list {
|
||||
left: 0%;
|
||||
width: max-content;
|
||||
display: none;
|
||||
z-index: 100;
|
||||
position: absolute;
|
||||
min-width: 100%;
|
||||
transition: 0.3s;
|
||||
align-items: stretch;
|
||||
border-color: #D9D9D9;
|
||||
border-width: 1px;
|
||||
border-radius: var(--dl-radius-radius-radius4);
|
||||
flex-direction: column;
|
||||
list-style-type: none;
|
||||
background-color: White (Gray);
|
||||
list-style-position: inside;
|
||||
}
|
||||
.mobile-menu-list-item {
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
border-radius: var(--dl-radius-radius-radius2);
|
||||
margin-bottom: 12px;
|
||||
text-decoration: none;
|
||||
}
|
||||
.mobile-menu-dropdown-element {
|
||||
transition: 0.3s;
|
||||
border-radius: var(--dl-radius-radius-radius4);
|
||||
}
|
||||
.mobile-menu-dropdown-element:hover {
|
||||
fill: #fff;
|
||||
color: #fff;
|
||||
background-color: #595959;
|
||||
}
|
||||
.mobile-menu-dropdown-header {
|
||||
font-size: 16px;
|
||||
font-style: normal;
|
||||
text-align: center;
|
||||
font-family: Poppins;
|
||||
font-weight: 500;
|
||||
margin-right: 4px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.mobile-menu-dropdown-arrow-container {
|
||||
transition: 0.3s;
|
||||
}
|
||||
.mobile-menu-dropdown-arrow {
|
||||
fill: #ffffff;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
margin-top: auto;
|
||||
transition: 0.3s;
|
||||
margin-bottom: auto;
|
||||
}
|
||||
.mobile-menu-nav-body {
|
||||
flex: 0 0 auto;
|
||||
display: flex;
|
||||
margin-top: -30px;
|
||||
align-items: flex-start;
|
||||
margin-left: 30px;
|
||||
flex-direction: column;
|
||||
}
|
||||
.desktop-menu-dropdown-toggle {
|
||||
fill: #595959;
|
||||
color: #595959;
|
||||
width: 100%;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
padding-top: var(--dl-space-space-halfunit);
|
||||
padding-left: 0px;
|
||||
border-radius: var(--dl-radius-radius-radius2);
|
||||
padding-right: 0px;
|
||||
padding-bottom: var(--dl-space-space-halfunit);
|
||||
}
|
||||
.desktop-menu-dropdown-header {
|
||||
color: #ffffff;
|
||||
font-style: normal;
|
||||
text-align: center;
|
||||
font-family: Poppins;
|
||||
font-weight: 500;
|
||||
margin-right: 4px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.desktop-menu-arrow-container {
|
||||
transition: 0.3s;
|
||||
}
|
||||
.desktop-menu-arrow {
|
||||
fill: #ffffff;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
margin-top: auto;
|
||||
transition: 0.3s;
|
||||
margin-bottom: auto;
|
||||
}
|
||||
.desktop-menu-dropdown-list {
|
||||
left: 0%;
|
||||
width: max-content;
|
||||
display: none;
|
||||
z-index: 100;
|
||||
position: absolute;
|
||||
min-width: 100%;
|
||||
transition: 0.3s;
|
||||
align-items: stretch;
|
||||
border-color: #D9D9D9;
|
||||
border-width: 1px;
|
||||
border-radius: var(--dl-radius-radius-radius4);
|
||||
flex-direction: column;
|
||||
list-style-type: none;
|
||||
background-color: var(--dl-color-gray-white);
|
||||
list-style-position: inside;
|
||||
}
|
||||
.desktop-menu-list-item {
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
border-radius: var(--dl-radius-radius-radius2);
|
||||
text-decoration: none;
|
||||
}
|
||||
.desktop-menu-dropdown-element {
|
||||
transition: 0.3s;
|
||||
padding-left: var(--dl-space-space-unit);
|
||||
border-radius: var(--dl-radius-radius-radius4);
|
||||
padding-right: var(--dl-space-space-unit);
|
||||
}
|
||||
.desktop-menu-dropdown-element:hover {
|
||||
fill: #fff;
|
||||
color: #fff;
|
||||
background-color: #595959;
|
||||
}
|
||||
.Heading {
|
||||
font-size: 32px;
|
||||
|
@ -595,6 +737,14 @@
|
|||
.buttons {
|
||||
flex-direction: column;
|
||||
}
|
||||
.dropdown-list {
|
||||
display: none;
|
||||
border-color: #000000;
|
||||
background-color: rgb(41, 41, 41);
|
||||
}
|
||||
.desktop-menu-dropdown-list {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media(max-width: 479px) {
|
||||
.section-head {
|
||||
|
|
|
@ -8,14 +8,16 @@
|
|||
/>
|
||||
<section class="home-veranstaltungen-kapitel">
|
||||
<header class="home-veranstaltungen-titel">
|
||||
<h2 class="home-section section-head">Kommende Veranstaltungen</h2>
|
||||
<h2 class="section-head uppercase home-section">
|
||||
Kommende Veranstaltungen
|
||||
</h2>
|
||||
</header>
|
||||
<veranstaltungen-liste
|
||||
rootClassName="veranstaltungen-liste-root-class-name"
|
||||
></veranstaltungen-liste>
|
||||
</section>
|
||||
<section class="card-container">
|
||||
<h2 class="page-heading section-head">LARPs</h2>
|
||||
<h2 class="section-head">LARPs</h2>
|
||||
<main class="card-row">
|
||||
<section class="card">
|
||||
<h1 class="card-heading">Letzte Gelegenheit</h1>
|
||||
|
@ -59,7 +61,7 @@
|
|||
</main>
|
||||
</section>
|
||||
<section class="card-container">
|
||||
<h2 class="section-head">
|
||||
<h2 class="section-head uppercase">
|
||||
<span>Kurzgeschichten</span>
|
||||
<br />
|
||||
</h2>
|
||||
|
@ -175,12 +177,6 @@ export default {
|
|||
padding-bottom: var(--dl-space-space-oneandhalfunits);
|
||||
justify-content: center;
|
||||
}
|
||||
.home-section {
|
||||
color: #ffffff;
|
||||
font-size: 36px;
|
||||
padding-left: 12px;
|
||||
padding-right: 12px;
|
||||
}
|
||||
.home-button {
|
||||
gap: var(--dl-space-space-oneandhalfunits);
|
||||
cursor: pointer;
|
||||
|
|
|
@ -11,13 +11,13 @@
|
|||
</span>
|
||||
<iframe
|
||||
src="https://www.youtube-nocookie.com/embed/7cH4QuUSUaU"
|
||||
class="letzte-gelegenheit-teaser"
|
||||
class="letzte-gelegenheit-teaser-video"
|
||||
></iframe>
|
||||
<h1 class="character-title section-head">
|
||||
<h1 class="section-head character-title uppercase">
|
||||
<span>Setting</span>
|
||||
<br />
|
||||
</h1>
|
||||
<div class="letzte-gelegenheit-container1 text-body">
|
||||
<div class="letzte-gelegenheit-setting-container text-body">
|
||||
<p>
|
||||
<span>
|
||||
Plötzlich fällt der Strom aus und eine dichte Nebelwand nähert sich von
|
||||
|
@ -41,7 +41,7 @@
|
|||
</div>
|
||||
<section class="letzte-gelegenheit-veranstaltungen-kapitel">
|
||||
<header class="letzte-gelegenheit-veranstaltungen-titel">
|
||||
<h2 class="letzte-gelegenheit-section section-head">Kommende Runs</h2>
|
||||
<h2 class="section-head uppercase">Kommende Runs</h2>
|
||||
</header>
|
||||
<veranstaltungen-liste></veranstaltungen-liste>
|
||||
</section>
|
||||
|
@ -56,19 +56,14 @@
|
|||
<span class="button-text">Infos Deutschland</span>
|
||||
</div>
|
||||
</a>
|
||||
<div class="letzte-gelegenheit-container2">
|
||||
<a
|
||||
href="https://docs.google.com/document/d/1K8iooPzdVv76UZY8lRtZfj2axTbuK-Z9me2cYAm87bc/edit?usp=sharing"
|
||||
target="_blank"
|
||||
rel="noreferrer noopener"
|
||||
class="letzte-gelegenheit-link1"
|
||||
>
|
||||
<div class="button">
|
||||
<span class="button-text">Infos Schweiz</span>
|
||||
</div>
|
||||
<div class="button"><span class="button-text">Infos Schweiz</span></div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="letzte-gelegenheit-buttons-right buttons">
|
||||
<a
|
||||
href="https://forms.gle/VgXHX43xujJr5Uud9"
|
||||
|
@ -86,8 +81,8 @@
|
|||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<h2 class="character-title section-head">Charaktere</h2>
|
||||
<div class="letzte-gelegenheit-container3 text-body">
|
||||
<h2 class="character-title section-head uppercase">Charaktere</h2>
|
||||
<div class="letzte-gelegenheit-charaktere-container text-body">
|
||||
<p>
|
||||
<span>
|
||||
Die Charaktere sind so geschrieben und verknüpft um intensives,
|
||||
|
@ -96,7 +91,7 @@
|
|||
Geschlecht definiert die spielende Person. Es wird ein paar
|
||||
Nichtspielercharaktere geben die von Helfern bespielt werden, zum
|
||||
Beispiel Häftling Summers, der/die mit euch ins
|
||||
<span v-html="rawodlq"></span>
|
||||
<span v-html="rawsnrv"></span>
|
||||
</span>
|
||||
<span>Spiel startet.</span>
|
||||
<br />
|
||||
|
@ -118,17 +113,17 @@
|
|||
<br />
|
||||
</p>
|
||||
</div>
|
||||
<h2 class="character-group section-head">Gefängnispersonal</h2>
|
||||
<h2 class="character-group section-head uppercase">Gefängnispersonal</h2>
|
||||
<app-row1></app-row1>
|
||||
<app-row2></app-row2>
|
||||
<app-row3></app-row3>
|
||||
<h2 class="character-group section-head">Häftlinge</h2>
|
||||
<h2 class="character-group section-head uppercase">Häftlinge</h2>
|
||||
<app-row4></app-row4>
|
||||
<app-row5></app-row5>
|
||||
<h2 class="character-group section-head">Militär</h2>
|
||||
<h2 class="character-group section-head uppercase">Militär</h2>
|
||||
<app-row6></app-row6>
|
||||
<h2 class="character-title section-head">Unterstützung</h2>
|
||||
<div class="letzte-gelegenheit-container4 text-body">
|
||||
<h2 class="character-title section-head uppercase">Unterstützung</h2>
|
||||
<div class="letzte-gelegenheit-unterstuetzung-container text-body">
|
||||
<p>
|
||||
<span>
|
||||
Konzipiert und organisiert wurde und wird das gesamte LARP von Hermann.
|
||||
|
@ -172,7 +167,7 @@
|
|||
<br />
|
||||
<span>
|
||||
-
|
||||
<span v-html="rawqgyp"></span>
|
||||
<span v-html="raw81do"></span>
|
||||
</span>
|
||||
<span>Phil U.</span>
|
||||
<br />
|
||||
|
@ -211,8 +206,8 @@ export default {
|
|||
},
|
||||
data() {
|
||||
return {
|
||||
rawodlq: ' ',
|
||||
rawqgyp: ' ',
|
||||
rawsnrv: ' ',
|
||||
raw81do: ' ',
|
||||
}
|
||||
},
|
||||
metaInfo: {
|
||||
|
@ -257,7 +252,7 @@ export default {
|
|||
background-image: url("/forest-background-luca-dross-1500w.jpg");
|
||||
background-position: top left;
|
||||
}
|
||||
.letzte-gelegenheit-teaser {
|
||||
.letzte-gelegenheit-teaser-video {
|
||||
width: 640px;
|
||||
height: 360px;
|
||||
margin-top: 20px;
|
||||
|
@ -265,7 +260,7 @@ export default {
|
|||
margin-right: 0px;
|
||||
margin-bottom: -40px;
|
||||
}
|
||||
.letzte-gelegenheit-container1 {
|
||||
.letzte-gelegenheit-setting-container {
|
||||
width: 95%;
|
||||
}
|
||||
.letzte-gelegenheit-veranstaltungen-kapitel {
|
||||
|
@ -288,32 +283,16 @@ export default {
|
|||
padding-bottom: var(--dl-space-space-oneandhalfunits);
|
||||
justify-content: center;
|
||||
}
|
||||
.letzte-gelegenheit-section {
|
||||
color: rgb(255, 255, 255);
|
||||
font-size: 36px;
|
||||
}
|
||||
.letzte-gelegenheit-buttons-left {
|
||||
width: 45%;
|
||||
}
|
||||
.letzte-gelegenheit-container2 {
|
||||
flex: 0 0 auto;
|
||||
width: auto;
|
||||
height: auto;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
}
|
||||
.letzte-gelegenheit-link1 {
|
||||
display: contents;
|
||||
}
|
||||
.letzte-gelegenheit-buttons-right {
|
||||
gap: 10%;
|
||||
width: 33.3%;
|
||||
gap: 12%;
|
||||
}
|
||||
.letzte-gelegenheit-container3 {
|
||||
.letzte-gelegenheit-charaktere-container {
|
||||
width: 95%;
|
||||
}
|
||||
.letzte-gelegenheit-container4 {
|
||||
.letzte-gelegenheit-unterstuetzung-container {
|
||||
width: 95%;
|
||||
}
|
||||
@media(max-width: 991px) {
|
||||
|
@ -322,7 +301,7 @@ export default {
|
|||
}
|
||||
}
|
||||
@media(max-width: 767px) {
|
||||
.letzte-gelegenheit-teaser {
|
||||
.letzte-gelegenheit-teaser-video {
|
||||
width: 480px;
|
||||
height: 270px;
|
||||
}
|
||||
|
@ -331,7 +310,7 @@ export default {
|
|||
}
|
||||
}
|
||||
@media(max-width: 479px) {
|
||||
.letzte-gelegenheit-teaser {
|
||||
.letzte-gelegenheit-teaser-video {
|
||||
width: 400px;
|
||||
height: 225px;
|
||||
}
|
||||
|
@ -341,9 +320,5 @@ export default {
|
|||
max-width: auto;
|
||||
padding-top: 0px;
|
||||
}
|
||||
.letzte-gelegenheit-section {
|
||||
height: auto;
|
||||
line-height: 36px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
|
@ -43,7 +43,7 @@
|
|||
href="https://docs.google.com/document/d/1UWThYUOZUtHy3A89CeKnJ7KdkxyWW5DppVP4PiAECJ4/edit?usp=sharing"
|
||||
target="_blank"
|
||||
rel="noreferrer noopener"
|
||||
class="murphys-larp-link button"
|
||||
class="murphys-larp-download-button button"
|
||||
>
|
||||
<span class="button-text">Download</span>
|
||||
</a>
|
||||
|
@ -99,7 +99,7 @@ export default {
|
|||
background-image: url("/forest-background-luca-dross-1500w.jpg");
|
||||
background-position: top left;
|
||||
}
|
||||
.murphys-larp-link {
|
||||
.murphys-larp-download-button {
|
||||
text-decoration: none;
|
||||
}
|
||||
@media(max-width: 767px) {
|
||||
|
|
|
@ -68,7 +68,7 @@
|
|||
Aber... Edler, bei Gotts Gnad, ich wärt kein gut Christ Euch ohne Warn
|
||||
lass schreiten. Seit Geschehnem ist hie kein einzger entlang. Wer weiss
|
||||
was
|
||||
<span v-html="rawa628"></span>
|
||||
<span v-html="rawrk5t"></span>
|
||||
</span>
|
||||
<span>Geziefer dort treibt...”</span>
|
||||
<br />
|
||||
|
@ -236,7 +236,7 @@
|
|||
nicht sauber gefragt und der Knecht viel zu blass als ihm vorzukommen.
|
||||
Letztlich doch die Augen sich schlossen. Doch wachten nur noch Ritter
|
||||
und Knecht. Des Ritters Petz Kling noch immer rot; des Knechts Haut
|
||||
<span v-html="rawdt6d"></span>
|
||||
<span v-html="raw58yv"></span>
|
||||
</span>
|
||||
<span>
|
||||
noch immer weiss und nass. Dieses Mal der Knecht nicht wagte zu fragen
|
||||
|
@ -287,7 +287,7 @@
|
|||
zuher. Sie starrten; auch kalt und hilflos wie Kind. Ich schritt nach
|
||||
vorn: In die Händ des Toten seh, weiss Ros. Ins Gesicht des Toten blick.
|
||||
Beulen zierten’s. Hässliche Beulen. Der Teufel aber wart woanders...
|
||||
<span v-html="rawme06"></span>
|
||||
<span v-html="rawowl5"></span>
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
|
@ -308,9 +308,9 @@ export default {
|
|||
},
|
||||
data() {
|
||||
return {
|
||||
rawa628: ' ',
|
||||
rawdt6d: ' ',
|
||||
rawme06: ' ',
|
||||
rawrk5t: ' ',
|
||||
raw58yv: ' ',
|
||||
rawowl5: ' ',
|
||||
}
|
||||
},
|
||||
metaInfo: {
|
||||
|
|
Loading…
Reference in a new issue