API tools faq
paste
Advertisement
Carneficine

Sinatras second code

Carneficine
Jan 15th, 2017
136
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.68 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <html>
  3. <body><style>@import url('https://fonts.googleapis.com/css?family=Questrial');
  4. @import url('https://fonts.googleapis.com/css?family=Abel');
  5. @import url(https://fonts.googleapis.com/css?family=Montserrat:100,300,400,700,900);
  6. @import url('https://fonts.googleapis.com/css?family=Playfair Display SC');
  7. /*968583*/
  8.  
  9. /*DO NOT REMOVE THIS*/
  10. /*CODED BY
  11. M Y ASS
  12. ASS MY ASS MY
  13. ASS ASS ASS ASS ASS
  14. BOOTY BOOTY BOOTY BOOTY
  15. THE N WORD
  16. NICKLEBACK
  17. COLOURLESS TSUKURU TAZAKI*/
  18. /*DO NOT REMOVE THIS*/
  19.  
  20. body {
  21. /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c9bebd+0,cab3b1+40,936661+100 */
  22. background: #0e0e0e;
  23. overflow-y:hidden;
  24. overflow-x:hidden;}
  25.  
  26.  
  27.  
  28. ::-webkit-scrollbar-thumb {
  29. width: 3px;
  30. background-color: #trans;}
  31. ::-webkit-scrollbar {
  32. width: 3px;
  33. background-color: transparent;}
  34. ::-webkit-scrollbar {
  35. width: 5px;
  36. }
  37.  
  38. ::-webkit-scrollbar-track {
  39. background-color: transparent;
  40. }
  41.  
  42.  
  43.  
  44. ::-webkit-scrollbar-thumb {
  45. background-color: #181818;
  46. border: 1px solid #181818;
  47. }
  48.  
  49. audio::-webkit-media-controls-play-button { height:100%;
  50. width: 100%; }
  51. audio::-webkit-media-controls-panel { height: 50px;
  52. width: 17%;
  53. opacity: 0; }
  54.  
  55.  
  56. a {
  57. color: #E3CFB3;
  58. text-decoration: none;
  59. background-color: #;
  60. transition: all 0.4s ease-in-out;
  61. -moz-transition: all 0.4s ease-in-out;
  62. -webkit-transition: all 0.4s ease-in-out;}
  63. a:hover {
  64. color: #E3CFB3;
  65. background-color: #5c5a5c;
  66. text-decoration: none;
  67. transition: all 0.4s ease-in-out;
  68. -moz-transition: all 0.4s ease-in-out;
  69. -webkit-transition: all 0.4s ease-in-out;}
  70. a.tab:active, a.tab:link, a.tab:visited {
  71. background-color: #5c5a5c;
  72. border: 4px double #968583;
  73. border-radius: 0px;
  74. display: inline-flex;
  75. height: 10px;
  76. text-decoration: none;
  77. width:15px;
  78. -webkit-transition: all 0.4s ease-in;
  79. -moz-transition: all 0.4s ease-in;
  80. -ms-transition: all 0.4s ease-in;
  81. -o-transition: all 0.4s ease-in;
  82. transition: all 0.4s ease-in;
  83. }
  84. a.tab:hover {
  85. background-color: #D68472;
  86. border: 4px double #333333;
  87. }
  88. a.tooltip {outline:none; text-decoration: none; cursor: url(), auto;}
  89. a.tooltip strong {line-height:30px;}
  90. a.tooltip:hover {text-decoration:none; }
  91. a.tooltip span {
  92. z-index:100;display:none; padding:15px 20px;
  93. bottom: 25; left: 657;
  94. width:230px; line-height:16px;
  95. height: 220px;
  96. }
  97. a.tooltip span img { height: 64px;
  98. width: 64px;
  99. padding: 0.5%; }
  100. a.tooltip:hover span{
  101. display:inline; position:fixed; color:#5c5a5c;
  102. border:3px solid #5c5a5c; background:#trans; opacity: 1; }
  103.  
  104. #left {
  105. position: fixed;
  106. left: 385;
  107. bottom: 67;
  108. width: 2px;
  109. height: 0;
  110. background-color: #5c5a5c;
  111. border: 0px solid #5c5a5c;
  112. z-index: 10;
  113. opacity: 1;
  114. -webkit-transition: all 0.6s ease-out;
  115. -moz-transition: all 1.3s ease-out;
  116. -ms-transition: all 1.3s ease-out;
  117. -o-transition: all 1.3s ease-out;
  118. transition: all 1.3s ease-out;}
  119.  
  120.  
  121. body:hover #left{height: 120;
  122. opacity: 1;
  123. -webkit-transition-delay: 2.4s ;
  124. -moz-transition-delay: 2.4s;
  125. -ms-transition-delay: 2.4s ;
  126. -o-transition-delay: 2.4s ;
  127. transition-delay: 2.4s ;
  128. }
  129.  
  130. #right {
  131. position: fixed;
  132. left: 613px;
  133. bottom: 67;
  134. width: 2px;
  135. height: 1;
  136. background-color: #5c5a5c;
  137. border: 0px solid #5c5a5c;
  138. z-index: 20;
  139. opacity: 1;-webkit-transition: all 0.6s ease-out;
  140. -moz-transition: all 1.3s ease-out;
  141. -ms-transition: all 1.3s ease-out;
  142. -o-transition: all 1.3s ease-out;
  143. transition: all 1.3s ease-out;}
  144.  
  145. body:hover #right{height: 120;
  146. opacity: 1;
  147. -webkit-transition-delay: 2.4s ;
  148. -moz-transition-delay: 2.4s;
  149. -ms-transition-delay: 2.4s ;
  150. -o-transition-delay: 2.4s ;
  151. transition-delay: 2.4s ;
  152. }
  153. #bottom{
  154. position: fixed;
  155. left: 428px;
  156. bottom: 35;
  157. width: 1;
  158. height: 1;
  159. background-color: #5c5a5c;
  160. border: 0px solid #5c5a5c;
  161. z-index: 20;
  162. opacity: 1;
  163. -webkit-transition: all 0.6s ease-out;
  164. -moz-transition: all 1.3s ease-out;
  165. -ms-transition: all 1.3s ease-out;
  166. -o-transition: all 1.3s ease-out;
  167. transition: all 1.3s ease-out;}
  168.  
  169. body:hover #bottom{width:140px;
  170. opacity: 1;
  171. -webkit-transition-delay: 2.4s ;
  172. -moz-transition-delay: 2.4s;
  173. -ms-transition-delay: 2.4s ;
  174. -o-transition-delay: 2.4s ;
  175. transition-delay: 2.4s ;
  176. }
  177.  
  178. /*968583*/
  179.  
  180. .be{
  181. margin-top: 5px;
  182. height: 115px;
  183. width: 70px;
  184. margin-left: 1px;
  185. border: #D68472 2px solid;
  186. -webkit-filter: grayscale(100%);
  187. -moz-filter: grayscale(100%);
  188. -o-filter: grayscale(100%);
  189. filter: grayscale(100%);
  190. -webkit-transition: all 0.6s ease-out;
  191. -moz-transition: all 0.6s ease-out;
  192. -ms-transition: all 0.6s ease-out;
  193. -o-transition: all 0.6s ease-out;}
  194.  
  195. .be:hover {border: #000 2px solid;
  196. -webkit-filter: grayscale(0%);
  197. -moz-filter: grayscale(0%);
  198. -o-filter: grayscale(0%);
  199. filter: grayscale(0%);}
  200.  
  201.  
  202. #pic {position: fixed;left: 0px;bottom: 0; z-index:-10; opacity: 1;}
  203. #pic img {width: ;height: 500 ;}
  204.  
  205. /*frist things first*/
  206.  
  207. .head {
  208. position: fixed;
  209. left: 369;
  210. bottom: 232;
  211. color: #5c5a5c;
  212. font-family: Playfair Display SC;
  213. font-size: 30px;opacity: 0;
  214. -webkit-transition: all 0.6s ease-out;
  215. -moz-transition: all 0.6s ease-out;
  216. -ms-transition: all 0.6s ease-out;
  217. -o-transition: all 0.6s ease-out;
  218. transition: all 0.6s ease-out;}
  219.  
  220.  
  221. body:hover .head{opacity: 1;
  222. -webkit-transition-delay: 1.6s ;
  223. -moz-transition-delay: 1.6s ;
  224. -ms-transition-delay: 1.6s ;
  225. -o-transition-delay: 1.6s ;
  226. transition-delay: 1.6s ;
  227. }
  228. .head2 {
  229. position: fixed;
  230. left: 445;
  231. bottom: 232;
  232. color: #5c5a5c;
  233. font-family: Questrial;opacity: 0;
  234. font-size: 20px;
  235. -webkit-transition: all 0.6s ease-out;
  236. -moz-transition: all 0.6s ease-out;
  237. -ms-transition: all 0.6s ease-out;
  238. -o-transition: all 0.6s ease-out;
  239. transition: all 0.6s ease-out;}
  240.  
  241. body:hover .head2{
  242. bottom: 212;opacity: 1;
  243. -webkit-transition-delay: 2.4s ;
  244. -moz-transition-delay: 2.4s;
  245. -ms-transition-delay: 2.4s ;
  246. -o-transition-delay: 2.4s ;
  247. transition-delay: 2.4s ;
  248. }
  249.  
  250. #botline {
  251. width: 1px;height: 7px;
  252. background: #5c5a5c;
  253. position: fixed;
  254. bottom: 233;left: 373;
  255. display:block;
  256. -webkit-transition: all 1.6s ease-out;
  257. -moz-transition: all 1.6s ease-out;
  258. -ms-transition: all 1.6s ease-out;
  259. -o-transition: all 1.6s ease-out;
  260. transition: all 1.6s ease-out;}
  261. body:hover #botline{
  262. width: 248px;
  263. }
  264.  
  265. #sprite { position: absolute;
  266. top: 5px;
  267. left: 5px;
  268. background: url(https://maxcdn.icons8.com/Share/icon/Media_Controls//play1600.png) no-repeat;
  269. background-size: contain;
  270. width: 45px;
  271. height: 45px;
  272. -webkit-transition: all 1.6s ease-out;
  273. -moz-transition: all 1.6s ease-out;
  274. -ms-transition: all 1.6s ease-out;
  275. -o-transition: all 1.6s ease-out;
  276. transition: all 1.6s ease-out;
  277. opacity: 0; }
  278. body:hover #sprite { transition-delay: 0.55s;
  279. opacity: 0.85; }
  280.  
  281. .player { height: 100%;
  282. width: 100%;
  283. opacity: 0; }
  284.  
  285.  
  286. /*boxes*/
  287.  
  288. .box {
  289. position: fixed;
  290. left: 399;
  291. bottom: 50px;
  292. height: 140;
  293. width: 190;
  294. background-color: #transparent;
  295. border: 2px solid #5c5a5c;
  296. box-shadow: #181818 0px 0px 0px 0px;
  297. background-image:url("");
  298. z-index: 5;
  299. color: #5c5a5c;
  300. font-family: Palatino Linotype;
  301. font-style: normal;
  302. font-variant: ;
  303. font-weight: 400;
  304. text-align: justify;
  305. overflow-x: hidden;
  306. overflow-y: auto;
  307. font-size: 11px;
  308. padding: 5px;
  309. -webkit-transition: all 0.4s ease-out;
  310. -moz-transition: all 0.4s ease-out;
  311. -ms-transition: all 0.4s ease-out;
  312. -o-transition: all 0.4s ease-out;
  313. transition: all 0.4s ease-out;
  314. opacity: 0;
  315. filter:alpha(opacity=75);
  316. }
  317. body:hover .box{
  318. opacity: 1;
  319. -webkit-transition-delay: 3.6s;
  320. -moz-transition-delay: 3.6s;
  321. -ms-transition-delay: 3.6s;
  322. -o-transition-delay: 3.6s;
  323. transition-delay: 3.6s ;
  324.  
  325.  
  326. </style>
  327.  
  328.  
  329. <div id="sprite">
  330. <div class="player" title="♫">
  331. <audio controls preload="none"><source src="https://my.mixtape.moe/acxdew.mp3"></audio></div>
  332. </div>
  333.  
  334.  
  335. <div id="left"></div><div id="right"></div><div id="bottom"></div>
  336.  
  337. <div class="head"><i>HIS</i></div><div id="topline"></div><div id="botline"></div>
  338. <div class="head2">Auvumay</div>
  339.  
  340. <div id="pic"><img src="https://s-media-cache-ak0.pinimg.com/736x/c0/39/e7/c039e7d225b87f32cb089bb7ee0b8f2c.jpg"></div>
  341.  
  342. <div class="box">
  343. Name <font style="float:right"><a class="tooltip">Auvumay Fiorelli<span>
  344. <i><font style="color:#E3CFB3;">Hai paura del morso del lupo?</i></font><br>
  345. Lorenzo Sinatra was born in a compound that mimicked the laws of a typical commune in a rural region within Tuscany. He lived under the impression that his father was a mere-self employee and his mother was his assistant of some sort. That mentality declined as a military siege of their estate resulted in quietus of several beloveds. With that point in mind and through several years of growth, Lorenzo and co. would learn the secrets of the Mafia house of Sinatra, where he would eventually take over as Don prior to his graduation from University in Economics and Criminal Justice.
  346. </span></a></font><br>
  347.  
  348. Alias <font style="float:right;">The Don. Snark. Boss.
  349.  
  350.  
  351. </font><br>
  352.  
  353. Personality <font style="float:right;"><a class="tooltip">Debonair
  354.  
  355. <span><font style="color:#E3CFB3;"><i> Che ne dite tu vieni da me?</I></font><br> The persona behind a bloodhound varies on the context of conversation and action. Sprinkled in suave and style with an undertone of aggressive tendencies. Family-oriented while upholding a "It's just business" mentality.</span></a></font><br>
  356.  
  357. Age/Hometown <font style="float:right;">26/Tuscany</font><br>
  358. Occupation <font style="float:right;"><a class="tooltip"><strike>Mafioso</strike><span>The Sinatra Cartel values itself.. WIP</span></a></font><br>
  359. Height/Weight <font style="float:right;">6'3" - 212 lbs</font><br>
  360. Build<font style="float:right;"><a class="tooltip">Lithe dancer <span><font style="color:#E3CFB3;"><i> Tempi Moderni</I><br></font>Lorenzo is currently surveying numerous locations in order to build more spaces of public interest. In the mean time, he managed to win himself a secretary who has entered the scopes of the Russian Mafia who are at-near war with the Sinatra's. There is also something blooming on the horizon.
  361.  
  362. </span></a></font><br>
  363. Orientation <font style="float:right;">Fica<br></font><br>
  364. Status<font style="float:right;"><a target="_blank" href="https://roleplay.chat/profile.php?user=Bloom">Tesoro.</a> <a target="_blank" href="http://www.thiscrush.com/~sinatraa">Buona fortuna.</a><br></font><br>
  365.  
  366. <font style="float:right;"><a class="tooltip">OOC<span><font style="color:#E3CFB3;">
  367.  
  368. Don't be a cunt.<br>
  369. I don't care.<br>
  370. PMs are cool, sometimes.<br>
  371. OOC contact is a strong <b>no</b>.<br>
  372. Code by Tsu, edited by moi.<br>
  373. Music on the top left corner.</font>
  374. </span></a></font><br><br>
  375.  
  376. <br><h3>Contacts</h3>
  377.  
  378. </div>
  379. <script type="text/javascript">
  380. //<![CDATA[
  381. 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:"a59d857346be2a9569761b4f6baaa688",petok:"aa1711491688321088a3e9364e659adc6950ea51-1484457967-1800",adblock:1,betok:"9c174df9431afd96a94199e0a9bbec5608d06de6-1484457967-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){};
  382. //]]>
  383. </script>
  384. <script type="text/javascript">
  385. /* <![CDATA[ */
  386. var _gaq = _gaq || [];
  387. _gaq.push(['_setAccount', 'UA-33787108-1']);
  388. _gaq.push(['_trackPageview']);
  389.  
  390. (function() {
  391. var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  392. ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  393. var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  394. })();
  395.  
  396. (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);
  397. /* ]]> */
  398. </script>
  399. </body>
  400. </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!