darianella

"No Regrets" tumblr theme HTML code

Jul 5th, 2013
8,042
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 34.89 KB | None | 0 0
  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. <!--
  7. Holy crap--my most customizable theme yet! Woah! I had a ton of fun making it, and I hope y'all enjoy it as much as I do! It's my favorite theme, by far!
  8.  
  9. POSTS:
  10.  - one column 250px, 400px, or 500px posts
  11.  - optional monochrome images
  12.  - show/hide image descriptions
  13.  - show/hide permalink
  14.  - two post title/quote font options
  15.  - two post body font options
  16.  - infinite scroll or pagination
  17.  
  18. SIDEBAR:
  19.  - six custom links
  20.  - optional standalone render image
  21.  - right/left standalone render image placement
  22.  - right/left sidebar placement
  23.  - optional subtitle
  24.  
  25.  
  26. So. Don't steal, and stuff. And please don't remove the credit? It's cute. And filled with love.
  27.  
  28. HAPPY BLOGGING,
  29. Darian
  30.  
  31. -->
  32.  
  33.  
  34. <head><title>{Title}</title>
  35.  
  36. <link rel="shortcut icon" href="{favicon}">
  37. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  38.  
  39.  
  40.  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  41. <script src="http://static.tumblr.com/5ojoydj/p9wmmzopi/jquery.style-my-tooltips.js"></script>
  42. <script src="http://static.tumblr.com/5ojoydj/En2mmzorm/style-my-tooltips.css"></script>
  43. <script>
  44.      (function($){
  45.          $(document).ready(function(){
  46.              $("[title]").style_my_tooltips({
  47.     tip_follows_cursor:true,
  48.     tip_delay_time:200,
  49.     tip_fade_speed:300,
  50.     attribute:"title"
  51. });
  52.          });
  53.      })(jQuery);
  54.  </script>
  55.  
  56.  
  57.  
  58. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  59.  
  60.  
  61.     <meta name="color:title" content="#313131" />
  62.     <meta name="color:subtitle" content="#313131" />
  63.     <meta name="color:subtitleborder" content="#313131" />
  64.     <meta name="color:pagination" content="#2e2d2d" />
  65.     <meta name="color:bold" content="#222121" />
  66.     <meta name="color:italic" content="#92a271" />
  67.    
  68.     <meta name="color:background" content="#f3f3f3" />
  69.     <meta name="color:backgroundbar1" content="#3a3939" />
  70.     <meta name="color:backgroundbar2" content="#5a6341" />
  71.     <meta name="color:backgroundbar3" content="#c7c6c6" />
  72.    
  73.     <meta name="color:scrollbar" content="#232323" />
  74.     <meta name="color:scrollbarback" content="#d6d5d5" />
  75.        
  76.     <meta name="color:selection" content="#cfcece" />
  77.     <meta name="color:selectiontext" content="#4c5334" />
  78.    
  79.     <meta name="color:description" content="#070707" />
  80.     <meta name="color:descriptionback" content="#ffffff" />
  81.    
  82.     <meta name="color:sidebar" content="#000000" />  
  83.    
  84.     <meta name="color:post" content="#ffffff" />
  85.     <meta name="color:text" content="#353534" />
  86.     <meta name="color:postlinks" content="#99a576" />
  87.     <meta name="color:postlinkhover" content="#424242" />
  88.    
  89.     <meta name="color:permalink" content="#ebebeb" />
  90.     <meta name="color:permalinkborder" content="#2e2e2e" />
  91.     <meta name="color:datelinks" content="#242323" />
  92.     <meta name="color:permalinktext" content="#0f0f0f" />
  93.     <meta name="color:datelinkhover" content="#fdfdfd" />
  94.     <meta name="color:taglinks" content="#5f7730" />
  95.     <meta name="color:taglinkhover" content="#121602" />
  96.    
  97.     <meta name="color:quote" content="#313131" />
  98.     <meta name="color:question" content="#313131" />
  99.    
  100.     <meta name="color:blockquote" content="#e9e9e9" />
  101.     <meta name="color:blockquote2" content="#f5f3f2" />
  102.     <meta name="color:blockquoteborder" content="#1f1f1e" />
  103.    
  104.     <meta name="color:customlinks" content="#ffffff" />
  105.     <meta name="color:customlinkhover" content="#232323" />
  106.    
  107.     <meta name="if:250px posts" content="0">
  108.     <meta name="if:400px posts" content="1">
  109.     <meta name="if:500px posts" content="0">
  110.     <meta name="if:hidden permalink" content="0">
  111.     <meta name="if:show subtitle" content="0">
  112.     <meta name="if:cursive quotes" content="0">
  113.     <meta name="if:infinite scroll" content="0">
  114.     <meta name="if:show standalone" content="0">
  115.     <meta name="if:pixel font" content="1">
  116.     <meta name="if:right sidebar" content="0">
  117.     <meta name="if:right standalone" content="1">
  118.     <meta name="if:monochrome" content="1">
  119.     <meta name="if:hidden descriptions" content="1">
  120.  
  121.    
  122.     <meta name="image:background" content="https://lh6.googleusercontent.com/-mGeGWG73gzg/UdZ1eflqnII/AAAAAAAAFP8/2T3DQBUA4y0/s60-no/subtlenet2.png"/>
  123.     <meta name="image:standalone" content="https://lh5.googleusercontent.com/-PQfTA3brc2g/UdZ1Rgzk59I/AAAAAAAAFPw/jLS6fYyxvwk/w608-h728-no/Mikasa+Ackerman+Kakoiii+Monochrome+Render+copy.png"/>
  124.  
  125.     <meta name="text:subtitle" content="" />
  126.     <meta name="text:link1" content="" />
  127.     <meta name="text:link1URL" content="/" />
  128.     <meta name="text:link2" content="" />
  129.     <meta name="text:link2URL" content="/" />
  130.     <meta name="text:link3" content="" />
  131.     <meta name="text:link3URL" content="/" />
  132.     <meta name="text:link4" content="" />
  133.     <meta name="text:link4URL" content="/" />
  134.     <meta name="text:link5" content="" />
  135.     <meta name="text:link5URL" content="/" />
  136.     <meta name="text:link6" content="" />
  137.     <meta name="text:link6URL" content="/" />
  138.  
  139. <style type="text/css">
  140.  
  141. /*basics*/
  142.  
  143. ::-webkit-scrollbar {
  144.     width: 7px;
  145.     height: 7px;
  146.     background-color:{color:scrollbarback};
  147. }
  148.  
  149. ::-webkit-scrollbar-thumb {
  150.     background: {color:scrollbar};
  151. }
  152.  
  153.  
  154.  
  155. @font-face {
  156. font-family: "tinytots";
  157. src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');
  158. }
  159.  
  160.  @font-face{
  161.             font-family: "talldark";
  162.             src: url('http://fontsforweb.com/public/fonts/383/talldark.eot');
  163.             src: local("Tall Dark And Handsome Condensed"), url('http://fontsforweb.com/public/fonts/383/talldark.woff') format("woff"), url('http://fontsforweb.com/public/fonts/383/talldark.ttf') format("truetype");
  164.         }
  165.         .fontsforweb_fontid_383 {
  166.             font-family: "talldark";
  167.         }
  168.        
  169. @font-face{
  170.             font-family: "FountainPen";
  171.             src: url('http://fontsforweb.com/public/fonts/367/FountainPen.eot');
  172.             src: local("Fountain Pen Frenzy"), url('http://fontsforweb.com/public/fonts/367/FountainPen.woff') format("woff"), url('http://fontsforweb.com/public/fonts/367/FountainPen.ttf') format("truetype");
  173.         }
  174.         .fontsforweb_fontid_367 {
  175.             font-family: "FountainPen";
  176.         }
  177.  
  178. iframe{
  179.     opacity: 0.9;
  180.     filter:alpha(opacity=90);
  181.     -moz-opacity: 0.9;
  182.     -khtml-opacity: 0.9;
  183. }
  184.  
  185. iframe#tumblr_controls {
  186.     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;}
  187.  
  188. 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;}
  189.  
  190.  
  191.  
  192. /*basic derps*/
  193.  
  194. body{
  195.     margin-top:0;
  196.     color:{color:text};
  197.     {block:ifnotpixelfont}
  198.         font-family:helvetica;
  199.         font-size:10px;
  200.     {/block:ifnotpixelfont}
  201.     {block:ifpixelfont}
  202.         font-family:tinytots;
  203.         font-size:8px;
  204.         text-transform:uppercase;
  205.     {/block:ifpixelfont}
  206.     line-height:100%;
  207.     background-image:url('{image:background}');
  208.     background-attachment: fixed;
  209.     background-repeat: repeat;
  210.     background-color: {color:background};
  211. }
  212.  
  213. a{
  214.     text-decoration:none;
  215.     outline:none;
  216.     -moz-outline-style:none;
  217.    color:{color:customlinks};
  218.     -webkit-transition: all 0.5s linear;
  219.     -moz-transition: all 0.5s linear;
  220.     -o-transition: all 0.5s linear;
  221. }
  222.  
  223.  
  224. em{
  225.     color:{color:italic};
  226. }
  227.  
  228. strong{
  229.     color:{color:bold};
  230.     font-weight:strong;
  231. }
  232.  
  233. img{
  234.     border:none;
  235. }
  236.  
  237. blockquote{
  238.     padding:5px;
  239.     padding-left:10px;
  240.     padding-right:10px;
  241.     background-color:{color:blockquote};
  242.     overflow:auto;
  243. }
  244.  
  245. blockquote blockquote{
  246.     padding-left:10px;
  247.     padding:5px;
  248.     border-left:1px solid {color:blockquoteborder};
  249.     background-color:{color:blockquote2};
  250. }
  251.  
  252. pre{
  253.     font-size:8px;
  254.     {block:indexpage}max-width:390px;{/block:indexpage}
  255.     {block:permalinkpage}max-width:490px;{/block:permalinkpage}
  256.     overflow:auto;
  257.     background-color:#bcbbbb;
  258.     padding:5px;
  259.     font-family:tinytots;
  260.     text-align:center;
  261. }
  262.  
  263. pre::-webkit-scrollbar {
  264.     width: 2px;
  265.     height: 2px;
  266. }
  267.  
  268. pre::-webkit-scrollbar-thumb {
  269.     background: {color:scrollbar};
  270. }
  271.  
  272. ::selection {
  273. background:{color:selection};
  274. color: {color:selectiontext};
  275. }
  276.  
  277. ::-moz-selection {
  278. background: {color:selection};
  279. color: {color:selectiontext};
  280. }
  281.  
  282. ::-webkit-selection {
  283. background: {color:selection};
  284. color: {color:selectiontext};
  285. }
  286.  
  287.  
  288. /*left*/
  289.  
  290. #bar1{
  291.     position:fixed;
  292.     margin-left:80px;
  293.     height:100%;
  294.     width:25px;
  295.     background-color:{color:backgroundbar1};
  296.     z-index:-99;
  297.     top:0;
  298. }
  299.  
  300. #bar2{
  301.     position:fixed;
  302.     margin-left:110px;
  303.     height:100%;
  304.     width:7px;
  305.     background-color:{color:backgroundbar2};
  306.     z-index:-999;
  307.     top:0;
  308. }
  309.  
  310. #bar3{
  311.     position:fixed;
  312.     margin-left:130px;
  313.     height:100%;
  314.     width:12px;
  315.     background-color:{color:backgroundbar3};
  316.     z-index:-99;
  317.     top:0;
  318. }
  319.  
  320. .standalone{
  321.     {block:ifshowstandalone}
  322.     position:fixed;
  323.     {block:ifnotrightstandalone}
  324.         margin-left:40px;
  325.     {/block:ifnotrightstandalone}
  326.     {block:ifrightstandalone}
  327.         {block:indexpage}
  328.             {block:if250pxposts}margin-left:800px;{/block:if250pxposts}
  329.             {block:if400pxposts}margin-left:880px;{/block:if400pxposts}
  330.             {block:if500pxposts}margin-left:980px;{/block:if500pxposts}
  331.         {/block:indexpage}
  332.         {block:permalinkpage}
  333.             margin-left:980px;
  334.         {/block:permalinkpage}
  335.     {/block:ifrightstandalone}
  336.     bottom:0;
  337.     max-width:450px;
  338.     z-index:-1;
  339.     {/block:ifshowstandalone}
  340.     {block:ifnotshowstandalone}
  341.     display:none;
  342.     {/block:ifnotshowstandalone}
  343. }
  344.  
  345. #main{
  346.     position:fixed;
  347.     margin-left:85px;
  348.     margin-top:100px;
  349.     width:400px;
  350.     height:30px;
  351.     text-align:center;
  352.     font-family: "talldark";
  353.     font-size:55px;
  354.     color:{color:title};
  355.     letter-spacing:3px;
  356. }
  357.  
  358. #sub{
  359.     position:fixed;
  360.     margin-left:120px;
  361.     margin-top:130px;
  362.     width:200px;
  363.     padding-top:5px;
  364.     text-align:left;
  365.     font-family: "FountainPen";
  366.     font-size:35px;
  367.     line-height:100%;
  368.     color:{color:subtitle};
  369.     border-top:solid 2px {color:subtitleborder};
  370.     letter-spacing:3px;
  371.     text-transform:none;
  372. }
  373.  
  374.  
  375.  
  376. /*sidebar thingie*/
  377.  
  378. #horizontal{
  379.     position:fixed;
  380.     bottom:150px;
  381.     height:15px;
  382.     background-color:{color:sidebar};
  383.     width:100%;
  384.     left:0;
  385.     z-index:-99;
  386. }
  387.  
  388. #sidebar{
  389.     position:fixed;
  390.     bottom:100px;
  391.     {block:ifnotrightsidebar}
  392.         margin-left:175px;
  393.     {/block:ifnotrightsidebar}
  394.     {block:ifrightsidebar}
  395.         {block:indexpage}
  396.             {block:if250pxposts}margin-left:800px;{/block:if250pxposts}
  397.             {block:if400pxposts}margin-left:950px;{/block:if400pxposts}
  398.             {block:if500pxposts}margin-left:1050px;{/block:if500pxposts}
  399.         {/block:indexpage}
  400.         {block:permalinkpage}
  401.             margin-left:1050px;
  402.         {/block:permalinkpage}
  403.     {/block:ifrightsidebar}
  404.     width:220px;
  405.     height:130px;
  406.     background-color:{color:sidebar};
  407.     -webkit-transition: all 0.5s linear;
  408.     -moz-transition: all 0.5s linear;
  409.     -o-transition: all 0.5s linear;
  410. }
  411.  
  412. .pagination {
  413.     position:fixed;
  414.     bottom:300px;
  415.     opacity:1;
  416.     width:220px;
  417.     {block:ifnotrightsidebar}
  418.         margin-left:175px;
  419.     {/block:ifnotrightsidebar}
  420.     {block:ifrightsidebar}
  421.         {block:indexpage}
  422.             {block:if250pxposts}margin-left:800px;{/block:if250pxposts}
  423.             {block:if400pxposts}margin-left:950px;{/block:if400pxposts}
  424.             {block:if500pxposts}margin-left:1050px;{/block:if500pxposts}
  425.         {/block:indexpage}
  426.         {block:permalinkpage}
  427.             margin-left:1050px;
  428.         {/block:permalinkpage}
  429.     {/block:ifrightsidebar}
  430.     height:20px;
  431.     font-family:tinytots;
  432.     font-size:50px;
  433.     text-align:center;
  434.     z-index:999;
  435.     {block:ifinfinitescroll}
  436.         display:none;
  437.     {/block:ifinfinitescroll}
  438.     -webkit-transition: all 0.2s linear;
  439.     -moz-transition: all 0.2s linear;
  440.     -o-transition: all 0.2s linear;
  441.     -ms-transition: all 0.2s linear;
  442. }
  443.  
  444. .pagination a{
  445.     color:{color:pagination};
  446. }
  447.  
  448. .pagination a:hover{
  449.     text-shadow: 0px 0px 5px #888888;
  450.     font-size:53px;
  451. }
  452.  
  453. #descback{
  454.     position:fixed;
  455.     width:200px;
  456.     height:100px;
  457.     margin-top:20px;
  458.     margin-left:10px;
  459.     background-color:{color:descriptionback};
  460. }
  461.  
  462. .desc{
  463.     position:fixed;
  464.     width:180px;
  465.     height:80px;
  466.     margin-top:10px;
  467.     margin-left:10px;
  468.     line-height:125%;
  469.     color:{color:description};
  470.     overflow:auto;
  471.     padding-right:4px;
  472.     font-family:tinytots;
  473.     text-transform:uppercase;
  474.     font-size:8px;
  475.     text-align:justify;
  476. }
  477.  
  478. /*nav*/
  479.  
  480. #home{
  481.     position:fixed;
  482.     width:48px;
  483.     height:45px;
  484.     margin-left:23px;
  485.     margin-top:-45px;
  486.     -webkit-transition: all 0.3s linear;
  487.     -moz-transition: all 0.3s linear;
  488.     -o-transition: all 0.3s linear;
  489. }
  490.  
  491. #home:hover{
  492.     width:52px;
  493.     height:49px;
  494.     margin-top:-47px;
  495.     margin-left:20px;
  496. }
  497.  
  498.  
  499. #ask{
  500.     position:fixed;
  501.     width:35px;
  502.     height:40px;
  503.     margin-left:95px;
  504.     margin-top:-41px;
  505.     -webkit-transition: all 0.3s linear;
  506.     -moz-transition: all 0.3s linear;
  507.     -o-transition: all 0.3s linear;
  508. }
  509.  
  510. #ask:hover{
  511.     width:39px;
  512.     height:44px;
  513.     margin-left:93px;
  514.     margin-top:-42px;
  515. }
  516.  
  517.  
  518.  
  519. #arch{
  520.     position:fixed;
  521.     width:36px;
  522.     height:36px;
  523.     margin-left:155px;
  524.     margin-top:-39px;
  525.     -webkit-transition: all 0.3s linear;
  526.     -moz-transition: all 0.3s linear;
  527.     -o-transition: all 0.3s linear;
  528. }
  529.  
  530. #arch:hover{
  531.     width:40px;
  532.     height:40px;
  533.     margin-left:159;
  534.     margin-top:-41px;
  535. }
  536.  
  537.  
  538. #line{
  539.     position:fixed;
  540.     height:10px;
  541.     width:220px;
  542.     margin-top:-55px;
  543.     background-color:{color:sidebar};
  544. }
  545.  
  546. #custom{
  547.     position:fixed;
  548.     margin-top:130px;
  549.     width:203px;
  550.     margin-left:10px;
  551.     height:30px;
  552.     text-align:center;
  553. }
  554.  
  555. .custom{
  556.     display:inline-block;
  557.     height:10px;
  558.     width:25px;
  559.     padding-top:10px;
  560.     margin-right:3px;
  561.     text-align:center;
  562.     background-color:{color:sidebar};
  563.     color:{color:customlinks};
  564.     font-family:tinytots;
  565.     font-size:8px;
  566.     -webkit-transition: all 0.3s linear;
  567.     -moz-transition: all 0.3s linear;
  568.     -o-transition: all 0.3s linear;
  569.     border-bottom:solid 2px {color:sidebar};
  570. }
  571.  
  572. .custom:hover{
  573.     padding-bottom:5px;
  574.     background-color:transparent;
  575.     color:{color:customlinkhover};
  576.     text-shadow:0px 0px 3px #c7c7c7;
  577. }
  578.  
  579. /*posts*/
  580.  
  581.  
  582. #postmargin{
  583.     margin-top:10px;
  584.    
  585.     {block:indexpage}
  586.         {block:if250pxposts}width:250px;{/block:if250pxposts}
  587.         {block:if400pxposts}width:400px;{/block:if400pxposts}
  588.         {block:if500pxposts}width:500px;{/block:if500pxposts}
  589.     {/block:indexpage}
  590.    
  591.     {block:permalinkpage}
  592.         width:500px;
  593.     {/block:permalinkpage}
  594.    
  595.     margin-left:500px;
  596.     z-index:9999;
  597.    
  598. }
  599.  
  600. .posts{
  601.    
  602.    {block:indexpage}
  603.         {block:if250pxposts}width:250px;{/block:if250pxposts}
  604.         {block:if400pxposts}width:400px;{/block:if400pxposts}
  605.         {block:if500pxposts}width:500px;{/block:if500pxposts}
  606.     {/block:indexpage}
  607.    
  608.     {block:permalinkpage}
  609.         width:500px;
  610.     {/block:permalinkpage}
  611.    
  612.     padding:7px;
  613.     margin-bottom:13px;
  614.     margin-right:10px;
  615.     background-color:{color:post};
  616.     -webkit-transition: all 0.5s linear;
  617.     -moz-transition: all 0.5s linear;
  618.     -o-transition: all 0.5s linear;
  619.     box-shadow:0px 0px 3px #c7c7c7;
  620.  
  621. }
  622.  
  623. .posts:hover{
  624.     box-shadow:0px 0px 5px #c7c7c7;
  625. }
  626.  
  627.  
  628. .posts:hover img{
  629.      opacity:1;
  630.     {block:ifmonochrome}
  631.     {block:indexpage}
  632.         -webkit-filter: grayscale(0%);
  633.         -moz-filter: grayscale(0%);
  634.         -ms-filter: grayscale(0%);
  635.         -o-filter: grayscale(0%);
  636.     {/block:indexpage}
  637.     {/block:ifmonochrome}
  638.      
  639. }
  640.  
  641. .posts img{
  642.     border:none;
  643.     max-width:100%;
  644.     -webkit-transition: all 0.7s linear;
  645.     -moz-transition: all 0.7s linear;
  646.     -o-transition: all 0.7s linear;
  647.     opacity:0.9;
  648.     {block:ifmonochrome}
  649.     {block:indexpage}
  650.         -webkit-filter: grayscale(100%);
  651.         -moz-filter: grayscale(100%);
  652.         -ms-filter: grayscale(100%);
  653.         -o-filter: grayscale(100%);
  654.     {/block:indexpage}
  655.     {/block:ifmonochrome}  
  656. }
  657.  
  658.  
  659. .posts iframe{
  660.     border:none;
  661.     opacity:0.9;    
  662.     -webkit-transition: all 0.7s linear;
  663.     -moz-transition: all 0.7s linear;
  664.     -o-transition: all 0.7s linear;
  665.     {block:ifmonochrome}
  666.     {block:indexpage}
  667.         -webkit-filter: grayscale(100%);
  668.         -moz-filter: grayscale(100%);
  669.         -ms-filter: grayscale(100%);
  670.         -o-filter: grayscale(100%);
  671.     {/block:indexpage}
  672.     {/block:ifmonochrome}
  673.  
  674. }
  675.  
  676. .posts:hover iframe{
  677.     opacity:1;
  678.     {block:ifmonochrome}
  679.     {block:indexpage}
  680.         -webkit-filter: grayscale(0%);
  681.         -moz-filter: grayscale(0%);
  682.         -ms-filter: grayscale(0%);
  683.         -o-filter: grayscale(0%);
  684.     {/block:indexpage}
  685.     {/block:ifmonochrome}
  686.  }
  687.  
  688.  
  689. .posts a{
  690.     text-decoration:none;
  691.     outline:none;
  692.     -moz-outline-style:none;
  693.     color:{color:postlinks};
  694.     -webkit-transition: all 0.3s linear;
  695.     -moz-transition: all 0.3s linear;
  696.     -o-transition: all 0.3s linear;    
  697. }
  698.  
  699. .posts a:hover{
  700.     color:{color:postlinkhover};
  701.     text-shadow:0px 0px 3px #888888;
  702. }
  703.  
  704.  
  705. #permalink{
  706.     {block:indexpage}
  707.         {block:if250pxposts}width:230px;{/block:if250pxposts}
  708.         {block:if400pxposts}width:380px;{/block:if400pxposts}
  709.         {block:if500pxposts}width:480px;{/block:if500pxposts}
  710.         {block:ifhiddenpermalink}
  711.             height:0;
  712.             padding:0px 10px 0px 10px;
  713.             opacity:0;
  714.             {block:ifhiddendescriptions}
  715.                 border-top:solid 0px {color:post};
  716.             {/block:ifhiddendescriptions}
  717.         {/block:ifhiddenpermalink}
  718.         {block:ifnothiddenpermalink}
  719.             height:auto;
  720.             padding:10px;
  721.             {block:ifhiddendescriptions}
  722.                 border-top:solid 7px {color:post};
  723.             {/block:ifhiddendescriptions}
  724.         {/block:ifnothiddenpermalink}
  725.     {/block:indexpage}
  726.    
  727.     {block:permalinkpage}
  728.         width:480px;
  729.         height:auto;
  730.         padding:10px;
  731.     {/block:permalinkpage}
  732.  
  733.    
  734.     background-color:{color:permalink};
  735.     color:{color:permalinktext};
  736.     text-align:center;
  737.     font-family:tinytots;
  738.     text-transform:uppercase;
  739.     font-size:8px;
  740.     overflow:hidden;
  741.     -webkit-transition: all 0.5s linear;
  742.     -moz-transition: all 0.5s linear;
  743.     -o-transition: all 0.5s linear;
  744. }
  745.  
  746. .posts:hover #permalink{
  747.     {block:indexpage}
  748.         {block:ifhiddenpermalink}
  749.             height:auto;
  750.             padding:10px;
  751.             opacity:1;
  752.             {block:ifhiddendescriptions}
  753.             border-top:solid 7px {color:post};
  754.             {/block:ifhiddendescriptions}
  755.         {/block:ifhiddenpermalink}
  756.     {/block:indexpage}
  757. }
  758.    
  759.  
  760. .permalink a{
  761.     color:{color:datelinks};
  762. }
  763.  
  764. .permalink a:hover{
  765.     color:{color:datelinkhover};
  766. }
  767.  
  768. .permalink{
  769.     border-bottom: solid 2px {color:permalinkborder};
  770. }
  771.  
  772. .tags{
  773.     padding-top:2px;
  774. }
  775.  
  776. .tags a{
  777.         color:{color:taglinks};
  778. }
  779.  
  780. .tags a:hover{
  781.     color:{color:taglinkhover};
  782. }
  783.    
  784.    
  785.  
  786. #quote {
  787.     {block:ifcursivequotes}
  788.         font-family:"FountainPen";
  789.         {block:indexpage}
  790.             {block:if250pxposts}font-size:20px;{/block:if250pxposts}
  791.             {block:if400pxposts}font-size:25px;{/block:if400pxposts}
  792.             {block:if500pxposts}font-size:25px;{/block:if500pxposts}
  793.         {/block:indexpage}
  794.         {block:permalinkpage}
  795.             font-size:25px;
  796.         {/block:permalinkpage}
  797.     {/block:ifcursivequotes}
  798.     {block:ifnotcursivequotes}
  799.         font-family:'Telex', sans-serif;
  800.         {block:indexpage}
  801.             {block:if250pxposts}font-size:15px;{/block:if250pxposts}
  802.             {block:if400pxposts}font-size:18px;{/block:if400pxposts}
  803.             {block:if500pxposts}font-size:20px;{/block:if500pxposts}
  804.         {/block:indexpage}
  805.         {block:permalinkpage}
  806.             font-size:20px;
  807.         {/block:permalinkpage}
  808.     {/block:ifnotcursivequotes}
  809.    
  810.     color:{color:quote};
  811.     padding-left:20px;
  812.     padding-right:20px;
  813.     padding-top:10px;
  814.     line-height:100%;
  815.     text-align:justify;
  816.     text-transform:none;
  817. }
  818.  
  819. #title {
  820.     {block:ifcursivequotes}
  821.         font-family:"FountainPen";
  822.         {block:indexpage}
  823.             {block:if250pxposts}font-size:25px;{/block:if250pxposts}
  824.             {block:if400pxposts}font-size:30px;{/block:if400pxposts}
  825.             {block:if500pxposts}font-size:30px;{/block:if500pxposts}
  826.         {/block:indexpage}
  827.         {block:permalinkpage}
  828.             font-size:30px;
  829.         {/block:permalinkpage}
  830.     {/block:ifcursivequotes}
  831.     {block:ifnotcursivequotes}
  832.         font-family:'Telex', sans-serif;
  833.         {block:indexpage}
  834.             {block:if250pxposts}font-size:15px;{/block:if250pxposts}
  835.             {block:if400pxposts}font-size:20px;{/block:if400pxposts}
  836.             {block:if500pxposts}font-size:20px;{/block:if500pxposts}
  837.         {/block:indexpage}
  838.         {block:permalinkpage}
  839.             font-size:20px;
  840.         {/block:permalinkpage}
  841.     {/block:ifnotcursivequotes}
  842.     color:{color:quote};
  843.     padding-left:20px;
  844.     padding-right:20px;
  845.     padding-top:10px;
  846.     padding-bottom:5px;
  847.     line-height:100%;
  848.     text-transform:none;
  849. }
  850.  
  851.  
  852. #audioplayer {
  853.     width:28px;
  854.     height:30px;
  855.     overflow:hidden;
  856.     position:absolute;
  857.     margin-top:40px;
  858.     margin-left:35px;
  859.     z-index:999;
  860. }
  861.  
  862. #musicinfo{
  863.     color:{color:text};
  864.     margin-top:-90px;
  865.     margin-left:110px;
  866.     background-color:{color:blockquote2};
  867.     padding-left:10px;
  868.     padding-top:5px;
  869.     padding-right:5px;
  870.     padding-bottom:5px;
  871.     line-height:110%;
  872.     margin-bottom:50px;
  873. }
  874.  
  875. #audiocaption{
  876.     margin-top:-15px;
  877.     padding-left:10px;
  878.     padding-right:10px;
  879. }
  880.  
  881. #albumart{
  882.     height:100px;
  883.     width:100px;
  884.     background-image:url('https://lh3.googleusercontent.com/-ABbl71o4DHE/UZh6Xuh6QJI/AAAAAAAAEn8/j49R7fSCZHE/s200-no/Untitled-1.jpg');
  885.     background-position:fixed;
  886.     background-size:100px 100px;
  887.     background-repeat:no-repeat;
  888.     z-index:-1;
  889.     -webkit-transition: all 0.5s linear;
  890.     -moz-transition: all 0.5s linear;
  891.     -o-transition: all 0.5s linear;
  892. }
  893.  
  894.  
  895. .askicon {
  896.     position:absolute;
  897.     {block:indexpage}
  898.         {block:if250pxposts}margin-left:20px;{/block:if250pxposts}
  899.         {block:if400pxposts}margin-left:100px;{/block:if400pxposts}
  900.         {block:if500pxposts}margin-left:100px;{/block:if500pxposts}
  901.     {/block:indexpage}
  902.     {block:permalinkpage}
  903.         margin-left:100px;
  904.     {/block:permalinkpage}
  905. }
  906.  
  907. #triangle {
  908.     {block:indexpage}
  909.         {block:if250pxposts}margin-left:27px;{/block:if250pxposts}
  910.         {block:if400pxposts}margin-left:107px;{/block:if400pxposts}
  911.         {block:if500pxposts}margin-left:107px;{/block:if500pxposts}
  912.     {/block:indexpage}
  913.     {block:permalinkpage}
  914.         margin-left:107px;
  915.     {/block:permalinkpage}
  916.     width: 0;
  917.     height: 0;
  918.     border-left: 7px solid transparent;
  919.     border-right: 7px solid transparent;
  920.     border-top: 15px solid {color:blockquote2};
  921. }
  922.  
  923.  
  924. #askz {
  925.     padding:10px;
  926.     line-height: 140%;
  927.     {block:indexpage}
  928.         {block:if250pxposts}width:230px;{/block:if250pxposts}
  929.         {block:if400pxposts}width:380px;{/block:if400pxposts}
  930.         {block:if500pxposts}width:480px;{/block:if500pxposts}
  931.     {/block:indexpage}
  932.     {block:permalinkpage}
  933.         width:480px;
  934.     {/block:permalinkpage}
  935.     color:{color:question};
  936.     text-align:justify;
  937.  
  938.     background-color:{color:blockquote2};
  939. }
  940.  
  941. #qask{
  942.     {block:indexpage}
  943.         {block:if250pxposts}margin-left:35px;{/block:if250pxposts}
  944.         {block:if400pxposts}margin-left:115px;{/block:if400pxposts}
  945.         {block:if500pxposts}margin-left:115px;{/block:if500pxposts}
  946.     {/block:indexpage}
  947.     {block:permalinkpage}
  948.         margin-left:115px;
  949.     {/block:permalinkpage}
  950.     margin-top:8px;
  951.     padding-right:10px;
  952.     padding-top:3px;
  953.     padding-bottom:3px;
  954.     padding-left:30px;
  955.     font-size:9px;
  956.     max-width:180px;
  957.     font-family:tinytots;
  958.     font-size:8px;
  959.     text-transform:uppercase;
  960.     background-color:{color:blockquote};
  961. }
  962.  
  963. #answer {
  964.     padding:5px;
  965.     {block:indexpage}
  966.         {block:if250pxposts}
  967.             margin-left:10px;
  968.             width:220px;
  969.         {/block:if250pxposts}
  970.         {block:if400pxposts}
  971.             margin-left:30px;
  972.             width:330px;
  973.         {/block:if400pxposts}
  974.         {block:if500pxposts}
  975.             margin-left:30px;
  976.             width:430px;
  977.         {/block:if500pxposts}
  978.     {/block:indexpage}
  979.     {block:permalinkpage}
  980.         margin-left:30px;
  981.         width:430px;
  982.     {/block:permalinkpage}
  983.     text-align:justify;
  984. }
  985.  
  986. #answer img{
  987.     max-width:100%;
  988.     height:auto;
  989. }
  990.  
  991. .posts:hover #answer img{
  992.     box-shadow: 0px 0px 0px #9e9797;
  993. }
  994.  
  995. ol.notes{
  996.     max-width:500px;
  997.     padding:0px;
  998.     margin: 0px 15px;
  999.     list-style-type:none;
  1000.     font-size:8 px;
  1001.     font-family:tinytots;
  1002. }
  1003.  
  1004. ol.notes li.note{
  1005.     padding:0px;
  1006.     font-size:8px;
  1007. }
  1008.  
  1009. ol.notes li.note img{
  1010.     margin-top:7px;
  1011. }
  1012.  
  1013. ol.notes li.note img.avatar{
  1014.  
  1015.     margin-right:3px;
  1016.     width:16px;
  1017.     height:16px;
  1018. }
  1019.  
  1020. ol.notes li.note a img.avatar{
  1021.     padding:0px;
  1022.     border-width:0 px;
  1023.     border:none;
  1024. }
  1025.  
  1026. ol.notes li.note img{
  1027.     padding:0 px;
  1028.     border-width:0 px;
  1029.     border:none;
  1030. }
  1031.  
  1032. ol.notes li.note span.action{
  1033.     color:{color:text};
  1034. }
  1035.  
  1036. ol.notes li.note.answer_content{
  1037.     font-weight:normal;
  1038. }
  1039.  
  1040. ol.notes li.note.blockquote{
  1041.     padding:1 px 1 px;margin:1px 0px 0px 1px;
  1042. }
  1043.  
  1044. ol.notes li.note.blockquote a{
  1045.     text-decoration:none;
  1046. }
  1047.  
  1048. ol.notes li.note a{
  1049.     color:{color:text};
  1050. }
  1051.  
  1052. ol.notes li.note a:hover{
  1053.     text-shadow:0px 0px 5px #888888;
  1054. }
  1055.  
  1056.  
  1057.  
  1058.  /*etc*/
  1059.  
  1060. #credit{
  1061.     position:fixed;
  1062.     bottom:10px;
  1063.     right:10px;
  1064.     z-index:1;
  1065.     -webkit-transition: all 0.3s linear;
  1066.     -moz-transition: all 0.3s linear;
  1067.     -o-transition: all 0.3s linear;
  1068.     -ms-transition: all 0.3s linear;
  1069.         -webkit-filter: grayscale(100%);
  1070.       -moz-filter: grayscale(100%);
  1071.       -ms-filter: grayscale(100%);
  1072.       -o-filter: grayscale(100%);
  1073. }
  1074.  
  1075. #credit:hover{
  1076.      -webkit-filter: grayscale(0%);
  1077.   -moz-filter: grayscale(0%);
  1078.   -ms-filter: grayscale(0%);
  1079.   -o-filter: grayscale(0%);
  1080. }
  1081.    
  1082.  #s-m-t-tooltip{
  1083.   max-width:300px;
  1084.   z-index:10;
  1085.   margin:24px 14px 7px 12px;
  1086.   padding:5px;
  1087.   background:#232323;
  1088.   -moz-border-radius:0px;
  1089.   -webkit-border-radius:0px;
  1090.   border-radius:0px;
  1091.   -moz-box-shadow:0px 0px 3px #232323;
  1092.   -webkit-box-shadow:0px 0px 3px #232323;
  1093.   box-shadow:0px 0px 3px #232323;
  1094.   font-family:tinytots;
  1095.   font-size:8px;
  1096.   text-transform:uppercase;
  1097.   color:#fff;
  1098. }
  1099.    
  1100.  
  1101. {CustomCSS}
  1102.    
  1103. body {cursor: url(http://www.dolliehost.com/dolliecrave/cursors/cursors-arrow/arrow38.gif), progress !important;}
  1104.    
  1105. a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress !important;}
  1106.    
  1107. </style>
  1108.  
  1109.    
  1110.  
  1111.    
  1112. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  1113.    
  1114.  
  1115.    
  1116. </head><body>
  1117.  
  1118.  <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>
  1119.  
  1120. <div class="pagination">{block:Pagination}<div id="pagination">
  1121. {block:PreviousPage}<a href="{PreviousPage}">&#171;</a>{/block:PreviousPage}
  1122. {block:NextPage}<a href="{NextPage}">&#187;</a>{/block:NextPage}
  1123. </div>{/block:Pagination}
  1124. </div>
  1125.  
  1126.  
  1127. <div id="main">{title}</div>
  1128. {block:ifshowsubtitle}
  1129.     <div id="sub">{text:subtitle}</div>
  1130. {/block:ifshowsubtitle}
  1131.  
  1132. <img src="{image:standalone}" class="standalone"/>
  1133.  
  1134. <div id="sidebar">
  1135.  
  1136.  
  1137.     <div id="line"></div>
  1138.     <a href="/" title="home"><img src="https://lh6.googleusercontent.com/-KJRyek767DQ/UdZ2GkSYo_I/AAAAAAAAFQU/LXjygAjdyb8/s32-no/home.png" id="home"></a>  
  1139.     <a href="/ask" title="message"><img src="https://lh4.googleusercontent.com/-_-XNdl_Y9Yg/UdZ2G14FqLI/AAAAAAAAFQQ/E9ZbJdOyH0A/s32-no/chat-active-alt-2.png" id="ask"></a>
  1140.     <a href="/archive" title="archive"><img src="https://lh6.googleusercontent.com/-DOKNRDS76Qo/UdZ2GpqkG-I/AAAAAAAAFQM/pftCNkbTm6o/s32-no/calendar-alt-2.png" id="arch"></a>
  1141.    
  1142.     <div id="descback">
  1143.         <div class="desc">{description}</div>
  1144.     </div>
  1145.    
  1146.     <div id="custom">
  1147.         {block:iflink1}<a href="{text:link1URL}" title="{text:link1}" class="custom">001.</a>{/block:iflink1}
  1148.         {block:iflink2}<a href="{text:link2URL}" title="{text:link2}" class="custom">002.</a>{/block:iflink2}
  1149.         {block:iflink3}<a href="{text:link3URL}" title="{text:link3}" class="custom">003.</a>{/block:iflink3}
  1150.         {block:iflink4}<a href="{text:link4URL}" title="{text:link4}" class="custom">004.</a>{/block:iflink4}
  1151.         {block:iflink5}<a href="{text:link5URL}" title="{text:link5}" class="custom">005.</a>{/block:iflink5}
  1152.         {block:iflink6}<a href="{text:link6URL}" title="{text:link6}" class="custom">006.</a>{/block:iflink6}
  1153.        
  1154.     </div>
  1155.    
  1156. </div>
  1157.  
  1158.  
  1159. <div id="horizontal"></div>
  1160.  
  1161.  <div id="bar1"></div>
  1162.  <div id="bar2"></div>
  1163.  <div id="bar3"></div>
  1164.  
  1165.  
  1166.  
  1167. <div id="postmargin">
  1168.     {block:ifinfinitescroll}<div class="autopagerize_page_element">{/block:ifinfinitescroll}
  1169.     {block:Posts}
  1170. <div class="posts">
  1171.  
  1172.  
  1173. {block:Text}
  1174.     <center>
  1175.         <div id="title">{block:Title}{Title}{/block:Title}</div>
  1176.     </center>
  1177.     {Body}
  1178. {/block:Text}
  1179.  
  1180.  
  1181. {block:Photo}
  1182.     <center>
  1183.         <img src="{PhotoURL-500}" width="500">
  1184.     </center>
  1185.     {block:indexpage}
  1186.         {block:ifnothiddendescriptions}
  1187.             {block:Caption}
  1188.                 {Caption}
  1189.             {/block:Caption}
  1190.         {/block:ifnothiddendescriptions}
  1191.     {/block:indexpage}
  1192.     {block:permalinkpage}
  1193.         {block:Caption}
  1194.             {Caption}
  1195.         {/block:Caption}
  1196.     {/block:permalinkpage}
  1197. {/block:Photo}
  1198.  
  1199.  
  1200. {block:Photoset}
  1201.     <center>
  1202.         {block:indexpage}
  1203.             {block:if250pxposts}{Photoset-250}{/block:if250pxposts}
  1204.             {block:if400pxposts}{Photoset-400}{/block:if400pxposts}
  1205.             {block:if500pxposts}{Photoset-500}{/block:if500pxposts}
  1206.         {/block:indexpage}
  1207.         {block:permalinkpage}
  1208.             {Photoset-500}
  1209.         {/block:permalinkpage}
  1210.     </center>
  1211.     {block:indexpage}
  1212.         {block:ifnothiddendescriptions}
  1213.             {block:Caption}
  1214.                 {Caption}
  1215.             {/block:Caption}
  1216.         {/block:ifnothiddendescriptions}
  1217.     {/block:indexpage}
  1218.     {block:permalinkpage}
  1219.         {block:Caption}
  1220.             {Caption}
  1221.         {/block:Caption}
  1222.     {/block:permalinkpage}
  1223. {/block:Photoset}
  1224.  
  1225.  
  1226. {block:Quote}
  1227.     <div id="quote">
  1228.         {Quote}
  1229.     </div>
  1230.         <p align="right">
  1231.             {block:Source}
  1232.                 —{Source}
  1233.             {/block:Source}
  1234.         </p>
  1235. {/block:Quote}
  1236.  
  1237.  
  1238. {block:Link}
  1239.     <div id="title" align="center"><t>
  1240.         <a href="{URL}" {Target}>{Name}</a>
  1241.     </t></div>
  1242.     {block:Description}
  1243.         {Description}
  1244.     {/block:Description}
  1245. {/block:Link}
  1246.  
  1247.  
  1248. {block:Chat}
  1249.     <div id="title" align="center">
  1250.         {block:Title}<t>
  1251.             {Title}
  1252.         </t>{/block:Title}
  1253.     </div>
  1254.     <p>{block:Lines}
  1255.         {block:Label}
  1256.             <b>{Label}</b>
  1257.         {/block:Label}
  1258.         {Line}
  1259.         <br>
  1260.     {/block:Lines}</p>
  1261. {/block:Chat}
  1262.  
  1263.  
  1264. {block:Audio}
  1265.     <div id="audioplayer">
  1266.         {AudioPlayerWhite}
  1267.     </div>
  1268.     <div id="albumart">
  1269.         {block:AlbumArt}
  1270.             <img src="{AlbumArtURL}" width="100">
  1271.         {/block:AlbumArt}
  1272.     </div>
  1273.     <div id="musicinfo">
  1274.         <b>Song:</b> {block:TrackName}{TrackName}{/block:TrackName}
  1275.         <br><br>
  1276.         <b>Artist:</b> {block:Artist}{Artist}{/block:Artist}
  1277.         <br><br>
  1278.         <b>Album:</b> {block:Album}{Album}{/block:Album}
  1279.     </div>
  1280.     {block:caption}
  1281.         <div id="audiocaption">
  1282.             {caption}
  1283.         </div>
  1284.     {/block:caption}
  1285. {/block:Audio}
  1286.  
  1287.  
  1288. {block:Video}
  1289.     {block:indexpage}
  1290.         {block:if250pxposts}{Video-250}{/block:if250pxposts}
  1291.         {block:if400pxposts}{Video-400}{/block:if400pxposts}
  1292.         {block:if500pxposts}{Video-500}{/block:if500pxposts}
  1293.     {/block:indexpage}
  1294.     {block:permalinkpage}
  1295.         {Video-500}
  1296.     {/block:permalinkpage}
  1297.     {block:indexpage}
  1298.         {block:ifnothiddendescriptions}
  1299.             {block:Caption}
  1300.                 {Caption}
  1301.             {/block:Caption}
  1302.         {/block:ifnothiddendescriptions}
  1303.     {/block:indexpage}
  1304.     {block:permalinkpage}
  1305.         {block:Caption}
  1306.             {Caption}
  1307.         {/block:Caption}
  1308.     {/block:permalinkpage}
  1309. {/block:Video}
  1310.  
  1311. {block:Answer}
  1312.     <div id="askz">
  1313.         {Question}
  1314.     </div>
  1315.     <div id="triangle"></div>
  1316.     <img src="{AskerPortraitURL-30}" class="askicon">
  1317.     <div id="qask">
  1318.         {Asker} said—
  1319.     </div>
  1320.     <div id="answer">
  1321.         {Answer}
  1322.     </div>
  1323. {/block:Answer}
  1324.  
  1325.  
  1326.  
  1327.  {block:Date}
  1328.     <div id="permalink">
  1329.        <div class="permalink">
  1330.        
  1331.     {block:if250pxposts}    
  1332.         <a href="{Permalink}">{12Hour}:{Minutes}</a> on <a href="{Permalink}">{ShortMonth} {DayOfMonth}, {Year}</a> with <a href="{Permalink}">{NoteCount} notes</a> {block:RebloggedFrom}|| <a href="{ReblogRootURL}">OP</a> &#8226; <a href="{ReblogParentURL}">VIA</a>{/block:RebloggedFrom}
  1333.     {/block:if250pxposts}
  1334.    
  1335.     {block:ifnot250pxposts}    
  1336.         posted on <a href="{Permalink}">{Month} {DayOfMonth}, {Year}</a> at <a href="{Permalink}">{12hour}:{minutes}{ampm}</a> with <a href="{Permalink}">{NoteCount} notes</a> {block:RebloggedFrom}|| <a href="{ReblogRootURL}">OP</a> &#8226; <a href="{ReblogParentURL}">VIA</a>{/block:RebloggedFrom}
  1337.     {/block:ifnot250pxposts}
  1338.    
  1339.         </div>
  1340.        
  1341.         <div class="tags">
  1342.     {block:HasTags}{block:Tags}#<a href="/tagged/{Tag}">{Tag} </a> {/block:Tags}{/block:HasTags}
  1343.    
  1344.        </div>
  1345.    </div>
  1346.  {/block:Date}
  1347.  
  1348.  
  1349. </div>
  1350.  
  1351.  
  1352.  
  1353. <div class="notes">
  1354.     {block:PostNotes}
  1355.         <a name="notes">
  1356.             {PostNotes}
  1357.         </a>
  1358.     {/block:PostNotes}
  1359. </div>
  1360.  
  1361.  
  1362.  
  1363. {/block:Posts}</div></div>
  1364.  
  1365.  
  1366.  
  1367. </body></html>
Add Comment
Please, Sign In to add comment