API tools faq
paste
thisisnotras

fix in process.

thisisnotras
Oct 22nd, 2016
129
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.85 KB | None | 0 0
raw download clone embed print report
  1. <style>
  2. @import url(https://fonts.googleapis.com/css?family=Titillium+Web|Teko:400,500|Play);
  3.  
  4. .pfor { display: none;}
  5. #profile { background-color: transparent; border: 0px;}
  6. ::-webkit-scrollbar { display: none; }
  7.  
  8.  
  9. body {background-color: #000000;}
  10. body {background-image: url(""), url("https://i.imgur.com/elD7BRq.png");}
  11. body {background-repeat: no-repeat, repeat ;}
  12. body {background-position: bottom left, center center ;}
  13. body {background-size: 250px,125px;}
  14. body {overflow: hidden; }
  15.  
  16. #Theta {
  17. position: absolute;
  18. top: 50%;
  19. transform: translateY(-50%);
  20. width: 929px ;
  21. left: 0px;
  22. height: 437px;
  23. background-color: #000000;
  24. background-image: url(http://i.imgur.com/m7Y8WZf.png);
  25. background-position: center center;
  26. background-repeat: repeat;
  27. background-size: 150px;
  28. background-attachment: fixed;
  29. border-top: #040276 1px solid;
  30. border-bottom: #000000 2px solid;
  31. z-index: 1;}
  32.  
  33.  
  34. #Chi {
  35. position: absolute;
  36. bottom: -78px;
  37. left: -5;
  38. width: 400px;
  39. height: 600px;
  40. background-color: transparent;
  41. background-image: url(https://i.imgur.com/7YY0sW8.png);
  42. );
  43. background-position: top left;
  44. background-repeat: no-repeat;
  45. background-size: 400px;
  46. background-attachment: scroll;
  47. z-index: 1;}
  48.  
  49.  
  50. .bb, .bb::before, .bb::after { position: absolute; top: 0; bottom: 0; left: 0; right: 0;}
  51. .bb { width: 200px; height: 200px; margin: auto; color: #040276 ; background: url("https://i.imgur.com/Zi2mmYv.png"); background-size: 200px; background-position: bottom center;}
  52. .bb::before, .bb::after { Content: ''; z-index: -1; margin: -5%; box-shadow: inset 0 0 0 2px; animation: clipMe 8s linear infinite;}
  53. .bb::before { animation-delay: -4s;}
  54.  
  55. @keyframes clipMe { 0%,
  56. 100% { clip: rect(0px, 220px, 2px, 0px); }
  57. 25% { clip: rect(0px, 2px, 220px, 0px); }
  58. 50% { clip: rect(218px, 220px, 220px, 0px); }
  59. 75% { clip: rect(0px, 220px, 220px, 218px); }
  60. }
  61.  
  62. *,
  63. *::before,
  64. *::after {box-sizing: border-box; border-radius: 0px;}
  65.  
  66. #Zulu {
  67. position: absolute;
  68. bottom: 11px;
  69. left: 400px;
  70. height: 410px;
  71. width: 300px;
  72. background-color: #000;
  73. background-image: url("https://i.imgur.com/RN7t9mZ.png");
  74. background-position: center center;
  75. background-size: 300px;
  76. border: #040276 2px solid;
  77. border-radius: 0px;
  78. z-index: -1;}
  79.  
  80. #Eta1 { position: absolute; height: 90px; width: 200px; border: #040276 2px solid; border-radius: 0px; overflow: hidden;
  81. top: 0px; }
  82. #Eta2 { position: absolute; height: 90px; width: 200px; border: #040276 2px solid; border-radius: 0px; overflow: hidden;
  83. top: 106px; }
  84. #Eta3 { position: absolute; height: 90px; width: 200px; border: #040276 2px solid; border-radius: 0px; overflow: hidden;
  85. top: 214px;}
  86. #Eta4 { position: absolute; height: 90px; width: 200px; border: #040276 2px solid; border-radius: 0px; overflow: hidden;
  87. top: 319px;}
  88.  
  89.  
  90. .navigations , .navigations:visited {
  91. overflow: auto;
  92. color: #000;
  93. font-family: 'Teko', sans-serif;
  94. text-align: center;
  95. font-size: 27px;
  96. line-height: 80px;
  97. letter-spacing: 1px;
  98. word-spacing: 1px;
  99. font-weight: 500;
  100. font-style: normal;
  101. text-transform: none;
  102. text-decoration: none;
  103. font-variant: small-caps;
  104. text-shadow:
  105. 1px 1px 0 #040276 ,
  106. -1px -1px 0 #040276 ,
  107. 1px -1px 0 #040276 ,
  108. -1px 1px 0 #040276 ,
  109. 0px 1px 0 #040276 ,
  110. 1px 0px 0 #040276 ,
  111. 0px -1px 0 #040276 ,
  112. -1px 0px 0 #040276 ;
  113. border: #040276 2px solid;
  114.  
  115. display: block;
  116. width: 200px;
  117. height: 090px;
  118. padding: 5px;
  119. background-color: #000;
  120. transition: all 0.75s linear;
  121. -moz-transition: all 0.75s linear;
  122. -webkit-transition: all 0.75s linear;
  123. z-index: 1;
  124. border-radius: 0px;
  125. }
  126.  
  127. .info {
  128. display: block;
  129. position: absolute;
  130. bottom: 10px;
  131. left: 402px;
  132. height: 408px;
  133. width: 296px;
  134. background-color: #;
  135. background-position: center center;
  136. background-size: 300px;
  137. z-index: -5;
  138. opacity: 0.0;
  139. transition: all 0.75s linear;
  140. -moz-transition: all 0.75s linear;
  141. -webkit-transition: all 0.75s linear;
  142. overflow: hidden;}
  143.  
  144. .info:target {z-index: 5; opacity: 1.0;
  145. transition: all 0.75s linear;
  146. -moz-transition: all 0.75s linear;
  147. -webkit-transition: all 0.75s linear; }
  148.  
  149. #Zeta {
  150. display: block;
  151. position: absolute;
  152. top: 0px;
  153. left: 0px;
  154. height: 405px;
  155. width: 298px;
  156. background-color: #0D0D0D;
  157. background-position: center center;
  158. background-size: 300px;
  159. border-radius: 0px;
  160. opacity: 0.95;
  161. transition: all 0.75s linear;
  162. -moz-transition: all 0.75s linear;
  163. -webkit-transition: all 0.75s linear;}
  164.  
  165. #Omega{
  166. position: absolute;
  167. top: 5px;
  168. left: 5px;
  169. height: 405px;
  170. width: 288px;
  171.  
  172. overflow: auto;
  173. color: #0603C4;
  174. font-family: 'Play', sans-serif;
  175. text-align: Left;
  176. font-size: 12px;
  177. line-height: 14px;
  178. letter-spacing: 1px;
  179. word-spacing: 1px;
  180. font-weight: 500;
  181. font-style: normal;
  182. text-transform: none;
  183. text-decoration: none;
  184. font-variant: small-caps;
  185.  
  186.  
  187. border-radius: 0px;
  188. padding: 5px;
  189. opacity: 1;
  190. transition: all 0.75s linear;
  191. -moz-transition: all 0.75s linear;
  192. -webkit-transition: all 0.75s linear;}
  193.  
  194. h1 {
  195. display: block;
  196. padding-bottom: 1px;
  197. padding-left: 10px;
  198. padding-right: 10px;
  199. margin-top: -4px;
  200. margin-bottom: 5px;
  201. margin-left: 0px;
  202. width: auto;
  203.  
  204. color: #000;
  205. font-family: 'Teko', sans-serif;
  206. text-align: center;
  207. font-size: 50px;
  208. line-height: 32px;
  209. letter-spacing: 3px;
  210. word-spacing: 3px;
  211. font-weight: 400;
  212. font-style: normal;
  213. text-transform: none;
  214. text-decoration: none;
  215. font-variant: small-caps;
  216. text-shadow:
  217. 1px 1px 0 #050292,
  218. -1px -1px 0 #050292,
  219. 1px -1px 0 #050292,
  220. -1px 1px 0 #050292,
  221. 0px 1px 0 #050292,
  222. 1px 0px 0 #050292,
  223. 0px -1px 0 #050292,
  224. -1px 0px 0 #050292; }
  225.  
  226. a.link , a.link:visited { color: #4D4AFC; text-decoration: none; }
  227. a.link:hover { color: #FFFFFF; }
  228.  
  229.  
  230. .friend { height: 63px; width: 63px; border: #303030 2px solid; opacity: 0.7; margin: 1px; transition: all 0.5s ease-out; }
  231. .friend:hover { opacity: 1.0; }
  232.  
  233. .navii img{
  234. position: absolute;
  235. width: 200px;
  236. height: 100px;
  237. opacity: 1;}
  238.  
  239. .navii .navigations{
  240. text-decoration: none;
  241. position: absolute;
  242. height: 102px;
  243. opacity: 0;}
  244.  
  245. .navii:hover .navigations{}
  246.  
  247. .navii{
  248. text-decoration: none;}
  249.  
  250. </style>
  251.  
  252. <div id="Theta">
  253. <div id="Chi"></div>
  254.  
  255. <div id="Zulu"><div class="bb"></div></div>
  256.  
  257. <div style="position: absolute;
  258. left: 715px;
  259. top: 14px;
  260. overflow: hidden;
  261. background: transparent;
  262. height: 409px;
  263. width: 200px;">
  264.  
  265. <a href="#1" id="Eta1" class="navii">
  266. <img src="http://68.media.tumblr.com/e327572968cf432847ee63a624bda33f/tumblr_odsu2964eA1qghd52o3_250.gif" width="202" />
  267. <div class="navigations">DOSSIER</div>
  268. </a>
  269.  
  270. <div id="Eta2" class="navii"><img src="http://66.media.tumblr.com/fd7163d3f8ffeca96da20bfe1c070b3c/tumblr_odsu2964eA1qghd52o8_250.gif" width="200">
  271. <div class="navigations">ENCOUNTERED</div>
  272. </div>
  273.  
  274. <div id="Eta3" class="navii"><img src="http://66.media.tumblr.com/a70502897999a9dd3143fa9e72fdb48c/tumblr_o7lczuaUT41v4lzcpo6_250.gif" width="200">
  275. <div class="navigations">OUT OF CHARACTER</div>
  276. </div>
  277.  
  278. <a href="#4" id="Eta4" class="navii"><img src="http://66.media.tumblr.com/a8c3f581a254d2d059608997cdad9b6e/tumblr_oabtvoyVp11tjxpvdo4_250.gif" width="200">
  279. <div class="navigations">RESET</div>
  280. </a>
  281.  
  282. </div>
  283.  
  284.  
  285. <div id="1" class="info"><div id="Zeta"></div><div id="Omega">
  286. <h1>dossier</h1>
  287. <font style=float: left>Name:</font> <font style=float:right>Leonard Snart</font><br>
  288. <font style=float: left>Alter Ego:</font> <font style=float:right>Captain Cold</font><br>
  289. <font style=float: left>Date Of Birth:</font> <font style=float:right> June 2, 1982</font><br>
  290. <font style=float: left>Age:</font> <font style=float:right>34</font><br>
  291. <font style=float: left>Gender:</font> <font style=float:right>Male</font><br>
  292. <font style=float: left>Height:</font> <font style=float:right>185 centimeters</font><br>
  293. <font style=float: left>Weight:</font> <font style=float:right>75 kilograms</font><br>
  294. <font style=float: left>Family:</font> <font style=float:right><a class="link" target="_blank" title="Sister; Train-wreck" href="https://roleplay.chat/profile.php?user=Lisa+Snart">Lisa Snart</a></font><br>
  295. <font style=float: left>Occupation:</font> <font style=float:right>Criminal / Legend</font><br>
  296. <font style=float: left>Orientation:</font> <font style=float:right>Heterosexual</font><br>
  297. <font style=float: left>Status:</font> <font style=float:right>Single</font><br>
  298. <p>
  299. Leonard "Lenny" Snart, nicknamed Captain Cold by Cisco Ramon , is a world-class thief who hails from Central City. He is also the older brother of Lisa Snart and the son of the late Lewis Snart. As of late, Leonard was recruited by the rogue time-traveller Rip Hunter on a mission to take down Vandal Savage.
  300. <p>
  301. "There are no strings on me." —Leonard Snart
  302. </div></div>
  303.  
  304. <div id="2" class="info"><div id="Zeta"></div><div id="Omega">
  305. <h1> encountered </h1><br>
  306. <a title="N/A" href="profile.php?user=Locus" target="_blank"><img src="https://i.imgur.com/Gr8bsDC.png" class="friend"></a>
  307. <a title="N/A" href="profile.php?user=Locus" target="_blank"><img src="https://i.imgur.com/Gr8bsDC.png" class="friend"></a>
  308. <a title="N/A" href="profile.php?user=Locus" target="_blank"><img src="https://i.imgur.com/Gr8bsDC.png" class="friend"></a>
  309. <a title="N/A" href="profile.php?user=Locus" target="_blank"><img src="https://i.imgur.com/Gr8bsDC.png" class="friend"></a>
  310. <br>
  311. <a title="N/A" href="profile.php?user=Locus" target="_blank"><img src="https://i.imgur.com/Gr8bsDC.png" class="friend"></a>
  312. <a title="N/A" href="profile.php?user=Locus" target="_blank"><img src="https://i.imgur.com/Gr8bsDC.png" class="friend"></a>
  313. <a title="N/A" href="profile.php?user=Locus" target="_blank"><img src="https://i.imgur.com/Gr8bsDC.png" class="friend"></a>
  314. <a title="N/A" href="profile.php?user=Locus" target="_blank"><img src="https://i.imgur.com/Gr8bsDC.png" class="friend"></a>
  315. <br>
  316. <a title="N/A" href="profile.php?user=Locus" target="_blank"><img src="https://i.imgur.com/Gr8bsDC.png" class="friend"></a>
  317. <a title="N/A" href="profile.php?user=Locus" target="_blank"><img src="https://i.imgur.com/Gr8bsDC.png" class="friend"></a>
  318. <a title="N/A" href="profile.php?user=Locus" target="_blank"><img src="https://i.imgur.com/Gr8bsDC.png" class="friend"></a>
  319. <a title="N/A" href="profile.php?user=Locus" target="_blank"><img src="https://i.imgur.com/Gr8bsDC.png" class="friend"></a>
  320. <br>
  321. <a title="N/A" href="profile.php?user=Locus" target="_blank"><img src="https://i.imgur.com/Gr8bsDC.png" class="friend"></a>
  322. <a title="N/A" href="profile.php?user=Locus" target="_blank"><img src="https://i.imgur.com/Gr8bsDC.png" class="friend"></a>
  323. <a title="N/A" href="profile.php?user=Locus" target="_blank"><img src="https://i.imgur.com/Gr8bsDC.png" class="friend"></a>
  324. <a title="N/A" href="profile.php?user=Locus" target="_blank"><img src="https://i.imgur.com/Gr8bsDC.png" class="friend"></a>
  325. <br>
  326. <a title="N/A" href="profile.php?user=Locus" target="_blank"><img src="https://i.imgur.com/Gr8bsDC.png" class="friend"></a>
  327. <a title="N/A" href="profile.php?user=Locus" target="_blank"><img src="https://i.imgur.com/Gr8bsDC.png" class="friend"></a>
  328. <a title="N/A" href="profile.php?user=Locus" target="_blank"><img src="https://i.imgur.com/Gr8bsDC.png" class="friend"></a>
  329. <a title="N/A" href="profile.php?user=Locus" target="_blank"><img src="https://i.imgur.com/Gr8bsDC.png" class="friend"></a>
  330. </div></div>
  331.  
  332. <div id="3" class="info"><div id="Zeta"></div><div id="Omega">
  333. <h1> out of character </h1>
  334. <font color="green">√</font> Any role-play in the Arrow-verse or <br>&nbsp;&nbsp;&nbsp;D.C Universe.
  335. <br> <font color="green">√</font> Private message.
  336. <br> <font color="green">√</font> English with general competency.
  337. <br> <font color="green">√</font> Semi-Paragraph or Multi-Paragraph post <br>&nbsp;&nbsp;&nbsp;length.
  338. <br> <font color="green">√</font> Long-term, short-term and one-shot role-play <br>&nbsp;&nbsp;&nbsp;story plots.
  339. <br> <font color="green">√</font> Combat concentric role-play; T1 style/method.
  340. <br> <font color="green">√</font> One-line shenanigan interaction.
  341. <br> <font color="green">√</font> How to get a spot on my "Encountered" list? <br>&nbsp;&nbsp;&nbsp;Be apart of interact with me in a role-play <br>&nbsp;&nbsp;&nbsp;scene in public or private chat.
  342. <br><br><br><br><br><br><br><br>
  343. <font style=float:right>Ignorance and Intolerance. <font color="red">✖</font></font><br>
  344. <font style=float:right>The unintelligent masses. <font color="red">✖</font></font><br>
  345. <font style=float:right>God-Mod and Auto-Hit combat posts. <font color="red">✖</font></font><br>
  346. <font style=float:right>The dramatics of people. <font color="red">✖</font></font><br>
  347. <font style=float:right>Code / Profile theft. <font color="red">✖</font></font><br>
  348.  
  349.  
  350. </div></div>
  351.  
  352. </div></div></div></div></div></div></div></div></div></div>
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!