Advertisement
Guest User

Sacha Code

a guest
Mar 20th, 2019
97
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.79 KB | None | 0 0
  1. <style>
  2. @import url('https://fonts.googleapis.com/css?family=Cinzel|Cuprum');
  3. </style>
  4. <style type="text/css">
  5. html, body {
  6. background: #000;
  7. background-image:url("");
  8. background-repeat:repeat-x;
  9. background-position:center;
  10. overflow:hidden;
  11. }
  12.  
  13. #profile {
  14. background-color: transparent;
  15. border: 0px ;
  16. }
  17.  
  18. .pfor {display: none}
  19.  
  20.  
  21. ::-webkit-scrollbar-button:vertical:{
  22. background-color: #fff;}
  23.  
  24. ::-webkit-scrollbar-thumb:vertical {
  25. background-color:#fff;
  26. height:150px;}
  27.  
  28. ::-webkit-scrollbar-thumb:horizontal {
  29. background-color:#fff;
  30. height:60px;}
  31.  
  32.  
  33. ::-webkit-scrollbar {
  34. height:60px;
  35. width:5px;
  36. background-color:#fff;}
  37.  
  38.  
  39. #image {
  40. width: 20%;
  41. margin: 0px;
  42. border: none;
  43. height: 60%;
  44. background-color:#000000;
  45. position: absolute;
  46. left: 40%;
  47. bottom: 20%;
  48. background-image:url("https://i.pinimg.com/564x/85/df/13/85df13ba57298b6cbd37f39cce3fe275.jpg");
  49. background-repeat:no-repeat;
  50. background-position: 40% top;
  51. background-size:auto 100%;
  52. z-index:1;
  53. }
  54.  
  55. .content{
  56. position:absolute;
  57. top:0px;
  58. left:0px;
  59. background:#fff;
  60. color:000;
  61. height:100%;
  62. width:100%;
  63. overflow:hidden;
  64. opacity:0;
  65. -webkit-transition: all 1s ease-out;
  66. -moz-transition: all 1s ease-out;
  67. -o-transition: all 1s ease-out;
  68. }
  69.  
  70. .content:hover {
  71. opacity:0.90;
  72. overflow: auto;
  73. -webkit-transition: all 1s ease-out;
  74. -moz-transition: all 1s ease-out;
  75. -o-transition: all 1s ease-out;}
  76.  
  77. #disjointed {
  78. position:absolute;
  79. height:19%;
  80. width:28%;
  81. top:0%;
  82. left:60%;
  83. background-color:#000;
  84. transform:rotate(-10deg);
  85. }
  86.  
  87. #knight {
  88. position:absolute;
  89. height:19%;
  90. width:17%;
  91. top:0%;
  92. left:33%;
  93. background-color:#000;
  94. }
  95.  
  96. #in {
  97. position:absolute;
  98. height:66%;
  99. width:16%;
  100. top:26%;
  101. left:65%;
  102. background-color:#000;
  103. transform:rotate(20deg);
  104. }
  105.  
  106. #sour {
  107. position:absolute;
  108. height:50%;
  109. width:16%;
  110. top:14%;
  111. left:18%;
  112. background-color:#000;
  113. transform:rotate(-14deg);
  114. }
  115.  
  116. #armor {
  117. position:absolute;
  118. height:50%;
  119. width:10%;
  120. transform:rotate(90deg);
  121. top:60%;
  122. left:13%;
  123. background-color:#000;
  124. }
  125.  
  126. #darkness {
  127. position:absolute;
  128. height:25%;
  129. width:5%;
  130. bottom:0%;
  131. left:35%;
  132. background-color:#000;
  133. transform:rotate(-20deg);
  134. }
  135.  
  136. #beckons {
  137. position:absolute;
  138. height:10%;
  139. width:25%;
  140. top:5%;
  141. left:5%;
  142. background-color:#000;
  143. transform:rotate(-12deg);
  144. }
  145.  
  146. #to {
  147. position:absolute;
  148. height:30%;
  149. width:12%;
  150. top:28%;
  151. left:3%;
  152. background-color:#000;
  153. transform:rotate(10deg);
  154. }
  155.  
  156. #me {
  157. position:absolute;
  158. height:30%;
  159. width:15%;
  160. bottom:5%;
  161. right:4%;
  162. background-color:transparent;
  163. }
  164.  
  165.  
  166. div, table, td, p, .text, font, textarea, input {
  167. font-family:cuprum;
  168. font-size:13px;
  169. text-align: left;
  170. color:#FFF;
  171. letter-spacing:1px;
  172. word-spacing:-1px;
  173. text-decoration:none!important;
  174. }
  175.  
  176. a:link, a:active, a:visited {
  177. font-family: georgia;
  178. font-size: 10px;
  179. color:#961A15;
  180. letter-spacing: 2px;
  181. text-decoration: none;
  182. text-align: left;
  183. -webkit-transition-duration: 1.5s;
  184. -moz-transition-duration: 1.5s;
  185. }
  186.  
  187.  
  188.  
  189. h1 {
  190. margin-top:2px;
  191. margin-bottom:5px;
  192. padding-top:2px;
  193. font-family:cinzel;
  194. font-size:30px;
  195. font-weight:bold;
  196. font-style:none;
  197. color:#000;
  198. letter-spacing:3px;
  199. text-transform:none;
  200. text-align:center;
  201. border-bottom: #000 solid 3px;
  202. }
  203.  
  204. </style>
  205.  
  206. <div id="image"><div class="content"><h1>Sacha Trager</h1><center>Crackin' Skulls & Takin' Names<br><br><b>Male.<br><br>Human(?)<br><br>6'11".<br><br>280lbs.<br><br>Yellow Eyes.<br><br>Black Hair.<br><br>Indeterminate Age<br><br>Abandoned to the Wild<br><br><a target="_blank" href="https://roleplay.chat/profile.php?user=Ellanhi" target="_blank">Relationships Are Weird</a><br><br><i>[Work.In.Progress]<br>[Move your mouse around the page to find the other boxes.]</i></b></center></div></div>
  207.  
  208. <div id="disjointed"><span title="Always watching. Always listening. Nothing will hurt her."><div class="content" style="background-image:url('https://i.pinimg.com/564x/a1/9b/a7/a19ba7555a02dd57ed31b4cd35f798c4.jpg');background-size:100% auto;background-position:-20% 0%;background-color:transparent;"></div></span></div>
  209.  
  210. <div id="knight"><div class="content"></div></div>
  211.  
  212. <div id="in"><div class="content"><h1>Brawler</h1><center>Unbridled Destruction<b><br><br>Level 6<br>Swordsage // Fighter<br><br>AC </b>22<b> | HP</b> 65<b><br>FORT:</b> 9<b> | RFLX:</b> 6<b> | WILL:</b> 10<b><br><br>STR:</b> 22 [+6]<br><b>DEX:</b> 12 [+1]<br><b>CON:</b> 18 [+4] <br><b>INT:</b> 10 [+0]<br><b>WIS:</b> 20 [+5]<br><b>CHA:</b> 16 [+3]<b><br><br>Sacha is a naturalist at heart; he scarcely believes in man-made weapons, let alone armor. To his mind, a man should fight with his bare fists, or not at all.<br><br>There is more to his strength than his size alone; to what end cannot be said, but he is strong beyond his size, durable beyond the hardness of his bones and the callousness of his skin.<br><br>He is occasionally known to manifest other Superhuman Abilities, but not regularly, or even on command. </b></center></div></div>
  213.  
  214. <div id="sour"><span title="They took pieces of me. So I broke their everything."><div class="content" style="background-image:url('https://i.pinimg.com/564x/57/fe/cb/57fecbb3f2f1e93f5691c0895b29fdc5.jpg');background-size:150% auto;background-position:80% 80%;"></div></div></div>
  215.  
  216. <div id="armor"><span title="The tools of weak men are useless, except to crucify them with."><div class="content" style="background-image:url('https://i.pinimg.com/564x/04/b2/f6/04b2f62515cc5f6b4dbcbd2f092e90aa.jpg');background-size:auto 150%;background-position:50% 40%;"></div></span></div>
  217.  
  218. <div id="darkness"><div class="content"><br><br><li>art isn't mine.</li><br><li>code is mine.</li><br><li>golden rule.</li><br><li>pm friendly.</li><br><li>smut & story</li><br><li>ic isn't ooc</li></div></div>
  219.  
  220. <div id="beckons"><div class="content"></div></div>
  221.  
  222. <div id="to"><div class="content"></div></div>
  223.  
  224. <div id="me"><div class="content"></div></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement