Advertisement
Guest User

Untitled

a guest
Jul 18th, 2019
84
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.73 KB | None | 0 0
  1. <style type="text/css">
  2.  
  3. @import url(https://fonts.googleapis.com/css?family=Squada+One);
  4. @import url(https://fonts.googleapis.com/css?family=Coda);
  5. @import url('https://fonts.googleapis.com/css?family=Karla');
  6.  
  7. body { background-color: #161616; background-image: url('https://i.imgur.com/9Qz4KMS.gif'); background-size: 100% 100%; background-position: center center; color: #a78d81; text-align: justify; margin: 0 auto; cursor: url('http://www.dolliehost.com/dolliecrave/cursors/cursors-arrow/arrow38.gif'), default;}
  8.  
  9. a {color: #ba4747; text-decoration: none; font-style: none;}
  10. a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress !important; color: #b66f72; font-style: italic; }
  11.  
  12. .ren { position: absolute; top: 30px; left: 85px; height: 580px; width: 550px; background-image: url("https://i.imgur.com/g3zneLl.png"); background-size: 100% 100%; background-position: center center; overflow: hidden; z-index: 2;}
  13.  
  14. .qbak { background-color: #484848; position: fixed; top: 164px; left: 640px; height: 85px; width: 500px; border: 1px solid #E5E5E5; overflow: hidden; z-index: 1000; opacity: .8;}
  15.  
  16. .quote { position:fixed; top: 163px; left: 670px; text-align: left; font-family: 'Squada One'; text-shadow: -1px 0px 0px #F0EDE8, 0px 1px 0px #F0EDE8, 1px 0px 0px #F0EDE8, 0px -1px 0px #F0EDE8; font-size:66px; color: #691f34; z-index: 1000; text-align: center;}
  17.  
  18. .img { position: absolute; top: 267px; left: 648px; height: 230px; width: 300px; background-image: url("https://i.imgur.com/4E4m1JV.png"); background-size: 100% 100%; background-position: center center; overflow: hidden; z-index: 2000;}
  19.  
  20. .bak { background-color: #484848; position: fixed; top: 260px; left: 640px; height: 243px; width: 315px; border: 1px solid #E5E5E5; overflow: hidden; z-index: 1000; opacity: .7;}
  21.  
  22. .baka { background-color: #484848; position: fixed; top: 370px; left: 965px; height: 133px; width: 177px; border: 1px solid #E5E5E5; overflow: hidden; z-index: 1000; opacity: .7;}
  23.  
  24. .gif { position: absolute; top: 377px; left: 973px; height: 120px; width: 163px; background-image: url("https://66.media.tumblr.com/49de3e3436389a5cdcd46730c09a7106/tumblr_paw62hGL1P1wvns0ro4_400.gif"); background-size: 100% 100%; background-position: center center; overflow: hidden; z-index: 2000;}
  25.  
  26. .friends { position: fixed; overflow: auto; width: 490; height: 500; top: 510px; left: 643px; padding: 5px; text-align: justify; font-size: 12px; font-family: 'yanone kaffeesatz', sans-serif; color: #8a8790; line-height: 13px; z-index: 1000; }
  27.  
  28. .abox { background-color: #484848; color: #e5e5e5; font-size: 12px; font-family: 'karla', sans-serif; text-align: justify; position: absolute; width: 293; height: 222; left: 647; top: 267; line-height: 15px; padding: 3px; overflow:auto; border: 1px solid #484848; z-index: 3; opacity: .8;}
  29.  
  30. .navbar {Background-color: #484848; Position: absolute; Left: 965px; top: 260px; padding: 5px; z-index: 3000; width: 167px; height: 87px; border: 1px solid #E5E5E5; opacity: .8;}
  31.  
  32. .link1 {Position: absolute; Top: 5px; Border: solid 1px #E5E5E5; Height: 15px; Width: 165px; background-color: #990012; }
  33.  
  34. .link2 {Position: absolute; Top: 28px; Border: solid 1px #E5E5E5; Height: 15px; Width: 165px; background-color: #990012; }
  35.  
  36. .link3 {Position: absolute; Top: 51px; Border: solid 1px #E5E5E5; Height: 15px; Width: 165px; background-color: #990012; }
  37.  
  38. .link4 {Position: absolute; Top: 74px; Border: solid 1px #E5E5E5; Height: 15px; Width: 165px; background-color: #990012; }
  39.  
  40. .link1:hover {Background-color: #fff;}
  41. .link2:hover {Background-color: #fff;}
  42. .link3:hover {Background-color: #fff;}
  43. .link4:hover {Background-color: #fff;}
  44.  
  45. h1 { font-family: 'coda'; letter-spacing:4.4px; color:#ba4747; text-shadow: 0 0 0.3em #ba4747; font-style:italic; font-weight:bold; text-transform:uppercase; font-size:7px; border-bottom: 2px solid #ba4747; text-align: right; margin-right: 3px; margin-left: 3px; line-height: 12px; margin-top: 1px;}
  46.  
  47. .slide {Position: fixed; Height: 555555; Width: 555555; Top: 0px; Left: 0px; Z-index: -1; Opacity: 0; transition: 0s; -moz-transition: 0s; webkit-transition: 0s; -o-transition: 0s;}
  48.  
  49. .slide:target {Left: 0; Opacity: 1; Z-index: 2000; transition: 0s; -moz-transition: 0s; webkit-transition: 0s; -o-transition: 0s;}
  50.  
  51. .credit { position: fixed; Bottom: 10px; Right: 10px; height: 25px; width: 25px; background-color: #111; border: 1px solid #222; font-size: 15px; font-family: karla; text-align: justify; color: #ccc; z-index: 7000; text-align: center; line-height: 25px;}
  52.  
  53. </style>
  54.  
  55. <div class="ren"></div>
  56. <div class="qbak"></div>
  57.  
  58. <div class="quote">The Big Black Brute</div>
  59.  
  60. <div class="img"></div>
  61. <div class="bak"></div>
  62.  
  63. <div class="navbar">
  64. <a class="link1" href="#1"></a>
  65. <a class="link2" href="#2"></a>
  66. <a class="link3" href="#3"></a>
  67. <a class="link4" href="#4"></a>
  68. </div></div>
  69.  
  70. <div class="baka"></div>
  71. <div class="gif"></div>
  72.  
  73. <div class="friends">
  74.  
  75. <h1>Tab Title</h1>
  76.  
  77. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In tristique nisi non vulputate lobortis. Donec vestibulum mi purus, vitae luctus mi consequat nec. Curabitur tincidunt libero neque, eu elementum sem tincidunt vel. Ut aliquet dolor ante, sit amet condimentum ligula scelerisque a. Duis tincidunt elit rutrum lorem rhoncus, vitae varius orci.
  78.  
  79. </div>
  80.  
  81. <div id="1" class="slide">
  82. <div class="abox">
  83.  
  84. <h1>Dossier</h1>
  85. <br><br><center>
  86. Shiny Charizard<br>
  87. <i>Chazar</i><br>
  88. 6'06"<br>
  89. Lvl: 96 <a target="_blank" href="http://i.picpar.com/5Fyd.jpg" target="_blank"><font color="white">♂</font></a><br>
  90. Eastern Tyrant<br>
  91. "<a target="_blank" href="https://roleplay.chat/profile.php?user=Vulnona" title="Highly Cherished"><font color="aqua">Defrosting</font></a>"<br>
  92. <img src="http://www.serebii.net/pokedex-bw/type/fire.gif"> <img src="http://www.serebii.net/pokedex-bw/type/flying.gif"><br>
  93. Blaze<br>
  94. Adamant Nature<br>
  95. <br><br>
  96. </div></div>
  97.  
  98. <div id="2" class="slide">
  99. <div class="abox">
  100.  
  101. <h1>Movelist</h1>
  102. <font style=float:left><a style="color:#fff" title="The target is punched with an electrified fist. This may also leave the target with paralysis.">Thunder Punch</a></font> <font style=float:right><img src="http://www.serebii.net/pokedex-bw/type/electric.gif"> <img src="http://www.serebii.net/pokedex-bw/type/physical.png"></font><br>
  103. <br>
  104. <font style=float:left><a style="color:#fff" title="The user vigorously performs a mystic, powerful dance that raises its Attack and Speed stats.">Dragon Dance</a></font> <font style=float:right><img src="http://www.serebii.net/pokedex-bw/type/dragon.gif"> <img src="http://www.serebii.net/pokedex-bw/type/other.png"></font><br>
  105. <br>
  106. <font style=float:left><a style="color:#fff" title="Cloaking itself in flame, the user attacks. Then, building up more power, the user raises its Speed stat.">Flame Charge</a></font> <font style=float:right><img src="http://www.serebii.net/pokedex-bw/type/fire.gif"> <img src="http://www.serebii.net/pokedex-bw/type/physical.png"></font><br>
  107. <br>
  108. <font style=float:left><a style="color:#fff" title="The user lands and rests its body. It restores the user’s HP by up to half of its max HP.">Roost</a></font> <font style=float:right><img src="http://www.serebii.net/pokedex-bw/type/flying.gif"> <img src="http://www.serebii.net/pokedex-bw/type/other.png"></font><br>
  109. <br>
  110. <font style=float:left><a style="color:#fff" title="The target is hit with wings of steel. This may also raise the user’s Defense stat.">Steel Wing</a></font> <font style=float:right><img src="http://www.serebii.net/pokedex-bw/type/steel.gif"> <img src="http://www.serebii.net/pokedex-bw/type/physical.png"></font><br>
  111. <br>
  112. <font style=float:left><a style="color:#fff" title="The user releases an obscuring cloud of smoke or ink. This lowers the target’s accuracy.">Smokescreen</a></font> <font style=float:right><img src="http://www.serebii.net/pokedex-bw/type/normal.gif"> <img src="http://www.serebii.net/pokedex-bw/type/other.png"></font><br>
  113. <br>
  114. <font style=float:left><a style="color:#fff" title="The target is thrown using the power of gravity. It inflicts damage equal to the user’s level.">Seismic Toss</a></font> <font style=float:right><img src="http://www.serebii.net/pokedex-bw/type/fighting.gif"> <img src="http://www.serebii.net/pokedex-bw/type/physical.png"></font><br>
  115.  
  116. </div></div>
  117.  
  118. <div id="3" class="slide">
  119. <div class="abox">
  120.  
  121. <h1>Out of Character</h1>
  122. <br><br><center>
  123. PM Friendly. No Drama.<br>
  124. T-1 Battles Accepted.<br>
  125. Semi-Para to Modest Multi-Para.<br>
  126. Story Preferred. <a target="_blank" href="http://i.picpar.com/Wszd.jpg" target="_blank">Smut</a> Earned.<br>
  127.  
  128. <br><br>
  129.  
  130.  
  131. Art Edited for Personal Use<br>
  132.  
  133.  
  134. </div></div>
  135.  
  136. <div class="credit"><a target="_blank" href="http://[FILTERED].tumblr.com/" target="_blank">Layout ©</div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement