API tools faq
paste
Advertisement
faluvtha

[#39] — Von - フリーダム

faluvtha
Aug 31st, 2015
3,071
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 47.79 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!----------------
  4.    
  5. _______  __    __   __  ___  ___   __    _____  
  6. |   ____||  |  |  | |  |/  / |  |  |  |  /  __  \  
  7. |  |__   |  |  |  | |  '  /  |  |  |  | |  |  |  |
  8. |   __|  |  |  |  | |    <   |  |  |  | |  |  |  |
  9. |  |     |  `--'  | |  .  \  |  `--'  | |  `--'  |
  10. |__|      \______/  |__|\__\  \______/   \______/  
  11.                
  12.                (C) FUKUO.TUMBLR.COM
  13.                     Von - フリーダム
  14.  
  15.    (+) Please don't remove the credit and claim as your own.
  16.    (+) If you are experiencing a problem: contact @ fukuo-support.tumblr.com
  17.    
  18.    ------------------>
  19.  
  20. <html>
  21. <head>
  22. <title>{block:TagPage}{Tag} - {/block:TagPage} {block:SearchPage}{lang:Search results for SearchQuery} - {/block:SearchPage}{block:PostSummary}{PostSummary} - {/block:PostSummary}{Title}</title>
  23.  
  24. <!-- Google Webfonts -->
  25. <link href='http://fonts.googleapis.com/css?family=Quantico:400,700' rel='stylesheet' type='text/css'>
  26.  
  27. <link rel="shortcut icon" href="{Favicon}">
  28. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  29. <meta charset="UTF-8">
  30. {block:Description}
  31. <meta name="description" content="{MetaDescription}" />
  32. {/block:Description}
  33.  
  34.     <meta name="if:Post Shadow" content="0"/>
  35.     <meta name="if:Sidebar Picture" content="0"/>
  36.     <meta name="if:Short Tags" content="1"/>
  37.     <meta name="if:Selection Color" content="1"/>
  38.     <meta name="if:Audio Player Gray" content="0"/>
  39.     <meta name="if:Audio Player Black" content="1"/>
  40.     <meta name="if:Show Caption" content="0"/>
  41.     <meta name="if:Infinite Scrolling" content="0"/>
  42.     <meta name="if:Tags Background" content="1"/>
  43.     <meta name="if:Menu Background" content="1"/>
  44.      
  45.     <meta name="image:Accent Background" content="http://i38.photobucket.com/albums/e148/mudtrap/static-bright.gif"/>
  46.     <meta name="image:Desc Icon" content="http://static.tumblr.com/5ojoydj/cdqnym5lk/maxresdefault.jpg"/>
  47.     <meta name="image:Sidebar Picture" content=""/>
  48.     <meta name="image:Background" content="http://40.media.tumblr.com/5085c1a54a7a1224dd3b293b78cf944e/tumblr_n7gg1ehJbh1rmzx9io3_250.png"/>
  49.     <meta name="image:Chat Background" content="https://38.media.tumblr.com/12695cc1b1e6573dbfae6ffda0e93072/tumblr_nc0d0yFxXa1r3ssjeo3_250.png"/>
  50.     <meta name="image:Top Bar" content="https://38.media.tumblr.com/12695cc1b1e6573dbfae6ffda0e93072/tumblr_nc0d0yFxXa1r3ssjeo3_250.png"/>
  51.    
  52.     <meta name="color:Background" content="#eee" />
  53.     <meta name="color:Post" content="#fff" />
  54.     <meta name="color:Post Border" content="#dddddd" />
  55.     <meta name="color:Post Shadow" content="#ccc"/>
  56.     <meta name="color:Sidebar Background" content="#ffffff" />
  57.     <meta name="color:Body" content="#111111" />
  58.     <meta name="color:Description Text" content="#777777" />
  59.     <meta name="color:Description Text Italic" content="#111111" />
  60.     <meta name="color:Description Text Bold" content="#111111" />
  61.     <meta name="color:Description Link Background" content="#AAAAAA" />
  62.     <meta name="color:Description Link Text" content="#ffffff" />
  63.     <meta name="color:Blockquote" content="#ffffff" />
  64.     <meta name="color:Border Blockquote" content="#e7e7e7" />
  65.     <meta name="color:Selection Color" content="#777777" />
  66.     <meta name="color:Selection Background" content="#FFFCA3" />
  67.     <meta name="color:Title" content="#111111"/>
  68.     <meta name="color:Title Background" content="#dddddd"/>
  69.     <meta name="color:Title Post" content="#000000"/>
  70.     <meta name="color:Title Border Post" content="#eeeeee"/>
  71.     <meta name="color:Ask Background" content="#eeeeee"/>
  72.     <meta name="color:Ask Body" content="#777"/>
  73.     <meta name="color:Sidebar Line One" content="#111111" />
  74.     <meta name="color:Sidebar Line Two" content="#aaa" />
  75.     <meta name="color:Menu Color" content="#ffffff" />
  76.     <meta name="color:Menu Background" content="#111111" />
  77.     <meta name="color:Menu Color Hover" content="#ffffff" />
  78.     <meta name="color:Menu Background Hover" content="#aaa" />
  79.     <meta name="color:Top Background" content="#b3d6f6" />
  80.     <meta name="color:Top Border Bottom" content="#b3d6f6" />
  81.     <meta name="color:Pagination Background" content="#101010" />
  82.     <meta name="color:Pagination Color" content="#ffffff" />
  83.     <meta name="color:Circle Permalink" content="#ffffff" />
  84.     <meta name="color:Tool Tip" content="#b3d6f6" />
  85.     <meta name="color:Tool Body Tip" content="#111111" />
  86.     <meta name="color:Notes Color" content="#111111" />
  87.     <meta name="color:Notes Circle" content="#b3d6f6" />
  88.     <meta name="color:Notes Line One" content="#b3d6f6" />
  89.     <meta name="color:Notes Line Two" content="#b3d6f6" />
  90.     <meta name="color:Reblog Link" content="#111111" />
  91.     <meta name="color:Reblog Line" content="#111111" />
  92.     <meta name="color:Reblog Circle" content="#111111" />
  93.     <meta name="color:Tags on Posts" content="#111111" />
  94.     <meta name="color:Tags on Posts hover" content="#111111" />
  95.     <meta name="color:Tags Body on Posts" content="#ffffff" />
  96.     <meta name="color:Tags Body on Posts hover" content="#ffffff" />
  97.     <meta name="color:Links" content="#111111" />
  98.     <meta name="color:Links Hover" content="#aaa" />
  99.     <meta name="color:Bold text" content="#101010" />
  100.     <meta name="color:Italic text" content="#101010" />
  101.     <meta name="color:Chat Odd" content="#b3d6f6"/>
  102.     <meta name="color:Chat Even" content="#777777"/>
  103.     <meta name="color:Chat Body Odd" content="#ffffff"/>
  104.     <meta name="color:Chat Body Even" content="#ffffff"/>
  105.     <meta name="color:Scrollbar" content="#000000" />
  106.     <meta name="color:Scrollbar Background" content="#f7f7f7" />
  107.    
  108.     <meta name="text:Font" content="consolas"/>
  109.     <meta name="text:Font Size" content="11"/>
  110.     <meta name="text:Line height" content="18"/>
  111.     <meta name="text:Title" content="div(00:80) //hack"/>
  112.     <meta name="text:Custom Link One" content="more links"/>
  113.     <meta name="text:Custom Link One URL" content="/"/>
  114.     <meta name="text:Custom Link Two" content="more links"/>
  115.     <meta name="text:Custom Link Two URL" content="/"/>
  116.     <meta name="text:Custom Link Three" content="more links"/>
  117.     <meta name="text:Custom Link Three URL" content="/"/>
  118.  
  119. <!-- Style My-Tool-Tips by Malihu -->
  120. <script src="http://static.tumblr.com/5ojoydj/wKTnymeh0/jquery-fku.js"></script>
  121. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  122. <script src="http://static.tumblr.com/5ojoydj/p9wmmzopi/jquery.style-my-tooltips.js"></script>
  123. <script src="http://static.tumblr.com/5ojoydj/En2mmzorm/style-my-tooltips.css"></script>
  124. <script>
  125.      (function($){
  126.          $(document).ready(function(){
  127.              $("[title]").style_my_tooltips({
  128.     tip_follows_cursor:true,
  129.     tip_delay_time:200,
  130.     tip_fade_speed:300,
  131.     attribute:"title"
  132. });
  133.          });
  134.      })(jQuery);
  135. </script>
  136.  
  137. <style type="text/css">
  138. {CustomCSS}
  139.  
  140. iframe#tumblr_controls {
  141.     right:3px!important;
  142.     position:fixed!important;
  143.     -webkit-transition:
  144.     opacity 0.7s linear;
  145.     opacity:0.5;
  146.     -webkit-transition: all 0.8s ease-out;
  147.     -moz-transition: all 0.8s ease-out;
  148.     transition: all 0.8s ease-out;}
  149.  
  150. iframe#tumblr_controls:hover {
  151.     -webkit-transition:opacity 0.7s linear;
  152.     opacity:1;
  153.     -webkit-transition: all 0.5s ease-out;
  154.     -moz-transition: all 0.5s ease-out;
  155.     transition: all 0.5s ease-out;}
  156.  
  157.  
  158.  
  159. ::-webkit-scrollbar {width: 4px;}
  160.  
  161. ::-webkit-scrollbar-track-piece
  162. {background-color: {color:Scrollbar Background};}
  163.  
  164. ::-webkit-scrollbar-thumb:vertical
  165. {width:4px;
  166. background-color: {color:Scrollbar};}
  167.  
  168.  
  169. {block:IfSelectionColor}
  170. ::selection {
  171.     background:{color:Selection Background};
  172.     color:{color:Selection Color};
  173.     }
  174.  
  175. ::-moz-selection {
  176.     background:{color:Selection Background};
  177.     color:{color:Selection Color};
  178.     }
  179.  
  180. ::-webkit-selection {
  181.     background:{color:Selection Background};
  182.     color:{color:Selection Color};
  183.     }
  184. {/block:IfSelectionColor}
  185.  
  186. body {
  187.     font-family: {text:Font};
  188.     font-size: {text:Font size}px;
  189.     line-height:{text:Line height}px;
  190.     background-color:{color:Background};
  191.     background-image:url('{image:Background}');
  192.     background-position: fixed;
  193.     background-attachment:fixed;
  194.     background-repeat:repeat;}
  195.  
  196. a {
  197.     text-decoration:none;
  198.     color:{color:Links};
  199. }
  200.  
  201. a:link, a:visited, a:active {
  202.      text-decoration:none;
  203.     -webkit-transition: all 0.5s ease;
  204.     -moz-transition: all 0.5s ease;
  205.     -o-transition: all 0.5s ease;
  206. }
  207.  
  208. a:hover {
  209.     color:{color:Links hover};
  210.     text-decoration:none;
  211.     -webkit-transition: all 0.5s ease;
  212.     -moz-transition: all 0.5s ease;
  213.     -o-transition: all 0.5s ease;
  214. }
  215.  
  216. blockquote {
  217.     width:90%;
  218.     border-left:1px solid {color:Border Blockquote};
  219.     background-color:{color:Blockquote};
  220.     padding:10px 10px 10px 20px;
  221.     margin-left:-2px;
  222.     font-style:italic;
  223.     color:#444;
  224. }
  225.  
  226.  
  227. /* STYLE-MY-TOOLTIPS */  
  228.  
  229. #s-m-t-tooltip {
  230.       width:auto;
  231.       z-index:10;
  232.       margin:24px 14px 7px 12px;
  233.       padding:8px;
  234.       background-color:{color:Tool Tip};
  235.       font-family:consolas;
  236.       font-size:8px;
  237.       line-height:16px;
  238.       color:{color:Tool Body Tip};
  239.       text-transform:uppercase;
  240.       border:1px solid #fff;
  241.       z-index:9999999;
  242.  }
  243.  
  244.  
  245. #sidebar_c {
  246.     background-color:{color:Sidebar Background};
  247.     border-top:40px solid {color:Title Background};
  248.     {block:IfPostShadow}
  249.     box-shadow:7px 7px 11px {color:Post Shadow};
  250.     {/block:IfPostShadow}
  251.     padding:23px;
  252.     border-radius:10px;
  253.     color:{color:Description Text};
  254.     width:230px;
  255.     position:fixed;
  256.     font-family:consolas;
  257.     font-size:11px;
  258.     line-height:170%;
  259.     text-align:justify;
  260.     margin:50px 0 0 -450px;
  261.     -webkit-transition: all 0.5s ease;
  262.     -moz-transition: all 0.5s ease;
  263.     -o-transition: all 0.5s ease;
  264. }
  265.  
  266. .desc_icon {
  267.     {block:IfNotSidebarPicture}
  268.     display:block;
  269.     {/block:IfNotSidebarPicture}
  270.     {block:IfSidebarPicture}
  271.     display:none;
  272.     {/block:IfSidebarPicture}
  273.     float:left;
  274.     width:35px;
  275.     height:35px;
  276.     background-size:contain;
  277.     background-image:url('{image:Desc Icon}');
  278.     background-color:{color:Description Text};
  279.     margin:3px 15px 4px -5px;
  280.     border-radius:5px;
  281. }
  282.  
  283. #sidebar_c img {
  284.     margin:-23px 0 0 -23px;
  285.     width:276px;
  286.     {block:IfSidebarPicture}
  287.     display:block;
  288.     {block:IfSidebarPicture}
  289.     {block:IfNotSidebarPicture}
  290.     display:none;
  291.     {block:IfNotSidebarPicture}
  292. }
  293.  
  294. #sidebar_c p a {
  295.     color:{color:Description Link Text};
  296.     background-color:{color:Description Link Background};
  297.     padding:1px;
  298.     font-size:9px;
  299.     text-decoration:none;
  300. }
  301.  
  302. #sidebar_c em, i {
  303.     color:{color:Description Link Text};
  304.  
  305. }
  306.  
  307.    
  308. #sidebar_c b {
  309.     color:{color:Description Text Bold};
  310. }
  311.  
  312. #sidebar_c:before {
  313.     content:'';
  314.     display:block;
  315.     width:3px;
  316.     height:360px;
  317.     position:absolute;
  318.     background-color:{color:Top Border Bottom};
  319.     margin:-220px 0 0 -59px;
  320.     -webkit-transition: all 0.5s ease;
  321.     -moz-transition: all 0.5s ease;
  322.     -o-transition: all 0.5s ease;
  323. }
  324.  
  325. .crd {
  326.     width:13px;
  327.     position:fixed;
  328.     right:10px;
  329.     bottom:10px;
  330.     font-size:12px;
  331.     z-index:999999999;
  332.     text-align: center;
  333.     background-color:{color:Top Border Bottom};
  334.     color:{color:Title};
  335.     padding:2px 5px 2px 5px;
  336.     border-radius: 10px 10px 10px 10px;
  337.     -moz-border-radius: 10px 10px 10px 10px;
  338.     -webkit-border-radius: 10px 10px 10px 10px;
  339. }
  340.  
  341. .crd:hover {
  342.     color:{color:Post};
  343.     background-color:{color:Title};
  344. }
  345.  
  346. #sidebar_c h2 {
  347.     position:absolute;
  348.     margin-top:-53px;
  349.     color:{color:Title};
  350.     padding-left:20px;
  351. }
  352.  
  353. #sidebar_c h2:before {
  354.     content:'';
  355.     width:20px;
  356.     height:2px;
  357.     background-color:{color:Title};
  358.     position:absolute;
  359.     display:block;
  360.     margin:10px 0 0 -27px;
  361. }
  362.  
  363. #top_line {
  364.     position:fixed;
  365.     width:400px;
  366.     height:50px;
  367.     background-image:url('{image:Top Bar}');
  368.     border-bottom:10px solid {color:Top Border Bottom};
  369.     background-color:{color:Top Background};
  370.     left:0;
  371.     top:0;
  372.     z-index:9999999999999999;
  373.     -webkit-border-bottom-right-radius: 99120px;
  374.     -moz-border-radius-bottomright: 99120px;
  375.     border-bottom-right-radius: 99120px;
  376. }
  377.  
  378. #top_line:after {
  379.     content:'';
  380.     width:280px;
  381.     height:3px;
  382.     position:absolute;
  383.     background-color:{color:Top Border Bottom};
  384.     margin:37.4% 0 0 35%;
  385.     -webkit-transition: all 0.5s ease;
  386.     -moz-transition: all 0.5s ease;
  387.     -o-transition: all 0.5s ease;
  388. }
  389.  
  390. #pagination_p {
  391.     width:559px;
  392.     margin:70px 0 0 5px;
  393.     padding:50px 10px 10px 10px;
  394.     font-style:normal;
  395. }
  396.  
  397. .cr_ttl {
  398.     position:absolute;
  399.     width:200px;
  400.     background-color:#111;
  401.     color:white;
  402.     padding:13px 10px 13px 10px;
  403.     font-family:'Quantico', sans-serif;
  404.     font-size:13px;
  405.     text-align:center;
  406.     margin:-4px 0 0 202px;
  407.     border-radius: 10px 10px 10px 10px;
  408.     -moz-border-radius: 10px 10px 10px 10px;
  409.     -webkit-border-radius: 10px 10px 10px 10px;
  410.     border: 0px solid #000000;
  411. }
  412.  
  413. .next_page {
  414.     float:right;
  415.     width:25px;
  416.     height:25px;
  417.     padding:10px;
  418.     background-color:#111;
  419.     margin:-3px 0 0 -100px;
  420.     border-radius: 10%;
  421.     -webkit-border-radius: 10%;
  422.     -moz-border-radius: 10%;
  423. }
  424.  
  425. .next_page span {
  426.     position:absolute;
  427.     color:white;
  428.     font-size:40px;
  429.     text-align:center;
  430.     margin:3px 0 0 1px;
  431. }
  432.  
  433. .prev_page {
  434.     float:left;
  435.     width:25px;
  436.     height:25px;
  437.     padding:10px;
  438.     background-color:#111;
  439.     margin:-3px 0 0 70px;
  440.     border-radius: 10%;
  441.     -webkit-border-radius: 10%;
  442.     -moz-border-radius: 10%;
  443. }
  444.  
  445. .prev_page span {
  446.     position:absolute;
  447.     color:white;
  448.     font-size:40px;
  449.     text-align:center;
  450.     margin:3px 0 0 1px;
  451. }
  452.  
  453.  
  454. #posts {
  455.     margin:0px 0 200px 670px;
  456.     position:relative;
  457. }
  458.  
  459. .reblogged_position {
  460.     position:absolute;
  461.     width:130px;
  462.     margin:50px 0 0 -190px;
  463.     z-index:9999;
  464. }
  465.  
  466. .icon_via {
  467.     display:block;
  468.     width:30px;
  469.     height:30px;
  470.     border:6px solid {color:Top Border Bottom};
  471.     -moz-border-radius:5px;
  472.     border-radius:5px;
  473.     -webkit-border-radius:5px;
  474.     -o-border-radius:5px;
  475. }
  476.  
  477. .icon_ori {
  478.     display:block;
  479.     margin:-42px 0 0 57px;
  480.     width:30px;
  481.     height:30px;
  482.     border:6px solid {color:Top Border Bottom};
  483.     -moz-border-radius:5px;
  484.     border-radius:5px;
  485.     -webkit-border-radius:5px;
  486.     -o-border-radius:5px;
  487. }
  488.  
  489. .post {
  490.     width:400px;
  491.     padding:30px 30px 30px 30px;
  492.     background-color:{color:Post};
  493.     border-radius: 10px 10px 10px 10px;
  494.     -moz-border-radius: 10px 10px 10px 10px;
  495.     -webkit-border-radius: 10px 10px 10px 10px;
  496.     font-family:consolas;
  497.     font-size:11px;
  498.     line-height:170%;
  499.     margin-top:130px;
  500.     margin-left:100px;
  501.     color:{color:Body};
  502.     border-top:40px solid {color:Post Border};
  503.     {block:IfPostShadow}
  504.     box-shadow:7px 7px 11px {color:Post Shadow};
  505.     {/block:IfPostShadow}
  506.     -webkit-transition: all 0.5s ease;
  507.     -moz-transition: all 0.5s ease;
  508.     -o-transition: all 0.5s ease;
  509. }
  510.  
  511. .post img {
  512.     max-width:100%;
  513.     display:block;
  514. }
  515.  
  516. .post h1 {
  517.     font-size:30px;
  518.     line-height:40px;
  519.     margin-top:-5px;
  520.     margin-bottom:30px;
  521. }
  522.  
  523. .post h1 a { color:{color:Title Post};}
  524.  
  525. .post h1 span {
  526.     border-bottom:1px solid {color:Title Border Post};
  527.     padding-bottom:6px;
  528. }
  529.  
  530.  
  531.  
  532. .tagged_post {
  533.     width:415px;
  534.     display:block;
  535.     padding:2.3% 0 0 12%;
  536.     margin:8% 0 -4% -30px;
  537.     border-top:1px solid #ccc;
  538. }
  539.  
  540. .tagged_post:before {
  541.     display:block;
  542.     position:absolute;
  543.     content:'';
  544.     background-color:{color:Body};
  545.     margin:5px 0 0 -30px;
  546.     width:7px;
  547.     height:7px;
  548.      -webkit-box-shadow: 12px 0px 0px 0px {color:Notes Circle};
  549.     -moz-box-shadow: 12px 0px 0px 0px {color:Notes Circle};
  550.     box-shadow: 12px 0px 0px 0px {color:Notes Circle};
  551.     border-radius: 7px 7px 7px 7px;
  552.     -moz-border-radius: 7px 7px 7px 7px;
  553.     -webkit-border-radius: 7px 7px 7px 7px;
  554. }
  555.  
  556. .tagged_post a { border:0; }
  557.  
  558. .circle-1 {
  559.     width:15px;
  560.     height:15px;
  561.     background-color:{color:Notes Circle};
  562.     border-radius:100px;
  563.     position:absolute;
  564.     margin:-57px 0 0 -14px;
  565.     -webkit-transition: all 0.5s ease;
  566.     -moz-transition: all 0.5s ease;
  567.     -o-transition: all 0.5s ease;
  568. }
  569.  
  570. .circle-1:before {
  571.     opacity:1;
  572.     content:'';
  573.     display:block;
  574.     height:3px;
  575.     width:100px;
  576.     margin:6px 0 0 -90px;
  577.     background-color:{color:Notes Line One};
  578.     -webkit-transition: all 0.5s ease;
  579.     -moz-transition: all 0.5s ease;
  580.     -o-transition: all 0.5s ease;
  581. }
  582.  
  583. .circle-2 {
  584.     {block:IndexPage}
  585.     display:block;
  586.     {/block:IndexPage}
  587.     {block:PermalinkPage}
  588.     display:none;
  589.     {/block:PermalinkPage}
  590.     width:15px;
  591.     height:15px;
  592.     background-color:{color:Reblog Circle};
  593.     border-radius:100px;
  594.     position:absolute;
  595.     margin:-57px 0 0 9px;
  596.     -webkit-transition: all 0.5s ease;
  597.     -moz-transition: all 0.5s ease;
  598.     -o-transition: all 0.5s ease;
  599. }
  600.  
  601. .circle-2 span {
  602.     width:200px;
  603.     position:absolute;
  604.     margin:-10px 0px 0px 80px;
  605.     display:block;
  606.     font-size:11px;
  607.     text-transform:uppercase;
  608.     color:{color:Reblog Link};
  609. }
  610.  
  611. .circle-2:before {
  612.     opacity:1;
  613.     content:'';
  614.     display:block;
  615.     width:70px;
  616.     height:3px;
  617.     margin:6px 0 0 0px;
  618.     background-color:{color:Reblog Line};
  619.     -webkit-transition: all 0.5s ease;
  620.     -moz-transition: all 0.5s ease;
  621.     -o-transition: all 0.5s ease;
  622. }
  623.  
  624. .circle-3 {
  625.     cursor:pointer;
  626.     display:block;
  627.     width:20px;
  628.     height:14px;
  629.     background-color:{color:Circle Permalink};
  630.     border-radius:100px;
  631.     position:absolute;
  632.     margin:-59px 0 0 390px;
  633.     box-shadow:inset 0px 1px 2px 2px {color:Post Shadow};
  634. }
  635.  
  636.  
  637. .notes_p {
  638.     position:absolute;
  639.     height:200px;
  640.     opacity:1;
  641.     padding-right:30px;
  642.     padding-top:30px;
  643.     padding-bottom:30px;
  644.     margin:-85px 0 0 -200px;
  645.     color:{color:Notes Color};
  646.     font-size:27px;
  647.     overflow:hidden;
  648.     font-style:normal;
  649.     border-right:3px solid {color:Notes Line Two};
  650.     -webkit-transition: all 0.5s ease;
  651.     -moz-transition: all 0.5s ease;
  652.     -o-transition: all 0.5s ease;
  653. }
  654.  
  655. .notes_p span {
  656.     color:{color:Notes Color};
  657.     font-size:35px;
  658. }
  659.  
  660. .menu_links {
  661.     display:block;
  662.     position:absolute;
  663.     margin:-62px 0 0 -199px;
  664. }
  665.  
  666.  
  667. .menu_links a {
  668.     width:136px;
  669.     display:block;
  670.     color:{color:Menu Color};
  671.     margin-top:2px;
  672.     {block:IfNotMenuBackground}
  673.     background-color:{color:Menu Background};
  674.     {/block:IfNotMenuBackground}
  675.     {block:IfMenuBackground}
  676.     background:url('{image:Accent Background}');
  677.     opacity:0.3;
  678.     {/block:IfMenuBackground}
  679.     padding:4px 0px 4px 4px;
  680.     font-size:11px;
  681.     -webkit-transition: all 0.5s ease;
  682.     -moz-transition: all 0.5s ease;
  683.     -o-transition: all 0.5s ease;
  684. }
  685.  
  686. .menu_links a:hover {
  687.     width:125px;
  688.     padding:4px 0px 4px 15px;
  689.     color:{color:Menu Color Hover};
  690.     {block:IfNotMenuBackground}
  691.     background-color:{color:Menu Background Hover};
  692.     {/block:IfNotMenuBackground}
  693.     {block:IfMenuBackground}
  694.      opacity:0.7;
  695.     background:url('{image:Accent Background}');
  696.     {/block:IfMenuBackground}
  697.     -webkit-transition: all 0.1s ease-in;
  698.     -moz-transition: all 0.1s ease-in;
  699.     -o-transition: all 0.1s ease-in;
  700. }
  701.  
  702.  
  703. .tags_p {
  704.     font-size:28px;
  705.     font-family:'Quantico', sans-serif;
  706.     padding:10px 10px 10px 50px;
  707.     margin:100px auto -25px auto;
  708.     text-align:center;
  709.  
  710. }
  711.  
  712.  
  713. .tags {
  714.     width:150px;
  715.     position:absolute;
  716.     padding-right:20px;
  717. }
  718.  
  719. .tags a {
  720.     display:block;
  721.     color:{color:Tags Body On Posts};
  722.     margin-top:2px;
  723.     {block:IfNotTagsBackground}
  724.     background-color:{color:Tags On Posts};
  725.     {/block:IfNotTagsBackground}
  726.     {block:IfTagsBackground}
  727.     background:url('{image:Accent Background}');
  728.     opacity:0.3;
  729.     {/block:IfTagsBackground}
  730.     padding:4px 4px 4px 4px;
  731.     font-size:11px;
  732.     -webkit-transition: all 0.5s ease;
  733.     -moz-transition: all 0.5s ease;
  734.     -o-transition: all 0.5s ease;
  735. }
  736.  
  737. .tags a:hover {
  738.     -webkit-transition: all 0.1s ease-in;
  739.     -moz-transition: all 0.1s ease-in;
  740.     -o-transition: all 0.1s ease-in;
  741.     {block:IfNotTagsBackground}
  742.     background-color:{color:Tags On Posts hover};
  743.     {block:IfNotTagsBackground}
  744.     color:{color:Tags Body On Posts hover};
  745.     padding:4px 4px 4px 10px;
  746.     {block:IfTagsBackground}
  747.     opacity:0.7;
  748.     background:url('{image:Accent Background}');
  749.     {block:IfTagsBackground}
  750. }
  751.  
  752. b, em, strong{
  753.     color: {color:Bold text};
  754.     font-weight:bold;
  755.     }
  756.  
  757. i, em {
  758.     color: {color:Italic text};
  759.     font-weight:lighter;
  760.     font-style:italic;
  761.     }
  762.  
  763. #audio {
  764.     width:40px;
  765.     height:40px;
  766.     overflow:hidden;
  767.     position:absolute;
  768.     margin-top:40px;
  769.     margin-bottom:45px;
  770.     margin-left:50px;
  771.     {block:IfAudioPlayerBlack}
  772.    background-color:#000;
  773.    {/block:IfAudioPlayerBlack}
  774.    {block:IfAudioPlayerGray}
  775.    background-color:#E7E7E7;
  776.    {/block:IfAudioPlayerGray}
  777.     z-index:999;
  778.     padding-left:15px;
  779.     padding-right:5px;
  780.     padding-top:17px;
  781.     padding-bottom:8px;
  782.     opacity:0.7;
  783.     -webkit-transition: all 0.4s ease;
  784.     -moz-transition: all 0.4s ease;
  785.     -o-transition: all 0.4s ease;
  786. }
  787.  
  788. #audio:hover {
  789.     opacity:1;
  790.     }
  791.    
  792. .tumblr_audio_player {
  793.     width:280px;
  794. }
  795.    
  796. .post:hover #audio {
  797.     opacity:1;
  798.     width:280px;
  799.     -webkit-transition: all 0.7s ease;
  800.     -moz-transition: all 0.7s ease;
  801.     -o-transition: all 0.7s ease;
  802. }    
  803.  
  804. .post:hover #audio img {
  805.     opacity:0;
  806. }
  807.  
  808. .post:hover #albumart {
  809.     background-color:{color:Title Background};
  810.     padding-right:250px;
  811.     z-index:99;
  812.     -webkit-transition: all 0.7s ease;
  813.     -moz-transition: all 0.7s ease;
  814.     -o-transition: all 0.7s ease;
  815. }
  816.  
  817. .music_gif {
  818.     float:right;
  819.     margin-top:3px;
  820. }
  821.  
  822. .music_gif img {
  823.     width:15px;
  824. }
  825.  
  826. .audioplayer {
  827.     position:absolute;
  828.     margin-left:150px;
  829.     margin-top:-127px;
  830. }
  831.  
  832.  
  833. .artist , .play {
  834.     width:210px;
  835.     margin-top:-15px;
  836.     margin-left:10px;
  837.     padding:12px;
  838.     background-color: {color:Title Background};
  839. }
  840.  
  841. .track {
  842.     width:210px;
  843.     margin-top:-15px;
  844.     margin-left:10px;
  845.     padding:12px;
  846.     background-color:{color:Reblog Circle};
  847.      color:{color:Tags Body On Posts};
  848.     }
  849.  
  850. .track b {
  851.       color:{color:Description Text};
  852.       font-size:13px;
  853.       }
  854.      
  855. .artist b , .play b {
  856.     font-family:Calibri;
  857.     font-size:13px;
  858. }
  859.  
  860. #albumart {
  861.     position:relative;
  862.     visibility:visible;
  863.     background-color:{color:Title Background};
  864.     width:100px;
  865.     height:100px;
  866.     border:20px solid {color:Title Background};
  867.     margin:0px 0px 5px 7px;
  868.     -webkit-transition: all 0.4s ease;
  869.     -moz-transition: all 0.4s ease;
  870.     -o-transition: all 0.4s ease;
  871.     }
  872.  
  873. .chat {
  874.     padding:30px 30px 30px 30px;
  875.     overflow-x:hidden;
  876.     background: url('{image:Chat Background}');
  877.     position:relative;
  878. }
  879.  
  880. .chat ul {
  881.     list-style: none;
  882.     margin: 0;
  883.     padding: 0;
  884. }
  885.  
  886. .chat li {
  887.     margin-bottom:5%;
  888.     padding: 3%;
  889.     width: 50%;
  890. }
  891.  
  892. .chat .odd {
  893.     float: left;
  894.     color:{color:Chat Body Odd};
  895.     background:{color:Chat Odd};
  896. }
  897.  
  898. .chat .odd:before {
  899.     content:'';
  900.     display:block;
  901.     width:0;
  902.     height:0;
  903.     border-top:20px solid transparent;
  904.     border-left:20px solid {color:Chat Odd};
  905.     position:absolute;
  906.     margin:-25px 0 0 15px;
  907.     z-index:1;
  908. }
  909.  
  910. .chat .even {
  911.     float: right;
  912.     color:{color:Chat Body Even};
  913.     background:{color:Chat Even};
  914. }
  915.  
  916. .chat .even:before {
  917.     content:'';
  918.     display:block;
  919.     width:0;
  920.     height:0;
  921.     border-top:20px solid transparent;
  922.     border-right:20px solid {color:Chat Even};
  923.     position:absolute;
  924.     margin:-25px 0 0 115px;
  925.     z-index:1;
  926. }
  927.  
  928. /* ---------- ASK ----------*/
  929.  
  930. .ask {
  931.     -moz-border-radius:8px;
  932.     border-radius:8px;
  933.     -o-border-radius:8px;
  934.     padding:20px;
  935.     background-color:{color:Ask Background};
  936.     color:{color:Ask Body};
  937.     text-align:justify;
  938.     font-size:14px;
  939.     border-bottom:3px solid {color:Ask Background};
  940.     max-width:100%;
  941. }
  942.  
  943. .asker {
  944.     margin-left:10px;
  945.     margin-top:22px;
  946. }
  947.  
  948. .asker img {
  949.     border:6px solid {color:Border Blockquote};
  950. }
  951.  
  952. .links {
  953.     padding:25px;
  954.     text-align:center;
  955.     font-size:30px;
  956.     line-height:37px;
  957.     font-weight:lighter;
  958.     font-family:'Quantico', sans-serif;
  959.     border:1px solid {color:Border Blockquote};
  960. }
  961.  
  962. .source {
  963.     padding:10px;
  964.     font-style:italic;
  965.     text-align:right;
  966. }
  967.  
  968. #permalink_page {
  969.     width:400px;
  970.     padding:30px 30px 30px 30px;
  971.     color:{color:Body};
  972.     font-family:consolas;
  973.     font-size:11px;
  974.     margin:160px 0 0 99px;
  975.     border-radius: 10px 10px 10px 10px;
  976.     -moz-border-radius: 10px 10px 10px 10px;
  977.     -webkit-border-radius: 10px 10px 10px 10px;
  978. }
  979.  
  980. .notes_loading {
  981.     float:left;
  982.     display:block;
  983.     width:100px;
  984.     padding:8px 8px 8px 8px;
  985.     background-color:{color:Top Background};
  986.     color:white;
  987.     margin:70px 0 0 4px;
  988.     text-align:center;
  989. }
  990.  
  991. .more_notes_link {
  992.     float:right;
  993.     display:block;
  994.     width:100px;
  995.     padding:8px 8px 8px 8px;
  996.     background-color:{color:Top Background};
  997.     color:white;
  998.     margin:70px 0 0 4px;
  999.     text-align:center;
  1000. }
  1001.  
  1002. .date_p {
  1003.     {block:IndexPage}
  1004.     display:none;
  1005.     {/block:IndexPage}
  1006.     {block:PermalinkPage}
  1007.     display:block;
  1008.     {/block:PermalinkPage}
  1009.     color:{color:Body};
  1010.     position:absolute;
  1011.     margin:105px 0 0 20px;
  1012.     font-size:25px;
  1013.     font-family:'Quantico', sans-serif;
  1014.     padding:10px 10px 10px 10px;
  1015.     text-align:center;
  1016. }
  1017.  
  1018. .date_p span {
  1019.     float:left;
  1020.     margin:25px 0 0 0;
  1021.     text-align:left;
  1022.     font-size:12px;
  1023.     color:{color:Title};
  1024. }
  1025.  
  1026. #permalink_page li {
  1027.     list-style-type:none;
  1028.     font-family:consolas;
  1029.     font-size:11px;
  1030. }
  1031.  
  1032. #permalink_page blockquote {
  1033.     border-left:5px solid {color:Top Background};
  1034.     padding:10px 10px 10px 20px;
  1035.     margin-left:4%;
  1036.     font-style:italic;
  1037.     color:{color:Body};
  1038.      font-family:consolas;
  1039.     font-size:11px;
  1040. }
  1041.  
  1042.  
  1043. #permalink_page img {
  1044.     width:20px;
  1045.     height:20px;
  1046.     opacity:1;
  1047.     margin-top:5px;
  1048.     margin-right:7px;
  1049.     border:7px solid {color:Title Background};
  1050.     vertical-align:middle;
  1051. }
  1052.  
  1053. #bubble-music {
  1054.     position:fixed;
  1055.     left:20px;
  1056.     bottom:20px;
  1057.     width:30px;
  1058.     height:30px;
  1059.     background-color:{color:Top Border Bottom};
  1060.     border-radius:100%;
  1061.     -moz-border-radius:100%;
  1062.     overflow:hidden;
  1063.     -webkit-transition: all 0.5s ease-out;
  1064.     -moz-transition: all 0.5s ease-out;
  1065.     transition: all 0.5s ease-out
  1066.  
  1067. }
  1068.  
  1069. #bubble-music:hover {
  1070.     border-radius:9px;
  1071.     -moz-border-radius:9px;
  1072.     width:140px;
  1073.     height:30px;
  1074. }
  1075.  
  1076. .music_embed {
  1077.     margin:-23px 0 0 70px;
  1078.     z-index:1;
  1079.     font-family:consolas;
  1080.     font-size:8px;
  1081.     -webkit-transition: all 0.5s ease-out;
  1082.     -moz-transition: all 0.5s ease-out;
  1083.     transition: all 0.5s ease-out
  1084. }
  1085.  
  1086. #bubble-music:hover .music_embed {
  1087.     margin:-23px 0 0 34px;
  1088.     opacity:1;
  1089. }
  1090.  
  1091. </style>
  1092.  
  1093.  
  1094. {block:IfInfiniteScrolling}
  1095. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>
  1096. {/block:IfInfiniteScrolling}
  1097.  
  1098. </head>
  1099. <body>
  1100.  
  1101. <div id="top_line"></div>
  1102.  
  1103. <div id="posts">
  1104.  
  1105. <div id="sidebar_c">
  1106.  
  1107.     <div class="menu_links">
  1108.         <a href="/">> home</a>
  1109.         <a href="/archive">> archive</a>
  1110.         <a href="/ask">> message</a>
  1111.          {block:IfCustomLinkOne}<a href="{text:Custom Link One URL}">> {text:Custom Link One}</a> {/block:IfCustomLinkOne}
  1112.          {block:IfCustomLinkTwo}<a href="{text:Custom Link Two URL}">> {text:Custom Link Two}</a>{/block:IfCustomLinkTwo}
  1113.         {block:IfCustomLinkThree}<a href="{text:Custom Link Three URL}">> {text:Custom Link Three}</a>{/block:IfCustomLinkThree}
  1114.     </div>
  1115.    
  1116.         <h2>{text:Title}</h2>
  1117.         <img src="{image:Sidebar Picture}">
  1118.         <p>
  1119.         <span class="desc_icon"></span>
  1120.         {Description}
  1121.         </p>
  1122.        
  1123. </div>
  1124.  
  1125.  
  1126. {block:IfInfiniteScrolling}
  1127. <div class="autopagerize_page_element">
  1128. {/block:IfInfiniteScrolling}
  1129.  
  1130.  
  1131.         {block:TagPage}
  1132.             <div class="tags_p">Posts tagged as "{Tag}"</div>
  1133.         {/block:TagPage}
  1134.        
  1135. {block:Posts}
  1136.  
  1137. {block:Text}
  1138. <article class="post">
  1139.  
  1140. {block:IfNotShortTags}
  1141. <div class="reblogged_position">
  1142. {block:RebloggedFrom}
  1143.  
  1144. <a title="reblogged from: {ReblogParentName}" href="{ReblogParentURL}"><img class="icon_via" src="{ReblogParentPortraitURL-30}"></a>
  1145.  
  1146. <a title="originally posted by: {ReblogRootName}" href="{ReblogRootURL}"><img class="icon_ori" src="{ReblogRootPortraitURL-30}"></a>
  1147.  
  1148. {/block:RebloggedFrom}
  1149.  
  1150. {block:NotReblog}
  1151. <a title="this post is posted by {Name}" href="/"><img class="icon_via" src="{PortraitURL-30}"></a>
  1152. {/block:NotReblog}
  1153.  
  1154. </div>
  1155. {/block:IfNotShortTags}
  1156.  
  1157. <div class="circle-1"></div>
  1158. <div class="circle-2"><span><a href="{ReblogURL}">Reblog this post?</a></span></div>
  1159. <a title="— go to permalink page" href="{Permalink}"><div class="circle-3"></div></a>
  1160. <div class="notes_p">{NoteCount} <br><br><span>pings</span>
  1161. <br><br>
  1162.   {block:IfShortTags}
  1163. <div class="tags">
  1164. <span>{block:HasTags}     {block:Tags}  <a href="{TagURL}">> &nbsp; {Tag}</a> {/block:Tags} {/block:HasTags}</span>
  1165. </div>
  1166.   {/block:IfShortTags}
  1167.  
  1168. </div>
  1169.  
  1170.     {block:Title}
  1171.         <h1><span><a href="{Permalink}">{Title}</a></span></h1>
  1172.     {/block:Title}
  1173.     {Body}
  1174.    
  1175.    
  1176.       {block:IfNotShortTags}
  1177.     {block:HasTags}
  1178.     <div class="tagged_post">
  1179.           file under: {block:Tags} <a href="{TagURL}">#{Tag}</a> {/block:Tags}
  1180.     </div>
  1181.     {/block:HasTags}
  1182.       {block:IfNotShortTags}
  1183.      
  1184.       <!-- More caption -->
  1185.     <div class="date_p">
  1186.      {block:Date}
  1187.     {DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}
  1188.     {/block:Date}
  1189.     <br>
  1190.     <span>
  1191.    {block:RebloggedFrom}— <b>Originally by:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> <br>
  1192.     — <b>Reblogged from:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br />{/block:RebloggedFrom}
  1193.        
  1194.     </span>
  1195.      </div>
  1196.      
  1197.      
  1198. </article>
  1199. {/block:Text}
  1200.  
  1201. {block:Photo}
  1202. <article class="post">
  1203.  
  1204. {block:IfNotShortTags}
  1205. <div class="reblogged_position">
  1206. {block:RebloggedFrom}
  1207.  
  1208. <a title="reblogged from: {ReblogParentName}" href="{ReblogParentURL}"><img class="icon_via" src="{ReblogParentPortraitURL-30}"></a>
  1209.  
  1210. <a title="originally posted by: {ReblogRootName}" href="{ReblogRootURL}"><img class="icon_ori" src="{ReblogRootPortraitURL-30}"></a>
  1211.  
  1212. {/block:RebloggedFrom}
  1213.  
  1214. {block:NotReblog}
  1215. <a title="this post is posted by {Name}" href="/"><img class="icon_via" src="{PortraitURL-30}"></a>
  1216. {/block:NotReblog}
  1217.  
  1218. </div>
  1219. {/block:IfNotShortTags}
  1220.  
  1221.  
  1222. <div class="circle-1"></div>
  1223. <div class="circle-2"><span><a href="{ReblogURL}">Reblog this post?</a></span></div>
  1224. <a title="— go to permalink page" href="{Permalink}"><div class="circle-3"></div></a>
  1225. <div class="notes_p">{NoteCount} <br><br><span>pings</span>
  1226. <br><br>
  1227.  {block:IfShortTags}
  1228. <div class="tags">
  1229. <span>{block:HasTags}     {block:Tags}  <a href="{TagURL}">> &nbsp; {Tag}</a> {/block:Tags} {/block:HasTags}</span>
  1230. </div>
  1231.   {/block:IfShortTags}
  1232. </div>
  1233.  
  1234.     {block:PermalinkPage}
  1235.      {LinkOpenTag}
  1236.     <meta name="{PhotoAlt}" content="{PhotoAlt}"/>
  1237.     <img src="{PhotoURL-400}" width="500px" alt="{PhotoAlt}"/>{LinkCloseTag}
  1238. {/block:PermalinkPage}
  1239.  
  1240. {block:IndexPage}
  1241.      {LinkOpenTag}
  1242.     <meta name="{PhotoAlt}" content="{PhotoAlt}"/>
  1243.     <img src="{PhotoURL-400}" width="500px" alt="{PhotoAlt}"/>{LinkCloseTag}
  1244. {/block:IndexPage}
  1245.  
  1246. {block:IfShowCaption}
  1247.     <div class="caption_p">
  1248.         {block:Caption}{Caption}{/block:Caption}
  1249.     </div>
  1250.     {/block:IfShowCaption}
  1251.  
  1252.     {block:IfNotShowCaption}{block:PermalinkPage}
  1253.         <div class="caption_p">
  1254.         {block:Caption}{Caption}{/block:Caption}
  1255.     </div>
  1256.     {block:PermalinkPage}{/block:IfNotShowCaption}
  1257.  
  1258.  
  1259.    
  1260.      {block:IfNotShortTags}
  1261.     {block:HasTags}
  1262.     <div class="tagged_post">
  1263.           file under: {block:Tags} <a href="{TagURL}">#{Tag}</a> {/block:Tags}
  1264.     </div>
  1265.     {/block:HasTags}
  1266.       {block:IfNotShortTags}
  1267.    
  1268.   <!-- More caption -->
  1269.     <div class="date_p">
  1270.      {block:Date}
  1271.     {DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}
  1272.     {/block:Date}
  1273.     <br>
  1274.     <span>
  1275.   {block:RebloggedFrom}— <b>Originally by:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> <br>
  1276.     — <b>Reblogged from:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br />{/block:RebloggedFrom}
  1277.        
  1278.     </span>
  1279.      </div>
  1280.      
  1281.  
  1282. </article>
  1283. {/block:Photo}
  1284.  
  1285. {block:Photoset}
  1286. <article class="post">
  1287.  
  1288. {block:IfNotShortTags}
  1289. <div class="reblogged_position">
  1290. {block:RebloggedFrom}
  1291.  
  1292. <a title="reblogged from: {ReblogParentName}" href="{ReblogParentURL}"><img class="icon_via" src="{ReblogParentPortraitURL-30}"></a>
  1293.  
  1294. <a title="originally posted by: {ReblogRootName}" href="{ReblogRootURL}"><img class="icon_ori" src="{ReblogRootPortraitURL-30}"></a>
  1295.  
  1296. {/block:RebloggedFrom}
  1297.  
  1298. {block:NotReblog}
  1299. <a title="this post is posted by {Name}" href="/"><img class="icon_via" src="{PortraitURL-30}"></a>
  1300. {/block:NotReblog}
  1301.  
  1302. </div>
  1303. {/block:IfNotShortTags}
  1304.  
  1305. <div class="circle-1"></div>
  1306. <div class="circle-2"><span><a href="{ReblogURL}">Reblog this post?</a></span></div>
  1307. <a title="— go to permalink page" href="{Permalink}"><div class="circle-3"></div></a>
  1308. <div class="notes_p">{NoteCount} <br><br><span>pings</span>
  1309. <br><br>
  1310.  {block:IfShortTags}
  1311. <div class="tags">
  1312. <span>{block:HasTags}     {block:Tags}  <a href="{TagURL}">> &nbsp; {Tag}</a> {/block:Tags} {/block:HasTags}</span>
  1313. </div>
  1314.   {/block:IfShortTags}
  1315. </div>
  1316.  
  1317. {block:PermalinkPage}{Photoset} {/block:PermalinkPage}
  1318. {block:IndexPage} {Photoset}{/block:IndexPage}
  1319.     {block:IfShowCaption}
  1320.         <div class="caption_p">
  1321.         {block:Caption}{Caption}{/block:Caption}
  1322.     </div>
  1323.     {/block:IfShowCaption}
  1324.  
  1325.     {block:IfNotShowCaption}{block:PermalinkPage}
  1326.         <div class="caption_p">
  1327.         {block:Caption}{Caption}{/block:Caption}
  1328.     </div>
  1329.     {block:PermalinkPage}{/block:IfNotShowCaption}
  1330.    
  1331.    
  1332.      {block:IfNotShortTags}
  1333.     {block:HasTags}
  1334.     <div class="tagged_post">
  1335.           file under: {block:Tags} <a href="{TagURL}">#{Tag}</a> {/block:Tags}
  1336.     </div>
  1337.     {/block:HasTags}
  1338.       {block:IfNotShortTags}
  1339.    
  1340.       <!-- More caption -->
  1341.     <div class="date_p">
  1342.      {block:Date}
  1343.     {DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}
  1344.     {/block:Date}
  1345.     <br>
  1346.     <span>
  1347.   {block:RebloggedFrom}— <b>Originally by:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> <br>
  1348.     — <b>Reblogged from:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br />{/block:RebloggedFrom}
  1349.        
  1350.     </span>
  1351.      </div>
  1352.      
  1353. </article>
  1354. {/block:Photoset}
  1355.  
  1356. {block:Quote}
  1357. <article class="post">
  1358.  
  1359. {block:IfNotShortTags}
  1360. <div class="reblogged_position">
  1361. {block:RebloggedFrom}
  1362.  
  1363. <a title="reblogged from: {ReblogParentName}" href="{ReblogParentURL}"><img class="icon_via" src="{ReblogParentPortraitURL-30}"></a>
  1364.  
  1365. <a title="originally posted by: {ReblogRootName}" href="{ReblogRootURL}"><img class="icon_ori" src="{ReblogRootPortraitURL-30}"></a>
  1366.  
  1367. {/block:RebloggedFrom}
  1368.  
  1369. {block:NotReblog}
  1370. <a title="this post is posted by {Name}" href="/"><img class="icon_via" src="{PortraitURL-30}"></a>
  1371. {/block:NotReblog}
  1372.  
  1373. </div>
  1374. {/block:IfNotShortTags}
  1375.  
  1376. <div class="circle-1"></div>
  1377. <div class="circle-2"><span><a href="{ReblogURL}">Reblog this post?</a></span></div>
  1378. <a title="— go to permalink page" href="{Permalink}"><div class="circle-3"></div></a>
  1379. <div class="notes_p">{NoteCount} <br><br><span>pings</span>
  1380. <br><br>
  1381.  {block:IfShortTags}
  1382. <div class="tags">
  1383. <span>{block:HasTags}     {block:Tags}  <a href="{TagURL}">> &nbsp; {Tag}</a> {/block:Tags} {/block:HasTags}</span>
  1384. </div>
  1385.   {/block:IfShortTags}
  1386. </div>
  1387.  
  1388. <div class="links">❝{Quote}❞</div>
  1389.     {block:Source}
  1390.     <div class="source"> — {Source} </div>
  1391.     {/block:Source}
  1392.    
  1393.       {block:IfNotShortTags}
  1394.     {block:HasTags}
  1395.     <div class="tagged_post">
  1396.           file under: {block:Tags} <a href="{TagURL}">#{Tag}</a> {/block:Tags}
  1397.     </div>
  1398.     {/block:HasTags}
  1399.       {block:IfNotShortTags}
  1400.      
  1401.      
  1402.       <!-- More caption -->
  1403.     <div class="date_p">
  1404.      {block:Date}
  1405.     {DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}
  1406.     {/block:Date}
  1407.     <br>
  1408.     <span>
  1409.  {block:RebloggedFrom}— <b>Originally by:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> <br>
  1410.     — <b>Reblogged from:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br />{/block:RebloggedFrom}
  1411.        
  1412.     </span>
  1413.      </div>
  1414.      
  1415.      
  1416.     </article>
  1417. {/block:Quote}
  1418.  
  1419. {block:Link}
  1420. <article class="post">
  1421.  
  1422. {block:IfNotShortTags}
  1423. <div class="reblogged_position">
  1424. {block:RebloggedFrom}
  1425.  
  1426. <a title="reblogged from: {ReblogParentName}" href="{ReblogParentURL}"><img class="icon_via" src="{ReblogParentPortraitURL-30}"></a>
  1427.  
  1428. <a title="originally posted by: {ReblogRootName}" href="{ReblogRootURL}"><img class="icon_ori" src="{ReblogRootPortraitURL-30}"></a>
  1429.  
  1430. {/block:RebloggedFrom}
  1431.  
  1432. {block:NotReblog}
  1433. <a title="this post is posted by {Name}" href="/"><img class="icon_via" src="{PortraitURL-30}"></a>
  1434. {/block:NotReblog}
  1435.  
  1436. </div>
  1437. {/block:IfNotShortTags}
  1438.  
  1439. <div class="circle-1"></div>
  1440. <div class="circle-2"><span><a href="{ReblogURL}">Reblog this post?</a></span></div>
  1441. <a title="— go to permalink page" href="{Permalink}"><div class="circle-3"></div></a>
  1442. <div class="notes_p">{NoteCount} <br><br><span>pings</span>
  1443. <br><br>
  1444.  {block:IfShortTags}
  1445. <div class="tags">
  1446. <span>{block:HasTags}     {block:Tags}  <a href="{TagURL}">> &nbsp; {Tag}</a> {/block:Tags} {/block:HasTags}</span>
  1447. </div>
  1448.   {/block:IfShortTags}
  1449. </div>
  1450.  
  1451. <h1>
  1452. <span>
  1453.     <a href="{URL}" {Target}>{Name} ></a></span>
  1454. </h1>
  1455.         {block:Description}
  1456.         {Description}
  1457.     {/block:Description}
  1458.    
  1459.    
  1460.        
  1461.  {block:IfNotShortTags}
  1462.     {block:HasTags}
  1463.     <div class="tagged_post">
  1464.           file under: {block:Tags} <a href="{TagURL}">#{Tag}</a> {/block:Tags}
  1465.     </div>
  1466.     {/block:HasTags}
  1467.       {block:IfNotShortTags}
  1468.    
  1469.   <!-- More caption -->
  1470.     <div class="date_p">
  1471.      {block:Date}
  1472.     {DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}
  1473.     {/block:Date}
  1474.     <br>
  1475.     <span>
  1476.     {block:RebloggedFrom}— <b>Originally by:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> <br>
  1477.     — <b>Reblogged from:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br />{/block:RebloggedFrom}
  1478.        
  1479.     </span>
  1480.      </div>
  1481.      
  1482.      
  1483. </article>
  1484. {/block:Link}
  1485.  
  1486. {block:Chat}
  1487. <article class="post">
  1488.  
  1489. {block:IfNotShortTags}
  1490. <div class="reblogged_position">
  1491. {block:RebloggedFrom}
  1492.  
  1493. <a title="reblogged from: {ReblogParentName}" href="{ReblogParentURL}"><img class="icon_via" src="{ReblogParentPortraitURL-30}"></a>
  1494.  
  1495. <a title="originally posted by: {ReblogRootName}" href="{ReblogRootURL}"><img class="icon_ori" src="{ReblogRootPortraitURL-30}"></a>
  1496.  
  1497. {/block:RebloggedFrom}
  1498.  
  1499. {block:NotReblog}
  1500. <a title="this post is posted by {Name}" href="/"><img class="icon_via" src="{PortraitURL-30}"></a>
  1501. {/block:NotReblog}
  1502.  
  1503. </div>
  1504. {/block:IfNotShortTags}
  1505.  
  1506. <div class="circle-1"></div>
  1507. <div class="circle-2"><span><a href="{ReblogURL}">Reblog this post?</a></span></div>
  1508. <a title="— go to permalink page" href="{Permalink}"><div class="circle-3"></div></a>
  1509. <div class="notes_p">{NoteCount} <br><br><span>pings</span>
  1510. <br><br>
  1511.  {block:IfShortTags}
  1512. <div class="tags">
  1513. <span>{block:HasTags}     {block:Tags}  <a href="{TagURL}">> &nbsp; {Tag}</a> {/block:Tags} {/block:HasTags}</span>
  1514. </div>
  1515.   {/block:IfShortTags}
  1516. </div>
  1517.  
  1518.  {block:Title}
  1519.            <h1><span>{Title}</span></h1>
  1520.                 {/block:Title}
  1521.              
  1522.               <div class="chat">
  1523.     <ul>
  1524.         {block:Lines}<li class="{Alt}">{block:Label} {Label} {/block:Label}{Line}</li>{/block:Lines}
  1525.     </ul>
  1526. </div>
  1527.  
  1528.  {block:IfNotShortTags}
  1529.     {block:HasTags}
  1530.     <div class="tagged_post">
  1531.           file under: {block:Tags} <a href="{TagURL}">#{Tag}</a> {/block:Tags}
  1532.     </div>
  1533.     {/block:HasTags}
  1534.       {block:IfNotShortTags}
  1535.    
  1536.  
  1537.    <!-- More caption -->
  1538.     <div class="date_p">
  1539.      {block:Date}
  1540.     {DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}
  1541.     {/block:Date}
  1542.     <br>
  1543.     <span>
  1544.     {block:RebloggedFrom}— <b>Originally by:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> <br>
  1545.     — <b>Reblogged from:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br />{/block:RebloggedFrom}
  1546.        
  1547.     </span>
  1548.      </div>
  1549.      
  1550.        
  1551. </article>
  1552. {/block:Chat}
  1553.  
  1554. {block:Audio}
  1555. <article class="post">
  1556.  
  1557. {block:IfNotShortTags}
  1558. <div class="reblogged_position">
  1559. {block:RebloggedFrom}
  1560.  
  1561. <a title="reblogged from: {ReblogParentName}" href="{ReblogParentURL}"><img class="icon_via" src="{ReblogParentPortraitURL-30}"></a>
  1562.  
  1563. <a title="originally posted by: {ReblogRootName}" href="{ReblogRootURL}"><img class="icon_ori" src="{ReblogRootPortraitURL-30}"></a>
  1564.  
  1565. {/block:RebloggedFrom}
  1566.  
  1567. {block:NotReblog}
  1568. <a title="this post is posted by {Name}" href="/"><img class="icon_via" src="{PortraitURL-30}"></a>
  1569. {/block:NotReblog}
  1570.  
  1571. </div>
  1572. {/block:IfNotShortTags}
  1573.  
  1574. <div class="circle-1"></div>
  1575. <div class="circle-2"><span><a href="{ReblogURL}">Reblog this post?</a></span></div>
  1576. <a title="— go to permalink page" href="{Permalink}"><div class="circle-3"></div></a>
  1577. <div class="notes_p">{NoteCount} <br><br><span>pings</span>
  1578. <br><br>
  1579.  {block:IfShortTags}
  1580. <div class="tags">
  1581. <span>{block:HasTags}     {block:Tags}  <a href="{TagURL}">> &nbsp; {Tag}</a> {/block:Tags} {/block:HasTags}</span>
  1582. </div>
  1583.   {/block:IfShortTags}
  1584. </div>
  1585.  
  1586. <div id="audio">
  1587.     {block:IfAudioPlayerBlack}
  1588.    {AudioPlayerBlack}
  1589.    {/block:IfAudioPlayerBlack}
  1590.    {block:IfAudioPlayerGray}
  1591.    {AudioPlayerGrey}
  1592.    {/block:IfAudioPlayerGray}
  1593. </div>      
  1594.         <div id="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="100">{/block:AlbumArt}</div>
  1595.         <div class="audioplayer">
  1596.         <div class="artist"> {block:Artist} <b>Artist:</b> {Artist}{/block:Artist}</div> <br /> <div class="track"><b>Track:</b> {block:TrackName} "{TrackName}" {/block:TrackName}</div> <br /> <b> <div class="play">Plays: </b> {PlayCountWithLabel} <div class="music_gif"><img src="http://media.tumblr.com/tumblr_m7w2izzY0j1r6o8v2.gif"></div></div> </div>
  1597.  
  1598.  
  1599.    
  1600.      {block:IfNotShortTags}
  1601.     {block:HasTags}
  1602.     <div class="tagged_post">
  1603.           file under: {block:Tags} <a href="{TagURL}">#{Tag}</a> {/block:Tags}
  1604.     </div>
  1605.     {/block:HasTags}
  1606.       {block:IfNotShortTags}
  1607.    
  1608.    <!-- More caption -->
  1609.     <div class="date_p">
  1610.      {block:Date}
  1611.     {DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}
  1612.     {/block:Date}
  1613.     <br>
  1614.     <span>
  1615.    {block:RebloggedFrom}— <b>Originally by:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> <br>
  1616.     — <b>Reblogged from:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br />{/block:RebloggedFrom}
  1617.        
  1618.     </span>
  1619.      </div>
  1620.      
  1621.      
  1622. </article>
  1623. {/block:Audio}
  1624.  
  1625. {block:Video}
  1626.  
  1627. <article class="post">
  1628.  
  1629. {block:IfNotShortTags}
  1630. <div class="reblogged_position">
  1631. {block:RebloggedFrom}
  1632.  
  1633. <a title="reblogged from: {ReblogParentName}" href="{ReblogParentURL}"><img class="icon_via" src="{ReblogParentPortraitURL-30}"></a>
  1634.  
  1635. <a title="originally posted by: {ReblogRootName}" href="{ReblogRootURL}"><img class="icon_ori" src="{ReblogRootPortraitURL-30}"></a>
  1636.  
  1637. {/block:RebloggedFrom}
  1638.  
  1639. {block:NotReblog}
  1640. <a title="this post is posted by {Name}" href="/"><img class="icon_via" src="{PortraitURL-30}"></a>
  1641. {/block:NotReblog}
  1642.  
  1643. </div>
  1644. {/block:IfNotShortTags}
  1645.  
  1646. <div class="circle-1"></div>
  1647. <div class="circle-2"><span><a href="{ReblogURL}">Reblog this post?</a></span></div>
  1648. <a title="— go to permalink page" href="{Permalink}"><div class="circle-3"></div></a>
  1649. <div class="notes_p">{NoteCount} <br><br><span>pings</span>
  1650. <br><br>
  1651.  {block:IfShortTags}
  1652. <div class="tags">
  1653. <span>{block:HasTags}     {block:Tags}  <a href="{TagURL}">> &nbsp; {Tag}</a> {/block:Tags} {/block:HasTags}</span>
  1654. </div>
  1655.   {/block:IfShortTags}
  1656. </div>
  1657.  
  1658.     {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  1659.         {block:IndexPage}{Video-400}{/block:IndexPage}
  1660.     {block:IfShowCaption}
  1661.         {block:Caption}{Caption}{/block:Caption}
  1662.     {/block:IfShowCaption}
  1663.  
  1664.     {block:IfNotShowCaption}{block:PermalinkPage}
  1665.         {block:Caption}{Caption}{/block:Caption}
  1666.     {block:PermalinkPage}{/block:IfNotShowCaption}
  1667.    
  1668.  {block:IfNotShortTags}
  1669.     {block:HasTags}
  1670.     <div class="tagged_post">
  1671.           file under: {block:Tags} <a href="{TagURL}">#{Tag}</a> {/block:Tags}
  1672.     </div>
  1673.     {/block:HasTags}
  1674.       {block:IfNotShortTags}
  1675.      
  1676.        <!-- More caption -->
  1677.     <div class="date_p">
  1678.      {block:Date}
  1679.     {DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}
  1680.     {/block:Date}
  1681.     <br>
  1682.     <span>
  1683.   {block:RebloggedFrom}— <b>Originally by:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> <br>
  1684.     — <b>Reblogged from:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br />{/block:RebloggedFrom}
  1685.        
  1686.     </span>
  1687.      </div>
  1688.      
  1689.      
  1690.     </article>
  1691. {/block:Video}
  1692.  
  1693. {block:Answer}
  1694. <article class="post">
  1695.  
  1696. {block:IfNotShortTags}
  1697. <div class="reblogged_position">
  1698. {block:RebloggedFrom}
  1699.  
  1700. <a title="reblogged from: {ReblogParentName}" href="{ReblogParentURL}"><img class="icon_via" src="{ReblogParentPortraitURL-30}"></a>
  1701.  
  1702. <a title="originally posted by: {ReblogRootName}" href="{ReblogRootURL}"><img class="icon_ori" src="{ReblogRootPortraitURL-30}"></a>
  1703.  
  1704. {/block:RebloggedFrom}
  1705.  
  1706. {block:NotReblog}
  1707. <a title="this post is posted by {Name}" href="/"><img class="icon_via" src="{PortraitURL-30}"></a>
  1708. {/block:NotReblog}
  1709.  
  1710. </div>
  1711. {/block:IfNotShortTags}
  1712.  
  1713. <div class="circle-1"></div>
  1714. <div class="circle-2"><span><a href="{ReblogURL}">Reblog this post?</a></span></div>
  1715. <a title="— go to permalink page" href="{Permalink}"><div class="circle-3"></div></a>
  1716. <div class="notes_p">{NoteCount} <br><br><span>pings</span>
  1717. <br><br>
  1718.  {block:IfShortTags}
  1719. <div class="tags">
  1720. <span>{block:HasTags}     {block:Tags}  <a href="{TagURL}">> &nbsp; {Tag}</a> {/block:Tags} {/block:HasTags}</span>
  1721. </div>
  1722.   {/block:IfShortTags}
  1723. </div>
  1724. <div class="ask">
  1725.             {Question}
  1726.         </div>
  1727.  
  1728. <div class="asker">
  1729.         <div style="position:absolute;margin-top:-27px;margin-left:10px;color:{color:Ask Background};font-size:29px;">▼</div>
  1730.          <img src="{AskerPortraitURL-30}">
  1731.  
  1732.          <div style="text-transform:uppercase;font:11px calibri;position:absolute;margin-left:50px;margin-top:-30px;">{Asker}</div>
  1733.         </div>
  1734.     <p>
  1735. {Answer}
  1736.  
  1737.    
  1738.  {block:IfNotShortTags}
  1739.     {block:HasTags}
  1740.     <div class="tagged_post">
  1741.           file under: {block:Tags} <a href="{TagURL}">#{Tag}</a> {/block:Tags}
  1742.     </div>
  1743.     {/block:HasTags}
  1744.       {block:IfNotShortTags}
  1745.    
  1746.       <!-- More caption -->
  1747.     <div class="date_p">
  1748.      {block:Date}
  1749.     {DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}
  1750.     {/block:Date}
  1751.     <br>
  1752.     <span>
  1753.     {block:RebloggedFrom}— <b>Originally by:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> <br>
  1754.     — <b>Reblogged from:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br />{/block:RebloggedFrom}
  1755.        
  1756.     </span>
  1757.      </div>
  1758.      
  1759.      
  1760.         </article>
  1761.     {/block:Answer}
  1762.  
  1763.     {block:PermalinkPage}
  1764.     <div id="permalink_page">
  1765.      
  1766.     <!-- Notes -->
  1767.    
  1768.     {block:PostNotes}
  1769.     {PostNotes}
  1770.     {/block:PostNotes}
  1771.    
  1772.     </div>
  1773. {/block:PermalinkPage}
  1774.  
  1775. {/block:Posts}
  1776.  
  1777. {block:IfNotInfiniteScrolling}
  1778. <div id="pagination_p">
  1779.     {block:Pagination}
  1780.    
  1781.         {block:NextPage}
  1782.             <a href="{NextPage}" class="next_page"><span>></span></a>
  1783.         {/block:NextPage}
  1784.    
  1785.     <div class="cr_ttl">
  1786.         {CurrentPage} of {TotalPages} pages
  1787.     </div>
  1788.    
  1789.         {block:PreviousPage}
  1790.              <a href="{PreviousPage}" class="prev_page"><span><</span></a>
  1791.         {/block:PreviousPage}
  1792.        
  1793.     {/block:Pagination}
  1794. </div>
  1795. {/block:IfNotInfiniteScrolling}
  1796.  
  1797. </div>
  1798.  
  1799. </body>
  1800. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!