API tools faq
paste
13cameras

Forever & Always Theme

13cameras
Aug 22nd, 2013
8,618
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 16.62 KB | None | 0 0
raw download clone embed print report
  1. <html lang="en">
  2.  
  3. <head>
  4.  
  5. <title>{title}</title>
  6. <link rel=”shortcut icon” href=”{Favicon}”/>
  7. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  8. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  9.  
  10. <!--Color-->
  11. <meta name="color:Scrollbar Color" content="#ffffff"/>
  12. <meta name="color:Text" content="#6B5344"/>
  13. <meta name="color:Link Color" content="#F1BBBA"/>
  14. <meta name="color:Link Hover Color" content="#F8DAFB"/>
  15. <meta name="color:Background" content="#ffffff"/>
  16. <meta name="color:Border Box" content="#F1BBBA"/>
  17. <meta name="color:Bg Box Color" content="#ffffff"/>
  18. <meta name="color:Border Post" content="#E8DAFB"/>
  19. <meta name="color:Post Background" content="#ffffff"/>
  20. <meta name="color:Note Background" content="#EFBDC0"/>
  21. <meta name="color:Note" content="#ffffff"/>
  22. <meta name="color:Sidebar" content="#E7D6CF"/>
  23. <meta name="color:Descritption Bg" content="#"/>
  24. <meta name="color:Border Desc" content="#A79C8E"/>
  25. <meta name="color:Navigation Bg" content="#F1BBBA"/>
  26. <meta name="color:Navigation" content="#ffffff"/>
  27. <meta name="" content=""/>
  28.  
  29.  
  30. <!--IF-->
  31. <meta name="if:2 Column Post" content="1"/>
  32.  
  33. <!--Image-->
  34. <meta name="image:Scrollbar" content="http://24.media.tumblr.com/5d628da23049314b7c347cbbd55b6755/tumblr_movcawwYsM1ru3nbdo2_250.png"/>
  35. <meta name="image:Background" content="http://31.media.tumblr.com/8728d18d0b4333749186eb3ee3608b74/tumblr_movdbcThVO1ru3nbdo4_250.png"/>
  36. <meta name="image:Background Box" content="http://24.media.tumblr.com/d3d5276af106e14618b0db283bb7fac3/tumblr_movcawwYsM1ru3nbdo9_250.png"/>
  37. <meta name="image:Post Background" content="http://24.media.tumblr.com/276cc2ecee48cb1a149cf94640066906/tumblr_movdbcThVO1ru3nbdo3_250.png"/>
  38. <meta name="image:Sidebar Background" content="http://31.media.tumblr.com/cdedc082f3c7eeaf7c2e9ec30aacd283/tumblr_movdbcThVO1ru3nbdo1_250.png"/>
  39. <meta name="image:Sidebar" content="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQr5g4BJT61v59wU4CM0gJZT-q_f-SN7d6Yo30Qmdff1xPMICr1"/>
  40. <meta name="image:Left Side" content="http://media.tumblr.com/858cd5a348476e99c4b522d010a3457f/tumblr_inline_mlhdsdwEjl1qfamg6.png"/>
  41.  
  42. <!--Font-->
  43. <meta name="font:Body" content="verdana"/>
  44.  
  45. <!--Text-->
  46. <meta name="text:Link 1" content="http://"/>
  47. <meta name="text:Link 2" content="http://"/>
  48. <meta name="text:Link 3" content="http://"/>
  49. <meta name="text:Link 4" content="http://"/>
  50. <meta name="text:Link 1 title" content=""/>
  51. <meta name="text:Link 2 title" content=""/>
  52. <meta name="text:Link 3 title" content=""/>
  53. <meta name="text:Link 4 title" content=""/>
  54.  
  55. <style type="text/css">
  56.  
  57. ::-webkit-scrollbar-thumb:vertical {
  58. background-color:{color:Scrollbar Color}; /*scrollbar's slider color*/
  59. background-image:url('{image:Scrollbar}'); /*optional background image*/
  60. height:100px;
  61. -moz-border-radius: 5px; /*these make bar rounded*/
  62. border-radius: 5px;
  63. box-shadow:-2px -2px -2px #555;
  64. border:3px solid {color:Link Color};
  65. }
  66.  
  67. ::-webkit-scrollbar-thumb:horizontal {
  68. background:{color:Scrollbar Color} url({image:Scrollbar}); /*scrollbar's slider color*/
  69. height:100px !important;
  70. border:3px solid {color:Link Color};
  71. }
  72.  
  73. ::-webkit-scrollbar {
  74. background-color:#; /*scrollbar's main color*/
  75. background-image:url(''); /*optional background image*/
  76. height:13px;
  77. width:13px; /*width of slider*/
  78. }
  79.  
  80. body{
  81. color:{color:Text};
  82. font-family:{font:Body};
  83. font-size:10px;
  84. background:{color:Background} url({image:Background}) fixed;
  85. }
  86.  
  87. a{color:{color:Link Color};text-decoration:none;} a:hover{color:{color:Link Hover Color};}
  88.  
  89. h1{color:{color:Link Color};font-size:20px;}
  90.  
  91. blockquote{margin-left:20px;border-left:5px solid {color:Link Color};padding-left:3px;width:auto;height:auto;}
  92.  
  93. .chat {background: {color:Navigation Bg}; margin: 0 0 -2px 0; font-family: Trebuchet MS; color: #6b5344;} /* text in chat */ .chat .chat1 {margin-left: 0px;} .chat .chat1 .chat2 {background: {color:Navigation Bg}; margin-bottom: 1px; padding: 4px 5px 4px 5px;} /* this is the odd, means the bg will appear on the odd numbers like 1 3 5 9 and so on */ .chat .chat1 .chat2.even {background: {color:Link Hover Color};} .chat b{color: #555;} /* bold text in chat */
  94. #box{
  95.     overflow:auto;
  96.     margin-left:auto;
  97.     margin-right:auto;
  98.     background:{color:Bg Box Color} url({image:Background Box});
  99.     width:900px;
  100.     height:600px;
  101.     margin-top:20px;
  102.     border:10px solid {color:Border Box};
  103. }
  104.  
  105. #container{
  106. backrgound:#555;
  107. {block:IndexPage}
  108. {block:IfNot2ColumnPost}
  109. width:300px;
  110. {/block:IfNot2ColumnPost}
  111. {block:If2ColumnPost}
  112. width:590px;
  113. {/block:If2ColumnPost}
  114. {/block:IndexPage}
  115. {block:PermalinkPage}
  116. width:508px;
  117. {/block:PermalinkPage}
  118. margin-left:280px;
  119. padding:5px;
  120. float:center;
  121. }
  122.  
  123. .post{
  124. border:1px solid {color:Border Post};
  125. padding:15px;
  126. padding-top:0px;
  127. {block:IndexPage}
  128. width:250px;
  129. {/block:IndexPage}
  130. {block:PermalinkPage}
  131. width:500px;
  132. {block:PermalinkPage}
  133. background:{color:Post Background} url({image:Post Background});
  134. float:left;
  135. margin:5px;
  136. box-shadow:1px 1px 0px #ccc;
  137. }
  138.  
  139. @font-face {
  140. font-family: "Japan";
  141. src: url('http://static.tumblr.com/cc6xpwg/jKEmprvzj/japan_1_.ttf');
  142. }
  143.  
  144. {block:IndexPage}
  145. #bg{
  146. width:250px;
  147. float:right;
  148. margin-left:600px;
  149. position:fixed;
  150. text-align:center;}
  151.  
  152. .post .notes{
  153.     background:{color:Note Background};
  154.     margin-top:0px;
  155.     height:0px;
  156.     font-size:10px;
  157.     width:25px;
  158.     opacity:0;
  159.     padding-top:5px;
  160.     text-align:center;
  161.     -webkit-transition: opacity 0.2s linear;
  162. -webkit-transition: all 0.2s linear;
  163. -moz-transition: all 0.2s linear;
  164. }
  165.  
  166. .notes a{color:{color:Note};}
  167.  
  168. .post:hover .notes{
  169.     opacity:.8;
  170.     height:20px;
  171.     width:250px;
  172.     -webkit-transition: opacity 0.2s linear;
  173. -webkit-transition: all 0.2s linear;
  174. -moz-transition: all 0.2s linear;
  175. }
  176. {/block:IndexPage}
  177. #sidebar{
  178.     width:250px;
  179.     float:left;
  180.     height:600px;
  181.     background:{color:Sidebar} url({image:Sidebar Background});
  182. position:fixed;
  183. text-align:center;
  184. border-right:10px solid {color:Border Box};
  185. }
  186.  
  187. .side img{
  188.     padding:3px;
  189.     width:200px;
  190.     border:5px solid {color:Navigation Bg};
  191.     margin-top:20px;
  192. }
  193.  
  194. .desc{background:{color:Description Bg});border-left:5px solid {color:Border Desc};border-right:5px solid {color:Border Desc};width:220px;padding:10px;margin-top:10px;}
  195.  
  196. .lnk{
  197.     margin-top:10px;
  198.     width:200px;
  199.     padding:5px 2px 5px 2px;
  200.     border-radius:10px;
  201.     background:{color:Navigation Bg};
  202.     color:#fff;
  203.     float:center;
  204.     border:2px solid #;
  205.     -webkit-transition: opacity 0.2s linear;
  206. -webkit-transition: all 0.2s linear;
  207. -moz-transition: all 0.2s linear;
  208. }
  209.  
  210. .lnk:hover{
  211.     background:{color:Navigation};
  212.     border-radius:10px;
  213.     border:2px solid {color:Navigation Bg};
  214.     padding:3px 0px 3px 0px;
  215.     box-shadow:1px 0px 1px #A79C8E;
  216.     -webkit-transition: opacity 0.25s linear;
  217. -webkit-transition: all 0.25s linear;
  218. -moz-transition: all 0.25s linear;
  219. }
  220.  
  221. .lnk a{color:{color:Navigation};-webkit-transition: opacity 0.5s linear;
  222. -webkit-transition: all 0.5s linear;
  223. -moz-transition: all 0.5s linear;}
  224. .lnk a:hover{color:{color:Link Color};-webkit-transition: opacity 0.5s linear;
  225. -webkit-transition: all 0.5s linear;
  226. -moz-transition: all 0.5s linear;}
  227.  
  228. .extras{border-top:1px dashed {color:Text};border-bottom:1px dashed {color:Text};}
  229.  
  230. .cred{
  231.     bottom:5px;
  232.     right:-75px;
  233.     position:fixed;
  234.     font-family:'Japan';
  235.     font-size:25px;
  236.     -webkit-transition:all .9s ease;-moz-transition:all .9s ease;transition:all .9s ease;-o-transition:all .9s ease;
  237. }
  238. .cred a:hover{
  239.     color:#000;
  240. }
  241. .cred:hover{
  242.     right:5px;
  243.     -webkit-transition:all .8s ease;-moz-transition:all .8s ease;transition:all .8s ease;-o-transition:all .8s ease;
  244. }
  245.  
  246. .pagination {
  247. display: none;
  248. }
  249.  
  250. #paginacaoml {font-family: verdana;font-size: 11px; font-weight: bold;-moz-border-radius: 10px; -webkit-border-radius:10px;}
  251.  
  252. #paginacaoml a {background: {color:Navigation Bg};margin: 1px; padding: 2px 5px; color: #fff; text-decoration: none;-moz-border-radius: 10px; -webkit-border-radius:10px;}
  253.  
  254. #paginacaoml a:hover {background: #fff; border: none;color:{color:Navigation Bg};text-decoration: none;}
  255.  
  256. #paginacaoml span.pagina_atual {background: #eee;margin: 1px; padding: 2px 5px; color: #666; text-decoration: none; -moz-border-radius: 10px; -webkit-border-radius:10px; }
  257.  
  258. #paginacaoml span.info { margin: 1px; padding: 2px 4px; color: #777; text-decoration: none;}
  259.  
  260. .artcover {position:absolute;}
  261. .artcover img {width:42px;height:42px;float:left;border:5px solid #EEE;}
  262. .audioplayer {width:20px;padding:3px 5px 5px 3px;overflow:hidden;}
  263. .audioinfo {margin-left:55px;padding:3px 0px;}
  264. .i{display:block;padding:2px;}
  265. .i b, strong{font-family:Consolas;}
  266. .player {
  267. position:absolute;
  268. background:#FFF;
  269. width:30px;
  270. height:30px;
  271. opacity:0.75;
  272. padding:4px;
  273. margin:7px;
  274. overflow:hidden;}
  275.  
  276. .bubble {align:right;background-color: {color:Navigation Bg}; color: {color:Navigation}; margin:7px 0px 5px 66px;padding:10px;position: relative;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
  277. .bubble a{color:{color:Link Hover Color};}
  278. .bubble p {margin:1px 0px;}
  279. .bubble span {display:block;position:absolute;width:1px;height:1px;font-size: 0;line-height: 1px;left:-10px;top:10px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:10px solid {color:Navigation Bg};}
  280.  
  281. .askborder {float: left;margin: 1px 2px 0 0;padding: 2px; background: {color:Border Desc};}
  282.  
  283. {CustomCSS]</style>
  284. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  285.  
  286. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  287.  
  288. <script>
  289. $(function(){
  290. var $container = $('#container');
  291. $container.imagesLoaded(function(){
  292. $container.masonry({
  293. itemSelector: '.post',
  294. });
  295. });
  296. $container.infinitescroll({
  297. itemSelector : ".post",
  298. navSelector : "div.pagination",
  299. nextSelector : ".pagination a#next",
  300. loadingImg : "",
  301. loadingText : "<em></em>",
  302. bufferPx : 10000,
  303. extraScrollPx: 12000,
  304. },
  305. // trigger Masonry as a callback
  306. function( newElements ) {
  307.   var $newElems = $( newElements ).css({ opacity: 0 });
  308. // ensure that images load before adding to masonry layout
  309. $newElems.imagesLoaded(function(){
  310. $newElems.animate({ opacity: 1 });
  311. $container.masonry( 'appended', $newElems, true );
  312. });
  313. }
  314. );
  315. });
  316. </script>
  317.  
  318. <script type="text/javascript" src="http://static.tumblr.com/cc6xpwg/NZnmrxnhv/bubble.txt"></script>
  319. </head>
  320. <body>
  321. <div id="box">
  322. <div id="sidebar">
  323. <div class="side"><img src="{image:Sidebar}"></div>
  324. <div class="desc">{description}</div>
  325. <center>
  326. <div class="lnk"><a href="/">Home</a></div>
  327. <div class="lnk"><a href="/ask">Ask</a></div>
  328. <div class="lnk"><a href="/archive">Archive</a></div>
  329. <div class="lnk"><a href="http://themesby13cams.tumblr.com/">Credit</a></div>
  330. <br>
  331. <a href="{text:Link 1}" class="extras">{text:Link 1 Title}</a>
  332. <a href="{text:Link 2}" class="extras">{text:Link 2 Title}</a>
  333. <a href="{text:Link 3}" class="extras">{text:Link 3 Title}</a>
  334. <a href="{text:Link 4}" class="extras">{text:Link 4 Title}</a>
  335. <br><br>
  336. <div id="paginacaoml"> {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}{/block:Pagination} {block:JumpPagination length="5"} {block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage} {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage} {/block:JumpPagination} {block:Pagination}{block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}{/block:Pagination} </div>
  337. <br><br>
  338.  
  339. </center>
  340. </div>
  341.  
  342. {block:IndexPage}
  343. {block:IfNot2ColumnPost}
  344. <div id="bg"><img width="250px" src="{image:Left Side}"/></div>
  345. {/block:IfNot2ColumnPost}{/block:IndexPage}
  346. <div id="container">
  347. {block:Posts}
  348. <div class="post">
  349.  
  350. <h1>{block:Title}{Title}{/block:Title}</h1>
  351.  
  352. {block:Text}{Body}
  353. {block:IndexPage}<div style="text-align:right;background:#F1BBBA;padding:5px 2px 5px 2px;color:#fff;"><a href="{ReblogURL}"><font color="white">Reblog</font></a> - <a href="{Permalink}"><font color="white">{NoteCountWithLabel}</font></a></div>{/block:IndexPage}{/block:Text}
  354.  
  355. {block:Photo}
  356. {block:IndexPage}<div class="notes"><a href="{ReblogURL}">Reblog</a> - <a href="{Permalink}">{NoteCountWithLabel}</a></div>
  357. <a href="{permalink}"><img src="{PhotoURL-500}" width="250"/></a>{/block:IndexPage}
  358. {block:PermalinkPage}<a href="{permalink}"><img src="{PhotoURL-500}" width="500"/></a>{/block:PermalinkPage}
  359. {/block:Photo}
  360.  
  361. {block:Photoset}
  362. {block:IndexPage}{Photoset-250}<div style="text-align:right;background:#F1BBBA;padding:5px 2px 5px 2px;color:#fff;"><a href="{ReblogURL}"><font color="white">Reblog</font></a> - <a href="{Permalink}"><font color="white">{NoteCountWithLabel}</font></a></div>{/block:IndexPage}
  363. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  364. {/block:Photoset}
  365.  
  366.  
  367. {block:Quote}
  368. <div style="text-align:center;font-family:Japan;font-size:25px;">{Quote}</div>
  369. <div align="right">
  370. {block:Source}-{Source}{/block:Source}
  371. </div>
  372. {block:IndexPage}<div style="text-align:right;background:#F1BBBA;padding:5px 2px 5px 2px;color:#fff;"><a href="{ReblogURL}"><font color="white">Reblog</font></a> - <a href="{Permalink}"><font color="white">{NoteCountWithLabel}</font></a></div>{/block:IndexPage}
  373. {/block:Quote}
  374.  
  375.  
  376. {block:Video}
  377. {block:IndexPage}
  378. {Video-250}<div style="text-align:right;background:#F1BBBA;padding:5px 2px 5px 2px;color:#fff;">{PlayCountWithLabel} - <a href="{ReblogURL}"><font color="white">Reblog</font></a> - <a href="{Permalink}"><font color="white">{NoteCountWithLabel}</font></a></div>{/block:IndexPage}
  379. {block:PermalinkPage}
  380. {Video-500}
  381. {/block:PermalinkPage}
  382. {/block:Video}
  383.  
  384.  
  385. {block:Link}
  386. <h1><a href="{URL}" class="link" {Target}>{Name}</a></h1>
  387. {block:Description}{Description}{/block:Description}
  388. {block:IndexPage}<div style="text-align:right;background:#F1BBBA;padding:5px 2px 5px 2px;color:#fff;"><a href="{ReblogURL}"><font color="white">Reblog</font></a> - <a href="{Permalink}"><font color="white">{NoteCountWithLabel}</font></a></div>{/block:IndexPage}
  389. {/block:Link}
  390.  
  391. {block:Chat}
  392. <div class="chat">
  393. <div class="chat1">
  394. {block:Lines}
  395. <div class="chat2 {Alt}">
  396. {block:Label}
  397. <b>{Label}</b>
  398. {/block:Label}
  399. {Line}</div>
  400. {/block:Lines}
  401. </div> </div>
  402. {block:IndexPage}<div style="text-align:right;background:#F1BBBA;padding:5px 2px 5px 2px;color:#fff;"><a href="{ReblogURL}"><font color="white">Reblog</font></a> - <a href="{Permalink}"><font color="white">{NoteCountWithLabel}</font></a></div>{/block:IndexPage}
  403. {/block:Chat}
  404.  
  405. {block:Audio}
  406. {block:AlbumArt}<div class="artcover">
  407. <img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  408. <div class="player"><div class="audioplayer">{AudioPlayerWhite}</div></div>
  409. <div class="audioinfo"><div class="i"><b>TITLE: </b><span{block:TrackName} style="display: none;"{block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}</div><div class="i"><b>ARTIST: </b><span{block:Artist} style="display: none;"{block:Artist}>Unknown</span> {block:Artist}{Artist}{/block:Artist}</div>
  410. <div class="i"><b>PLAYS: </b><span{block:PlayCount} style="display: none;"{block:PlayCount}>Unknown</span>{block:PlayCount}{PlayCount}{/block:PlayCount}</div></div>
  411.  
  412. {block:IndexPage}<div style="text-align:right;background:#F1BBBA;padding:5px 2px 5px 2px;color:#fff;"><a href="{ReblogURL}"><font color="white">Reblog</font></a> - <a href="{Permalink}"><font color="white">{NoteCountWithLabel}</font></a></div>{/block:IndexPage}
  413. {/block:Audio}
  414.  
  415.  
  416. {block:Answer}
  417. <img src="{AskerPortraitURL-48}" width="40px" align="left" class="askborder"><div class="bubble"><span></span>{Asker} asked: {Question}&nbsp;</div>{Answer}
  418. {block:IndexPage}<div style="text-align:right;background:#F1BBBA;padding:5px 2px 5px 2px;color:#fff;"><a href="{Permalink}"><font color="white">{NoteCountWithLabel}</font></a></div>{/block:IndexPage}
  419. {/block:Answer}
  420.  
  421. {block:PermalinkPage}
  422. {block:Caption}
  423. {Caption}
  424. {/block:Caption}
  425. <br>
  426. {block:NoteCount}
  427. {NoteCount} notes
  428. {/block:NoteCount}
  429. <Br>
  430. {block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  431. {/block:PermalinkPage}
  432. </div>
  433.  
  434. {/block:Posts}
  435.  
  436. </div></div>
  437. <!--I love you for not deleting this.-->
  438. <div class="cred"><a href="http://themesby13cams.tumblr.com" target="_blank"><font size="4" color="deepskyblue" face="japan">13</font>cameras</a></div><!--Thank you for letting the credit stay!-->
  439. <div class="pagination">
  440. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
  441. </div>
  442. </body>
  443. </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!