Advertisement
Guest User

for a friend

a guest
Mar 27th, 2017
31
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.10 KB | None | 0 0
  1. <style type="text/css">
  2.  
  3. @import url(https://fonts.googleapis.com/css?family=Dosis:400,300|Roboto:100,900);
  4. @import url('https://fonts.googleapis.com/css?family=Niconne');
  5. @import 'https://fonts.googleapis.com/css?family=Satisfy';
  6.  
  7. body { background-color: #fff; background-image: url(http://i.picpar.com/w99.png); background-attachment: fixed; background-position: center center; background-repeat: repeat; background-size: auto;}
  8.  
  9. ::-webkit-scrollbar-track {background-color:;}
  10. ::-webkit-scrollbar-thumb {background-color:;}
  11. ::-webkit-scrollbar {width:2px;height:5px;}
  12.  
  13. a {color: #C2507E; text-decoration: none; }
  14. a:hover {color: black; text-decoration: line-through;cursor: url('http://media.tumblr.com/e7f72e808c4dbe5006b9c3a30dbc9b79/tumblr_inline_mh67vhwGnR1rdqsqf.png');}
  15. *{cursor: url('http://media.tumblr.com/7c3edb626c8cf9435c5c0b2d6acceffd/tumblr_inline_mh67v6xNXM1rdqsqf.png'), default;}
  16.  
  17. #rook {position: fixed; top: 200px; left: 550px; height: 300px; width: 400px; background-color: #ee5c42; overflow: auto; z-index: 1; border: 1px solid black;}
  18.  
  19. #of { position:fixed; left: 390px; top: 200px; height: 300px; width: 180px; z-index: 1; border: 1px solid black;}
  20.  
  21. #white { position:fixed; left: 650px; top: 370px; height: 121px; width: 290px; z-index: 1; border: 1px solid black;}
  22.  
  23. #quote1 { position:fixed; top: 150px; left: 410px; height: 50px; width: 500px; text-align: left; font-family: 'Niconne', cursive; letter-spacing: 2px; text-shadow: -1px 0 black, 0 1px black,1px 0 black, 0 -1px black; font-size:50px; color: #fff; z-index:999; text-align: center;}
  24.  
  25. #quote2 { position:fixed; top: 500px; left: 390px; height: 50px; text-align: left; font-family: 'Niconne', cursive; letter-spacing: 2px; text-shadow: -1px 0 black, 0 1px black,1px 0 black, 0 -1px black; font-size:19px; color: #fff; z-index:999; text-align: center;}
  26.  
  27. .abox { background-color: #fff; color: #000; font-size: 13px; font-family: 'dosis', sans-serif; text-align: justify; position: absolute; width:354; height:144; left: 579; top:209; letter-spacing: .3px; line-height: 12px; padding: 3px; margin: 1px; overflow:auto; border: 1px solid #000; z-index: 3;}
  28.  
  29. .aimg { position: absolute; width:290; height:121; left: 650; top:370; overflow:auto; border:1px solid black;}
  30.  
  31. .navbar {Background-color: transparent; Position: absolute; Left: 580px; top: 370px; padding: 4px; z-index: 1000; font-family: dosis; font-size: 10px; text-transform:uppercase; background: #fff; width: 52px; height: 113px; border: 1px solid black; }
  32.  
  33. .link1 {Position: absolute; Top: 3px; Border: solid 1px #000; Height: 13px; Width: 50px; background-color: #ee5c42; }
  34.  
  35. .link2 {Position: absolute; Top: 23px; Border: solid 1px #000; Height: 13px; Width: 50px; background-color: #ee5c42; }
  36.  
  37. .link3 {Position: absolute; Top: 43px; Border: solid 1px #000; Height: 13px; Width: 50px; background-color: #ee5c42; }
  38.  
  39. .link4 {Position: absolute; Top: 63px; Border: solid 1px #000; Height: 13px; Width: 50px; background-color: #ee5c42; }
  40.  
  41. .link5 {Position: absolute; Top: 83px; Border: solid 1px #000; Height: 13px; Width: 50px; background-color: #ee5c42; }
  42.  
  43. .link6 {Position: absolute; Top: 103px; Border: solid 1px #000; Height: 13px; Width: 50px; background-color: #ee5c42; }
  44.  
  45. .link1:hover {Background-color: #fff;}
  46. .link2:hover {Background-color: #fff;}
  47. .link3:hover {Background-color: #fff;}
  48. .link4:hover {Background-color: #fff;}
  49. .link5:hover {Background-color: #fff;}
  50. .link6:hover {Background-color: #fff;}
  51.  
  52. .slide {Position: fixed; Height: 555555; Width: 555555; Top: -50px; Left: 0; Z-index: -1; Opacity: -2; transition: 1s; -moz-transition: 1s; webkit-transition: 1s; -o-transition: 1s;}
  53.  
  54. .slide:target {Top: 0; Opacity: 1; Z-index: 1; transition: 1s; -moz-transition: 1s; webkit-transition: 1s; -o-transition: 1s;}
  55.  
  56. .ooc { position: fixed; background-color: #fff; border:1px #000 solid; overflow: auto; width: 350; height: 140; top: 210px; left: 580px; padding: 5px; text-align: justify; font-size: 16px; font-family: 'dosis', sans-serif; color: #000; line-height: 14px; z-index: 1; }
  57.  
  58. h1 { Color: #5c5d61; font-family: 'Satisfy', cursive; Border-bottom: 1px solid #bb99aa; font-size:15px; text-align: center; Margin-top: 1px; letter-spacing: .3;}
  59.  
  60. </style>
  61.  
  62. <div id="quote1">Can You not see...</div>
  63. <div id="quote2">? We're dancing through the smoke, and we don't mind the flames. ?</div>
  64.  
  65. <div id="rook"></div>
  66. <div id="of"><img src="http://pre14.deviantart.net/495d/th/pre/f/2015/116/0/4/uta__tokyo_ghoul__by_chichichidori-d8r66ey.png" height="100%" width="100%"></div>
  67. <div id="white"><img src="https://38.media.tumblr.com/7fe5b147f2c2097cca5da47b21d9cdcf/tumblr_ncf5noKqZG1tme5xho1_500.gif" height="100%" width="100%"></div>
  68.  
  69. <div class="navbar">
  70. <a class="link1" href="#1"><center><font color="black">Dossier</font></center></a>
  71. <a class="link2" href="#2"><center><font color="black">Friends</font></center></a>
  72. <a class="link3" href="#3"><center><font color="black">Enemies</font></center></a>
  73. <a class="link4" href="#4"><center><font color="black">Abilities</font></center></a>
  74. <a class="link5" href="#5"><center><font color="black">OOC</font></center></a>
  75. <a class="link6" href="#6"><center><font color="black">Reset</font></center></a>
  76. </div></div>
  77.  
  78. <div class="ooc">
  79. <Center>Rule 1} I am not my character and he is not me.<Br><Br>
  80. Rule 2} I am not here for smut, he is a slave driver, but not the kind you would think. He sees it as a lifestyle not a kink.<Br><Br>
  81. Rule 3} I am PM friendly, though I do not RP in PM. If you wish to RP with me. Let me know in PM and I may post in the main room.<Br><Br>
  82. Rule 4} Contact outside of RPC is reserved for trusted individuals. I am not looking for a sub, just to let you know now.</center></b>
  83.  
  84. </div>
  85.  
  86. <div id="1" class="slide">
  87. <div class="abox">
  88. <center>Name: Naju<Br><Br>
  89. Age: Unknown<Br><Br>
  90. Heigh:t 6'11"<Br><Br>
  91. Prefrence: Sapiosexual<Br><Br>
  92. Status: In good health<Br><Br>
  93. Occupation: Unknown<Br><Br>
  94. Resides: Wanderer<Br><Br>
  95. Race: Unknown<Br><Br>
  96. Parrents: Unknown.<Br><Br>
  97. Affiliation: Unknown<Br>
  98.  
  99. </div>
  100.  
  101. <div class="aimg"><img src="https://33.media.tumblr.com/269b1fc3ea4dcc8cb570ded810d078e7/tumblr_nbu0cjovo51tkbbvfo1_500.gif" Height="100%" Width="100%"></div></div>
  102.  
  103. <div id="2" class="slide">
  104. <div class="abox">
  105.  
  106.  
  107. </div>
  108.  
  109. <div class="aimg"><img src="https://33.media.tumblr.com/0f1c3c34e44c53bfa2938b86fca3a128/tumblr_n98jk3TInZ1qmxnvuo1_500.gif" Height="100%" Width="100%"></div></div>
  110.  
  111.  
  112. <div id="3" class="slide">
  113. <div class="abox">
  114.  
  115.  
  116. </div>
  117.  
  118. <div class="aimg"><img src="http://38.media.tumblr.com/ff3aba83a5022247357385316c247329/tumblr_n8wwh7rh9N1rw3w54o3_r1_500.gif" Height="100%" Width="100%"></div></div>
  119.  
  120.  
  121. <div id="4" class="slide">
  122. <div class="abox">
  123.  
  124.  
  125. </div>
  126.  
  127. <div class="aimg"><img src="https://s-media-cache-ak0.pinimg.com/originals/a0/f5/7f/a0f57fe02068d38fe4a6628ce22e9cbd.gif" Height="100%" Width="100%"></div></div>
  128.  
  129. <div id="5" class="slide">
  130. <div class="abox">
  131.  
  132.  
  133. </div>
  134.  
  135. <div class="aimg"><img src="http://38.media.tumblr.com/328dfb6f95619c65dcc222fce3c2cbc6/tumblr_nc43mfcdyM1t4dfn8o3_500.gif" Height="100%" Width="100%"></div></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement