API tools faq
paste
Advertisement
Guest User

Broken Tv Theme

a guest
Mar 17th, 2014
102
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 12.89 KB | None | 0 0
raw download clone embed print report
  1. <html lang="en">
  2. <head>
  3.  
  4. <meta name="image:Background" content=""/>
  5. <meta name="image:Sidebar Background" content="http://subtlepatterns.com/patterns/binding_light.png">
  6. <meta name="image:Home Icon" content="http://media.tumblr.com/8eb2092e21233c28dfbbd00184765f1b/tumblr_inline_mlyat5PTwU1qz4rgp.gif" />
  7. <meta name="image:Ask Icon" content="http://media.tumblr.com/01ca685078b7c3956e54f1e236432985/tumblr_inline_mlyatwk9hz1qz4rgp.gif" />
  8. <meta name="image:Link One Icon" content="http://media.tumblr.com/207eaae909b324c8e0cad406fb2b35fe/tumblr_inline_mlyatpyrLC1qz4rgp.gif"/>
  9. <meta name="image:Link Two Icon" content="http://media.tumblr.com/207eaae909b324c8e0cad406fb2b35fe/tumblr_inline_mlyatpyrLC1qz4rgp.gif"/>
  10. <meta name="image:Link Three Icon" content="http://media.tumblr.com/207eaae909b324c8e0cad406fb2b35fe/tumblr_inline_mlyatpyrLC1qz4rgp.gif"/>
  11. <meta name="image:Side Pixel" content="http://fc00.deviantart.net/fs70/f/2012/259/2/c/tv_head_pixel_by_mochi_pocky-d5ewk0c.gif" />
  12. <meta name="color:Background" content="#FFFFFF"/>
  13. <meta name="color:Title" content="#999999"/>
  14. <meta name="color:Blog Title" content="#999999"/>
  15. <meta name="color:Post Color" content=""/>
  16. <meta name="color:Link" content="#555555"/>
  17. <meta name="color:Hover" content="#999999"/>
  18. <meta name="color:Text" content="#777777"/>
  19. <meta name="color:Title Shadow" content="#777777"/>
  20. <meta name="text:Link One URL" content=""/>
  21. <meta name="text:Link Two URL" content=""/>
  22. <meta name="text:Link Three URL" content=""/>
  23. <meta name="if:softgrayscale" content="" />
  24. <meta name="if:enablesidepixel" content="" />
  25.  
  26.  
  27. <title>{Title}</title>
  28. {block:Description}
  29. <meta name="description" content="{MetaDescription}" />
  30. {/block:Description}
  31. <link rel="shortcut icon" href="{Favicon}">
  32.  
  33.  
  34. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  35.  
  36. <script src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  37. <script>
  38. (function($){$(document)
  39. .ready(function(){$("[title]")
  40. .style_my_tooltips();});})
  41. (jQuery);
  42. </script>
  43.  
  44. {block:IndexPage}
  45. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  46. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  47.  
  48. <script type="text/javascript">
  49. $(window).load(function(){
  50. var $wall = $('#entries');
  51. $wall.imagesLoaded(function(){
  52. $wall.masonry({
  53. itemSelector: '#post, #post_photo',
  54. isAnimated : false
  55. });
  56. });
  57.  
  58. $wall.infinitescroll({
  59. navSelector : '#pagination',
  60. nextSelector : '#pagination a',
  61. itemSelector : '#post, #post_photo',
  62. bufferPx : 2000,
  63. debug : false,
  64. errorCallback: function() {
  65. $('#scroll').fadeOut('normal');
  66. }},
  67. function( newElements ) {
  68. var $newElems = $( newElements );
  69. $newElems.hide();
  70. $newElems.imagesLoaded(function(){
  71. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  72. });
  73. }); $('#entries').show(500);
  74. });
  75. </script>
  76. {/block:IndexPage}
  77.  
  78.  
  79. <style type="text/css">
  80.  
  81.  
  82. body{
  83.     margin:0px;
  84.     background-color: {color:Background};
  85.     background-image:url({image:Background});
  86.     background-attachment:fixed;
  87.     background-repeat:100%;
  88.     background-position:bottom-right;
  89.     font-family: Calibri;
  90.     font-size:8px;
  91.     letter-spacing:1px;
  92.     text-transform:uppercase;
  93.     text-align:left;
  94.     line-height:11px;
  95.     color: {color:Text};}
  96.  
  97.  
  98. a:link, a:active, a:visited{
  99.     text-decoration: none;
  100.     color: {color:Link};}
  101.  
  102. a:hover {
  103.     color:{color:Link};
  104.     text-decoration:none;}
  105.    
  106.  
  107.  
  108.  
  109. #s-m-t-tooltip {  
  110.     padding: 3px;  
  111.     height:auto;
  112.     display: none;
  113.     font-family: consolas;
  114.     font-size: 8px;
  115.     text-transform:uppercase;
  116.     text-align: center;
  117.     letter-spacing:1px;
  118.     margin-top:10px;
  119.     margin-left: 15px;
  120.     line-height: 8px;
  121.     z-index: 999999999999;
  122.     background:black;
  123.     color: silver;
  124.     position: relative;
  125.     width: 25px;
  126.     height: 10px;
  127.     padding: 3px;
  128.     background: #000000;
  129.     -webkit-border-radius: 6px;
  130.     -moz-border-radius: 6px;
  131.     border-radius: 6px;
  132.     }
  133.    
  134.     #s-m-t-tooltip:after {
  135.         content: "";
  136. position: absolute;
  137. top: -5px;
  138. left: 10px;
  139. border-style: solid;
  140. border-width: 0 5px 5px;
  141. border-color: #000000 transparent;
  142. display: block;
  143. width: 0;
  144. z-index: 1;
  145.     }
  146.  
  147.    
  148. #entries{
  149.     text-align:left;
  150.     width:480px;
  151.     border-left:4px groove grey;
  152.     border-right:4px ridge grey;
  153.     margin-left:70px;
  154.     margin-top:10px;
  155.     position:relative;
  156.     overflow: hidden;
  157.    background: {color:post color};
  158.     {block:PermalinkPage}
  159.     width:550px;
  160.     {/block:PermalinkPage}}
  161.    
  162.  
  163.  
  164. #post{
  165.     text-align:left;
  166.     margin:20px;
  167.    background: {color:post color};
  168.     max-width: 100%;
  169.     display:block;
  170.     overflow:hidden;
  171.     width:200px;
  172. {block:PermalinkPage}
  173.     width:500px;
  174. {/block:PermalinkPage}}
  175.  
  176. /*Do not delete #post img.*/
  177.  
  178. #post img{
  179.     max-width:100%;
  180.  {block:ifsoftgrayscale}
  181.     -webkit-filter: grayscale(40%);
  182.     -moz-filter: grayscale(40%);
  183.     -o-filter: grayscale(40%);
  184.     -ms-filter: grayscale(40%);
  185.     {/block:ifsoftgrayscale}
  186.     }
  187.    
  188.  
  189. .permalink{
  190.     border-top:1px solid #f5f5f5;
  191.     text-align:right;}
  192. .permalink a{
  193.     text-transform:uppercase;
  194.     line-height:15px;}
  195.    
  196.  
  197. .posttitle{
  198.     font-size:10px;
  199.     text-align:center;
  200.     color:{color:Link};}
  201.    
  202. .posttitle a{
  203.     color:{color:Link};}
  204.    
  205.  
  206. .quote{
  207.     margin-right: 5px;}
  208.    
  209. .source{
  210.     padding-top:5px;
  211.     display:block;
  212.     text-align:right;}
  213.    
  214.    
  215. .ask{
  216.     padding:4px;
  217.     background:#f9f9f9;}
  218. .asker{
  219.     color:{color:Link};}
  220. .answer{
  221.     margin-top:10px;}
  222.  
  223. .audio{
  224.     {block:IndexPage}width:180px;{/block:IndexPage}
  225.     {block:PermalinkPage}width:239px;{/block:PermalinkPage};}
  226. .info{
  227.     padding:2px 0px 1px 57px;}
  228. .i {
  229.     text-transform:uppercase;
  230.     letter-spacing:1px;
  231.     font-size:8px;}
  232. .pl b,strong{
  233.     text-transform:lowercase;
  234.     font-size:9px;}
  235. .player{
  236.     position:absolute;
  237.     overflow:hidden;
  238.     margin-top:0px;
  239.     margin-left:15px;
  240.     background:#ffffff;
  241.     width:24px;
  242.     height:23px;}
  243.    
  244.    
  245. .video-container {
  246.         position:relative;
  247.         padding-bottom:56.25%;
  248.         padding-top: 30px;
  249.         height:0;
  250.         overflow:hidden;}
  251.  
  252. .video-container iframe,  
  253. .video-container object,  
  254. .video-container embed {
  255.         position: absolute;
  256.         top: 0;
  257.         left: 0;
  258.         width: 100%;
  259.         height: 100%;}
  260.        
  261.  
  262.    
  263. .chat{
  264.     line-height:12px;
  265.     list-style:none;}
  266. .chat ul{
  267.     list-style:none;
  268.     padding:0px 5px;
  269.     line-height:15px;}
  270. .label{
  271.     color:{color:Link};}
  272.  
  273. #sidebar{
  274.     background:#fff;
  275.     border:1px silver solid;
  276.     background:url({image:Sidebar Background});
  277.     margin-left:-200px;
  278.     margin-top:250px;
  279.     width:150px;
  280.     position:fixed;
  281.     text-align:center;}
  282.    
  283. .blogtitle{
  284.     padding:5px;
  285.     padding-bottom:0px;
  286.     text-align:center;
  287.     font-size:12px;
  288.     text-shadow: 2px 2px 3px {color:Title Shadow};}
  289.    
  290. .blogtitle a{
  291.     color:{color:Blog Title};}
  292.    
  293. .description{
  294.     padding:5px;}
  295.    
  296. .links{
  297.     margin-left:-15px;
  298.     padding:0px 10px 5px 10px;
  299.     margin-top:5px;}
  300.    
  301. .links a{
  302.     margin-left:15px;}
  303.  
  304. .links a:hover{
  305.     color:{color:Hover};}
  306.  
  307. i, em{
  308.     color:{color:Link};}
  309. b, strong{
  310.     font-weight:normal;
  311.     text-transform:uppercase;
  312.     color:{color:Link};}
  313. ul,ol{
  314.     margin:0px;
  315.     margin-left:-5px;}
  316. p{
  317.     padding:0px;
  318.     margin:2px;}
  319. u{
  320.     text-decoration:none;
  321.     color:{color:Title};}
  322.    
  323. blockquote {
  324.     margin:0px;
  325.     padding:4px;
  326.     background:#f7f7f7;}
  327.  
  328.    
  329. #scroll{
  330.     bottom:-20px;
  331.     position: absolute;
  332.     left: 50%;
  333.     width:10px;
  334.     height:5px;
  335.     overflow:hidden;
  336.     margin-bottom:80px;
  337.     background:grey;
  338.     border:1px solid black;
  339.     border-radius:3px;}
  340.  
  341.    
  342. #credit{
  343.     position:fixed;
  344.     right:10px;
  345.     bottom:10px;
  346.     text-transform:uppercase;
  347.     font-family:Calibri;
  348.     font-size:8px;}
  349.  
  350. #credit a{
  351.     color:#000000;}
  352.  
  353. </style>
  354. </head>
  355.  
  356. <body>
  357.  
  358. <center>
  359.  
  360. <div id="entries">
  361.  
  362.  
  363. <div id="sidebar">
  364. <div class="blogtitle"><a href="/">{Title}</a></div>
  365. <div class="description">{Description}</div>
  366. <div class="links">
  367. <a href="/"><img src="{image:Home Icon}"></a> <a href="/ask"><img src="{image:Ask Icon}"</a> <a href="{text:Link One URL}"><img src="{image:Link One Icon}"></a> <a href="{text:Link Two URL}"><img src="{image:Link Two Icon}"></a> <a href="{text:Link Three URL}"><img src="{image:Link Three Icon}"></a><br>
  368. {block:ifenablesidepixel}
  369.  <img src="{image:side pixel}" width=auto;>{/block:ifenablesidepixel}
  370. </div>
  371. </div>
  372.  
  373.  
  374. {block:Posts}
  375.  
  376.  
  377. {block:ContentSource}
  378. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  379. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  380. {/block:SourceLogo}
  381. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  382. {/block:ContentSource}
  383.  
  384. <div id="post">
  385.  
  386. {block:Text}
  387. <div class="text">
  388. <div class="posttitle">{block:Title}{Title}{/block:Title}</div>
  389. {Body}{block:IndexPage}<div class="permalink"><a href="{ReblogURL}" title="sure?">Reblog</a> / <a href="{Permalink}">{NoteCount} </a>
  390. </div>{/block:IndexPage}</div>
  391. {/block:Text}
  392.  
  393.  
  394.  
  395. {block:Link}
  396. <a href="{URL}"><div class="posttitle">{Name}</div></a>
  397. {block:Description}{Description}{/block:Description}
  398. {block:IndexPage}<div class="permalink"><a href="{ReblogURL}" title="sure?">Reblog</a> / <a href="{Permalink}">{NoteCount} GB</a>
  399. </div>{/block:IndexPage}
  400. {/block:Link}
  401.  
  402. {block:Photo}
  403. {block:IndexPage}
  404. <img src="{PhotoURL-250}" alt="{PhotoAlt}" width="200px"/>{/block:IndexPage}<div class="permalink"><a href="{ReblogURL}" title="sure?">Reblog</a> / <a href="{Permalink}">{NoteCount} GB</a>
  405. </div>{block:PermalinkPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{/block:PermalinkPage}</a>
  406. {/block:Photo}
  407.  
  408.  
  409.  
  410. {block:Photoset}
  411. {block:IndexPage}{block:Photos}<a href="{Permalink}"><img src="{PhotoURL-500}" /></a>{/block:Photos}<div class="permalink"><a href="{ReblogURL}" title="sure?" >Reblog</a> / <a href="{Permalink}">{NoteCount} GB</a>
  412. </div>{/block:IndexPage}
  413. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  414. {/block:Photoset}
  415.  
  416. {block:Quote}
  417. {Quote}{block:Source}
  418. <div class="source">{Source}</div>{/block:Source}
  419. {block:IndexPage}
  420. <div class="permalink"><a href="{ReblogURL}" title="sure?">Reblog</a> /
  421. <a href="{Permalink}">{NoteCount} GB</a>{/block:IndexPage}</div>
  422. {/block:Quote}
  423.  
  424.  
  425.  
  426. {block:Answer}
  427. <div class="ask"><span class="asker">{Asker}:</span> {Question}</div>
  428. <div class="answer">{Answer}</div>
  429. {block:IndexPage}
  430. <div class="permalink"><a href="{ReblogURL}" title="sure?">Reblog</a> /
  431. <a href="{Permalink}">{NoteCount} GB</a></div>{/block:IndexPage}
  432. {/block:Answer}
  433.  
  434.  
  435. {block:Chat}
  436. {block:Title}<div class="posttitle">{Title}</div>{/block:Title}
  437. <div class="chat"><ul>{block:Lines}
  438. <li class="person{UserNumber}">{block:Label}
  439. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>{block:IndexPage}<div class="permalink" ><a href="{ReblogURL}" title="sure?">Reblog</a> /<a href="{Permalink}">{NoteCount} GB</a></div>
  440. {/block:IndexPage}
  441. {/block:Chat}
  442.  
  443.  
  444.  
  445. {block:Audio}<div class="player">{AudioPlayerWhite}</div>
  446. <div class="info"><div class="i"><span{block:TrackName} style="display: none;"{block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}</div><div class="i">by<span{block:Artist} style="display: none;"{block:Artist}>Unknown</span> {block:Artist}{Artist}{/block:Artist}</div></div>{block:IndexPage}<div class="permalink"><a href="{ReblogURL}" title="sure?">Reblog</a> / <a href="{Permalink}">{NoteCount} GB</a></div>
  447. {/block:IndexPage}
  448. {/block:Audio}
  449.  
  450.  
  451.  
  452. {block:Video}
  453. {block:IndexPage}<div class="video-container">{Video-250}</div>
  454. <div class="permalink"><a href="{ReblogURL}" title="sure?">Reblog</a> / <a href="{Permalink}">{NoteCount} GB</a></div>{/block:IndexPage}
  455. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  456. {/block:Video}
  457.  
  458.  
  459.  
  460. {block:PermalinkPage}
  461. {block:Caption}{Caption}{/block:Caption}
  462. <p>{block:Date} {Month} {DayofMonthWithSuffix}, {Year}{/block:Date}  {block:NoteCount}, {NoteCountWithLabel}{/block:NoteCount} {block:RebloggedFrom} , (via <a href="{ReblogParentURL}">{ReblogParentName}</a>){/block:RebloggedFrom}
  463. <div class="permapage">
  464. <div style="margin-top:10px; margin-left:-10px;">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>{/block:PermalinkPage}
  465. </div>
  466. {/block:Posts}
  467. </div>
  468.  
  469.  
  470.  
  471. {block:IndexPage}
  472. {block:Pagination}
  473. <div id="pagination">
  474. {block:NextPage}
  475. <a id="nextPage" href="{NextPage}"></a>
  476. {/block:NextPage}
  477. {block:PreviousPage}
  478. <a href="{PreviousPage}"></a>
  479. {/block:PreviousPage}
  480. </div>
  481. {/block:Pagination}
  482. {/block:IndexPage}
  483.  
  484. </center>
  485. </body>
  486.  
  487.  
  488.  
  489. <div id="credit"><a href="http://512kb.tumblr.com">credit</a></div>
  490. </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!