Price n Dice
<style> /* GENERIC ---------------------------------------------- */ #content #body { width: 600px; background: rgba(33, 102, 96, 0.80); color:#FFFFFF; } html { display: table; width: 100%; height: 100%; } body { display: table-cell; vertical-align: middle; background: #0b4f3a url(https://wallpaperaccess.com/full/476126.jpg) fixed no-repeat; background-size: cover; } ::-webkit-scrollbar { display: none; } a, a:visited { Color: #52f7ff; font-weight:bold; } a:hover, label:hover { color: #222f7a; text-decoration: none; font-weight:normal; } #header, #sidebar, #breadcrumbs, #body > table > tbody > tr > td:first-of-type, #footer_bg { display: none; } .wraper { width: auto; max-width: 650px; margin: 20px auto; background: transparent; font-family: "Comfortaa", sans-serif; } /* Main Navbar ----------------------------------- */ #content #navigation{ padding: 15px 0 0 15px; background: rgba(33, 102, 96, 0.80); } #content #navigation #nav { background: rgba(33, 102, 96, 0.80); } #main-navbar { display: none; float: none; width: 100%; height: 40px; margin: 10px 0 15px 0; background: rgba(33, 102, 96, 0.80); border-radius: 10px; border: #00352e 2px solid; border-left: none; } #main-navbar #inventory { position: relative; left: 0; top: 0; width: auto; height: 52px; margin: -10px 0 0 0; border-radius: 10px 10px 10px 0; border-radius: 10px; overflow: hidden; background: inherit; } #main-navbar #inventory li { margin: 0; } #main-navbar #inventory a { width: 54px !important; background-position-x: center !important; mix-blend-mode: soft-light; mix-blend-mode: luminosity; } #main-navbar #actions { position: relative; display: flex; left: auto; width: auto; height: 100%; } #main-navbar #actions > li { display: inline-block; float: none; height: 100%; padding: 0; flex: 1 1 auto; background: none; } .wraper #main-navbar #actions .indent { display: flex; justify-content: center; align-items: center; width: 100% !important; height: 100%; background: none !important; border: transparent solid 2px; border-radius: 10px; font-style: normal; text-indent: 0; color: #fff; } #actions ul { top: 36px; left: auto; width: auto; min-width: 100%; border-radius: 12px; overflow: hidden !important; border: #fff 2px solid; } #actions ul li { background: #1baa96; width: 100%; height: auto; flex: 1 1 auto; } #main-navbar #actions > li:last-child ul { right: 0; } #main-navbar #actions ul li a:link { position: relative; top: auto; left: auto; width: 100%; height: 100%; padding: 4px 8px; border: transparent solid 2px; border-radius: 10px; white-space: nowrap; display: flex; align-items: center; } #main-navbar #actions .indent.menuhover, #main-navbar #actions .indent:hover, #main-navbar #actions ul li a:hover { background: #fff !important; border-color: #000; color: #000; } /* ALERTS ---------------------------------------------- */ #alerts { float: none; width: 100%; padding: 0; } #alerts .img-back { display: none; } #alerts[id*=alert] { background: #177baa; margin: 0 auto 10px auto; border-radius: 10px; } #alerts .body { min-height: 74px; height: unset; padding: 0 16% 20px 16% !important; } #alerts .body .alertimg { margin-top: 7px; } #alerts #message { background: #fff; width: 100%; padding: 21px; min-width: min-content; border-radius: 5px; } /* MAIN TABLE ------------------------------------------------- */ #content table { width: 100%; border: none; margin: 0px; background: transparent; border-collapse: initial; border-radius: 10px; float: none; } #content td, th { border: none; padding: 5px; } #body > table > tbody > tr > td:last-of-type { width: 100%; display: flex; } .head, #dialog h5, #dialog h3 { background: #07ac72; background-size: cover; border-radius: 10px; color: #fff; font-size: 1.5em; line-height: 15px; } /* TABLE SPECIFICS --------------------------------- */ #block1:nth-of-type(n+3), table div:not(#block1):not(#tot_content), table #block1:last-of-type, #block1 tr:nth-child(3), #block1 tr:nth-child(n+5):nth-last-child(n+4), #block1 tr:nth-child(n+6):nth-last-of-type(2) { display: none; } #body > table > tbody > tr > td:last-of-type > * { flex: 1 1 100%; word-break: break-word; } #body > table > tbody > tr > td:last-of-type > :first-child { flex: 1 1 50%; } #block1 tbody { display: flex; flex-wrap: wrap; text-align: center; align-items: center; justify-content: center; display:none; } #block1 tr { display: flex; flex: 1 1 50%; width: 50%; align-items: center; justify-content: center; } #block1 tbody tr:first-child, #block1 tr:first-child > td { width: 100%; flex: 1 1 100%; } #block1 td[colspan] { display: block; } #block1 + #block1 { padding-left: 8px; } #tot_content img { margin: 0 -8px; max-width: 100%; mix-blend-mode: soft-light; mix-blend-mode: luminosity; } @media only screen and (max-width: 650px) { #mobimg { height: 15%; opacity:60%; } #main-navbar { height: auto; border: 0; } #main-navbar #inventory { float: none; display: flex; justify-content: space-around; } #main-navbar #inventory a { border-radius: 10px; } #main-navbar #actions { height: 36px; } } @media only screen and (max-width: 450px) { #body > table > tbody > tr > td:last-of-type { flex-wrap: wrap; } #body .text { flex: 1 1 100%; } #block1 tr:nth-child(-n+4) { flex: 1 1 100%; } } </style> <u><b><h3><a href="https://www.rescreatu.com/updates/"> Return to Rescreatu Home</a></h3></b></u> <br><br> Prices are low. If you think a price is not fair, Rmail me. I tend to keep checking if my prices are lowest, so don't hesitate to check often! <hr>
