API tools faq
paste
Advertisement
Guest User

BERLIN THEME

a guest
Apr 24th, 2014
2,200
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.34 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4.  
  5. <!--
  6.  
  7. BERLIN THEME BY CAULIFLORUS FOR PAINTBRUSHTHEMES
  8.  
  9. don't steal this please and keep the description short, thanks :')
  10.  
  11. -->
  12.  
  13. <head>
  14.  
  15. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js">
  16. </script>
  17. <script type="text/javascript">
  18. $(document).ready(function(){
  19. $(".links_body").hide();
  20. $(".links_head").click(function(){
  21. $(this).next(".links_body").slideToggle('fast');
  22. }); }); </script>
  23.  
  24. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  25. <script>
  26. (function($){
  27. $(document).ready(function(){
  28. $("[title]").style_my_tooltips({
  29. tip_follows_cursor:true,
  30. tip_delay_time:200,
  31. tip_fade_speed:300
  32. }
  33. );
  34. });
  35. })(jQuery);
  36. </script>
  37.  
  38. <style type="text/css">
  39.  
  40.  
  41.  
  42. <style type="text/css">
  43. .links_head2 {text-align:center;cursor:help;font-family:consolas;
  44. font-size:9px;
  45. text-transform:uppercase;color:{color:blog title};Text-align:center;background-color:{color:titlebar};}
  46. .links_body2 {text-align:center;padding:3px;}
  47. </style>
  48.  
  49.  
  50. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script><a href="javascript:;" id="scrollToTop"><img src="http://static.tumblr.com/95njt7t/WY7lqgdrx/backtotop_arrowblk.png" border="0"></a>
  51.  
  52. <script type="text/javascript"
  53.  
  54. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  55.  
  56.  
  57.  
  58. <script type="text/javascript"
  59.  
  60. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  61.  
  62.  
  63.  
  64. <title>{title}</title>
  65.  
  66.  
  67.  
  68. <link rel="shortcut icon" href="{Favicon}">
  69.  
  70.  
  71.  
  72. <meta name="color:Background" content="#FFF"/>
  73.  
  74. <meta name="color:Text" content="#AAA"/>
  75.  
  76. <meta name="color:Hover" content="#a0a0a0"/>
  77.  
  78. <meta name="color:Link" content="#777676"/>
  79.  
  80. <meta name="color:Link Borders" content="#777676"/>
  81.  
  82. <meta name="color:Link Background" content="#777676"/>
  83.  
  84. <meta name="color:blog title" content="#fff"/>
  85.  
  86. <meta name="color:post title" content="#eee"/>
  87.  
  88. <meta name="text:quote" content="come down love, berlin in the cold. all that fighting, all that snow" />
  89.  
  90. <meta name="color:borders" content="#eee"/>
  91.  
  92. <meta name="image:Left Background" content""/>
  93.  
  94. <meta name="image:Right Background" content""/>
  95.  
  96. <meta name="color:titlebar" content="#000000">
  97.  
  98. <meta name="color:link fill" content="#000000">
  99.  
  100. <meta name="text:Link 1 URL" content=""/>
  101.  
  102. <meta name="text:Link 1 Title" content=""/>
  103.  
  104. <meta name="text:Link 2 URL" content="/">
  105.  
  106. <meta name="text:Link 2 Title" content=""/>
  107.  
  108. <meta name="text:Link 3 URL" content=""/>
  109.  
  110. <meta name="text:Link 3 Title" content=""/>
  111.  
  112. <meta name="text:Link 4 URL" content=""/>
  113.  
  114. <meta name="text:Link 4 Title" content=""/>
  115.  
  116.  
  117. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  118. <script>
  119. (function($){
  120. $(document).ready(function(){
  121. $("[title]").style_my_tooltips({
  122. tip_follows_cursor:true,
  123. tip_delay_time:200,
  124. tip_fade_speed:300
  125. }
  126. );
  127. });
  128. })(jQuery);
  129. </script>
  130.  
  131.  
  132.  
  133. <style type="text/css">
  134.  
  135. #s-m-t-tooltip{
  136. max-width:300px;
  137. margin:15px;
  138. padding:2px 8px;
  139. border:1px solid #DDD;
  140. border-radius:4px;
  141. background:#FFF;
  142. color:#AAA;
  143. z-index:999999;
  144. font-size:8px;
  145. font-style:italic;
  146. text-transform:lowercase;
  147. box-shadow:1px 1px 3px rgba(0,0,0,.1);}
  148.  
  149. #scrollToTop:link,#scrollToTop:visited {
  150. color: transparent;
  151. background-color: transparent;
  152. display: none;
  153. position: fixed;
  154. bottom: 5px;
  155. right: 15px; }
  156.  
  157.  
  158.  
  159. iframe#tumblr_controls{
  160. top: 1px !important;
  161. margin: 0 0 0 0;
  162. right: 6px !important;
  163. position: fixed !important;
  164. }
  165.  
  166.  
  167.  
  168. ::-webkit-scrollbar {width: 5px; height: 4px; background: white; }
  169.  
  170.  
  171.  
  172. ::-webkit-scrollbar-thumb { background-color:black; }
  173.  
  174.  
  175.  
  176. a {color:;text-decoration:none;-webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}
  177.  
  178.  
  179.  
  180. #tumblr_controls{
  181.  
  182. position:fixed !important;
  183.  
  184. }
  185.  
  186.  
  187.  
  188. .wrapper{
  189.  
  190. margin: 0px auto;
  191.  
  192. width: 900px;
  193.  
  194. }
  195.  
  196.  
  197.  
  198. .header{
  199.  
  200. float: left;
  201.  
  202. width: 100%;
  203.  
  204. }
  205.  
  206.  
  207.  
  208. .left{
  209.  
  210. float: left;
  211.  
  212. margin-right: 20px;
  213.  
  214. width: 802px;
  215.  
  216. }
  217.  
  218.  
  219.  
  220. .right{
  221.  
  222. float: right;
  223.  
  224. width: 200px;
  225.  
  226. background-color: {color:Background};
  227.  
  228. }
  229.  
  230.  
  231.  
  232. body {
  233. background-color:{color:background};
  234.  
  235. background-image: url({image:Left Background}), url({image:Right Background});
  236.  
  237. background-attachment: fixed;
  238.  
  239. background-position: bottom 0px left 0px, bottom 0px right 0px;
  240.  
  241. background-repeat: no-repeat;
  242.  
  243. background-size: auto;
  244.  
  245. padding: 0px;
  246.  
  247. margin: 0px;
  248.  
  249. color:{color:text};
  250.  
  251. font-family: consolas;
  252.  
  253. text-transform:uppercase;
  254.  
  255. font-size: 8px;
  256.  
  257. letter-spacing:1px;
  258.  
  259. line-height:9px;
  260.  
  261. text-align: left;
  262. }
  263.  
  264.  
  265.  
  266. a:link, a:active, a:visited{
  267.  
  268. color:{color:link};
  269.  
  270. text-decoration: none;
  271.  
  272. -webkit-transition: color 0.4s ease-out;
  273.  
  274. -moz-transition: color 0.4s ease-out;
  275.  
  276. }
  277.  
  278.  
  279.  
  280. a:hover{
  281.  
  282. color:{color:Hover};
  283.  
  284. -webkit-transition: color 0.4s ease-out;
  285.  
  286. -moz-transition: color 0.4s ease-out;
  287.  
  288. }
  289.  
  290.  
  291.  
  292.  
  293.  
  294. .entry {
  295.  
  296. float:left;
  297.  
  298. text-align: left;
  299.  
  300. padding:20px;
  301.  
  302. {block:IndexPage}
  303.  
  304. width:250px;
  305.  
  306. {/block:IndexPage}
  307.  
  308. {block:PermalinkPage}
  309.  
  310. width:250px;
  311.  
  312. margin-left:-30px;
  313.  
  314. margin-top:60px;
  315.  
  316. {/block:PermalinkPage}
  317.  
  318. }
  319.  
  320.  
  321.  
  322.  
  323. blockquote {
  324.  
  325. padding-left:5px;
  326.  
  327. padding-top:3px;padding-right:5px;
  328.  
  329. padding-bottom:3px;margin-left:0px;margin-right:0px;
  330.  
  331. border-left: 2px solid #e4e4e4;
  332.  
  333. }
  334.  
  335.  
  336.  
  337.  
  338.  
  339.  
  340. .entry .permalink{
  341.  
  342.  
  343. padding:8px;
  344.  
  345. opacity:0.0;
  346.  
  347. font-size: 9px;
  348.  
  349. line-height:11px;
  350.  
  351. background-color:#fff;
  352.  
  353. text-transform:uppercase;
  354.  
  355. border-bottom:1px solid #eee;
  356.  
  357. border-radius:3px;
  358.  
  359. font-style:italic;
  360.  
  361. }
  362.  
  363.  
  364.  
  365. .entry:hover .permalink{
  366.  
  367. opacity:1.0;
  368.  
  369. margin-top:28px;
  370.  
  371. background-color:white;
  372.  
  373.  
  374.  
  375.  
  376. }
  377.  
  378. #titlebar{
  379.  
  380. z-index:999999999999999;
  381.  
  382. position:fixed;
  383.  
  384. width:140px;
  385.  
  386. color:{color:text};
  387.  
  388. z-index:10;
  389.  
  390. overflow:hidden;
  391.  
  392. text-align:center;
  393.  
  394. margin-left:40px;
  395.  
  396. margin-top:60px;
  397.  
  398. background-color:{color:Background};
  399.  
  400.  
  401.  
  402. }
  403.  
  404.  
  405. #quote{
  406.  
  407. z-index:999999999999999;
  408.  
  409. position:fixed;
  410.  
  411. width:590px;
  412.  
  413. color:{color:text};
  414.  
  415. z-index:10;
  416.  
  417. padding:22px;
  418.  
  419. overflow:hidden;
  420.  
  421. font-size:12px;
  422.  
  423. font-family:georgia;
  424.  
  425. text-transform:lowercase;
  426.  
  427. letter-spacing:2px;
  428.  
  429. font-style:italic;
  430.  
  431. text-align:center;
  432.  
  433. margin-left:240px;
  434.  
  435. margin-top:260px;
  436.  
  437. background-color:{color:Background};
  438.  
  439. -webkit-transform: rotate(270deg);
  440. -moz-transform: rotate(270deg);
  441. -o-transform: rotate(270deg);
  442.  
  443. }
  444.  
  445. img{
  446.  
  447. {block:IndexPage}
  448.  
  449. max-width: 250px;
  450. border: solid 1px {color:borders};
  451. padding:3px;
  452.  
  453. {/block:IndexPage}
  454.  
  455. }
  456.  
  457.  
  458.  
  459.  
  460. #posts {
  461.  
  462. width: 300px;
  463.  
  464. margin-left:220px;
  465.  
  466. margin-top:0px;
  467.  
  468. padding:12px;
  469.  
  470.  
  471.  
  472. }
  473.  
  474.  
  475.  
  476.  
  477. .entry .textperma{
  478.  
  479. display: block;
  480.  
  481. text-transform: lowercase;
  482.  
  483. text-align:center;
  484.  
  485. font-style:italic;
  486.  
  487. opacity:0.0;
  488.  
  489. margin: 2px;
  490.  
  491. margin-top:-15px;
  492.  
  493. -webkit-transition-duration:0.6s;
  494.  
  495. }
  496.  
  497.  
  498.  
  499. .entry:hover .textperma{
  500.  
  501. opacity:1.0;
  502.  
  503. margin-top:0px;
  504.  
  505. margin: 2px;
  506.  
  507. }
  508.  
  509.  
  510.  
  511. .title{
  512.  
  513. font-family:amatic;
  514.  
  515. font-size:22px;
  516.  
  517. line-height:27px;
  518.  
  519. color: {color:post title};
  520.  
  521. font-weight: normal;
  522.  
  523. }
  524.  
  525.  
  526. .links a {
  527. width:5px;
  528. height:5px;
  529. border:1px solid {color:link borders};
  530. border-radius:100px;
  531. background-color:{color:link background};
  532. line-height:9px;
  533. margin-right:5px;
  534. margin-left:5px;
  535. display:inline-block;
  536.  
  537. }
  538.  
  539. .links a:hover {
  540. background-color:{color:link fill};
  541. -webkit-transition: all 0.5s ease-out 0s;
  542. -moz-transition: all 0.5s ease-out 0s;
  543. -ms-transition: all 0.5s ease-out 0s;
  544. -o-transition: all 0.5s ease-out 0s;
  545. transition: all 0.5s ease-out 0s;
  546. }
  547.  
  548. .description{
  549. font-family:"consolas";
  550. border-top:1px solid #eee;
  551. padding:5px;
  552. margin-top:-4px;
  553. text-transform:lowercase;
  554. letter-spacing:1px;
  555. font-size: 8px}
  556.  
  557. @font-face { font-family: "amatic";src: url('http://static.tumblr.com/u37ad6e/GKZmr4tgx/amaticsc-regular.ttf');,}
  558.  
  559. @font-face{font-family:Brain Flower;src:url(http://static.tumblr.com/9wzbixa/qvjmifp1n/brain_flower.ttf);}
  560.  
  561. </style>
  562.  
  563.  
  564.  
  565. {block:IndexPage}
  566.  
  567. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  568.  
  569. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  570.  
  571.  
  572.  
  573. <script type="text/javascript">
  574.  
  575. $(window).load(function () {
  576.  
  577. var $content = $('#posts');
  578.  
  579. $content.masonry({itemSelector: '.entry'}),
  580.  
  581. $content.infinitescroll({
  582.  
  583. navSelector : 'div#pagination',
  584.  
  585. nextSelector : 'div#pagination a#nextPage',
  586.  
  587. itemSelector : '.entry',
  588.  
  589. loading: {
  590.  
  591. finishedMsg: '',
  592.  
  593. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  594.  
  595. },
  596.  
  597. bufferPx : 600,
  598.  
  599. debug : false,
  600.  
  601. },
  602.  
  603. // call masonry as a callback.
  604.  
  605. function( newElements ) {
  606.  
  607. var $newElems = $( newElements );
  608.  
  609. $newElems.hide();
  610.  
  611. // ensure that images load before adding to masonry layout
  612.  
  613. $newElems.imagesLoaded(function(){
  614.  
  615. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  616.  
  617.  
  618.  
  619.  
  620.  
  621. });
  622.  
  623. });
  624.  
  625. });
  626.  
  627. </script>
  628.  
  629.  
  630.  
  631.  
  632.  
  633.  
  634.  
  635. {/block:IndexPage}
  636.  
  637.  
  638.  
  639. <title>{title}</title>
  640.  
  641.  
  642.  
  643. <link rel="shortcut icon" href="http://media.tumblr.com/368da0c17baf1aa799edca315159fba7/tumblr_inline_mqsby8a58G1qz4rgp.gif">
  644.  
  645. <meta name="viewport" content="width=820" />
  646.  
  647.  
  648.  
  649.  
  650.  
  651. </head>
  652.  
  653.  
  654.  
  655. <body>
  656.  
  657.  
  658.  
  659.  
  660.  
  661. <div class="wrapper">
  662.  
  663. <div class="header">
  664.  
  665.  
  666.  
  667.  
  668. <div id="titlebar">
  669.  
  670.  
  671. <div style='font-size:39px; text-align:center; font-family:Brain Flower; color:{color:blog title};border-bottom:1px solid #eee; text-align:center; margin-top:22px;text-transform:lowercase; letter-spacing:1px;padding:12px'>{title}</div><br>
  672. <div class="links">
  673.  
  674. <a href="{text:Link 1 URL}" title={text:Link 1 Title}></a>
  675. <a href="{text:Link 2 URL}" title={text:Link 2 Title}></a>
  676. <a href="{text:Link 3 URL}" title={text:Link 3 Title}></a>
  677. <a href="{text:Link 4 URL}" title={text:Link 4 Title}></a>
  678. <a href=”http://cauliflorus.tumblr.com” title="credit"></a>
  679.  
  680. </div><br>
  681. <div class="description">
  682. {description}</div>
  683.  
  684. </div>
  685. </div>
  686.  
  687. <div id="quote">
  688. {text:quote}
  689. </div>
  690.  
  691. <div class="content">
  692.  
  693.  
  694.  
  695. <div class="left">
  696.  
  697.  
  698.  
  699. <div id="posts">
  700.  
  701.  
  702.  
  703. {block:Posts}
  704.  
  705. <div class="entry">
  706.  
  707.  
  708.  
  709. {block:Text}
  710.  
  711. {block:Title}<span class="title">{Title}</span>{/block:Title}
  712.  
  713. <span class="entrytext">{Body}</span></a>
  714.  
  715. {/block:Text}
  716.  
  717.  
  718.  
  719. {block:Link}
  720.  
  721. <a href="{URL}" class="title">{Name}</a>
  722.  
  723. {block:Description}{Description}{/block:Description}
  724.  
  725. {block:Link}
  726.  
  727.  
  728.  
  729. {block:Photo}
  730.  
  731. {block:IndexPage}{LinkOpenTag}
  732.  
  733. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="250"/></a></div>{LinkCloseTag}{/block:IndexPage}
  734.  
  735. {block:PermalinkPage}{LinkOpenTag}<a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="330"/></a>{LinkCloseTag}{/block:PermalinkPage}
  736.  
  737. {block:IndexPage}
  738.  
  739. {/block:IndexPage}
  740.  
  741. {/block:Photo}
  742.  
  743.  
  744.  
  745. {block:Photoset}
  746.  
  747. <center>{Photoset-250}</center></span>
  748.  
  749. {/block:Photoset}
  750.  
  751.  
  752.  
  753. {block:Quote}
  754.  
  755. <span class="title">{Quote}</span><br />
  756.  
  757. {block:Source}{Source}{/block:Source}
  758.  
  759. {/block:Quote}
  760.  
  761.  
  762.  
  763. {block:Chat}
  764.  
  765. {block:Title}<span class="title">{Title}</span>{/block:Title}
  766.  
  767. {block:Lines}
  768.  
  769. <li class="user_{UserNumber}">
  770.  
  771. {block:Label}
  772.  
  773. <b><span class="label">{Label}</b></span>
  774.  
  775. {/block:Label}
  776.  
  777.  
  778.  
  779. {Line}
  780.  
  781. </li>
  782.  
  783. {/block:Lines}
  784.  
  785. </ul>
  786.  
  787. {/block:Chat}
  788.  
  789.  
  790.  
  791. {block:Audio}{AudioPlayergrey}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  792.  
  793. {block:IndexPage}
  794.  
  795. <div class="textperma"><a href="{Permalink}">{NoteCountWithLabel}</a> · <a href="{Permalink}">{DayofMonth} {ShortMonth}</a></span></a></div>
  796.  
  797. {/block:IndexPage}
  798.  
  799. {/block:Audio}
  800.  
  801.  
  802.  
  803. {block:Video}
  804.  
  805. <center>
  806.  
  807. <div class="videoperma">{Video-250}</div><BR>
  808.  
  809. {block:Caption}{Caption}</a>{/block:Caption}</center>
  810.  
  811. {block:Video}
  812.  
  813.  
  814.  
  815. {block:PermalinkPage}
  816.  
  817. <center>
  818.  
  819. {block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} &middot; {block:Tags}<a href="TagURL"> #{Tag}</a> {/block:Tags}{/block:hasTags}</center>
  820.  
  821.  
  822.  
  823. {/block:PermalinkPage}
  824.  
  825.  
  826.  
  827. {block:PostNotes}{PostNotes}
  828.  
  829. {/block:PostNotes}
  830.  
  831. </div>
  832.  
  833.  
  834.  
  835. {/block:Posts}
  836.  
  837. </div>
  838.  
  839. </div>
  840.  
  841. {block:IndexPage}
  842.  
  843. {block:Pagination}
  844.  
  845. <div id="pagination">
  846.  
  847. {block:NextPage}
  848.  
  849. <a id="nextPage" href="{NextPage}"> </a>
  850.  
  851. {/block:NextPage}
  852.  
  853. {block:PreviousPage}
  854.  
  855. <a href="{PreviousPage}"> </a>
  856.  
  857. {/block:PreviousPage}
  858.  
  859. </div>
  860.  
  861. {/block:Pagination}
  862.  
  863. {/block:IndexPage}
  864.  
  865. </div>
  866.  
  867. </body>
  868.  
  869.  
  870.  
  871. </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!