diff --git a/main/min-style.css b/main/min-style.css index 994b87b3..0b084dd6 100644 --- a/main/min-style.css +++ b/main/min-style.css @@ -1,2 +1,2 @@ -@charset "UTF-8";nav ul{list-style-type:none;margin:0 auto;padding:0;background-color:rgba(255,255,255,.8);border-bottom:2px ridge #006400;border-left:2px ridge #006400;border-right:2px ridge #006400;border-radius:0 0 .5rem .5rem;display:inline-block;-webkit-transition:all 60ms;-o-transition:all 60ms;transition:all 60ms;-webkit-box-shadow:inset -2px -2px 10px #add8e6,inset 2px 2px 10px #add8e6;box-shadow:inset -2px -2px 10px #add8e6,inset 2px 2px 10px #add8e6;height:1.5rem}nav li{float:left;width:auto;margin:0 0}nav li:first-child{padding-left:.5rem}nav li a{display:block;color:#8b0000;text-align:center;padding:.3rem .5rem .5rem 0;text-decoration:none;font-weight:700;font-size:.8rem}nav li a.active,nav li a:active,nav li a:focus,nav li a:hover{color:red;text-decoration:underline;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}nav ul li ul li{display:inline-block}nav>ul>li>ul>li{margin:middle}.submenu{visibility:hidden;position:relative;margin-top:-5px;margin-left:-10px;background-color:#fff}.submenu a,.submenu li{display:block;float:none;border-bottom:1px solid #daa520;margin:0}.submenuActive{visibility:visible}#kerzen>img{width:20%;display:none}.TimeContainer{margin-top:20px;color:#8b0000;font-size:20px;font-weight:700;text-shadow:1px 1px 1px #a9a9a9}#clockdiv>div{display:inline-block;background-image:url(../inc/bg/christmas-shopping-card.png);background-repeat:no-repeat;background-size:120%;background-position:-23px;border:0;min-width:150px;height:133px;margin:0 0 -25px -10px}#clockdiv>div span{padding-top:40px;display:inline-block;margin-left:-10px}.smalltext{font-size:10px;margin-left:-10px}.kalender{display:inline-block;position:relative;text-align:center;width:460px;border:1px solid #000;background:#fff url(../inc/bg/baum2.jpg) no-repeat;background-size:516px;background-position:-13px}.kalender div{position:absolute;border:1px solid #8b0000;overflow:hidden;background:#fff}.kalender h3{padding-top:1.5rem;font-weight:700;padding:1rem}.kalender span{position:absolute;display:inline-block;top:1rem;left:1rem;font-size:1rem;width:1.2rem;height:1.2rem;color:#fff;background:#cd0000}.kalender .left{position:absolute;left:0;top:0;display:block;border:none;background:#fff url(../inc/bg/baum2.jpg) no-repeat;background-size:516px;margin-left:-13px}.kalender a .left{display:block;position:absolute;-webkit-transition:left .5s;-o-transition:left .5s;transition:left .5s}.kalender .inactive a{pointer-events:none;cursor:default}#hiddenTuer{margin:1rem;max-height:auto}.tueren{margin-top:20px}.tueren h3{color:#8b0000;text-decoration:underline;margin-top:3rem}.tueren #txt{display:inline-block;color:#8b0000;font-family:Verdana,Arial,Helvetica,sans-serif;border:4px ridge red;background:rgba(255,255,255,.4) url(../inc/bg/20201222_065407.png) -1px -5px no-repeat;background-size:101%;padding:0 1.5rem 1.5rem 1.5rem;width:75%}.tueren p{font-weight:500}.tueren #false{color:red;font-weight:500}.titel{display:inline-block}.titel img{max-width:210px;margin-top:10px}.titel h3{color:gold;margin-top:-54px;padding-bottom:1.5rem}#kstart{display:inline-block;font-weight:700;color:#8b0000;margin-top:-3rem;padding:1.5rem;text-decoration:underline;background-color:#fff;background:-webkit-gradient(linear,left top,left bottom,from(#fefffd),color-stop(50%,#e7e9ea),to(#e1e1e1));background:-o-linear-gradient(top,#fefffd,#e7e9ea 50%,#e1e1e1);background:linear-gradient(to bottom,#fefffd,#e7e9ea 50%,#e1e1e1);border:2px solid #c21514}.euber{display:inline-block;color:#000;font-size:.9rem;font-weight:400;border:0 solid red;max-width:700px}.euber span{text-decoration:underline;font-weight:700}.radio iframe{padding:0 0 1rem 1rem}.select{font-size:.7rem;display:inline-block;background:-webkit-gradient(linear,left top,left bottom,from(#fefffd),color-stop(50%,#e7e9ea),to(#e1e1e1));background:-o-linear-gradient(top,#fefffd,#e7e9ea 50%,#e1e1e1);background:linear-gradient(to bottom,#fefffd,#e7e9ea 50%,#e1e1e1);border:1px solid #8b0000;border-radius:5px;padding:.5rem}.select select{-moz-appearance:none;-webkit-appearance:none;appearance:none;border:none;font-family:Times New Roman;background-color:transparent;font-size:.7rem}button{border:2px solid #006400;border-radius:5px;background:-webkit-gradient(linear,left top,left bottom,from(#fefffd),to(#e7e9ea));background:-o-linear-gradient(top,#fefffd,#e7e9ea);background:linear-gradient(to bottom,#fefffd,#e7e9ea);font-weight:700;padding:5px 10px 5px 10px;color:#000}button a{color:#000;text-decoration:none;padding:0 .5rem 0 0}button img{padding-right:.5rem}.pList{padding-bottom:.5rem}.pList div{font-size:.9rem}.pList img{max-width:1.5rem}.pList button{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:auto;margin-top:auto;padding:.5rem}.üList{display:inline-block;padding:.5rem;margin:1em;color:#8b0000;font-weight:700;text-decoration:underline;background:-webkit-gradient(linear,left top,left bottom,from(#fefffd),color-stop(50%,#e7e9ea),to(#e1e1e1));background:-o-linear-gradient(top,#fefffd,#e7e9ea 50%,#e1e1e1);background:linear-gradient(to bottom,#fefffd,#e7e9ea 50%,#e1e1e1);border:2px solid #000;border-radius:.5rem;text-shadow:1px 1px 1px #a9a9a9}.sGalerie{display:inline-block;max-width:30rem}.sGalerie div{background-color:#fff;padding:1rem;border-top:2px solid gray}.sGalerie button{padding:.4rem 0 0 0}.sGalerie img{padding:.4rem 0 .6rem 0;width:5.5rem;height:6.5rem;-o-object-fit:cover;object-fit:cover}.sGalerie #leer{display:inline-block;padding:.5rem .5rem 0 0}.gimages{display:inline-block;max-width:30rem;background:rgba(98,163,104,.3);border:2px solid #006400;padding:1rem .5rem .5rem .5rem}.gimages a{display:inline-block;padding:0 5px 5px 5px}.gimages img{width:9rem;height:9rem;border:3px solid #8b0000;-o-object-fit:cover;object-fit:cover}.side-menu{display:none}@media (max-width:768px){nav{width:50%;height:100%;position:fixed;float:none;background-color:#fff;max-height:0;-webkit-transition:max-height .4s ease-out;-o-transition:max-height .4s ease-out;transition:max-height .4s ease-out;border-left:3px ridge #006400;border-right:3px ridge #006400;border-radius:2rem 2rem 0 0;overflow:hidden;right:0}nav ul{top:0;background:0 0;border:none;-webkit-box-shadow:none;box-shadow:none}nav li{float:none}nav li a{font-size:1.2rem}nav li a.active,nav li a:active,nav li a:focus,nav li a:hover{color:red;text-decoration:underline;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);background-color:#add8e6;width:100%}header{height:1.5rem;top:1rem}header h1{margin:-.5rem 0 0 40px;display:inline-block}.hamb{display:inline-block;cursor:pointer;float:right;padding:30px 20px;margin-top:-5rem}.hamb-line{background:#000;display:inline-block;height:3px;position:relative;width:24px}.hamb-line::after,.hamb-line::before{background:#000;content:"";display:block;height:100%;position:absolute;-webkit-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out;width:100%}.hamb-line::before{top:5px}.hamb-line::after{top:-5px}.side-menu{display:none}.side-menu:checked~nav{max-height:100%}.side-menu:checked~.hamb .hamb-line{background:0 0}.side-menu:checked~.hamb .hamb-line::before{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);top:0}.side-menu:checked~.hamb .hamb-line::after{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);top:0}}body{text-align:center;margin:0;background-image:url(../inc/bg/snow3.png);background-size:90%;background-color:rgba(179,221,230,.7)}header{margin:auto;background:url("../inc/bg/christmas background.jpg") 0 86% no-repeat;background-size:100%;border-bottom:4px ridge #006400;border-radius:0 0 2rem 2rem;text-align:center;padding:20px;-webkit-box-shadow:-1px -1px 5px silver,1px 1px 5px #000;box-shadow:-1px -1px 5px silver,1px 1px 5px #000}header h1{color:red;text-decoration:underline;font-size:1.5rem;font-weight:700;text-shadow:1px 1px 1px #000}footer{position:fixed;bottom:0;height:2rem;width:100%;background:-webkit-gradient(linear,left top,left bottom,from(#fefffd),color-stop(50%,#e7e9ea),to(#e7e9ea));background:-o-linear-gradient(top,#fefffd,#e7e9ea 50%,#e7e9ea);background:linear-gradient(to bottom,#fefffd,#e7e9ea 50%,#e7e9ea);-webkit-box-shadow:-2px -2px 5px gray;box-shadow:-2px -2px 5px gray}footer img{position:absolute;max-width:15rem;margin-top:-124px}footer a{display:inline-block;position:relative;text-decoration:none;color:#a9a9a9;font-size:.8rem;padding-top:.7rem}#footer2{color:#a9a9a9}article{padding-bottom:12rem} +@charset "UTF-8";nav ul{list-style-type:none;margin:0 auto;padding:0;background-color:rgba(255,255,255,.8);border-bottom:2px ridge #006400;border-left:2px ridge #006400;border-right:2px ridge #006400;border-radius:0 0 .5rem .5rem;display:inline-block;-webkit-transition:all 60ms;-o-transition:all 60ms;transition:all 60ms;-webkit-box-shadow:inset -2px -2px 10px #add8e6,inset 2px 2px 10px #add8e6;box-shadow:inset -2px -2px 10px #add8e6,inset 2px 2px 10px #add8e6;height:1.5rem}nav li{float:left;width:auto;margin:0 0}nav li:first-child{padding-left:.5rem}nav li a{display:block;color:#8b0000;text-align:center;padding:.3rem .5rem .5rem 0;text-decoration:none;font-weight:700;font-size:.8rem}nav li a.active,nav li a:active,nav li a:focus,nav li a:hover{color:red;text-decoration:underline;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}nav ul li ul li{display:inline-block}nav>ul>li>ul>li{margin:middle}.submenu{visibility:hidden;position:relative;margin-top:-5px;margin-left:-10px;background-color:#fff}.submenu a,.submenu li{display:block;float:none;border-bottom:1px solid #daa520;margin:0}.submenuActive{visibility:visible}#kerzen>img{width:20%;display:none}.TimeContainer{margin-top:20px;color:#8b0000;font-size:20px;font-weight:700;text-shadow:1px 1px 1px #a9a9a9}#clockdiv>div{display:inline-block;background-image:url(../inc/bg/christmas-shopping-card.png);background-repeat:no-repeat;background-size:120%;background-position:-23px;border:0;min-width:150px;height:133px;margin:0 0 -25px -10px}#clockdiv>div span{padding-top:40px;display:inline-block;margin-left:-10px}.smalltext{font-size:10px;margin-left:-10px}.kalender{display:inline-block;position:relative;text-align:center;width:460px;border:1px solid #000;background:#fff url(../inc/bg/baum2.jpg) no-repeat;background-size:516px;background-position:-13px}.kalender div{position:absolute;border:1px solid #8b0000;overflow:hidden;background:#fff}.kalender h3{padding-top:1.5rem;font-weight:700;padding:1rem}.kalender span{position:absolute;display:inline-block;top:1rem;left:1rem;font-size:1rem;width:1.2rem;height:1.2rem;color:#fff;background:#cd0000}.kalender .left{position:absolute;left:0;top:0;display:block;border:none;background:#fff url(../inc/bg/baum2.jpg) no-repeat;background-size:516px;margin-left:-13px}.kalender a .left{display:block;position:absolute;-webkit-transition:left .5s;-o-transition:left .5s;transition:left .5s}.kalender .inactive a{pointer-events:none;cursor:default}#hiddenTuer{margin:1rem;max-height:auto}.tueren{margin-top:20px}.tueren h3{color:#8b0000;text-decoration:underline;margin-top:3rem}.tueren #txt{display:inline-block;color:#8b0000;font-family:Verdana,Arial,Helvetica,sans-serif;border:4px ridge red;background:rgba(255,255,255,.4) url(../inc/bg/20201222_065407.png) -1px -5px no-repeat;background-size:101%;padding:0 1.5rem 1.5rem 1.5rem;width:75%}.tueren p{font-weight:500}.tueren #false{color:red;font-weight:500}.titel{display:inline-block}.titel img{max-width:210px;margin-top:10px}.titel h3{color:gold;margin-top:-54px;padding-bottom:1.5rem}#kstart{display:inline-block;font-weight:700;color:#8b0000;margin-top:-3rem;padding:1.5rem;text-decoration:underline;background-color:#fff;background:-webkit-gradient(linear,left top,left bottom,from(#fefffd),color-stop(50%,#e7e9ea),to(#e1e1e1));background:-o-linear-gradient(top,#fefffd,#e7e9ea 50%,#e1e1e1);background:linear-gradient(to bottom,#fefffd,#e7e9ea 50%,#e1e1e1);border:2px solid #c21514}.euber{display:inline-block;color:#000;font-size:.9rem;font-weight:400;border:0 solid red;max-width:700px}.euber span{text-decoration:underline;font-weight:700}.radio iframe{padding:0 0 1rem 1rem}.select{font-size:.7rem;display:inline-block;background:-webkit-gradient(linear,left top,left bottom,from(#fefffd),color-stop(50%,#e7e9ea),to(#e1e1e1));background:-o-linear-gradient(top,#fefffd,#e7e9ea 50%,#e1e1e1);background:linear-gradient(to bottom,#fefffd,#e7e9ea 50%,#e1e1e1);border:1px solid #8b0000;border-radius:5px;padding:.5rem}.select select{-moz-appearance:none;-webkit-appearance:none;appearance:none;border:none;font-family:Times New Roman;background-color:transparent;font-size:.7rem}button{border:2px solid #006400;border-radius:5px;background:-webkit-gradient(linear,left top,left bottom,from(#fefffd),to(#e7e9ea));background:-o-linear-gradient(top,#fefffd,#e7e9ea);background:linear-gradient(to bottom,#fefffd,#e7e9ea);font-weight:700;padding:5px 10px 5px 10px;color:#000}button a{color:#000;text-decoration:none;padding:0 .5rem 0 0}button img{padding-right:.5rem}.pList{padding-bottom:.5rem}.pList div{font-size:.9rem}.pList img{max-width:1.5rem}.pList button{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:auto;margin-top:auto;padding:.5rem}.üList{display:inline-block;padding:.5rem;margin:1em;color:#8b0000;font-weight:700;text-decoration:underline;background:-webkit-gradient(linear,left top,left bottom,from(#fefffd),color-stop(50%,#e7e9ea),to(#e1e1e1));background:-o-linear-gradient(top,#fefffd,#e7e9ea 50%,#e1e1e1);background:linear-gradient(to bottom,#fefffd,#e7e9ea 50%,#e1e1e1);border:2px solid #000;border-radius:.5rem;text-shadow:1px 1px 1px #a9a9a9}.sGalerie{display:inline-block;max-width:30rem}.sGalerie div{background-color:#fff;padding:1rem;border-top:2px solid gray}.sGalerie button{padding:.4rem 0 0 0}.sGalerie img{padding:.4rem 0 .6rem 0;width:5.5rem;height:6.5rem;-o-object-fit:cover;object-fit:cover}.sGalerie #leer{display:inline-block;padding:.5rem .5rem 0 0}.gimages{display:inline-block;max-width:30rem;background:rgba(98,163,104,.3);border:2px solid #006400;padding:1rem .5rem .5rem .5rem}.gimages a{display:inline-block;padding:0 5px 5px 5px}.gimages img{width:9rem;height:9rem;border:3px solid #8b0000;-o-object-fit:cover;object-fit:cover}.side-menu{display:none}@media (max-width:768px){nav{width:50%;height:50%;position:absolute;background-color:#fff;max-height:0;-webkit-transition:all .4s ease-in;-o-transition:all .4s ease-in;transition:all .4s ease-in;border-left:3px ridge #006400;border-right:3px ridge #006400;border-radius:2rem;overflow:hidden;right:0}nav ul{top:0;background:0 0;border:none;-webkit-box-shadow:none;box-shadow:none}nav li{float:none}nav li:first-child{padding-left:0}nav li a{font-size:1.2rem;padding:.5rem 0 .5rem 0}nav li a.active,nav li a:active,nav li a:focus,nav li a:hover{color:red;text-decoration:underline;width:100%}header{height:1.5rem;top:1rem}header h1{margin:-.5rem 0 0 40px;display:inline-block}.hamb{display:inline-block;cursor:pointer;float:right;padding:30px 20px;margin-top:-5rem}.hamb-line{background:#000;display:inline-block;height:3px;position:relative;width:24px}.hamb-line::after,.hamb-line::before{background:#000;content:"";display:block;height:100%;position:absolute;-webkit-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out;width:100%}.hamb-line::before{top:5px}.hamb-line::after{top:-5px}.side-menu{display:none}.side-menu:checked~nav{max-height:100%;border-top:3px ridge #006400;border-bottom:3px ridge #006400}.side-menu:checked~.hamb .hamb-line{background:0 0}.side-menu:checked~.hamb .hamb-line::before{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);top:0}.side-menu:checked~.hamb .hamb-line::after{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);top:0}}body{text-align:center;margin:0;background-image:url(../inc/bg/snow3.png);background-size:90%;background-color:rgba(179,221,230,.7)}header{margin:auto;background:url("../inc/bg/christmas background.jpg") 0 86% no-repeat;background-size:100%;border-bottom:4px ridge #006400;border-radius:0 0 2rem 2rem;text-align:center;padding:20px;-webkit-box-shadow:-1px -1px 5px silver,1px 1px 5px #000;box-shadow:-1px -1px 5px silver,1px 1px 5px #000}header h1{color:red;text-decoration:underline;font-size:1.5rem;font-weight:700;text-shadow:1px 1px 1px #000}footer{position:fixed;bottom:0;height:2rem;width:100%;background:-webkit-gradient(linear,left top,left bottom,from(#fefffd),color-stop(50%,#e7e9ea),to(#e7e9ea));background:-o-linear-gradient(top,#fefffd,#e7e9ea 50%,#e7e9ea);background:linear-gradient(to bottom,#fefffd,#e7e9ea 50%,#e7e9ea);-webkit-box-shadow:-2px -2px 5px gray;box-shadow:-2px -2px 5px gray}footer img{position:absolute;max-width:15rem;margin-top:-124px}footer a{display:inline-block;position:relative;text-decoration:none;color:#a9a9a9;font-size:.8rem;padding-top:.7rem}#footer2{color:#a9a9a9}article{padding-bottom:12rem} /*# sourceMappingURL=../main/min-style.css.map */ diff --git a/main/min-style.css.map b/main/min-style.css.map index c4c630eb..7fbff854 100644 --- a/main/min-style.css.map +++ b/main/min-style.css.map @@ -1 +1 @@ -{"version":3,"sources":["_nav.sass","_home.sass","_kalender.sass","_tueren.sass","_other.sass","_mobil.sass","main.sass"],"names":[],"mappings":"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","file":"../sass/min-style.css","sourcesContent":["$navInPadding: 0.5rem\n$ulBorder: 2px ridge darkgreen\n$ulRadios: 0.5rem\n\n/* ******************\n\nnav\n ul\n list-style-type: none\n margin: 0 auto\n padding: 0\n background-color: hsla(0, 0%, 100%, 0.8)\n border-bottom: $ulBorder\n border-left: $ulBorder\n border-right: $ulBorder\n border-radius: 0 0 $ulRadios $ulRadios\n display: inline-block\n transition: all 60ms\n box-shadow: inset -2px -2px 10px lightblue, inset 2px 2px 10px lightblue\n height: 1.5rem\n\n li\n float: left\n width: auto\n margin: 0px 0px\n \n &:first-child\n padding-left: $navInPadding\n\n a\n display: block\n color: darkred\n text-align: center\n padding: 0.3rem $navInPadding $navInPadding 0\n text-decoration: none\n font-weight: bold\n font-size: 0.8rem \n \n &:active, &:hover, &:focus, &.active\n color: red\n text-decoration: underline\n transform: scale(1.1)\n\n ul li ul li\n display: inline-block\n\n > ul > li > ul > li\n margin: middle\n\n.submenu\n visibility: hidden\n position: relative\n margin-top: -5px\n margin-left: -10px\n background-color: rgb(255, 255, 255)\n\n li, a\n display: block\n float: none\n border-bottom: 1px solid goldenrod\n margin: 0 0 0 0\n\n.submenuActive\n visibility: visible","$timerPosition: -10px\n\n#kerzen\n > img\n width: 20%\n display: none\n\n.TimeContainer\n margin-top: $navtop\n color: darkred\n font-size: 20px\n font-weight: bold\n text-shadow: 1px 1px 1px darkgray\n\n#clockdiv\n\n > div\n display: inline-block\n background-image: url(\"../inc/bg/christmas-shopping-card.png\")\n background-repeat: no-repeat\n /*background-color: Lightgrey\n background-size: 120%\n background-position: -23px\n border: 0px\n /*border-radius: 100px\n min-width: 150px\n height: 133px\n /*box-shadow: 5px 5px 10px #fff inset, 1px 1px 10px black\n margin: 0px 0px -25px -10px\n\n span\n padding-top: 40px\n display: inline-block\n margin-left: $timerPosition\n\n.smalltext\n font-size: 10px\n margin-left: $timerPosition\n","$backgroundSize: 516px // Größe Bild im Kalender\n$bgPosition: -13px // Position Bg und Türen\n$kalenderWidth: 460px // breite des kalenders\n$marginLeftRight: 5px // abstand linker und rechter rand\n$marginTop: 5px \n$marginBetween: 5px // abstand zwischen den Tueren\n$doorBorderSize: 1px \n//$doorWidth: ($kalenderWidth - 3.5*$marginLeftRight - 3*$marginBetween)/4\n\n/* ********************************\n\n.kalender\n display: inline-block\n position: relative\n text-align: center\n width: $kalenderWidth\n //height: #{6*($doorWidth+$doorBorderSize+$marginBetween)+2*$marginTop}\n border: 1px solid black \n background: #fff url(\"../inc/bg/baum2.jpg\") no-repeat\n /*background-size: $backgroundWidth\n background-size: $backgroundSize\n background-position: $bgPosition \n\n div\n position: absolute\n border: $doorBorderSize solid darkred\n //width: $doorWidth\n //height: $doorWidth\n overflow: hidden\n background: #fff\n\n h3\n padding-top: 1.5rem\n font-weight: bold\n padding: 1rem\n\n span\n position: absolute\n display: inline-block\n top: 1rem\n left: 1rem\n font-size: 1rem\n width: 1.2rem\n height: 1.2rem\n color: #FFF\n background: #CD0000\n\n .left\n position: absolute\n left: 0\n top: 0\n //width: #{$doorWidth+50}\n //height: $doorWidth\n display: block \n border: none\n background: #fff url(\"../inc/bg/baum2.jpg\") no-repeat\n /*background-size: $backgroundWidth\n background-size: $backgroundSize\n margin-left: $bgPosition\n a\n &:hover .left, &:focus .left\n //left: #{-($doorWidth+60)}\n\n .left\n display: block\n position: absolute \n transition: left 0.5s\n \n .inactive a\n pointer-events: none\n cursor: default\n\n @for $row from 0 through 5\n @for $col from 0 through 3\n //$leftCalc: $marginLeftRight+($doorWidth+$marginBetween+2*$doorBorderSize)*$col\n //s$topCalc: $marginTop+($doorWidth+$marginBetween+2*$doorBorderSize)*$row\n #ak#{$row*4+$col+1}\n //left: #{$leftCalc}\n //top: #{$topCalc}\n .left\n //background-position: #{-($leftCalc+$doorBorderSize)} #{-($topCalc+$doorBorderSize)}\n \n#hiddenTuer\n margin: 1rem\n max-height: auto",".tueren\n margin-top: $navtop\n \n h3\n color: darkred \n text-decoration: underline\n margin-top: 3rem\n\n #txt\n display: inline-block\n color: darkred\n font-family: Verdana, Arial, Helvetica, sans-serif\n border: 4px ridge red\n background: hsla(0, 0%, 100%, 0.4) url(\"../inc/bg/20201222_065407.png\") -1px -5px no-repeat\n background-size: 101%\n padding: 0 1.5rem 1.5rem 1.5rem\n width: 75%\n\n p\n font-weight: 500\n\n #false\n color: red\n font-weight: 500",".titel\n display: inline-block\n /*background: url(\"../inc/teet/red navigation.png\") no-repeat\n background-size: 100%\n background-position: 0px -63px\n \n img\n max-width: 210px \n margin-top: 10px\n \n h3\n //text-decoration: underline\n color: gold\n margin-top: -54px\n padding-bottom: 1.5rem \n \n/* *** */\n\n#kstart\n display: inline-block\n font-weight: bold\n color: darkred\n margin-top: -3rem\n padding: 1.5rem\n text-decoration: underline\n background-color: #fff\n background: linear-gradient(to bottom, #fefffd, #e7e9ea 50%, #e1e1e1)\n border: 2px solid #C21514\n \n/* *** */\n\n.euber\n display: inline-block\n color: black\n font-size: 0.9rem\n font-weight: normal\n border: 0px solid red\n max-width: 700px\n\n span\n text-decoration: underline\n font-weight: bold\n \n/* *** */\n \n.radio\n iframe \n padding: 0 0 1rem 1rem\n \n/* *** */\n\n.select\n font-size: 0.7rem\n display: inline-block\n background: linear-gradient(to bottom, #fefffd, #e7e9ea 50%, #e1e1e1)\n border: 1px solid darkred\n border-radius: 5px\n padding: 0.5rem\n\n\n select\n -moz-appearance: none\n -webkit-appearance: none\n appearance: none\n border: none\n font-family: Times New Roman\n background-color: transparent\n font-size: 0.7rem\n \n/* *** */\n\nbutton \n border: 2px solid darkgreen\n border-radius: 5px\n background: linear-gradient(to bottom, #fefffd,#e7e9ea)\n font-weight: bold\n padding: 5px 10px 5px 10px\n color: black \n \n \n a\n color: black\n text-decoration: none\n padding: 0 0.5rem 0 0\n \n img\n //max-width: 10rem\n padding-right: 0.5rem\n \n.pList\n padding-bottom: 0.5rem\n\n div\n font-size: 0.9rem\n\n img\n max-width: 1.5rem\n\n button\n display: inline-flex\n flex-direction: row\n align-items: center // Vertical center alignment\n margin-bottom: auto\n margin-top: auto\n padding: 0.5rem\n\n\n.üList\n display: inline-block\n padding: 0.5rem\n margin: 1em\n color: darkred\n font-weight: bold\n text-decoration: underline\n background: linear-gradient(to bottom, #fefffd, #e7e9ea 50%, #e1e1e1)\n border: 2px solid black\n border-radius: 0.5rem \n text-shadow: 1px 1px 1px darkgray \n \n// Galerie Tab\n\n.sGalerie\n display: inline-block\n max-width: 30rem\n\n div\n background-color: #fff\n padding: 1rem\n border-top: 2px solid gray\n\n button\n padding: 0.4rem 0 0 0\n\n img\n padding: 0.4rem 0 0.6rem 0\n width: 5.5rem\n height: 6.5rem\n object-fit: cover\n\n #leer\n display: inline-block \n padding: 0.5rem 0.5rem 0 0\n \n// Galerie Album Tab\n\n.gimages\n display: inline-block\n max-width: 30rem\n background: hsla(126, 26%, 51%, 0.3)\n border: 2px solid darkgreen\n padding: 1rem 0.5rem 0.5rem 0.5rem\n\n a\n display: inline-block\n padding: 0 5px 5px 5px\n\n img\n width: 9rem\n height: 9rem\n border: 3px solid darkred\n object-fit: cover","$ulBorderM: 3px ridge darkgreen\n \n.side-menu\n display: none\n\n@media (max-width: 768px)\n nav\n width: 50%\n height: 100%\n position: fixed\n float: none\n background-color: #fff\n max-height: 0\n transition: max-height 0.4s ease-out\n border-left: $ulBorderM\n border-right: $ulBorderM\n border-radius: 2rem 2rem 0 0\n overflow: hidden\n right: 0\n \n\n ul\n top: 0\n background: none\n border: none\n box-shadow: none\n \n\n li\n float: none\n \n a\n font-size: 1.2rem\n\n &:active, &:hover, &:focus, &.active\n color: red\n text-decoration: underline\n transform: scale(1.1)\n background-color: lightblue\n width: 100%\n \n header\n height: 1.5rem\n top: 1rem\n\n\n h1\n margin: -0.5rem 0rem 0 40px\n display: inline-block\n\n /* --- Hamburg Menü Start ---\n \n\n .hamb\n display: inline-block\n cursor: pointer\n float: right\n padding: 30px 20px\n margin-top: -5rem\n \n\n\n /* Style label tag\n\n .hamb-line\n background: black\n display: inline-block\n height: 3px\n position: relative\n width: 24px\n\n &::before, &::after\n background: black\n content: ''\n display: block\n height: 100%\n position: absolute\n transition: all .2s ease-out\n width: 100%\n\n &::before\n top: 5px\n\n &::after\n top: -5px\n\n /* Style span tag\n\n .side-menu\n display: none\n\n /* Hide checkbox\n\n /* Toggle menu icon\n\n .side-menu:checked ~\n nav\n max-height: 100%\n \n\n .hamb .hamb-line\n background: transparent\n\n &::before\n transform: rotate(-45deg)\n top: 0\n\n &::after\n transform: rotate(45deg)\n top: 0","$navtop: 20px\n$headerRadios: 2rem\n\n@import 'nav', 'home', 'kalender', 'tueren', 'other', 'mobil'\n\n/* **************************************\n\nbody\n text-align: center\n margin: 0\n background-image: url(\"../inc/bg/snow3.png\")\n background-size: 90%\n /*background-color: #e2e4e6\n background-color: hsla(190, 50%, 80%, 0.7) \n\nheader\n margin: auto\n /*background-color: Lightgrey\n background: url(\"../inc/bg/christmas background.jpg\") 0 86% no-repeat\n background-size: 100%\n border-bottom: 4px ridge darkgreen\n border-radius: 0 0 $headerRadios $headerRadios\n text-align: center\n padding: 20px\n box-shadow: -1px -1px 5px silver, 1px 1px 5px black \n\n h1\n color: red\n text-decoration: underline\n font-size: 1.5rem\n font-weight: bold\n text-shadow: 1px 1px 1px black \n \nfooter\n position: fixed\n bottom: -0rem\n height: 2rem\n width: 100%\n background: linear-gradient(to bottom, #fefffd, #e7e9ea 50%, #e7e9ea)\n box-shadow: -2px -2px 5px gray\n \n img\n position: absolute \n max-width: 15rem\n /*border: 3px solid red \n margin-top: -124px\n \n a\n display: inline-block\n position: relative \n text-decoration: none\n color: darkgray \n font-size: 0.8rem\n padding-top: 0.7rem\n /*padding-right: 0.5rem\n \n#footer2\n color: darkgray \n \narticle \n padding-bottom: 12rem"]} \ No newline at end of file +{"version":3,"sources":["_nav.sass","_home.sass","_kalender.sass","_tueren.sass","_other.sass","_mobil.sass","main.sass"],"names":[],"mappings":"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","file":"../sass/min-style.css","sourcesContent":["$navInPadding: 0.5rem\n$ulBorder: 2px ridge darkgreen\n$ulRadios: 0.5rem\n\n/* ******************\n\nnav\n ul\n list-style-type: none\n margin: 0 auto\n padding: 0\n background-color: hsla(0, 0%, 100%, 0.8)\n border-bottom: $ulBorder\n border-left: $ulBorder\n border-right: $ulBorder\n border-radius: 0 0 $ulRadios $ulRadios\n display: inline-block\n transition: all 60ms\n box-shadow: inset -2px -2px 10px lightblue, inset 2px 2px 10px lightblue\n height: 1.5rem\n\n li\n float: left\n width: auto\n margin: 0px 0px\n \n &:first-child\n padding-left: $navInPadding\n\n a\n display: block\n color: darkred\n text-align: center\n padding: 0.3rem $navInPadding $navInPadding 0\n text-decoration: none\n font-weight: bold\n font-size: 0.8rem \n \n &:active, &:hover, &:focus, &.active\n color: red\n text-decoration: underline\n transform: scale(1.1)\n\n ul li ul li\n display: inline-block\n\n > ul > li > ul > li\n margin: middle\n\n.submenu\n visibility: hidden\n position: relative\n margin-top: -5px\n margin-left: -10px\n background-color: rgb(255, 255, 255)\n\n li, a\n display: block\n float: none\n border-bottom: 1px solid goldenrod\n margin: 0 0 0 0\n\n.submenuActive\n visibility: visible","$timerPosition: -10px\n\n#kerzen\n > img\n width: 20%\n display: none\n\n.TimeContainer\n margin-top: $navtop\n color: darkred\n font-size: 20px\n font-weight: bold\n text-shadow: 1px 1px 1px darkgray\n\n#clockdiv\n\n > div\n display: inline-block\n background-image: url(\"../inc/bg/christmas-shopping-card.png\")\n background-repeat: no-repeat\n /*background-color: Lightgrey\n background-size: 120%\n background-position: -23px\n border: 0px\n /*border-radius: 100px\n min-width: 150px\n height: 133px\n /*box-shadow: 5px 5px 10px #fff inset, 1px 1px 10px black\n margin: 0px 0px -25px -10px\n\n span\n padding-top: 40px\n display: inline-block\n margin-left: $timerPosition\n\n.smalltext\n font-size: 10px\n margin-left: $timerPosition\n","$backgroundSize: 516px // Größe Bild im Kalender\n$bgPosition: -13px // Position Bg und Türen\n$kalenderWidth: 460px // breite des kalenders\n$marginLeftRight: 5px // abstand linker und rechter rand\n$marginTop: 5px \n$marginBetween: 5px // abstand zwischen den Tueren\n$doorBorderSize: 1px \n//$doorWidth: ($kalenderWidth - 3.5*$marginLeftRight - 3*$marginBetween)/4\n\n/* ********************************\n\n.kalender\n display: inline-block\n position: relative\n text-align: center\n width: $kalenderWidth\n //height: #{6*($doorWidth+$doorBorderSize+$marginBetween)+2*$marginTop}\n border: 1px solid black \n background: #fff url(\"../inc/bg/baum2.jpg\") no-repeat\n /*background-size: $backgroundWidth\n background-size: $backgroundSize\n background-position: $bgPosition \n\n div\n position: absolute\n border: $doorBorderSize solid darkred\n //width: $doorWidth\n //height: $doorWidth\n overflow: hidden\n background: #fff\n\n h3\n padding-top: 1.5rem\n font-weight: bold\n padding: 1rem\n\n span\n position: absolute\n display: inline-block\n top: 1rem\n left: 1rem\n font-size: 1rem\n width: 1.2rem\n height: 1.2rem\n color: #FFF\n background: #CD0000\n\n .left\n position: absolute\n left: 0\n top: 0\n //width: #{$doorWidth+50}\n //height: $doorWidth\n display: block \n border: none\n background: #fff url(\"../inc/bg/baum2.jpg\") no-repeat\n /*background-size: $backgroundWidth\n background-size: $backgroundSize\n margin-left: $bgPosition\n a\n &:hover .left, &:focus .left\n //left: #{-($doorWidth+60)}\n\n .left\n display: block\n position: absolute \n transition: left 0.5s\n \n .inactive a\n pointer-events: none\n cursor: default\n\n @for $row from 0 through 5\n @for $col from 0 through 3\n //$leftCalc: $marginLeftRight+($doorWidth+$marginBetween+2*$doorBorderSize)*$col\n //s$topCalc: $marginTop+($doorWidth+$marginBetween+2*$doorBorderSize)*$row\n #ak#{$row*4+$col+1}\n //left: #{$leftCalc}\n //top: #{$topCalc}\n .left\n //background-position: #{-($leftCalc+$doorBorderSize)} #{-($topCalc+$doorBorderSize)}\n \n#hiddenTuer\n margin: 1rem\n max-height: auto",".tueren\n margin-top: $navtop\n \n h3\n color: darkred \n text-decoration: underline\n margin-top: 3rem\n\n #txt\n display: inline-block\n color: darkred\n font-family: Verdana, Arial, Helvetica, sans-serif\n border: 4px ridge red\n background: hsla(0, 0%, 100%, 0.4) url(\"../inc/bg/20201222_065407.png\") -1px -5px no-repeat\n background-size: 101%\n padding: 0 1.5rem 1.5rem 1.5rem\n width: 75%\n\n p\n font-weight: 500\n\n #false\n color: red\n font-weight: 500",".titel\n display: inline-block\n /*background: url(\"../inc/teet/red navigation.png\") no-repeat\n background-size: 100%\n background-position: 0px -63px\n \n img\n max-width: 210px \n margin-top: 10px\n \n h3\n //text-decoration: underline\n color: gold\n margin-top: -54px\n padding-bottom: 1.5rem \n \n/* *** */\n\n#kstart\n display: inline-block\n font-weight: bold\n color: darkred\n margin-top: -3rem\n padding: 1.5rem\n text-decoration: underline\n background-color: #fff\n background: linear-gradient(to bottom, #fefffd, #e7e9ea 50%, #e1e1e1)\n border: 2px solid #C21514\n \n/* *** */\n\n.euber\n display: inline-block\n color: black\n font-size: 0.9rem\n font-weight: normal\n border: 0px solid red\n max-width: 700px\n\n span\n text-decoration: underline\n font-weight: bold\n \n/* *** */\n \n.radio\n iframe \n padding: 0 0 1rem 1rem\n \n/* *** */\n\n.select\n font-size: 0.7rem\n display: inline-block\n background: linear-gradient(to bottom, #fefffd, #e7e9ea 50%, #e1e1e1)\n border: 1px solid darkred\n border-radius: 5px\n padding: 0.5rem\n\n\n select\n -moz-appearance: none\n -webkit-appearance: none\n appearance: none\n border: none\n font-family: Times New Roman\n background-color: transparent\n font-size: 0.7rem\n \n/* *** */\n\nbutton \n border: 2px solid darkgreen\n border-radius: 5px\n background: linear-gradient(to bottom, #fefffd,#e7e9ea)\n font-weight: bold\n padding: 5px 10px 5px 10px\n color: black \n \n \n a\n color: black\n text-decoration: none\n padding: 0 0.5rem 0 0\n \n img\n //max-width: 10rem\n padding-right: 0.5rem\n \n.pList\n padding-bottom: 0.5rem\n\n div\n font-size: 0.9rem\n\n img\n max-width: 1.5rem\n\n button\n display: inline-flex\n flex-direction: row\n align-items: center // Vertical center alignment\n margin-bottom: auto\n margin-top: auto\n padding: 0.5rem\n\n\n.üList\n display: inline-block\n padding: 0.5rem\n margin: 1em\n color: darkred\n font-weight: bold\n text-decoration: underline\n background: linear-gradient(to bottom, #fefffd, #e7e9ea 50%, #e1e1e1)\n border: 2px solid black\n border-radius: 0.5rem \n text-shadow: 1px 1px 1px darkgray \n \n// Galerie Tab\n\n.sGalerie\n display: inline-block\n max-width: 30rem\n\n div\n background-color: #fff\n padding: 1rem\n border-top: 2px solid gray\n\n button\n padding: 0.4rem 0 0 0\n\n img\n padding: 0.4rem 0 0.6rem 0\n width: 5.5rem\n height: 6.5rem\n object-fit: cover\n\n #leer\n display: inline-block \n padding: 0.5rem 0.5rem 0 0\n \n// Galerie Album Tab\n\n.gimages\n display: inline-block\n max-width: 30rem\n background: hsla(126, 26%, 51%, 0.3)\n border: 2px solid darkgreen\n padding: 1rem 0.5rem 0.5rem 0.5rem\n\n a\n display: inline-block\n padding: 0 5px 5px 5px\n\n img\n width: 9rem\n height: 9rem\n border: 3px solid darkred\n object-fit: cover","$ulBorderM: 3px ridge darkgreen\n \n.side-menu\n display: none\n\n@media (max-width: 768px)\n nav\n width: 50%\n height: 50%\n position: absolute \n //float: none\n background-color: #fff\n max-height: 0\n transition: all 0.4s ease-in\n border-left: $ulBorderM\n border-right: $ulBorderM\n border-radius: 2rem\n overflow: hidden\n right: 0\n \n\n ul\n top: 0\n background: none\n border: none\n box-shadow: none\n \n\n li\n float: none\n \n &:first-child\n padding-left: 0\n \n \n a\n font-size: 1.2rem\n padding: 0.5rem 0 0.5rem 0\n\n &:active, &:hover, &:focus, &.active\n color: red\n text-decoration: underline\n //transform: scale(1.1)\n //background-color: lightblue\n width: 100%\n \n header\n height: 1.5rem\n top: 1rem\n\n\n h1\n margin: -0.5rem 0rem 0 40px\n display: inline-block\n\n /* --- Hamburg Menü Start ---\n \n\n .hamb\n display: inline-block\n cursor: pointer\n float: right\n padding: 30px 20px\n margin-top: -5rem\n \n\n\n /* Style label tag\n\n .hamb-line\n background: black\n display: inline-block\n height: 3px\n position: relative\n width: 24px\n\n &::before, &::after\n background: black\n content: ''\n display: block\n height: 100%\n position: absolute\n transition: all .2s ease-out\n width: 100%\n\n &::before\n top: 5px\n\n &::after\n top: -5px\n\n /* Style span tag\n\n .side-menu\n display: none\n\n /* Hide checkbox\n\n /* Toggle menu icon\n\n .side-menu:checked ~\n nav\n max-height: 100%\n border-top: $ulBorderM\n border-bottom: $ulBorderM\n \n\n .hamb .hamb-line\n background: transparent\n\n &::before\n transform: rotate(-45deg)\n top: 0\n\n &::after\n transform: rotate(45deg)\n top: 0","$navtop: 20px\n$headerRadios: 2rem\n\n@import 'nav', 'home', 'kalender', 'tueren', 'other', 'mobil'\n\n/* **************************************\n\nbody\n text-align: center\n margin: 0\n background-image: url(\"../inc/bg/snow3.png\")\n background-size: 90%\n /*background-color: #e2e4e6\n background-color: hsla(190, 50%, 80%, 0.7) \n\nheader\n margin: auto\n /*background-color: Lightgrey\n background: url(\"../inc/bg/christmas background.jpg\") 0 86% no-repeat\n background-size: 100%\n border-bottom: 4px ridge darkgreen\n border-radius: 0 0 $headerRadios $headerRadios\n text-align: center\n padding: 20px\n box-shadow: -1px -1px 5px silver, 1px 1px 5px black \n\n h1\n color: red\n text-decoration: underline\n font-size: 1.5rem\n font-weight: bold\n text-shadow: 1px 1px 1px black \n \nfooter\n position: fixed\n bottom: -0rem\n height: 2rem\n width: 100%\n background: linear-gradient(to bottom, #fefffd, #e7e9ea 50%, #e7e9ea)\n box-shadow: -2px -2px 5px gray\n \n img\n position: absolute \n max-width: 15rem\n /*border: 3px solid red \n margin-top: -124px\n \n a\n display: inline-block\n position: relative \n text-decoration: none\n color: darkgray \n font-size: 0.8rem\n padding-top: 0.7rem\n /*padding-right: 0.5rem\n \n#footer2\n color: darkgray \n \narticle \n padding-bottom: 12rem"]} \ No newline at end of file diff --git a/src/sass/_mobil.sass b/src/sass/_mobil.sass index fa93d674..194a1aba 100644 --- a/src/sass/_mobil.sass +++ b/src/sass/_mobil.sass @@ -6,15 +6,15 @@ $ulBorderM: 3px ridge darkgreen @media (max-width: 768px) nav width: 50% - height: 100% - position: fixed - float: none + height: 50% + position: absolute + //float: none background-color: #fff max-height: 0 - transition: max-height 0.4s ease-out + transition: all 0.4s ease-in border-left: $ulBorderM border-right: $ulBorderM - border-radius: 2rem 2rem 0 0 + border-radius: 2rem overflow: hidden right: 0 @@ -29,14 +29,19 @@ $ulBorderM: 3px ridge darkgreen li float: none + &:first-child + padding-left: 0 + + a font-size: 1.2rem + padding: 0.5rem 0 0.5rem 0 &:active, &:hover, &:focus, &.active color: red text-decoration: underline - transform: scale(1.1) - background-color: lightblue + //transform: scale(1.1) + //background-color: lightblue width: 100% header @@ -96,6 +101,8 @@ $ulBorderM: 3px ridge darkgreen .side-menu:checked ~ nav max-height: 100% + border-top: $ulBorderM + border-bottom: $ulBorderM .hamb .hamb-line