Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <style type="text/css">
- @import url('https://fonts.googleapis.com/css?family=Oswald|Kaushan Script|Satisfy');
- #no {
- position: absolute;
- left: 0px;
- top: 0px;
- right: 0px;
- bottom: 0px;}
- ::-webkit-scrollbar {
- width: 1px;}
- ::-webkit-scrollbar-thumb {
- background: transparent;}
- ::selection {
- color: #000;
- background: #fff;}
- body {
- background-color: #0d0d0d;
- background-image: url();
- cursor: url('https://78.media.tumblr.com/232c090ebdd37ae4bc17adb54e1e0344/tumblr_inline_ol4nwhvSwg1uxxza6_540.png'), default;}
- h2 {
- height: 24px;
- background-color: #333333;
- text-align: center;
- font-family: 'Oswald';
- color: #b3b3b3;
- font-size: 18px;
- line-height: 24px;
- letter-spacing: 2px;
- text-transform: lowercase;
- font-weight: bold;
- margin-top: 5px;
- margin-bottom: 12px;}
- a {
- color: #b7870c;
- text-decoration: none;}
- .pic1 {
- position: absolute;
- height: 160px;
- width: 400px;
- background-image: url('https://i.imgur.com/LEzbIcQ.gif');
- background-attachment: absolute;
- background-size: 100% 100%;
- bottom: 275px;
- right: 185px;
- border: 2px solid #1a1a1a;}
- .pic2 {
- position: absolute;
- height: 160px;
- width: 130px;
- background-image: url('https://i.imgur.com/GGfU3tf.png');
- background-attachment: absolute;
- background-size: 100% 100%;
- bottom: 278px;
- right: 35px;}
- .alpha {
- position: absolute;
- height: 450px;
- width: 605px;
- background-image: url();
- background-color: #1a1a1a;
- padding: 10px;
- bottom: 50%;
- left: 50%;
- margin-left: -270px;
- margin-bottom: -300px;}
- .con {
- position: fixed;
- height: 410px;
- width: 565px;
- background-image: url();
- background-color: #404040;
- Border: 5px solid;
- Border-color: #000;
- padding: 10px;
- overflow: auto;
- bottom: 50%;
- left: 50%;
- margin-left: -255px;
- margin-bottom: -285px;}
- .stats {
- position: absolute;
- height: 215px;
- width: 381px;
- font-family: calibri;
- color: #000;
- font-size: 11px;
- letter-spacing: 0px;
- text-transform: none;
- background-color: #b3b3b3;
- padding: 10px;
- line-height: 22px;
- text-align: justify;
- overflow: auto;
- top: 205px;
- left: 35px;
- border: 2px solid #1a1a1a;}
- .stats span {
- font-family: 'Oswald';
- color: #333333;
- font-size: 10px;
- letter-spacing: 2px;
- text-transform: Uppercase;
- font-weight: bold;
- margin-right: 3px;}
- .box {
- position: absolute;
- height: 212px;
- width: 378px;
- font-family: calibri;
- color: #000;
- font-size: 11px;
- letter-spacing: 0px;
- text-transform: none;
- background-color: #b3b3b3;
- padding: 10px;
- line-height: 22px;
- text-align: justify;
- overflow: auto;
- opacity: 0;
- bottom: 50%;
- left: 50%;
- margin-left: -230px;
- margin-bottom: -10000000px;}
- .box:target {
- opacity: 1;
- bottom: 50%;
- left: 50%;
- margin-left: -230px;
- margin-bottom: -270px;}
- .navi {
- position: absolute;
- top: 275px;
- left: 495px;}
- a.nav:link, a.nav:active, a.nav:visited{
- display: inline-block;
- font-family: 'oswald';
- color: #b7870c;
- background-color: #b3b3b3;
- width: 60px;
- font-size: 15px;
- letter-spacing: 2px;
- text-transform: uppercase;
- text-decoration: none;
- font-weight: bold;
- text-align: center;
- margin-top: 10px;
- cursor: url('https://78.media.tumblr.com/232c090ebdd37ae4bc17adb54e1e0344/tumblr_inline_ol4nwhvSwg1uxxza6_540.png'), default;}
- .title {
- position: absolute;
- font-family: 'Oswald', cursive;
- color: #b7870c;
- font-size: 20px;
- letter-spacing: 2px;
- text-transform: uppercase;
- font-weight: bold;
- bottom: 50%;
- left: 50%;
- margin-left: 200px;
- margin-bottom: -95px;
- text-shadow: 3px 2px 0px #;}
- </style>
- <div class="alpha">
- <div class="con"></div>
- <div class="pic1"></div>
- <div class="pic2"></div>
- <div class="stats">
- <h2>statistics :</h2>
- <font style=float:left><span>Name:</span></font> <font style=float:right>Kassius Stone</font><br>
- <font style=float:left><span>Titles:</span></font> <font style=float:right>Maester Kassius</font><br>
- <font style=float:left><span>Age:</span></font> <font style=float:right>36</font><br>
- <font style=float:left><span>Occupation:</span></font> <font style=float:right>Maester of Lannisport</font><br>
- <font style=float:left><span>Affiliation:</span></font> <font style=float:right>House Lannister of Lannisport</font><br>
- <font style=float:left><span>Status:</span></font> <font style=float:right>Single</font><br>
- <font style=float:left><span>Sexuality:</span></font> <font style=float:right>Heterosexual</font><br><br>
- <font style=float:left><span>Gender:</span></font> <font style=float:right>Male</font><br>
- <font style=float:left><span>Height:</span></font> <font style=float:right>5'10"</font><br>
- <font style=float:left><span>Weight:</span></font> <font style=float:right>175 lbs</font><br>
- <font style=float:left><span>Hair:</span></font> <font style=float:right>Dark Brown</font><br>
- <font style=float:left><span>Eyes:</span></font> <font style=float:right>Dark Brown</font><br><br>
- <font style=float:left><span>---:</span></font> <font style=float:right>---</font><br>
- <font style=float:left><span>---:</span></font> <font style=float:right>---</font><br>
- <font style=float:left><span>---:</span></font> <font style=float:right>---</font><br>
- </div>
- <div class="navi">
- <a class="nav" href="#one">One.</a><br>
- <a class="nav" href="#two">Two.</a><br>
- <a class="nav" href="#three">Three.</a><br>
- <a class="nav" href="#four">Four.</a><br>
- <a class="nav" href="#five">Five.</a>
- </div>
- </div>
- <div id="one" class="box">
- <h2>something :</h2>
- </div>
- <div id="two" class="box">
- <h2>something 2 :</h2>
- </div>
- <div id="three" class="box">
- <h2>something 3 :</h2>
- </div>
- <div id="four" class="box">
- <h2>out of character :</h2>
- </div>
- <div class="title"><center>Knight<br>of the Mind</center></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement