Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <style>
- @import url('https://fonts.googleapis.com/css?family=Kaushan+Script');
- #no {
- position: absolute;
- left: 0px;
- top: 0px;
- right: 0px;
- bottom: 0px;}
- ::-webkit-scrollbar {
- width: 0px;}
- ::-webkit-scrollbar-thumb {
- background: transparent;}
- ::selection {
- color: #20181c;
- background: #472b1f;}
- body {
- background-color: #472b1f;
- cursor: url('https://78.media.tumblr.com/232c090ebdd37ae4bc17adb54e1e0344/tumblr_inline_ol4nwhvSwg1uxxza6_540.png'), default;}
- a {
- color: #bb9077;
- text-decoration: none;}
- h2 {
- height: 15px;
- text-align: center;
- font-family: 'Kaushan Script', cursive;
- color: #bb9077;
- font-size: 40px;
- line-height: 16px;
- letter-spacing: 0px;
- text-transform: lowercase;
- margin-top: 5px;
- margin-bottom: 15px;
- border-top: 3px solid #472b1f;
- border-bottom: 3px solid #472b1f;
- text-shadow: 5px 0px 0px #472b1f;}
- .pic {
- position: absolute;
- height: 300px;
- width: 220px;
- background-image: url('https://i.imgur.com/KOZVh3Y.jpg');
- background-attachment: absolute;
- background-size: 100% 100%;
- bottom: 280px;
- left: 20px;
- border: 10px solid #6a412f;
- border-radius: 10px 10px 10px 10px;
- filter: drop-shadow( 10px 0px 0px #593627);}
- .pic2 {
- position: absolute;
- height: 150px;
- width: 300px;
- background-image: url('https://i.imgur.com/axagyzf.gif');
- background-attachment: absolute;
- background-size: 100% 100%;
- bottom: 90px;
- left: 280px;
- border: 10px solid #6a412f;
- border-radius: 10px 10px 10px 10px;
- filter: drop-shadow( 10px 0px 0px #593627);}
- .con {
- position: absolute;
- height: 600px;
- width: 600px;
- background-color: #593627;
- padding: 10px;
- overflow: auto;
- bottom: 50%;
- left: 50%;
- margin-left: -250px;
- margin-bottom: -350px;
- border-radius: 10px 10px 10px 10px;}
- .stats {
- position: absolute;
- height: 300px;
- width: 300px;
- background-color: #6a412f;
- padding: 10px;
- overflow: auto;
- top: 20px;
- left: 280px;
- border-radius: 10px 10px 10px 10px;}
- .statsin {
- position: absolute;
- height: 295px;
- width: 300px;
- font-family: calibri;
- color: #472b1f;
- font-size: 13px;
- letter-spacing: 0px;
- word-spacing: 0px;
- text-transform: none;
- background-color: transparent;
- padding: 10px;
- line-height: 10px;
- text-align: justify;
- overflow: auto;
- bottom: 0px;
- right: 0px;}
- .statsin span {
- font-family: 'Kaushan Script', cursive;
- color: #bb9077;
- font-size: 17px;
- letter-spacing: 0px;
- word-spacing: 3px;
- text-transform: lowercase;
- font-weight: bold;}
- .box {
- position: absolute;
- height: 285px;
- width: 295px;
- font-family: calibri;
- color: #472b1f;
- font-size: 13px;
- letter-spacing: 0px;
- word-spacing: 0px;
- text-transform: none;
- background-color: #6a412f;
- padding: 10px;
- line-height: 10px;
- text-align: justify;
- overflow: auto;
- bottom: 50%;
- left: 50%;
- margin-left: -59px;
- margin-bottom: -1000000px;
- opacity: 0;}
- .box:target {
- bottom: 50%;
- left: 50%;
- margin-left: 33px;
- margin-bottom: -65px;
- opacity: 1;}
- .ooc {
- position: absolute;
- height: 220px;
- width: 220px;
- background-color: #6a412f;
- padding: 10px;
- overflow: auto;
- bottom: 20px;
- left: 20px;
- border-radius: 10px 10px 10px 10px;}
- .oocin {
- position: absolute;
- height: 220px;
- width: 220px;
- font-family: calibri;
- color: #472b1f;
- font-size: 13px;
- letter-spacing: 0px;
- word-spacing: 0px;
- text-transform: none;
- background-color: transparent;
- padding: 10px;
- line-height: 10px;
- text-align: justify;
- overflow: auto;
- bottom: 0px;
- right: 0px;}
- .oocin span {
- font-family: 'Kaushan Script', cursive;
- color: #bb9077;
- font-size: 17px;
- letter-spacing: -2px;
- word-spacing: -2px;
- text-transform: lowercase;
- font-weight: bold;}
- .navi {
- position: absolute;
- bottom: 50%;
- left: 50%;
- margin-left: 45px;
- margin-bottom: -290px;}
- a.nav:link, a.nav:active, a.nav:visited{
- display: inline-block;
- width: 50px;
- height: 15px;
- background-color: #6a412f;
- letter-spacing: 1px;
- text-transform: lowercase;
- font-family: 'Kaushan Script', cursive;
- color: #bb9077;
- font-size: 9px;
- letter-spacing: 3px;
- text-transform: none;
- text-decoration: none;
- font-weight: bold;
- text-align: center;
- line-height: 17px;
- padding: 3px;
- margin-left: 10px;}
- .friend {
- display: inline-block;
- height: 40px;
- width: 40px;
- background-color: transparent;
- padding: 3px;
- margin-top: 0px;
- border: 2px solid #20181c;}
- .title {
- position: absolute;
- font-family: 'Kaushan Script', cursive;
- color: #bb9077;
- font-size: 40px;
- letter-spacing: 3px;
- text-transform: uppercase;
- font-weight: bold;
- bottom: 50%;
- left: 50%;
- margin-left: 25px;
- margin-bottom: -345px;
- text-shadow: -5px 2px 0px #472b1f;}
- </style>
- <div id="no" oncontextmenu="return false;">
- <div class="con">
- <div class="stats">
- <div class="statsin">
- <h2>Statistics</h2><p>
- <font style=float:left><span>Stat:</span></font> <font style=float:right>Stat</font><br>
- </div>
- </div>
- <div class="ooc">
- <div class="oocin">
- <h2>Ooc</h2><p>
- <span>☾</span>. ---<br>
- <br><span>☾</span>. ---<br>
- <br><span>☾</span>. ---<br>
- <br><span>☾</span>. ---<br>
- <br><span>☾</span>. Check out the <a target="_blank" href="https://imgur.com/a/ZuR2nVs" target="_blank">Gallery</a>, for additional images and aesthetics.<br>
- <br><span>☾</span>. <a target="_blank" href="https://www.youtube.com/watch?v=YzR8BCmV9Ew" target="_blank">Current theme</a> is subject to change as I work on finding her particular voice.<br>
- </div>
- </div>
- <div class="pic"></div>
- <div class="pic2"></div>
- </div>
- <div class="navi">
- <a class="nav" href="#one">I.</a>
- <a class="nav" href="#two">II.</a>
- <a class="nav" href="#three">III.</a>
- <a class="nav" href="#four">IV.</a>
- </div>
- <div id="one" class="box">
- <h2>Bla</h2>
- Put whatever here.
- </div>
- <div id="two" class="box">
- <h2>Bla 2</h2>
- Put whatever here 2.
- </div>
- <div id="three" class="box">
- <h2>Friends</h2>
- <a href="profile.php?user=LINK HERE" target="_blank"><img src= "PIC HERE" class="friend"></a>
- <a href="profile.php?user=LINK HERE" target="_blank"><img src= "PIC HERE" class="friend"></a>
- <a href="profile.php?user=LINK HERE" target="_blank"><img src= "PIC HERE" class="friend"></a>
- <a href="profile.php?user=LINK HERE" target="_blank"><img src= "PIC HERE" class="friend"></a>
- </div>
- <div class="title">Adalind Grey</div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement