Cellarium
<div align="center"> <style type="text/css"> body { background: #dbc8bd; background-image:URL("https://i.imgur.com/rw3YjoN.png"); background-repeat: repeat; background-attachment: fixed; } #header, #search, #navigation, #main-navbar, #sidetabs, #sidebar, #footer_bg, #chatroom_closed, #chatroom, #alerts, #breadcrumbs, wraper, p {display:none;} .wraper { background-image:none; width: 670px; } #content #body { background-image: url("https://i.imgur.com/H89zLQr.png"); background-repeat: repeat; border: 9px double #b5a498; border-radius: 60px; -webkit-box-shadow: 9px 9px 8px -5px rgba(138,115,105,1); -moz-box-shadow: 9px 9px 8px -5px rgba(138,115,105,1); box-shadow: 9px 9px 8px -5px rgba(138,115,105,1); padding-top: 10px; } #content table, #content td { background: none; border: none; } table, td, tr, p, b, body { color: #695b52; font: 10px verdana; font-weight: bold; padding: 2px; } a, a:visited { color:#a58c81; font: 8pt verdana; text-decoration:none; cursor: cell; transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; } a:active, a:hover { color:#fff; font: 8pt verdana; text-decoration: overline underline; } .contain { position: relative; z-index: 1; margin-top: 340px; } .contain a:hover, .contain a:active { border: none !important; background: none !important; } .nav { display: inline-block; background-color:#f7eeeb; border: 3px double #a49186; border-radius:3px; box-shadow: 2px 2px 10px -1px #9b8273; padding:2px 5px 2px 5px; margin: 5px 0px 5px 0px; font:13pt Georgia, serif; text-transform: uppercase; transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; } .nav:hover { background-color:#e0d4d0; color: #816d65; border: 3px double #786b66; box-shadow: 0 0 7px 2px #f6ede9; transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; } .topper { border-radius: 50px 50px 0px 0px !important; position: absolute; left: 34px; top: 20px; z-index: 0; -webkit-filter: sepia(0%); filter: sepia(0%); } #sidebar2 { background-image: url("https://i.imgur.com/H89zLQr.png"); border-radius: 160px 160px 10px 10px; border: 5px double #b5a498; height: 600px; width: 170px; box-shadow: 5px 5px 18px 1px #5c4c49; padding: 1px; top: 130px; left: -520px; position: fixed; z-index: 3; margin-left: 50%; } #sidebar2 .bg { z-index: 1; width: 150px; position: absolute; top: 10px; left: 12px; border-radius: 160px 160px 0px 0px; filter: none; } #sidebar2 a:hover, a:active { background: none; box-shadow: none; } #contain_sidebar2 { z-index: 2; position: absolute; top: 160px; margin-left: 2px; text-align: center; } .navbar { display: inline-block; width: 130px; z-index: 2; background-color:#f7eeeb; border-top: 3px double #c4b1a6; border-bottom: 3px double #c4b1a6; border-left: 1px double #c4b1a6; border-right: 1px double #c4b1a6; color: #a08776; box-shadow: 1px 3px 7px -2px #ac978f; padding: 1px; margin: 3px 2px; font:12pt Georgia, serif; line-height: 16px; letter-spacing:0px; transition: all 2s ease-in-out; text-align: center; } .navbar:hover { background-color: #caaf9b; color: #0f0102; opacity: 50%; border-top: 3px double #1f0507; border-bottom: 3px double #1f0507; border-left: 1px double #5a423f; border-right: 1px double #5a423f; box-shadow: 0 0 7px 2px #ffffff; transition: all 0.1s ease-in-out; } .contain .navbar:hover { width: 130px; } form { position: relative; } H1 { padding: 5px 0px 0px 0px; color: #4d3c3c; font-family: serif; font-size: 65px; letter-spacing: 3pt; word-spacing: 7pt; text-shadow: 4px 4px 3px #bba6a1; text-transform: uppercase; font-weight: none; position: relative; z-index: 2; } H1::before, H1::after { content: '†'; } H2 { color:#816d65; font-family:serif; font-size:15px; letter-spacing:1pt; word-spacing:2.5pt; text-decoration:none; text-transform:uppercase; } #content td.subheader { color: #a88f82; border: 3px double #d0bcb3; background: #e8dcd6; border-radius: 3px; box-shadow: 2px 2px 10px -4px #e1a6a5; padding: 2px; font: 14pt Georgia, serif; } .btn-primary, .btn-warning, .btn-danger, .btn-success, .btn-info { background-color: #ede3e0; background-image: none; color: #8a746d; line-height: 12px; border-radius: 3px; } .btn-primary:hover, .btn-warning:hover, .btn-danger:hover, .btn-success:hover, .btn-info:hover { background-color: #ddcdc6; background-image: none; line-height: 12px; } .btn-primary::after { content: 'tu' } .thumbnail { background-color: #fff; -webkit-box-shadow: 0 1px 1px rgba(160, 102, 86, 0.8); -moz-box-shadow: 0 1px 1px rgba(160, 102, 86, 0.8); box-shadow: 0 1px 8px rgba(160, 102, 86, 0.41); border-radius: 10px; border: 1px solid #c2b3ae; } i { color:#bfaca4; font-style: normal; letter-spacing: .5pt; word-spacing: 1.5pt; display: block; } .thumbnail img { -webkit-filter: sepia(50%); filter: sepia(50%); } .thumbnail img:hover { -webkit-filter: sepia(0%); filter: sepia(0%); } .icon-shopping-cart, .icon-white { display: none; } </style> <img width="600px" class="topper" src="https://i.imgur.com/tSbFVEZ.png"> <div class="contain"> <div align="center"> <h2> <a href="https://www.rescreatu.com/profile.php?username=Oriette"><span class="navbar">Profile</span></a> ✥ <a href="https://www.rescreatu.com/ranchershop/?u=9641"><span class="navbar">Rancher</span></a> ✥ <a href="https://www.rescreatu.com/usershops/?step=3"> <span class="navbar">Manage</span></a> </h2> <br><br> </div></div> <div id="sidebar2"> <img class="bg" src="https://i.imgur.com/1m2y2ha.png"> <div id="contain_sidebar2"> <a href="https://www.rescreatu.com/updates/"><span class="navbar">HOME</span></a> <a href="https://www.rescreatu.com/explore/"><span class="navbar">EXPLORE</span></a> <a href="https://www.rescreatu.com/hatchery/"><span class="navbar">HATHCERY</span></a> <a href="https://www.rescreatu.com/shops/"><span class="navbar">SHOP</span></a> <a href="https://www.rescreatu.com/inventory/"><span class="navbar">INVENTORY</span></a> <a href="https://www.rescreatu.com/reiflem/bank/"><span class="navbar">STORAGE</span></a> <a href="https://www.rescreatu.com/alerts.php"><span class="navbar">ALERTS</span></a> <a href="https://www.rescreatu.com/rmail/box/inbox/"><span class="navbar">RMAIL</span></a> <a href="http://www.rescreatu.com/chat.php"><span class="navbar">CHAT</span></a> <a href="https://www.rescreatu.com/blogs/"><span class="navbar">BLOGS</span></a> <a href="https://www.rescreatu.com/forum/"><span class="navbar">FORUMS</span></a> <a href="https://www.rescreatu.com/games/"><span class="navbar">ACTIVITIES</span></a> <a href="https://www.rescreatu.com/friends/"><span class="navbar">RESPALS</span></a> </div> </div>
