SHARE
TWEET

Theme 001 by heytonks.tumblr.com

sarahthemes Jan 26th, 2014 575 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3.  
  4. <html xmlns="http://www.w3.org/1999/xhtml">
  5.  
  6. <!--theme 001 by heytonks. do not remove credit.-->
  7.  
  8. <html>
  9. <head>
  10.  
  11.  
  12.  
  13. <title>{Title}</title>
  14. <link rel="shortcut icon" href="{Favicon}" />
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  16. {block:Description} <meta name="description" content="{MetaDescription}" /> {/block:Description}
  17.  
  18. <link href='http://fonts.googleapis.com/css?family=Shadows+Into+Light' rel='stylesheet' type='text/css'>
  19.  
  20. <!--Default Variables-->
  21.  
  22.        
  23.         <meta name="color:Background" content="#ffffff"/>
  24.         <meta name="color:Title" content="#000000"/>
  25.         <meta name="color:Title Box" content="#ffffff"/>
  26.         <meta name="color:Description Text" content="#595959"/>
  27.         <meta name="color:Description Box" content="#ffffff"/>
  28.         <meta name="color:Sidebar Links" content="#000000"/>
  29.         <meta name="color:Sidebar Link Hover" content="#04969a"/>
  30.         <meta name="color:Sidebar Background" content="#b6f1f6"/>
  31.         <meta name="color:Sidebar Border" content="#66d2d9"/>
  32.         <meta name="color:Sidebar Image Border" content="#ffffff"/>
  33.         <meta name="color:Post Info" content="#5a5a5a"/>
  34.         <meta name="color:Post Info Background" content="#fafafa"/>
  35.         <meta name="color:Post Info Border" content="#e4e4e4"/>
  36.         <meta name="color:Tags" content="#002c3d"/>
  37.         <meta name="color:Permalink Info" content="#515151"/>
  38.         <meta name="color:Text" content="#424242"/>
  39.         <meta name="color:Links" content="#393a05"/>
  40.         <meta name="color:Link Hover" content="#adaa98"/>
  41.         <meta name="color:Posts Background" content="#ffffff"/>
  42.         <meta name="color:Content Background" content="#f7f7f7"/>
  43.         <meta name="color:Scrollbar" content="6ec3c9"/>
  44.         <meta name="color:Page Number" content="#000000"/>
  45.         <meta name="color:Current Page Box" content ="#66d2d9"/>
  46.         <meta name="color:Current Page Box Border" content="35abb3"/>
  47.         <meta name="color:Jump Page Box" content ="#ffffff"/>
  48.         <meta name="image:Sidebar Background" content=""/>
  49.         <meta name="image:Sidebar Image" content="http://static.tumblr.com/pxzvkjd/TWbn602u7/static7.gif"/>
  50.         <meta name="image:Background Image" content=""/>
  51.         <meta name="text:Cursor" content="http://i.imgur.com/2qleX.jpg"/>
  52.         <meta name="text:Link 1" content="home"/>
  53.         <meta name="text:Link 1 URL" content="/"/>
  54.         <meta name="text:Link 2" content="message"/>
  55.         <meta name="text:Link 2 URL" content="/ask"/>
  56.         <meta name="text:Link 3" content="archive"/>
  57.         <meta name="text:Link 3 URL" content="/"/>
  58.         <meta name="text:Link 4" content=""/>
  59.         <meta name="text:Link 4 URL" content=""/>
  60.         <meta name="text:Link 5" content=""/>
  61.         <meta name="text:Link 5 URL" content=""/>
  62.         <meta name="text:Link 6" content=""/>
  63.         <meta name="text:Link 6 URL" content=""/>
  64.        
  65. </head>
  66.        
  67. <style type="text/css">
  68.  
  69. /* MISC */
  70.  
  71. ::-webkit-scrollbar-thumb:vertical {
  72. background-color:{color:Scrollbar};
  73. height: 50px;
  74. }
  75.  
  76. ::-webkit-scrollbar {
  77. height: 10px;
  78. width: 8px;
  79. background-color: {color:Background};
  80. }
  81.  
  82. *, body, a, a:hover {cursor: url({text:Cursor}), auto;}
  83.  
  84.     body {
  85.         background-color:{color:Background};
  86.         background-image:url('{image:Background Image}');
  87.         background-attachment:fixed;
  88.         background-position:top left;
  89.         background-repeat:repeat;
  90.         margin:0px;
  91.         word-wrap:break-word;
  92.         font:Cambria;
  93.         font-size:13px;
  94.         color:{color:Text};
  95.         text-decoration:none;
  96.     }
  97.    
  98.     a {
  99.         color:{color:Links};
  100.         text-decoration:none;
  101.         -moz-transition-duration:0.5s;
  102.         -webkit-transition-duration:0.5s;
  103.         -o-transition-duration:0.5s;
  104.     }
  105.    
  106.     a:hover {
  107.         color:{color:Link Hover};
  108.         -moz-transition-duration:0.5s;
  109.         -webkit-transition-duration:0.5s;
  110.         -o-transition-duration:0.5s;
  111.     }
  112.    
  113.     h2 {
  114.         font-size:14px;
  115.         text-transform:uppercase;
  116.     }
  117.    
  118.     img {
  119.       border: 0;
  120.       max-width: 100%;
  121.     }
  122.    
  123.     #content blockquote {
  124.       border-left: solid 1px #000000;
  125.       margin-top: -5px;
  126.       padding-left: 10px;
  127. }
  128.  
  129.    
  130.     #container {
  131.         width:1100px;
  132.         margin-left:0px;
  133.     }
  134.    
  135.     #sidebar {
  136.         width:350px;
  137.         position:fixed;
  138.         color:#000000;
  139.         background-color:{color:Sidebar Background};
  140.         background-image:url('{image:Sidebar Background}');
  141.         background-attachment:fixed;
  142.         background-position:top left;
  143.         background-repeat:repeat;
  144.         height:100%;
  145.         margin-left:0px;
  146.         margin-top:-40px;
  147.         border-right:20px solid {color:Sidebar Border};
  148.     }
  149.    
  150.     #wrapper {
  151.         margin-top:125px;
  152.     }
  153.    
  154.     #title {
  155.         font-family: 'Shadows Into Light', cursive;
  156.         text-transform:uppercase;
  157.         font-size:16px;
  158.         letter-spacing:0.6px;
  159.         color:{color:Title};
  160.         background-color:{color:Title Box};
  161.         width:175px;
  162.         padding-left:15px;
  163.         padding-right:15px;
  164.         padding-top:10px;
  165.         padding-bottom:10px;
  166.         margin-top:12px;
  167.     }
  168.    
  169.     #title a {
  170.         color:{color:Title};
  171.     }
  172.    
  173.     #title a:hover {
  174.         color:{color:Title};
  175.     }
  176.    
  177.     #description {
  178.         width:175px;
  179.         text-transform:lowercase;
  180.         font-size:12px;
  181.         color:{color:Description Text};
  182.         text-align:justify;
  183.         background-color:{color:Description Box};
  184.         padding:15px;
  185.         margin-top:7px;
  186.        
  187.     }
  188.    
  189.     #sidebarimage {
  190.         width:100px;
  191.         height:auto;
  192.         padding:7px 7px 3px 7px;
  193.         border:1px solid {color:Sidebar Image Border};
  194.     }
  195.    
  196.     #sidebarimage img {
  197.         width:100px;
  198.         height:auto;
  199.         -moz-box-shadow: 0px 0px 9px #999;
  200.         -webkit-box-shadow: 0px 0px 9x #999;
  201.         box-shadow: 0px 0px 9px #999;
  202.     }
  203.    
  204.     #links {
  205.         width:175px;
  206.         margin-top:7px;
  207.         text-align:center;
  208.         line-height:18px;
  209.     }
  210.    
  211.     .link {
  212.         font-size:10px;
  213.         text-transform:uppercase;
  214.         display:inline;
  215.         color:{color:Sidebar Links};
  216.         font-style:bold;
  217.         padding:5px;
  218.         -moz-transition-duration:0.5s;
  219.         -webkit-transition-duration:0.5s;
  220.         -o-transition-duration:0.5s;
  221.     }
  222.    
  223.     .link a {
  224.         color:{color:Sidebar Links};
  225.     }
  226.    
  227.     .link a:hover {
  228.         color:{color:Sidebar Link Hover};
  229.         -moz-transition-duration:0.5s;
  230.         -webkit-transition-duration:0.5s;
  231.         -o-transition-duration:0.5s;
  232.     }
  233.    
  234.  
  235.    
  236.     #quote {
  237.         font-size:17px;
  238.         font-style:italic;
  239.     }
  240.    
  241.     #source {
  242.         text-align:right;
  243.         font-size:13px;
  244.         margin-top:10px;
  245.     }
  246.    
  247.     #content {
  248.        width:540px;
  249.        background-color:{color:Content Background};
  250.        margin:40px 0px 40px 450px;
  251.        padding:25px;
  252.     }
  253.    
  254.     #posts {
  255.         background-color:{color:Posts Background};
  256.         width:500px;
  257.         padding:15px;
  258.         margin:0px auto 20px;
  259.         opacity:0.8;
  260.         -webkit-transition-duration:1s;
  261.         -moz-transition-duration:1s;
  262.         -o-transition-duration:1s;
  263.         }
  264.        
  265.         #posts:hover {
  266.             opacity:1;
  267.             box-shadow: 0px 0px 12px #565656;
  268.             -webkit-transition-duration:1s;
  269.             -moz-transition-duration:1s;
  270.             -o-transition-duration:1s;}
  271.         }
  272.    
  273.     .post title {
  274.         font-size:22px;
  275.     }
  276.    
  277.     #stats {
  278.         text-align:center;
  279.         font-size:10px;
  280.         text-transform:uppercase;
  281.         padding:3px 0px 3px 0px;
  282.         border-top:1px solid {color:Post Info Border};
  283.         border-bottom:1px solid {color:Post Info Border};
  284.         margin-top:20px;
  285.         color:{color:Post Info};
  286.         background-color:{color:Post Info Background};
  287.     }
  288.    
  289.     #stats a {
  290.         color:{color:Post Info};
  291.     }
  292.    
  293.     #stats a:hover {
  294.         color:{color:Link Hover};
  295.     }
  296.    
  297.     .tags {
  298.         text-align:center;
  299.         font-size:12px;
  300.         text-transform:lowercase;
  301.         padding:4px 10px 4px 10px;
  302.         color:{color:Tags};
  303.     }
  304.    
  305.     .tags a {
  306.         color:{color:Tags};
  307.     }
  308.    
  309.     .tags a:hover {
  310.         color:{color:Link Hover};
  311.     }
  312.    
  313.     #permalink {
  314.         text-align:center;
  315.         text-transform:uppercase;
  316.         font-size:10px;
  317.         padding:4px;
  318.         border-top:1px solid {color:Post Info Border};
  319.         margin-top:20px;
  320.         color:{color:Permalink Info};
  321.     }
  322.    
  323.     #notecontainer {
  324.         width:500px;
  325.         font-size:11px;
  326.         margin:20px auto;
  327.     }
  328.    
  329.     ol.notes {
  330.         list-style-type:none;
  331.         margin:0px;
  332.         padding:0px;
  333.     }
  334.    
  335.     img.avatar {
  336.         margin-right:10px;
  337.         width:16px;
  338.         height:16px;
  339.     }
  340.    
  341.     #pagination {
  342.         margin-top:25px;
  343.         text-align:center;
  344.         width:175px;
  345.         font-size:12px;
  346.     }
  347.    
  348.     .current_page {
  349.         padding:4px 8px;
  350.         border:2px solid {color:Current Page Box Border};
  351.         color:{color:Jump Page Box};
  352.         background-color:{color:Current Page Box};
  353.     }
  354.    
  355.     .jump_page {
  356.         padding:3px 6px;
  357.         border:2px solid {color:Current Page Box};
  358.         color:{color:Page Number};
  359.         background-color:{color:Jump Page Box};
  360.     }
  361.    
  362.     #credit {
  363.         position:fixed;
  364.         right:8px;
  365.         bottom:8px;
  366.         font-size:10px;
  367.         padding:3px;
  368.         border:1px solid #000000;
  369.         background-color:#ffffff;
  370.         color:#000000;
  371.         text-transform:uppercase;
  372.     }
  373.    
  374.     #asker {
  375.         float:left;
  376.         padding:3px;
  377.         border:3px solid {color:Posts Background};
  378.         margin-left:10px;
  379.         margin-right:6px;
  380.     }
  381.    
  382.     #question {
  383.         margin-top:-4px;
  384.         padding-bottom:20px;
  385.         border-bottom:2px solid #f1f1f1;
  386.         margin-left:10px;
  387.     }
  388.  
  389.     .audio img {
  390.         float:left;
  391.         padding:3px;
  392.         border:3px solid #f1f1f1;
  393.         margin-right:7px;
  394.     }
  395.    
  396.     #player {
  397.         width:30px;
  398.         height:30px;
  399.         overflow:hidden;
  400.         background-color:#ffffff;
  401.         position:absolute;
  402.         margin-top:29px;
  403.         margin-left:28px;
  404.         -moz-border-radius: 30px;
  405.         -webkit-border-radius: 30px;
  406.         border-radius: 30px;
  407.     }
  408.  
  409.  
  410. </style>
  411.  
  412. <body>
  413.    
  414.     <div id="credit"><a href="http://heytonks.tumblr.com/">theme</a></div>
  415.    
  416.     <div id="container">
  417.    
  418.     <div id="sidebar">
  419.    
  420.     <center><div id="wrapper">
  421.    
  422.     <div id="sidebarimage"><a href="/"><img src="{image:Sidebar Image}"></a></div>
  423.    
  424.     <div id="title"><a href="/">{Title}</a></div>
  425.    
  426.     <div id="description">{Description}</div>
  427.    
  428.     <div id="links">
  429.        
  430.         <div class="link"><a href="{text:Link 1 URL}">{text:Link 1}</a></div>
  431.         <div class="link"><a href="{text:Link 2 URL}">{text:Link 2}</a></div>
  432.         <div class="link"><a href="{text:Link 3 URL}">{text:Link 3}</a></div>
  433.         <div class="link"><a href="{text:Link 4 URL}">{text:Link 4}</a></div>
  434.         <div class="link"><a href="{text:Link 5 URL}">{text:Link 5}</a></div>
  435.         <div class="link"><a href="{text:Link 6 URL}">{text:Link 6}</a></div>
  436.         </div>
  437.        
  438.         {block:Pagination}<div id="pagination">
  439.         {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">≪</a>{/block:PreviousPage}
  440.         {block:JumpPagination length="5"}
  441.         {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  442.         {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  443.         {/block:JumpPagination}
  444.         {block:NextPage}<a href="{NextPage}" class="jump_page">≫</a>{/block:NextPage}
  445.         </div>{/block:Pagination}
  446.        
  447.     </div></center>
  448.    
  449.     </div>
  450.    
  451.     <div id="content">
  452.         {block:Posts}
  453.         <div id="posts">
  454.            
  455.             {block:Text}
  456.             {block:Title}<h2>{Title}</h2>{/block:Title}
  457.             {Body}
  458.             {/block:Text}
  459.            
  460.             {block:Photo}
  461.             {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}">{LinkCloseTag}
  462.             {block:Caption}{Caption}{/block:Caption}
  463.             {/block:Photo}
  464.            
  465.             {block:Panorama}{/block:Panorama}
  466.            
  467.             {block:Photoset}
  468.             {Photoset-500}
  469.             {block:Caption}{Caption}{/block:Caption}
  470.             {/block:Photoset}
  471.            
  472.             {block:Quote}
  473.             <div id="quote">“{Quote}”</div>
  474.             {block:Source}<div id="source"> {Source}</div>{/block:Source}
  475.             {/block:Quote}
  476.            
  477.             {block:Link}
  478.             <h2><a href="{URL}">{Name}</a></h2>
  479.             {block:Description}{Description}{/block:Description}
  480.             {/block:Link}
  481.            
  482.             {block:Chat}
  483.             {block:Title}<h2>{Title}</h2>{/block:Title}
  484.             {block:Lines}
  485.             {block:Label}<b>{Label}</b>{/block:Label}
  486.             {Line}<br/>{/block:Lines}
  487.             {/block:Chat}
  488.            
  489.             {block:Audio}
  490.             {block:AlbumArt}<div class="audio"><img src="{AlbumArtURL}" width="75"></div>{/block:AlbumArt}
  491.             <div id="player">{AudioPlayerWhite}</div>
  492.             <div style="font-size:11px; margin-top:10px; text-transform:uppercase; line-height:11px;">
  493.             {block:Artist}<b>Artist:</b> {Artist}{/block:Artist}<br/>
  494.             {block:Album}<b>Album:</b> {Album}{/block:Album}<br/>
  495.             {block:TrackName}<b>Song:</b> {TrackName}{/block:TrackName}<br/>
  496.             <b>Plays:</b> {FormattedPlayCount}</div><br/><br/>
  497.             {block:Caption}{Caption}{/block:Caption}
  498.             {/block:Audio}
  499.            
  500.             {block:Video}
  501.             {Video-500}
  502.             {block:Caption}{Caption}{/block:Caption}
  503.             {/block:Video}
  504.            
  505.     {block:Answer}
  506.     <div id="asker"><img src="{AskerPortraitURL-40}"></div>
  507.     <div id="question"><br><span style="text-transform:uppercase;">{Asker} asked:</span><br><span style="font-style:italic;">{Question}</span></div>{Answer}
  508.     {/block:Answer}
  509.            
  510.                <!-- PERMALINK, NOTES, AND TAGS -->
  511.                
  512.                {block:IndexPage}
  513.                <div id="stats">
  514.                <a href="{Permalink}">{block:Date}{TimeAgo}{/block:Date}{block:NoteCount} - {NoteCountWithLabel}{/block:NoteCount}</a></div>
  515.                
  516.                {block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  517.                {/block:IndexPage}
  518.                
  519.                {block:PermalinkPage}<div id="permalink">
  520.                {block:Date}posted {12Hour}:{Minutes} {CapitalAMPM} on {DayOfWeek}, {Month} {DayOfMonth}, {Year}{/block:Date}{block:NoteCount} with {NoteCountWithLabel}<br/>{/block:NoteCount}
  521.                
  522.                {block:RebloggedFrom}
  523.                <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a> | <b>origin:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a><br/>
  524.                {/block:RebloggedFrom}</div>
  525.                
  526.                <div class="tags">{block:HasTags}tagged under: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}</div>
  527.                
  528.                {/block:PermalinkPage}
  529.                
  530.               <!--Posts div end -->  </div>
  531.                
  532.                 {block:PostNotes}<div id="notecontainer">{PostNotes}</div>{/block:PostNotes}
  533.                
  534.         {/block:Posts}
  535. </div>
  536.    
  537. <!-- Container DIV end -->    </div>
  538.    
  539. </body>
  540. </html>
RAW Paste Data
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
 
Top