API tools faq
paste
mikit20

Too pinky!!!

mikit20
Aug 10th, 2014
1,096
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.66 KB | None | 0 0
raw download clone embed print report
  1. <html lang="en">
  2. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5.  
  6.  
  7. <script type="text/javascript"
  8. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  9.  
  10.  
  11. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  12. <script type="text/javascript">
  13. $(document).ready(function(){
  14. $(".links_body").hide();
  15. $(".links_head").click(function(){
  16. $(this).next(".links_body").slideToggle('fast');
  17. }); }); </script>
  18. <style type="text/css">
  19. .links_list { margin:0px; padding:0px; width:100%;}
  20. .links_head { padding-top:5px; padding-bottom:5px; cursor:pointer; position:relative; margin:1px; text-align:center;}
  21. .links_body { padding:10px; text-align:left; display:none;}
  22. </style>
  23.  
  24.  
  25. <style type="text/css">body, a, a:hover {cursor: url(http://media.tumblr.com/5013355c74bc5fd27a6fb85c189c7633/tumblr_inline_n8hvpxIZUJ1sa18wb.gif), progress;}</style>
  26.  
  27.  
  28. <!--DEFAULT VARIABLES-->
  29. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  30.  
  31. <meta name="color:background" content="#fcfcfc"/>
  32. <meta name="color:link" content="#777"/>
  33. <meta name="color:text" content="#777"/>
  34. <meta name="color:title" content="#333"/>
  35. <meta name="color:hover" content="#373638"/>
  36. <meta name="color:text shadow" content="#aaa"/>
  37. <meta name="color:scrollbar" content="#777"/>
  38.  
  39. <meta name="image:sidebar" content="1"/>
  40. <meta name="image:background" content="1"/>
  41.  
  42.  
  43. <meta name="text:Link 1" content=""/>
  44. <meta name="text:Link 1 URL" content=""/>
  45. <meta name="text:Link 2" content=""/>
  46. <meta name="text:Link 2 URL" content=""/>
  47. <meta name="text:Link 3" content=""/>
  48. <meta name="text:Link 3 URL" content=""/>
  49. <meta name="text:Link 4" content=""/>
  50. <meta name="text:Link 4 URL" content=""/>
  51. <meta name="text:Link 5" content=""/>
  52. <meta name="text:Link 5 URL" content=""/>
  53.  
  54. <style type="text/css">
  55.  
  56. #tumblr_controls{
  57. position:fixed !important;
  58. -webkit-filter: invert(100%)
  59. }
  60.  
  61. iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  62.  
  63. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  64.  
  65. p {
  66. margin:0px;
  67. margin-top:0px;
  68. }
  69.  
  70. body {
  71. margin: 5px;
  72. font-family: calibri light;
  73. line-height:10px;
  74. font-size:10px;
  75. background-attachment: fixed;
  76. background-repeat: repeat;
  77. color:{color:text};
  78. background-color: {color:Background};
  79. background-image:url({image:Background});
  80. }
  81.  
  82.  
  83. a:link, a:active, a:visited{
  84. text-decoration: none;
  85. -webkit-transition: all 0.6s ease-out;
  86. -moz-transition: all 0.6s ease-out;
  87. -o-transition: all 0.6s ease-out;
  88. transition: all 0.6s ease-out;
  89. color:{color:link};
  90. }
  91.  
  92. a:hover {
  93. text-decoration: none;
  94. -webkit-transition: all 0.3s ease-out;
  95. -moz-transition: all 0.3s ease-out;
  96. -o-transition: all 0.3s ease-out;
  97. transition: all 0.3s ease-out;
  98. color: {color:Hover};
  99. text-shadow:0px 0px 2px {color:text shadow};
  100. }
  101.  
  102. div#center{
  103. margin:auto;
  104. position:relative;
  105. width:1000px;
  106. background-color:;
  107. overflow:auto;
  108. overflow-y:hidden;
  109. }
  110.  
  111. .entry {
  112. float:left;
  113. display: block;
  114. margin:20px;
  115. overflow:hidden;
  116. width:250px;
  117. background:white;
  118. padding:10px;
  119. border:0px solid #eee;
  120. font-size: 11px;
  121. letter-spacing:1px;
  122. line-height:18px;
  123. border-radius:7px;
  124. {block:PermalinkPage}
  125. width:500px;
  126. text-align:left;
  127. line-height:10px;
  128. {/block:PermalinkPage}
  129. }
  130.  
  131. .entry .perma{
  132. width:250px;
  133. height:auto;
  134. margin-left:0px;
  135. position: absolute;
  136. line-height: 14px;
  137. overflow:hidden;
  138. text-align:center;
  139. font-size:8px;
  140. font-family:pixel;
  141. top:3px;
  142. padding:3px;
  143. background:white;
  144. word-spacing:2px;
  145. letter-spacing:1px;
  146. opacity: 0.0;
  147. -webkit-transition: all .9s ease;
  148. -moz-transition: all .9s ease;
  149. -o-transition: all .9s ease;
  150. transition: all .9s ease;
  151. }
  152.  
  153. .entry:hover .perma{
  154. overflow:visible;
  155. opacity:1;
  156. }
  157.  
  158.  
  159. .entry img {max-width:500px; border-radius: 10px; {block:ifcolumns}{block:IndexPage}max-width:250px; border-radius: 10px;{/block:IndexPage}{/block:ifcolumns};}
  160.  
  161. #posts {
  162. width:760px;
  163. margin-top:1px;
  164. z-index:99;
  165. margin-left:270px;
  166. right:auto;
  167. background:transparent;
  168. margin-right:auto;
  169. position:relative;
  170. overflow-y: hidden;
  171. }
  172.  
  173.  
  174. @font-face { font-family: "handy"; src: url('http://static.tumblr.com/yqxw8ss/qOClwq07v/handy00.ttf')}
  175.  
  176. h1 {
  177. font-family: handy;
  178. font-size: 17px;
  179. line-height: 1.5em;
  180. font-weight: normal;
  181. letter-spacing:1px;
  182. text-transform:lowercase;
  183. }
  184.  
  185.  
  186. #sidebar{
  187. position:fixed !important;
  188. width:160px;
  189. background:white;
  190. height:100%;
  191. margin-top:-18px;
  192. margin-left:50px;
  193. padding:5px;
  194. text-align:center;
  195. }
  196.  
  197. #sideimage img{
  198. width: 100px;
  199. height: 100px;
  200. padding:4px;
  201. border: 1px solid #ddd;
  202. }
  203.  
  204.  
  205. @font-face{
  206. font-family: 'pixel';
  207. font-style: normal;
  208. font-weight: normal;
  209. src: local('04b24'), url('http://static.tumblr.com/zm7jcjw/dtClscghb/04b_24__.ttf') format('woff');}
  210.  
  211.  
  212. #description{
  213. font-size:8px;
  214. font-family:pixel;
  215. line-height:13px;
  216. letter-spacing:1px;
  217. text-align:left;
  218. }
  219.  
  220.  
  221. askk {
  222. font-size: 15px;
  223. z-index:1;
  224. color: {color:Title};
  225. }
  226.  
  227. .title{
  228. line-height: 16px;
  229. font-size: 16px;
  230. color:{color:Title};
  231. }
  232.  
  233. .permalink{
  234. text-transform: uppercase;
  235. font-size:8px;
  236. display: block;
  237. text-align: center;
  238. text-decoration: none;
  239. margin-top:8px;
  240. margin-bottom:2px;
  241. padding:3px;
  242. border-top:1px solid #eee;
  243. }
  244.  
  245. #audio {
  246. width:200px;
  247. height:auto;
  248. min-height:60px;
  249. padding-bottom:0px;
  250. }
  251. .cover {
  252. position:absolute;
  253. z-index:1;
  254. width:60px;
  255. height:60px;
  256. }
  257. .cover img {
  258. float:left;
  259. width:60px;
  260. height:60px;
  261. }
  262. .playbox {
  263. opacity:0.6;
  264. width:27px;
  265. height:30px;
  266. overflow:hidden;
  267. position:absolute;
  268. z-index:1000;
  269. margin-left:17px;
  270. margin-top:17px;
  271. text-align:center;
  272. }
  273. .info {
  274. margin-left:73px;
  275. margin-top:4px;
  276. line-height:14px;
  277. }
  278.  
  279. #infscr-loading{
  280. bottom: -70px;
  281. position: absolute;
  282. left: 50%;
  283. margin-left:-8px;
  284. width:16px;
  285. height:11px;
  286. overflow:hidden;
  287. margin-bottom: 50px;
  288. }
  289.  
  290. ::-webkit-scrollbar {
  291. width: 4px;
  292. height: 4px;
  293. border-left:0px solid #ccc;
  294. background-color:{color:background};
  295. }
  296.  
  297. ::-webkit-scrollbar-thumb {
  298. background: {color:scrollbar};
  299. }
  300.  
  301. ::-webkit-scrollbar {
  302. width: 5px;
  303. height: 5px;
  304. background: #dddddd;
  305. }
  306.  
  307. ::-webkit-scrollbar-thumb {
  308. background-color:{color:scrollbar};
  309. }
  310.  
  311. #postnotes{
  312. text-align: justify;}
  313.  
  314. #postnotes blockquote{
  315. border: 0px;}
  316.  
  317. blockquote{
  318. padding:0px 0px 2px 5px;
  319. margin:0px 0px 2px 10px;
  320. border-left: 1px dotted #555555;
  321. }
  322.  
  323. blockquote p, ul{
  324. margin:0px;
  325. padding:0px;
  326. }
  327.  
  328. a img{border: 0px;}
  329.  
  330.  
  331. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  332.  
  333. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  334. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  335.  
  336. .notes img{width:15px; position:relative; top:3px;border-radius:60px;}
  337. <--ses-->
  338. small{font-size: 90%;}
  339.  
  340. {CustomCSS}
  341.  
  342. </style>
  343.  
  344. {block:IndexPage}
  345. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  346. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  347.  
  348. <script type="text/javascript">
  349. $(window).load(function(){
  350. var $wall = $('#posts');
  351. $wall.imagesLoaded(function(){
  352. $wall.masonry({
  353. itemSelector: '.entry, .entry_photo',
  354. isAnimated : false
  355. });
  356. });
  357.  
  358. $wall.infinitescroll({
  359. navSelector : '#pagination',
  360. nextSelector : '#pagination a',
  361. itemSelector : '.entry, .entry_photo',
  362. bufferPx : 2000,
  363. debug : false,
  364. errorCallback: function() {
  365. $('#infscr-loading').fadeOut('normal');
  366. }},
  367. function( newElements ) {
  368. var $newElems = $( newElements );
  369. $newElems.hide();
  370. $newElems.imagesLoaded(function(){
  371. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  372. });
  373. }); $('#posts').show(500);
  374. });
  375. </script>
  376.  
  377.  
  378. {/block:IndexPage}
  379.  
  380.  
  381. <title>{title}</title>
  382.  
  383. <link rel="shortcut icon" href="{Favicon}" />
  384. <meta name="viewport" content="width=820" />
  385. </head>
  386.  
  387. <body>
  388. <BODY onselectstart="return false;" ondragstart="return false;">
  389. <div class="wrapper">
  390. <div class="header">
  391. </div>
  392.  
  393. <div id="cage">
  394. <div id="center">
  395.  
  396. <!---->
  397.  
  398. <div id="sidebar">
  399. <br><br>
  400. <h1><a href="/">{Title}</a></h1>
  401. <br>
  402. <center><div id="sideimage"><img src="{image:sidebar}"></div></center>
  403. <br>
  404. <br>
  405. <div id="description">{Description}</div>
  406. <br>
  407. <a href="/"><img src="http://gazo.emoji7.jp/img/04lx8_759815/%E3%82%9C%2A%E3%81%8B%E3%82%8F%E3%81%84%E3%81%84_%E3%83%91%E3%82%B9%E3%83%86%E3%83%AB%2A%E3%82%9C_m.gif"></a>
  408. <a href="/ask"><img src="http://gazo.emoji7.jp/img/04lx8_759814/%E3%82%9C%2A%E3%81%8B%E3%82%8F%E3%81%84%E3%81%84_%E3%83%91%E3%82%B9%E3%83%86%E3%83%AB%2A%E3%82%9C_m.gif"></a>
  409. <a href="{text:link 1 url}"><img src="http://gazo.emoji7.jp/img/04lx8_759812/%E3%82%9C%2A%E3%81%8B%E3%82%8F%E3%81%84%E3%81%84_%E3%83%91%E3%82%B9%E3%83%86%E3%83%AB%2A%E3%82%9C_m.gif"></a>
  410.  
  411. <div class="links_list">
  412. <p class="links_head"><img src="http://media.tumblr.com/71bcb6c9f07306ffb5823a7521059559/tumblr_inline_mfx3c6xhTN1rd20bk.gif"></p>
  413. <div class="links_body">
  414. <center>
  415. <a href="{text:link 2 url}">{text:link 2}</a><br>
  416. <a href="{text:link 3 url}">{text:link 3}</a><br>
  417. <a href="{text:link 4 url}">{text:link 4}</a><br>
  418. <a href="{text:link 5 url}">{text:link 5}</a>
  419. </center>
  420. </div></div>
  421.  
  422. </div>
  423. <!------------------------------------->
  424.  
  425.  
  426. <div class="left">
  427. <div id="posts">
  428. {block:Posts}
  429. <div class="entry">
  430.  
  431. {block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="body">{Body}</span>
  432. <span class="permalink">
  433. <a href="{Permalink}">{notecountwithlabel}</a> - <a href="{ReblogURL}" target="_blank">Reblog</a>
  434. <br>{/block:HasTags}</span>
  435. {/block:Text}
  436.  
  437. {block:Answer}
  438. <div style="margin-top:2px;;margin-bottom:0px;min-height:30px; padding: 4px; background-color:#fff;border:1px solid #eee;border-radius:5px;">
  439. <img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-right:3.5px;"/><askk>{asker}</askk>: {Question}</div>
  440. <br>
  441. <div style="margin-top:2px; line-height:11px;margin-bottom:4px; background: transparent;">{Answer}</div>
  442. {/block:Answer}
  443.  
  444. {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description}
  445. <span class="permalink">
  446. <a href="{Permalink}">{notecountwithlabel}</a> - <a href="{ReblogURL}" target="_blank">Reblog</a> </span>
  447. {/block:Link}
  448.  
  449. {block:Photo}
  450. {block:IndexPage}
  451. <center>
  452. <div class="perma">
  453. Posted on {dayofweek} &middot <a href="{ReblogURL}" target="_blank"> Reblog </a> with <a href="{Permalink}">{NoteCountWithLabel}</a> </div>
  454.  
  455. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  456. {/block:IndexPage}
  457. {block:PermalinkPage}
  458. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  459.  
  460. {LinkCloseTag}
  461. {/block:PermalinkPage}
  462. {/block:Photo}
  463.  
  464. {block:Photoset}
  465. {block:IndexPage}
  466. <center>
  467.  
  468. <div class="perma">
  469. Posted on {dayofweek} &middot <a href="{ReblogURL}" target="_blank"> Reblog </a> with <a href="{Permalink}">{NoteCountWithLabel}</a> </div>
  470.  
  471. {Photoset-250}</center>
  472. {/block:IndexPage}
  473. {block:PermalinkPage}
  474. <center>
  475. {Photoset-500}</center>
  476. {/block:PermalinkPage}
  477. {/block:Photoset}
  478.  
  479. {block:Quote}<span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}<br>
  480. <span class="permalink">
  481. <a href="{Permalink}">{notecountwithlabel}</a> - <a href="{ReblogURL}" target="_blank">Reblog</a>
  482. </span>{/block:Quote}
  483.  
  484. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  485. <ul class="chat">
  486. {block:Lines}
  487. <li class="user_{UserNumber}">
  488. {block:Label}
  489. <span class="label">{Label}</span>
  490. {/block:Label}
  491.  
  492. {Line}
  493. </li>
  494. {/block:Lines}
  495. <span class="permalink">
  496. <a href="{Permalink}">{notecountwithlabel}</a> - <a href="{ReblogURL}" target="_blank">Reblog</a> </span>
  497. {/block:Chat}
  498.  
  499. {block:Audio}
  500. <div id="audio"><div class="cover"><img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>{block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="playbox">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div><div class="info"><b>Artist:</b> <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br><b>Title:</b> <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br><b>Album:</b> <span{block:Album} style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}{block:PlayCount}<br><b>Plays:</b> {FormattedPlayCount}{/block:PlayCount}</div></div>
  501. {block:IndexPage}
  502. {/block:IndexPage}
  503. {/block:Audio}
  504.  
  505. {block:Video}
  506. {block:IndexPage}
  507. <center>
  508. <div class="perma">
  509. Posted on {dayofweek} &middot <a href="{ReblogURL}" target="_blank"> Reblog </a> </div>
  510. {Video-250}</center>
  511. {/block:IndexPage}
  512. {block:PermalinkPage}
  513. <center>
  514. {Video-400}</center>
  515. {/block:PermalinkPage}
  516. {block:Video}
  517.  
  518.  
  519. {block:PostNotes}<div align="middle">{caption}</div>
  520. <center>
  521.  
  522. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  523.  
  524. {block:HasTags}
  525. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  526. {block:RebloggedFrom}
  527. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  528. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  529.  
  530. {/block:RebloggedFrom}
  531. </center></span>
  532. <br>
  533. <div id="postnotes">{PostNotes}</div><br>
  534.  
  535. <center>{block:ContentSource}
  536. <br><a href="{SourceURL}">
  537. {lang:Source}:
  538. {block:SourceLogo}
  539. <img src="{BlackLogoURL}" width="{LogoWidth}"
  540. height="{LogoHeight}" alt="{SourceTitle}" />
  541. {/block:SourceLogo}
  542. {block:NoSourceLogo}
  543. {SourceLink}
  544. {/block:NoSourceLogo}
  545. </a>
  546. {/block:ContentSource}</center>
  547.  
  548. {/block:PostNotes}
  549. </div>
  550. {/block:Posts}
  551. </div></div>
  552.  
  553. {block:IndexPage}
  554. {block:Pagination}
  555. <div id="pagination">
  556. {block:NextPage}
  557. <a id="nextPage" href="{NextPage}"></a>
  558. {/block:NextPage}
  559. {block:PreviousPage}
  560. <a href="{PreviousPage}"></a>
  561. {/block:PreviousPage}
  562. </div>
  563. {/block:Pagination}
  564. {/block:IndexPage}
  565.  
  566. <BODY onselectstart="return false;" ondragstart="return false;">
  567. <div style=" font-size:8px; position:fixed; bottom:5px; left:0px; text-align:center; font-family:arial">
  568. <a href="http://themesbymiki.tumblr.com/tagged/cute-themes">✿</a></div>
  569.  
  570. </body>
  571.  
  572. </html>
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!