API tools faq
paste
A_Bad_Bitch

Rook of White

A_Bad_Bitch
Feb 18th, 2017
1,374
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.45 KB | None | 0 0
raw download clone embed print report
  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: 11px; 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: 11px; 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. h2 { position: fixed; right: 10px; bottom: 0px; font-family: Arial; font-variant: normal; font-weight: normal; font-size: 100%; color: #000000;}
  61. </style>
  62.  
  63. <div id="quote1">Rook of White</div>
  64. <div id="quote2">? We're dancing through the smoke, and we don't mind the flames. ?</div>
  65.  
  66. <div id="rook"></div>
  67. <div id="of"><img src="http://data.whicdn.com/images/272156184/large.jpg" height="100%" width="100%"></div>
  68. <div id="white"><img src="https://s-media-cache-ak0.pinimg.com/originals/49/7d/70/497d7080ed00c3b621141310b22cf488.gif" height="100%" width="100%"></div>
  69.  
  70. <div class="navbar">
  71. <a class="link1" href="#1"><center><font color="black">Dossier</font></center></a>
  72. <a class="link2" href="#2"><center><font color="black">Friends</font></center></a>
  73. <a class="link3" href="#3"><center><font color="black">Enemies</font></center></a>
  74. <a class="link4" href="#4"><center><font color="black">Abilities</font></center></a>
  75. <a class="link5" href="#5"><center><font color="black">OOC</font></center></a>
  76. <a class="link6" href="#6"><center><font color="black">Reset</font></center></a>
  77. </div></div>
  78.  
  79. <div class="ooc">
  80.  
  81.  
  82. </div>
  83.  
  84. <div id="1" class="slide">
  85. <div class="abox">
  86.  
  87.  
  88. </div>
  89.  
  90. <div class="aimg"><img src="http://24.media.tumblr.com/c774157401c50dbd93ea16ae8cf886eb/tumblr_n13mu8r8oI1to21edo2_500.gif" Height="100%" Width="100%"></div></div>
  91.  
  92. <div id="2" class="slide">
  93. <div class="abox">
  94.  
  95.  
  96. </div>
  97.  
  98. <div class="aimg"><img src="http://ekladata.com/kDedns32jZgTicwEG9VtpaPbcuI.gif" Height="100%" Width="100%"></div></div>
  99.  
  100.  
  101. <div id="3" class="slide">
  102. <div class="abox">
  103.  
  104.  
  105. </div>
  106.  
  107. <div class="aimg"><img src="http://24.media.tumblr.com/a287b0475e13a9de32efda3ad341f360/tumblr_n0snrtEl3N1sqi9jto3_500.gif" Height="100%" Width="100%"></div></div>
  108.  
  109.  
  110. <div id="4" class="slide">
  111. <div class="abox">
  112.  
  113.  
  114. </div>
  115.  
  116. <div class="aimg"><img src="http://68.media.tumblr.com/8b33e4e12eacb6f29a18f7b3280e8dab/tumblr_o1ron6t3UE1v41ji2o1_500.gif" Height="100%" Width="100%"></div></div>
  117.  
  118. <div id="5" class="slide">
  119. <div class="abox">
  120.  
  121.  
  122. </div>
  123.  
  124. <div class="aimg"><img src="https://media.tenor.co/images/9c8e4ea99ada63cdbf502b571cfda9fa/tenor.gif" Height="100%" Width="100%"></div></div>
  125.  
  126. <h2>Layout © <a href="http://pastebin.com/u/A_Bad_Bitch" target="_blank">A Bad Bitch</a></h2>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!