Files
WeihnachtsKalenderMelly/main/min-style.css
2022-10-12 16:04:07 +02:00

3 lines
8.5 KiB
CSS

@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 */