API tools faq
paste
hokshi

Sanctae Theme

hokshi
Oct 30th, 2012
334
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 14.38 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. <html>
  5. <title>{Title}</title>
  6.  
  7. <!--
  8. S A N C T A E   T H E M E
  9. ------------------------------
  10. B Y  H O K S H I // T U M B L R
  11. -->
  12.  
  13. <link rel="shortcut icon" href="{Favicon}">
  14. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  15. {block:Description}
  16. <meta name="description" content="{MetaDescription}" />
  17. {/block:Description}
  18.  
  19. <meta name="color:background" content="#0e0e0e"/>
  20. <meta name="color:text" content = "#858484"/>
  21. <meta name="color:link" content="#414040"/>
  22. <meta name="color:link hover" content="#090808"/>
  23. <meta name="color:sidebar background" content="#050505"/>
  24. <meta name="color:post background" content="#0f0f0f"/>
  25. <meta name="color:title text" content="#bbb9b4" />
  26. <meta name="color:box background" content="#181818"/>
  27. <meta name="color:links background" content="#ffe300"/>
  28. <meta name="image:background" content="http://static.tumblr.com/ii9pnwy/xYylwfwob/75.jpg"/>
  29. <meta name="image:post background" content=""/>
  30. <meta name="image:box background" content="http://static.tumblr.com/ii9pnwy/NwZm2dmxo/pattern.png"/>
  31. <meta name="image:sidebar background" content=""/>
  32. <meta name="if:Smaller Posts" content="1"/>
  33. <meta name="if:Show Captions" content="0"/>
  34. <meta name="if:One Column" content="0"/>
  35. <meta name="if:Infinite Scrolling" content="0"/>
  36. <meta name="text:Link 1 URL" content="/" />
  37. <meta name="text:Link 1 Name" content="link 1" />
  38. <meta name="text:Link 2 URL" content="/" />
  39. <meta name="text:Link 2 Name" content="link 2" />
  40.  
  41. {block:IfInfiniteScrolling}
  42. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  43. {/block:IfInfiniteScrolling}
  44.  
  45. <style type="text/css">
  46. {CustomCSS}
  47.  
  48. iframe#tumblr_controls {
  49.     right:3px;
  50.     position: fixed !important;
  51.     -webkit-transition: opacity 0.7s linear;
  52.     opacity: 0.5;
  53.     -webkit-transition: all 0.5s ease;
  54.     -moz-transition: all 0.5s ease;
  55.     transition: all 0.5s ease;
  56.     }
  57.  
  58. iframe#tumblr_controls:hover {
  59.     -webkit-transition: opacity 0.7s linear;
  60.     opacity: 1;
  61.     -webkit-transition: all 0.5s ease;
  62.     -moz-transition: all 0.5s ease;
  63.     transition: all 0.5s ease;
  64.     }
  65.  
  66. ::-webkit-scrollbar {
  67.     width: 5px;
  68.     height:auto;
  69.     }
  70. ::-webkit-scrollbar-thumb {
  71.     background: {color:text};
  72.     border-top: 5pt solid {color:link};
  73.     border-bottom: 5pt solid {color:link};
  74.     border-radius: 15px;
  75.     }
  76. ::-webkit-scrollbar-track-piece {
  77.     background: {color:background};
  78.     }
  79.  
  80. body{
  81.     background-color:{color:background};
  82.     background-image:url('{image:background}');
  83.     background-attachment:fixed;
  84.     font-family: consolas;
  85.     letter-spacing: 0px;
  86.     font-size: 11px;
  87.     font-style: none;
  88.     line-height: 10px;
  89.     color: {color:text};
  90.     text-decoration: none;
  91.     text-align: justify;
  92.     }
  93.  
  94. a:link, a:visited, a:active{
  95.     color:{color:link};
  96.     text-decoration:none;
  97.     -webkit-transition: all 0.5s ease;
  98.     -moz-transition: all 0.9s ease;
  99.     -o-transition: all 0.9s ease;
  100.     }
  101.  
  102. a:hover{
  103.     color:{color:link hover};
  104.     text-decoration: none;
  105.     -webkit-transition: all 0.9s ease;
  106.     -moz-transition: all 0.9s ease;
  107.     -o-transition: all 0.9s ease;
  108.     }
  109.  
  110. #sidebar{
  111.     font-family: consolas;
  112.     font-size: 40px;
  113.     background: {color:sidebar background};
  114.     background-image: url('{image:sidebar background}');
  115.     background-attachment: fixed;
  116.     width: 25px;
  117.     height: 100%;
  118.     position: fixed;
  119.     top: 0px;
  120.     {block:IfNotOneColumn}
  121.     margin-left: 833px;  
  122.     {/block:IfNotOneColumn}
  123.     {block:IfOneColumn}
  124.     right: 50%;
  125.     margin-right: -220px;
  126.     {/block:IfOneColumn}
  127.     z-index: 2;
  128.     padding: 5px;}
  129.  
  130. #title{
  131.     text-align: center;
  132.     letter-spacing:3px;
  133.     text-transform: uppercase;
  134.     font-family: arial;
  135.     font-size: 12px;
  136.     line-height: 14px;
  137.     color: {color:title text};
  138.     z-index: 999;
  139.     }
  140.  
  141. #post{
  142.     background:{color: post background};
  143.     background-image: url('{image:post background}');
  144.     font-family: consolas;
  145.     font-size: 11px;
  146.     text-transform: lowercase;
  147.     font-color: {color:text};
  148.     }
  149.  
  150. #entry{
  151.     background-position: center;
  152.     background-attachment:fixed;
  153.     background-repeat: repeat;
  154.     {block:IndexPage}
  155.     {block:IfNotOneColumn}
  156.     {block:IfNotSmallerPosts}
  157.     position: absolute; left: 5px; width:850px; margin-top:-15px;
  158.     {/block:IfNotSmallerPosts}
  159.     {block:IfSmallerPosts}
  160.     position: absolute; left:305px;  width:550px; margin-top:-15px;
  161.     {/block:IfSmallerPosts}
  162.     {/block:IfNotOneColumn}
  163.     {block:IfOneColumn}
  164.     {block:IfNotSmallerPosts}
  165.     position: absolute; right: 50%;
  166.     margin-right: -215px; width:450px; margin-top:-15px;
  167.     {block:IfNotSmallerPosts}
  168.     {block:IfSmallerPosts}
  169.     position: absolute; right: 50%; margin-right: -115px; width:200px;
  170.     margin-top:-15px;
  171.     {/block:IfSmallerPosts}
  172.     {/block:IfOneColumn}
  173.     {/block:IndexPage}
  174.     {block:PermalinkPage}
  175.     padding-bottom:5px;
  176.     width:500px;
  177.     top:5px;  
  178.     position:absolute;
  179.     {block:IfNotOneColumn}
  180.     left:305px;
  181.     {/block:IfNotOneColumn}
  182.     {block:IfOneColumn}
  183.     right: 50%;
  184.     margin-right: -150px;
  185.     {/block:IfOneColumn}
  186.     float: left;
  187.     {/block:PermalinkPage}
  188.     }
  189.  
  190. #entry2{
  191.     background:{color: box background};
  192.     background-image:url('{image:box background}');
  193.     {block:IndexPage}
  194.     width: 400px;
  195.     {block:IfSmallerPosts}
  196.     width: 250px;
  197.     {/block:IfSmallerPosts}
  198.     margin:3px;
  199.     padding:5px;
  200.     float:left;
  201.     position: relative;
  202.     {/block:IndexPage}
  203.     {block:PermalinkPage}
  204.     margin:10px;
  205.     padding:10px;
  206.     width:500px;
  207.     position:relative;
  208.     float: left;
  209.     {/block:PermalinkPage}
  210.     }
  211.    
  212. #next{
  213.     background:{color:links background};
  214.     bottom: 45px;
  215.     {block:IfNotOneColumn}
  216.     left:841px;
  217.     {/block:IfNotOneColumn}
  218.     {block:IfOneColumn}
  219.     right: 50%;
  220.     margin-right:-260px;
  221.     {/block:IfOneColumn}
  222.     z-index: 1;
  223.     width: 65px;
  224.     height: 10px;
  225.     position: fixed;
  226.     font-family: consolas;
  227.     font-size: 11px;
  228.     text-align: right;
  229.     padding:5px;
  230.     }
  231.  
  232. #blog{
  233.     background:{color:links background};
  234.     padding: 3px;
  235.     font-family: arial;
  236.     font-size: 13px;  
  237.     position: fixed;
  238.     top: 120px;
  239.     left: 875px;
  240.     z-index: 2;
  241.     text-transform: uppercase;  
  242.     letter-spacing: 1px;
  243.     margin-top: -10px;
  244.     }
  245.  
  246. #links .links{
  247.     background:{color:links background};
  248.     font-family: consolas;
  249.     font-size: 25px;  
  250.     font-color:{color:sidebar background};
  251.     position: fixed;
  252.     -webkit-transition: all 0.1s ease;
  253.     opacity: 0;
  254.     margin-left: 35px;
  255.     margin-top: -10px;
  256.     }
  257.    
  258. #links:hover .links{
  259.     background:{color:links background};
  260.     font-color:{color:sidebar background};
  261.     font-family: consolas;
  262.     font-size: 11px;
  263.     opacity: 1;
  264.     margin-top: -10px;
  265.     padding: 3px;
  266.     }
  267.  
  268. blockquote {
  269.     background-color:transparent;
  270.     padding: 0px;
  271.     border-left: 5px solid #000;
  272.     }
  273.  
  274. .audio { {block:IndexPage}width:400px;{/block:IndexPage} {block:PermalinkPage}width:400px;{/block:PermalinkPage} background-color:#000; padding:0px;}
  275. .question {background: {color:post background};padding-left: 10px;border-bottom: 2px dashed #eee;margin-left:10px;}
  276.  
  277. #permalink{
  278.     font-size: 11px;
  279.     padding: 5px;
  280.     margin-left:0px;
  281.     margin-top:5px;
  282.     position: absolute;
  283.     text-align: left;
  284.     background-color:#fff;
  285.     width:0px;
  286.     height:35px;
  287.     color: {color:link};
  288.     opacity: 0;
  289.     filter:alpha(opacity=0);
  290.     -moz-opacity: 0;
  291.     -khtml-opacity: 0;
  292.     -webkit-transition: all 0.9s ease-out;
  293.     -moz-transition: all 0.9s ease-out;
  294.     transition: all 0.9s ease-out;
  295.     }
  296. #permalink a{
  297.     color:{color:link};
  298.     font-family: consolas;
  299.     font-size: 11px;
  300.     }
  301. #permalink a:hover{
  302.     color:{color:link hover};
  303.     }
  304. #entry2:hover #permalink{
  305.     opacity:.85;
  306.     -moz-opacity: 0.80;
  307.     filter: alpha(opacity=80);
  308.     margin-top: 5px;
  309.     margin-left: 0px;
  310.     height: 32px;
  311.     width: 80px;
  312.     -webkit-transition: all 0.9s ease-out;
  313.     -moz-transition: all 0.9s ease-out;
  314.     transition: all 0.9s ease-out;
  315.     opacity:.85;
  316.     -moz-opacity: 0.80;
  317.     filter: alpha(opacity=80);
  318.     }
  319.  
  320. </style>
  321.  
  322.  
  323. <body>
  324. <div id="sidebar">
  325. <br><br><br><br><br><br><br><br><br><br><br>
  326. <div id="links"><a href="/"><small><small><small>♛</small></small></small><div class="links"><big><big>→ {Title}</big></big><br></a></div></div><br><br><br>    
  327. <div id="links"><a href="/">❶<div class="links">home</div></a></div><br><br><br>
  328. <div id="links"><a href="/ask">❷<div class="links">message</div></a></div><br><br><br>
  329. <div id="links"><a href="/archive">❸<div class="links">history</div></div></a><br><br><br>
  330. <div id="links"><a href="/">❹<div class="links">{block:Description}{Description}{/block:Description}</div></div></a><br><br><br>
  331. {block:ifLink1URL}<div id="links"><a href="{text:Link 1 URL}">❺<div class="links">{text:Link 1 Name}</div></div></a><br><br><br>{/block:ifLink1URL}
  332. {block:ifLink2URL}<div id="links"><a href="/ask">❻<div class="links">{text:Link 2 Name}</div></div></a><br><br><br>{block:ifLink2URL}
  333. <div id="links"><a href="http://hokshi.tumblr.com">❼<div class="links">credit</div></div></a>
  334. </div>
  335. {block:IfNotInfiniteScrolling}{block:Pagination}<div id="next">{block:PreviousPage}<a href="{PreviousPage}">←</a>{/block:PreviousPage} {CurrentPage} {block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}</div>{/block:Pagination}{/block:IfNotInfiniteScrolling}
  336. <br>
  337. <div id="entry">
  338.  
  339. {block:IfInfiniteScrolling}
  340. <div class = "autopagerize_page_element" >
  341. {/block:IfInfiniteScrolling}
  342.  
  343. {block:Posts}
  344. <div id="entry2">
  345. {block:IndexPage}<div id="permalink"><center>■ {ShortMonth} {DayOfMonthWithZero},'{ShortYear} <br>
  346. {block:NoteCount}■ {NoteCountWithLabel}<br>{/block:NoteCount}
  347. <a href="{Permalink}">■ permalink</a>
  348. </center>
  349. </div>{/block:IndexPage}
  350.  
  351. {block:Text}
  352. {block:Title} <div id="title">▐ {Title}</div> {/block:Title}
  353. <div id="post">{Body}</div>
  354. {/block:Text}
  355.  
  356. {block:Photo}
  357. <a href="{Permalink}">
  358.     {block:IfNotSmallerPosts}
  359.     {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  360.     <img src="{block:IndexPage}{PhotoURL-HighRes}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" alt="{PhotoAlt}" {block:IndexPage} width="400" {/block:IndexPage}{block:PermalinkPage} width="500" {/block:PermalinkPage}/> {/block:IfNotSmallerPosts}
  361.     {block:IfSmallerPosts}
  362.     {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  363.     <img src="{block:IndexPage}{PhotoURL-HighRes}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" alt="{PhotoAlt}" {block:IndexPage} width="250" {/block:IndexPage}{block:PermalinkPage} width="500" {/block:PermalinkPage}/>    
  364.     {/block:IfSmallerPosts}    
  365. </a>
  366.     {block:Ifshowcaptions}{block:Caption}{Caption}{/block:Caption}{/block:Ifshowcaptions}
  367. {/block:Photo}
  368.  
  369. {block:Photoset}
  370.     <div align="center"><a href="{Permalink}">{block:IfNotSmallerPosts}{block:IndexPage}{Photoset-400}{/block:IndexPage}{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}{/block:IfNotSmallerPosts}
  371.     {block:IfSmallerPosts} {block:IndexPage}{Photoset-250}{/block:IndexPage}{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage} {/block:IfSmallerPosts}</a>
  372. {block:Ifshowcaptions}
  373.     {block:Caption}{Caption}{/block:Caption}{/block:Ifshowcaptions}</div>
  374. {/block:Photoset}
  375.  
  376. {block:Quote}
  377. <div id="title"><big><big><big><big>❝</big></big></big></big> {Quote}</div>
  378. <div id="post"><div align="center">✒ {block:Source}<i>{Source}</i>{/block:Source} {block:IndexPage}{/block:IndexPage}</div></div>
  379. {/block:Quote}
  380.  
  381. {block:Link}
  382. <div id="title"><a href="{URL}"{Target}>✎ {Name}</a> </div>
  383. <div id="post">{block:Description} {Description} {/block:Description}</div>
  384. {/block:Link}
  385.  
  386. {block:Video}
  387. {block:IfNotSmallerPosts}{block:IndexPage}{Video-400}{/block:IndexPage}{block:PermalinkPage}{Video-500}{/block:PermalinkPage}{/block:IfNotSmallerPosts}{block:IfSmallerPosts}{block:IndexPage}{Video-250}{/block:IndexPage}{block:PermalinkPage}{Video-500}{/block:PermalinkPage}{/block:IfSmallerPosts}{block:Ifshowcaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Ifshowcaptions}
  388. {/block:Video}
  389.  
  390. {block:Chat}
  391. {block:Title}
  392. <div id="title">— {Title}</div>
  393. {/block:Title}
  394. <div id="post">{block:Lines}<div id="postlink">{block:Label}<div style="border-bottom:1px dotted; padding: 2px;">
  395. <span  style="text-transform:uppercase"> <i>{Label}</i></span> {Line}
  396. </div>{/block:Label}</div>{/block:Lines}
  397.     </div>
  398. {Block:IndexPage}<div align="right"></div>{/block:IndexPage}
  399. {/block:Chat}
  400.  
  401. {block:Audio}
  402. {block:IfSmallerPosts}<div style="width:250px; height: 30px; background-color:#000; border-bottom:1px dotted #fff;">{AudioPlayerBlack}</div>{/block:IfSmallerPosts}
  403. <div {block:AlbumArt}style="height:80px;width:100%;"{/block:AlbumArt}>{block:AlbumArt}<span style="float:right;"><img src="{AlbumArtURL}" style="width:80px;border-radius: 5px;"></span>{/block:AlbumArt}<div style="text-align:right;">{block:IfNotSmallerPosts}<div style="width:93%; background-color:#000; border-bottom:1px dotted #fff; padding: 15px;">{AudioPlayerBlack}</div>{/block:IfNotSmallerPosts} {block:Artist}{Artist}{/block:Artist} {block:TrackName}({TrackName}){/block:TrackName}<br>{PlayCountWithLabel}</span></div></div>
  404. {/block:Audio}
  405.  
  406. {block:Answer}
  407. {block:IndexPage}<div align="left"><div id="titlebar">→ <i>{Asker}</i> asked: {Question}</div></div>
  408.     <div align="left">{Answer}</div>{/block:IndexPage}
  409. {/block:Answer}
  410.  
  411. {block:PermalinkPage}  
  412. {block:caption}{Caption}{/block:caption}
  413. {block:HasTags}<br>TAGS: {block:Tags} <a href="{TagURL}">{Tag}. </a>{/block:Tags}{/block:HasTags}<br>
  414.  {block:Date}{DayOfMonthWithZero} {Month}  {Year} ❖ {24HourWithZero}:{Minutes}{/block:Date}
  415. {block:RebloggedFrom}<br> reblogged via <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a> | reblogged from <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>
  416. {/block:RebloggedFrom}
  417. {PostNotes}
  418. {/block:PermalinkPage}
  419.  
  420. </div>
  421. {/block:Posts}
  422. {block:IfInfiniteScrolling}</div>{/block:IfInfiniteScrolling}</div>
  423. </body></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!