API tools faq
paste
darianella

"Writer's Corner" tumblr theme HTML code

darianella
Dec 1st, 2013
12,427
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 48.20 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=Josefin+Sans' 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.  <link href='http://fonts.googleapis.com/css?family=Roboto:100' rel='stylesheet' type='text/css'>
  9.  
  10. <!--
  11.  
  12. this thing took me three days to make, aughaughaskjdfh BUT it's as finished as it's going to get, so I'm setting it free. It has too many options and too many links, but here's the low-down of what's going on here:
  13.  
  14. OPTIONS:
  15. - 250, 400, or 500px posts
  16. - pagination/infinite scroll
  17. - optional monocrhome images
  18. - optional hidden image descriptions
  19. - optional standalone sidebar image
  20. - up to ninteen optional links
  21. - ten optional story summary boxes
  22. - optional post transparency
  23. - optional navigation transparency
  24. - optional description transparency
  25. - optional story box transparency
  26.  
  27. by now you guys pretty much know the drill--please don't steal the theme, please don't remove the credit, please come and say hello.
  28.  
  29. I love you,
  30.    Darian
  31.    
  32. -->
  33.  
  34.  
  35. <head><title>{Title}</title>
  36.  
  37. <link rel="shortcut icon" href="{favicon}">
  38. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  39.  
  40.  
  41.  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  42. <script src="http://static.tumblr.com/5ojoydj/p9wmmzopi/jquery.style-my-tooltips.js"></script>
  43. <script src="http://static.tumblr.com/5ojoydj/En2mmzorm/style-my-tooltips.css"></script>
  44. <script>
  45.      (function($){
  46.          $(document).ready(function(){
  47.              $("[title]").style_my_tooltips({
  48.     tip_follows_cursor:true,
  49.     tip_delay_time:200,
  50.     tip_fade_speed:300,
  51.     attribute:"title"
  52. });
  53.          });
  54.      })(jQuery);
  55.  </script>
  56.  
  57.  
  58.  
  59. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  60.  
  61.  
  62.    
  63.     <meta name="color:background" content="#f3f3f3" />
  64.    
  65.     <meta name="color:scrollbar" content="#000000" />
  66.     <meta name="color:scrollbar back" content="#ffffff" />
  67.        
  68.     <meta name="color:selection" content="#000000" />
  69.     <meta name="color:selection text" content="#ffffff" />
  70.    
  71.     <meta name="color:title" content="#000000" />
  72.    
  73.     <meta name="color:description" content="#ffffff" />
  74.     <meta name="color:description back" content="#000000" />
  75.    
  76.     <meta name="color:sidebar" content="#000000" />
  77.    
  78.     <meta name="color:nav1" content="#000000" />
  79.     <meta name="color:nav1 hover" content="#000000" />
  80.     <meta name="color:nav1 text" content="#ffffff" />
  81.     <meta name="color:nav1 text hover" content="#ffffff" />
  82.    
  83.     <meta name="color:nav2" content="#000000" />
  84.     <meta name="color:nav2 hover" content="#c3a538" />
  85.     <meta name="color:nav2 text" content="#ffffff" />
  86.     <meta name="color:nav2 text hover" content="#000000" />
  87.    
  88.     <meta name="color:nav3" content="#000000" />
  89.     <meta name="color:nav3 hover" content="#000000" />
  90.     <meta name="color:nav3 text" content="#ffffff" />
  91.     <meta name="color:nav3 text hover" content="#ffffff" />
  92.    
  93.     <meta name="color:text" content="#000000" />
  94.     <meta name="color:bold" content="#000000" />
  95.     <meta name="color:italic" content="#414141" />
  96.     <meta name="color:blockquote border" content="#000000" />
  97.    
  98.     <meta name="color:post" content="#ffffff" />
  99.     <meta name="color:post links" content="#c3a538" />
  100.     <meta name="color:post link hover" content="#414141" />
  101.    
  102.     <meta name="color:permalink border" content="#000000" />
  103.     <meta name="color:permalinks" content="#656565" />
  104.     <meta name="color:permalink hover" content="#000000" />
  105.    
  106.     <meta name="color:textbox bar" content="#000000" />
  107.     <meta name="color:textbox bar hover" content="#c3a538" />
  108.     <meta name="color:textbox title" content="#ffffff" />
  109.     <meta name="color:textbox title hover" content="#000000" />
  110.     <meta name="color:textbox back" content="#ffffff" />
  111.     <meta name="color:textbox text" content="#000000" />
  112.    
  113.     <meta name="if:250px posts" content="0">
  114.     <meta name="if:400px posts" content="1">
  115.     <meta name="if:500px posts" content="0">
  116.     <meta name="if:infinite scroll" content="0">
  117.     <meta name="if:monochrome" content="0">
  118.     <meta name="if:hidden descriptions" content="0">
  119.     <meta name="if:rightside image" content="1">
  120.    
  121.     <meta name="if:extra links" content="1">
  122.    
  123.     <meta name="if:transparent posts" content="1">
  124.     <meta name="if:transparent navigation" content="1">
  125.     <meta name="if:transparent description" content="0">
  126.     <meta name="if:text boxes" content="1">
  127.     <meta name="if:transparent text boxes" content="1">
  128.  
  129.    
  130.     <meta name="image:background" content="https://lh3.googleusercontent.com/-qoxOyg8T5Ks/Upu4fnboEMI/AAAAAAAAFvo/OdxNdjrGv_o/w412-h300-no/linedpaper.png"/>
  131.     <meta name="image:imageright" content="https://lh4.googleusercontent.com/-Ch3xyUBGuMg/Upu4YcfPamI/AAAAAAAAFvY/Ki91soFaBEA/w355-h684-no/tumblr_mkjm9aTaUD1qb1o3bo1_r3_500+copy2.png"/>
  132.     <meta name="image:imageleft" content="https://lh3.googleusercontent.com/-8V2T99b9IYg/Upu4Ya0UaXI/AAAAAAAAFvc/aIPB_JTVo34/w266-h449-no/tumblr_lwhmx67PYy1qb1o3bo5_400copy2.png"/>
  133.  
  134.  
  135.     <meta name="text:link1" content="" />
  136.     <meta name="text:link1URL" content="/" />
  137.     <meta name="text:link2" content="" />
  138.     <meta name="text:link2URL" content="/" />
  139.     <meta name="text:link3" content="" />
  140.     <meta name="text:link3URL" content="/" />
  141.     <meta name="text:link4" content="" />
  142.     <meta name="text:link4URL" content="/" />
  143.     <meta name="text:link5" content="" />
  144.     <meta name="text:link5URL" content="/" />
  145.     <meta name="text:link6" content="" />
  146.     <meta name="text:link6URL" content="/" />
  147.     <meta name="text:secondary nav title" content="" />
  148.     <meta name="text:link7" content="" />
  149.     <meta name="text:link7URL" content="/" />
  150.     <meta name="text:link8" content="" />
  151.     <meta name="text:link8URL" content="/" />
  152.     <meta name="text:link9" content="" />
  153.     <meta name="text:link9URL" content="/" />
  154.     <meta name="text:link10" content="" />
  155.     <meta name="text:link10URL" content="/" />
  156.     <meta name="text:link11" content="" />
  157.     <meta name="text:link11URL" content="/" />
  158.     <meta name="text:link12" content="" />
  159.     <meta name="text:link12URL" content="/" />
  160.     <meta name="text:link13" content="" />
  161.     <meta name="text:link13URL" content="/" />
  162.     <meta name="text:link14" content="" />
  163.     <meta name="text:link14URL" content="/" />
  164.     <meta name="text:link15" content="" />
  165.     <meta name="text:link15URL" content="/" />
  166.     <meta name="text:link16" content="" />
  167.     <meta name="text:link16URL" content="/" />
  168.     <meta name="text:link17" content="" />
  169.     <meta name="text:link17URL" content="/" />
  170.     <meta name="text:link18" content="" />
  171.     <meta name="text:link18URL" content="/" />
  172.     <meta name="text:link19" content="" />
  173.     <meta name="text:link19URL" content="/" />
  174.    
  175.     <meta name="text:textbox1 title" content="Story Title" />
  176.     <meta name="text:textbox1 link" content="" />
  177.     <meta name="text:textbox1 rating" content="?" />
  178.     <meta name="text:textbox1 wc" content="???,???" />
  179.     <meta name="text:textbox1 pairing" content="Char 1 x Char 2" />
  180.     <meta name="text:textbox1 description" content=" [[story summary]]" />
  181.    
  182.     <meta name="text:textbox2 title" content="" />
  183.     <meta name="text:textbox2 link" content="" />
  184.     <meta name="text:textbox2 rating" content="" />
  185.     <meta name="text:textbox2 wc" content="" />
  186.     <meta name="text:textbox2 pairing" content="" />
  187.     <meta name="text:textbox2 description" content="" />
  188.    
  189.     <meta name="text:textbox3 title" content="" />
  190.     <meta name="text:textbox3 link" content="" />
  191.     <meta name="text:textbox3 rating" content="" />
  192.     <meta name="text:textbox3 wc" content="" />
  193.     <meta name="text:textbox3 pairing" content="" />
  194.     <meta name="text:textbox3 description" content="" />
  195.    
  196.     <meta name="text:textbox4 title" content="" />
  197.     <meta name="text:textbox4 link" content="" />
  198.     <meta name="text:textbox4 rating" content="" />
  199.     <meta name="text:textbox4 wc" content="" />
  200.     <meta name="text:textbox4 pairing" content="" />
  201.     <meta name="text:textbox4 description" content="" />
  202.    
  203.     <meta name="text:textbox5 title" content="" />
  204.     <meta name="text:textbox5 link" content="" />
  205.     <meta name="text:textbox5 rating" content="" />
  206.     <meta name="text:textbox5 wc" content="" />
  207.     <meta name="text:textbox5 pairing" content="" />
  208.     <meta name="text:textbox5 description" content="" />
  209.    
  210.     <meta name="text:textbox6 title" content="" />
  211.     <meta name="text:textbox6 link" content="" />
  212.     <meta name="text:textbox6 rating" content="" />
  213.     <meta name="text:textbox6 wc" content="" />
  214.     <meta name="text:textbox6 pairing" content="" />
  215.     <meta name="text:textbox6 description" content="" />
  216.    
  217.     <meta name="text:textbox7 title" content="" />
  218.     <meta name="text:textbox7 link" content="" />
  219.     <meta name="text:textbox7 rating" content="" />
  220.     <meta name="text:textbox7 wc" content="" />
  221.     <meta name="text:textbox7 pairing" content="" />
  222.     <meta name="text:textbox7 description" content="" />
  223.    
  224.     <meta name="text:textbox8 title" content="" />
  225.     <meta name="text:textbox8 link" content="" />
  226.     <meta name="text:textbox8 rating" content="" />
  227.     <meta name="text:textbox8 wc" content="" />
  228.     <meta name="text:textbox8 pairing" content="" />
  229.     <meta name="text:textbox8 description" content="" />
  230.    
  231.     <meta name="text:textbox9 title" content="" />
  232.     <meta name="text:textbox9 link" content="" />
  233.     <meta name="text:textbox9 rating" content="" />
  234.     <meta name="text:textbox9 wc" content="" />
  235.     <meta name="text:textbox9 pairing" content="" />
  236.     <meta name="text:textbox9 description" content="" />
  237.    
  238.     <meta name="text:textbox10 title" content="" />
  239.     <meta name="text:textbox10 link" content="" />
  240.     <meta name="text:textbox10 rating" content="" />
  241.     <meta name="text:textbox10 wc" content="" />
  242.     <meta name="text:textbox10 pairing" content="" />
  243.     <meta name="text:textbox10 description" content="" />
  244.  
  245. <style type="text/css">
  246.  
  247. /*basics*/
  248.  
  249. ::-webkit-scrollbar {
  250. width: 15px;
  251. height: 5px;
  252. }
  253.  
  254. ::-webkit-scrollbar-thumb {
  255. background-color: {color:scrollbar};
  256. }
  257.  
  258. ::-webkit-scrollbar-track {
  259. background-color:{color:scrollbar back};
  260. }
  261.  
  262. /*
  263.  
  264. ::-webkit-scrollbar {
  265. width: 15px;
  266. height: 5px;
  267. }
  268.  
  269. ::-webkit-scrollbar-thumb {
  270. background-color: {color:scrollbar};
  271. border: 2px solid {color:scrollbar back};
  272. border-right: 5px solid {color:scrollbar back};
  273. border-left: 5px solid {color:scrollbar back};
  274. }
  275.  
  276. ::-webkit-scrollbar-track {
  277. background-color: {color:scrollbar};
  278. border: 7px solid {color:scrollbar back};
  279. }
  280.  
  281. */
  282.  
  283. @font-face {
  284. font-family: "tinytots";
  285. src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');
  286. }
  287.  
  288. @font-face{
  289.     font-family: "tiny times";
  290.     src: url('http://static.tumblr.com/6kvh1bm/KYJmx2tcb/tiny_times.ttf');
  291. }
  292.  
  293.  
  294. @font-face {
  295.     font-family: 'ronda';
  296.     src: url('http://static.tumblr.com/rmj06l2/kcLlo1q2y/pf_ronda_seven.ttf');
  297. }
  298.  
  299. iframe{
  300.     opacity: 0.9;
  301.     filter:alpha(opacity=90);
  302.     -moz-opacity: 0.9;
  303.     -khtml-opacity: 0.9;
  304. }
  305.  
  306. iframe#tumblr_controls {
  307.     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;}
  308.  
  309. 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;}
  310.  
  311.  
  312.  
  313. /*basic derps*/
  314.  
  315. body{
  316.     margin-top:0;
  317.     margin-left:0;
  318.     color:{color:text};
  319.         font-family:'Muli', sans-serif;
  320.         font-size:11px;
  321.         line-height:100%;
  322.     background-image:url('{image:background}');
  323.     background-attachment: fixed;
  324.         background-repeat: repeat;
  325.     background-color: {color:background};
  326. }
  327.  
  328. a{
  329.     text-decoration:none;
  330.     outline:none;
  331.     -moz-outline-style:none;
  332.    color:{color:post links};
  333.     -webkit-transition: all 0.5s linear;
  334.     -moz-transition: all 0.5s linear;
  335.     -o-transition: all 0.5s linear;
  336. }
  337.  
  338.  
  339. em{
  340.     color:{color:italic};
  341. }
  342.  
  343. strong{
  344.     color:{color:bold};
  345.     font-weight:strong;
  346. }
  347.  
  348. img{
  349.     border:none;
  350. }
  351.  
  352. blockquote{
  353.     padding-left:7px;
  354.     margin-left:10px;
  355.     border-left:solid 2px {color:blockquote border};
  356.    
  357. }
  358.  
  359. blockquote blockquote{
  360.     margin-left:5px;
  361. }
  362.  
  363. pre{
  364.     font-size:9px;
  365.     {block:indexpage}
  366.         {block:if250pxposts}max-width:240px;{/block:if250pxposts}
  367.         {block:if400pxposts}max-width:390px;{/block:if400pxposts}
  368.         {block:if500pxposts}max-width:490px;{/block:if500pxposts}
  369.     {/block:indexpage}
  370.    
  371.     {block:permalinkpage}max-width:490px;{/block:permalinkpage}
  372.    
  373.     word-wrap:break-word;
  374.     background-color:#bcbbbb;
  375.     padding:5px;
  376.     font-family:muli;
  377.     text-align:center;
  378. }
  379.  
  380.  
  381. ::selection {
  382. background:{color:selection};
  383. color: {color:selection text};
  384. }
  385.  
  386. ::-moz-selection {
  387. background: {color:selection};
  388. color: {color:selection text};
  389. }
  390.  
  391. ::-webkit-selection {
  392. background: {color:selection};
  393. color: {color:selection text};
  394. }
  395.  
  396.  
  397. /*title*/
  398.  
  399. #main{
  400.     position:fixed;
  401.     margin-top:30px;
  402.     margin-left:20px;
  403.     text-align:center;
  404.     font-family: 'Roboto', sans-serif;
  405.     font-size:35px;
  406.     color:{color:title};
  407.     width:450px;
  408.     height:50px;
  409.    
  410. }
  411.  
  412. /*nav*/
  413.  
  414. #nav{
  415.     position:fixed;
  416.     height:40px;
  417.     margin-top:70px;
  418.     margin-left:25px;
  419.     text-align:center;
  420.     width:450px;
  421. }
  422.  
  423. .nav1{
  424.     display:inline-block;
  425.     height:12px;
  426.     width:70px;
  427.     padding-top:5px;
  428.     margin-right:10px;
  429.     {block:ifnottransparentnavigation}
  430.         background-color:{color:nav1};
  431.     {/block:ifnottransparentnavigation}
  432.     {block:iftransparentnavigation}
  433.         background-color:transparent;
  434.     {/block:iftransparentnavigation}
  435.     font-family:muli;
  436.     font-size:11px;
  437.     color:{color:nav1 text};
  438.     border-bottom:solid 5px {color:nav1};
  439.     -webkit-transition: all 0.3s linear;
  440.     -moz-transition: all 0.3s linear;
  441.     -o-transition: all 0.3s linear;
  442.     text-transform:lowercase;
  443. }
  444.  
  445. .nav1:hover{
  446.     background-color:{color:nav1 hover};
  447.     color:{color:nav1 text hover};
  448.     border-bottom:solid 5px {color:nav1 hover};
  449. }
  450.  
  451. .arch{
  452.     margin-right:0px;
  453. }
  454.  
  455. .nav2{
  456.     display:inline-block;
  457.     height:15px;
  458.     width:90px;
  459.     padding-top:2px;
  460.     margin-right:10px;
  461.     {block:ifnottransparentnavigation}
  462.         background-color:{color:nav2};
  463.         color:{color:nav2 text};
  464.     {/block:ifnottransparentnavigation}
  465.     {block:iftransparentnavigation}
  466.         background-color:transparent;
  467.         color:{color:nav2};
  468.     {/block:iftransparentnavigation}
  469.     font-family:muli;
  470.     font-size:11px;
  471.     border-top:solid 5px {color:nav2};
  472.     -webkit-transition: all 0.3s linear;
  473.     -moz-transition: all 0.3s linear;
  474.     -o-transition: all 0.3s linear;
  475.     text-transform:lowercase;
  476. }
  477.  
  478. .nav2:hover{
  479.     background-color:{color:nav2 hover};
  480.     color:{color:nav2 text hover};
  481.     border-top:solid 5px {color:nav2 hover};
  482. }
  483.  
  484. .nav3{
  485.     display:inline-block;
  486.     height:12px;
  487.     width:90px;
  488.     padding-top:5px;
  489.     margin-right:10px;
  490.     {block:ifnottransparentnavigation}
  491.         background-color:{color:nav2};
  492.         color:{color:nav2 text};
  493.     {/block:ifnottransparentnavigation}
  494.     {block:iftransparentnavigation}
  495.         background-color:transparent;
  496.         color:{color:nav2};
  497.     {/block:iftransparentnavigation}
  498.     font-family:muli;
  499.     font-size:11px;
  500.     border-bottom:solid 5px {color:nav2};
  501.     -webkit-transition: all 0.3s linear;
  502.     -moz-transition: all 0.3s linear;
  503.     -o-transition: all 0.3s linear;
  504.     text-transform:lowercase;
  505. }
  506.  
  507. .nav3:hover{
  508.     background-color:{color:nav2 hover};
  509.     color:{color:nav2 text hover};
  510.     border-bottom:solid 5px {color:nav2 hover};
  511. }
  512.  
  513.  
  514. #nav2{
  515.     position:fixed;
  516.     height:40px;
  517.     margin-top:222px;
  518.     margin-left:25px;
  519.     text-align:center;
  520.     width:450px;
  521. }
  522.  
  523.  
  524.  /*description*/
  525.  
  526.  #desc{
  527.      position:fixed;
  528.      margin-top:130px;
  529.      margin-left:77px;
  530.      height:57px;
  531.      width:320px;
  532.      padding:10px;
  533.      text-align:center;
  534.      overflow:hidden;
  535.      font-family:muli;
  536.      font-size:11px;
  537.      color:{color:description};
  538.      {block:ifnottransparentdescription}
  539.      border-bottom:solid 10px {color:description back};
  540.         background-color:{color:description back};
  541.     {/block:ifnottransparentdescription}
  542.         {block:iftransparentdescription}
  543.         background-color:transparent;
  544.     {/block:iftransparentdescription}
  545.  }
  546.  
  547.  
  548. /*scroll thingie*/
  549.  
  550. #scrollback{
  551.     position:fixed;
  552.     margin-top:300px;
  553.     height:400px;
  554.     margin-left:45px;
  555.     text-align:center;
  556.     {block:ifnotextralinks}width:420px;{/block:ifnotextralinks}
  557.     {block:ifextralinks}width:240px;{/block:ifextralinks}
  558.     overflow:auto;
  559.     {block:ifnottextboxes}display:none;{/block:ifnottextboxes}
  560. }
  561.  
  562. #scrollback::-webkit-scrollbar {
  563. width: 15px;
  564. }
  565.  
  566. #scrollback::-webkit-scrollbar-thumb {
  567. background-color: {color:scrollbar};
  568. }
  569.  
  570. #scrollback::-webkit-scrollbar-track {
  571. display:none;
  572. }
  573.  
  574. .box{
  575.     display:inline-block;
  576.     height:220px;
  577.     width:180px;
  578.     margin-right:20px;
  579.     margin-bottom:20px;
  580.     {block:iftransparenttextboxes}
  581.         background-color:transparent;
  582.     {/block:iftransparenttextboxes}
  583.     {block:ifnottransparenttextboxes}
  584.         background-color:{color:textbox back};
  585.     {/block:ifnottransparenttextboxes}
  586. }
  587.  
  588. .boxbar{
  589.     position:absolute;
  590.     width:180px;
  591.     height:60px;
  592.     background-color:{color:textbox bar};
  593.     -webkit-transition: all 0.5s linear;
  594.     -moz-transition: all 0.5s linear;
  595.     -o-transition: all 0.5s linear;
  596. }
  597.  
  598. .boxbar:hover{
  599.     background-color:{color:textbox bar hover};
  600. }
  601.  
  602. .boxtitle{
  603.     position:absolute;
  604.     width:160px;
  605.     height:40px;
  606.     padding:10px;
  607.     text-align:center;
  608.     color:{color:textbox title};
  609.     font-family:Roboto;
  610.     font-size:20px;
  611.     line-height:100%;
  612.     overflow:hidden;
  613.     -webkit-transition: all 0.5s linear;
  614.     -moz-transition: all 0.5s linear;
  615.     -o-transition: all 0.5s linear;
  616. }
  617.  
  618. .boxbar:hover .boxtitle{
  619.     color:{color:textbox title hover};
  620. }
  621.  
  622. .rating{
  623.     position:absolute;
  624.     width:65px;
  625.     height:15px;
  626.     padding-top:3px;
  627.     text-align:center;
  628.     color:{color:textbox title};
  629.     background-color:{color:textbox bar};
  630.     font-family:muli;
  631.     font-size:10px;
  632.     margin-top:202px;
  633.     margin-left:15px;
  634.     overflow:hidden;
  635. }
  636.  
  637. .wc{
  638.     position:absolute;
  639.     width:80px;
  640.     height:15px;
  641.     padding-top:3px;
  642.     text-align:center;
  643.     color:{color:textbox title};
  644.     background-color:{color:textbox bar};
  645.     font-family:muli;
  646.     font-size:10px;
  647.     margin-top:202px;
  648.     margin-left:85px;
  649.     overflow:hidden;
  650. }
  651.  
  652. .pairing{
  653.     position:absolute;
  654.     width:110px;
  655.     height:15px;
  656.     padding-top:3px;
  657.     text-align:center;
  658.     color:{color:textbox title};
  659.     background-color:{color:textbox bar};
  660.     font-family:muli;
  661.     font-size:10px;
  662.     margin-left:35px;
  663.     margin-top:65px;
  664.     overflow:hidden;
  665. }
  666.  
  667. .boxdesc{
  668.     position:absolute;
  669.     width:160px;
  670.     height:99px;
  671.     margin-top:93px;
  672.     margin-left:10px;
  673.     overflow:auto;
  674.     font-family:muli;
  675.     font-size:10px;
  676.     padding-right:4px;
  677.     text-align:justify;
  678.     color:{color:textbox text};
  679. }
  680.  
  681. .boxdesc::-webkit-scrollbar {
  682. width: 5px;
  683. }
  684.  
  685. .boxdesc::-webkit-scrollbar-thumb {
  686. background-color: {color:scrollbar};
  687. }
  688.  
  689. .boxdesc::-webkit-scrollbar-track {
  690. display:none;
  691. }
  692.  
  693. /*nav2*/
  694.  
  695. #nav3{
  696.     position:fixed;
  697.     margin-top:300px;
  698.     height:400px;
  699.     width:150px;
  700.     margin-left:310px;
  701.     text-align:center;
  702.    
  703.     {block:ifnotextralinks}display:none;{/block:ifnotextralinks}
  704. }
  705.  
  706. .nav4{
  707.     display:inline-block;
  708.     width:100px;
  709.     height:11px;
  710.     padding-top:5px;
  711.     margin-bottom:8px;
  712.     background-color:{color:nav3};
  713.     font-family:muli;
  714.     font-size:11px;
  715.     {block:ifnottransparentnavigation}
  716.         background-color:{color:nav3};
  717.         color:{color:nav3 text};
  718.     {/block:ifnottransparentnavigation}
  719.     {block:iftransparentnavigation}
  720.         background-color:transparent;
  721.         color:{color:nav3};
  722.     {/block:iftransparentnavigation}
  723.     border-bottom:solid 5px {color:nav3};
  724.     -webkit-transition: all 0.3s linear;
  725.     -moz-transition: all 0.3s linear;
  726.     -o-transition: all 0.3s linear;
  727.     text-transform:lowercase;
  728. }
  729.  
  730. .nav4:hover{
  731.     background-color:{color:nav3 hover};
  732.     color:{color:nav3 text hover};
  733.     border-bottom:solid 5px {color:nav3 hover};
  734. }
  735.  
  736. .navtitle{
  737.     display:inline-block;
  738.     width:100px;
  739.     height:11px;
  740.     padding-top:5px;
  741.     margin-bottom:7px;
  742.     background-color:{color:textbox bar};
  743.     color:{color:textbox title};
  744.     font-family:muli;
  745.     font-size:11px;
  746.     text-transform:lowercase;
  747.     border-bottom:solid 5px {color:textbox bar};
  748. }
  749.  
  750. /*bar*/
  751.  
  752. #bar1{
  753.     position:fixed;
  754.     margin-left:490px;
  755.     bottom:0;
  756.     height:80%;
  757.     width:20px;
  758.     background-color:{color:sidebar};
  759.     z-index:-999;
  760. }
  761.  
  762.  /*standalone*/
  763.  
  764. .standalone{
  765.     position:fixed;
  766.     bottom:0;
  767.    
  768. {block:iftransparentposts}
  769.     {block:indexpage}
  770.         {block:if250pxposts}margin-left:850px;{/block:if250pxposts}
  771.         {block:if400pxposts}margin-left:950px;{/block:if400pxposts}
  772.         {block:if500pxposts}margin-left:1050px;{/block:if500pxposts}
  773.     {/block:indexpage}
  774.  
  775.     {block:permalinkpage}margin-left:1050px;{/block:permalinkpage}
  776. {/block:iftransparentposts}
  777.  
  778. {block:ifnottransparentposts}
  779.     {block:indexpage}
  780.         {block:if250pxposts}margin-left:860px;{/block:if250pxposts}
  781.         {block:if400pxposts}margin-left:960px;{/block:if400pxposts}
  782.         {block:if500pxposts}margin-left:1060px;{/block:if500pxposts}
  783.     {/block:indexpage}
  784.  
  785.     {block:permalinkpage}margin-left:1060px;{/block:permalinkpage}
  786. {/block:ifnottransparentposts}
  787.    
  788.     max-width:400px;
  789.     max-height:95%;
  790.     z-index:-999;
  791.    
  792.     {block:ifnotrightsideimage}display:none;{/block:ifnotrightsideimage}
  793. }
  794.  
  795.  
  796. .standalone2{
  797.     position:fixed;
  798.     bottom:0;
  799.     margin-left:35px;
  800.     {block:ifextralinks}
  801.         max-width:266px;
  802.     {/block:ifextralinks}
  803.     {block:ifnotextralinks}
  804.         max-width:430px;
  805.     {/block:ifnotextralinks}
  806.     z-index:-999;
  807.    
  808.     {block:iftextboxes}display:none;{/block:iftextboxes}
  809. }
  810.  
  811.  
  812. /*posts*/
  813.  
  814.  
  815. #postmargin{
  816.     margin-top:10px;
  817.    
  818. {block:iftransparentposts}  
  819.     {block:indexpage}
  820.         {block:if250pxposts}margin-left:555px;{/block:if250pxposts}
  821.         {block:if400pxposts}margin-left:510px;{/block:if400pxposts}
  822.         {block:if500pxposts}margin-left:510px;{/block:if500pxposts}
  823.     {/block:indexpage}
  824.    
  825.     {block:permalinkpage}margin-left:510px;{/block:permalinkpage}
  826. {/block:iftransparentposts}
  827.  
  828. {block:ifnottransparentposts}  
  829.     {block:indexpage}
  830.         {block:if250pxposts}margin-left:565px;{/block:if250pxposts}
  831.         {block:if400pxposts}margin-left:520px;{/block:if400pxposts}
  832.         {block:if500pxposts}margin-left:520px;{/block:if500pxposts}
  833.     {/block:indexpage}
  834.    
  835.     {block:permalinkpage}margin-left:520px;{/block:permalinkpage}
  836. {/block:ifnottransparentposts}
  837.    
  838.     z-index:9999;
  839.    
  840. }
  841.  
  842. .posts{
  843.    
  844.    {block:indexpage}
  845.         {block:if250pxposts}width:250px;{/block:if250pxposts}
  846.         {block:if400pxposts}width:400px;{/block:if400pxposts}
  847.         {block:if500pxposts}width:500px;{/block:if500pxposts}
  848.     {/block:indexpage}
  849.    
  850.     {block:permalinkpage}
  851.         width:500px;
  852.     {/block:permalinkpage}
  853.    
  854.    
  855.     padding:10px;
  856.     margin-bottom:13px;
  857.     margin-right:10px;
  858.     {block:ifnottransparentposts}
  859.         background-color:{color:post};
  860.     {/block:ifnottransparentposts}
  861.     {block:iftransparentposts}
  862.         background-color:transparent;
  863.     {/block:iftransparentposts}
  864.     -webkit-transition: all 0.5s linear;
  865.     -moz-transition: all 0.5s linear;
  866.     -o-transition: all 0.5s linear;
  867.  
  868. }
  869.  
  870.  
  871. .posts:hover img{
  872.     {block:ifmonochrome}
  873.     {block:indexpage}
  874.         -webkit-filter: grayscale(0%);
  875.         -moz-filter: grayscale(0%);
  876.         -ms-filter: grayscale(0%);
  877.         -o-filter: grayscale(0%);
  878.     {/block:indexpage}
  879.     {/block:ifmonochrome}
  880.      
  881. }
  882.  
  883. .posts img{
  884.     border:none;
  885.     max-width:100%;
  886.     -webkit-transition: all 0.7s linear;
  887.     -moz-transition: all 0.7s linear;
  888.     -o-transition: all 0.7s linear;
  889.     {block:ifmonochrome}
  890.     {block:indexpage}
  891.         -webkit-filter: grayscale(100%);
  892.         -moz-filter: grayscale(100%);
  893.         -ms-filter: grayscale(100%);
  894.         -o-filter: grayscale(100%);
  895.     {/block:indexpage}
  896.     {/block:ifmonochrome}  
  897. }
  898.  
  899.  
  900. .posts iframe{
  901.     border:none;
  902.     -webkit-transition: all 0.7s linear;
  903.     -moz-transition: all 0.7s linear;
  904.     -o-transition: all 0.7s linear;
  905.     {block:ifmonochrome}
  906.     {block:indexpage}
  907.         -webkit-filter: grayscale(100%);
  908.         -moz-filter: grayscale(100%);
  909.         -ms-filter: grayscale(100%);
  910.         -o-filter: grayscale(100%);
  911.     {/block:indexpage}
  912.     {/block:ifmonochrome}
  913.  
  914. }
  915.  
  916. .posts:hover iframe{
  917.     {block:ifmonochrome}
  918.     {block:indexpage}
  919.         -webkit-filter: grayscale(0%);
  920.         -moz-filter: grayscale(0%);
  921.         -ms-filter: grayscale(0%);
  922.         -o-filter: grayscale(0%);
  923.     {/block:indexpage}
  924.     {/block:ifmonochrome}
  925.  }
  926.  
  927.  
  928. .posts a{
  929.     text-decoration:none;
  930.     outline:none;
  931.     -moz-outline-style:none;
  932.     color:{color:post links};
  933.     -webkit-transition: all 0.3s linear;
  934.     -moz-transition: all 0.3s linear;
  935.     -o-transition: all 0.3s linear;    
  936. }
  937.  
  938. .posts a:hover{
  939.     color:{color:post link hover};
  940.     text-decoration:underline;
  941. }
  942.  
  943.  
  944. /*permalink*/
  945.  
  946. #permalink{
  947.    
  948.     {block:indexpage}
  949.         {block:if250pxposts}width:250px;{/block:if250pxposts}
  950.         {block:if400pxposts}width:400px;{/block:if400pxposts}
  951.         {block:if500pxposts}width:500px;{/block:if500pxposts}
  952.     {/block:indexpage}
  953.    
  954.     {block:permalinkpage}
  955.         width:500px;
  956.     {/block:permalinkpage}
  957.     color:{color:permalink text};
  958.     text-align:right;
  959.     font-family: muli;
  960.     font-size:9px;
  961.     text-transform:lowercase;
  962.     overflow:hidden;
  963.     border-top:solid 5px {color:permalink border};
  964.     -webkit-transition: all 0.5s linear;
  965.     -moz-transition: all 0.5s linear;
  966.     -o-transition: all 0.5s linear;
  967. }
  968.  
  969.  
  970. .tags{
  971.     height:auto;
  972.     min-height:10px;
  973.     padding:7px;
  974.     padding-bottom:0px;
  975.     word-wrap:break-word;
  976.    
  977.    
  978. }
  979.  
  980. .tags a{
  981.     color:{color:permalinks};
  982. }
  983.  
  984. .tags a:hover{
  985.     color:{color:permalink hover};
  986. }
  987.  
  988. .date{
  989.     position:absolute;
  990.  
  991.  
  992. {block:iftransparentposts}
  993.     {block:indexpage}
  994.         {block:if250pxposts}margin-left:260px;{/block:if250pxposts}
  995.         {block:if400pxposts}margin-left:410px;{/block:if400pxposts}
  996.         {block:if500pxposts}margin-left:510px;{/block:if500pxposts}
  997.     {/block:indexpage}
  998.     {block:permalinkpage}margin-left:510px;{/block:permalinkpage}
  999. {/block:iftransparentposts}
  1000.  
  1001. {block:ifnottransparentposts}
  1002.     {block:indexpage}
  1003.         {block:if250pxposts}margin-left:270px;{/block:if250pxposts}
  1004.         {block:if400pxposts}margin-left:420px;{/block:if400pxposts}
  1005.         {block:if500pxposts}margin-left:520px;{/block:if500pxposts}
  1006.     {/block:indexpage}
  1007.     {block:permalinkpage}margin-left:520px;{/block:permalinkpage}
  1008. {/block:ifnottransparentposts}
  1009.    
  1010.     min-width:80px;
  1011.     height:26px;
  1012.     padding:5px;
  1013.     text-align:left;
  1014.     font-family: muli;
  1015.     font-size:9px;
  1016.    
  1017.     {block:ifnottransparentposts}
  1018.         background-color:{color:post};
  1019.     {/block:ifnottransparentposts}
  1020.     {block:iftransparentposts}
  1021.         background-color:transparent;
  1022.     {/block:iftransparentposts}
  1023.    
  1024.     -webkit-transition: all 0.5s linear;
  1025.     -moz-transition: all 0.5s linear;
  1026.     -o-transition: all 0.5s linear;
  1027.    
  1028.     {block:indexpage}
  1029.         opacity:0;
  1030.         margin-top:0;
  1031.     {/block:indexpage}
  1032.     {block:permalinkpage}
  1033.         opacity:1;
  1034.         margin-top:-35px;
  1035.     {/block:permalinkpage}
  1036.    
  1037. }
  1038.  
  1039. .posts:hover .date{
  1040.     {block:indexpage}
  1041.         margin-top:-35px;
  1042.         opacity:1;
  1043.     {/block:indexpage}
  1044. }
  1045.  
  1046. .date a{
  1047.     color:{color:permalinks};
  1048. }
  1049.  
  1050. .date a:hover{
  1051.     color:{color:permalink hover};
  1052. }
  1053.  
  1054. .nyeh{
  1055.     border-left:solid 5px {color:permalink border};
  1056.     padding-left:7px;
  1057.     padding-top:2px;
  1058.     padding-bottom:2px;
  1059. }
  1060.  
  1061.  
  1062. /*quotes and text post titles*/
  1063.  
  1064.  #quote {
  1065.         font-family: 'Roboto', sans-serif;
  1066.         {block:indexpage}
  1067.             {block:if250pxposts}font-size:18px;{/block:if250pxposts}
  1068.             {block:if400pxposts}font-size:24px;{/block:if400pxposts}
  1069.             {block:if500pxposts}font-size:25px;{/block:if500pxposts}
  1070.         {/block:indexpage}
  1071.         {block:permalinkpage}
  1072.             font-size:25px;
  1073.         {/block:permalinkpage}
  1074.     padding-left:20px;
  1075.     padding-right:20px;
  1076.     padding-top:7px;
  1077.     line-height:100%;
  1078.     text-align:justify;
  1079. }
  1080.  
  1081.  
  1082. #title {
  1083.         font-family: 'Roboto', sans-serif;
  1084.         {block:indexpage}
  1085.             {block:if250pxposts}font-size:25px;{/block:if250pxposts}
  1086.             {block:if400pxposts}font-size:30px;{/block:if400pxposts}
  1087.             {block:if500pxposts}font-size:35px;{/block:if500pxposts}
  1088.         {/block:indexpage}
  1089.         {block:permalinkpage}
  1090.             font-size:35px;
  1091.         {/block:permalinkpage}
  1092.     padding:7px;
  1093.     line-height:100%;
  1094. }
  1095.  
  1096.  
  1097. /*music*/
  1098.  
  1099. #audioplayerback {
  1100.     position: absolute;
  1101.     width: 28px;
  1102.     height: 30px;
  1103.     padding-left:2px;
  1104.     background-color: #ffffff;
  1105.     position:absolute;
  1106.     margin-top:40px;
  1107.     margin-left:35px;
  1108.     z-index:999;
  1109.     overflow:hidden;
  1110.     -webkit-transition: all 0.5s linear;
  1111.     -moz-transition: all 0.5s linear;
  1112.     -o-transition: all 0.5s linear;
  1113. }
  1114.  
  1115.  
  1116.  
  1117. .tumblr_audio_player {
  1118.     border: none;
  1119.     padding: 0px;
  1120.     margin: 0px;
  1121.     height: 30px;
  1122.     width:500px;
  1123. }
  1124.  
  1125.  
  1126. #musicinfo{
  1127.     color:{color:text};
  1128.     margin-top:-90px;
  1129.     margin-left:101px;
  1130.     padding-left:10px;
  1131.     line-height:110%;
  1132.     margin-bottom:50px;
  1133. }
  1134.  
  1135. .infor{
  1136.     border-bottom:solid 2px {color:permalink border};
  1137.     padding-bottom:5px;
  1138.     padding-left:7px;
  1139.     padding-right:7px;
  1140. }
  1141.  
  1142. #audiocaption{
  1143.     padding-left:10px;
  1144.     padding-right:10px;
  1145.     margin-top:-15px;
  1146. }
  1147.  
  1148. #albumart{
  1149.     height:100px;
  1150.     width:100px;
  1151.     background-image:url('https://lh3.googleusercontent.com/-ABbl71o4DHE/UZh6Xuh6QJI/AAAAAAAAEn8/j49R7fSCZHE/s200-no/Untitled-1.jpg');
  1152.     background-position:fixed;
  1153.     background-size:100px 100px;
  1154.     background-repeat:no-repeat;
  1155.     z-index:-1;
  1156.     -webkit-transition: all 0.5s linear;
  1157.     -moz-transition: all 0.5s linear;
  1158.     -o-transition: all 0.5s linear;
  1159. }
  1160.  
  1161. /*answers*/
  1162.  
  1163. #askz {
  1164.     padding:10px;
  1165.     line-height: 140%;
  1166.     {block:indexpage}
  1167.         {block:if250pxposts}width:230px;{/block:if250pxposts}
  1168.         {block:if400pxposts}width:380px;{/block:if400pxposts}
  1169.         {block:if500pxposts}width:480px;{/block:if500pxposts}
  1170.     {/block:indexpage}
  1171.     {block:permalinkpage}
  1172.         width:480px;
  1173.     {/block:permalinkpage}
  1174.     color:{color:post};
  1175.     text-align:justify;
  1176.  
  1177.     background-color:{color:permalink border};
  1178.  
  1179. }
  1180.  
  1181. #askz a:hover{
  1182.     color:{color:post};
  1183. }
  1184.  
  1185. .asker{
  1186.     text-align:center;
  1187.     padding-bottom:5px;
  1188.     border-bottom:solid 2px {color:description};
  1189. }
  1190.  
  1191. .asker a{
  1192.     border-bottom:none;
  1193. }
  1194.  
  1195. .question{
  1196.     padding-top:7px;
  1197. }
  1198.  
  1199. #answer {
  1200.     padding:5px;
  1201.     {block:indexpage}
  1202.         {block:if250pxposts}
  1203.             margin-left:10px;
  1204.             width:220px;
  1205.         {/block:if250pxposts}
  1206.         {block:if400pxposts}
  1207.             margin-left:30px;
  1208.             width:330px;
  1209.         {/block:if400pxposts}
  1210.         {block:if500pxposts}
  1211.             margin-left:30px;
  1212.             width:430px;
  1213.         {/block:if500pxposts}
  1214.     {/block:indexpage}
  1215.     {block:permalinkpage}
  1216.         margin-left:30px;
  1217.         width:430px;
  1218.     {/block:permalinkpage}
  1219.     text-align:justify;
  1220. }
  1221.  
  1222. #answer img{
  1223.     max-width:100%;
  1224.     height:auto;
  1225. }
  1226.  
  1227. /*chats*/
  1228.  
  1229. #chat ul{
  1230.     list-style:none;
  1231.     margin-left:-40px;
  1232. }
  1233.  
  1234. .chat .odd{
  1235.     padding:7px;
  1236.     margin-bottom:7px;
  1237.     border-bottom:solid 2px {color:permalink border};
  1238.    
  1239. }
  1240.  
  1241. .chat .even{
  1242.     padding:7px;
  1243.     margin-bottom:3px;
  1244.     background-color:{color:permalink border};
  1245.     color:{color:description};
  1246. }
  1247.  
  1248. /*pagination*/
  1249.  
  1250.  
  1251. #pnext{
  1252.     position:fixed;
  1253.     margin-top:150px;
  1254.     height:57px;
  1255.     width:40px;
  1256.     margin-left:425px;
  1257.     padding-bottom:1px;
  1258.     text-align:center;
  1259.     font-family:roboto;
  1260.     font-size:110px;
  1261.     padding:4px;
  1262.     color:{color:title};
  1263.     -webkit-transition: all 0.3s linear;
  1264.     -moz-transition: all 0.3s linear;
  1265.     -o-transition: all 0.3s linear;
  1266. }
  1267.  
  1268.  
  1269. #pnext:hover{
  1270.     color:{color:post links};
  1271. }
  1272.  
  1273. #pprev{
  1274.     position:fixed;
  1275.     margin-top:150px;
  1276.     height:57px;
  1277.     width:40px;
  1278.     margin-left:10px;
  1279.     padding-bottom:1px;
  1280.     text-align:center;
  1281.     font-family:roboto;
  1282.     font-size:110px;
  1283.     padding:4px;
  1284.     color:{color:title};
  1285.     -webkit-transition: all 0.3s linear;
  1286.     -moz-transition: all 0.3s linear;
  1287.     -o-transition: all 0.3s linear;
  1288. }
  1289.  
  1290.  
  1291. #pprev:hover{
  1292.     color:{color:post links};
  1293. }
  1294.  
  1295. /*notes*/
  1296.  
  1297. ol.notes{
  1298.     max-width:500px;
  1299.     padding:0px;
  1300.     margin: 0px 15px;
  1301.     list-style-type:none;
  1302.     font-size:10 px;
  1303.     font-family:muli;
  1304. }
  1305.  
  1306. ol.notes li.note{
  1307.     padding:0px;
  1308. }
  1309.  
  1310. ol.notes li.note img{
  1311.     margin-top:7px;
  1312. }
  1313.  
  1314. ol.notes li.note img.avatar{
  1315.  
  1316.     margin-right:3px;
  1317.     width:16px;
  1318.     height:16px;
  1319. }
  1320.  
  1321. ol.notes li.note a img.avatar{
  1322.     padding:0px;
  1323.     border-width:0 px;
  1324.     border:none;
  1325. }
  1326.  
  1327. ol.notes li.note img{
  1328.     padding:0 px;
  1329.     border-width:0 px;
  1330.     border:none;
  1331. }
  1332.  
  1333. ol.notes li.note span.action{
  1334.     color:{color:text};
  1335. }
  1336.  
  1337. ol.notes li.note.answer_content{
  1338.     font-weight:normal;
  1339. }
  1340.  
  1341. ol.notes li.note.blockquote{
  1342.     padding:1 px 1 px;margin:1px 0px 0px 1px;
  1343. }
  1344.  
  1345. ol.notes li.note.blockquote a{
  1346.     text-decoration:none;
  1347. }
  1348.  
  1349. ol.notes li.note a{
  1350.     color:{color:post links};
  1351. }
  1352.  
  1353. ol.notes li.note a:hover{
  1354.     color:{color:post link hover};
  1355.     text-decoration:underline;
  1356. }
  1357.  
  1358.  
  1359.  
  1360.  /*etc*/
  1361.  
  1362. #credit{
  1363.     position:fixed;
  1364.     bottom:10px;
  1365.     right:10px;
  1366.     z-index:1;
  1367.     -webkit-transition: all 0.3s linear;
  1368.     -moz-transition: all 0.3s linear;
  1369.     -o-transition: all 0.3s linear;
  1370.     -ms-transition: all 0.3s linear;
  1371.         -webkit-filter: grayscale(100%);
  1372.       -moz-filter: grayscale(100%);
  1373.       -ms-filter: grayscale(100%);
  1374.       -o-filter: grayscale(100%);
  1375. }
  1376.  
  1377. #credit:hover{
  1378.      -webkit-filter: grayscale(0%);
  1379.   -moz-filter: grayscale(0%);
  1380.   -ms-filter: grayscale(0%);
  1381.   -o-filter: grayscale(0%);
  1382. }
  1383.    
  1384.  #s-m-t-tooltip{
  1385.   max-width:300px;
  1386.   z-index:999999;
  1387.   margin:24px 14px 7px 12px;
  1388.   padding:5px;
  1389.   background:{color:description back};
  1390.   border-radius:0px;
  1391.   font-family:muli;
  1392.   font-size:9px;
  1393.   color:{color:description};
  1394. }
  1395.    
  1396.  
  1397. {CustomCSS}
  1398.    
  1399. body {cursor: url(http://www.rw-designer.com/cursor-extern.php?id=28690), progress !important;}
  1400.  
  1401.    
  1402. a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress !important;}
  1403.    
  1404. </style>
  1405.  
  1406.    
  1407.  
  1408.    
  1409. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  1410.    
  1411.  
  1412.    
  1413. </head><body>
  1414.  
  1415.  <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>
  1416.  
  1417.    
  1418. {block:ifnotinfinitescroll}
  1419.     {block:Pagination}
  1420.         {block:PreviousPage}<a href="{PreviousPage}"><div id="pprev">&#171;</div></a>{/block:PreviousPage}
  1421.         {block:NextPage}<a href="{NextPage}"><div id="pnext">&#187;</div></a>{/block:NextPage}
  1422.     {/block:Pagination}
  1423. {/block:ifnotinfinitescroll}
  1424.    
  1425. <div id="main">{Title}</div>
  1426.  
  1427. <div id="nav">
  1428.  
  1429.     <a href="/" class="nav1">Home</a>
  1430.     <a href="/ask" class="nav1">Ask</a>
  1431.     <a href="/submit" class="nav1">Submit</a>
  1432.     <a href="/archive" class="nav1">Archive</a>
  1433.     {block:iflink1}<br><br>
  1434.     <a href="{text:link1URL}" class="nav2">{text:link1}</a>{/block:iflink1}
  1435.     {block:iflink2}<a href="{text:link2URL}" class="nav2">{text:link2}</a>{/block:iflink2}
  1436.     {block:iflink3}<a href="{text:link3URL}" class="nav2">{text:link3}</a>{/block:iflink3}
  1437.    
  1438. </div>
  1439.  
  1440. <div id="desc">{description}</div>
  1441.  
  1442. <div id="nav2">
  1443.     {block:iflink4}<a href="{text:link4URL}" class="nav3">{text:link4}</a>{/block:iflink4}
  1444.     {block:iflink5}<a href="{text:link5URL}" class="nav3">{text:link5}</a>{/block:iflink5}
  1445.     {block:iflink6}<a href="{text:link6URL}" class="nav3">{text:link6}</a>{/block:iflink6}
  1446. </div>
  1447.  
  1448. <div id="scrollback">
  1449.     {block:iftextbox1title}
  1450.         <div class="box">
  1451.             <a href="{text:textbox1 link}"><div class="boxbar">
  1452.                 <div class="boxtitle">{text:textbox1 title}</div>
  1453.             </div></a>
  1454.             <div class="rating">Rated: {text:textbox1 rating}</div>
  1455.             <div class="wc">WC: {text:textbox1 wc}</div>
  1456.             <div class="pairing">{text:textbox1 pairing}</div>
  1457.             <div class="boxdesc">{text:textbox1 description}</div>
  1458.         </div>
  1459.     {/block:iftextbox1title}
  1460.     {block:iftextbox2title}
  1461.         <div class="box">
  1462.             <a href="{text:textbox2 link}"><div class="boxbar">
  1463.                 <div class="boxtitle">{text:textbox2 title}</div>
  1464.             </div></a>
  1465.             <div class="rating">Rated: {text:textbox2 rating}</div>
  1466.             <div class="wc">WC: {text:textbox2 wc}</div>
  1467.             <div class="pairing">{text:textbox2 pairing}</div>
  1468.             <div class="boxdesc">{text:textbox2 description}</div>
  1469.         </div>
  1470.     {/block:iftextbox2title}
  1471.     {block:iftextbox3title}
  1472.         <div class="box">
  1473.             <a href="{text:textbox3 link}"><div class="boxbar">
  1474.                 <div class="boxtitle">{text:textbox3 title}</div>
  1475.             </div></a>
  1476.             <div class="rating">Rated: {text:textbox3 rating}</div>
  1477.             <div class="wc">WC: {text:textbox3 wc}</div>
  1478.             <div class="pairing">{text:textbox3 pairing}</div>
  1479.             <div class="boxdesc">{text:textbox3 description}</div>
  1480.         </div>
  1481.     {/block:iftextbox3title}
  1482.     {block:iftextbox4title}
  1483.         <div class="box">
  1484.             <a href="{text:textbox4 link}"><div class="boxbar">
  1485.                 <div class="boxtitle">{text:textbox4 title}</div>
  1486.             </div></a>
  1487.             <div class="rating">Rated: {text:textbox4 rating}</div>
  1488.             <div class="wc">WC: {text:textbox4 wc}</div>
  1489.             <div class="pairing">{text:textbox4 pairing}</div>
  1490.             <div class="boxdesc">{text:textbox4 description}</div>
  1491.         </div>
  1492.     {/block:iftextbox4title}
  1493.     {block:iftextbox5title}
  1494.         <div class="box">
  1495.             <a href="{text:textbox5 link}"><div class="boxbar">
  1496.                 <div class="boxtitle">{text:textbox5 title}</div>
  1497.             </div></a>
  1498.             <div class="rating">Rated: {text:textbox5 rating}</div>
  1499.             <div class="wc">WC: {text:textbox5 wc}</div>
  1500.             <div class="pairing">{text:textbox5 pairing}</div>
  1501.             <div class="boxdesc">{text:textbox5 description}</div>
  1502.         </div>
  1503.     {/block:iftextbox5title}
  1504.     {block:iftextbox6title}
  1505.         <div class="box">
  1506.             <a href="{text:textbox6 link}"><div class="boxbar">
  1507.                 <div class="boxtitle">{text:textbox6 title}</div>
  1508.             </div></a>
  1509.             <div class="rating">Rated: {text:textbox6 rating}</div>
  1510.             <div class="wc">WC: {text:textbox6 wc}</div>
  1511.             <div class="pairing">{text:textbox6 pairing}</div>
  1512.             <div class="boxdesc">{text:textbox6 description}</div>
  1513.         </div>
  1514.     {/block:iftextbox6title}
  1515.     {block:iftextbox7title}
  1516.         <div class="box">
  1517.             <a href="{text:textbox7 link}"><div class="boxbar">
  1518.                 <div class="boxtitle">{text:textbox7 title}</div>
  1519.             </div></a>
  1520.             <div class="rating">Rated: {text:textbox7 rating}</div>
  1521.             <div class="wc">WC: {text:textbox7 wc}</div>
  1522.             <div class="pairing">{text:textbox7 pairing}</div>
  1523.             <div class="boxdesc">{text:textbox7 description}</div>
  1524.         </div>
  1525.     {/block:iftextbox7title}
  1526.     {block:iftextbox8title}
  1527.         <div class="box">
  1528.             <a href="{text:textbox8 link}"><div class="boxbar">
  1529.                 <div class="boxtitle">{text:textbox8 title}</div>
  1530.             </div></a>
  1531.             <div class="rating">Rated: {text:textbox8 rating}</div>
  1532.             <div class="wc">WC: {text:textbox8 wc}</div>
  1533.             <div class="pairing">{text:textbox8 pairing}</div>
  1534.             <div class="boxdesc">{text:textbox8 description}</div>
  1535.         </div>
  1536.     {/block:iftextbox8title}
  1537.     {block:iftextbox9title}
  1538.         <div class="box">
  1539.             <a href="{text:textbox9 link}"><div class="boxbar">
  1540.                 <div class="boxtitle">{text:textbox9 title}</div>
  1541.             </div></a>
  1542.             <div class="rating">Rated: {text:textbox9 rating}</div>
  1543.             <div class="wc">WC: {text:textbox9 wc}</div>
  1544.             <div class="pairing">{text:textbox9 pairing}</div>
  1545.             <div class="boxdesc">{text:textbox9 description}</div>
  1546.         </div>
  1547.     {/block:iftextbox9title}
  1548.     {block:iftextbox10title}
  1549.         <div class="box">
  1550.             <a href="{text:textbox10 link}"><div class="boxbar">
  1551.                 <div class="boxtitle">{text:textbox10 title}</div>
  1552.             </div></a>
  1553.             <div class="rating">Rated: {text:textbox10 rating}</div>
  1554.             <div class="wc">WC: {text:textbox10 wc}</div>
  1555.             <div class="pairing">{text:textbox10 pairing}</div>
  1556.             <div class="boxdesc">{text:textbox10 description}</div>
  1557.         </div>
  1558.     {/block:iftextbox10title}
  1559. </div>
  1560.  
  1561. <div id="nav3">
  1562.     <div class="navtitle">{text:secondary nav title}</div>
  1563.     {block:iflink7}<a href="{text:link7URL}" class="nav4">{text:link7}</a>{/block:iflink7}
  1564.     {block:iflink8}<a href="{text:link8URL}" class="nav4">{text:link8}</a>{/block:iflink8}
  1565.     {block:iflink9}<a href="{text:link9URL}" class="nav4">{text:link9}</a>{/block:iflink9}
  1566.     {block:iflink10}<a href="{text:link10URL}" class="nav4">{text:link10}</a>{/block:iflink10}
  1567.     {block:iflink11}<a href="{text:link11URL}" class="nav4">{text:link11}</a>{/block:iflink11}
  1568.     {block:iflink12}<a href="{text:link12URL}" class="nav4">{text:link12}</a>{/block:iflink12}
  1569.     {block:iflink13}<a href="{text:link13URL}" class="nav4">{text:link13}</a>{/block:iflink13}
  1570.     {block:iflink14}<a href="{text:link14URL}" class="nav4">{text:link14}</a>{/block:iflink14}
  1571.     {block:iflink15}<a href="{text:link15URL}" class="nav4">{text:link15}</a>{/block:iflink15}
  1572.     {block:iflink16}<a href="{text:link16URL}" class="nav4">{text:link16}</a>{/block:iflink16}
  1573.     {block:iflink17}<a href="{text:link17URL}" class="nav4">{text:link17}</a>{/block:iflink17}
  1574.     {block:iflink18}<a href="{text:link18URL}" class="nav4">{text:link18}</a>{/block:iflink18}
  1575.     {block:iflink19}<a href="{text:link19URL}" class="nav4">{text:link19}</a>{/block:iflink19}
  1576. </div>
  1577.  
  1578.  
  1579. <div id="bar1"></div>
  1580.  
  1581. <img src="{image:imageleft}" class="standalone2">
  1582.  <img src="{image:imageright}" class="standalone">
  1583.  
  1584.  
  1585. <div id="postmargin">
  1586.     {block:ifinfinitescroll}<div class="autopagerize_page_element">{/block:ifinfinitescroll}
  1587.     {block:Posts}
  1588. <div class="posts">
  1589.  
  1590.  
  1591. {block:Text}
  1592.     <center>
  1593.         {block:Title}<div id="title">{Title}</div>{/block:Title}
  1594.     </center>
  1595.     {Body}
  1596. {/block:Text}
  1597.  
  1598.  
  1599. {block:Photo}
  1600.     <center>
  1601.         <a href="/image/{PostID}"><img src="{PhotoURL-500}" width="500"></a>
  1602.     </center>
  1603.     {block:indexpage}
  1604.  {block:ifhiddendescriptions}<br>{/block:ifhiddendescriptions}  
  1605.         {block:ifnothiddendescriptions}
  1606.             {block:Caption}
  1607.                 {Caption}
  1608.             {/block:Caption}
  1609.         {/block:ifnothiddendescriptions}
  1610.     {/block:indexpage}
  1611.     {block:permalinkpage}
  1612.         {block:Caption}
  1613.             {Caption}
  1614.         {/block:Caption}
  1615.     {/block:permalinkpage}
  1616. {/block:Photo}
  1617.  
  1618.  
  1619. {block:Photoset}
  1620.     <center>
  1621.         {block:indexpage}
  1622.             {block:if250pxposts}{Photoset-250}{/block:if250pxposts}
  1623.             {block:if400pxposts}{Photoset-400}{/block:if400pxposts}
  1624.             {block:if500pxposts}{Photoset-500}{/block:if500pxposts}
  1625.         {/block:indexpage}
  1626.         {block:permalinkpage}
  1627.             {Photoset-500}
  1628.         {/block:permalinkpage}
  1629.     </center>
  1630.     {block:indexpage}
  1631.  {block:ifhiddendescriptions}<br>{/block:ifhiddendescriptions}  
  1632.         {block:ifnothiddendescriptions}
  1633.             {block:Caption}
  1634.                 {Caption}
  1635.             {/block:Caption}
  1636.         {/block:ifnothiddendescriptions}
  1637.     {/block:indexpage}
  1638.     {block:permalinkpage}
  1639.         {block:Caption}
  1640.             {Caption}
  1641.         {/block:Caption}
  1642.     {/block:permalinkpage}
  1643. {/block:Photoset}
  1644.  
  1645.  
  1646. {block:Quote}
  1647.     <div id="quote">
  1648.        ❝ {Quote} ❞
  1649.     </div>
  1650.         <p align="right">
  1651.             {block:Source}
  1652.                 —{Source}
  1653.             {/block:Source}
  1654.         </p>
  1655. {/block:Quote}
  1656.  
  1657.  
  1658. {block:Link}
  1659.     <div id="title" align="center">
  1660.         <a href="{URL}" {Target}>{Name}</a>
  1661.     </div>
  1662.     {block:Description}
  1663.         {Description}
  1664.     {/block:Description}
  1665. {/block:Link}
  1666.  
  1667.  
  1668. {block:Chat}
  1669. <div id="chat">
  1670.     {block:Title}
  1671.     <div id="title" align="center">{Title}</div>
  1672.     {/block:Title}
  1673.    
  1674.     <ul>{block:Lines}<div class="chat"><li class="{Alt}">
  1675.         {block:Label}
  1676.             <b>{Label}</b>
  1677.         {/block:Label}
  1678.         {Line}
  1679.         <br>
  1680.     </li></div>{/block:Lines}</ul>
  1681. </div>{/block:Chat}
  1682.  
  1683.  
  1684. {block:Audio}
  1685.     {block:AudioPlayer}
  1686.     <div id="audioplayerback">
  1687.         {AudioPlayerWhite}
  1688.     </div>
  1689.     {/block:AudioPlayer}
  1690.     <div id="albumart">
  1691.         {block:AlbumArt}
  1692.             <img src="{AlbumArtURL}" width="100">
  1693.         {/block:AlbumArt}
  1694.     </div>
  1695.     <div id="musicinfo">
  1696.         <div class="infor"><b>Song:</b> {block:TrackName}{TrackName}{/block:TrackName}</div>
  1697.         <br>
  1698.         <div class="infor"><b>Artist:</b> {block:Artist}{Artist}{/block:Artist}</div>
  1699.         <br>
  1700.         <div class="infor"><b>Album:</b> {block:Album}{Album}{/block:Album}</div>
  1701.     </div>
  1702.     {block:caption}
  1703.         <div id="audiocaption">
  1704.             {caption}
  1705.         </div>
  1706.     {/block:caption}
  1707. {/block:Audio}
  1708.  
  1709.  
  1710. {block:Video}
  1711.     {block:indexpage}
  1712.         {block:if250pxposts}{Video-250}{/block:if250pxposts}
  1713.         {block:if400pxposts}{Video-400}{/block:if400pxposts}
  1714.         {block:if500pxposts}{Video-500}{/block:if500pxposts}
  1715.     {/block:indexpage}
  1716.     {block:permalinkpage}
  1717.         {Video-500}
  1718.     {/block:permalinkpage}
  1719.     {block:indexpage}
  1720.         {block:ifnothiddendescriptions}
  1721.             {block:Caption}
  1722.                 {Caption}
  1723.             {/block:Caption}
  1724.         {/block:ifnothiddendescriptions}
  1725.     {/block:indexpage}
  1726.     {block:permalinkpage}
  1727.         {block:Caption}
  1728.             {Caption}
  1729.         {/block:Caption}
  1730.     {/block:permalinkpage}
  1731. {/block:Video}
  1732.  
  1733. {block:Answer}
  1734.     <div id="askz">
  1735.         <div class="asker">{Asker} said —</div>
  1736.         <div class="question">❝ {Question} ❞</div>
  1737.     </div>
  1738.  
  1739.     <div id="answer">
  1740.         {Answer}
  1741.     </div>
  1742. {/block:Answer}
  1743.  
  1744.  
  1745.  
  1746.  
  1747.  
  1748. <div id="permalink">
  1749.        
  1750.     {block:HasTags}
  1751. <div class="tags">{block:Tags}#<a href="/tagged/{Tag}">{Tag}</a> {/block:Tags}</div>
  1752.     {/block:HasTags}
  1753.        
  1754. </div>
  1755.  
  1756.  {block:Date}
  1757.  
  1758.    <div class="date"> <div class="nyeh"><a href="{Permalink}">posted {TimeAgo}<br>with {NoteCountWithLabel}</a></div></div>
  1759.    
  1760.  {/block:Date}
  1761.  
  1762.  
  1763. </div>
  1764.  
  1765.  
  1766.  
  1767. <div class="notes">
  1768.     {block:PostNotes}
  1769.         <a name="notes">
  1770.             {PostNotes}
  1771.         </a>
  1772.     {/block:PostNotes}
  1773. </div>
  1774.  
  1775.  
  1776.  
  1777. {/block:Posts}</div></div>
  1778.  
  1779.  
  1780.  
  1781. </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!