Shadow
<body> <link href="https://fonts.googleapis.com/css2?family=Cinzel:wght@600&display=swap" rel="stylesheet"> </body> <div id="creditBox"> <p id="credits">Dragon: <a id="hymnLink" href="https://www.rescreatu.com/profile.php?username=Hymn">Hymn</a> Code: <a id="volLink" href="https://www.rescreatu.com/profile.php?username=Vol">Vol</a> </div> <img id="scomp" src="https://i.imgur.com/TNnJQuE.png"> <img id="dragon" src="https://cdn.discordapp.com/attachments/1042105102414139495/1082041252821881012/IMG_1946.png"> <div id="nav-box"></div> <section id="editStock-bubble"> <a href="https://www.rescreatu.com/usershops/"> <img id="editStock-img" src="https://static.thenounproject.com/png/1808218-200.png"> <div id="editStock-overlay"> <div class="linkText"> Edit Stock </div> </div> </a> </section> <section id="stock-bubble"> <a href="https://www.rescreatu.com/inventory/quickstock/"> <img id="stock-img" src="https://cdn-icons-png.flaticon.com/512/259/259378.png"> <div id="stock-overlay"> <div class="linkText"> Stock </div> </div> </a> </section> <section id="till-bubble"> <a href="https://www.rescreatu.com/usershops/?step=4"> <img id="till-img" src="https://cdn-icons-png.flaticon.com/512/846/846016.png"> <div id="till-overlay"> <div class="linkText"> Till </div> </div> </a> </section> <section id="code-bubble"> <a href="https://www.rescreatu.com/usershops/?step=3"> <img id="code-img" src="https://cdn.iconscout.com/icon/free/png-256/gear-363-866275.png"> <div id="code-overlay"> <div class="linkText"> Code </div> </div> </a> </section> <style type="text/css"> #creditBox { position: absolute; background: -webkit-linear-gradient(#af5718, #50200a, #260d08); height: 50px; width: 107px; top: 1px; left: -123px; font-size: 12px; z-index: 1; border-radius: 4px; } .linkText { color: white; } #editStock-bubble { position: absolute; background: -webkit-linear-gradient(#ff5151, #790000, #690000); height: 86px; width: 86px; top: 19px; left: 663px; z-index: 1; border-radius: 3px; } #editStock-img { height: 71px; width: auto; left: 7px; top: 6px; position: absolute; } #editStock-overlay { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(63, 31, 31, 0.4); color: white; display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; border-radius: 5px; transition: opacity 0.30s; } #editStock-overlay:hover { opacity: 1; } #stock-bubble { position: absolute; background: -webkit-linear-gradient(#ff5151, #790000, #690000); height: 86px; width: 86px; top: 119px; left: 663px; z-index: 1; border-radius: 3px; } #stock-img { height: 71px; width: auto; left: 7px; top: 6px; position: absolute; } #stock-overlay { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(63, 31, 31, 0.4); color: white; display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; border-radius: 5px; transition: opacity 0.30s; } #stock-overlay:hover { opacity: 1; } #till-bubble { position: absolute; background: -webkit-linear-gradient(#ff5151, #790000, #690000); height: 86px; width: 86px; top: 219px; left: 663px; z-index: 1; border-radius: 3px; } #till-img { height: 71px; width: auto; left: 7px; top: 6px; position: absolute; } #till-overlay { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(63, 31, 31, 0.4); color: white; display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; border-radius: 5px; transition: opacity 0.30s; } #till-overlay:hover { opacity: 1; } #code-bubble { position: absolute; background: -webkit-linear-gradient(#ff5151, #790000, #690000); height: 86px; width: 86px; top: 319px; left: 663px; z-index: 1; border-radius: 3px; } #code-img { height: 71px; width: auto; left: 7px; top: 6px; position: absolute; } #code-overlay { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(63, 31, 31, 0.4); color: white; display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; border-radius: 5px; transition: opacity 0.30s; } #code-overlay:hover { opacity: 1; } #nav-box { position: absolute; background: -webkit-linear-gradient(#423230, #310000, #140000); height: 448px; width: 123px; top: 1px; left: 644px; z-index: 0; border-radius: 5px; border-bottom-left-radius: 140px; border-bottom-right-radius: 140px; } #body > center > h1{ visibility: hidden; } td img:hover { animation-name: pet-glow; animation-duration: 2s; animation-iteration-count: infinite; } @keyframes pet-glow{ 0% {filter: drop-shadow(0px 0px 16px #000000);top:16px;} 25% {filter: drop-shadow(0px 0px 16px #ad0000);top:19px;} 50% {filter: drop-shadow(0px 0px 16px #000000);top:16px;} 75% {filter: drop-shadow(0px 0px 16px #ad0000);top:19px;} 100% {filter: drop-shadow(0px 0px 16px #000000);top:16px;} } * { margin: 0; padding: 0; list-style: none; } #scomp { position: absolute; top: -43px; left: -7px; width: 643px; filter: drop-shadow(6px 7px 7px black); } #dragon { position: absolute; top: -409px; left: 5px; width: auto; height: 10%; z-index: -2; filter: drop-shadow(1px 1px 12px #b65d16); } a:link, a:visited { color: #000000; text-align: center; } #content #body { background: -webkit-linear-gradient(#4d3a38, #410000, #140000); position: relative; color: #916666; left: 170px; top: 425px; border: none; width: 600px; font-size: 11px; font-family: Cinzel; -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 4px; margin-bottom: 10px; } #content table { background: transparent; border: none; border-collapse: collapse; } #content td, th { border-left: 0px solid #fff; border-right: 0px solid #fff; padding: 8px; } body { background:url( https://cdn.discordapp.com/attachments/1042105102414139495/1085712598554648668/Athena_a_giant_dark_cave_with_veins_of_glowing_lava_in_the_cave_c8ffc700-3f15-4332-9e43-ef28ea61e39a.png ) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #header, #navigation, #wraper, #info, #main-navbar, #sidebar1, #sidebar2, #alerts, #footer_bg, #fb-root, #petImage, #petSelect, div.box div.head, div.ad-bottom, #sidebar, #breadcrumbs {display:none ;} div.wraper {background: transparent;} .btn-primary { background-color: #210000; background-image: -moz-linear-gradient(top, #cc0e00, #cc0000); background-image: -ms-linear-gradient(top, #cc0000, #cc0000); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#940000), to(#cc0000)); background-image: -webkit-linear-gradient(top, #cc0000, #3c0000); background-image: -o-linear-gradient(top, #cc0000, #cc0000); background-image: linear-gradient(top, #cc0000, #cc0000); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc0000', endColorstr='#940000', GradientType=0); border-color: #cc0000 #cc0000 #800000; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); color: black; font-size: 16px; } select { width: 220px; background-color: #490f0a; } .input-medium { width: 120px; background-color: #490f0a; } label { display: block; margin-bottom: 5px; color: #441616; } b { font-size: 16px; } a:link, a:visited { color: #994444; text-align: center; } .thumbnail { border: 0px; } .input-large { width: 176px; background-color: #490f0a; } </style>
This shop currently has no items stocked!