API tools faq
paste
Advertisement
Gazlan

Tumblr Seattle

Gazlan
Oct 18th, 2014
243
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 24.87 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <head>
  6.   <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  7.   <meta name="color:Text" content="#333333"/>
  8.   <meta name="color:Headings" content="#555555"/>
  9.   <meta name="color:Minor Text" content="#777777"/>
  10.   <meta name="color:Text Shadow" content="#FFFFFF"/>
  11.   <meta name="color:Page Background" content="#DDDDDD"/>
  12.   <meta name="color:Shadows" content="#888888"/>
  13.   <meta name="color:Link" content="#4E66B4"/>
  14.   <meta name="color:Hover Link" content="#C0C0C0"/>
  15.   <meta name="color:Secondary Link" content="#555555"/>
  16.   <meta name="color:Secondary Hover Link" content="#999999"/>
  17.  
  18.  
  19.   <meta name="font:Heading" content="Helvetica Neue, Helvetica"/>
  20.  
  21.   <meta name="if:Show Avatar" content="1" />
  22.  
  23.   <meta name="if: Rotate Avatar On Hover" content="0" />
  24.  
  25.   <meta name="if: Raise Avatar On Hover" content="1" />
  26.  
  27.   <meta name="if:Textured Background" content="1" />
  28.  
  29.   <meta name="if:Text Shadow" content="1" />
  30.  
  31.   <meta name="if:Show Tags" content="1" />
  32.  
  33.   <meta name="if:Show Time Posted" content="1" />
  34.  
  35.   <meta name="if:Show Note Count" content="1" />
  36.  
  37.   <meta name="if:Curved Top" content="1" />
  38.  
  39.   <meta name="if:Show Tumblinks" content="1" />
  40.  
  41.   <meta name="if:Show Social Icons" content="0" />
  42.  
  43.   <meta name="if:Show Facebook Icon" content="0" />
  44.   <meta name="text:Facebook Link" content="" />
  45.  
  46.   <meta name="if:Show Twitter Icon" content="0" />
  47.   <meta name="text:Twitter Username" content="" />
  48.  
  49.   <meta name="if:Show Flickr Icon" content="0" />
  50.   <meta name="text:Flickr Username" content="" />
  51.  
  52.   <meta name="if:Show YouTube Icon" content="0" />
  53.   <meta name="text:YouTube Username" content="" />
  54.  
  55.   <meta name="if:Show Vimeo Icon" content="0" />
  56.   <meta name="text:Vimeo Username" content="" />
  57.  
  58.   <meta name="if:Show Latest Tweet" content="0" />
  59.  
  60.   <meta name="if:Infinite Scroll" content="0" />
  61.  
  62.  
  63.  
  64.   <title>{Title}{block:PostSummary}: {PostSummary}{/block:PostSummary}</title>
  65.   {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
  66.  
  67.   <link rel="shortcut icon" href="{Favicon}"/>
  68.   <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/>
  69.  
  70.  
  71. <style type="text/css">
  72. body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,dl,dt,dd,ul,ol,li,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0;}
  73. html{font-size:13px;}
  74. table{border-collapse:collapse;border-spacing:0;}
  75. fieldset,img{border:0;}
  76. caption,cite,code,dfn,th,var{font-style:normal;font-weight:200;}
  77. abbr,acronym{border:0;}
  78.  
  79. body {
  80.         background:{color:Page Background};
  81.         color:{color:Text};
  82.         font-size:12px;
  83.         font-family:Lucida Grande;
  84.         margin:0;
  85. }
  86.  
  87. {block:ifTexturedBackground}
  88.  
  89. body {
  90.         background-image:url(http://static.tumblr.com/qxaauuk/Hj3lgwftn/seattlebg.png);
  91.         background-repeat:repeat;
  92. }
  93.  
  94. {/block:ifTexturedBackground}
  95.  
  96. h1, h3 {font-family:{font:Heading}; font-weight:bold; font-size:24px; margin:0 0 40px 0}
  97.  
  98. pre,code {font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;}
  99.  
  100. a:link, a:visited {color:{color:Link}; text-decoration:none;}
  101. a:hover, a:active {
  102. color:{color:Hover Link};
  103. -webkit-transition: color .25s linear;
  104.         transition: color .25s linear;
  105. }
  106.  
  107.  
  108. #container {margin:90px auto 0 auto; padding-bottom:0px; padding-left:350px; width:580px; position:relative;}
  109.  
  110. #posts {font-size:12px; line-height:18px; font-weight:200;}
  111. #posts .post {background-color:#fff; list-style:none; margin:0 0 60px 0; padding:40px; width:500px; clear:both; position:relative;
  112. -o-box-shadow: 0px 2px 3px {color:Shadows};
  113. -icab-box-shadow: 0px 2px 3px {color:Shadows};
  114. -khtml-box-shadow: 0px 2px 3px {color:Shadows};
  115. -moz-box-shadow: 0px 2px 3px {color:Shadows};
  116. -webkit-box-shadow: 0px 2px 3px {color:Shadows};
  117. box-shadow: 0px 2px 3px {color:Shadows};
  118. }
  119. #posts .content {color:{color:Text}; padding:0; margin:0;}
  120.  
  121.  
  122.  
  123. {block:ifCurvedTop}
  124.  
  125. #posts .post:before {
  126.         content:"";
  127.         width:580px;
  128.         height:20px;
  129.         background-image:url(http://static.tumblr.com/qxaauuk/7p8lgwhoq/toppost.png);
  130.         background-repeat:no-repeat;
  131.         position:absolute;
  132.         top:-18px;
  133.         left:0;
  134. }
  135.  
  136. {/block:ifCurvedTop}
  137.  
  138.  
  139.  
  140. .themeinfo {
  141.         margin:80px 0 24px 0;
  142.         font-size:9px;
  143.         line-height:15px;
  144.         color:#999;
  145.     text-align:right;
  146. }
  147.  
  148. .themeinfo a:link, .themeinfo a:visited, .themeinfo a:active {color:{color:Secondary Link}; text-decoration:none;}
  149. .themeinfo a:hover {
  150. color:{color:Secondary Hover Link};
  151. -webkit-transition: color .25s linear;
  152. transition: color .25s linear;}
  153.  
  154.  
  155. #userbox {
  156.         position:absolute;
  157.         top:0px;
  158.         left:0px;
  159.         margin:0;
  160.         width:290px;
  161.         padding:0;
  162.         color:{color:Minor Text};
  163.     text-align:right;
  164.         line-height:18px;
  165. }
  166.  
  167. {block:ifTextShadow}
  168. #userbox {text-shadow:0px 1px 1px {color:Text Shadow};}
  169. {/block:ifTextShadow}
  170.  
  171.  
  172. #userbox a{
  173.         color:{color:Secondary Link};
  174. }
  175.  
  176. #userbox a:hover{
  177.         color:{color:Secondary Hover Link};
  178.         -webkit-transition: color .25s linear;
  179.         transition: color .25s linear;
  180. }
  181.  
  182.  
  183.  
  184. #pagination p {
  185.         font-size:18px;
  186.         min-width:40px;
  187.         line-height:18px;
  188.         margin:30px 0;
  189.         white-space:nowrap;
  190.         color:{color:Headings};
  191. }
  192.  
  193. {block:ifTextShadow}
  194. #pagination p {text-shadow:0px 1px 1px {color:Text Shadow};}
  195. {/block:ifTextShadow}
  196.  
  197. #pagination p.next {
  198.         display:inline;
  199.         text-align:right;  
  200.         float:right;
  201.         margin:-8px 40px 0 0;
  202.         padding:8px 40px 8px 30px;
  203. }
  204. #pagination p.prev {
  205.         display:inline;
  206.         float:left;
  207.         margin:-8px 0 0 40px;
  208.         padding:8px 30px 8px 40px;
  209. }
  210. #pagination a {color:{color:Secondary Link}; font-weight:bold;}
  211. #pagination a:hover {
  212.         color:{color:Secondary Hover Link};
  213.         font-weight:bold;
  214.         -webkit-transition: all .25s linear;
  215.         transition: all .25s linear;
  216. }
  217. #pagination .page {
  218.         text-align:center;
  219.         font-size:18px;
  220.         font-weight:bold;
  221.         font-family:"Helvetica Neue";
  222.         margin:30px 0 60px 0;
  223.         text-transform:lowercase;
  224.         color:{color:Headings};
  225. }
  226.  
  227. {block:ifTextShadow}
  228. #pagination .page {text-shadow:0px 1px 1px {color:Text Shadow};}
  229. {/block:ifTextShadow}
  230.  
  231.  
  232. p {margin-bottom:20px;}
  233. form .submit {height:0; overflow:hidden; display:block;}
  234.  
  235.  
  236.  
  237. .content a {}
  238. .content a:hover {}
  239. .content .photo a {border:none !important;}
  240. .content ul, .content ol {margin:20px;}
  241. .content ul li {list-style:none;}
  242.  
  243. blockquote {margin:0 20px 20px; font-style:italic;}
  244. blockquote i, blockquote em, blockquote [lang="ja"] {font-style:normal;}
  245. pre, code {font-size:11px; line-height:12px;}
  246. pre {background:#e1e1e1; margin:15px; padding:10px;
  247.      overflow-x:auto;}
  248. pre code {display:block;}
  249. pre i, code i {font-style:normal; color:{color:Minor Text};}
  250.  
  251. ins {text-decoration:none; font-style:italic;}
  252. blockquote ins, em ins, ins em {font-style:normal;}
  253.  
  254. abbr, acronym, .caps {font-size:13px; letter-spacing:0.1em; word-spacing:0.1em;}
  255. abbr, acronym {text-transform:uppercase;}
  256. .caps {text-transform:uppercase;}
  257.  
  258.  
  259. .text, .caption {margin-bottom:20px;}
  260. .post img, .post object, .post embed {max-width:100%;}
  261.  
  262. .link-post h3 {padding:0; font-size:24px; margin-bottom:40px; font-weight:bold;}
  263.  
  264. .photo-post .photo, .video-post .video {margin-bottom:20px;}
  265.  
  266. .quote-post .quote {font-family:Lucida Grande; font-weight:200; margin-top:20px;}
  267. .quote-post .source, .cite
  268.   {float:right; margin:0 40px 20px 50px; text-indent:-1.5em; font-weight:300;}
  269. .quote-post .source a:first-child, .cite
  270.   {letter-spacing:0;}
  271. .short-quote .quote, .medium-quote .quote
  272.   {font-size:13px; line-height:16px; margin:20px 40px 20px 0;}
  273. .long-quote .quote {margin:20px;}
  274.  
  275. .audio-post .audio {height:30px;}
  276. .audio-post .audio_player {width:auto; margin:0; display:inline-block;}
  277.  
  278. .chat-post ol {list-style:none; margin:20px 0;}
  279. .chat-post li {margin-left:1.5em; text-indent:-1.5em;}
  280. .chat-post .label {font-weight:200; padding-right:0.125em;}
  281. .chat-post .speaker {font-style:italic;}
  282. .chat-post .speaker2 .label, .chat-post .speaker4 .label,
  283.   .chat-post .speaker6 .label, .chat-post .speaker8 .label
  284.     {color:{color:Minor Text};}
  285. .chat-post .speaker3 .label, .chat-post .speaker4 .label,
  286.   .chat-post .speaker7 .label, .chat-post .speaker8 .label
  287.     {text-transform:uppercase; letter-spacing:0.1em;}
  288. .chat-post .speaker5 .label, .chat-post .speaker6 .label,
  289.   .chat-post .speaker7 .label, .chat-post .speaker8 .label
  290.     {font-family:{font:Heading};}
  291.  
  292. .answer-post {font-family:Lucida Grande; margin:0;}
  293.  
  294. .audioarea {
  295.         background:#eeeeee;
  296.         padding:20px 20px 25px 20px;
  297.         margin:0 0 20px 0;
  298.         position:relative;
  299. }
  300.  
  301. {block:AlbumArt}
  302. .audioarea {height:165px;}
  303. {/block:AlbumArt}
  304.  
  305.  
  306. .playcount {
  307.         background:#eeeeee;
  308.         top:0px;
  309.         left:48px;
  310.         width:220px;
  311.         height:30px;
  312.         padding:24px 0 0 20px;
  313.         margin:0;
  314.         position:absolute;
  315.         z-index:100;
  316. }
  317.  
  318. .audioalbumart {position:absolute; top:20px; right:20px; margin:0 0 20px 20px; width:170px; height:170px;}
  319.  
  320. .albumcover {
  321.         width:150px;
  322.         border:10px solid #fff;
  323.         -o-box-shadow: 0px 2px 3px {color:Shadows};
  324.         -icab-box-shadow: 0px 2px 3px {color:Shadows};
  325.         -khtml-box-shadow: 0px 2px 3px {color:Shadows};
  326.         -moz-box-shadow: 0px 2px 3px {color:Shadows};
  327.         -webkit-box-shadow: 0px 2px 3px {color:Shadows};
  328.         box-shadow: 0px 2px 3px {color:Shadows};
  329. }
  330.  
  331. .audioartist, .audiotrack, .audioalbum {
  332.         background-color:#fff;
  333.     width: 250px;
  334.         height: 30px;
  335.         line-height:30px;
  336.         overflow:hidden;
  337.         padding:0 8px;
  338.         margin:16px 0 0 0;
  339.         -o-box-shadow: 0px 2px 3px {color:Shadows};
  340.         -icab-box-shadow: 0px 2px 3px {color:Shadows};
  341.         -khtml-box-shadow: 0px 2px 3px {color:Shadows};
  342.         -moz-box-shadow: 0px 2px 3px {color:Shadows};
  343.         -webkit-box-shadow: 0px 2px 3px {color:Shadows};
  344.         box-shadow: 0px 2px 3px {color:Shadows};
  345. }
  346.  
  347.  
  348. .questionbubble {
  349.         position:relative;
  350.     padding:20px;
  351.     margin:0 0 40px 0;
  352.     color:#555;
  353.     background:#eeeeee;
  354.     -moz-border-radius:40px;
  355.     -webkit-border-radius:40px;
  356.     border-radius:40px;
  357. }
  358.  
  359. {block:ifTextShadow}
  360. #questionbubble {text-shadow:0px 1px 1px {color:Text Shadow};}
  361. {/block:ifTextShadow}
  362.  
  363.  
  364. .questionbubble:after {
  365.     content:"";
  366.     display:block; /* reduce the damage in FF3.0 */
  367.     position:absolute;
  368.     bottom:-15px; /* value = - border-top-width - border-bottom-width */
  369.     right:58px; /* controls horizontal position */
  370.     width:0;
  371.     height:0;
  372.     border-width:15px 15px 0; /* vary these values to change the angle of the vertex */
  373.     border-style:solid;
  374.     border-color:#eeeeee transparent;
  375. }
  376.  
  377. .question {
  378.         font-size:18px;
  379.         line-height:18px;
  380.         font-weight:bold;
  381.         margin:20px 0;
  382.         padding:0 20px;
  383.         color:{color:Headings};
  384. }
  385.  
  386. {block:ifTextShadow}
  387. #question {text-shadow:0px 1px 1px {color:Text Shadow};}
  388. {/block:ifTextShadow}
  389.  
  390. .askedby {
  391.         font-size:12px;
  392.         line-height:18px;
  393.         font-weight:normal;
  394.         margin:0 52px 20px 0;
  395.         padding:0;
  396.         color:{color:Text};
  397.         float:right;
  398.         text-align:right;
  399. }
  400.  
  401. .answerer {
  402.         font-size:12px;
  403.         line-height:18px;
  404.         font-weight:normal;
  405.         margin:20px 0 10px 0;
  406.         padding:0;
  407.         color:{color:Text};
  408.         clear:both;
  409. }
  410. .answer {
  411.         font-size:12px;
  412.         line-height:18px;
  413.         font-weight:normal;
  414.         margin:20px 0;
  415.         padding:0;
  416.         color:{color:Text};
  417. }
  418.  
  419. #postfooter {
  420.         width:500px;
  421.         padding:40px 0 0 0;
  422. }
  423.  
  424. #postfooterleft {
  425.         width:155px;
  426.         padding:0;
  427.         float:left;
  428. }
  429.  
  430. #postlikes {
  431.         width:500px;
  432.         padding:20px 0 0 0;
  433.         font-family: Lucida Grande;
  434.     font-size: 11px;
  435. }
  436.  
  437. .tags {
  438.     font-family: Lucida Grande;
  439.     font-size: 11px;
  440.         width:320px;
  441.         text-align:right;
  442.         margin:0;
  443.         float:right;
  444. }
  445.  
  446. .tags a {
  447.         background-color:#ccc;
  448.         color:#fff;
  449.         margin:0 0 5px 0;
  450.         padding:0 8px;
  451.         border-radius: 8px;
  452.         -moz-border-radius: 8px;
  453.         -webkit-border-radius: 8px;
  454.         display:inline-block;
  455.         text-overflow: ellipsis;
  456.         overflow: hidden;
  457. }
  458. .tags a:hover {
  459.         background-color:#fff;
  460.         color:#ccc;
  461.         -webkit-transition: all .25s linear;
  462.         transition: all .25s linear;
  463. }
  464.  
  465. .notes, .reblogs {
  466.         font-family: Lucida Grande;
  467.     font-size: 11px;
  468.         text-align:left;
  469.         width:150px;
  470. }
  471.  
  472. .date {
  473.     font-family: Lucida Grande;
  474.     font-size: 11px;
  475.         width:150px;
  476.         margin:0;
  477. }
  478.  
  479. .blogtitle {
  480.         color:{color:Headings};
  481.         font-family:Helvetica Neue;
  482.         font-weight:bold;
  483.         font-size:18px;
  484.         margin:60px 0 24px 0;
  485. }
  486.  
  487. .sidebartitle {
  488.         color:{color:Headings};
  489.         font-family:Helvetica Neue;
  490.         font-weight:bold;
  491.         font-size:18px;
  492.         margin:60px 0 24px 0;
  493.         text-transform:lowercase;
  494. }
  495.  
  496. .avatar {
  497.         border:10px solid #fff;
  498.         -o-box-shadow: 0px 2px 3px {color:Shadows};
  499.         -icab-box-shadow: 0px 2px 3px {color:Shadows};
  500.         -khtml-box-shadow: 0px 2px 3px {color:Shadows};
  501.         -moz-box-shadow: 0px 2px 3px {color:Shadows};
  502.         -webkit-box-shadow: 0px 2px 3px {color:Shadows};
  503.         box-shadow: 0px 2px 3px {color:Shadows};
  504. }
  505. .avatar:hover {
  506.         -webkit-transition: all .25s ease-in;
  507.         transition: all .25s ease-in;      
  508. }
  509.  
  510.  
  511. {block:ifRotateAvatarOnHover}
  512. .avatar:hover {
  513.        -webkit-transform: rotate(-5deg);
  514.        -moz-transform: rotate(-5deg);
  515.        rotation: -5deg;
  516.        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  517. }
  518. {/block:ifRotateAvatarOnHover}
  519.  
  520.  
  521. {block:ifRaiseAvatarOnHover}
  522. .avatar:hover {
  523.        margin:-5px 0 5px 0;
  524. }
  525. {/block:ifRaiseAvatarOnHover}
  526.  
  527.  
  528.  
  529. .multi {font-size:12px; line-height:18px;}
  530.  
  531.  
  532. .content.text-post img {
  533. max-width: 100%;
  534. }
  535.  
  536. .icons {margin: 0 0 0 15px; opacity:1.0;}
  537.  
  538. .blogicons {width:16px; margin:0 10px 0 0; padding: 0; vertical-align:middle; border:none;}
  539.  
  540. .answericon {width:24px; margin:0 10px; padding: 0; vertical-align:middle; border:none;}
  541.  
  542. .icons:hover {
  543. opacity:0.7;
  544. -webkit-transition: opacity .25s linear;
  545. transition: opacity .25s linear;
  546. }
  547.  
  548. .formcenter {margin:0 auto;}
  549.  
  550. .clear {clear:both; height:1px;}
  551.  
  552.  
  553.  
  554. #twitter {
  555.     display: none;
  556.         margin:0;
  557.     padding:0;
  558.         color: #777;
  559.         text-align:right;
  560. }
  561.  
  562. {block:ifTextShadow}
  563. #twitter {text-shadow:0px 1px 1px {color:Text Shadow};}
  564. {/block:ifTextShadow}
  565.  
  566. #tweets {
  567.     margin: 15px 0 0 0;
  568.     color: #777;
  569.         text-align:right;
  570.         font-size:12px;
  571.         line-height:18px;
  572.         list-style-type: none;
  573. }
  574. #tweets a {
  575.     color: {color:Secondary Link};
  576. }
  577. #tweets a:hover {
  578.     color: {color:Secondary Hover Link};
  579. }
  580.  
  581.  
  582.  
  583. .search-footer {
  584.         float:right;
  585.     text-align: right;
  586.         font-weight:bold;
  587.     width: 235px;
  588.     margin: 0 0 20px 0;
  589. }
  590.  
  591. .search-query {
  592.         display: inline-block !important;
  593.     margin: 0 !important;
  594.     border: none !important;
  595.     font: 18px Helvetica Neue !important;
  596.         font-weight:bold;
  597.     color: #333333;
  598.     background-color:#fff;
  599.     width: 150px;
  600.         padding:5px 8px;
  601.         -o-box-shadow: 0px 2px 3px {color:Shadows};
  602.         -icab-box-shadow: 0px 2px 3px {color:Shadows};
  603.         -khtml-box-shadow: 0px 2px 3px {color:Shadows};
  604.         -moz-box-shadow: 0px 2px 3px {color:Shadows};
  605.         -webkit-box-shadow: 0px 2px 3px {color:Shadows};
  606.         box-shadow: 0px 2px 3px {color:Shadows};
  607. }
  608. .search-query:focus {
  609.     color: #333333;
  610.     background-color:#FFFFFF;
  611. }
  612.  
  613.  
  614.  
  615. {CustomCSS}
  616.   </style>
  617.  
  618. {block:ifInfiniteScroll}
  619.  
  620. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/mFbkoqlkr/tumblrautopager.js"></script>
  621.  
  622. {/block:ifInfiniteScroll}
  623.  
  624.  
  625. </head>
  626. <body>
  627.  
  628.  
  629.  
  630. <div id="container">
  631.  
  632.  
  633.  
  634.  
  635.  
  636. <div id="userbox">
  637.  
  638. {block:ifShowAvatar}
  639.  
  640. <p>
  641. <a href="/"><img class="avatar" src="{PortraitURL-128}"></a>
  642. </p>
  643.  
  644. {/block:ifShowAvatar}
  645.  
  646. <p class="blogtitle">{Title}</p>
  647.  
  648.  
  649.   {block:Description}
  650.     {Description}
  651.   {/block:Description}
  652.  
  653.  
  654.  
  655.  
  656.  
  657. {block:HasPages}
  658.  
  659. <p class="sidebartitle">pages</p>
  660.  
  661. {block:Pages}
  662.  
  663. <a class="multi" href="{URL}">{Label}</a><br />
  664.  
  665. {/block:Pages}
  666.  
  667. {/block:HasPages}
  668.  
  669.  
  670.  
  671. {block:ifShowSocialIcons}
  672.  
  673. <p class="sidebartitle">links</p>
  674.  
  675. <p>
  676.  
  677. {block:ifShowFacebookIcon}
  678. <a href="{text:Facebook Link}" title="facebook"><img class="icons" src="http://static.tumblr.com/qxaauuk/PGKlgwln0/facebookdark.png" width="32px"></a>
  679. {/block:ifShowFacebookIcon}
  680. {block:ifShowTwitterIcon}
  681. <a href="http://twitter.com/{text:Twitter Username}" title="twitter"><img class="icons" src="http://static.tumblr.com/qxaauuk/ssUlgwlo1/twitterdark.png" width="32px"></a>
  682. {/block:ifShowTwitterIcon}
  683. {block:ifShowFlickrIcon}
  684. <a href="http://flickr.com/photos/{text:Flickr Username}" title="flickr"><img class="icons" src="http://static.tumblr.com/qxaauuk/6Fnlgwlol/flickrdark.png" width="32px"></a>
  685. {/block:ifShowFlickrIcon}
  686. {block:ifShowYouTubeIcon}
  687. <a href="http://youtube.com/user/{text:YouTube Username}" title="youtube"><img class="icons" src="http://static.tumblr.com/qxaauuk/L9nlgwlpa/youtubedark.png" width="32px"></a>
  688. {/block:ifShowYouTubeIcon}
  689. {block:ifShowVimeoIcon}
  690. <a href="http://vimeo.com/{text:Vimeo Username}" title="vimeo"><img class="icons" src="http://static.tumblr.com/qxaauuk/8Hvlgwlpx/vimeodark.png" width="32px"></a>
  691. {/block:ifShowVimeoIcon}
  692.  
  693. </p>
  694.  
  695. {/block:ifShowSocialIcons}
  696.  
  697.  
  698.  
  699.  
  700. {block:ifShowTumblinks}
  701.  
  702. <p class="sidebartitle">tumblinks</p>
  703.  
  704.  
  705. <p>
  706.  
  707. <a href="/random" title="random"><img class="icons" src="http://static.tumblr.com/qxaauuk/qkllgweqi/appdark.png" width="32px"></a>
  708. <a href="{RSS}" title="rss"><img class="icons" src="http://static.tumblr.com/qxaauuk/Dzqlgwepm/wifidark.png" width="32px"></a>
  709. {block:AskEnabled}
  710. <a href="/ask" title="ask me anything"><img class="icons" src="http://static.tumblr.com/qxaauuk/MAQlgwgh2/planedark.png" width="32px"></a>
  711. {/block:AskEnabled}
  712. <a href="/archive" title="archive"><img class="icons" src="http://static.tumblr.com/qxaauuk/VHelgwe4m/calendardark.png" width="32px"></a>
  713.  
  714. </p>
  715.  
  716.  
  717. {/block:ifShowTumblinks}
  718.  
  719.  
  720.  
  721.  
  722. {block:ifShowLatestTweet}
  723. {block:Twitter}
  724.    
  725. <div id="twitter" style="display:none;">
  726.  
  727. <p class="sidebartitle"><a href="http://twitter.com/{text:Twitter Username}" title="@{text:Twitter Username}">@{text:Twitter Username}</a></p>
  728.            
  729.  
  730. <div id="tweets">
  731. <!-- end #tweets --></div>  
  732.      
  733. <!-- end #twitter --></div>
  734.  
  735. <script type="text/javascript">
  736. function recent_tweets(data) {
  737.     for (i=0; i<1; i++) {
  738.         document.getElementById("tweets").innerHTML =
  739.         document.getElementById("tweets").innerHTML + '<li>' + data[i].text;
  740.     }
  741.     document.getElementById("twitter").style.display = 'block';
  742. }
  743. </script>
  744.  
  745.    
  746. {/block:Twitter}
  747. {/block:ifShowLatestTweet}
  748.  
  749.  
  750.  
  751.  
  752.  
  753. <p class="sidebartitle">search</p>
  754.  
  755. <p>
  756. <form class="search-footer" action="/search" method="get"><input class="search-query" type="text" name="q" value=""></form>
  757. </p>
  758.  
  759.  
  760.  
  761.  
  762. <p class="themeinfo">
  763.  
  764.   powered by <a href="http://www.tumblr.com/">tumblr</a><br>
  765.  <a href="http://www.tumblr.com/theme/26799">seattle theme</a> by <a href="http://parkerehret.com/">parker ehret</a>
  766.  
  767. </p>
  768.  
  769.  
  770.  
  771.  
  772. </div>
  773.  
  774.  
  775.  
  776.  
  777.  
  778.  
  779.  
  780.  
  781.  
  782. <ol id="posts">
  783. {block:Posts}
  784.   <li class="post" id="post{PostID}">
  785.  
  786.  
  787.     {block:Text}
  788.     <div class="content text-post">
  789.       {block:Title}<h3>{Title}</h3>{/block:Title}
  790.  
  791.       <div class="text">{Body}</div>
  792.     </div>
  793.     {/block:Text}
  794.  
  795.  
  796.  
  797.     {block:Photo}
  798.  
  799.     <div class="content photo-post">
  800.       <div class="photo">
  801.         {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
  802.       </div>
  803.  
  804.       {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  805.     </div>
  806.     {/block:Photo}
  807.  
  808.  
  809.  
  810.     {block:Quote}
  811.  
  812.     <div class="content quote-post {Length}-quote">
  813.       <blockquote class="quote">"{Quote}"</blockquote>
  814.  
  815.       {block:Source}<div class="source">&mdash;&#8194;{Source}</div>{/block:Source}
  816.     </div>
  817.     {/block:Quote}
  818.  
  819.  
  820.  
  821.     {block:Link}
  822.  
  823.     <div class="content link-post">
  824.       <h3 class="link"><a href="{URL}">{Name}</a></h3>
  825.  
  826.       {block:Description}<div class="caption">{Description}</div>{/block:Description}
  827.     </div>
  828.     {/block:Link}
  829.  
  830.  
  831.  
  832.     {block:Chat}
  833.  
  834.     <div class="content chat-post">
  835.       {block:Title}<h3>{Title}</h3>{/block:Title}
  836.  
  837.       <ol class="chat">
  838.         {block:Lines}<li class="{Alt} speaker{UserNumber}">
  839.           {block:Label}<span class="label">{Label}</span>{/block:Label}
  840.           <span class="line">{Line}</span>
  841.         </li>{/block:Lines}
  842.       </ol>
  843.     </div>
  844.     {/block:Chat}
  845.  
  846.  
  847.  
  848.     {block:Video}
  849.  
  850.     <div class="content video-post">
  851.       <div class="video">{Video-500}</div>
  852.  
  853.       {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  854.     </div>
  855.     {/block:Video}
  856.  
  857.  
  858.  
  859.     {block:Audio}
  860.    
  861.   <div class="content audio-post">
  862.   <div class="audioarea">
  863.  
  864. <div class="playcount">{FormattedPlayCount} plays</div>
  865.  
  866. {block:AlbumArt}
  867. <div class="audioalbumart">
  868. <img class="albumcover" src="{AlbumArtURL}">
  869. </div>
  870. {/block:AlbumArt}
  871.  
  872. <div class="audio">{AudioPlayerWhite}</div>
  873.  
  874. {block:Artist}
  875. <div class="audioartist">
  876. {Artist}
  877. </div>
  878. {/block:Artist}
  879.  
  880. {block:TrackName}
  881. <div class="audiotrack">
  882. {TrackName}
  883. </div>
  884. {/block:TrackName}
  885.  
  886. {block:Album}
  887. <div class="audioalbum">
  888. {Album}
  889. </div>
  890. {/block:Album}
  891.  
  892.  
  893.   </div>
  894.  
  895. {block:Caption}
  896. <div class="caption">{Caption}</div>
  897. {/block:Caption}
  898.    
  899.   </div>
  900.     {/block:Audio}
  901.  
  902.  
  903.  
  904. {block:Answer}
  905.  
  906.     <div class="content answer-post">
  907.  
  908.       <div class="questionbubble">
  909.       <div class="question">
  910.       {Question}
  911.       </div>
  912.       </div>
  913.       <div class="askedby">
  914.       asked by {Asker} <img class="answericon" src="{AskerPortraitURL-24}">
  915.       </div>
  916.       <div class="answerer">
  917.       {block:ifShowAvatar}
  918.       <img class="answericon" src="{PortraitURL-24}">
  919.       {/block:ifShowAvatar} answer:
  920.       </div>
  921.       <div class="answer">
  922.       {Answer}
  923.       </div>
  924.  
  925.     </div>
  926.     {/block:Answer}
  927.  
  928.  
  929.  
  930. <div class="clear">&nbsp;</div>
  931.  
  932.  
  933. <div id="postfooter">
  934.  
  935. {block:ifShowTags}
  936.  
  937. {block:HasTags}
  938. <div class="tags">
  939. <img class="blogicons" src="http://static.tumblr.com/qxaauuk/rwClgxmhe/tag.png"> {block:Tags}&nbsp;<a href="{TagURL}">{Tag}</a>&nbsp;{/block:Tags}
  940. </div>
  941. {/block:HasTags}
  942.  
  943. {/block:ifShowTags}
  944.  
  945.  
  946. <div id="postfooterleft">
  947.  
  948. {block:ifShowTimePosted}
  949.  
  950. {block:Date}
  951. <div class="date">
  952. <a href="{Permalink}"><img class="blogicons" src="http://static.tumblr.com/qxaauuk/kDflgxmgr/attach.png"></a> <a title="posts from this date" href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}">{TimeAgo}</a>
  953. </div>
  954. {/block:Date}
  955.  
  956. {/block:ifShowTimePosted}
  957.  
  958.  
  959. <div class="reblogs">
  960. {block:RebloggedFrom}
  961. <a href="{ReblogRootURL}"><img class="blogicons" src="http://static.tumblr.com/qxaauuk/7dalgxmdu/bulb.png"></a> <a href="{ReblogRootURL}">{ReblogParentName}</a>
  962. {/block:RebloggedFrom}
  963. </div>
  964.  
  965.  
  966. {block:ifShowNoteCount}
  967. <div class="notes">
  968. {block:NoteCount}
  969. <a href="{Permalink}"><img class="blogicons" src="http://static.tumblr.com/qxaauuk/Hkhlgxm9d/heart.png"></a> <a href="{Permalink}">{NoteCount}</a>
  970. {/block:NoteCount}
  971. </div>
  972. {/block:ifShowNoteCount}
  973.  
  974. </div>
  975.  
  976.  
  977.  
  978. </div>
  979.  
  980.  
  981. <div class="clear">&nbsp;</div>
  982.  
  983. {block:PostNotes}
  984. {PostNotes}
  985. {/block:PostNotes}
  986.  
  987.  
  988.   </li>
  989.  
  990. {/block:Posts}
  991.      
  992. </ol>
  993.  
  994.  
  995.  
  996. <div id="pagination">
  997.  
  998.   {block:Pagination}
  999.     <p class="next">&nbsp;{block:NextPage}
  1000.       <a href="{NextPage}">next</a>
  1001.     {/block:NextPage}</p>
  1002.     <p class="prev">{block:PreviousPage}
  1003.       <a href="{PreviousPage}">prev</a>
  1004.     {/block:PreviousPage}&nbsp;</p>
  1005.     <p class="page">
  1006.       {CurrentPage} / {TotalPages}
  1007.     </p>
  1008.   {/block:Pagination}
  1009.  
  1010.   {block:PermalinkPagination}
  1011.     {block:PreviousPost}<p class="next">
  1012.       <a href="{PreviousPost}">next</a>
  1013.     </p>{/block:PreviousPost}
  1014.     {block:NextPost}<p class="prev">
  1015.       <a href="{NextPost}">prev</a>
  1016.     {/block:NextPost}</p>
  1017.   {/block:PermalinkPagination}
  1018.  
  1019.   {block:DayPagination}
  1020.     {block:PreviousDayPage}<p class="next">
  1021.       <a href="{PreviousDayPage}">next</a>
  1022.     {/block:PreviousDayPage}</p>
  1023.     {block:NextDayPage}<p class="prev">
  1024.       <a href="{NextDayPage}">prev</a>
  1025.     </p>{/block:NextDayPage}
  1026.   {/block:DayPagination}
  1027.   </div>
  1028.  
  1029. <div class="clear">&nbsp;</div>
  1030.  
  1031. </div>
  1032.  
  1033.  
  1034.  
  1035.  
  1036. {block:Twitter}
  1037.     <script type="text/javascript" src="/tweets.js"></script>
  1038. {/block:Twitter}
  1039.  
  1040.  
  1041. </body>
  1042. </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!