API tools faq
paste
hokshi

Tekno Theme

hokshi
Oct 24th, 2012
1,004
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 14.81 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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4. <title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}" />
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  7. {block:Description}
  8. <meta name="description" content="{MetaDescription}" />
  9. {/block:Description}
  10.  
  11. <link rel="shortcut icon" href="{favicon}" />
  12. <meta name="color:background" content="#f8f8f7"/>
  13. <meta name="color:links" content="#ebc730"/>
  14. <meta name="color:links hover" content="#141414"/>
  15. <meta name="color:text" content="#6e6f68"/>
  16. <meta name="color:left bar" content="#f8f8f8"/>
  17. <meta name="color:side bar" content="#ffffff"/>
  18. <meta name="color:title bar" content="#f0f0f0"/>
  19. <meta name="color:post background color" content="#ffffff"/>
  20. <meta name="color:post border background color" content="#f0f0f0"/>
  21. <meta name="color:navigation links background" content="#ffffff"/>
  22. <meta name="color:navigation links background hover" content="#000000"/>
  23. <meta name="image:background" content=""/>
  24. <meta name="image:left bar" content="http://static.tumblr.com/ii9pnwy/8iTmc74wa/greyfloral.png"/>
  25. <meta name="image:side bar" content=""/>
  26. <meta name="image:side bar image" content="http://static.tumblr.com/ii9pnwy/2Rfmc74x1/lt41.jpg"/>
  27. <meta name="text:Link 1 URL" content="/" />
  28. <meta name="text:Link 1 Name" content="link 1" />
  29. <meta name="text:Link 2 URL" content="/" />
  30. <meta name="text:Link 2 Name" content="link 2" />
  31. <meta name="text:Link 3 URL" content="/" />
  32. <meta name="text:Link 3 Name" content="link 3" />
  33. <meta name="text:Link 4 URL" content="/" />
  34. <meta name="text:Link 4 Name" content="link 4" />
  35. <meta name="text:Link 5 URL" content="/" />
  36. <meta name="text:Link 5 Name" content="link 5" />
  37. <meta name="font:Body font" content="Arial"/>
  38. <meta name="text:Body font size" content="9"/>
  39.  
  40. <meta name="if:250px posts" content="0"/>
  41. <meta name="if:400px posts" content="0"/>
  42. <meta name="if:500px posts" content="1"/>
  43.  
  44. <meta name="if:Infinite Scrolling" content="0"/>
  45. <meta name="if:Show Captions" content="0"/>
  46. <meta name="if:Side bar photo" content="1"/>
  47.  
  48. {block:IfInfiniteScrolling}
  49. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  50. {/block:IfInfiniteScrolling}
  51.  
  52. <style type="text/css">
  53. {CustomCSS}
  54.  
  55.     iframe#tumblr_controls {
  56.         right:25px;
  57.         position: fixed !important;
  58.         opacity: 0.5;
  59.         -webkit-transition: opacity 0.7s linear;
  60.         -webkit-transition: all 0.5s ease;
  61.         -moz-transition: all 0.5s ease;
  62.         transition: all 0.5s ease;
  63.     }
  64.  
  65.     iframe#tumblr_controls:hover {
  66.         opacity: 1;
  67.         -webkit-transition: opacity 0.7s linear;
  68.         -webkit-transition: all 0.5s ease;
  69.         -moz-transition: all 0.5s ease;
  70.         transition: all 0.5s ease;
  71.     }
  72.  
  73.     ::-webkit-scrollbar{
  74.         background-color:{color:background};
  75.         width: 5px;
  76.         height: 5px;  
  77.     }
  78.     ::-webkit-scrollbar-thumb{
  79.         background-color: #000000;
  80.         border: 1px solid #ffd900;
  81.     }
  82.  
  83.     a{
  84.         color: {color:links};
  85.         text-decoration: none;
  86.         -webkit-transition: all 0.7s ease;
  87.         -moz-transition: all 0.7s ease;
  88.         -o-transition: all 0.7s ease;
  89.     }
  90.    
  91.     a:link, a:visited, a:active{
  92.         text-decoration:none;
  93.     }
  94.  
  95.     a:hover{
  96.         text-decoration:underline;
  97.         color: #000;
  98.         -webkit-transition: all 0.7s ease;
  99.         -moz-transition: all 0.7s ease;
  100.         -o-transition: all 0.7s ease;  
  101.     }
  102.    
  103.     a[lol]:hover:after{
  104.         background:#fff;
  105.         color:#000;
  106.         font: 10px arial rounded mt bold, sans-serif;
  107.         content: attr(lol);
  108.         padding: 6px;
  109.         position: absolute;
  110.         left: 70%;
  111.         margin-top:10px;
  112.         white-space: nowrap;
  113.         z-index: 999px;
  114.     }
  115.    
  116.     img{
  117.         opacity: 1;
  118.         -webkit-transition: opacity 0.7s linear;
  119.     }
  120.  
  121.     img:hover{
  122.         opacity: .5;
  123.         -webkit-transition: opacity 0.7s linear;
  124.     }
  125.  
  126.  
  127.     body{
  128.         margin:0px;
  129.         background:{color:background} url({image:background}) fixed;
  130.     }
  131.  
  132.     #leftbar{
  133.         position:fixed;
  134.         background:{color:left bar} url({image:left bar}) fixed;
  135.         top:0px;
  136.         left:0px;
  137.         width: 90px;
  138.         height:100%;
  139.     }
  140.    
  141.     #sidebar{
  142.         position:fixed;
  143.         background:{color:side bar} url({image:side bar}) fixed;
  144.         top:35px;
  145.         {block:If250pxposts}
  146.             left: 478px;
  147.         {block:If250pxposts}
  148.         {block:If400pxposts}
  149.             left: 628px;
  150.         {block:If400pxposts}
  151.         {block:If500pxposts}
  152.             left: 728px;
  153.         {block:If500pxposts}
  154.         width: 250px;
  155.         padding:5px;
  156.         border: 1px solid #EDEDED;
  157.         font-size: {text:Body font size}px;
  158.         font-family: {font:Body font};
  159.         line-height:9px;
  160.         color:{color:text};
  161.         letter-spacing: 0px;  
  162.         text-align:justify;
  163.         z-index:2;
  164.     }
  165.  
  166.     #side{
  167.         position:fixed;
  168.         top:20%;
  169.         left:10px;
  170.         width:70px;
  171.         font: 38px arial rounded mt bold, sans-serif;
  172.         font-weight: bold;
  173.         text-align:center;
  174.     }
  175.  
  176.     #side a{
  177.         color:#000;  
  178.     }
  179.  
  180.     #side a:hover{
  181.         color:#ffd900;
  182.         text-decoration: none;
  183.     }
  184.  
  185.     .side{
  186.         border: solid 15px #fff;
  187.     }
  188.  
  189.     #menu{
  190.         position: fixed;
  191.         float:left;
  192.         background: transparent;
  193.         top: 10px;
  194.         {block:If250pxposts}
  195.             left: 480px;
  196.         {block:If250pxposts}
  197.         {block:If400pxposts}
  198.             left: 630px;
  199.         {block:If400pxposts}
  200.         {block:If500pxposts}
  201.             left: 730px;
  202.         {block:If500pxposts}
  203.         width: 279px;
  204.         height: 30px;
  205.     }
  206.    
  207.     .navigation{
  208.         background:{color:navigation links background};
  209.         float:left;
  210.         text-align:center;
  211.         margin-right:2px;
  212.         width:48px;
  213.         height: 15px;
  214.         border: 1px solid #EDEDED;
  215.         text-transform:uppercase;
  216.         font: 8px Arial;
  217.         padding-top: 12px;
  218.         -webkit-transition: opacity 0.4s linear;
  219.         -webkit-transition: all 0.4s ease-in-out;
  220.         -moz-transition: all 0.4s ease-in-out;
  221.         -o-transition: all 0.4s ease-in-out;
  222.     }
  223.  
  224.     .navigation:hover{
  225.         background:{color:navigation links background hover};
  226.         color:{color:links};
  227.     }
  228.    
  229.     #post{
  230.         position: absolute;
  231.         top: 5px;
  232.         {block:If250pxposts}
  233.             left:100px;
  234.         {/block:If250pxposts}
  235.         {block:If400pxposts}
  236.             left:100px;
  237.         {/block:If400pxposts}
  238.         {block:If500pxposts}
  239.             left:100px;
  240.         {/block:If500pxposts}
  241.     }
  242.  
  243.     #entry {
  244.         background: {color:post background color};
  245.         border: 1px solid #EDEDED;
  246.         margin-bottom:10px;
  247.         {block:If250pxposts}
  248.             width:250px;
  249.         {/block:If250pxposts}
  250.         {block:If400pxposts}
  251.             width:400px;
  252.         {/block:If400pxposts}
  253.         {block:If500pxposts}
  254.             width:500px;
  255.         {/block:If500pxposts}
  256.         padding: 15px;
  257.         font-size: {text:Body font size}px;
  258.         font-family: {font:Body font};
  259.         left:100px;
  260.         color: {color:text};
  261.         border-right: 90px solid {color:post border background color};
  262.         line-height:9px;
  263.     }
  264.        
  265.     #entry a{
  266.         text-decoration:none;
  267.     }
  268.  
  269.     #entry a:hover{
  270.         background:#000;  
  271.         color:{color:links};
  272.     }
  273.  
  274.     #sides{
  275.         float: right;
  276.         margin-right: -101px;
  277.         margin-top:-10px;
  278.         width: 80px;
  279.         text-align: left;
  280.         color:{color:text};
  281.         font: 17px arial rounded mt bold, sans-serif;
  282.         text-transform:uppercase;
  283.         letter-spacing: 0px;
  284.     }
  285.  
  286.     #sides a:hover{
  287.         color:#000;    
  288.     }
  289.    
  290.     #titlebar{
  291.         background: {color:title bar};
  292.         padding: 6px;  
  293.         color: {color:text};
  294.         letter-spacing:-1px;
  295.         text-transform: lowercase;
  296.         font-family: Georgia;
  297.         font-size:17px;
  298.         line-height: 15px;  
  299.         border-radius: 3px;
  300.     }
  301.  
  302.     .photo img{
  303.         width:250px;
  304.         margin:auto;
  305.     }
  306.  
  307.     #perma{
  308.         background: {color:title bar};
  309.         color: {color:text};
  310.         {block:If250pxposts}
  311.         width:237px;
  312.         {/block:If250pxposts}
  313.         {block:If400pxposts}
  314.         width:387px;
  315.         {/block:If400pxposts}
  316.         {block:If500pxposts}
  317.         width:487px;
  318.         {/block:If500pxposts}
  319.         font-size: 8px;
  320.         font-family: {font:Body font};
  321.         text-transform: uppercase;
  322.         letter-spacing: 1px;
  323.         text-align: left;
  324.         line-height:8px;
  325.         margin-top:4px;
  326.         border-radius: 3px;
  327.         padding:7px;
  328.     }
  329.  
  330.     .sides{
  331.         background:{color:post background color};
  332.         float:left;
  333.         width:75px;
  334.         height: 10px;
  335.         font-size: 8px;
  336.         font-family: {font:Body font};
  337.         text-align:center;
  338.         margin-right:2px;
  339.         border: 1px solid #dfdfdf;
  340.         text-transform: uppercase;
  341.         -webkit-transition: opacity 0.4s linear;
  342.         -webkit-transition: all 0.4s ease-in-out;
  343.         -moz-transition: all 0.4s ease-in-out;
  344.         -o-transition: all 0.4s ease-in-out;
  345.     }
  346.  
  347.     .sides:hover{
  348.         background-color:{color:links};
  349.     }
  350.  
  351.     .picture{
  352.         border: solid 4px {color:post background color};
  353.     }
  354.  
  355.     #chat{
  356.     border: 1px solid #f0f0f0;
  357.     padding: 5px;
  358.     }
  359.  
  360.     .pagination{
  361.         left:305px;
  362.         margin-top: 5%;
  363.         margin-bottom: 3%;
  364.         text-align:center;
  365.         color:#fff;
  366.         z-index:100;
  367.     }
  368.  
  369.     .current{
  370.         background-color:{color:links};
  371.         padding:5px;
  372.     }
  373.  
  374.     .jump, .next{
  375.         background-color:{color:post border background color};
  376.         padding:5px;
  377.         font-family: arial;
  378.         font-size: 9px;  
  379.         color:{color:text};
  380.     }
  381.  
  382.     blockquote {
  383.         padding: 3px;
  384.         border-left: 3px solid #000;
  385.         color: {color:link};
  386.     }
  387.  
  388. </style>
  389. </head>
  390.  
  391. <body>
  392.  
  393. <div id="leftbar"></div>
  394. <div id="side"><img src="{PortraitURL-40}" class="side" border="0"><a href="/" lol="index">1</a><br><a href="/ask" lol="ask">2</a><br><a href="/archive" lol="past">3</a><br><a href="http://hokshi.tumblr.com" lol="credit">4</a></div>
  395.  
  396. <div align="center"><div id="menu">
  397.     {block:ifLink1URL}<a href="{text:Link 1 URL}"><div class="navigation">{text:Link 1 Name}</div></a>{/block:ifLink1URL}
  398.     {block:ifLink2URL}<a href="{text:Link 2 URL}"><div class="navigation">{text:Link 2 Name}</div></a>{/block:ifLink2URL}
  399.     {block:ifLink3URL}<a href="{text:Link 3 URL}"><div class="navigation">{text:Link 3 Name}</div></a>{/block:ifLink3URL}
  400.     {block:ifLink4URL}<a href="{text:Link 4 URL}"><div class="navigation">{text:Link 4 Name}</div></a>{/block:ifLink4URL}
  401.     {block:ifLink5URL}<a href="{text:Link 5 URL}"><div class="navigation">{text:Link 5 Name}</div></a>{/block:ifLink5URL}
  402. </div></div>  
  403.  
  404.  
  405. <div id="sidebar">{block:IfSidebarphoto}<div class="photo"><img src="{image:side bar image}"></div>{block:IfSidebarphoto}<br>{Description}
  406.    
  407.    
  408. <div class="pagination">
  409. {block:IfNotInfiniteScrolling}
  410. {block:Pagination}
  411. {block:PreviousPage}
  412. <a class="next" href="{PreviousPage}">«</a>
  413. {/block:PreviousPage}
  414.  
  415. {block:JumpPagination length="5"}
  416. {block:CurrentPage}
  417. <span class="current">{PageNumber}</span>
  418. {/block:CurrentPage}
  419.  
  420. {block:JumpPage}
  421. <a class="jump" href="{URL}">{PageNumber}</a>
  422. {/block:JumpPage}
  423. {/block:JumpPagination}
  424.  
  425. {block:NextPage}
  426. <a class="next" href="{NextPage}">»</a>
  427. {/block:NextPage}
  428. {/block:Pagination}
  429. {/block:IfNotInfiniteScrolling}
  430. </div>
  431. </div>
  432.  
  433. <a href="{NextPage}"><div id="navi"><div id="next">next</div></div></a>
  434. <a href="{PreviousPage}"><div id="navi2"><div id="next">previous</div></div></a>
  435.  
  436. <div id="post">
  437.  
  438. {block:IfInfiniteScrolling}
  439. <div class = "autopagerize_page_element" >
  440. {/block:IfInfiniteScrolling}
  441.  
  442.     {block:Posts}
  443.  
  444. <div id="entry">
  445. <div id="sides">
  446.     {block:Date}{DayOfMonthWithZero}{ShortMonth}{ShortYear}{/block:Date}
  447.     {block:RebloggedFrom} <div align="center"><a href="{ReblogParentURL}"><img src="{ReblogParentPortraitURL-16}" class="picture" border="0"></a> <a href="{ReblogRootURL}"><img src="{ReblogRootPortraitURL-16}" class="picture" border="0"></a></div>{/block:RebloggedFrom}
  448.     {block:IndexPage}
  449.     <a href="{Permalink}"><div class="sides">{NoteCountWithLabel}</div></a>
  450.     <a href="{ReblogURL}"><div class="sides">reblog</div></a>
  451.     {/block:IndexPage}
  452. </div>
  453.  
  454. {block:Text}
  455.     <a href="{Permalink}">{block:Title}<div id="titlebar"><i>{Title}</i></div>{/block:Title}</a>{/block:Title}
  456.     <div align="left">{Body}</div>
  457. {/block:Text}
  458.  
  459. {block:Photo}
  460.     <a href="{Permalink}">
  461.     {block:If250pxposts}
  462.         <div><img src="{PhotoURL-250}"{block:PermalinkPage} width="250px"{/block:PermalinkPage} alt="{PhotoAlt}"/></div>
  463.     {/block:If250pxposts}
  464.     {block:If400pxposts}
  465.         <div><img src="{PhotoURL-400}"{block:PermalinkPage} width="400px"{/block:PermalinkPage} alt="{PhotoAlt}"/></div>
  466.     {/block:If400pxposts}
  467.     {block:If500pxposts}
  468.         <div><img src="{PhotoURL-500}"{block:PermalinkPage} width="500px"{/block:PermalinkPage} alt="{PhotoAlt}"/></div>
  469.     {/block:If500pxposts}
  470.     </a>   
  471.     {block:Ifshowcaptions}
  472.         {block:Caption}{Caption}{/block:Caption}
  473.     {/block:Ifshowcaptions}
  474. {/block:Photo}
  475.              
  476. {block:Photoset}
  477.     <a href="{Permalink}">
  478.     {block:If250pxposts}
  479.         {Photoset-250}
  480.     {/block:If250pxposts}
  481.     {block:If400pxposts}
  482.         {Photoset-400}
  483.     {/block:If400pxposts}
  484.     {block:If500pxposts}
  485.         {Photoset-500}
  486.     {/block:If500pxposts}
  487.     </a>
  488.     {block:Ifshowcaptions}
  489.         {block:Caption}{Caption}{/block:Caption}
  490.     {/block:Ifshowcaptions}
  491. {/block:Photoset}
  492.      
  493. {block:Quote}
  494.     <div id="titlebar"><div align="center"><i>{Quote}</i></div></div>
  495.     {block:Source}
  496.         <p><div align="right"> - {Source}</div></p>
  497.     {/block:Source}
  498. {/block:Quote}
  499.      
  500. {block:Link}
  501.     <a href="{URL}" class="link" {Target}>
  502.     <div id="titlebar"><i>{Name}</i></div></a>
  503.     {block:Description}{Description}{/block:Description}
  504. {/block:Link}
  505.      
  506. {block:Chat}
  507. {block:Title}
  508. <a href="{Permalink}"><div id="titlebar"><i>{Title}</i></div></a>
  509. {/block:Title}
  510. {block:Lines}<div id="chat">{block:Label}<i><font color="#DBA901">{Label}</font></i>{/block:Label} {Line}</div>{/block:Lines}
  511. {/block:Chat}    
  512.      
  513. {block:Video}
  514.     {block:If250pxposts}
  515.         {Video-250}
  516.     {block:If250pxposts}
  517.     {block:If400pxposts}
  518.         {Video-400}
  519.     {block:If400pxposts}
  520.     {block:If500pxposts}
  521.         {Video-500}
  522.     {block:If500pxposts}
  523.     {block:Ifshowcaptions}
  524.         {block:Caption}{Caption}{/block:Caption}
  525.     {/block:Ifshowcaptions}
  526. {/block:Video}
  527.      
  528. {block:Audio}
  529.     <div style="text-align:left"><div style="width:97%; background-color:#fff; border:1px solid {color:post border background color}; padding: 5px;">{AudioPlayerWhite}</div><BR>&nbsp;&nbsp;{block:Artist}<b>Artist:</b> {Artist}{/block:Artist}<br>&nbsp;&nbsp;{block:TrackName}<b>Track Name:</b> {TrackName}{/block:TrackName}<br>&nbsp;&nbsp;<b>Play Count:</b> {PlayCountWithLabel}</span></div>
  530. {/block:Audio}
  531.      
  532. {block:Answer}
  533.     <div id="titlebar"><i>{Asker}</i>: {Question}</div>
  534.     {Answer}
  535. {/block:Answer}
  536.  
  537. {block:IndexPage}
  538.     {block:HasTags}<div id="perma">TAGGED: {block:Tags} <a href="{TagURL}">{Tag}</a>. {/block:Tags}</div>{/block:HasTags}
  539. {/block:IndexPage}
  540.  
  541. {block:PermalinkPage}
  542.     {block:IfNotshowcaptions}{block:caption}{Caption}<br>{/block:caption}{/block:IfNotshowcaptions}
  543.     {block:PostNotes}<div align="left">{PostNotes}</div>{/block:PostNotes}
  544. {/block:PermalinkPage}
  545.  
  546. </div>
  547.  
  548. {/block:Posts}
  549. {block:IfInfiniteScrolling}</div>{/block:IfInfiniteScrolling}
  550. </body>
  551.  
  552. </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!