API tools faq
paste
Advertisement
nutter666

Untitled

nutter666
Jan 21st, 2013
395
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 41.27 KB | None | 0 0
raw download clone embed print report
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4.   {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  5.   <meta name="if:Show Notes" content="1"/>
  6.     <meta name="text:Disqus Shortname" content=""/>
  7.   <meta name="text:Google Analytics ID" content=""/>
  8.   <title>{block:PostSummary}{PostSummary} - {/block:PostSummary}{Title}</title>
  9.   <link rel="shortcut icon" href="{Favicon}" />
  10.   <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/>
  11.   <script src="http://static.tumblr.com/ge74hdk/9zYlyuhzc/jquery-1.7.1.min.js"></script>
  12.   <script src="http://static.tumblr.com/silmimt/ARmlyhovo/cufon-yui.js"></script>
  13.   <script src="http://static.tumblr.com/silmimt/rHHlyhov1/bebas_neue_400.font.js"></script>
  14.   <!--[if lt IE 9]>
  15.    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  16.    <script type="text/javascript" src="http://static.tumblr.com/silmimt/omqlyhox5/pie.js"></script>
  17.  <![endif]-->
  18.   <style type="text/css">/* Reset CSS */
  19. html, body, div, span, applet, object, iframe,
  20. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  21. a, abbr, acronym, address, big, cite, code,
  22. del, dfn, em, img, ins, kbd, q, s, samp,
  23. b, u, i, center,
  24. dl, dt, dd, ol, ul, li,
  25. fieldset, form, label, legend,
  26. caption, table, tbody, tfoot, thead, tr, th, td,
  27. article, aside, canvas, details, embed,
  28. figure, figcaption, footer, header, hgroup,
  29. menu, nav, output, ruby, section, summary,
  30. time, mark, audio, video {
  31.     margin: 0;
  32.     padding: 0;
  33.     border: 0;
  34.     font-size: 100%;
  35.     font: inherit;
  36.     vertical-align: baseline;
  37. }
  38.  
  39. html, body {
  40.     height: 100%;
  41. }
  42.  
  43. a {
  44.     text-decoration: none;
  45.     color: inherit;
  46. }
  47. </style>
  48.   <style type="text/css">body {
  49.   background-color: #23272f;
  50.   background: url(http://static.tumblr.com/silmimt/LdNlyhoz4/background.png);
  51.   font-family: Helvetica, Arial, sans-serif; }
  52.  
  53. #topbar {
  54.   background: url(http://static.tumblr.com/silmimt/oAglyhp58/header.png) repeat-x;
  55.   height: 56px;
  56.   width: 100%; }
  57.   #topbar #topbar_contents {
  58.     height: 30px;
  59.     width: 1020px;
  60.     padding: 11px 0;
  61.     margin: auto;
  62.     position: relative; }
  63.     #topbar #topbar_contents ul {
  64.       list-style-type: none; }
  65.       #topbar #topbar_contents ul li {
  66.         float: left;
  67.         margin-right: 7px;
  68.         height: 25px;
  69.         display: block; }
  70.         #topbar #topbar_contents ul li a {
  71.           float: left;
  72.           display: block;
  73.           height: 25px;
  74.           line-height: 23px;
  75.           font-size: 12px;
  76.           font-weight: 500;
  77.           color: white;
  78.           text-shadow: 0px 2px rgba(0, 0, 0, 0.21);
  79.           padding-top: -10px;
  80.           user-select: none;
  81.           -moz-user-select: none;
  82.           -webkit-user-select: none; }
  83.           #topbar #topbar_contents ul li a .button_left {
  84.             float: left;
  85.             width: 11px;
  86.             height: 25px;
  87.             background: url(http://static.tumblr.com/silmimt/TQllyhozk/buttons_left.png); }
  88.           #topbar #topbar_contents ul li a .button_middle {
  89.             float: left;
  90.             height: 25px;
  91.             background: url(http://static.tumblr.com/silmimt/1Qwlyhozx/buttons_mid.png) repeat-x; }
  92.           #topbar #topbar_contents ul li a .button_right {
  93.             float: left;
  94.             width: 10px;
  95.             height: 25px;
  96.             background: url(http://static.tumblr.com/silmimt/MLLlyhp2m/buttons_right.png); }
  97.           #topbar #topbar_contents ul li a:hover .button_left {
  98.             background-position: 0px -25px; }
  99.           #topbar #topbar_contents ul li a:hover .button_middle {
  100.             background-position: 0px -25px; }
  101.           #topbar #topbar_contents ul li a:hover .button_right {
  102.             background-position: 0px -25px; }
  103.           #topbar #topbar_contents ul li a:active .button_left {
  104.             background-position: 0px -50px; }
  105.           #topbar #topbar_contents ul li a:active .button_middle {
  106.             background-position: 0px -50px; }
  107.           #topbar #topbar_contents ul li a:active .button_right {
  108.             background-position: 0px -50px; }
  109.  
  110. #content {
  111.   width: 1020px;
  112.   margin: 0 auto;
  113.   color: #272d33;
  114.   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  115.   font-size: 15px;
  116.   text-shadow: 0px 1px rgba(255, 255, 255, 0.21);
  117.   position: relative; }
  118.   #content a {
  119.     color: white;
  120.     text-shadow: 0px -1px #333333; }
  121.     #content a:hover {
  122.       color: #edeff0;
  123.       text-decoration: underline; }
  124.     #content a.item_footer_button {
  125.       color: #a6b0bd;
  126.       text-shadow: 0px 1px #222; }
  127.   #content #right {
  128.     width: 360px;
  129.     position: absolute;
  130.     top: -56px;
  131.     left: 660px;
  132.     font-size: 13px;
  133.     color: #777; }
  134.     #content #right .very_top {
  135.       height: 24px;
  136.       background: url(http://static.tumblr.com/silmimt/QELlyhpb0/sidebar_very_top.png) repeat-y; }
  137.     #content #right .sidebar_item {
  138.       position: relative;
  139.       text-shadow: 0px 1px white; }
  140.       #content #right .sidebar_item a {
  141.         color: #2577d3;
  142.         text-shadow: 0px 1px rgba(255, 255, 255, 0.21); }
  143.       #content #right .sidebar_item .above_upper {
  144.         height: 32px;
  145.         margin-top: -30px;
  146.         background: url(http://static.tumblr.com/silmimt/QELlyhpb0/sidebar_very_top.png) repeat-y; }
  147.       #content #right .sidebar_item .upper {
  148.         height: 10px;
  149.         background: url(http://static.tumblr.com/silmimt/hjGlyhpaq/sidebar_upper.png); }
  150.       #content #right .sidebar_item .middle {
  151.         min-height: 0px;
  152.         background: url(http://static.tumblr.com/silmimt/Dntlyhp9t/sidebar_middle.png);
  153.         padding: 0px 54px 0px 53px; }
  154.         #content #right .sidebar_item .middle .sidebar_text {
  155.           line-height: 18px; }
  156.       #content #right .sidebar_item .lower {
  157.         height: 64px;
  158.         background: url(http://static.tumblr.com/silmimt/2zplyhp9g/sidebar_lower.png);
  159.         z-index: 200; }
  160.     #content #right hr {
  161.       border: 0;
  162.       margin: 0;
  163.       width: 283px;
  164.       height: 2px;
  165.       margin-left: -16px;
  166.       background: url(http://static.tumblr.com/silmimt/MMPlyhpae/sidebar_seperator_full.png); }
  167.       #content #right hr.fade {
  168.         margin-top: 8px;
  169.         width: 214px;
  170.         background: url(http://static.tumblr.com/silmimt/Yrblyhpa4/sidebar_seperator_fade.png); }
  171.     #content #right #about_section {
  172.       z-index: 10; }
  173.       #content #right #about_section #about_title_container {
  174.         padding: 12px 0 11px; }
  175.         #content #right #about_section #about_title_container #about_title {
  176.           width: 91px;
  177.           height: 27px;
  178.           background: url(http://static.tumblr.com/silmimt/lnQlyhoyl/about_me_title.png); }
  179.       #content #right #about_section #user_avatar {
  180.         width: 64px;
  181.         height: 64px;
  182.         border-radius: 999px;
  183.         border: 4px solid white;
  184.         box-shadow: 0px 1px 1px #b7b7b7;
  185.         background: url({PortraitURL-64}) no-repeat center;
  186.         position: absolute;
  187.         top: -5px;
  188.         right: 50px; }
  189.     #content #right #mplift_widget_holder {
  190.       z-index: 9;
  191.       display: block;
  192.       width: 360px;
  193.       background-color: transparent;
  194.       border: none;
  195.       border-image: initial; }
  196.       #content #right #mplift_widget_holder #mplift_header {
  197.         display: none !important; }
  198.       #content #right #mplift_widget_holder #recommendations_header {
  199.         height: 28px;
  200.         background: url(http://static.tumblr.com/silmimt/Fn8lyhp87/recommendations_title.png) no-repeat left center;
  201.         padding: 10px 0; }
  202.       #content #right #mplift_widget_holder #mplift_footer {
  203.         background: url(http://static.tumblr.com/silmimt/Dntlyhp9t/sidebar_middle.png);
  204.         margin-top: -16px; }
  205.       #content #right #mplift_widget_holder .mplift_item {
  206.         padding: 10px 16px;
  207.         width: 253px;
  208.         border: 0;
  209.         margin-left: -16px;
  210.         background: url(http://static.tumblr.com/silmimt/MMPlyhpae/sidebar_seperator_full.png) no-repeat left top; }
  211.       #content #right #mplift_widget_holder .recessed_button {
  212.         display: block;
  213.         width: 160px;
  214.         height: 24px;
  215.         margin: auto;
  216.         position: relative;
  217.         top: 15px; }
  218.     #content #right #twitter_section {
  219.       z-index: 8; }
  220.       #content #right #twitter_section #twitter_title {
  221.         width: 261px;
  222.         height: 79px;
  223.         margin: 0px auto -12px;
  224.         background: url(http://static.tumblr.com/silmimt/Ysylyhpdm/twitter_sidebar_header.png);
  225.         position: relative;
  226.         top: -16px; }
  227.       #content #right #twitter_section .sidebar_text {
  228.         text-align: center; }
  229.       #content #right #twitter_section a#follow_me {
  230.         background: url(http://static.tumblr.com/silmimt/p7alyhp4w/follow_me_buttons.png); }
  231.         #content #right #twitter_section a#follow_me:hover {
  232.           background-position: 0px -41px; }
  233.         #content #right #twitter_section a#follow_me:active {
  234.           background-position: 0px -82px; }
  235.     #content #right #want_this_section {
  236.       z-index: 7; }
  237.       #content #right #want_this_section #i_want_this_container {
  238.         padding: 15px 0 5px; }
  239.         #content #right #want_this_section #i_want_this_container #i_want_this {
  240.           width: 225px;
  241.           height: 28px;
  242.           background: url(http://static.tumblr.com/silmimt/gKRlyhp5l/i_want_this.png);
  243.           margin: auto; }
  244.       #content #right #want_this_section a#want {
  245.         background: url(http://static.tumblr.com/silmimt/9Sjlyhp5w/install_theme_buttons.png); }
  246.         #content #right #want_this_section a#want:hover {
  247.           background-position: 0px -41px; }
  248.         #content #right #want_this_section a#want:active {
  249.           background-position: 0px -82px; }
  250.       #content #right #want_this_section .download_icon {
  251.         width: 27px;
  252.         height: 24px;
  253.         background: url(http://static.tumblr.com/silmimt/DfPlyhp4j/download_theme_icon.png); }
  254.         #content #right #want_this_section .download_icon.left {
  255.           float: left;
  256.           position: relative;
  257.           top: 10px; }
  258.         #content #right #want_this_section .download_icon.right {
  259.           float: right;
  260.           position: relative;
  261.           top: 10px; }
  262.     #content #right a.linked_button {
  263.       display: block; }
  264.     #content #right .bright_blue_button {
  265.       width: 178px;
  266.       height: 41px;
  267.       margin: auto;
  268.       position: relative;
  269.       top: 22px;
  270.       margin-top: -12px;
  271.       cursor: pointer;
  272.       cursor: hand; }
  273.   #content #left {
  274.     width: 624px;
  275.     padding-bottom: 50px;
  276.     position: absolute; }
  277.     #content #left div.item {
  278.       position: relative;
  279.       margin-bottom: 10px; }
  280.     #content #left h1#blog_title {
  281.       margin: 30px 0px 42px;
  282.       text-transform: uppercase;
  283.       font-size: 63px; }
  284.       #content #left h1#blog_title canvas {
  285.         opacity: 0.95;
  286.         -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
  287.         filter: alpha(opacity=95); }
  288.       #content #left h1#blog_title cufon {
  289.         opacity: 0.95;
  290.         -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
  291.         filter: alpha(opacity=95); }
  292.     #content #left #blog_posts {
  293.       margin-bottom: 10px; }
  294.       #content #left #blog_posts .upper {
  295.         height: 7px;
  296.         background: url(http://static.tumblr.com/silmimt/9vWlyhpdc/story_box_upper.png); }
  297.       #content #left #blog_posts .middle {
  298.         min-height: 0px;
  299.         background: url(http://static.tumblr.com/silmimt/wRilyhq0t/story_box_middle.png); }
  300.       #content #left #blog_posts .lower {
  301.         height: 12px;
  302.         background: url(http://static.tumblr.com/silmimt/6Rolyhpzs/story_box_lower.png); }
  303.       #content #left #blog_posts .item_content {
  304.         padding: 16px 23px 14px 24px;
  305.         line-height: 20px; }
  306.         #content #left #blog_posts .item_content .post_title {
  307.           font-size: 24px;
  308.           font-weight: 500;
  309.           margin-bottom: 20px;
  310.           color: #272d33;
  311.           text-shadow: 0px 1px rgba(255, 255, 255, 0.21); }
  312.           #content #left #blog_posts .item_content .post_title a {
  313.             color: #272d33;
  314.             text-shadow: 0px 1px rgba(255, 255, 255, 0.21); }
  315.         #content #left #blog_posts .item_content .quote_container {
  316.           font-size: 17px;
  317.           line-height: 22px; }
  318.           #content #left #blog_posts .item_content .quote_container .quote_upper {
  319.             width: 577px;
  320.             height: 5px;
  321.             background: url(http://static.tumblr.com/silmimt/u9Elyhp7u/quote_box_upper.png); }
  322.           #content #left #blog_posts .item_content .quote_container .quote_middle {
  323.             width: 577px;
  324.             min-height: 21px;
  325.             background: url(http://static.tumblr.com/silmimt/lLxlyhp7h/quote_box_middle.png); }
  326.             #content #left #blog_posts .item_content .quote_container .quote_middle .quote_text {
  327.               padding: 6px 12px; }
  328.           #content #left #blog_posts .item_content .quote_container .quote_lower {
  329.             width: 577px;
  330.             height: 22px;
  331.             background: url(http://static.tumblr.com/silmimt/lq8lyhp73/quote_box_lower.png); }
  332.           #content #left #blog_posts .item_content .quote_container cite {
  333.             line-height: 24px;
  334.             padding-left: 4px; }
  335.         #content #left #blog_posts .item_content .rounded_gray_border {
  336.           border-radius: 4px;
  337.           border: 4px solid #393b42;
  338.           box-shadow: 0px 0px 1px #999; }
  339.         #content #left #blog_posts .item_content .large_offset {
  340.           position: relative;
  341.           margin-left: -15px;
  342.           margin-top: -15px;
  343.           margin-bottom: 5px; }
  344.         #content #left #blog_posts .item_content .line {
  345.           font-size: 15px; }
  346.           #content #left #blog_posts .item_content .line.odd {
  347.             width: 579px;
  348.             min-height: 0px;
  349.             margin: 0px 10px 10px -2px; }
  350.             #content #left #blog_posts .item_content .line.odd .raised_upper {
  351.               height: 5px;
  352.               background: url(http://static.tumblr.com/silmimt/7Belyhp41/chat_odd_upper.png); }
  353.             #content #left #blog_posts .item_content .line.odd .raised_middle {
  354.               background: url(http://static.tumblr.com/silmimt/DHilyhp3p/chat_odd_middle.png); }
  355.               #content #left #blog_posts .item_content .line.odd .raised_middle span {
  356.                 display: block;
  357.                 padding: 4px 10px; }
  358.             #content #left #blog_posts .item_content .line.odd .raised_lower {
  359.               height: 6px;
  360.               background: url(http://static.tumblr.com/silmimt/Hqalyhp3a/chat_odd_lower.png); }
  361.           #content #left #blog_posts .item_content .line.even {
  362.             margin: 0px 10px 10px 10px; }
  363.         #content #left #blog_posts .item_content .no_top_margin {
  364.           margin-top: 0px !important; }
  365.         #content #left #blog_posts .item_content .item_footer {
  366.           height: 29px;
  367.           margin-top: 16px;
  368.           font-size: 13px;
  369.           position: relative; }
  370.           #content #left #blog_posts .item_content .item_footer .item_buttons {
  371.             margin: 0px;
  372.             list-style-type: none;
  373.             color: #a6b0bd;
  374.             text-shadow: 0px 1px rgba(0, 0, 0, 0.44); }
  375.             #content #left #blog_posts .item_content .item_footer .item_buttons li {
  376.               float: left;
  377.               display: block;
  378.               margin-right: 7px; }
  379.               #content #left #blog_posts .item_content .item_footer .item_buttons li a {
  380.                 display: block; }
  381.               #content #left #blog_posts .item_content .item_footer .item_buttons li .button_left {
  382.                 float: left;
  383.                 background: url(http://static.tumblr.com/silmimt/N4alyhpc2/story_box_button_left.png);
  384.                 width: 7px;
  385.                 height: 29px; }
  386.               #content #left #blog_posts .item_content .item_footer .item_buttons li .button_middle {
  387.                 float: left;
  388.                 background: url(http://static.tumblr.com/silmimt/8EJlyhpcd/story_box_button_middle.png) repeat-x;
  389.                 height: 29px;
  390.                 line-height: 29px; }
  391.                 #content #left #blog_posts .item_content .item_footer .item_buttons li .button_middle .post_date {
  392.                   background: url(http://static.tumblr.com/silmimt/KjZlyhpw7/story_box_clock_icon.png) no-repeat;
  393.                   background-position: left 6px;
  394.                   padding-left: 20px; }
  395.                 #content #left #blog_posts .item_content .item_footer .item_buttons li .button_middle .num_notes {
  396.                   background: url(http://static.tumblr.com/silmimt/EUelyhpwo/story_box_heart_icon.png) no-repeat;
  397.                   background-position: left 7px;
  398.                   padding-left: 20px; }
  399.                 #content #left #blog_posts .item_content .item_footer .item_buttons li .button_middle .num_comments {
  400.                   background: url(http://static.tumblr.com/silmimt/KNolyhpx1/story_box_comments_icon.png) no-repeat;
  401.                   background-position: left center;
  402.                   padding-left: 20px;
  403.                   text-transform: lowercase; }
  404.                 #content #left #blog_posts .item_content .item_footer .item_buttons li .button_middle .share {
  405.                   background: url(http://static.tumblr.com/silmimt/V16lyhpcn/story_box_share_icon.png) no-repeat;
  406.                   background-position: left 6px;
  407.                   padding-left: 20px; }
  408.               #content #left #blog_posts .item_content .item_footer .item_buttons li .button_right {
  409.                 float: left;
  410.                 background: url(http://static.tumblr.com/silmimt/hrWlyhq1t/story_box_button_right.png);
  411.                 width: 9px;
  412.                 height: 29px; }
  413.             #content #left #blog_posts .item_content .item_footer .item_buttons li.rightmost {
  414.               float: right;
  415.               margin: 0; }
  416.     #content #left .item p {
  417.       margin: 15px 0px; }
  418.       #content #left .item p:first-child {
  419.         margin-top: 0px; }
  420.     #content #left .item ul, #content #left .item ol {
  421.       margin: 15px 0px 15px 30px; }
  422.     #content #left .item img {
  423.       max-width: 577px; }
  424.     #content #left .item blockquote {
  425.       font-style: italic;
  426.       border-left: 4px solid #3a424c;
  427.       padding: 2px 0 2px 8px;
  428.       margin: 20px 0; }
  429.       #content #left .item blockquote p:first-child {
  430.         margin-top: 0px; }
  431.       #content #left .item blockquote p:last-child {
  432.         margin-bottom: 0px; }
  433.       #content #left .item blockquote img {
  434.         max-width: 565px !important; }
  435.       #content #left .item blockquote * img {
  436.         max-width: 565px !important; }
  437.     #content #left .item.link a.the_link {
  438.       color: white;
  439.       font-size: 16px;
  440.       font-weight: bold;
  441.       text-shadow: 1px -1px rgba(0, 0, 0, 0.41);
  442.       text-decoration: underline; }
  443.       #content #left .item.link a.the_link:hover {
  444.         color: #edeff0; }
  445.     #content #left .item.photo img {
  446.       max-width: 577px; }
  447.     #content #left .item.audio .art {
  448.       float: left;
  449.       padding-right: 25px;
  450.       margin-right: 16px;
  451.       background: url(http://static.tumblr.com/silmimt/FzWlyhp8i/record_sleeve.png) no-repeat right top; }
  452.     #content #left .item.audio .track_info {
  453.       float: left;
  454.       width: 420px; }
  455.       #content #left .item.audio .track_info .track_name {
  456.         font-size: 20px;
  457.         font-weight: bold;
  458.         margin-top: -2px;
  459.         padding-bottom: 5px; }
  460.       #content #left .item.audio .track_info .artist_album {
  461.         font-size: 15px;
  462.         padding-bottom: 5px; }
  463.       #content #left .item.audio .track_info .artist_desc {
  464.         padding-bottom: 12px; }
  465.         #content #left .item.audio .track_info .artist_desc p:first-child {
  466.           margin-top: 0px; }
  467.         #content #left .item.audio .track_info .artist_desc p:last-child {
  468.           margin-bottom: 0px; }
  469.     #content #left .item.audio .audio_player {
  470.       width: 210px;
  471.       height: 27px;
  472.       background-color: #E4E4E4;
  473.       border-radius: 4px;
  474.       padding: 4px;
  475.       margin-top: 4px;
  476.       margin-bottom: 10px;
  477.       border: 1px solid #C2C2CC;
  478.       box-shadow: inset 0px 1px #f6f6f7;
  479.       border-image: initial; }
  480.     #content #left .item.video .video_container {
  481.       width: 597px;
  482.       max-width: 597px; }
  483.       #content #left .item.video .video_container iframe, #content #left .item.video .video_container embed, #content #left .item.video .video_container object {
  484.         display: block;
  485.         width: 597px !important;
  486.         height: 447px !important; }
  487.     #content #left #notes {
  488.       margin-top: 50px;
  489.       margin-bottom: 50px;
  490.       margin-left: -2px; }
  491.       #content #left #notes #notes_header {
  492.         width: 626px;
  493.         height: 47px;
  494.         background: url(http://static.tumblr.com/silmimt/uOYlyj6cu/notes_header.png); }
  495.       #content #left #notes #notes_middle {
  496.         width: 626px;
  497.         background: url(http://static.tumblr.com/silmimt/4Mglyj7pb/notes_middle.png) repeat-y; }
  498.         #content #left #notes #notes_middle ol.notes {
  499.           list-style: none;
  500.           width: 578px;
  501.           margin: 0;
  502.           padding: 10px 24px; }
  503.           #content #left #notes #notes_middle ol.notes li {
  504.             padding: 3px 0px 12px;
  505.             background: url(http://static.tumblr.com/silmimt/o1Zlyj7zo/notes_seperator.png) no-repeat bottom center; }
  506.             #content #left #notes #notes_middle ol.notes li:first-child {
  507.               padding-top: 0px; }
  508.             #content #left #notes #notes_middle ol.notes li:last-child {
  509.               background: none; }
  510.             #content #left #notes #notes_middle ol.notes li.more_notes_link_container {
  511.               padding-top: 15px; }
  512.             #content #left #notes #notes_middle ol.notes li img.avatar {
  513.               position: relative;
  514.               top: 5px;
  515.               padding: 1px;
  516.               background-color: #252a2f;
  517.               border: 1px solid #929ba9;
  518.               width: 16px;
  519.               height: 16px; }
  520.             #content #left #notes #notes_middle ol.notes li span.action {
  521.               margin-left: 8px; }
  522.             #content #left #notes #notes_middle ol.notes li blockquote {
  523.               padding: 10px 32px 4px; }
  524.       #content #left #notes #notes_footer {
  525.         width: 626px;
  526.         height: 10px;
  527.         background: url(http://static.tumblr.com/silmimt/irhlyj6em/notes_footer.png); }
  528.     #content #left #disqus {
  529.       margin-top: 27px;
  530.       margin-left: -2px; }
  531.       #content #left #disqus #disqus_header {
  532.         width: 626px;
  533.         height: 47px;
  534.         background: url(http://static.tumblr.com/silmimt/WNJlyjdbh/comments_header.png) no-repeat top; }
  535.       #content #left #disqus #disqus_thread {
  536.         padding: 2px 21px;
  537.         margin-bottom: 0px;
  538.         background: url(http://static.tumblr.com/silmimt/4Mglyj7pb/notes_middle.png) repeat-y; }
  539.         #content #left #disqus #disqus_thread .dsq-comment-header {
  540.           border: 1px solid rgba(0, 0, 0, 0.5);
  541.           border-radius: 0px;
  542.           background: rgba(255, 255, 255, 0.08); }
  543.         #content #left #disqus #disqus_thread .dsq-comment-message {
  544.           margin: 10px 0px 10px 15px; }
  545.         #content #left #disqus #disqus_thread .dsq-comment-footer {
  546.           margin-left: 15px;
  547.           font-size: 14px; }
  548.           #content #left #disqus #disqus_thread .dsq-comment-footer a {
  549.             color: #272d33;
  550.             text-shadow: 0px 1px rgba(255, 255, 255, 0.21); }
  551.           #content #left #disqus #disqus_thread .dsq-comment-footer ul.dsq-comment-actions li {
  552.             margin: 0px 3px 0px 12px; }
  553.       #content #left #disqus #disqus_footer {
  554.         width: 626px;
  555.         height: 10px;
  556.         background: url(http://static.tumblr.com/silmimt/irhlyj6em/notes_footer.png) no-repeat bottom; }
  557.     #content #left #pagination {
  558.       margin-top: 25px;
  559.       margin-bottom: 50px; }
  560.       #content #left #pagination a {
  561.         display: block;
  562.         background: url(http://static.tumblr.com/silmimt/Nd4lyhp6c/pagination.png);
  563.         width: 93px;
  564.         height: 38px; }
  565.         #content #left #pagination a:hover {
  566.           cursor: pointer;
  567.           cursor: hand; }
  568.         #content #left #pagination a#newer_posts {
  569.           float: left;
  570.           margin-left: -3px;
  571.           background-position: 0px 0px; }
  572.           #content #left #pagination a#newer_posts:hover {
  573.             background-position: 0px -38px; }
  574.           #content #left #pagination a#newer_posts:active {
  575.             background-position: 0px -76px; }
  576.         #content #left #pagination a#older_posts {
  577.           float: right;
  578.           background-position: 93px 0px; }
  579.           #content #left #pagination a#older_posts:hover {
  580.             background-position: 93px -38px; }
  581.           #content #left #pagination a#older_posts:active {
  582.             background-position: 93px -76px; }
  583. </style>
  584.   <style type="text/css">{CustomCSS}</style>
  585. </head>
  586. <body {block:IndexPage} class="show"{/block:IndexPage}>
  587.   <div id="topbar">
  588.     <div id="topbar_contents">
  589.       <ul>
  590.         <li>
  591.           <a href="/">
  592.             <div class="button_left"></div>
  593.             <div class="button_middle">{lang:Home}</div>
  594.             <div class="button_right"></div>
  595.           </a>
  596.         </li>
  597.         {block:HasPages}
  598.           {block:Pages}
  599.             <li>
  600.               <a href="{URL}">
  601.                 <div class="button_left"></div>
  602.                 <div class="button_middle">{Label}</div>
  603.                 <div class="button_right"></div>
  604.               </a>
  605.             </li>
  606.           {/block:Pages}
  607.         {/block:HasPages}
  608.         {block:AskEnabled}
  609.           <li>
  610.             <a href="/ask">
  611.               <div class="button_left"></div>
  612.               <div class="button_middle">{AskLabel}</div>
  613.               <div class="button_right"></div>
  614.             </a>
  615.           </li>
  616.         {/block:AskEnabled}
  617.         {block:SubmissionsEnabled}
  618.           <li>
  619.             <a href="/submit">
  620.               <div class="button_left"></div>
  621.               <div class="button_middle">{SubmitLabel}</div>
  622.               <div class="button_right"></div>
  623.             </a>
  624.           </li>
  625.         {/block:SubmissionsEnabled}
  626.         {block:IfFlickrUsername}
  627.           <li>
  628.             <a href="http://flickr.com/photos/{text:Flickr Username}">Flickr</a></li>
  629.               <div class="button_left"></div>
  630.               <div class="button_middle">Flickr</div>
  631.               <div class="button_right"></div>
  632.             </a>
  633.           </li>
  634.         {/block:IfFlickrUsername}
  635.         <li>
  636.           <a href="/archive">
  637.             <div class="button_left"></div>
  638.             <div class="button_middle">{lang:Archive}</div>
  639.             <div class="button_right"></div>
  640.           </a>
  641.         </li>
  642.         <li>
  643.           <a href="{RSS}">
  644.             <div class="button_left"></div>
  645.             <div class="button_middle">{lang:RSS}</div>
  646.             <div class="button_right"></div>
  647.           </a>
  648.         </li>
  649.         {block:Twitter}
  650.           <li>
  651.             <a href="http://twitter.com/{TwitterUsername}">
  652.               <div class="button_left"></div>
  653.               <div class="button_middle">Twitter</div>
  654.               <div class="button_right"></div>
  655.             </a>
  656.           </li>
  657.         {/block:Twitter}
  658.       </ul>
  659.     </div>
  660.   </div>
  661.   <div id="content">
  662.     <div id="right">
  663.       <div class="very_top"></div>
  664.       <div id="about_section" class="sidebar_item">
  665.         <div class="upper"></div>
  666.         <div class="middle">
  667.           <div id="about_title_container">
  668.             <div id="about_title"></div>
  669.             <div id="user_avatar"></div>
  670.             <script type="text/javascript">
  671.               if (window.PIE) { PIE.attach($("#user_avatar")[0]); }
  672.             </script>
  673.             <hr class="fade"/>
  674.           </div>
  675.           <div class="sidebar_text">
  676.             <div>{Description}</div>
  677.           </div>
  678.         </div>
  679.         <div class="lower"></div>
  680.       </div>
  681.       <script type="text/javascript" src="http://mixpanel.com/site_media/js/lift/widget.js"></script>
  682.       <script type="text/javascript">
  683.         $("#mplift_widget_holder")
  684.           .addClass("sidebar_item")
  685.           .prepend('<div class="upper"></div>')
  686.           .prepend('<div class="above_upper"></div>')
  687.           .append('<div class="lower"></div>')
  688.           .find("#mplift_items")
  689.             .addClass("middle")
  690.             .prepend('<div id="recommendations_header"></div>').end()
  691.           .find("#mplift_footer")
  692.             .find("a")
  693.               .addClass("linked_button recessed_button")
  694.               .html('<img src="http://static.tumblr.com/silmimt/cK7lyhp6r/powered_by_mixpanel.png"/>');
  695.       </script>
  696.       {block:Twitter}
  697.         <div id="twitter_section" class="sidebar_item">
  698.           <div class="above_upper"></div>
  699.           <div class="upper"></div>
  700.           <div class="middle">
  701.             <div class="sidebar_text" id="latest_tweet"></div>
  702.           </div>
  703.           <div class="lower"></div>
  704.           <script type="text/javascript">
  705.             function link_urls(text) {
  706.               var regex = /[A-Za-z]+:\/\/[A-Za-z0-9-_]+\.[A-Za-z0-9-_:%&~\?\/.=]+/g;
  707.               return text.replace(regex, function(url) { return url.link(url); });
  708.             }
  709.             function recent_tweets(data) {
  710.               if (data.length > 0) {
  711.                 var latest = data[0];
  712.                 $("#latest_tweet").html(link_urls(latest.text));
  713.               }
  714.             }
  715.           </script>
  716.         </div>
  717.       {/block:Twitter}
  718.         <div class="above_upper"></div>
  719.         <div class="upper"></div>
  720.         <div class="middle">
  721.         <div class="lower"></div>
  722.       </div>
  723.     </div>
  724.     <div id="left">
  725.       <h1 id="blog_title"><a href="/">{Title}</a></h1>
  726.       <script type="text/javascript">
  727.         Cufon.replace('#blog_title a', { textShadow: '#000 0px -2px' });
  728.         Cufon.now();
  729.       </script>
  730.       <div id="blog_posts">
  731.         {block:Posts}
  732.         <div class="item {PostType}">
  733.           <div class="upper"></div>
  734.           <div class="middle">
  735.             <div class="item_content">
  736.               {block:Text}
  737.                 {block:Title}
  738.                   <div class="post_title"><a href="{Permalink}">{Title}</a></div>
  739.                 {/block:Title}
  740.                 {Body}
  741.               {/block:Text}
  742.  
  743.               {block:Photo}
  744.                 {block:Title}<div class="post_title"><a href="{Permalink}">{Title}</a></div>{/block:Title}
  745.                 {LinkOpenTag}
  746.                   <img class="photo_image" src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>
  747.                 {LinkCloseTag}
  748.                 {block:Caption}
  749.                   {Caption}
  750.                 {/block:Caption}
  751.               {/block:Photo}
  752.  
  753.               {block:Photoset}
  754.                 {Photoset-500}
  755.                 {block:Caption}
  756.                   {Caption}
  757.                 {/block:Caption}
  758.               {/block:Photoset}
  759.  
  760.               {block:Video}
  761.                 {block:Title}<div class="post_title"><a href="{Permalink}">{Title}</a></div>{/block:Title}
  762.                 <div class="rounded_gray_border large_offset video_container">
  763.                   {Video-500}
  764.                 </div>
  765.                 {block:Caption}
  766.                   {Caption}
  767.                 {/block:Caption}
  768.               {/block:Video}
  769.  
  770.               {block:Link}
  771.                 {block:Title}<div class="post_title"><a href="{Permalink}">{Title}</a></div>{/block:Title}
  772.                 <a href="{URL}" class="the_link" {Target}>
  773.                   <div class="line odd no_top_margin">
  774.                     <div class="raised_upper"></div>
  775.                     <div class="raised_middle"><span>{Name}</span></div>
  776.                     <div class="raised_lower"></div>
  777.                   </div>
  778.                 </a>
  779.                 {block:Description}{Description}{/block:Description}
  780.               {/block:Link}
  781.          
  782.               {block:Quote}
  783.                 <div class="quote_container">
  784.                   <div class="quote_box">
  785.                     <div class="quote_upper"></div>
  786.                     <div class="quote_middle">
  787.                       <div class="quote_text">&ldquo;{Quote}&rdquo;</div>
  788.                     </div>
  789.                     <div class="quote_lower"></div>
  790.                   </div>
  791.                   {block:Source}<cite>&mdash; {Source}</cite>{/block:Source}
  792.                 </div>
  793.               {/block:Quote}
  794.  
  795.               {block:Chat}
  796.                 {block:Title}<div class="post_title"><a href="{Permalink}">{Title}</a></div>{/block:Title}
  797.                 {block:Lines}
  798.                   <div class="{Alt} line">
  799.                     <div class="raised_upper"></div>
  800.                     <div class="raised_middle">
  801.                       <span>{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</span>
  802.                     </div>
  803.                     <div class="raised_lower"></div>
  804.                   </div>
  805.                 {/block:Lines}
  806.               {/block:Chat}
  807.  
  808.               {block:Audio}
  809.                 {block:AlbumArt}
  810.                   <div class="art">
  811.                     <img src="{AlbumArtURL}" width="110" height="110"/>
  812.                   </div>
  813.                 {/block:AlbumArt}
  814.                 <div class="track_info">
  815.                   {block:TrackName}<div class="track_name">{TrackName}</div>{/block:TrackName}
  816.                   {block:Artist}{block:Album}
  817.                     <div class="artist_album">
  818.                       <div class="artist_album">{Artist}/{Album}</div>
  819.                     </div>
  820.                   {/block:Album}{/block:Artist}
  821.                   <div class="artist_desc">
  822.                     {block:Caption}{Caption}{/block:Caption}
  823.                   </div>
  824.                   {AudioPlayerGrey}
  825.                 </div>
  826.                 <div style="clear: both;"></div>
  827.               {/block:Audio}
  828.  
  829.               {block:Date}
  830.                 <div class="item_footer">
  831.                   <ul class="item_buttons">
  832.                     <li>
  833.                       <a href="{Permalink}" class="item_footer_button">
  834.                         <div class="button_left"></div>
  835.                         <div class="button_middle">
  836.                           <div class="post_date">{TimeAgo}</div>
  837.                         </div>
  838.                         <div class="button_right"></div>
  839.                       </a>
  840.                     </li>
  841.                     {block:IfShowNotes}
  842.                       {block:NoteCount}
  843.                         <li>
  844.                           <a href="{Permalink}#notes" class="item_footer_button">
  845.                             <div class="button_left"></div>
  846.                             <div class="button_middle">
  847.                               <div class="num_notes">{NoteCount} notes</div>
  848.                             </div>
  849.                             <div class="button_right"></div>
  850.                           </a>
  851.                         </li>
  852.                       {/block:NoteCount}
  853.                     {/block:IfShowNotes}
  854.                     {block:IfDisqusShortname}
  855.                       <li>
  856.                         <div class="button_left"></div>
  857.                         <div class="button_middle">
  858.                           <div class="num_comments">
  859.                             <a class="dsq-comment-count item_footer_button" href="{Permalink}#disqus_thread">comments</a>
  860.                           </div>
  861.                         </div>
  862.                         <div class="button_right"></div>
  863.                       </li>
  864.                     {/block:IfDisqusShortname}
  865.                     <li class="rightmost" class="item_footer_button">
  866.                       <a class="item_footer_button" href="{ReblogURL}" target="_blank">
  867.                         <div class="button_left"></div>
  868.                         <div class="button_middle">
  869.                           <div class="share">share</div>
  870.                         </div>
  871.                         <div class="button_right"></div>
  872.                       </a>
  873.                     </li>
  874.                   </ul>
  875.                 </div>
  876.               {/block:Date}
  877.             </div>
  878.           </div>
  879.           <div class="lower"></div>
  880.         </div>
  881.         {/block:Posts}
  882.       </div>
  883.       {block:PermalinkPage}
  884.         {block:IfDisqusShortname}
  885.           <div id="disqus">
  886.             <div id="disqus_header"></div>
  887.             <div id="disqus_thread">
  888.               <noscript><a href="http://{text:Disqus Shortname}.disqus.com/?url=ref">{lang:View the discussion thread}</a></noscript>
  889.             </div>
  890.             <div id="disqus_footer"></div>
  891.           </div>
  892.         {/block:IfDisqusShortname}
  893.         {block:IfShowNotes}
  894.           {block:PostNotes}
  895.             <div id="notes">
  896.               <div id="notes_header"></div>
  897.               <div id="notes_middle">
  898.                 {PostNotes}
  899.               </div>
  900.               <div id="notes_footer"></div>
  901.             </div>
  902.           {/block:PostNotes}
  903.         {/block:IfShowNotes}
  904.       {/block:PermalinkPage}
  905.       {block:Pagination}
  906.         <div id="pagination">
  907.           {block:PreviousPage}
  908.             <a id="newer_posts" href="{PreviousPage}"></a>
  909.           {/block:PreviousPage}
  910.           {block:NextPage}
  911.             <a id="older_posts" href="{NextPage}"></a>
  912.           {/block:NextPage}
  913.           <div style="clear:both"></div>
  914.         </div>
  915.       {/block:Pagination}
  916.     </div>
  917.   </div>
  918.   <script type="text/javascript">
  919.     if (window.PIE) {
  920.       $("iframe").attr('allowtransparency',true);
  921.       $(".audio_player").each(function(i,e) { PIE.attach(e); });
  922.       $(".rounded_gray_border").each(function(i,e) { PIE.attach(e); });
  923.     }
  924.   </script>
  925.   <script type="text/javascript">
  926.     $('.photo_image').each(function(){
  927.       var self = this;
  928.       $(self).bind('load', function() {
  929.         var width = self.clientWidth;
  930.         if ($(self).width() > 400) {
  931.           $(self)
  932.             .attr('width',597)
  933.             .css('max-width',597)
  934.             .addClass("rounded_gray_border large_offset");
  935.           if (window.PIE) {
  936.             PIE.attach(self);
  937.           }
  938.         }
  939.       });
  940.     });
  941.     $(".item_content img").not(".photo_image").each(function() {
  942.       var self = this;
  943.       $(self).bind('load', function() {
  944.         var maxWidth = $(self).parent().width();
  945.         if ($(self).width() > maxWidth) {
  946.           $(self).attr('width', maxWidth);
  947.         }
  948.       });
  949.     });
  950.     $("iframe.photoset").each(function() {
  951.       var src = $(this).attr('src').replace(/\/500$/, '/577');
  952.       $(this).attr('src', src).css('width',577);
  953.     });
  954.   </script>
  955.   {block:IfDisqusShortname}
  956.     {block:PermalinkPage}
  957.       <script type="text/javascript">
  958.         var disqus_url = "{Permalink}";
  959.         var disqus_title ="{block:PostTitle}{PostTitle}{/block:PostTitle}";
  960.         if (disqus_url.length == 0) {
  961.           document.getElementById('disqus').style.display = 'none';
  962.         }
  963.       </script>
  964.       <script type="text/javascript" src="http://{text:Disqus Shortname}.disqus.com/embed.js"></script>
  965.     {/block:PermalinkPage}
  966.     <script type="text/javascript">
  967.       var disqus_shortname = '{text:Disqus Shortname}';
  968.       (function () {
  969.         var s = document.createElement('script'); s.async = true;
  970.         s.src = 'http://{text:Disqus Shortname}.disqus.com/count.js';
  971.         (document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
  972.       }());
  973.     </script>
  974.     {/block:IfDisqusShortname}
  975.   {block:IfGoogleAnalyticsID}
  976.     <script type="text/javascript">
  977.       var _gaq = _gaq || [];
  978.       _gaq.push(['_setAccount', '{text:Google Analytics ID}']);
  979.       _gaq.push(['_trackPageview']);
  980.       (function() {
  981.           var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  982.           ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  983.           var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  984.       })();
  985.     </script>
  986.   {/block:IfGoogleAnalyticsID}
  987.   <script type="text/javascript">
  988.     var mpq = [];
  989.     mpq.push(["init", "6cf95e12c61200943a5c574cb0c71629"]);
  990.     (function(){var b,a,e,d,c;b=document.createElement("script");b.type="text/javascript";
  991.     b.async=true;b.src=(document.location.protocol==="https:"?"https:":"http:")+
  992.     "//api.mixpanel.com/site_media/js/api/mixpanel.js";a=document.getElementsByTagName("script")[0];
  993.     a.parentNode.insertBefore(b,a);e=function(f){return function(){mpq.push(
  994.     [f].concat(Array.prototype.slice.call(arguments,0)))}};d=["init","track","track_links",
  995.     "track_forms","register","register_once","identify","name_tag","set_config"];for(c=0;c<
  996.    d.length;c++){mpq[d[c]]=e(d[c])}})();
  997.    $('#want').click(function() {
  998.      mpq.track('Want Click', {'theme': 'Dimension'});
  999.    });
  1000.  </script>
  1001.   {block:Twitter}
  1002.     <script type="text/javascript" src="/tweets.js"></script>
  1003.   {/block:Twitter}
  1004.    
  1005. </body>
  1006. <footer>
  1007. <div id = adBanner>
  1008.   <script type="text/javascript"><!--
  1009. google_ad_client = "ca-pub-5835591853633636";
  1010. /* Tumblr Banner */
  1011. google_ad_slot = "2987074208";
  1012. google_ad_width = 468;
  1013. google_ad_height = 60;
  1014. //-->
  1015. </script>
  1016. <script type="text/javascript"
  1017. src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
  1018. </script>
  1019.   </div>
  1020. </footer>
  1021. </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!