API tools faq
paste
mikit20

Like a television.

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