Pastebin launched a little side project called HostCabi.net, check it out ;-)Don't like ads? PRO users don't see any ads ;-)

hghkjg

By: xmisa0923 on Aug 14th, 2013  |  syntax: None  |  size: 14.06 KB  |  hits: 42  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <!DOCTYPE html>
  2.  
  3.  <html>
  4.  
  5. <!---
  6. nite theme @ varst.tumblr.com
  7. --->
  8.  
  9.  <head>
  10.     <title>{Title}</title>
  11.     {block:Description}
  12.     <meta name="description" content="{MetaDescription}" />
  13.     {/block:Description}
  14.     <link rel="shortcut icon" href="http://i.imgur.com/evYEhtP.png" />
  15.    
  16.     <meta name="color:background" content="#ffffff" />
  17.     <meta name="color:top background" content="#ffffff" />
  18.     <meta name="color:perma border" content="#f3f3f3" />
  19.     <meta name="color:top border" content="#f3f3f3" />
  20.     <meta name="color:font color" content="#000000" />
  21.     <meta name="color:link color" content="#000000" />
  22.     <meta name="color:title color" content="#000000" />
  23.     <meta name="color:scroll" content="#000000">
  24.     <meta name="color:scrollbg" content="#f7f7f7">
  25.    
  26.     <meta name="image:background image" content="" />
  27.    
  28.     <meta name="if:captions" content="1" />
  29.    
  30.     <meta name="text:body font" content="arial, times" />
  31.     <meta name="text:title font" content="courier, times" />
  32.     <meta name="text:link one" content="link one" />
  33.     <meta name="text:link one url" content="link one url" />
  34.     <meta name="text:link two" content="link two" />
  35.     <meta name="text:link two url" content="link two ul" />
  36.     <meta name="text:link three" content="link three " />
  37.     <meta name="text:link three url" content="link three url" />
  38.     <meta name="text:link four" content="link four" />
  39.     <meta name="text:link four url" content="link four url" />
  40.     <meta name="text:link five" content="link five" />
  41.     <meta name="text:link five url" content="link five url" />
  42.    
  43.    
  44.  
  45.     <style>
  46.    
  47.    
  48. ::-webkit-scrollbar {width:.5%; height:auto; background:{color:scrollbg};}
  49. ::-webkit-scrollbar-corner {background:{color:scroll};}
  50. ::-webkit-scrollbar-thumb:vertical {background:{color:scroll};}
  51. ::-webkit-scrollbar-thumb:horizontal {background:{color:scroll};}
  52.  
  53.  
  54.  
  55. iframe.photoset {
  56. -webkit-transition: opacity 0.8s linear;
  57. opacity: 0.80;
  58. }
  59. iframe.photoset:hover {
  60. -webkit-transition: opacity 0.8s linear;
  61. opacity: 1;
  62. }
  63.  
  64. img{
  65. -webkit-transition: opacity 0.8s linear;
  66. opacity: 0.80;
  67. }
  68. img:hover{
  69. -webkit-transition: opacity 0.8s linear;
  70. opacity: 1;
  71. }
  72.  
  73.  
  74.   body{font-size:10px; font-family:{text:body font}; color:{color:font color}; line-height:18px; background:{color:background};background-image: url('{image:background image}');background-attachment:fixed;background-repeat:no-repeat;background-size:cover;}  
  75.   a {text-decoration:none; color:{color:link color};}
  76.  
  77.   .title{font-size:18px;font-family:{text:title font};letter-spacing:-1px;background:{color:background};float:right;padding:5px 5px 4px 5px;font-weight:lighter;text-transform:uppercase;}
  78.   .title a{color:{color:title color};}
  79.    
  80.     img{padding:3px;background:#f7f7f7;border:1px solid #e2e2e2;}
  81.     blockquote{border-left:1px double {color:perma border}; padding-left:5px;}
  82.  
  83.     #content{width:408px; margin:auto 500px;}
  84.    
  85.     #posts{{block:indexpage}margin-bottom:55px;{/block:indexpage}}
  86.    
  87.     #cap{background:{color:background};padding:10px;}
  88.    
  89.     .tits {width:auto; height:absolute;position:absolute; display:navigate;float:left; margin-top:15px;margin-left:15px; z-index:1; opacity:0;-webkit-transition: all 0.6s ease-in;-moz-transition: all 0.6s ease-in;-o-transition: all 0.6s ease-in;{block:permalinkpage}display:none;{/block:permalinkpage}}
  90.  
  91.     .nips {text-align:left;font-family:{text:title font};padding-top:5px;padding-bottom:5px;border:1px solid {color:perma border};padding-left:15px;padding-right:15px;opacity:0.90;-webkit-transition: all 0.6s ease-in;-moz-transition: all 0.6s ease-in;-o-transition: all 0.6s ease-in;background-color:{color:background};color:black;}
  92.    
  93.     .tits1 {width:auto; height:absolute;position:absolute; display:navigate;float:left; margin-top:2x;margin-left:-95px; z-index:1; opacity:0;-webkit-transition: all 0.6s ease-in;-moz-transition: all 0.6s ease-in;-o-transition: all 0.6s ease-in;{block:permalinkpage}display:none;{/block:permalinkpage}}
  94.  
  95.     .nips2 {text-align:left;font-family:{text:title font};border:1px solid {color:perma border};padding-top:5px;padding-bottom:5px;padding-left:15px;padding-right:15px;opacity:0.90;-webkit-transition: all 0.6s ease-in;-moz-transition: all 0.6s ease-in;-o-transition: all 0.6s ease-in;background-color:{color:background};color:black;}
  96.    
  97.     .post{ }
  98.     .post:hover .tits{opacity:1;}
  99.     .post:hover .tits1{opacity:1;}
  100.     .photoset{padding:1px;background:#f7f7f7;border:1px solid #e2e2e2;width:402px;}
  101.     .photoset img{width:400px;}
  102.    
  103.     #top{padding:10px; border:1px solid {color:top border};margin-bottom:60px;margin-top:40px;background:{color:top background};}
  104.    
  105.     #navi{text-align:left;}
  106.    
  107.     #navi a{font-family:{text:title font}; font-size:12px; text-transform:uppercase; letter-spacing:-1px;padding:2px 5px 2px 5px;}
  108.    
  109.     #title{font-size:25px; font-family:{text:title font}; letter-spacing:-1px;text-transform:uppercase; text-align:right; padding-left:12px;padding-bottom:4px;margin-top:0px;line-height:33px;}
  110.    
  111.     #title a{color:{color:title color};background:{color:background};padding:2px 5px 2px 5px;}
  112.    
  113.     #info{margin-top:0px;padding:0px 3px 0px 3px;text-align:auto;line-height:18px;text-align:left;}
  114.    
  115.     .quote{font-size:12px;text-transform:uppercase;font-family:{text:title font};letter-spacing:-1px;line-height:20px;text-align:right;padding:3px;}
  116.     #source{font-size:10px;font-family:{text:body font};letter-spacing:0px;text-transform:lowercase;text-align:left;padding:10px;}
  117.    
  118.     #tags{font-family:{text:title font};text-transform:uppercase;letter-spacing:-1px;background:{color:background}:padding:4px;}
  119.    
  120.     #pagination{font-size:11px;font-family:{text:title font};letter-spacing:-1px;text-transform:uppercase;text-align:center;padding:10px 10px 50px 10px;}
  121.     #pagination a{background:{color:background};padding:2px 5px 1px 5px;}
  122.        
  123.     </style>
  124.    
  125. </head>
  126. <body>
  127.     <!--Masthead-->
  128.     <div id="content">
  129.    
  130.    
  131.     <!--Details: portrait, title and description-->
  132.         <div id="top">
  133.             <div id="title"><a href="/">{Title}</a></div>
  134.              
  135.             <div id="navi"> &nbsp;
  136.             <a href="{text:link one url}">{text:link one}</a> &nbsp;
  137.             <a href="{text:link two url}">{text:link two}</a> &nbsp;
  138.             <a href="{text:link three url}">{text:link three}</a> &nbsp;
  139.             <a href="{text:link four url}">{text:link four}</a> &nbsp;
  140.             <a href="{text:link five url}">{text:link five}</a> &nbsp;
  141.             </div>
  142.             <div id="info">{block:Description}
  143.             {Description}
  144.             {block:Description}</div>
  145.         </div>
  146.    
  147.    
  148.     <!--Content holder-->
  149.        
  150.         {block:Posts}
  151.         {block:ContentSource}
  152.     <!-- {SourceURL}{block:SourceLogo} <img src="{BlackLogoURL}"
  153.     width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  154.     {/block:SourceLogo}
  155.     {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  156.     {/block:ContentSource}
  157.        
  158.     <!--Unique code for each post type-->
  159.     <div id="posts">
  160.    
  161.         {block:Text}
  162.             <div class="post">
  163.             {block:indexpage}
  164.             <div class="tits1">
  165.             <div class="nips2">
  166.             <a href="{Permalink}">
  167.             {DayofMonth}.{MonthNumber}.{ShortYear}
  168.             {block:Notecount}+{NoteCount}{/block:NoteCount}</a>
  169.             </div></div>
  170.             {/block:indexpage}
  171.             <div class="text">
  172.             {block:Title}
  173.             <span class="title">
  174.             <a href="{Permalink}" style="padding:5px;">{Title}</a>
  175.             </span>
  176.             {/block:Title}
  177.             {Body}
  178.         </div>{/block:Text}
  179.  
  180.         {block:Photo}
  181.             <div class="post">
  182.             {block:indexpage}
  183.             <div class="tits">
  184.             <div class="nips">
  185.             <a href="{Permalink}">
  186.             {DayofMonth}.{MonthNumber}.{ShortYear}
  187.             {block:Notecount}+{NoteCount}{/block:NoteCount}</a>
  188.             </div></div>
  189.             {/block:indexpage}
  190.             <div class="photo">
  191.             {LinkOpenTag}
  192.             <a href="{Permalink}">
  193.             <img src="{PhotoURL-400}" alt="{PhotoAlt}"/></a>
  194.             {LinkCloseTag}
  195.             {block:ifcaptions}{block:Caption}<div id="cap">{Caption}</div>{/block:Caption}{/block:ifcaptions}
  196.             </div>
  197.         {/block:Photo}
  198.  
  199.         {block:Photoset}
  200.             <div class="post">
  201.             {block:indexpage}
  202.             <div class="tits">
  203.             <div class="nips">
  204.             <a href="{Permalink}">
  205.             {DayofMonth}.{MonthNumber}.{ShortYear}
  206.             {block:Notecount}+{NoteCount}{/block:NoteCount}</a>
  207.             </div></div>
  208.             {/block:indexpage}
  209.             <div class="photoset" width="400">
  210.             {Photoset-400}
  211.             {block:ifcaptions}{block:Caption}<div id="cap">{Caption}</div>{/block:Caption}{/block:ifcaptions}
  212.         </div>{/block:Photoset}
  213.            
  214.         {block:Quote}
  215.             <div class="post">
  216.             {block:indexpage}
  217.             <div class="tits1">
  218.             <div class="nips2">
  219.             <a href="{Permalink}">
  220.             {DayofMonth}.{MonthNumber}.{ShortYear}
  221.             {block:Notecount}+{NoteCount}{/block:NoteCount}</a>
  222.             </div></div>
  223.             {/block:indexpage}
  224.             <div class="quote">
  225.             {Quote}"</blockquote>
  226.             {block:Source}<div id="source"> {Source} </div>{/block:Source}
  227.         </div>{/block:Quote}
  228.  
  229.         {block:Link}
  230.             <div class="post">
  231.             {block:indexpage}
  232.             <div class="tits1">
  233.             <div class="nips2">
  234.             <a href="{Permalink}">
  235.             {DayofMonth}.{MonthNumber}.{ShortYear}
  236.             {block:Notecount}+{NoteCount}{/block:NoteCount}</a>
  237.             </div></div>
  238.             {/block:indexpage}
  239.             <div class="link">
  240.             <span class="title"><a href="{URL}" style="padding:5px;">{Name}</a></span>
  241.             {block:Description}{Description}{/block:Description}
  242.         </div>{/block:Link}
  243.  
  244.         {block:Chat}
  245.             <div class="post" style="line-height:25px;background:{color:background};padding:10px;">
  246.             {block:indexpage}
  247.             <div class="tits1">
  248.             <div class="nips2">
  249.             <a href="{Permalink}">
  250.             {DayofMonth}.{MonthNumber}.{ShortYear}
  251.             {block:Notecount}+{NoteCount}{/block:NoteCount}</a>
  252.             </div></div>
  253.             {/block:indexpage}
  254.             <div class="chat">
  255.              {block:Lines}
  256.             {block:Label}
  257.             <span class="label" style="font-family:courier;font-size:11px;letter-spacing:-1px;text-transform:uppercase;">{Label}</span>
  258.             {/block:Label} {Line} <BR>
  259.             {/block:Lines}
  260.         </div>{/block:Chat}
  261.  
  262.         {block:Audio}
  263.             <div class="post">
  264.             {block:indexpage}
  265.             <div class="tits1">
  266.             <div class="nips2">
  267.             <a href="{Permalink}">
  268.             {DayofMonth}.{MonthNumber}.{ShortYear}
  269.             {block:Notecount}+{NoteCount}{/block:NoteCount}</a>
  270.             </div></div>
  271.             {/block:indexpage}
  272.             <div class="audio">
  273.             <div class="player" width="400" style="background:black;height:27px;padding:5px;">{AudioPlayerBlack}</div>
  274.             {block:Caption}{Caption}{/block:Caption}
  275.         </div>{/block:Audio}
  276.  
  277.         {block:Video}
  278.             <div class="post">
  279.             {block:indexpage}
  280.             <div class="tits">
  281.             <div class="nips">
  282.             <a href="{Permalink}">
  283.             {DayofMonth}.{MonthNumber}.{ShortYear}
  284.             {block:Notecount}+{NoteCount}{/block:NoteCount}</a>
  285.             </div></div>
  286.             {/block:indexpage}
  287.             <div class="video">
  288.             <div class="video-player">{Video-500}</div>
  289.             {block:Caption}{Caption}{/block:Caption}
  290.         </div>{/block:Video}
  291.  
  292.         {block:Answer}
  293.             <div class="post">
  294.             {block:indexpage}
  295.             <div class="tits1">
  296.             <div class="nips2">
  297.             <a href="{Permalink}">
  298.             {DayofMonth}.{MonthNumber}.{ShortYear}
  299.             {block:Notecount}+{NoteCount}{/block:NoteCount}</a>
  300.             </div></div>
  301.             {/block:indexpage}
  302.             <div class="answer">
  303.             <h1 class="title">{Question}</h1>
  304.             <div class="user">
  305.             <img src="{AskerPortraitURL-96}"/>
  306.             <p>{Asker}</p>
  307.             </div>
  308.             {Answer}
  309.         </div>{/block:Answer}
  310.             </div></div>
  311.            
  312.            
  313.         {block:Date}
  314.         <footer class="metadata">
  315.         <!--Permalink-->{block:permalinkpage}
  316.             <div id="tags">
  317.                 {block:HasTags}
  318.                 {block:Tags}
  319.                 <a href="{TagURL}">#{Tag}</a>
  320.                 {/block:Tags}
  321.                 {/block:HasTags}
  322.                 <BR>
  323.             <div style="text-align:left;border-top:1px solid #e2e2e2;
  324.             padding-top:2px;">
  325.             {block:RebloggedFrom}{block:NotReblog} reblogged from
  326.             <a href="{ReblogParentURL}">{ReblogParentName}</a><BR>
  327.             {/block:NotReblog} {/block:RebloggedFrom}
  328.             {block:RebloggedFrom}
  329.             originally posted by
  330.             <a href="{ReblogRootURL}">{ReblogRootName}</a>
  331.             {/block:RebloggedFrom}</div></div>
  332.    
  333.                 {block:PostNotes}
  334.                 <div id="notes">
  335.                 {PostNotes}
  336.                 {/block:PostNotes}
  337.                 {/block:permalinkpage}
  338.                
  339.             </footer>
  340.             {/block:Date}
  341.             {/block:Posts}
  342.         <!--Pagination: previous/next page links-->
  343.     {block:Pagination}
  344.     <div id="pagination">
  345.         {block:PreviousPage}
  346.         <a href="{PreviousPage}" style="float:left;">Previous</a>
  347.         {currentpage} / {totalpages}
  348.         {/block:PreviousPage}
  349.         {block:NextPage}
  350.         <a href="{NextPage}" style="float:right;">Older</a>
  351.         {/block:NextPage}
  352.         </nav>
  353.     {/block:Pagination}
  354.    
  355.     </div>
  356.    
  357.    
  358.    
  359. </body>
  360. </html>