API tools faq
paste
Advertisement
Carneficine

code to work on square elegant

Carneficine
Mar 3rd, 2017
188
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.75 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <html>
  3. <body><style type="text/css">
  4. @import url(http://fonts.googleapis.com/css?family=Just+Me+Again+Down+Here);
  5. #profile { border: hidden; background-color: transparent; }
  6.  
  7. .pfor {display:none;}
  8.  
  9. body{
  10. background-color:#111;
  11. background-image:url(http://freedesignfile.com/upload/2015/05/Black-paper-floral-seamless-pattern-vector.jpg);
  12. background-size:33%;
  13. background-attachment:fixed;
  14. }
  15.  
  16. #i{
  17. position:fixed;
  18. right:0px;
  19. left:0px;
  20. top:351px;
  21. height:15px;
  22. background:#333;
  23. }
  24. .me{
  25. position:absolute;
  26. top:0px;
  27. left:0px;
  28. height:200px;
  29. width:135px;
  30. background: url('https://www.ousive.com/wp-content/uploads/2014/11/a/amanda-seyfried_2014-05-02_kai-z-feng-photoshoot-for-elle_07.jpg');
  31. background-size:160%;
  32. background-position:20% 0%;
  33. border-right:4px solid #333;
  34. }
  35.  
  36. .we{
  37. position:absolute;
  38. top:0px;
  39. right:0px;
  40. height:200px;
  41. width:135px;
  42. background: url('https://media.giphy.com/media/Woz6FQRlN9cic/giphy.gif');
  43. background-size:265%;
  44. background-position:70% 200%;
  45. border-left:4px solid #333;
  46. }
  47.  
  48. #without{
  49. position:relative;
  50. margin:0px auto;
  51. top:240px;
  52. height:200px;
  53. width:780px;
  54. border:10px double #333;
  55. background:#222;
  56. }
  57.  
  58. #eyes{
  59. position:absolute;
  60. top:0px;
  61. bottom:0px;
  62. left:140px;
  63. right:140px;
  64. }
  65.  
  66. .leyla{
  67. position:absolute;
  68. top:0px;
  69. left:0px;
  70. width:59.5%;
  71. height:200px;
  72. text-align:left;
  73. overflow:auto;
  74. }
  75.  
  76. .laila{
  77. position:absolute;
  78. top:0px;
  79. right:0px;
  80. width:50%;
  81. height:205px;
  82. text-align:right;
  83. overflow:auto;
  84. }
  85.  
  86.  
  87.  
  88. .blind{
  89. color:#777;
  90. font-size:11px;
  91. line-height:12px;
  92. font-family:arial;
  93. margin: 4px;
  94. }
  95.  
  96. .sight{
  97. margin-top: 1px;
  98. height: 85px;
  99. width: 85px;
  100. margin-left: 3px;
  101. border: #111 1px solid;
  102. }
  103.  
  104. b {
  105. color: #555;
  106. font-weight:bold;
  107. letter-spacing: 1px;
  108. }
  109.  
  110. i{
  111. color:#666;
  112. font-family:arial;
  113. font-weight:light;
  114. letter-spacing: 1px;
  115. font-style:italic;
  116. }
  117.  
  118. u{
  119. text-decoration:none;
  120. text-shadow:0px 0px 8px #a80;
  121. }
  122.  
  123. a:active, a:link, a:visited{
  124. color:#000;
  125. text-decoration:none;
  126. }
  127.  
  128. a:hover{
  129. cursor:help;
  130. color:#fff;
  131. text-decoration:line-through;
  132. }
  133.  
  134. h1 {
  135. font: normal 10.5px 'arial';
  136. border-bottom: 1px dotted #333;}
  137.  
  138. ::-webkit-scrollbar {width: 3px;}
  139. ::-webkit-scrollbar-thumb:vertical {
  140. height: 10px;background-color: #333;}
  141. ::-webkit-scrollbar-thumb:horizontal {
  142. height: 10px;background-color: #bbb;border: 0px ;width: 15px;}
  143.  
  144.  
  145.  
  146. img.grayscale {
  147. filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'></svg>#grayscale"); /* Firefox 3.5+, IE10 */
  148. filter: gray; /* IE6-9 */
  149. -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
  150. -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
  151. -webkit-backface-visibility: hidden; /* Fix for transition flickering */
  152. }
  153.  
  154. img.grayscale:hover {
  155. filter: none;
  156. -webkit-filter: grayscale(0%);
  157. }
  158.  
  159. </style>
  160.  
  161. <div id="i"></div>
  162.  
  163. <div id="without">
  164. <div class="me"></div>
  165. <div class="we"></div>
  166. <div id="eyes">
  167.  
  168. <div class="leyla">
  169. <div class="blind"><h1>▪ epiteti: reins, usurper, merchant, mafioso <br />
  170. ▪ origine: barcelona - early november <br />
  171. ▪ età: 6th generation; 7th prior to diablerie <br />
  172. ▪ archetipo: autocrat <br />
  173. ▪ lavoro: don, dirigente of venice, scholar <br />
  174. ▪ minuzie: machiavellian, dogmatic, casanova <br />
  175. ▪ gusto: straight<br />
  176. ▪ socio: single<br />
  177. ▪ ecc: 5'10 bare stance, <strike>masochist, oral fixates</strike><br><br>
  178.  
  179. three things are immediately obvious upon first meeting reina. one, she's from italy, and not even forty years of relocation in the deep south could expunge her accent. two, she's a well-groomed woman who exudes an aura of personal magnetism and opulence. reserved and professional in her dealings with others, her feelings forever distant from the affairs before her. three, on the other hand, she tends to be socially ill-adapted and aloof that used to possess a disconcerting and pale appearance, stiff with the looks of a walking corpse. a coldly gorgeous woman, her form forever frozen. <br /><br /> reina is also a giovanni, that part is sometimes obvious, as this hard-headed and egotistical donna has very little interest in sharing information -- readily admitting that she is a simple merchant, or family woman -- whichever fits. reina's attitude and accomplishment served her well within the clan, however, and she distinguished herself early on as dirigente and don. <br /><br /> despite centuries as a vampire and even more as a giovanni, reina often reminds herself to maintain a connection with humanity. she's unsympathetic and unfeeling, never interested in helping those too weak to help themselves. <br /><br />
  180.  
  181. <i>recently</i> <br /> reina arrived in new york city in the fall of 2014 and assumed the position of 'don' upon arrival. she tends to pull the many strings she holds in order to cover up a masquerade breaches amongst other things. reina's notable kindred associates included <u>aloisia putanesca</u>, who she employed for a substantial period of time as a bodyguard, and, briefly, <u>tamhas dunsirn</u>. she can be found in elysium, with the blood merchant and previous 'don' of the city. <br>
  182. <br><a target="_blank" title="tst">nesso</a> <br> </h1>
  183.  
  184. <i>out of character</i><br>longterm preferred, not necessary. the archetype basic, therefore it can fit into different stories. if you want, or if the story calls for, there are other characters. one lines are absolutely fun and are not meant to be taken seriously.
  185. </div>
  186. </div>
  187. <div class="laila">
  188. <div class="blind">
  189. <img class="grayscale" src="http://i.picpar.com/EAoc.gif" width="95"height=95"
  190. img class="grayscale" src="http://i.picpar.com/EAoc.gif" width="95"height=95">
  191.  
  192. <img class="grayscale" src="http://i.picpar.com/iCoc.gif" width="95"height=95"
  193. img class="grayscale" src="http://i.picpar.com/iCoc.gif" width="95"height=95">
  194.  
  195. <img class="grayscale" src="http://i.picpar.com/nCoc.gif" width="95"height=95"
  196. img class="grayscale" src="http://i.picpar.com/nCoc.gif" width="95"height=95">
  197.  
  198. <a target="_blank" href="https://roleplay.chat/profile.php?user=Lennon">
  199. <img class="grayscale" src="http://i.picpar.com/qAoc.gif" title="lennon: his power trip is worth more than his mout-- attitude. he's very good with dogs." width="95"height=95"/a
  200.  
  201.  
  202. img class="grayscale" src="http://i.picpar.com/qAoc.gif" title="lennon: his power trip is worth more than his mout-- attitude. he's very good with dogs." width="95"height=95"
  203. img class="grayscale" src="http://i.picpar.com/qAoc.gif" title="lennon: his power trip is worth more than his mout-- attitude. he's very good with dogs." width="95"height=95">
  204.  
  205.  
  206.  
  207. </div>
  208. </div>
  209. <div class="leia">
  210. <div class="blind">
  211.  
  212. </div>
  213. </div>
  214.  
  215.  
  216. </div>
  217. </div><script type="text/javascript">
  218. //<![CDATA[
  219. try{if (!window.CloudFlare) {var CloudFlare=[{verbose:0,p:0,byc:0,owlid:"cf",bag2:1,mirage2:0,oracle:0,paths:{cloudflare:"/cdn-cgi/nexp/dok3v=1613a3a185/"},atok:"fe9b74b9e868a5fa4bc310c5f24d5ae9",petok:"286d26d29483c2a13ad506ac1565e75fcbd1a03a-1488583957-1800",adblock:1,betok:"b0a146bf4b30d9f2d690ae41a4be474d7219360a-1488583957-120",zone:"roleplay.chat",rocket:"0",apps:{"ga_key":{"ua":"UA-33787108-1","ga_bs":"2"},"abetterbrowser":{"ie":"7","opera":null,"chrome":null,"safari":null,"firefox":null}}}];!function(a,b){a=document.createElement("script"),b=document.getElementsByTagName("script")[0],a.async=!0,a.src="//ajax.cloudflare.com/cdn-cgi/nexp/dok3v=f2befc48d1/cloudflare.min.js",b.parentNode.insertBefore(a,b)}()}}catch(e){};
  220. //]]>
  221. </script>
  222. <script type="text/javascript">
  223. /* <![CDATA[ */
  224. var _gaq = _gaq || [];
  225. _gaq.push(['_setAccount', 'UA-33787108-1']);
  226. _gaq.push(['_trackPageview']);
  227.  
  228. (function() {
  229. var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  230. ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  231. var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  232. })();
  233.  
  234. (function(b){(function(a){"__CF"in b&&"DJS"in b.__CF?b.__CF.DJS.push(a):"addEventListener"in b?b.addEventListener("load",a,!1):b.attachEvent("onload",a)})(function(){"FB"in b&&"Event"in FB&&"subscribe"in FB.Event&&(FB.Event.subscribe("edge.create",function(a){_gaq.push(["_trackSocial","facebook","like",a])}),FB.Event.subscribe("edge.remove",function(a){_gaq.push(["_trackSocial","facebook","unlike",a])}),FB.Event.subscribe("message.send",function(a){_gaq.push(["_trackSocial","facebook","send",a])}));"twttr"in b&&"events"in twttr&&"bind"in twttr.events&&twttr.events.bind("tweet",function(a){if(a){var b;if(a.target&&a.target.nodeName=="IFRAME")a:{if(a=a.target.src){a=a.split("#")[0].match(/[^?=&]+=([^&]*)?/g);b=0;for(var c;c=a[b];++b)if(c.indexOf("url")===0){b=unescape(c.split("=")[1]);break a}}b=void 0}_gaq.push(["_trackSocial","twitter","tweet",b])}})})})(window);
  235. /* ]]> */
  236. </script>
  237. </body>
  238. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!