API tools faq
paste
darianella

"The Land of Shade" tumblr theme HTML code

darianella
Nov 14th, 2013
5,534
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 27.50 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.  
  4.  <link href='http://fonts.googleapis.com/css?family=Telex' rel='stylesheet' type='text/css'>
  5.  
  6.  <link href='http://fonts.googleapis.com/css?family=Muli:300,400,400italic,300italic' rel='stylesheet' type='text/css'>
  7.  
  8. <!--
  9. Oh, wow! It's been a while, yeah? Well, here's theme #36. It isn't much, but I decided this afternoon that I would pick back up a bit of coding and see what happened. And this did! I actually really like it.
  10.  
  11. OPTIONS:
  12.    - one column 250, 400, 500px posts
  13.    - optional hidden descriptions
  14.    - optional monochrome images
  15.    - two body font styles
  16.    - ten custom links
  17.    - optional title
  18.    - tiled OR full-screen background option
  19.    - optional infinite scroll/pagination
  20.  
  21. Please don't steal or remove my credit! That's not cool, yo. Not cool at all.
  22.  
  23. I love you! --Darian
  24.  
  25. -->
  26.  
  27.  
  28. <head><title>{Title}</title>
  29.  
  30. <link rel="shortcut icon" href="{favicon}">
  31. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  32.  
  33.  
  34.  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  35. <script src="http://static.tumblr.com/5ojoydj/p9wmmzopi/jquery.style-my-tooltips.js"></script>
  36. <script src="http://static.tumblr.com/5ojoydj/En2mmzorm/style-my-tooltips.css"></script>
  37. <script>
  38.      (function($){
  39.          $(document).ready(function(){
  40.              $("[title]").style_my_tooltips({
  41.     tip_follows_cursor:true,
  42.     tip_delay_time:200,
  43.     tip_fade_speed:300,
  44.     attribute:"title"
  45. });
  46.          });
  47.      })(jQuery);
  48.  </script>
  49.  
  50.  
  51.  
  52. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  53.  
  54.  
  55.     <meta name="color:title" content="#ebebeb" />
  56.     <meta name="color:pagination" content="#ebebeb" />
  57.     <meta name="color:bold" content="#222121" />
  58.     <meta name="color:italic" content="#e29008" />
  59.    
  60.     <meta name="color:background" content="#f3f3f3" />
  61.    
  62.     <meta name="color:scrollbar" content="#232323" />
  63.     <meta name="color:scrollbarback" content="#d6d5d5" />
  64.        
  65.     <meta name="color:selection" content="#cfcece" />
  66.     <meta name="color:selectiontext" content="#4c5334" />
  67.    
  68.     <meta name="color:description" content="#000000" />
  69.    
  70.     <meta name="color:sidebar" content="#ebebeb" />  
  71.     <meta name="color:sidebarborder" content="#000000" />
  72.    
  73.     <meta name="color:post" content="#ffffff" />
  74.     <meta name="color:postborder" content="#2e2e2e" />
  75.     <meta name="color:text" content="#353534" />
  76.     <meta name="color:postlinks" content="#76a584" />
  77.     <meta name="color:postlinkhover" content="#424242" />
  78.    
  79.     <meta name="color:permalink" content="#ebebeb" />
  80.     <meta name="color:permalinkborder" content="#000000" />
  81.     <meta name="color:datelinks" content="#242323" />
  82.     <meta name="color:datelinkhover" content="#fdfdfd" />
  83.     <meta name="color:permalinktext" content="#0f0f0f" />
  84.     <meta name="color:taglinks" content="#828a86" />
  85.     <meta name="color:taglinkhover" content="#121602" />
  86.    
  87.     <meta name="color:quote" content="#313131" />
  88.     <meta name="color:question" content="#313131" />
  89.    
  90.     <meta name="color:blockquoteborder" content="#1f1f1e" />
  91.    
  92.    
  93.    
  94.     <meta name="if:250px posts" content="0">
  95.     <meta name="if:400px posts" content="1">
  96.     <meta name="if:500px posts" content="0">
  97.     <meta name="if:infinite scroll" content="0">
  98.     <meta name="if:pixel font" content="0">
  99.     <meta name="if:monochrome" content="0">
  100.     <meta name="if:hidden descriptions" content="0">
  101.     <meta name="if:tiled background" content="0">
  102.     <meta name="if:title" content="1">
  103.  
  104.    
  105.     <meta name="image:background" content=""/>
  106.     <meta name="image:sidebar" content=""/>
  107.  
  108.     <meta name="text:link1" content="" />
  109.     <meta name="text:link1URL" content="/" />
  110.     <meta name="text:link2" content="" />
  111.     <meta name="text:link2URL" content="/" />
  112.     <meta name="text:link3" content="" />
  113.     <meta name="text:link3URL" content="/" />
  114.     <meta name="text:link4" content="" />
  115.     <meta name="text:link4URL" content="/" />
  116.     <meta name="text:link5" content="" />
  117.     <meta name="text:link5URL" content="/" />
  118.     <meta name="text:link6" content="" />
  119.     <meta name="text:link6URL" content="/" />
  120.     <meta name="text:link7" content="" />
  121.     <meta name="text:link7URL" content="/" />
  122.     <meta name="text:link8" content="" />
  123.     <meta name="text:link8URL" content="/" />
  124.     <meta name="text:link9" content="" />
  125.     <meta name="text:link9URL" content="/" />
  126.     <meta name="text:link10" content="" />
  127.     <meta name="text:link10URL" content="/" />
  128.  
  129. <style type="text/css">
  130.  
  131. /*basics*/
  132.  
  133. ::-webkit-scrollbar {
  134.     width: 7px;
  135.     height: 7px;
  136.     background-color:{color:scrollbarback};
  137. }
  138.  
  139. ::-webkit-scrollbar-thumb {
  140.     background: {color:scrollbar};
  141. }
  142.  
  143.  
  144.  
  145. @font-face {
  146. font-family: "tinytots";
  147. src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');
  148. }
  149.  
  150. @font-face{
  151.     font-family: "little font";
  152.     src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf');
  153. }
  154.  
  155.  
  156. @font-face {
  157.     font-family:"PF Ronda Seven";
  158.     src:url("http://www.myfontfree.com/data/2/p/pf_ronda_seven/pf_ronda_seven_bold.ttf");
  159. }
  160.  
  161. iframe{
  162.     opacity: 0.9;
  163.     filter:alpha(opacity=90);
  164.     -moz-opacity: 0.9;
  165.     -khtml-opacity: 0.9;
  166. }
  167.  
  168. iframe#tumblr_controls {
  169.     right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  170.  
  171. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  172.  
  173.  
  174.  
  175. /*basic derps*/
  176.  
  177. body{
  178.     margin-top:0;
  179.     color:{color:text};
  180.     {block:ifnotpixelfont}
  181.         font-family:'Muli', sans-serif;
  182.         font-size:11px;
  183.         line-height:100%;
  184.     {/block:ifnotpixelfont}
  185.     {block:ifpixelfont}
  186.         font-family: "PF Ronda Seven";
  187.         font-size:8px;
  188.         line-height:140%;
  189.     {/block:ifpixelfont}
  190.     background-image:url('{image:background}');
  191.     background-attachment: fixed;
  192.     {block:ifnottiledbackground}
  193.         background-size: cover;
  194.     {/block:ifnottiledbackground}
  195.     {block:iftiledbackground}
  196.         background-repeat: repeat;
  197.     {block:iftiledbackground}
  198.     background-color: {color:background};
  199. }
  200.  
  201. a{
  202.     text-decoration:none;
  203.     outline:none;
  204.     -moz-outline-style:none;
  205.    color:{color:customlinks};
  206.     -webkit-transition: all 0.5s linear;
  207.     -moz-transition: all 0.5s linear;
  208.     -o-transition: all 0.5s linear;
  209. }
  210.  
  211.  
  212. em{
  213.     color:{color:italic};
  214. }
  215.  
  216. strong{
  217.     color:{color:bold};
  218.     font-weight:strong;
  219. }
  220.  
  221. img{
  222.     border:none;
  223. }
  224.  
  225. blockquote{
  226.     padding-left:7px;
  227.     margin-left:10px;
  228.     border-left:solid 2px {color:blockquoteborder};
  229.    
  230. }
  231.  
  232. blockquote blockquote{
  233.     margin-left:5px;
  234. }
  235.  
  236. pre{
  237.     font-size:8px;
  238.     {block:indexpage}max-width:390px;{/block:indexpage}
  239.     {block:permalinkpage}max-width:490px;{/block:permalinkpage}
  240.     overflow:auto;
  241.     background-color:#bcbbbb;
  242.     padding:5px;
  243.     font-family:"PF Ronda Seven";
  244.     text-align:center;
  245. }
  246.  
  247. pre::-webkit-scrollbar {
  248.     width: 2px;
  249.     height: 2px;
  250. }
  251.  
  252. pre::-webkit-scrollbar-thumb {
  253.     background: {color:scrollbar};
  254. }
  255.  
  256. ::selection {
  257. background:{color:selection};
  258. color: {color:selectiontext};
  259. }
  260.  
  261. ::-moz-selection {
  262. background: {color:selection};
  263. color: {color:selectiontext};
  264. }
  265.  
  266. ::-webkit-selection {
  267. background: {color:selection};
  268. color: {color:selectiontext};
  269. }
  270.  
  271.  
  272. /*sidebar*/
  273.  
  274. #sidebar{
  275.     position:fixed;
  276.     margin-top:250px;
  277.     margin-left:125px;
  278.     padding-top:25px;
  279.     min-height:100px;
  280.     width:175px;
  281.     background-color:{color:sidebar};
  282.     border:solid 2px {color:sidebarborder};
  283.    
  284. }
  285.  
  286. #sideimage{
  287.     position:fixed;
  288.     max-width:275px;
  289.     margin-left:75px;
  290.     margin-top:70px;
  291.     z-index:1;
  292.     border: solid 7px transparent;
  293. }
  294.  
  295.  
  296. #desc{
  297.     position:fixed;
  298.     margin-top:12px;
  299.     margin-left:10px;
  300.     height:80px;
  301.     overflow:hidden;
  302.     width:155px;
  303.     {block:ifnotpixelfont}
  304.         font-size:10px;
  305.         line-height:100%;
  306.     {/block:ifnotpixelfont}
  307.     {block:ifpixelfont}
  308.         font-size:8px;
  309.         line-height:120%;
  310.     {/block:ifpixelfont}
  311.     color:{color:description};
  312.     text-align:center;
  313. }
  314.  
  315. /*nav*/
  316.  
  317.  
  318. .nav{
  319.     position:fixed;
  320.     margin-top:110px;
  321.     margin-left:30px;
  322.     {block:ifpixelfont}
  323.         font-family:"PF Ronda Seven";
  324.         font-size:8px;
  325.         letter-spacing:1px;
  326.         height:20px;
  327.         line-height:100%;
  328.         padding-left:18px;
  329.         text-transform:uppercase;
  330.     {/block:ifpixelfont}
  331.     {block:ifnotpixelfont}
  332.         font-family:'Muli', sans-serif;
  333.         text-transform:lowercase;
  334.         font-size:10px;
  335.         height:20px;
  336.         padding-bottom:2px;
  337.         padding-left:25px;
  338.     {/block:ifnotpixelfont}
  339.     color:{color:text};
  340.     background:{color:sidebar};
  341.     width:110px;
  342.     border-style:none;
  343.     -webkit-appearance: none;
  344.     -o-appearance: none;
  345.     -moz-appearance:none;
  346.     border:solid 2px {color:sidebarborder};
  347. }
  348.  
  349. /*title*/
  350.  
  351. #main{
  352.     position:fixed;
  353.     width:400px;
  354.     height:30px;
  355.     font-family:"PF Ronda Seven";
  356.     color:{color:title};
  357.     font-size:25px;
  358.     text-align:center;
  359.     margin-left:20px;
  360.     margin-top:40px;
  361. }
  362.    
  363.  
  364. /*posts*/
  365.  
  366.  
  367. #postmargin{
  368.     margin-top:10px;
  369.    
  370.     {block:indexpage}
  371.         {block:if250pxposts}width:250px;{/block:if250pxposts}
  372.         {block:if400pxposts}width:400px;{/block:if400pxposts}
  373.         {block:if500pxposts}width:500px;{/block:if500pxposts}
  374.     {/block:indexpage}
  375.    
  376.     {block:permalinkpage}
  377.         width:500px;
  378.     {/block:permalinkpage}
  379.    
  380.     margin-left:500px;
  381.     z-index:9999;
  382.    
  383. }
  384.  
  385. .posts{
  386.    
  387.    {block:indexpage}
  388.         {block:if250pxposts}width:250px;{/block:if250pxposts}
  389.         {block:if400pxposts}width:400px;{/block:if400pxposts}
  390.         {block:if500pxposts}width:500px;{/block:if500pxposts}
  391.     {/block:indexpage}
  392.    
  393.     {block:permalinkpage}
  394.         width:500px;
  395.     {/block:permalinkpage}
  396.    
  397.    border:solid 2px {color:postborder};
  398.    
  399.     padding:7px;
  400.     margin-bottom:13px;
  401.     margin-right:10px;
  402.     background-color:{color:post};
  403.     -webkit-transition: all 0.5s linear;
  404.     -moz-transition: all 0.5s linear;
  405.     -o-transition: all 0.5s linear;
  406.  
  407. }
  408.  
  409.  
  410. .posts:hover img{
  411.      opacity:1;
  412.     {block:ifmonochrome}
  413.     {block:indexpage}
  414.         -webkit-filter: grayscale(0%);
  415.         -moz-filter: grayscale(0%);
  416.         -ms-filter: grayscale(0%);
  417.         -o-filter: grayscale(0%);
  418.     {/block:indexpage}
  419.     {/block:ifmonochrome}
  420.      
  421. }
  422.  
  423. .posts img{
  424.     border:none;
  425.     max-width:100%;
  426.     -webkit-transition: all 0.7s linear;
  427.     -moz-transition: all 0.7s linear;
  428.     -o-transition: all 0.7s linear;
  429.     {block:ifmonochrome}
  430.     {block:indexpage}
  431.         -webkit-filter: grayscale(100%);
  432.         -moz-filter: grayscale(100%);
  433.         -ms-filter: grayscale(100%);
  434.         -o-filter: grayscale(100%);
  435.     {/block:indexpage}
  436.     {/block:ifmonochrome}  
  437. }
  438.  
  439.  
  440. .posts iframe{
  441.     border:none;
  442.     opacity:0.9;    
  443.     -webkit-transition: all 0.7s linear;
  444.     -moz-transition: all 0.7s linear;
  445.     -o-transition: all 0.7s linear;
  446.     {block:ifmonochrome}
  447.     {block:indexpage}
  448.         -webkit-filter: grayscale(100%);
  449.         -moz-filter: grayscale(100%);
  450.         -ms-filter: grayscale(100%);
  451.         -o-filter: grayscale(100%);
  452.     {/block:indexpage}
  453.     {/block:ifmonochrome}
  454.  
  455. }
  456.  
  457. .posts:hover iframe{
  458.     opacity:1;
  459.     {block:ifmonochrome}
  460.     {block:indexpage}
  461.         -webkit-filter: grayscale(0%);
  462.         -moz-filter: grayscale(0%);
  463.         -ms-filter: grayscale(0%);
  464.         -o-filter: grayscale(0%);
  465.     {/block:indexpage}
  466.     {/block:ifmonochrome}
  467.  }
  468.  
  469.  
  470. .posts a{
  471.     text-decoration:none;
  472.     outline:none;
  473.     -moz-outline-style:none;
  474.     color:{color:postlinks};
  475.     -webkit-transition: all 0.3s linear;
  476.     -moz-transition: all 0.3s linear;
  477.     -o-transition: all 0.3s linear;    
  478. }
  479.  
  480. .posts a:hover{
  481.     color:{color:postlinkhover};
  482. }
  483.  
  484.  
  485. #permalink{
  486.     {block:indexpage}
  487.         {block:if250pxposts}width:236px;{/block:if250pxposts}
  488.         {block:if400pxposts}width:386px;{/block:if400pxposts}
  489.         {block:if500pxposts}width:486px;{/block:if500pxposts}
  490.         {block:ifhiddendescriptions}
  491.             border-top:solid 7px {color:post};
  492.         {/block:ifhiddendescriptions}
  493.     {/block:indexpage}
  494.    
  495.     {block:permalinkpage}
  496.         width:486px;
  497.     {/block:permalinkpage}
  498.  
  499.     height:auto;
  500.     padding:7px;
  501.     background-color:{color:permalink};
  502.     color:{color:permalinktext};
  503.     text-align:center;
  504.         font-family:"PF Ronda Seven"';
  505.         font-size:8px;
  506.         text-transform:lowercase;
  507.         padding-bottom:4px;
  508.     overflow:hidden;
  509.     -webkit-transition: all 0.5s linear;
  510.     -moz-transition: all 0.5s linear;
  511.     -o-transition: all 0.5s linear;
  512. }
  513.  
  514.    
  515.  
  516. .permalink a{
  517.     color:{color:datelinks};
  518. }
  519.  
  520. .permalink a:hover{
  521.     color:{color:datelinkhover};
  522. }
  523.  
  524. .permalink{
  525.     border-bottom: dotted 2px {color:permalinkborder};
  526.     padding-bottom:5px;
  527. }
  528.  
  529.  
  530. .tags{
  531.     padding:7px;
  532.     {block:ifpixelfont}
  533.         padding-bottom:4px;
  534.     {/block:ifpixelfont}
  535.     {block:ifnotpixelfont}
  536.         padding-bottom:6px;
  537.     {/block:ifnotpixelfont}
  538.     background-color:{color:post};
  539.     margin-left:-7px;
  540.        
  541.     {block:indexpage}
  542.         {block:if250pxposts}width:236px;{/block:if250pxposts}
  543.         {block:if400pxposts}width:386px;{/block:if400pxposts}
  544.         {block:if500pxposts}width:486px;{/block:if500pxposts}
  545.     {/block:indexpage}
  546.    
  547.     {block:permalinkpage}
  548.         width:486px;
  549.     {/block:permalinkpage}
  550. }
  551.  
  552. .tags a{
  553.         color:{color:taglinks};
  554. }
  555.  
  556. .tags a:hover{
  557.     color:{color:taglinkhover};
  558. }
  559.    
  560.  
  561.  
  562. #title {
  563.         font-family:"PF Ronda Seven";
  564.         {block:indexpage}
  565.             {block:if250pxposts}font-size:15px;{/block:if250pxposts}
  566.             {block:if400pxposts}font-size:20px;{/block:if400pxposts}
  567.             {block:if500pxposts}font-size:25px;{/block:if500pxposts}
  568.         {/block:indexpage}
  569.         {block:permalinkpage}
  570.             font-size:20px;
  571.         {/block:permalinkpage}
  572.     color:{color:quote};
  573.     padding-left:20px;
  574.     padding-right:20px;
  575.     padding-top:10px;
  576.     padding-bottom:5px;
  577.     line-height:100%;
  578. }
  579.  
  580. /*quotes*/
  581.  
  582.  #quote {
  583.         font-family:"PF Ronda Seven";
  584.         {block:indexpage}
  585.             {block:if250pxposts}font-size:15px;{/block:if250pxposts}
  586.             {block:if400pxposts}font-size:18px;{/block:if400pxposts}
  587.             {block:if500pxposts}font-size:23px;{/block:if500pxposts}
  588.         {/block:indexpage}
  589.         {block:permalinkpage}
  590.             font-size:20px;
  591.         {/block:permalinkpage}  
  592.     color:{color:quote};
  593.     padding-left:20px;
  594.     padding-right:20px;
  595.     padding-top:10px;
  596.     line-height:100%;
  597.     text-align:justify;
  598. }
  599.  
  600.  
  601. /*music*/
  602.  
  603. #audioplayerback {
  604.     position: absolute;
  605.     width: 28px;
  606.     height: 30px;
  607.     padding-left:2px;
  608.     background-color: #ffffff;
  609.     position:absolute;
  610.     margin-top:40px;
  611.     margin-left:35px;
  612.     z-index:999;
  613.     overflow:hidden;
  614.     -webkit-transition: all 0.5s linear;
  615.     -moz-transition: all 0.5s linear;
  616.     -o-transition: all 0.5s linear;
  617. }
  618.  
  619. .tumblr_audio_player {
  620.     border: none;
  621.     padding: 0px;
  622.     margin: 0px;
  623.     height: 30px;
  624.     width:500px;
  625. }
  626.  
  627. #musicinfo{
  628.     color:{color:text};
  629.     margin-top:-90px;
  630.     margin-left:110px;
  631.     background-color:{color:permalink};
  632.     padding-left:10px;
  633.     padding:7px;
  634.     line-height:110%;
  635.     margin-bottom:50px;
  636.     border:dotted 2px {color:permalinkborder};
  637. }
  638.  
  639. #audiocaption{
  640.     padding-left:10px;
  641.     padding-right:10px;
  642.     {block:ifnotpixelfont}
  643.     margin-top:-15px;
  644.     {/block:ifnotpixelfont}
  645. }
  646.  
  647. #albumart{
  648.     height:100px;
  649.     width:100px;
  650.     background-image:url('https://lh3.googleusercontent.com/-ABbl71o4DHE/UZh6Xuh6QJI/AAAAAAAAEn8/j49R7fSCZHE/s200-no/Untitled-1.jpg');
  651.     background-position:fixed;
  652.     background-size:100px 100px;
  653.     background-repeat:no-repeat;
  654.     z-index:-1;
  655.     -webkit-transition: all 0.5s linear;
  656.     -moz-transition: all 0.5s linear;
  657.     -o-transition: all 0.5s linear;
  658. }
  659.  
  660. /*answers*/
  661.  
  662. #askz {
  663.     padding:8px;
  664.     line-height: 140%;
  665.     {block:indexpage}
  666.         {block:if250pxposts}width:230px;{/block:if250pxposts}
  667.         {block:if400pxposts}width:380px;{/block:if400pxposts}
  668.         {block:if500pxposts}width:480px;{/block:if500pxposts}
  669.     {/block:indexpage}
  670.     {block:permalinkpage}
  671.         width:480px;
  672.     {/block:permalinkpage}
  673.     color:{color:question};
  674.     text-align:justify;
  675.  
  676.     background-color:{color:permalink};
  677.  
  678.     border:dotted 2px {color:permalinkborder};
  679. }
  680.  
  681. .asker{
  682.     text-align:center;
  683.     padding-bottom:7px;
  684. }
  685.  
  686. .said{
  687.     border-right:solid 20px transparent;
  688. }
  689.  
  690.  
  691. #answer {
  692.     padding:5px;
  693.     {block:indexpage}
  694.         {block:if250pxposts}
  695.             margin-left:10px;
  696.             width:220px;
  697.         {/block:if250pxposts}
  698.         {block:if400pxposts}
  699.             margin-left:30px;
  700.             width:330px;
  701.         {/block:if400pxposts}
  702.         {block:if500pxposts}
  703.             margin-left:30px;
  704.             width:430px;
  705.         {/block:if500pxposts}
  706.     {/block:indexpage}
  707.     {block:permalinkpage}
  708.         margin-left:30px;
  709.         width:430px;
  710.     {/block:permalinkpage}
  711.     text-align:justify;
  712. }
  713.  
  714. #answer img{
  715.     max-width:100%;
  716.     height:auto;
  717. }
  718.  
  719. /*chats*/
  720.  
  721. #chat ul{
  722.     list-style:none;
  723.     margin-left:-40px;
  724. }
  725.  
  726. .chat .even{
  727.     padding:7px;
  728.     margin-bottom:7px;
  729.     border:dotted 2px {color:permalinkborder};
  730.    
  731. }
  732.  
  733. .chat .odd{
  734.     padding:7px;
  735.     margin-bottom:7px;
  736.     background-color:{color:permalink};
  737. }
  738.  
  739. /*pagination*/
  740.  
  741. #pagination{
  742.     position:fixed;
  743.     margin-top:300px;
  744.     width:100px;
  745.     height:20px;
  746.     margin-left:10px;
  747.     text-align:center;
  748. }
  749.  
  750. .pagination a{
  751.     font-family:"PF Ronda Seven";
  752.     font-size:20px;
  753.     color:{color:pagination};
  754. }
  755.  
  756. .pagination a:hover{
  757.     font-size:25px;
  758. }
  759.  
  760. /*notes*/
  761.  
  762. ol.notes{
  763.     max-width:500px;
  764.     padding:0px;
  765.     margin: 0px 15px;
  766.     list-style-type:none;
  767.     font-size:8 px;
  768.     font-family:"PF Ronda Seven";
  769. }
  770.  
  771. ol.notes li.note{
  772.     padding:0px;
  773.     font-size:8px;
  774. }
  775.  
  776. ol.notes li.note img{
  777.     margin-top:7px;
  778. }
  779.  
  780. ol.notes li.note img.avatar{
  781.  
  782.     margin-right:3px;
  783.     width:16px;
  784.     height:16px;
  785. }
  786.  
  787. ol.notes li.note a img.avatar{
  788.     padding:0px;
  789.     border-width:0 px;
  790.     border:none;
  791. }
  792.  
  793. ol.notes li.note img{
  794.     padding:0 px;
  795.     border-width:0 px;
  796.     border:none;
  797. }
  798.  
  799. ol.notes li.note span.action{
  800.     color:{color:text};
  801. }
  802.  
  803. ol.notes li.note.answer_content{
  804.     font-weight:normal;
  805. }
  806.  
  807. ol.notes li.note.blockquote{
  808.     padding:1 px 1 px;margin:1px 0px 0px 1px;
  809. }
  810.  
  811. ol.notes li.note.blockquote a{
  812.     text-decoration:none;
  813. }
  814.  
  815. ol.notes li.note a{
  816.     color:{color:text};
  817. }
  818.  
  819. ol.notes li.note a:hover{
  820.     text-shadow:0px 0px 5px #888888;
  821. }
  822.  
  823.  
  824.  
  825.  /*etc*/
  826.  
  827. #credit{
  828.     position:fixed;
  829.     bottom:10px;
  830.     right:10px;
  831.     z-index:1;
  832.     -webkit-transition: all 0.3s linear;
  833.     -moz-transition: all 0.3s linear;
  834.     -o-transition: all 0.3s linear;
  835.     -ms-transition: all 0.3s linear;
  836.         -webkit-filter: grayscale(100%);
  837.       -moz-filter: grayscale(100%);
  838.       -ms-filter: grayscale(100%);
  839.       -o-filter: grayscale(100%);
  840. }
  841.  
  842. #credit:hover{
  843.      -webkit-filter: grayscale(0%);
  844.   -moz-filter: grayscale(0%);
  845.   -ms-filter: grayscale(0%);
  846.   -o-filter: grayscale(0%);
  847. }
  848.    
  849.  #s-m-t-tooltip{
  850.   max-width:300px;
  851.   z-index:10;
  852.   margin:24px 14px 7px 12px;
  853.   padding:5px;
  854.   padding-bottom:7px;
  855.   background:#232323;
  856.   -moz-border-radius:0px;
  857.   -webkit-border-radius:0px;
  858.   border-radius:0px;
  859.   -moz-box-shadow:0px 0px 3px #232323;
  860.   -webkit-box-shadow:0px 0px 3px #232323;
  861.   box-shadow:0px 0px 3px #232323;
  862.   font-family:"PF Ronda Seven";
  863.   font-size:8px;
  864.   color:#fff;
  865. }
  866.    
  867.  
  868. {CustomCSS}
  869.    
  870. body {cursor: url(http://www.dolliehost.com/dolliecrave/cursors/cursors-arrow/arrow38.gif), progress !important;}
  871.    
  872. a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress !important;}
  873.    
  874. </style>
  875.  
  876.    
  877.  
  878.    
  879. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  880.    
  881.  
  882.    
  883. </head><body>
  884.  
  885.  <a href="http://redfox-themes.tumblr.com"><img src="https://lh5.googleusercontent.com/-jDb8l0m6g2s/ULvHPyFukjI/AAAAAAAACoA/FRBmvQsxRkc/s22/fox.gif" id="credit" title="redfox themes"></a>
  886.  
  887.  {block:ifnotinfinitescroll}
  888. <div id="pagination">{block:Pagination}<div class="pagination">
  889. {block:PreviousPage}<a href="{PreviousPage}">&#171;</a>{/block:PreviousPage}
  890. {block:NextPage}<a href="{NextPage}">&#187;</a>{/block:NextPage}
  891. </div>{/block:Pagination}</div>
  892. {/block:ifnotinfinitescroll}
  893.  
  894.  
  895.  
  896. {block:iftitle}
  897.     <div id="main">{title}</div>
  898. {/block:iftitle}
  899.  
  900. <div id="sidebar">
  901.     <div id="desc">{description}</div>
  902.          <select onChange="location.href=this.options[this.selectedIndex].value;" class="nav">
  903.  
  904. <option value=''>navigation</option>
  905.  
  906. <option value="/">home</option>
  907. <option value="/ask">message</option>
  908. <option value="/submit">submit</option>
  909. <option value="/archive">archives</option>
  910. {block:IfLink1}<option value="{text:Link1URL}">{text:Link1}</option>{/block:IfLink1}
  911. {block:IfLink2}<option value="{text:Link2URL}">{text:Link2}</option>{/block:IfLink2}
  912. {block:IfLink3}<option value="{text:Link3URL}">{text:Link3}</option>{/block:IfLink3}
  913. {block:IfLink4}<option value="{text:Link4URL}">{text:Link4}</option>{/block:IfLink4}
  914. {block:IfLink5}<option value="{text:Link5URL}">{text:Link5}</option>{/block:IfLink5}
  915. {block:IfLink6}<option value="{text:Link6URL}">{text:Link6}</option>{/block:IfLink6}
  916. {block:IfLink7}<option value="{text:Link7URL}">{text:Link7}</option>{/block:IfLink7}
  917. {block:IfLink8}<option value="{text:Link8URL}">{text:Link8}</option>{/block:IfLink8}
  918. {block:IfLink9}<option value="{text:Link9URL}">{text:Link9}</option>{/block:IfLink9}
  919. {block:IfLink10}<option value="{text:Link10URL}">{text:Link10}</option>{/block:IfLink10}
  920. </select>
  921.  
  922. </div>
  923.  
  924. <img src="{image:sidebar}" id="sideimage">
  925.  
  926.  
  927.  
  928. <div id="postmargin">
  929.     {block:ifinfinitescroll}<div class="autopagerize_page_element">{/block:ifinfinitescroll}
  930.     {block:Posts}
  931. <div class="posts">
  932.  
  933.  
  934. {block:Text}
  935.     <center>
  936.         {block:Title}<div id="title">{Title}</div>{/block:Title}
  937.     </center>
  938.     {Body}
  939. {/block:Text}
  940.  
  941.  
  942. {block:Photo}
  943.     <center>
  944.         <img src="{PhotoURL-500}" width="500">
  945.     </center>
  946.     {block:indexpage}
  947.         {block:ifnothiddendescriptions}
  948.             {block:Caption}
  949.                 {Caption}
  950.             {/block:Caption}
  951.         {/block:ifnothiddendescriptions}
  952.     {/block:indexpage}
  953.     {block:permalinkpage}
  954.         {block:Caption}
  955.             {Caption}
  956.         {/block:Caption}
  957.     {/block:permalinkpage}
  958. {/block:Photo}
  959.  
  960.  
  961. {block:Photoset}
  962.     <center>
  963.         {block:indexpage}
  964.             {block:if250pxposts}{Photoset-250}{/block:if250pxposts}
  965.             {block:if400pxposts}{Photoset-400}{/block:if400pxposts}
  966.             {block:if500pxposts}{Photoset-500}{/block:if500pxposts}
  967.         {/block:indexpage}
  968.         {block:permalinkpage}
  969.             {Photoset-500}
  970.         {/block:permalinkpage}
  971.     </center>
  972.     {block:indexpage}
  973.         {block:ifnothiddendescriptions}
  974.             {block:Caption}
  975.                 {Caption}
  976.             {/block:Caption}
  977.         {/block:ifnothiddendescriptions}
  978.     {/block:indexpage}
  979.     {block:permalinkpage}
  980.         {block:Caption}
  981.             {Caption}
  982.         {/block:Caption}
  983.     {/block:permalinkpage}
  984. {/block:Photoset}
  985.  
  986.  
  987. {block:Quote}
  988.     <div id="quote">
  989.         ❝ {Quote} ❞
  990.     </div>
  991.         <p align="right">
  992.             {block:Source}
  993.                 —{Source}
  994.             {/block:Source}
  995.         </p>
  996. {/block:Quote}
  997.  
  998.  
  999. {block:Link}
  1000.     <div id="title" align="center"><t>
  1001.         <a href="{URL}" {Target}>{Name}</a>
  1002.     </t></div>
  1003.     {block:Description}
  1004.         {Description}
  1005.     {/block:Description}
  1006. {/block:Link}
  1007.  
  1008.  
  1009. {block:Chat}
  1010. <div id="chat">
  1011.     {block:Title}
  1012.     <div id="title" align="center">{Title}</div>
  1013.     {/block:Title}
  1014.    
  1015.     <ul>{block:Lines}<div class="chat"><li class="{Alt}">
  1016.         {block:Label}
  1017.             <b>{Label}</b>
  1018.         {/block:Label}
  1019.         {Line}
  1020.         <br>
  1021.     </li></div>{/block:Lines}</ul>
  1022. </div>{/block:Chat}
  1023.  
  1024.  
  1025. {block:Audio}
  1026.     {block:AudioPlayer}
  1027.     <div id="audioplayerback">
  1028.         {AudioPlayerWhite}
  1029.     </div>
  1030.     {/block:AudioPlayer}
  1031.     <div id="albumart">
  1032.         {block:AlbumArt}
  1033.             <img src="{AlbumArtURL}" width="100">
  1034.         {/block:AlbumArt}
  1035.     </div>
  1036.     <div id="musicinfo">
  1037.         <b>Song:</b> {block:TrackName}{TrackName}{/block:TrackName}
  1038.         <br><br>
  1039.         <b>Artist:</b> {block:Artist}{Artist}{/block:Artist}
  1040.         <br><br>
  1041.         <b>Album:</b> {block:Album}{Album}{/block:Album}
  1042.     </div>
  1043.     {block:caption}
  1044.         <div id="audiocaption">
  1045.             {caption}
  1046.         </div>
  1047.     {/block:caption}
  1048. {/block:Audio}
  1049.  
  1050.  
  1051. {block:Video}
  1052.     {block:indexpage}
  1053.         {block:if250pxposts}{Video-250}{/block:if250pxposts}
  1054.         {block:if400pxposts}{Video-400}{/block:if400pxposts}
  1055.         {block:if500pxposts}{Video-500}{/block:if500pxposts}
  1056.     {/block:indexpage}
  1057.     {block:permalinkpage}
  1058.         {Video-500}
  1059.     {/block:permalinkpage}
  1060.     {block:indexpage}
  1061.         {block:ifnothiddendescriptions}
  1062.             {block:Caption}
  1063.                 {Caption}
  1064.             {/block:Caption}
  1065.         {/block:ifnothiddendescriptions}
  1066.     {/block:indexpage}
  1067.     {block:permalinkpage}
  1068.         {block:Caption}
  1069.             {Caption}
  1070.         {/block:Caption}
  1071.     {/block:permalinkpage}
  1072. {/block:Video}
  1073.  
  1074. {block:Answer}
  1075.     <div id="askz">
  1076.         <div class="asker">{Asker} said —</div>
  1077.         ❝ {Question} ❞
  1078.     </div>
  1079.     <br>
  1080.  
  1081.     <div id="answer">
  1082.         {Answer}
  1083.     </div>
  1084. {/block:Answer}
  1085.  
  1086.  
  1087.  
  1088.  {block:Date}
  1089.     <div id="permalink">
  1090.        <div class="permalink">
  1091.        
  1092.     {block:if250pxposts}    
  1093.         <a href="{Permalink}">{12Hour}:{Minutes}</a> on <a href="{Permalink}">{ShortMonth} {DayOfMonth}, {Year}</a> with <a href="{Permalink}">{NoteCountWithLabel}</a> {block:RebloggedFrom} || <a href="{ReblogRootURL}">OP</a> &#9830; <a href="{ReblogParentURL}">VIA</a>{/block:RebloggedFrom}
  1094.     {/block:if250pxposts}
  1095.    
  1096.     {block:ifnot250pxposts}    
  1097.         posted on <a href="{Permalink}">{Month} {DayOfMonth}, {Year}</a> at <a href="{Permalink}">{12hour}:{minutes}{ampm}</a> with <a href="{Permalink}">{NoteCountWithLabel}</a> {block:RebloggedFrom} || <a href="{ReblogRootURL}">source</a> &#9830; <a href="{ReblogParentURL}">VIA</a>{/block:RebloggedFrom}
  1098.     {/block:ifnot250pxposts}
  1099.    
  1100.      
  1101.         </div>
  1102.        
  1103.  
  1104.     {block:HasTags}<div class="tags">{block:Tags}#<a href="/tagged/{Tag}">{Tag} </a> {/block:Tags}</div>{/block:HasTags}
  1105.    
  1106.    </div>
  1107.  {/block:Date}
  1108.  
  1109.  
  1110. </div>
  1111.  
  1112.  
  1113.  
  1114. <div class="notes">
  1115.     {block:PostNotes}
  1116.         <a name="notes">
  1117.             {PostNotes}
  1118.         </a>
  1119.     {/block:PostNotes}
  1120. </div>
  1121.  
  1122.  
  1123.  
  1124. {/block:Posts}</div></div>
  1125.  
  1126.  
  1127.  
  1128. </body></html>
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!