AAA
<body> <link href="https://fonts.googleapis.com/css2?family=Cinzel:wght@500&family=Montserrat:wght@500&display=swap" rel="stylesheet" /> <link href="https://fonts.googleapis.com/css2?family=Unbounded&display=swap" rel="stylesheet"> </body> <div class="nav-box"> <div class="nav-item"> <a href="https://www.rescreatu.com/games/" target="_blank"> <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-home-2" width="38" height="38" viewBox="0 0 24 24" stroke-width="2" stroke="#fff" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"></path> <path d="M5 12l-2 0l9 -9l9 9l-2 0"></path> <path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7"></path> <path d="M10 12h4v4h-4z"></path> </svg> </a> </div> <div class="nav-item"> <a href="https://www.rescreatu.com/petpages/?id=3880857" target="_blank"> <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-book" width="38" height="38" viewBox="0 0 24 24" stroke-width="2" stroke="#fff" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"></path> <path d="M3 19a9 9 0 0 1 9 0a9 9 0 0 1 9 0"></path> <path d="M3 6a9 9 0 0 1 9 0a9 9 0 0 1 9 0"></path> <path d="M3 6l0 13"></path> <path d="M12 6l0 13"></path> <path d="M21 6l0 13"></path> </svg> </a> </div> <div class="nav-item"> <a href="https://www.rescreatu.com/usershops/?step=3" target="_blank"> <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-settings" width="38" height="38" viewBox="0 0 24 24" stroke-width="2" stroke="#fff" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"></path> <path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z"> </path> <path d="M9 12a3 3 0 1 0 6 0a3 3 0 0 0 -6 0"></path> </svg> </a> </div> <div class="nav-item"> <a href="https://www.rescreatu.com/petpages/?id=3881453" target="_blank"> <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-moneybag" width="38" height="38" viewBox="0 0 24 24" stroke-width="2" stroke="#fff" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"></path> <path d="M9.5 3h5a1.5 1.5 0 0 1 1.5 1.5a3.5 3.5 0 0 1 -3.5 3.5h-1a3.5 3.5 0 0 1 -3.5 -3.5a1.5 1.5 0 0 1 1.5 -1.5z"> </path> <path d="M4 17v-1a8 8 0 1 1 16 0v1a4 4 0 0 1 -4 4h-8a4 4 0 0 1 -4 -4z"></path> </svg> </a> </div> </div> <style> .nav-item { background: linear-gradient(to top, black, transparent); width: 100%; height: 61px; display: flex; justify-content: center; align-items: center; border-radius: 6px; } .nav-box { position: absolute; top: 206px; left: -115px; display: flex; flex-direction: column; align-items: center; padding: 25px; padding-bottom: 50px; gap: 14px; box-sizing: border-box; width: 132px; background: linear-gradient(to bottom, #d6a848, #39290c); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 150px; border-bottom-left-radius: 150px; color: #ffffff; font-family: Unbounded; } .btn-primary { background-color: #d6a848; background-image: -moz-linear-gradient(top, #d6a848, #a37e2d); background-image: -ms-linear-gradient(top, #d6a848, #a37e2d); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d6a848), to(#a37e2d)); background-image: -webkit-linear-gradient(top, #d6a848, #a37e2d); background-image: -o-linear-gradient(top, #d6a848, #a37e2d); background-image: linear-gradient(top, #d6a848, #a37e2d); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d6a848', endColorstr='#a37e2d', GradientType=0); border-color: #d6a848 #d6a848 #a37e2d; 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); } .btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] { background-color: #a37e2d; } .btn-primary:active, .btn-primary.active { background-color: #a37e2d 9; } .thumbnail>img { width: 65px !important; height: 65px !important; } .thumbnail { height: 153px !important; background: linear-gradient(to top, black, transparent); } #body>table { position: absolute; left: 310px; top: 160px; } a, a:visited { color: #ffffff !important; } #content { color: #ffffff; font-family: Montserrat; } #content table { border: 0px solid #ffffff; border-collapse: collapse; background-color: transparent; } .head { background: transparent; color: black; } body { background: url("https://i.imgur.com/ZnsX7iH.png"); background-size: cover; background-repeat: no-repeat; background-attachment: fixed; color: black; } #content #body { background: none; border: none; width: 900px; } #body { background: none; } #content td, th { border-left: 1px solid transparent; border-right: 1px solid transparent; padding: 8px; } table { background-color: transparent; } a, a:visited { color: black; text-decoration: none; outline: none; } #block6>table>tbody>tr:nth-child(4)>td:nth-child(2)>a { left: 300px; top: 360px; } #block6>table>tbody>tr:nth-child(3)>td>a:nth-child(4) { position: absolute; left: 284px; } #block6>table>tbody>tr:nth-child(3)>td>a:nth-child(3) { position: absolute; left: 214px; } #block6>table>tbody>tr:nth-child(3)>td>a:nth-child(2) { position: absolute; left: 132px; } #block6>table>tbody>tr:nth-child(3)>td>a.select { position: absolute; left: 65px; } #block6>table>tbody>tr:nth-child(3)>td>a:nth-child(6) { position: absolute; left: 72px; } #block1>table>tbody>tr:nth-child(16)>td>a:nth-child(7) { visibility: hidden; } #block1>table>tbody>tr:nth-child(16)>td>a:nth-child(5) { visibility: hidden; } #block1>table>tbody>tr:nth-child(16)>td>a:nth-child(3) { visibility: hidden; } #block1>table>tbody>tr:nth-child(16)>td>a:nth-child(1) { visibility: hidden; } #block1>table>tbody>tr:nth-child(15)>td>b { visibility: hidden; } #block1>table>tbody>tr:nth-child(14)>td>a:nth-child(9) { visibility: hidden; } #block1>table>tbody>tr:nth-child(14)>td>a:nth-child(7) { visibility: hidden; } #block1>table>tbody>tr:nth-child(14)>td>a:nth-child(5) { visibility: hidden; } #block1>table>tbody>tr:nth-child(14)>td>a:nth-child(3) { visibility: hidden; } #block1>table>tbody>tr:nth-child(14)>td>a:nth-child(1) { visibility: hidden; } #block1>table>tbody>tr:nth-child(13)>td>b { visibility: hidden; } #block1>table>tbody>tr:nth-child(12)>td>a:nth-child(9) { visibility: hidden; } #block1>table>tbody>tr:nth-child(13)>td:nth-child(2)>a { visibility: hidden; } #block1>table>tbody>tr:nth-child(12)>td:nth-child(2)>a { visibility: hidden; } #block1>table>tbody>tr:nth-child(11)>td:nth-child(2)>a { visibility: hidden; } #block1>table>tbody>tr:nth-child(12)>td:nth-child(1)>b { visibility: hidden; } #block1>table>tbody>tr:nth-child(11)>td:nth-child(1)>b { visibility: hidden; } #block1>table>tbody>tr:nth-child(10) { visibility: hidden; } #block1>table>tbody { visibility: hidden; } #block6>table>tbody>tr:nth-child(3)>td { color: transparent; } background { color: black; } #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; } </style>
