API tools faq
paste
darianella

"Galaxy Princess" tumblr theme HTML code

darianella
Jul 8th, 2014
4,424
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 44.34 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=Raleway:200, 400' rel='stylesheet' type='text/css'>
  5.  
  6.  
  7. <head>
  8.  
  9.  
  10. <!--
  11.  
  12. HEY, SWEETIES!! I KNOW IT'S BEEN A WHILE, AND I'M SORRY I HAVEN'T RELEASED ANYTHING IN MONTHS! FOR THIS THEME, I STARTED COMPELTELY FROM SCRATCH (INSTEAD OF USING THE SAME SELF-MADE THEME SKELETON TO BUILD EVERYTHING AROUND) SO YOU'LL NOTICE THAT SOME OF THE CODE LOOKS A LITTLE BIT DIFFERENT. IT'S MUCH CLEANER AND MORE ORGANIZED! YAY!
  13.  
  14. ANYWAY, HERE'S THE DOWN-LOW ON THIS THEME:
  15.  
  16.    FEATURES:
  17. - ONE COLUMN 250PX, 400PX, OR 500PX
  18. - SHOW/HIDE DESCRIPTIONS OPTION
  19. - PAGINATION/INFINITE SCROLL
  20. - SIX CUSTOM LINKS
  21. - THREE BODY FONT SIZE OPTIONS
  22. - OPTIONAL MUSIC PLAYER
  23. - POPUP ASK BOX
  24.  
  25. PLEASE DON'T CLAIM THIS THEME AS YOUR OWN OR TAKE PIECES OF THE CODE FOR YOURSELF!! STEALING IS BAD. /:
  26.  
  27. FEEL FREE TO LET ME KNOW IF THERE'S ANYTHING YOU NEED! MUCH LOVE TO YOU, AND THANK YOU VERY MUCH FOR USING MY THEME!!
  28.  
  29. -->
  30.  
  31.  
  32. <title>{Title}</title>
  33.  
  34. <link rel="shortcut icon" href="{favicon}">
  35. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  36.  
  37.  <!-- BEGIN STYLE MY TOOLTIPS CODE -->
  38.  
  39.  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  40. <script src="http://static.tumblr.com/5ojoydj/p9wmmzopi/jquery.style-my-tooltips.js"></script>
  41. <script src="http://static.tumblr.com/5ojoydj/En2mmzorm/style-my-tooltips.css"></script>
  42. <script>
  43.      (function($){
  44.          $(document).ready(function(){
  45.              $("[title]").style_my_tooltips({
  46.     tip_follows_cursor:true,
  47.     tip_delay_time:200,
  48.     tip_fade_speed:300,
  49.     attribute:"title"
  50. });
  51.          });
  52.      })(jQuery);
  53.  </script>
  54.  
  55.  <!-- END STYLE MY TOOLTIPS CODE -->
  56.  
  57.  
  58.  
  59.  
  60.  
  61. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  62.  
  63.  
  64.  <!-- BEGIN VARIABLE CODE -->
  65.  
  66.         <!-- COLORS -->
  67.    
  68.     <meta name="color:background" content="#ffffff">
  69.    
  70.     <meta name="color:title" content="#000000">
  71.    
  72.     <meta name="color:bar 1" content="#000000">
  73.     <meta name="color:bar 2" content="#000000">
  74.     <meta name="color:bar 3" content="#000000">
  75.     <meta name="color:bar 4" content="#000000">
  76.     <meta name="color:bar 5" content="#000000">
  77.     <meta name="color:bar 6" content="#000000">
  78.    
  79.     <meta name="color:home" content="#000000">
  80.     <meta name="color:home hover" content="#888888">
  81.     <meta name="color:home text" content="#ffffff">  
  82.    
  83.     <meta name="color:ask" content="#426eaf">
  84.     <meta name="color:ask hover" content="#bad0f1">
  85.     <meta name="color:ask text" content="#ffffff">
  86.    
  87.     <meta name="color:archive" content="#97b8e9">
  88.     <meta name="color:archive hover" content="#cccccc">
  89.     <meta name="color:archive text" content="#ffffff">
  90.    
  91.     <meta name="color:description back" content="#ffffff">
  92.     <meta name="color:description" content="#000000">
  93.    
  94.     <meta name="color:link 1" content="#97b8e9">
  95.     <meta name="color:link 1 hover" content="#cccccc">
  96.     <meta name="color:link 1 text" content="#ffffff">
  97.    
  98.     <meta name="color:link 2" content="#426eaf">
  99.     <meta name="color:link 2 hover" content="#cccccc">
  100.     <meta name="color:link 2 text" content="#ffffff">
  101.    
  102.     <meta name="color:link 3" content="#000000">
  103.     <meta name="color:link 3 hover" content="#cccccc">
  104.     <meta name="color:link 3 text" content="#ffffff">
  105.    
  106.     <meta name="color:link 4" content="#000000">
  107.     <meta name="color:link 4 hover" content="#cccccc">
  108.     <meta name="color:link 4 text" content="#ffffff">
  109.    
  110.     <meta name="color:link 5" content="#426eaf">
  111.     <meta name="color:link 5 hover" content="#cccccc">
  112.     <meta name="color:link 5 text" content="#ffffff">
  113.    
  114.     <meta name="color:link 6" content="#97b8e9">
  115.     <meta name="color:link 6 hover" content="#cccccc">
  116.     <meta name="color:link 6 text" content="#ffffff">
  117.    
  118.     <meta name="color:music player" content="#426eaf">
  119.     <meta name="color:music player border" content="#000000">
  120.    
  121.     <meta name="color:text" content="#000000">
  122.     <meta name="color:italics" content="#426eaf">
  123.     <meta name="color:bold" content="#000000">
  124.     <meta name="color:blockquote border" content="#000000">
  125.    
  126.     <meta name="color:posts" content="#ffffff">
  127.     <meta name="color:post shadow" content="#888888">
  128.    
  129.     <meta name="color:tag background" content="#426eaf">
  130.     <meta name="color:tag text" content="#ffffff">
  131.     <meta name="color:tag text hover" content="#97b8e9">
  132.    
  133.     <meta name="color:date" content="#426eaf">
  134.     <meta name="color:date hover" content="#97b8e9">
  135.    
  136.     <meta name="color:notes" content="#000000">
  137.     <meta name="color:notes hover" content="#cccccc">
  138.    
  139.     <meta name="color:post links" content="#8e8e8e">
  140.     <meta name="color:post link hover" content="#ffffff">
  141.    
  142.     <meta name="color:post titles" content="#cccccc">
  143.     <meta name="color:post title background" content="#000000">
  144.    
  145.     <meta name="color:selection" content="#000000">
  146.     <meta name="color:selection text" content="#ffffff">
  147.     <meta name="color:scrollbar" content="#426eaf">
  148.     <meta name="color:scrollbar back" content="#ffffff">
  149.  
  150.    
  151.    
  152.         <!-- OPTIONS-->
  153.    
  154.     <meta name="select:tag visibility" content="height:auto; padding:0px 5px 5px 5px;" title="show always">
  155.     <meta name="select:tag visibility" content="height:0px; padding:0px 5px 0px 5px;" title="hover to show">
  156.    
  157.     <meta name="select:font size" content="font-size:10px;" title="10">
  158.     <meta name="select:font size" content="font-size:11px;" title="11">
  159.     <meta name="select:font size" content="font-size:12px;" title="12">
  160.    
  161.    <meta name="if:250px posts" content="0">
  162.    <meta name="if:400px posts" content="1">
  163.    <meta name="if:500px posts" content="0">
  164.    
  165.    <meta name="if:music player" content="0">
  166.    
  167.    <meta name="if:hide descriptions" content="0">
  168.    <meta name="if:infinite scroll" content="0">
  169.    
  170.         <!-- IMAGES -->
  171.    
  172.    <meta name="image:background" content="http://static.tumblr.com/1ua25kb/kcOn8do7v/tumblr_mex6pujpuz1rbvno1.png">
  173.    <meta name="image:sidebar" content="http://31.media.tumblr.com/c79a14211c79c6125b05a6ed395ed580/tumblr_mhu51qhM1A1qdcy3io1_1280.jpg">
  174.    <meta name="image:bottom bar" content="http://static.tumblr.com/1ua25kb/WsIn8do9b/tumblr_inline_mvcohr0lxa1r63cto.gif">
  175.  
  176.         <!-- TEXT -->
  177.        
  178.     <meta name="text:ask box title" content="what's up?">
  179.    
  180.     <meta name="text:music player code" content="">
  181.    
  182.    <meta name="text:link 1 url" content="">
  183.    <meta name="text:link 1 title" content="">
  184.    
  185.    <meta name="text:link 2 url" content="">
  186.    <meta name="text:link 2 title" content="">
  187.    
  188.    <meta name="text:link 3 url" content="">
  189.    <meta name="text:link 3 title" content="">
  190.    
  191.    <meta name="text:link 4 url" content="">
  192.    <meta name="text:link 4 title" content="">
  193.    
  194.    <meta name="text:link 5 url" content="">
  195.    <meta name="text:link 5 title" content="">
  196.    
  197.    <meta name="text:link 6 url" content="">
  198.    <meta name="text:link 6 title" content="">
  199.    
  200.    
  201. <!-- END VARIABLE CODE -->
  202.  
  203.  
  204. <style type="text/css">
  205.  
  206.  
  207.  /* MAIN ELEMENTS */
  208.  
  209. body{
  210.     margin:0px;
  211.     background-color:{color:background};
  212.     color:{color:text};
  213.     font-family:helvetica;
  214.     {select:font size}
  215.     line-height:140%;
  216.     background-image:url('{image:background}');
  217.     background-attachment: fixed;
  218.     background-repeat: repeat;
  219.     cursor: url('http://media.tumblr.com/28b53f437be2ef9f495c31d226b7f387/tumblr_inline_n0lc39S8lT1r1tugg.gif'), progress !important;
  220.  }
  221.  
  222.  .nyeh{
  223.      position:fixed;
  224.      height:100%;
  225.      width:100%;
  226.      margin:0;
  227.      z-index:-9999;
  228.     cursor: url(http://media.tumblr.com/28b53f437be2ef9f495c31d226b7f387/tumblr_inline_n0lc39S8lT1r1tugg.gif), progress !important;
  229.  }
  230.  
  231.  
  232. a{
  233.     text-decoration:none;
  234.     color:{color:post links};
  235.     cursor: url(http://media.tumblr.com/14770974325c40b8aefe3ecd4e360253/tumblr_inline_n0lc3j3Jah1r1tugg.png), progress !important;
  236.     -webkit-transition: all 0.9s ease;
  237.     -moz-transition: all 0.9s ease;
  238.     -o-transition: all 0.9s ease;
  239. }
  240.  
  241.  
  242. a:hover{
  243.     color:{color:post link hover};
  244. }
  245.  
  246.  
  247. i, em{
  248.     color:{color:italics};
  249. }
  250.  
  251.  
  252. b, strong{
  253.     color:{color:bold};
  254. }
  255.  
  256. blockquote{
  257.     padding-left:10px;
  258.     margin-left:10px;
  259.     min-width:220px;
  260.     border-left:solid 5px {color:blockquote border};
  261.     word-break:break-word;
  262. }
  263.  
  264.  
  265. blockquote blockquote{
  266.     margin-left:5px;
  267. }
  268.  
  269.  
  270. pre{
  271.     word-break:break-all;
  272.     font-family:monospace;
  273.     background-color:{color:text};
  274.     color:{color:posts};
  275.     padding:10px 0px 10px 0px;
  276. }
  277.  
  278. ::selection {
  279.     background:{color:selection};
  280.     color: {color:selection text};
  281. }
  282.  
  283. ::-moz-selection {
  284.     background: {color:selection};
  285.     color: {color:selection text};
  286. }
  287.  
  288. ::-webkit-selection {
  289.     background: {color:selection};
  290.     color: {color:selection text};
  291. }
  292.  
  293.  
  294. ::-webkit-scrollbar {
  295.     width: 15px;
  296.     height: 5px;
  297. }
  298.  
  299. ::-webkit-scrollbar-thumb {
  300.     background-color: {color:scrollbar};    
  301. }
  302.  
  303. ::-webkit-scrollbar-track {
  304.     background-color:{color:scrollbar back};
  305. }
  306.  
  307.  
  308. /* LEFT */
  309.  
  310. #blog_title{
  311.     position:fixed;
  312.     margin:40px 0px 0px 40px;
  313.     font-family: 'Raleway', sans-serif;
  314.     color:{color:title};
  315.     font-size:30px;
  316.     line-height:140%;
  317.     letter-spacing:3px;
  318.     font-weight:200;
  319. }
  320.  
  321.     /* MAIN LINKS AND SIDEBAR IMAGE*/
  322.    
  323. #main_circle{
  324.     position:fixed;
  325.     height:198px;
  326.     width:198px;
  327.     border-radius:200px;
  328.     background-image:url('{image:sidebar}');
  329.     background-position:fixed;
  330.     background-size:200px auto;
  331.     background-repeat:no-repeat;
  332.     margin:131px 0px 0px 301px;
  333. }
  334.  
  335. #home{
  336.     position:fixed;
  337.     height:210px;
  338.     width:210px;
  339.     margin:120px 0px 0px 290px;
  340.     border:solid 5px {color:home};
  341.     -webkit-transition: all 0.9s ease;
  342.     -moz-transition: all 0.9s ease;
  343.     -o-transition: all 0.9s ease;
  344.     border-radius:200px;
  345. }
  346.  
  347. #home:hover{
  348.     border:solid 5px {color:home hover};
  349. }
  350.  
  351. #home_title{
  352.     position:fixed;
  353.     height:110px;
  354.     width:200px;
  355.     margin:130px 0px 0px 300px;
  356.     border-radius:200px;
  357.     background-color:{color:home};
  358.     text-align:center;
  359.     padding-top:90px;
  360.     font-family: 'Raleway', sans-serif;
  361.     font-size:15px;
  362.     letter-spacing:3px;
  363.     color:{color:home text};
  364.     display:none;
  365. }
  366.  
  367. #ask{
  368.     position:fixed;
  369.     height:240px;
  370.     width:240px;
  371.     margin:105px 0px 0px 275px;
  372.     border:solid 5px {color:ask};
  373.     -webkit-transition: all 0.9s ease;
  374.     -moz-transition: all 0.9s ease;
  375.     -o-transition: all 0.9s ease;
  376.     border-radius:200px
  377. }
  378.  
  379. #ask:hover{
  380.     border:solid 5px {color:ask hover};
  381. }
  382.  
  383. #ask_title{
  384.     position:fixed;
  385.     height:110px;
  386.     width:200px;
  387.     margin:130px 0px 0px 300px;
  388.     border-radius:200px;
  389.     background-color:{color:ask};
  390.     text-align:center;
  391.     padding-top:90px;
  392.     font-family: 'Raleway', sans-serif;
  393.     font-size:15px;
  394.     letter-spacing:3px;
  395.     color:{color:ask text};
  396.     display:none;
  397. }
  398.  
  399. #archive{
  400.     position:fixed;
  401.     height:260px;
  402.     width:260px;
  403.     margin:95px 0px 0px 265px;
  404.     border:solid 5px {color:archive};
  405.     -webkit-transition: all 0.9s ease;
  406.     -moz-transition: all 0.9s ease;
  407.     -o-transition: all 0.9s ease;
  408.     border-radius:200px
  409. }
  410.  
  411. #archive:hover{
  412.     border:solid 5px {color:archive hover};
  413. }
  414.  
  415. #archive_title{
  416.     position:fixed;
  417.     height:110px;
  418.     width:200px;
  419.     margin:130px 0px 0px 300px;
  420.     border-radius:200px;
  421.     background-color:{color:archive};
  422.     text-align:center;
  423.     padding-top:90px;
  424.     font-family: 'Raleway', sans-serif;
  425.     font-size:15px;
  426.     letter-spacing:3px;
  427.     color:{color:archive text};
  428.     display:none;
  429. }
  430.  
  431. #end_circle{
  432.     position:fixed;
  433.     height:290px;
  434.     width:290px;
  435.     margin:85px 0px 0px 255px;
  436.     background-color:{color:background};
  437.     background-image:url('{image:background}');
  438.     background-attachment: fixed;
  439.     background-repeat: repeat;
  440.     -webkit-transition: all 0.9s ease;
  441.     -moz-transition: all 0.9s ease;
  442.     -o-transition: all 0.9s ease;
  443.     border-radius:200px;
  444. }
  445.  
  446.  
  447.     /* ASK BOX */
  448.    
  449. #fade {
  450.     display: none;
  451.     background: #000;
  452.     position: fixed;
  453.     left: 0;
  454.     top: 0;
  455.     width: 100%;
  456.     height: 100%;
  457.     opacity: .80;
  458.     z-index: 9999;
  459. }
  460.  
  461. .popup_block{
  462.     display: none;
  463.     background: {color:posts};
  464.     border-radius:5px;
  465.     padding: 10px;
  466.     float: left;
  467.     position: fixed;
  468.     top: 50%;
  469.     left: 50%;
  470.     z-index: 99999;
  471. }
  472.  
  473. img.btn_close {
  474.     float: right;
  475.     height:25px;
  476.     width:25px;
  477.     margin: -35px -45px 0 0;
  478. }
  479.  
  480. *html #fade {
  481.     position: absolute;
  482. }
  483.  
  484. *html .popup_block {
  485.     position: absolute;
  486. }
  487.  
  488. .popup_title{
  489.     position:absolute;
  490.     width:100%;
  491.     color:{color:posts};
  492.     font-size:28px;
  493.     letter-spacing:3px;
  494.     font-family: 'Raleway', sans-serif;
  495.     margin-top:-80px;
  496.     text-align:center;
  497. }
  498.  
  499.     /* DESCRIPTION  */
  500.    
  501. #desc{
  502.     position:fixed;
  503.     height:70px;
  504.     width:200px;
  505.     border:solid 10px {color:description back};
  506.     border-radius:5px;
  507.     margin:290px 0px 0px 350px;
  508.     padding-right:5px;
  509.     text-align:justify;
  510.     background-color:{color:description back};
  511.     color:{color:description};
  512.     box-shadow:0px 2px 3px {color:post shadow};
  513.     overflow:auto;
  514. }
  515.  
  516. #desc::-webkit-scrollbar {
  517.     width: 5px;
  518.     height: 0px;
  519. }
  520.  
  521.     /* CUSTOM LINKS */
  522.    
  523. #link1{
  524.     position:fixed;
  525.     height:30px;
  526.     width:30px;
  527.     border-radius:30px;
  528.     margin:210px 0px 0px 70px;
  529.     background-color:{color:link 1};
  530.     -webkit-transition: all 0.9s ease;
  531.     -moz-transition: all 0.9s ease;
  532.     -o-transition: all 0.9s ease;
  533. }
  534.  
  535. #link1:hover{
  536.     background-color:{color:link 1 hover};
  537. }
  538.  
  539. #link1_title{
  540.     position:fixed;
  541.     height:110px;
  542.     width:200px;
  543.     margin:130px 0px 0px 300px;
  544.     border-radius:200px;
  545.     background-color:{color:link 1};
  546.     text-align:center;
  547.     padding-top:90px;
  548.     font-family: 'Raleway', sans-serif;
  549.     font-size:15px;
  550.     letter-spacing:3px;
  551.     color:{color:link 1 text};
  552.     display:none;
  553. }
  554.  
  555. #link2{
  556.     position:fixed;
  557.     height:30px;
  558.     width:30px;
  559.     border-radius:30px;
  560.     margin:210px 0px 0px 115px;
  561.     background-color:{color:link 2};
  562.     -webkit-transition: all 0.9s ease;
  563.     -moz-transition: all 0.9s ease;
  564.     -o-transition: all 0.9s ease;
  565. }
  566.  
  567. #link2:hover{
  568.     background-color:{color:link 2 hover};
  569. }
  570.  
  571. #link2_title{
  572.     position:fixed;
  573.     height:110px;
  574.     width:200px;
  575.     margin:130px 0px 0px 300px;
  576.     border-radius:200px;
  577.     background-color:{color:link 2};
  578.     text-align:center;
  579.     padding-top:90px;
  580.     font-family: 'Raleway', sans-serif;
  581.     font-size:15px;
  582.     letter-spacing:3px;
  583.     color:{color:link 2 text};
  584.     display:none;
  585. }
  586.  
  587. #link3{
  588.     position:fixed;
  589.     height:30px;
  590.     width:30px;
  591.     border-radius:30px;
  592.     margin:210px 0px 0px 160px;
  593.     background-color:{color:link 3};
  594.     -webkit-transition: all 0.9s ease;
  595.     -moz-transition: all 0.9s ease;
  596.     -o-transition: all 0.9s ease;
  597. }
  598.  
  599. #link3:hover{
  600.     background-color:{color:link 3 hover};
  601. }
  602.  
  603. #link3_title{
  604.     position:fixed;
  605.     height:110px;
  606.     width:200px;
  607.     margin:130px 0px 0px 300px;
  608.     border-radius:200px;
  609.     background-color:{color:link 3};
  610.     text-align:center;
  611.     padding-top:90px;
  612.     font-family: 'Raleway', sans-serif;
  613.     font-size:15px;
  614.     letter-spacing:3px;
  615.     color:{color:link 3 text};
  616.     display:none;
  617. }
  618.  
  619. #link4{
  620.     position:fixed;
  621.     height:30px;
  622.     width:30px;
  623.     border-radius:30px;
  624.     margin:210px 0px 0px 600px;
  625.     background-color:{color:link 4};
  626.     -webkit-transition: all 0.9s ease;
  627.     -moz-transition: all 0.9s ease;
  628.     -o-transition: all 0.9s ease;
  629. }
  630.  
  631. #link4:hover{
  632.     background-color:{color:link 4 hover};
  633. }
  634.  
  635. #link4_title{
  636.     position:fixed;
  637.     height:110px;
  638.     width:200px;
  639.     margin:130px 0px 0px 300px;
  640.     border-radius:200px;
  641.     background-color:{color:link 4};
  642.     text-align:center;
  643.     padding-top:90px;
  644.     font-family: 'Raleway', sans-serif;
  645.     font-size:15px;
  646.     letter-spacing:3px;
  647.     color:{color:link 4 text};
  648.     display:none;
  649. }
  650.  
  651. #link5{
  652.     position:fixed;
  653.     height:30px;
  654.     width:30px;
  655.     border-radius:30px;
  656.     margin:210px 0px 0px 645px;
  657.     background-color:{color:link 5};
  658.     -webkit-transition: all 0.9s ease;
  659.     -moz-transition: all 0.9s ease;
  660.     -o-transition: all 0.9s ease;
  661. }
  662.  
  663. #link5:hover{
  664.     background-color:{color:link 5 hover};
  665. }
  666.  
  667. #link5_title{
  668.     position:fixed;
  669.     height:110px;
  670.     width:200px;
  671.     margin:130px 0px 0px 300px;
  672.     border-radius:200px;
  673.     background-color:{color:link 5};
  674.     text-align:center;
  675.     padding-top:90px;
  676.     font-family: 'Raleway', sans-serif;
  677.     font-size:15px;
  678.     letter-spacing:3px;
  679.     color:{color:link 5 text};
  680.     display:none;
  681. }
  682.  
  683. #link6{
  684.     position:fixed;
  685.     height:30px;
  686.     width:30px;
  687.     border-radius:30px;
  688.     margin:210px 0px 0px 690px;
  689.     background-color:{color:link 6};
  690.     -webkit-transition: all 0.9s ease;
  691.     -moz-transition: all 0.9s ease;
  692.     -o-transition: all 0.9s ease;
  693. }
  694.  
  695. #link6:hover{
  696.     background-color:{color:link 6 hover};
  697. }
  698.  
  699. #link6_title{
  700.     position:fixed;
  701.     height:110px;
  702.     width:200px;
  703.     margin:130px 0px 0px 300px;
  704.     border-radius:200px;
  705.     background-color:{color:link 6};
  706.     text-align:center;
  707.     padding-top:90px;
  708.     font-family: 'Raleway', sans-serif;
  709.     font-size:15px;
  710.     letter-spacing:3px;
  711.     color:{color:link 6 text};
  712.     display:none;
  713. }
  714.  
  715.     /* PAGINATION */
  716.    
  717. #pagination{
  718.     position:fixed;
  719.     width:150px;
  720.     height:30px;
  721.     margin-top:130px;
  722.     margin-left:500px;
  723.     text-align:center;
  724. }
  725.  
  726. .pagination{
  727.     display:inline-block;
  728.     height:30px;
  729.     width:30px;
  730.     margin:0px 13px 0px 13px;
  731.     color:{color:home};
  732.     font-size:18px;
  733.     font-family: 'Raleway', sans-serif;
  734. }
  735.  
  736.     /* MUSIC PLAYER */
  737.    
  738. #music_player_end{
  739.     position:fixed;
  740.     margin:280px 0px 0px 230px;
  741.     height:86px;
  742.     width:86px;
  743.     border-radius:70px;
  744.     background-color:{color:background};
  745.     background-image:url('{image:background}');
  746.     background-attachment: fixed;
  747.     background-repeat: repeat;
  748. }
  749.    
  750. #music_player_border{
  751.     position:fixed;
  752.     margin:8px 0px 0px 8px;
  753.     height:60px;
  754.     width:60px;
  755.     border-radius:70px;
  756.     border:solid 5px {color:music player border};
  757. }
  758.  
  759.  
  760. #music_player_back{
  761.     position:fixed;
  762.     margin:5px 0px 0px 5px;
  763.     height:50px;
  764.     width:50px;
  765.     border-radius:50px;
  766.     background-color:{color:music player};
  767. }
  768.  
  769. .player_icon{
  770.     position:fixed;
  771.     margin-top:17px;
  772.     margin-left:17px;
  773.     -webkit-transition: all 0.9s ease;
  774.     -moz-transition: all 0.9s ease;
  775.     -o-transition: all 0.9s ease;
  776. }
  777.  
  778. .music_player_align{
  779.     margin-left:-22px;
  780.     margin-top:-2px;
  781. }
  782.  
  783. #music_player{
  784.     position:fixed;
  785.     margin-top:16px;
  786.     margin-left:16px;
  787.     height:16px;
  788.     width:16px;
  789.     overflow:hidden;
  790.     background-color:white;
  791.     opacity:0;
  792.     -webkit-transition: all 0.9s ease;
  793.     -moz-transition: all 0.9s ease;
  794.     -o-transition: all 0.9s ease;
  795. }
  796.  
  797. #music_player_back:hover #music_player{
  798.     opacity:1;
  799. }
  800.  
  801. #music_player_back:hover .player_icon{
  802.     opacity:0;
  803. }
  804.  
  805. /* BACKGROUND BORDER */
  806.    
  807. #bar1{
  808.     position:fixed;
  809.     height:5px;
  810.     width:100%;
  811.     margin-top:150px;
  812.     background-color:{color:bar 1};
  813.     z-index:-99;
  814. }
  815.  
  816. #bar2{
  817.     position:fixed;
  818.     height:5px;
  819.     width:100%;
  820.     margin-top:165px;
  821.     background-color:{color:bar 2};
  822.     z-index:-99;
  823. }
  824.  
  825. #bar3{
  826.     position:fixed;
  827.     height:5px;
  828.     width:100%;
  829.     margin-top:175px;
  830.     background-color:{color:bar 3};
  831.     z-index:-99;
  832. }
  833.  
  834. #bottom_bar{
  835.     position:fixed;
  836.     height:30px;
  837.     width:100%;
  838.     bottom:100px;
  839.     background-image:url('{image:bottom bar}');
  840.     background-attachment: fixed;
  841.     background-repeat: repeat;
  842.     z-index:-99;
  843. }
  844.  
  845. #bar4{
  846.     position:fixed;
  847.     height:5px;
  848.     width:100%;
  849.     bottom:90px;
  850.     background-color:{color:bar 4};
  851.     z-index:-99;
  852. }
  853.  
  854. #bar5{
  855.     position:fixed;
  856.     height:5px;
  857.     width:100%;
  858.     bottom:150px;
  859.     background-color:{color:bar 5};
  860.     z-index:-99;
  861. }
  862.  
  863.  
  864. #bar6{
  865.     position:fixed;
  866.     height:5px;
  867.     width:100%;
  868.     bottom:140px;
  869.     background-color:{color:bar 6};
  870.     z-index:-99;
  871. }
  872.  
  873. /* POSTS */
  874.  
  875. #post_container{
  876.     position:absolute;
  877.     {block:indexpage}
  878.         {block:if250pxposts}
  879.             margin:70px 0px 0px 850px;
  880.         {/block:if250pxposts}
  881.         {block:if400pxposts}
  882.             margin:70px 0px 0px 800px;
  883.         {/block:if400pxposts}
  884.         {block:if500pxposts}
  885.             margin:70px 0px 0px 800px;
  886.         {/block:if500pxposts}
  887.     {/block:indexpage}
  888.     {block:permalinkpage}
  889.         margin:70px 0px 0px 800px;
  890.     {/block:permalinkpage}
  891. }
  892.  
  893. .posts{
  894.     {block:indexpage}
  895.         {block:if250pxposts}
  896.             width:250px;
  897.         {/block:if250pxposts}
  898.         {block:if400pxposts}
  899.             width:400px;
  900.         {/block:if400pxposts}
  901.         {block:if500pxposts}
  902.             width:500px;
  903.         {/block:if500pxposts}
  904.     {/block:indexpage}
  905.     {block:permalinkpage}
  906.         width:500px;
  907.     {/block:permalinkpage}
  908.     padding:10px;
  909.     background-color:{color:posts};
  910.     text-align:justify;
  911.     margin-bottom:90px;
  912.     border-radius:5px;
  913.     box-shadow:0px 2px 3px {color:post shadow};
  914.     z-index:99;
  915. }
  916.  
  917. .posts img{
  918.     max-width:100%;
  919. }
  920.  
  921.     /* permalink */
  922.    
  923. #notes{
  924.     position:absolute;
  925.     margin-top:-40px;
  926.     margin-left:-40px;
  927.     height:60px;
  928.     width:60px;
  929.     border-radius:70px;
  930.     border:solid 5px {color:notes};
  931.     -webkit-transition: all 0.9s ease;
  932.     -moz-transition: all 0.9s ease;
  933.     -o-transition: all 0.9s ease;
  934.     z-index:-1;
  935. }
  936.  
  937. #notes:hover{
  938.     border:solid 5px {color:notes hover};
  939. }
  940.  
  941.  
  942. #date{
  943.     position:absolute;
  944.     margin-top:-30px;
  945.     margin-left:-30px;
  946.     height:50px;
  947.     width:50px;
  948.     border-radius:50px;
  949.     background-color:{color:date};
  950.     -webkit-transition: all 0.9s ease;
  951.     -moz-transition: all 0.9s ease;
  952.     -o-transition: all 0.9s ease;
  953.     z-index:-1;
  954. }
  955.  
  956. #date:hover{
  957.     background-color:{color:date hover};
  958. }
  959.  
  960. #end{
  961.     position:absolute;
  962.     margin-top:-48px;
  963.     margin-left:-48px;
  964.     height:85px;
  965.     width:85px;
  966.     border-radius:70px;
  967.     background-color:{color:background};
  968.     background-image:url('{image:background}');
  969.     background-attachment: fixed;
  970.     background-repeat: repeat;
  971.     z-index:-1;
  972. }
  973.  
  974.     /* TAGS */
  975.    
  976. #tags{
  977.     {block:indexpage}
  978.         {block:if250pxposts}
  979.             width:260px;
  980.         {/block:if250pxposts}
  981.         {block:if400pxposts}
  982.             width:410px;
  983.         {/block:if400pxposts}
  984.         {block:if500pxposts}
  985.             width:510px;
  986.         {/block:if500pxposts}
  987.     {/block:indexpage}
  988.     {block:permalinkpage}
  989.         width:510px;
  990.     {/block:permalinkpage}
  991.    
  992.     background-color:{color:tag background};
  993.    
  994.     border-bottom-right-radius:5px;
  995.     border-bottom-left-radius:5px;
  996.    
  997.     {select:tag visibility}
  998.     overflow:hidden;
  999.    
  1000.     border-top:solid 5px {color:tag background};
  1001.     margin:10px 0px -10px -10px;
  1002.    
  1003.     word-break:break-word;
  1004.  
  1005.     -webkit-transition: all 0.9s ease;
  1006.     -moz-transition: all 0.9s ease;
  1007.     -o-transition: all 0.9s ease;
  1008. }
  1009.  
  1010. #tags a{
  1011.     color:{color:tag text};
  1012. }
  1013.  
  1014. #tags a:hover{
  1015.     color:{color:tag text hover};
  1016. }
  1017.  
  1018. .posts:hover #tags{
  1019.     height:auto;
  1020.     padding:0px 5px 5px 5px;
  1021. }
  1022.  
  1023. .permalink_date{
  1024.     text-align:center;
  1025. }
  1026.  
  1027. .permalink_date_border{
  1028.     display:block;
  1029.     height:5px;
  1030.     margin:5px;
  1031.     background-color:{color:text};
  1032. }
  1033.  
  1034.     /* QUOTE, LINK, AND TEXT POSTS */
  1035.    
  1036. .post_title{
  1037.     text-align:center;
  1038.     {block:indexpage}
  1039.         {block:if250pxposts}
  1040.             font-size:18px;
  1041.         {/block:if250pxposts}
  1042.         {block:if400pxposts}
  1043.             font-size:22px;
  1044.         {/block:if400pxposts}
  1045.         {block:if500pxposts}
  1046.             font-size:28px;
  1047.             font-weight:200;
  1048.         {/block:if500pxposts}
  1049.     {/block:indexpage}
  1050.     {block:permalinkpage}
  1051.         font-size:28px;
  1052.         font-weight:200;
  1053.     {/block:permalinkpage}
  1054.     padding:7px;
  1055.     font-family: 'Raleway', sans-serif;
  1056.     letter-spacing:3px;
  1057.     background-color:{color:post title background};
  1058.     color:{color:post titles};
  1059.     -webkit-transition: all 0.9s ease;
  1060.     -moz-transition: all 0.9s ease;
  1061.     -o-transition: all 0.9s ease;
  1062.     line-height:140%;
  1063. }
  1064.  
  1065. a .post_title{
  1066.     letter-spacing:0px;
  1067. }
  1068.  
  1069. a .post_title:hover{
  1070.     background-color:{color:posts};
  1071.     color:{color:post links};
  1072. }
  1073.  
  1074. .post_quote{
  1075.     text-align:justify;
  1076.     {block:indexpage}
  1077.         {block:if250pxposts}
  1078.             font-size:16px;
  1079.         {/block:if250pxposts}
  1080.         {block:if400pxposts}
  1081.             font-size:20px;
  1082.         {/block:if400pxposts}
  1083.         {block:if500pxposts}
  1084.             font-size:25px;
  1085.             font-weight:200;
  1086.         {/block:if500pxposts}
  1087.     {/block:indexpage}
  1088.     {block:permalinkpage}
  1089.         font-size:25px;
  1090.         font-weight:200;
  1091.     {/block:permalinkpage}
  1092.     padding:7px;
  1093.     font-family: 'Raleway', sans-serif;
  1094.     -webkit-transition: all 0.9s ease;
  1095.     -moz-transition: all 0.9s ease;
  1096.     -o-transition: all 0.9s ease;
  1097.     line-height:140%;
  1098. }
  1099.  
  1100. .quote_source{
  1101.     text-align:right;
  1102.     background-color:{color:post title background};
  1103.     color:{color:post titles};
  1104.     padding:5px 10px 5px 0px;
  1105. }
  1106.  
  1107.     /* CHAT POSTS */
  1108.  
  1109. #chat ul{
  1110.     list-style:none;
  1111.     margin-left:-40px;
  1112.     margin-top:-5px;
  1113.     text-align:left;
  1114. }
  1115.  
  1116. .chat .odd{
  1117.     padding:3px;
  1118.    
  1119. }
  1120.  
  1121. .chat .even{
  1122.     padding:3px;
  1123.     color:{color:date};
  1124. }
  1125.  
  1126. .label{
  1127.     letter-spacing:1px;
  1128. }
  1129.  
  1130.     /* AUDIO POSTS */
  1131.    
  1132. #album_art{
  1133.     height:250px;
  1134.     width:250px;
  1135.     background-image:url('http://static.tumblr.com/1ua25kb/xCyn8cc3o/standin_art.png');
  1136.     background-position:fixed;
  1137.     background-size:250px 250px;
  1138.     background-repeat:no-repeat;
  1139.     {block:indexpage}
  1140.         {block:if250pxposts}
  1141.             border:none;
  1142.         {/block:if250pxposts}
  1143.         {block:if400pxposts}
  1144.             border-left:solid 75px #000000;
  1145.             border-right:solid 75px #000000;
  1146.         {/block:if400pxposts}
  1147.         {block:if500pxposts}
  1148.             border-left:solid 125px #000000;
  1149.             border-right:solid 125px #000000;
  1150.         {/block:if500pxposts}
  1151.     {/block:indexpage}
  1152.     {block:permalinkpage}
  1153.         border-left:solid 125px #000000;
  1154.         border-right:solid 125px #000000;
  1155.     {/block:permalinkpage}      
  1156. }
  1157.  
  1158. #album_art b{
  1159.     color:#ffffff;
  1160.     letter-spacing:3px;
  1161. }
  1162.  
  1163. #audio_player_back{
  1164.     position:absolute;
  1165.     margin:100px;
  1166.     height:50px;
  1167.     width:50px;
  1168.     background-color:#000000;
  1169.     opacity:0.8;
  1170. }
  1171.  
  1172. #audio_player_container{
  1173.     position:absolute;
  1174.     margin:11px;
  1175.     height:30px;
  1176.     width:30px;
  1177.     overflow:hidden;
  1178. }
  1179.  
  1180. .tumblr_audio_player {
  1181.     position:absolute;
  1182.     border:none;
  1183.     padding:0px;
  1184.     margin:0px;
  1185.     height:30px;
  1186.     width:500px;
  1187. }
  1188.  
  1189. #track_info{
  1190.     position:absolute;
  1191.     width:230px;
  1192.     height:20px;
  1193.     padding:10px 10px 3px 10px;
  1194.     margin-top:11px;
  1195.     background-color:#000000;
  1196.     color:#ffffff;
  1197.     opacity:0.8;
  1198. }
  1199.  
  1200. #artist_info{
  1201.     position:absolute;
  1202.     width:230px;
  1203.     height:20px;
  1204.     padding:10px 10px 3px 10px;
  1205.     margin-top:55px;
  1206.     background-color:#000000;
  1207.     color:#ffffff;
  1208.     opacity:0.8;
  1209. }
  1210.  
  1211. #album_info{
  1212.     position:absolute;
  1213.     width:230px;
  1214.     height:20px;
  1215.     padding:10px 10px 3px 10px;
  1216.     margin-top:161px;
  1217.     background-color:#000000;
  1218.     color:#ffffff;
  1219.     opacity:0.8;
  1220. }
  1221.  
  1222. #playcount_info{
  1223.     position:absolute;
  1224.     width:230px;
  1225.     height:20px;
  1226.     padding:10px 10px 3px 10px;
  1227.     margin-top:205px;
  1228.     background-color:#000000;
  1229.     color:#ffffff;
  1230.     opacity:0.8;
  1231. }
  1232.  
  1233.  
  1234.     /* ANSWERS POSTS */
  1235.    
  1236. #question{
  1237.     padding:10px 10px 20px 10px;
  1238.     background-color:{color:post title background};
  1239.     color:{color:post titles};
  1240. }
  1241.  
  1242. .question_triangle{
  1243.     position:absolute;
  1244.     width: 0;
  1245.     height: 0;
  1246.     border-top: 15px solid {color:post title background};
  1247.     border-right: 15px solid transparent;
  1248.     right:30px;
  1249. }
  1250.  
  1251. #asker_portrait{
  1252.     position:absolute;
  1253.     height:30px;
  1254.     width:30px;
  1255.     margin-top:-15px;
  1256.     background-color:{color:posts};
  1257.     padding:3px;
  1258.     border:5px solid {color:tag background};
  1259.     right:55px;
  1260.     border-radius:30px;
  1261. }
  1262.  
  1263. #answerer_portrait{
  1264.     position:absolute;
  1265.     height:30px;
  1266.     width:30px;
  1267.     margin-top:-15px;
  1268.     background-color:{color:post title background};
  1269.     padding:3px;
  1270.     border:5px solid {color:post titles};
  1271.     right:111px;
  1272.     border-radius:30px;
  1273. }
  1274.  
  1275. .answer{
  1276.     margin-top:35px;
  1277. }
  1278.  
  1279.  
  1280.  /*ETC*/
  1281.  
  1282. ol.notes{
  1283.     position:absolute;
  1284.     width:480px;
  1285.     margin-top:-100px;
  1286.     list-style-type:none;
  1287.     padding:30px 20px 20px 20px;
  1288.     background-image:url('{image:background}');
  1289.     background-attachment: fixed;
  1290.     background-repeat: repeat;
  1291.     background-color: {color:background};
  1292.     line-height:140%;
  1293.     -webkit-transition: all 0.9s ease;
  1294.     -moz-transition: all 0.9s ease;
  1295.     -o-transition: all 0.9s ease;
  1296.     z-index:-1;
  1297. }
  1298.  
  1299. ol.notes li.note img{
  1300.     margin-top:7px;
  1301. }
  1302.  
  1303. ol.notes li.note img.avatar{
  1304.  
  1305.     margin-right:3px;
  1306.     width:16px;
  1307.     height:16px;
  1308. }
  1309.  
  1310.    
  1311. #s-m-t-tooltip{
  1312.     max-width:300px;
  1313.     z-index:999999;
  1314.     margin:15px 14px 7px 12px;
  1315.     padding:3px 5px 3px 5px;
  1316.     background:{color:tag background};
  1317.     border-radius:0px;
  1318.     font-size:9px;
  1319.     color:{color:tag text};
  1320.     border-radius:5px;
  1321. }
  1322.  
  1323. #credit{
  1324.     position:fixed;
  1325.     bottom:10px;
  1326.     right:10px;
  1327.     z-index:1;
  1328.     -webkit-transition: all 0.9s ease;
  1329.     -moz-transition: all 0.9s ease;
  1330.     -o-transition: all 0.9s ease;
  1331.     -webkit-filter: grayscale(100%);
  1332.     -moz-filter: grayscale(100%);
  1333.     -ms-filter: grayscale(100%);
  1334.     -o-filter: grayscale(100%);
  1335. }
  1336.  
  1337. #credit:hover{
  1338.     -webkit-filter: grayscale(0%);
  1339.     -moz-filter: grayscale(0%);
  1340.     -ms-filter: grayscale(0%);
  1341.     -o-filter: grayscale(0%);
  1342. }
  1343.    
  1344.  
  1345. {CustomCSS}
  1346.    
  1347.  
  1348.    
  1349. </style>
  1350. </script>
  1351.  
  1352. <script type="text/javascript">
  1353.    
  1354. $(document).ready(function(){
  1355.    
  1356.    
  1357.         //MAIN LINKS
  1358.     //HOME
  1359.     $('#home').hover(function(){
  1360.         $('#home_title').fadeIn("900","swing")
  1361.     },function(){
  1362.         $('#home_title').fadeOut("900","swing")
  1363.     });
  1364.    
  1365.     //ASK
  1366.     $('#ask').hover(function(){
  1367.         $('#ask_title').fadeIn("900","swing")
  1368.     },function(){
  1369.         $('#ask_title').fadeOut("900","swing")
  1370.     });
  1371.    
  1372.     //ARCHIVE
  1373.     $('#archive').hover(function(){
  1374.         $('#archive_title').fadeIn("900","swing")
  1375.     },function(){
  1376.         $('#archive_title').fadeOut("900","swing")
  1377.     });
  1378.    
  1379.    
  1380.         //CUSTOM LINKS
  1381.     //LINK 1
  1382.     $('#link1').hover(function(){
  1383.         $('#link1_title').fadeIn("900","swing")
  1384.     },function(){
  1385.         $('#link1_title').fadeOut("900","swing")
  1386.     });
  1387.    
  1388.     //LINK 2
  1389.     $('#link2').hover(function(){
  1390.         $('#link2_title').fadeIn("900","swing")
  1391.     },function(){
  1392.         $('#link2_title').fadeOut("900","swing")
  1393.     });
  1394.    
  1395.     //LINK 3
  1396.     $('#link3').hover(function(){
  1397.         $('#link3_title').fadeIn("900","swing")
  1398.     },function(){
  1399.         $('#link3_title').fadeOut("900","swing")
  1400.     });
  1401.    
  1402.     //LINK 4
  1403.     $('#link4').hover(function(){
  1404.         $('#link4_title').fadeIn("900","swing")
  1405.     },function(){
  1406.         $('#link4_title').fadeOut("900","swing")
  1407.     });
  1408.    
  1409.     //LINK 5
  1410.     $('#link5').hover(function(){
  1411.         $('#link5_title').fadeIn("900","swing")
  1412.     },function(){
  1413.         $('#link5_title').fadeOut("900","swing")
  1414.     });
  1415.    
  1416.         //LINK 6
  1417.     $('#link6').hover(function(){
  1418.         $('#link6_title').fadeIn("900","swing")
  1419.     },function(){
  1420.         $('#link6_title').fadeOut("900","swing")
  1421.     });
  1422.    
  1423.    
  1424.    
  1425.     //POPUP ASK BOX
  1426.    
  1427. //When you click on a link with class of poplight and the href starts with a #
  1428.  
  1429. $('a#ask[href^=#]').click(function() {
  1430.     var popID = $(this).attr('rel'); //Get Popup Name
  1431.     var popURL = $(this).attr('href'); //Get Popup href to define size
  1432.     //Pull Query & Variables from href URL
  1433.    var query= popURL.split('?');
  1434.     var dim= query[1].split('&');
  1435.     var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  1436.     //Fade in the Popup and add close button
  1437.     $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://static.tumblr.com/1ua25kb/4Tnn8cmi1/017.png" class="btn_close" title="Close Window" alt="Close" /></a>');
  1438.     //Define margin for center alignment (vertical   horizontal) - we add 80px to the height/width to accomodate for the padding  and border width defined in the css
  1439.     var popMargTop = ($('#' + popID).height() + 80) / 2;
  1440.     var popMargLeft = ($('#' + popID).width() + 80) / 2;
  1441.     //Apply Margin to Popup
  1442.     $('#' + popID).css({
  1443.         'margin-top' : -popMargTop,
  1444.         'margin-left' : -popMargLeft
  1445.     });
  1446.     //Fade in Background
  1447.     $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
  1448.     $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fading transparencies
  1449.     return false;
  1450. });
  1451. //Close Popups and Fade Layer
  1452. $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
  1453.     $('#fade , .popup_block').fadeOut(function() {
  1454.         $('#fade, a.close').remove();  //fade them both out
  1455.     });
  1456.     return false;
  1457. });
  1458.  
  1459.    
  1460.    
  1461. });
  1462.    
  1463.    
  1464. </script>
  1465.  
  1466. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  1467.  
  1468. </head>
  1469. <body>
  1470.  
  1471. <div class="nyeh"></div>
  1472.  
  1473.     <!-- BACKGROUND BARS -->
  1474.    
  1475. <div id="bar1"></div>
  1476. <div id="bar2"></div>
  1477. <div id="bar3"></div>
  1478. <div id="bottom_bar"></div>
  1479. <div id="bar4"></div>
  1480. <div id="bar5"></div>
  1481. <div id="bar6"></div>
  1482.  
  1483.     <!-- BLOG TITLE -->
  1484.    
  1485. <div id="blog_title">{title}</div>
  1486.  
  1487.  
  1488.     <!-- BEGIN IMAGE AND MAIN LINKS CODE -->
  1489.    
  1490. <div id="end_circle"></div>
  1491.  
  1492.     <a href="/archive" id="archive"></a>
  1493.     <a href="#?w=500" rel="popup_name" id="ask"></a>
  1494.     <a href="/" id="home"></a>
  1495.    
  1496. <div id="main_circle" title="hover over borders for links"></div>
  1497.  
  1498.     <div id="archive_title">archive</div>
  1499.     <div id="ask_title">ask</div>
  1500.     <div id="home_title">home</div>
  1501.    
  1502.     <!-- END IMAGE AND MAIN LINKS CODE -->
  1503.    
  1504.     <!-- BEGIN CUSTOM LINKS CODE -->
  1505.    
  1506. {block:iflink1title}
  1507.     <a href="{text:link 1 url}" id="link1"></a>
  1508.     <div id="link1_title">{text:link 1 title}</div>
  1509. {/block:iflink1title}
  1510. {block:iflink2title}
  1511.     <a href="{text:link 2 url}" id="link2"></a>
  1512.     <div id="link2_title">{text:link 2 title}</div>
  1513. {/block:iflink2title}
  1514. {block:iflink3title}
  1515.     <a href="{text:link 3 url}" id="link3"></a>
  1516.     <div id="link3_title">{text:link 3 title}</div>
  1517. {/block:iflink3title}
  1518. {block:iflink4title}
  1519.     <a href="{text:link 4 url}" id="link4"></a>
  1520.     <div id="link4_title">{text:link 4 title}</div>
  1521. {/block:iflink4title}
  1522. {block:iflink5title}
  1523.     <a href="{text:link 5 url}" id="link5"></a>
  1524.     <div id="link5_title">{text:link 5 title}</div>
  1525. {/block:iflink5title}
  1526. {block:iflink6title}
  1527.     <a href="{text:link 6 url}" id="link6"></a>
  1528.     <div id="link6_title">{text:link 6 title}</div>
  1529. {/block:iflink6title}
  1530.  
  1531.     <!-- END CUSTOM LINKS CODE -->
  1532.    
  1533.     <!-- PAGINATION -->
  1534.    
  1535. {block:ifnotinfinitescroll}    
  1536.     {block:Pagination}
  1537.     <div id="pagination">
  1538.         {block:PreviousPage}
  1539.             <a href="{PreviousPage}" class="pagination">
  1540.                 &larr;
  1541.             </a>
  1542.         {/block:PreviousPage}
  1543.         {block:NextPage}
  1544.             <a href="{NextPage}" class="pagination">
  1545.                 &rarr;
  1546.             </a>
  1547.         {/block:NextPage}
  1548.     </div>
  1549.     {/block:Pagination}
  1550. {/block:ifnotinfinitescroll}
  1551.    
  1552.     <!-- DESCRIPTION -->
  1553.    
  1554. <div id="desc">{description}</div>
  1555.  
  1556.     <!-- BEGIN MUSIC PLAYER -->
  1557. {block:ifmusicplayer}
  1558.     <div id="music_player_end">
  1559.         <div id="music_player_border">
  1560.             <div id="music_player_back">
  1561.            
  1562.                 <img src="http://static.tumblr.com/6kvh1bm/holmyp98x/tumblr_m7w2py1dep1r6o8v2.gif" class="player_icon">
  1563.                 <div id="music_player"><div class="music_player_align">
  1564.                     {text:music player code}
  1565.                 </div></div>
  1566.                
  1567.             </div>
  1568.         </div>
  1569.     </div>
  1570. {/block:ifmusicplayer}
  1571.     <!-- END MUSIC PLAYER -->
  1572.    
  1573.     <!-- BEGIN POST CODE -->
  1574.    
  1575.     <div id="post_container">
  1576.     {block:ifinfinitescroll}
  1577.         <div class="autopagerize_page_element">
  1578.     {/block:ifinfinitescroll}
  1579. {block:Posts}
  1580.     <div class="posts">
  1581.    
  1582.         <!-- INDEX PAGE PERMALINK -->
  1583.        
  1584.     {block:Date}
  1585.         {block:indexpage}
  1586.             <!-- DATE -->
  1587.            
  1588.         <div id="end"></div>
  1589.         <a href="{permalink}" id="notes" title="{NoteCountWithLabel}"></a>
  1590.         <a href="{permalink}" id="date" title="posted {TimeAgo}"></a>
  1591.    
  1592.         {/block:indexpage}
  1593.     {/block:Date}
  1594.    
  1595.         <!-- END INDEX PAGE PERMALINK -->
  1596.  
  1597.             <!-- TEXT POSTS -->
  1598.     {block:Text}
  1599.         {block:Title}
  1600.             <div class="post_title">{Title}</div>
  1601.         {/block:Title}
  1602.         {Body}
  1603.     {/block:Text}
  1604.    
  1605.             <!-- PHOTO POSTS -->
  1606.     {block:Photo}
  1607.         <a href="/image/{PostID}">
  1608.             <img src="{PhotoURL-500}" width="500px">
  1609.         </a>
  1610.         {block:indexpage}
  1611.             {block:ifnothidedescriptions}
  1612.                 {block:Caption}
  1613.                     {Caption}
  1614.                 {/block:Caption}
  1615.             {/block:ifnothidedescriptions}
  1616.         {/block:indexpage}
  1617.         {block:permalinkpage}
  1618.             {block:Caption}
  1619.                 {Caption}
  1620.             {/block:Caption}
  1621.         {/block:permalinkpage}
  1622.     {/block:Photo}
  1623.    
  1624.             <!-- PHOTOSET POSTS -->
  1625.     {block:Photoset}
  1626.         {Photoset}
  1627.         {block:indexpage}
  1628.             {block:ifnothidedescriptions}
  1629.                 {block:Caption}
  1630.                     {Caption}
  1631.                 {/block:Caption}
  1632.             {/block:ifnothidedescriptions}
  1633.         {/block:indexpage}
  1634.         {block:permalinkpage}
  1635.             {block:Caption}
  1636.                 {Caption}
  1637.             {/block:Caption}
  1638.         {/block:permalinkpage}
  1639.     {/block:Photoset}
  1640.      
  1641.             <!-- QUOTE POSTS -->
  1642.     {block:Quote}
  1643.         <div class="post_quote">{Quote}</div>
  1644.         {block:Source}
  1645.             <div class="quote_source">{Source}</div>
  1646.         {/block:Source}
  1647.     {/block:Quote}
  1648.    
  1649.         <!-- LINK POSTS -->
  1650.     {block:Link}
  1651.         <a href="{URL}" {Target}>
  1652.             <div class="post_title">{Name} &#187;</div>
  1653.         </a>
  1654.         {block:Description}
  1655.             {Description}
  1656.         {/block:Description}
  1657.     {/block:Link}
  1658.    
  1659.         <!-- CHAT POSTS -->
  1660.     {block:Chat}
  1661.         {block:Title}
  1662.             <div class="post_title">{Title}</div>
  1663.         {/block:Title}
  1664.         <div id="chat"><ul>
  1665.             {block:Lines}<div class="chat"><li class="{Alt}">
  1666.                 {block:Label}
  1667.                     <span class="label"><b>[{Label}]</b></span>
  1668.                 {/block:Label}
  1669.                 {Line}
  1670.                 <br>
  1671.             </li></div>{/block:Lines}
  1672.         </ul></div>
  1673.     {/block:Chat}
  1674.    
  1675.         <!-- AUDIO POSTS -->
  1676.     {block:Audio}
  1677.         <div id="album_art">
  1678.             {block:TrackName}
  1679.                 <div id="track_info">
  1680.                     <b>[Title:]</b> {TrackName}
  1681.                 </div>
  1682.             {/block:TrackName}
  1683.             {block:Artist}
  1684.                 <div id="artist_info">
  1685.                     <b>[Artist:]</b> {Artist}
  1686.                 </div>
  1687.             {/block:Artist}
  1688.             {block:AudioPlayer}
  1689.                 <div id="audio_player_back">
  1690.                 <div id="audio_player_container">
  1691.                     {AudioPlayerBlack}
  1692.                 </div>
  1693.                 </div>
  1694.             {/block:AudioPlayer}
  1695.             {block:Album}
  1696.                 <div id="album_info">
  1697.                     <b>[Album:]</b> {Album}
  1698.                 </div>
  1699.             {/block:Album}
  1700.             {block:PlayCount}
  1701.                 <div id="playcount_info">
  1702.                     <b>[Listens:]</b> {FormattedPlayCount}
  1703.                 </div>
  1704.             {/block:PlayCount}
  1705.             {block:AlbumArt}
  1706.                 <img src="{AlbumArtURL}" width="250px">
  1707.             {/block:AlbumArt}
  1708.         </div>
  1709.         {block:indexpage}
  1710.             {block:ifnothidedescriptions}
  1711.                 {block:Caption}
  1712.                     {Caption}
  1713.                 {/block:Caption}
  1714.             {/block:ifnothidedescriptions}
  1715.         {/block:indexpage}
  1716.         {block:permalinkpage}
  1717.             {block:Caption}
  1718.                 {Caption}
  1719.             {/block:Caption}
  1720.         {/block:permalinkpage}
  1721.     {/block:Audio}
  1722.      
  1723.         <!-- VIDEO POSTS -->
  1724.     {block:Video}
  1725.         {block:indexpage}
  1726.             {block:if250pxposts}
  1727.                 {Video-250}
  1728.             {/block:if250pxposts}
  1729.             {block:if400pxposts}
  1730.                 {Video-400}
  1731.             {/block:if400pxposts}
  1732.             {block:if500pxposts}
  1733.                 {Video-500}
  1734.             {/block:if500pxposts}
  1735.         {/block:indexpage}
  1736.         {block:permalinkpage}
  1737.                 {Video-500}
  1738.         {/block:permalinkpage}
  1739.         {block:Caption}
  1740.             {Caption}
  1741.         {/block:Caption}
  1742.     {/block:Video}
  1743.    
  1744.         <!-- QUESTION POSTS -->
  1745.     {block:Answer}
  1746.         <div id="question">
  1747.             {Question}
  1748.         </div>
  1749.         <div class="question_triangle"></div>
  1750.         <a href="{AskerURL}" title="{AskerName} inquired">
  1751.             <img src="{AskerPortraitURL-30}" id="asker_portrait">
  1752.         </a>
  1753.         {block:Answerer}
  1754.             <a href="{AnswererURL}" title="{AnswererName} replied">
  1755.                 <img src="{AnswererPortraitURL-30}" id="answerer_portrait">
  1756.             </a>
  1757.         {/block:Answerer}
  1758.         <div class="answer">
  1759.             {Answer}
  1760.         </div>
  1761.     {/block:Answer}
  1762.    
  1763.             <!-- TAGS -->
  1764.     {block:Date}
  1765.        
  1766.         {block:indexpage}
  1767.     {block:HasTags}
  1768.         <div id="tags">
  1769.             {block:Tags}x<a href="/tagged/{Tag}">{Tag}</a> {/block:Tags}
  1770.         </div>
  1771.     {/block:HasTags}
  1772.         {/block:indexpage}
  1773.        
  1774.         {block:permalinkpage}
  1775.     <div id="tags">
  1776.         <div class="permalink_date">x
  1777.             <a href="{Permalink}">
  1778.                 posted {TimeAgo} on {Month} {DayOfMonth}, {Year} with {NoteCountWithLabel}
  1779.             </a>
  1780.             {block:RebloggedFrom}
  1781.                 <a href="{ReblogParentURL}" title="{ReblogParentTitle}">
  1782.                     via {ReblogParentName}
  1783.                 </a>
  1784.             {/block:RebloggedFrom}
  1785.         x</div>
  1786.         {block:HasTags}    
  1787.             <div class="permalink_date_border"></div>
  1788.             {block:Tags}x<a href="/tagged/{Tag}">{Tag}</a> {/block:Tags}
  1789.         {/block:HasTags}
  1790.     </div>
  1791.         {/block:permalinkpage}
  1792.     {/block:Date}
  1793.    
  1794.             <!-- END TAGS -->
  1795.  
  1796.  
  1797.     </div>
  1798.    
  1799.      <!-- BEGIN PERMALINK PAGE NOTES CODE -->
  1800.  
  1801.     {block:PostNotes}
  1802.         <div class="notes">
  1803.             {PostNotes}
  1804.         </div>
  1805.     {/block:PostNotes}
  1806.  
  1807.     <!-- ENG PERMALIKN PAGE NOTES CODE -->
  1808.    
  1809. {/block:Posts}
  1810.     {block:ifinfinitescroll}
  1811.         </div>
  1812.     {/block:ifinfinitescroll}
  1813.     </div>
  1814.    
  1815.     <!-- END POST CODE -->
  1816.  
  1817.     <!-- BEGIN POPUP ASK BOX CODE -->
  1818.  
  1819. <div id="popup_name" class="popup_block">
  1820.  
  1821.     <div class="popup_title">{text:ask box title}</div>
  1822.     <iframe frameborder="0" scrolling="no" width="100%" height="190" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]-->
  1823.  
  1824. </div>
  1825.  
  1826.  
  1827.     <!-- CREDIT -->
  1828.  
  1829. <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>
  1830.  
  1831.  
  1832.  
  1833. </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!