API tools faq
paste
mafercuellardiaz

no more

mafercuellardiaz
Nov 9th, 2013
621
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.53 KB | None | 0 0
raw download clone embed print report
  1. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  2.  
  3.  
  4. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  5.  
  6.  
  7.  
  8.  
  9.  
  10.  
  11. <head>
  12.  
  13. <style>
  14. .scrollie{ /*main box yo*/
  15. width: 80px;
  16. border-radius:80px;
  17. height: 100px;
  18. overflow-y:scroll;
  19. overflow-x:hidden;
  20.  
  21. padding: 10px; /*this makes the box tighter or farther away from your text*/
  22. }
  23. .scrollie::-webkit-scrollbar {
  24. bprder-radius:90px;
  25. width: 5px; /*the width of the whole scrollbar*/
  26.  
  27. }
  28.  
  29. .scrollie::-webkit-scrollbar-track {
  30. -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  31. border-radius: 90px; /*how curved the ends of the track are*/
  32.  
  33. }
  34.  
  35. .scrollie::-webkit-scrollbar-thumb {
  36. border-radius: 3px;
  37. -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
  38. background-color: #000000; /*the part that you click and grab on */
  39. }
  40. .scrollie::-webkit-scrollbar-track-piece {
  41. background-color: #FFFFFF; /*the background track color*/
  42. -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
  43. }
  44. </style>
  45.  
  46.  
  47. <meta name="color:neon1" content="#92cbfa"/>
  48. <meta name="color:neon2" content="#c9f89e"/>
  49. <meta name="color:bg" content="#FFFFFF">
  50. <meta name="color:title" content="#FFFFFF">
  51. <meta name="color:link" content="#b3afaf">
  52. <meta name="color:hover" content="#454545">
  53. <meta name="color:infobg" content="#FCFCFC">
  54. <meta name="color:text" content="#9A9A9A">
  55. <meta name="color:tags" content="#EDEDED">
  56. <meta name="color:scrollbar" content="#D6D5D5">
  57. <meta name="color:border" content="#FAFAFA">
  58. <meta name="color:linkbg" content="#0a0a0a">
  59. <meta name="color:desc" content="#0a0a0a">
  60.  
  61.  
  62.  
  63. <meta name="image:sidebar" content=""/>
  64. <meta name="image:corner" content=""/>
  65.  
  66.  
  67.  
  68. <meta name="text:link1" content="">
  69. <meta name="text:link1 url" content="/">
  70. <meta name="text:link2" content="">
  71. <meta name="text:link2 url" content="/">
  72. <meta name="text:link3" content="">
  73. <meta name="text:link3 url" content="/">
  74. <meta name="text:link4" content="">
  75. <meta name="text:link4 url" content="/">
  76. <meta name="text:link5" content="">
  77. <meta name="text:link5 url" content="/">
  78. <meta name="text:link6" content="">
  79. <meta name="text:link6 url" content="/">
  80.  
  81.  
  82. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  83. <title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  84. <link rel="shortcut icon" href="{Favicon}" />
  85. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  86. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  87. <head><title>{Title}</title><style> body, a, a:hover { cursor:url('http://www.totallylayouts.com/cursors/random/tiny_cursor.png'), auto }</style>
  88. <style type="text/css">
  89.  
  90. #biter
  91. #biter a{
  92. display:block
  93. }
  94. #biter .deather {
  95. margin-right:0px;filter: alpha(opacity = 0);
  96. opacity:0;-webkit-transition: all 0.5s ease-out;
  97. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  98. }
  99.  
  100. #biter:hover .deather {
  101. margin-left:0px;
  102.  
  103. -webkit-transition: all 0.8s ease-out;
  104. -moz-transition: all 0.8s ease-out;
  105. transition: all 0.8s ease-out;
  106. filter: alpha(opacity = 100);
  107. filter: alpha(opacity = 100);
  108. opacity:8;
  109. }
  110.  
  111. a {
  112. color:{color:link};
  113. text-decoration:none;
  114. -moz-transition-duration:0.5s;
  115. -webkit-transition-duration:0.5s;
  116. -o-transition-duration:0.5s;
  117. }
  118.  
  119. a:hover {
  120. color:{color:hover};
  121. text-decoration:none;
  122. -moz-transition-duration:0.5s;
  123. -webkit-transition-duration:0.5s;
  124. -o-transition-duration:0.5s;
  125. }
  126.  
  127.  
  128. ::-webkit-scrollbar {background-color:{color:infobg}; height:8px; width:8px}
  129. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar}; height:50px}
  130. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollbar}; height:8px!important}
  131.  
  132. body {
  133. background-color:{color:bg};
  134. font-family:Calibri;
  135. font-weight:normal;
  136. }
  137.  
  138.  
  139.  
  140.  
  141. h1 {
  142. font-weight:normal;
  143. font-size:10px;
  144. text-align:center;
  145. font-style:normal;
  146. line-height:80%;
  147. letter-spacing:1px;
  148. text-transform:uppercase;
  149. color:{color:text};
  150. }
  151.  
  152. h2 {
  153. font-size:15px;
  154. text-align:center;
  155. line-height:100%;
  156. letter-spacing:-0.5px;
  157. color:{color:text};
  158. font-weight:normal;
  159. padding:5px;
  160. padding-bottom:2px;
  161. }
  162.  
  163.  
  164. blockquote {
  165. border-left:2px solid {color:text};
  166. padding-left:5px;
  167. margin:5px;
  168. }
  169.  
  170. #theme {
  171. background-color:{color:bg};
  172. width:700px;
  173. margin: 0 auto -12px auto;
  174. text-align: center;
  175.  
  176.  
  177.  
  178. }
  179.  
  180. #sidebar {
  181.  
  182.  
  183. padding:10px;
  184. margin-left:-210px;
  185.  
  186. height:170px;
  187.  
  188. color:{color:text};
  189. position:fixed;
  190. width:160px;
  191.  
  192. margin-top:130px;
  193. text-align:left;
  194.  
  195. }
  196.  
  197.  
  198.  
  199.  
  200. #sidebarimage {
  201. max-width 100px;
  202. max-height:50px;
  203.  
  204. }
  205.  
  206. #sidebar img {
  207.  
  208.  
  209.  
  210. margin-top:-140px;
  211. margin-left:200px;
  212. padding:2px;
  213.  
  214.  
  215. -o-transition-transition: all 0.7s ease-out;
  216. -webkit-transition: all 0.7s ease-out;
  217. -moz-transition: all 0.7s ease-out;
  218. }
  219.  
  220.  
  221.  
  222. #desc {
  223. letter-spacing:2px;
  224. position:fixed;
  225. padding:5px;
  226. font-family:arial;
  227. font-size:12px;
  228. width:250px;
  229. line-height:150%;
  230. margin-top:210px;
  231. margin-left:0px;
  232. text-align:center;
  233. color:{color:desc};
  234. opacity:1;
  235. -o-transition-transition: all 0.6s ease-out;
  236. -webkit-transition: all 0.6s ease-out;
  237. -moz-transition: all 0.6s ease-out;
  238. text-shadow: 2px 3px 4px {color:neon2};
  239. }
  240.  
  241. @font-face { font-family: "silk"; src: url('http://static.tumblr.com/1kdckk4/9yjlolf0w/slkscr.ttf'); }
  242. @font-face{font-family:Helvetidoodle; src:url(http://static.tumblr.com/9wzbixa/qOPmj2lzl/helvetidoodlebyedt.ttf);}
  243.  
  244.  
  245. #links {
  246. width:600px;
  247. padding:10px;
  248. font-size:40px;
  249. text-align:center;
  250. margin-top:300px;
  251. margin-left:-370px;
  252. opacity:1;
  253. position:fixed;
  254. font-family:silk;
  255. text-transform:uppercase;
  256. text-align:center;
  257. text-shadow: 2px 3px 4px {color:neon2};
  258.  
  259.  
  260. }
  261. #links img{
  262. margin-right:12px;
  263. width:30px;}
  264.  
  265.  
  266. #links a{
  267. width:20px;
  268.  
  269. color: {color:link};
  270.  
  271. -moz-transition-duration:0s;
  272. -webkit-transition-duration:0s;
  273. -o-transition-duration:0s;
  274. }
  275.  
  276. #links a:hover{
  277. opacity:1;
  278. color:#e4e1e1;
  279. text-transform:uppercase;
  280.  
  281.  
  282. -moz-transition-duration:.3s;
  283. -webkit-transition-duration:.3s;
  284. -o-transition-duration:.3s;
  285.  
  286. }
  287.  
  288.  
  289. .pagi{
  290. margin-left:10px;
  291. margin-top:20px;
  292. text-shadow: 2px 3px 4px {color:neon2};
  293. width:220px;
  294. font-family:consolas;
  295. }
  296. .pagi a{
  297. width:180px;
  298. margin-top:200px;
  299. font-size:10px;}
  300.  
  301. #stuffcontainer {
  302.  
  303. float:left;
  304. margin-left:525px;
  305. margin-top:30px;
  306. text-align:justify;
  307. background-color:{color:bg};
  308. color:{color:text};
  309.  
  310. margin-bottom: 35px;
  311. }
  312.  
  313.  
  314. #stuff {
  315.  
  316. width:400px;
  317. margin-top:45px;
  318. margin-left:0px;
  319. text-align:justify;
  320. font-size:11px;
  321. line-height:90%;
  322.  
  323. letter-spacing:0x;
  324. color:{color:text};
  325. }
  326.  
  327. .caption {
  328. width:400px;
  329. text-align:justify;
  330. line-height:120%;
  331. }
  332.  
  333. .ask {
  334. background:#000;
  335. padding:10px;
  336. text-align:left;
  337. color:#ffffff;
  338. background:#000;
  339. border-bottom:1px solid {color:border};
  340. border-right:1px solid {color:border};
  341. }
  342.  
  343. .ans {
  344. text-align:left;
  345. padding:10px;
  346. color:{color:text};
  347. }
  348.  
  349. .audio {
  350. width:400px;
  351. padding-bottom:10px;
  352. background-color:{color:infobg};
  353. }
  354.  
  355. .albumart {
  356. float:left;
  357. padding:0px 10px 10px 0px;
  358. }
  359.  
  360. .albumart img {
  361. width:45px;
  362. height:45px;
  363. }
  364.  
  365. .playercontainer {
  366. text-align:left;
  367. padding:10px;
  368. background-color:#ffffff;
  369. width:480px;
  370. }
  371.  
  372. .audioinfo {
  373. padding:10px;
  374. color:{color:text};
  375. }
  376.  
  377. #postinfo {
  378. font-family:consolas;
  379. width:490px;
  380. padding:5px;
  381. font-size:8px;
  382. color:{color:link};
  383. text-transform:uppercase;
  384. font-style:normal;
  385. letter-spacing:2px;
  386. text-align:left;
  387. border-top:1px solid {color:border};
  388. -moz-transition-duration:0.5s;
  389. -webkit-transition-duration:0.5s;
  390. -o-transition-duration:0.5s;
  391. }
  392.  
  393. #postinfo a {
  394.  
  395. color:{color:link};
  396. text-align:center;
  397. letter-spacing:1px;
  398. font-style:normal;
  399. }
  400.  
  401. #postinfo a:hover {
  402. color:{color:hover};
  403. }
  404.  
  405. .note {
  406. text-transform:uppercase;
  407. font-style:normal;
  408. letter-spacing:0px;
  409. font-size: 9px;
  410. text-align:left;
  411. line-height:90%;
  412. margin-left:-40px;
  413. }
  414.  
  415. .note li {
  416. list-style-type:none;
  417. border-bottom:1px solid {color:border};
  418. padding:10px 25px 10px 25px;
  419. text-align:left;
  420. margin:0px;
  421. -moz-transition-duration:0.5s;
  422. -webkit-transition-duration:0.5s;
  423. -o-transition-duration:0.5s;
  424. }
  425.  
  426. .tags {
  427.  
  428. font-style:normal;
  429. width:500px;
  430. text-transform:uppercase;
  431. font-style:normal;
  432. color:{color:tags};
  433. letter-spacing:2px;
  434. line-height:120%;
  435. font-size:8px;
  436. text-align:left;
  437. padding:2px;
  438. -moz-transition-duration:0.5s;
  439. -webkit-transition-duration:0.5s;
  440. -o-transition-duration:0.5s;
  441. }
  442.  
  443. .tags a {
  444.  
  445. color:{color:tags};
  446. letter-spacing:1px;
  447. padding:1px;
  448. }
  449.  
  450. .tags a:hover {
  451. color:{color:link};
  452. }
  453.  
  454. ul.chat, .chat ol, .chat li {
  455. list-style:none;
  456. margin:0px;
  457. padding:2px;
  458. }
  459.  
  460. .label {
  461. text-decoration:underline;
  462. font-weight:700;
  463. background-color:{color:infobg};
  464. margin-right:5px;
  465. }
  466.  
  467.  
  468.  
  469. #cred {
  470. position:fixed;
  471. font-size:8px;
  472. font-weight:normal;
  473. line-height:150%;
  474. letter-spacing:2px;
  475. right:10px;
  476. bottom:10px;
  477. text-transform:uppercase;
  478. text-align:center;
  479. }
  480.  
  481. #cred a {
  482. padding:3px;
  483. color:{color:link};
  484. background-color:#f5f5f5;
  485. -moz-transition-duration:0.5s;
  486. -webkit-transition-duration:0.5s;
  487. -o-transition-duration:0.5s;
  488. }
  489.  
  490.  
  491. #paris img {
  492. position:fixed;
  493. height:auto;
  494.  
  495. height:138;
  496. margin-top:300px;
  497. margin-left:400px;
  498.  
  499. }
  500.  
  501. #titles {
  502. color:#fff;
  503. background-color:#000;
  504. width:80px;
  505. height:5px;
  506. padding:12px;
  507. line-height:50%;
  508. text-align:left;
  509.  
  510. text-transform:uppercase;
  511. font-size:13px;
  512. letter-spacing:2px;
  513. position:fixed;
  514. font-family:calibri;
  515. }
  516.  
  517.  
  518. #updates {
  519. z-index:100000;
  520. margin-top:0px;
  521. margin-left:0px;
  522. text-align:center;
  523. background-color:#000;
  524. position:fixed;
  525. width:85px;
  526. line-height:180%;
  527. height:auto;
  528. font-family:calibri;
  529. font-size:10px;
  530. position:fixed;
  531. padding:10px;
  532. overflow:hidden;
  533. opacity:1;
  534. z-index:999;
  535. color:#fff;
  536. transform: rotateY(180deg);
  537. -webkit-transform: rotateY(180deg);
  538. -moz-transform: rotateY(180deg);
  539. -webkit-transition: all .6s ease-in-out;
  540. -moz-transition: all .6s ease-in-out;
  541. transition: all .6s ease-in-out;
  542. }
  543.  
  544. #updates a{
  545. color:#fff;
  546. -webkit-transition: all .6s ease-in-out;
  547. -moz-transition: all .6s ease-in-out;
  548. transition: all .6s ease-in-out;
  549. }
  550.  
  551. #updates:hover {
  552. transform: rotateY(360deg);
  553. -webkit-transform: rotateY(360deg);
  554. -moz-transform: rotateY(360deg);
  555. -webkit-transition: all .6s ease-in-out;
  556. -moz-transition: all .6s ease-in-out;
  557. transition: all .6s ease-in-out;
  558. }
  559.  
  560. #titles:hover #updates a{
  561. transform: rotateY(360deg);
  562. -webkit-transform: rotateY(360deg);
  563. -moz-transform: rotateY(360deg);
  564. -webkit-transition: all .6s ease-in-out;
  565. -moz-transition: all .6s ease-in-out;
  566. transition: all .6s ease-in-out;
  567. }
  568.  
  569. #updates a:hover {
  570. transform: rotateY(360deg);
  571. -webkit-transform: rotateY(360deg);
  572. -moz-transform: rotateY(360deg);
  573. text-decoration:line-through;;}@font-face{font-family:Helvetidoodle; src:url(http://static.tumblr.com/9wzbixa/qOPmj2lzl/helvetido
  574.  
  575. {CustomCSS}
  576.  
  577. </style></head>
  578.  
  579. <body>
  580.  
  581.  
  582.  
  583. <div id="theme">
  584.  
  585. <div id="paris">
  586. <img src="{image:corner}">
  587. </div>
  588.  
  589. <div id="sidebar">
  590.  
  591.  
  592.  
  593.  
  594.  
  595.  
  596. <div id="sidebar"><img src="{image:sidebar}"></a>
  597. </div>
  598. <div id="desc">
  599. {Description} <br>{block:Pagination}
  600. <div class="pagi">
  601. {block:PreviousPage}<a href="{PreviousPage}">&larr;</a>&nbsp;&nbsp;{/block:PreviousPage}
  602. {block:JumpPagination length="5"}
  603. {block:CurrentPage}<span class="current_page">{PageNumber}</span>&nbsp;&nbsp;{/block:CurrentPage}
  604. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>&nbsp;&nbsp;{/block:JumpPage}
  605. {/block:JumpPagination}
  606. {block:NextPage}<a href="{NextPage}">&rarr;</a>{/block:NextPage}
  607. </div>
  608. {/block:Pagination}
  609. </div></div>
  610.  
  611. <div id="links">
  612.  
  613. <a title="refresh"href="/">m</a>
  614. <a title="ask"href="{text:link1 url}">i</a>
  615. <a title="{text:link2}"href="{text:link2 url}">c</a>
  616. <a title="{text:link3}"href="{text:link3 url}">h</a>
  617. <a title="{text:link4}"href="{text:link4 url}">a</a>
  618. <a title="{text:link5}"href="{text:link4 url}">e</a>
  619. <a title="{text:link6}"href="{text:link4 url}">l</a>
  620.  
  621. </div></div>
  622. </div>
  623.  
  624.  
  625. </div></div></div>
  626. <div id="stuffcontainer">
  627.  
  628. {block:Posts}
  629.  
  630. <div id="stuff">
  631.  
  632. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  633.  
  634. {block:Quote}<h2>“{Quote}”</h2><h1>{Source}</h1>{/block:Quote}
  635.  
  636. {block:Link}<a href="{URL}"><h2>{Name}</h2></a>
  637. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  638.  
  639. {block:Photo}<center><img src="{PhotoURL-500}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  640.  
  641. {block:Photoset}<center>{Photoset-500}</center>
  642. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  643.  
  644. {block:Chat}<ul class="chat">{block:Title}<h2>{Title}</h2>{/block:Title}{block:Lines}<li>{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  645.  
  646. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  647.  
  648. {block:Answer}<div class="ask">{Asker} bitched me: {Question}</div><div class="ans">{Answer}</div>{/block:answer}
  649.  
  650. {block:Audio}<div class="audio">{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
  651. <div class="audioinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  652. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  653. <br><div class="playercontainer">{AudioPlayerWhite}</div></div>
  654. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  655.  
  656.  
  657.  
  658. {block:Date}<div id="postinfo"> posted <a href="{Permalink}">{timeago}</a>{block:NoteCount} {/block:NoteCount}{block:RebloggedFrom} via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  659. {block:ContentSource} (<a href="{SourceURL}">{SourceLink})</a><a href="{Permalink}"><font color=#fad6d6f>♥</font> {NoteCountWithLabel}</a> {/block:ContentSource}</div>{/block:Date}
  660. {block:HasTags}
  661. <div class="tags">
  662. {block:Tags}<a href="{TagURL}">#&nbsp;{Tag}</a>{/block:Tags}</div>
  663. {/block:HasTags}
  664. <div class="note">
  665. {block:PostNotes}{PostNotes}{/block:PostNotes}
  666. </div>
  667. </div>
  668. {/block:Posts}
  669.  
  670. </div>
  671.  
  672.  
  673.  
  674. </div>
  675. </div>
  676. </div>
  677.  
  678.  
  679. </div>
  680. <div id="cred"><a href="http://NIALLSDICKS.tumblr.com/">ND</a><br><br>
  681.  
  682. </body>
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!