Clockdiv fertig angepasst close #1 #4
Binary file not shown.
@@ -1,2 +1,2 @@
|
|||||||
ul{list-style-type:none;margin:-2px auto;padding:0;background-color:rgba(255,255,255,0.8);border:2px solid darkred;display:inline-block;transition:all 60ms;box-shadow:inset -2px -2px 10px #add8e6,inset 2px 2px 10px #add8e6}ul.navUl{height:33px}li{float:left;width:auto;margin:0px 0px;border-radius:0px}li a{display:block;color:darkred;text-align:center;padding:7px 16px;text-decoration:none;margin:1px 0 4px;font-weight:bold}nav>ul>li{width:100px}li a:active,li a:hover,li a:focus,li a.active{background:none;color:red;text-decoration:underline}li a:active,li a:hover,li a:focus{transition:1s;transform:scale(1.1)}ul li ul li{display:inline-block}.submenu{visibility:hidden;position:relative;margin-top:-5px;margin-left:-10px;background-color:#fff}.submenu li{display:block;float:none;border-bottom:1px solid #daa520;margin:0 0 0 0}.submenu li a{display:block;float:none;border-bottom:1px solid #daa520;margin:0 0 0 0}.submenuActive{visibility:visible}nav>ul>li>ul>li{margin:middle}.TimeContainer{margin-top:20px;color:red;font-size:20px;font-weight:bold}#clockdiv>div{display:inline-block;background-image:url("../inc/bg/christmas-shopping-card.png");background-repeat:no-repeat;background-color:#d3d3d3;background-size:130%;background-position:-23px 20px;border:0px;min-width:140px;height:133px;margin:5px 2px}#clockdiv>div span{padding-top:45px;display:inline-block}.smalltext{font-size:15px}.KalenderTest h3{text-decoration:underline;border:3px solid red}body{text-align:center;background-image:url("../inc/bg/snow3.png");background-size:90%;background-color:#dde7ea}header{margin:auto;background-image:url("../inc/bg/christmas background.jpg");background-size:100%;background-position:0% 88%;background-repeat:no-repeat;overflow:hidden;margin-top:3px;border:3px solid darkred;border-radius:40px 40px;text-align:center;padding:25px;box-shadow:-1px -1px 5px silver,1px 1px 5px silver}header h1{color:red;text-decoration:underline;font-size:30px;font-weight:bold}
|
ul{list-style-type:none;margin:-2px auto;padding:0;background-color:rgba(255,255,255,0.8);border:2px solid darkred;display:inline-block;transition:all 60ms;box-shadow:inset -2px -2px 10px #add8e6,inset 2px 2px 10px #add8e6}ul.navUl{height:33px}li{float:left;width:auto;margin:0px 0px;border-radius:0px}li a{display:block;color:darkred;text-align:center;padding:7px 16px;text-decoration:none;margin:1px 0 4px;font-weight:bold}nav>ul>li{width:100px}li a:active,li a:hover,li a:focus,li a.active{background:none;color:red;text-decoration:underline}li a:active,li a:hover,li a:focus{transition:1s;transform:scale(1.1)}ul li ul li{display:inline-block}.submenu{visibility:hidden;position:relative;margin-top:-5px;margin-left:-10px;background-color:#fff}.submenu li{display:block;float:none;border-bottom:1px solid #daa520;margin:0 0 0 0}.submenu li a{display:block;float:none;border-bottom:1px solid #daa520;margin:0 0 0 0}.submenuActive{visibility:visible}nav>ul>li>ul>li{margin:middle}.TimeContainer{margin-top:20px;color:darkred;font-size:20px;font-weight:bold;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:0px;min-width:150px;height:133px;margin:0px 0px -25px -10px}#clockdiv>div span{padding-top:40px;display:inline-block;margin-left:-10px}.smalltext{font-size:10px;margin-left:-10px}.KalenderTest h3{text-decoration:underline;border:3px solid red}body{text-align:center;background-image:url("../inc/bg/snow3.png");background-size:90%;background-color:#dde7ea}header{margin:auto;background-image:url("../inc/bg/christmas background.jpg");background-size:100%;background-position:0% 88%;background-repeat:no-repeat;overflow:hidden;margin-top:3px;border:3px solid darkred;border-radius:40px 40px;text-align:center;padding:25px;box-shadow:-1px -1px 5px silver,1px 1px 5px silver}header h1{color:red;text-decoration:underline;font-size:30px;font-weight:bold}
|
||||||
/*# sourceMappingURL=style.css.map */
|
/*# sourceMappingURL=style.css.map */
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"version": 3,
|
"version": 3,
|
||||||
"mappings": "AAAA,EAAE,CACA,eAAe,CAAE,IAAI,CACrB,MAAM,CAAE,SAAS,CACjB,OAAO,CAAE,CAAC,CAGV,gBAAgB,CAAE,qBAAsB,CACxC,MAAM,CAAE,iBAAiB,CACzB,OAAO,CAAE,YAAY,CACrB,UAAU,CAAE,QAAQ,CACpB,UAAU,CAAE,uDAA4D,CAExE,QAAO,CACL,MAAM,CAAE,IAAI,CAEhB,EAAE,CACA,KAAK,CAAE,IAAI,CACX,KAAK,CAAE,IAAI,CAGX,MAAM,CAAE,OAAO,CAGf,aAAa,CAAE,GAAG,CAElB,IAAC,CACC,OAAO,CAAE,KAAK,CACd,KAAK,CAAE,OAAO,CACd,UAAU,CAAE,MAAM,CAClB,OAAO,CAAE,QAAQ,CACjB,eAAe,CAAE,IAAI,CACrB,MAAM,CAAE,SAAS,CACjB,WAAW,CAAE,IAAI,CAErB,SAAa,CACX,KAAK,CAAE,KAAK,CAGZ,6CAAoC,CAClC,UAAU,CAAE,IAAI,CAChB,KAAK,CAAE,GAAG,CACV,eAAe,CAAE,SAAS,CAE5B,iCAA0B,CACxB,UAAU,CAAE,EAAE,CACd,SAAS,CAAE,UAAU,CAEzB,WAAW,CACT,OAAO,CAAE,YAAY,CAEvB,QAAQ,CACN,UAAU,CAAE,MAAM,CAClB,QAAQ,CAAE,QAAQ,CAClB,UAAU,CAAE,IAAI,CAChB,WAAW,CAAE,KAAK,CAClB,gBAAgB,CAAE,IAAkB,CAEpC,WAAE,CAOA,OAAO,CAAE,KAAK,CACd,KAAK,CAAE,IAAI,CACX,aAAa,CAAE,iBAAmB,CAClC,MAAM,CAAE,OAAO,CATf,aAAC,CACC,OAAO,CAAE,KAAK,CACd,KAAK,CAAE,IAAI,CACX,aAAa,CAAE,iBAAmB,CAClC,MAAM,CAAE,OAAO,CAOrB,cAAc,CACZ,UAAU,CAAE,OAAO,CAErB,eAAuB,CACrB,MAAM,CAAE,MAAM,CCzEhB,cAAc,CACV,UAAU,CCDL,IAAI,CDET,KAAK,CAAE,GAAG,CACV,SAAS,CAAE,IAAI,CACf,WAAW,CAAE,IAAI,CAKjB,aAAK,CACD,OAAO,CAAE,YAAY,CACrB,gBAAgB,CAAE,4CAA4C,CAC9D,iBAAiB,CAAE,SAAS,CAC5B,gBAAgB,CAAE,OAAS,CAC3B,eAAe,CAAE,IAAI,CACrB,mBAAmB,CAAE,UAAU,CAC/B,MAAM,CAAE,GAAG,CAEX,SAAS,CAAE,KAAK,CAChB,MAAM,CAAE,KAAK,CACb,MAAM,CAAE,OAAO,CAGf,kBAAI,CACA,WAAW,CAAE,IAAI,CACjB,OAAO,CAAE,YAAY,CAEjC,UAAU,CACN,SAAS,CAAE,IAAI,CAIf,gBAAE,CACE,eAAe,CAAE,SAAS,CAC1B,MAAM,CAAE,aAAa,CC5B7B,IAAI,CACA,UAAU,CAAE,MAAM,CAClB,gBAAgB,CAAE,0BAA0B,CAC5C,eAAe,CAAE,GAAG,CAEpB,gBAAgB,CAAE,OAAO,CAE7B,MAAM,CACF,MAAM,CAAE,IAAI,CAEZ,gBAAgB,CAAE,yCAAyC,CAC3D,eAAe,CAAE,IAAI,CACrB,mBAAmB,CAAE,MAAM,CAC3B,iBAAiB,CAAE,SAAS,CAC5B,QAAQ,CAAE,MAAM,CAChB,UAAU,CAAE,GAAG,CACf,MAAM,CAAE,iBAAiB,CACzB,aAAa,CAAE,SAAS,CACxB,UAAU,CAAE,MAAM,CAClB,OAAO,CAAE,IAAI,CACb,UAAU,CAAE,uCAAwC,CAEpD,SAAE,CACE,KAAK,CAAE,GAAG,CACV,eAAe,CAAE,SAAS,CAC1B,SAAS,CAAE,IAAI,CACf,WAAW,CAAE,IAAI",
|
"mappings": "AAAA,EAAE,CACA,eAAe,CAAE,IAAI,CACrB,MAAM,CAAE,SAAS,CACjB,OAAO,CAAE,CAAC,CAGV,gBAAgB,CAAE,qBAAsB,CACxC,MAAM,CAAE,iBAAiB,CACzB,OAAO,CAAE,YAAY,CACrB,UAAU,CAAE,QAAQ,CACpB,UAAU,CAAE,uDAA4D,CAExE,QAAO,CACL,MAAM,CAAE,IAAI,CAEhB,EAAE,CACA,KAAK,CAAE,IAAI,CACX,KAAK,CAAE,IAAI,CAGX,MAAM,CAAE,OAAO,CAGf,aAAa,CAAE,GAAG,CAElB,IAAC,CACC,OAAO,CAAE,KAAK,CACd,KAAK,CAAE,OAAO,CACd,UAAU,CAAE,MAAM,CAClB,OAAO,CAAE,QAAQ,CACjB,eAAe,CAAE,IAAI,CACrB,MAAM,CAAE,SAAS,CACjB,WAAW,CAAE,IAAI,CAErB,SAAa,CACX,KAAK,CAAE,KAAK,CAGZ,6CAAoC,CAClC,UAAU,CAAE,IAAI,CAChB,KAAK,CAAE,GAAG,CACV,eAAe,CAAE,SAAS,CAE5B,iCAA0B,CACxB,UAAU,CAAE,EAAE,CACd,SAAS,CAAE,UAAU,CAEzB,WAAW,CACT,OAAO,CAAE,YAAY,CAEvB,QAAQ,CACN,UAAU,CAAE,MAAM,CAClB,QAAQ,CAAE,QAAQ,CAClB,UAAU,CAAE,IAAI,CAChB,WAAW,CAAE,KAAK,CAClB,gBAAgB,CAAE,IAAkB,CAEpC,WAAE,CAOA,OAAO,CAAE,KAAK,CACd,KAAK,CAAE,IAAI,CACX,aAAa,CAAE,iBAAmB,CAClC,MAAM,CAAE,OAAO,CATf,aAAC,CACC,OAAO,CAAE,KAAK,CACd,KAAK,CAAE,IAAI,CACX,aAAa,CAAE,iBAAmB,CAClC,MAAM,CAAE,OAAO,CAOrB,cAAc,CACZ,UAAU,CAAE,OAAO,CAErB,eAAuB,CACrB,MAAM,CAAE,MAAM,CCvEhB,cAAc,CACV,UAAU,CCHL,IAAI,CDIT,KAAK,CAAE,OAAO,CACd,SAAS,CAAE,IAAI,CACf,WAAW,CAAE,IAAI,CACjB,WAAW,CAAE,mBAAoB,CAIjC,aAAK,CACD,OAAO,CAAE,YAAY,CACrB,gBAAgB,CAAE,4CAA4C,CAC9D,iBAAiB,CAAE,SAAS,CAE5B,eAAe,CAAE,IAAI,CACrB,mBAAmB,CAAE,KAAK,CAC1B,MAAM,CAAE,GAAG,CAEX,SAAS,CAAE,KAAK,CAChB,MAAM,CAAE,KAAK,CAEb,MAAM,CAAE,mBAAmB,CAE3B,kBAAI,CACA,WAAW,CAAE,IAAI,CACjB,OAAO,CAAE,YAAY,CACrB,WAAW,CA5BN,KAAI,CA8BrB,UAAU,CACN,SAAS,CAAE,IAAI,CACf,WAAW,CAhCE,KAAI,CAoCjB,gBAAE,CACE,eAAe,CAAE,SAAS,CAC1B,MAAM,CAAE,aAAa,CChC7B,IAAI,CACA,UAAU,CAAE,MAAM,CAClB,gBAAgB,CAAE,0BAA0B,CAC5C,eAAe,CAAE,GAAG,CAEpB,gBAAgB,CAAE,OAAO,CAE7B,MAAM,CACF,MAAM,CAAE,IAAI,CAEZ,gBAAgB,CAAE,yCAAyC,CAC3D,eAAe,CAAE,IAAI,CACrB,mBAAmB,CAAE,MAAM,CAC3B,iBAAiB,CAAE,SAAS,CAC5B,QAAQ,CAAE,MAAM,CAChB,UAAU,CAAE,GAAG,CACf,MAAM,CAAE,iBAAiB,CACzB,aAAa,CAAE,SAAS,CACxB,UAAU,CAAE,MAAM,CAClB,OAAO,CAAE,IAAI,CACb,UAAU,CAAE,uCAAwC,CAEpD,SAAE,CACE,KAAK,CAAE,GAAG,CACV,eAAe,CAAE,SAAS,CAC1B,SAAS,CAAE,IAAI,CACf,WAAW,CAAE,IAAI",
|
||||||
"sources": ["../sass/_nav.sass","../sass/_home.sass","../sass/style.sass"],
|
"sources": ["../sass/_nav.sass","../sass/_home.sass","../sass/style.sass"],
|
||||||
"names": [],
|
"names": [],
|
||||||
"file": "style.css"
|
"file": "style.css"
|
||||||
|
|||||||
@@ -20,11 +20,11 @@ if ($tab == "") {$tab = "home";}
|
|||||||
Mellys Weihnachts Kalender
|
Mellys Weihnachts Kalender
|
||||||
</h1>
|
</h1>
|
||||||
</header>
|
</header>
|
||||||
<nav id="nav">
|
<!-- <nav id="nav">
|
||||||
<ul class="navUl">
|
<ul class="navUl">
|
||||||
<li><a href="?tab=home" <?php if ($tab == "home")?>>Home</a></li>
|
<li><a href="?tab=home" <?php if ($tab == "home")?>>Home</a></li>
|
||||||
<li><a href="?tab=bilder" <?php if ($tab == "bilder")?>>Galerie</a></li>
|
<li><a href="?tab=bilder" <?php if ($tab == "bilder")?>>Galerie</a></li>
|
||||||
<!-- <li><a href="?tab=gästebuch" <?php if ($tab == "gästebuch")?>>Gästebuch</a></li> -->
|
<li><a href="?tab=gästebuch" <?php if ($tab == "gästebuch")?>>Gästebuch</a></li>
|
||||||
<li class="mainMenu"><a href="#">Über</a>
|
<li class="mainMenu"><a href="#">Über</a>
|
||||||
<ul class="submenu">
|
<ul class="submenu">
|
||||||
<li><a href="?tab=impressum">Impressum</a></li>
|
<li><a href="?tab=impressum">Impressum</a></li>
|
||||||
@@ -33,7 +33,7 @@ if ($tab == "") {$tab = "home";}
|
|||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</nav>
|
</nav> -->
|
||||||
|
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
$(".mainMenu > a").mouseover(function(){
|
$(".mainMenu > a").mouseover(function(){
|
||||||
|
|||||||
@@ -1,9 +1,11 @@
|
|||||||
|
$timerPosition: -10px
|
||||||
|
|
||||||
.TimeContainer
|
.TimeContainer
|
||||||
margin-top: $navtop
|
margin-top: $navtop
|
||||||
color: red
|
color: darkred
|
||||||
font-size: 20px
|
font-size: 20px
|
||||||
font-weight: bold
|
font-weight: bold
|
||||||
/*text-shadow: 1px 2px 2px black
|
text-shadow: 1px 1px 1px darkgray
|
||||||
|
|
||||||
#clockdiv
|
#clockdiv
|
||||||
|
|
||||||
@@ -11,22 +13,24 @@
|
|||||||
display: inline-block
|
display: inline-block
|
||||||
background-image: url("../inc/bg/christmas-shopping-card.png")
|
background-image: url("../inc/bg/christmas-shopping-card.png")
|
||||||
background-repeat: no-repeat
|
background-repeat: no-repeat
|
||||||
background-color: Lightgrey
|
/*background-color: Lightgrey
|
||||||
background-size: 130%
|
background-size: 120%
|
||||||
background-position: -23px 20px
|
background-position: -23px
|
||||||
border: 0px
|
border: 0px
|
||||||
/*border-radius: 100px
|
/*border-radius: 100px
|
||||||
min-width: 140px
|
min-width: 150px
|
||||||
height: 133px
|
height: 133px
|
||||||
margin: 5px 2px
|
|
||||||
/*box-shadow: 5px 5px 10px #fff inset, 1px 1px 10px black
|
/*box-shadow: 5px 5px 10px #fff inset, 1px 1px 10px black
|
||||||
|
margin: 0px 0px -25px -10px
|
||||||
|
|
||||||
span
|
span
|
||||||
padding-top: 45px
|
padding-top: 40px
|
||||||
display: inline-block
|
display: inline-block
|
||||||
|
margin-left: $timerPosition
|
||||||
|
|
||||||
.smalltext
|
.smalltext
|
||||||
font-size: 15px
|
font-size: 10px
|
||||||
|
margin-left: $timerPosition
|
||||||
|
|
||||||
|
|
||||||
.KalenderTest
|
.KalenderTest
|
||||||
|
|||||||
@@ -5,15 +5,15 @@
|
|||||||
<div class="smalltext">Tage</div>
|
<div class="smalltext">Tage</div>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<span class="ountdownNummer" id="hour"></span>
|
<span class="countdownNummer" id="hour"></span>
|
||||||
<div class="smalltext">Stunden</div>
|
<div class="smalltext">Stunden</div>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<span class="ountdownNummer" id="minute"></span>
|
<span class="countdownNummer" id="minute"></span>
|
||||||
<div class="smalltext">Minuten</div>
|
<div class="smalltext">Minuten</div>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<span class="ountdownNummer" id="second"></span>
|
<span class="countdownNummer" id="second"></span>
|
||||||
<div class="smalltext">Sekunden</div>
|
<div class="smalltext">Sekunden</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user