Advertisement
feiinho

Swagger

Aug 27th, 2014
376
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 33.41 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2.  
  3. <!--
  4. _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
  5. | _ | | | | | | |/ / | | | _ | | | | _ |
  6. | |_| | | | | _| | | / | _ | | |_| | | | | |_| |
  7. | - | | | | _ | - | _| | - | | _ | -
  8. | | \ | | | | | | \ | | | | \ | | | | \
  9. |_ _|\_ _\ |_ _| |_ _ _| |_ _|\_ _\ |_ _ _| |_ _|\_ _\ |_ _ _ _| |_ _|\_ _\
  10.  
  11.  
  12. ********************************
  13. Theme by: rickerlr.tumblr.com
  14. On: www.themecloud.co
  15. Name: Swagger
  16. Ver: 3
  17. Year: 2012
  18. Other themes: rickerlrthemes.tumblr.com
  19. Twitter: @rickerlr
  20. ********************************
  21. -->
  22.  
  23. <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
  24. <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
  25. <!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
  26. <!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
  27. <head>
  28. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  29.  
  30. <meta name="color:Text" content="#999999"/>
  31. <meta name="color:Title" content="#ffffff"/>
  32. <meta name="color:Link" content="#ffffff"/>
  33. <meta name="color:Link hover" content="#ffffff"/>
  34. <meta name="color:Link background" content="#ff0000"/>
  35. <meta name="color:Link Sidebar" content="#ffffff"/>
  36. <meta name="color:Link sidebar background" content="#000000"/>
  37. <meta name="color:Text Sidebar" content="#dddddd"/>
  38. <meta name="color:Title Sidebar" content="#ffffff"/>
  39. <meta name="color:Border Note Permalinks" content="#222222"/>
  40. <meta name="color:Background" content="#555555"/>
  41. <meta name="color:Background post" content="#000000"/>
  42.  
  43. <meta name="image:Background image" content="" />
  44.  
  45. <meta name="if:2 Columns" content="0"/>
  46. <meta name="if:Infinite Scroll" content="1"/>
  47. <meta name="if:Sidebar Fixed" content="0"/>
  48. <meta name="if:Sidebar Description Background" content="0"/>
  49. <meta name="if:Sidebar Title Background" content="1"/>
  50. <meta name="if:Hide Sidebar Description" content="0"/>
  51. <meta name="if:Show Archive Link" content="0"/>
  52. <meta name="if:Show Social" content="1"/>
  53. <meta name="if:Show Notes Permalink" content="1"/>
  54. <meta name="if:Tumblr Follow Button Fixed" content="0"/>
  55.  
  56. <meta name="text:Disqus Shortname" content=""/>
  57. <meta name="text:Google Analytics ID" content="" />
  58. <meta name="text:Twitter Username" content="" />
  59.  
  60. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  61. <title>{Title}{block:SearchPage} | {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary} | {PostSummary}{/block:PostSummary}</title>
  62. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  63. <link rel="shortcut icon" href="{Favicon}" />
  64. <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
  65. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  66.  
  67. <!--[if lt IE 9]>
  68. <script src="http://static.tumblr.com/dbek3sy/A8Hmj11p2/html5shiv.js"></script>
  69. <![endif]-->
  70.  
  71. <!-- css normalize -->
  72. <link rel="stylesheet" src="http://static.tumblr.com/dbek3sy/B5Fmjhygj/normalize.css" />
  73.  
  74. <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
  75. <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
  76.  
  77. <style type="text/css" media="screen">
  78. *{
  79. -moz-box-sizing: border-box;
  80. -webkit-box-sizing: border-box;
  81. box-sizing: border-box;
  82. }
  83.  
  84. #tumblr_controls{
  85. right: 99px !important;
  86. position: absolute !important;
  87. {block:IfTumblrFollowButtonFixed}
  88. position: fixed !important;
  89. {/block:IfTumblrFollowButtonFixed}
  90. }
  91.  
  92. h1,h2,h3,h4,h5,h6{
  93. margin-top:0px;
  94. font-weight: bold;
  95. font-family: "Oswald";
  96. }
  97.  
  98. b,strong{font-weight: bold;}
  99.  
  100. i,em{font-style:italic;}
  101.  
  102. .right{float: right;}
  103. .left{float: left;}
  104. .clear {clear: both;}
  105.  
  106. ul, ol{padding: 0px;margin: 0px;}
  107.  
  108. body{
  109. font-size: 100%;
  110. color: {color:Text};
  111. font-family: 'Helvetica Neue', 'Open Sans', arial, verdana, sans-serif;
  112. word-wrap: break-word;
  113. text-align: left;
  114. background-color: {color:Background};
  115. background-image: url({image:Background image});
  116. background-repeat: repeat;
  117. background-attachment: fixed;
  118. background-position: top left;
  119. -webkit-font-smoothing: antialiased;
  120. }
  121. a{text-decoration:none;}
  122.  
  123. #container{
  124. position: relative;
  125. {block:IndexPage}
  126. {block:IfNot2Columns}
  127. width: 1120px;
  128. {/block:IfNot2Columns}
  129. {block:If2Columns}
  130. width: 1270px;
  131. {/block:If2Columns}
  132. {/block:IndexPage}
  133.  
  134. {block:PermalinkPage}
  135. width: 1120px;
  136. {/block:PermalinkPage}
  137.  
  138. {block:IndexPage}
  139. {block:IfInfiniteScroll}
  140. min-height: 1040px;
  141. height: auto !important;
  142. height: 1040px;
  143. {/block:IfInfiniteScroll}
  144. {/block:IndexPage}
  145. }
  146.  
  147. #sidebar{
  148. color: {color:Text Sidebar};
  149. {block:IfSidebarFixed}
  150. position: fixed;
  151. top:15%;
  152. {/block:IfSidebarFixed}
  153. {block:IfNotSidebarFixed}
  154. position: absolute;
  155. top: 200px;
  156. {/block:IfNotSidebarFixed}
  157.  
  158. left:0px;
  159. width: 380px;
  160. }
  161.  
  162. #sidebar h1{
  163. font-family: Arial;
  164. color: {color:Title Sidebar};
  165. font-size: 2.5em;
  166. font-weight: bold !important;
  167. margin-bottom:5px;
  168. {block:IfHideSidebarDescription}
  169. cursor:pointer;
  170. {/block:IfHideSidebarDescription}
  171. }
  172.  
  173. #sidebar h1 i{
  174. {block:IfSidebarTitleBackground}
  175. background-color:{color:Link background};
  176. padding: 0px 15px 5px 10px;
  177. {block:IfSidebarTitleBackground}
  178. }
  179.  
  180.  
  181. #side_description{
  182. font-size:0.8em;
  183. margin-top: 15px;
  184. line-height: 1.5em;
  185. padding-left: 10px;
  186. {block:IfSidebarDescriptionBackground}
  187. background-color:{color:Link sidebar background};
  188. padding:10px;
  189. {/block:IfSidebarDescriptionBackground}
  190. {block:IfHideSidebarDescription}
  191. display:none;
  192. {/block:IfHideSidebarDescription}
  193. }
  194.  
  195. #titleDayPage{
  196. font-weight: normal;
  197. font-size: 1.6em;
  198. font-family: "Oswald";
  199. color: white;
  200. margin-top: 20px;
  201. text-align: right;
  202. }
  203.  
  204. {block:If2Columns}
  205. #content{
  206. padding-top:10px;
  207. }
  208. {/block:If2Columns}
  209.  
  210. #content, #footer, #pagination{
  211. {block:IndexPage}
  212. {block:IfNot2Columns}
  213. width: 720px;
  214. {/block:IfNot2Columns}
  215.  
  216. {block:If2Columns}
  217. width: 880px;
  218. {/block:If2Columns}
  219. {/block:IndexPage}
  220.  
  221. {block:PermalinkPage}
  222. width: 720px;
  223. {/block:PermalinkPage}
  224. }
  225.  
  226. #content a, #footer a{
  227. color:{color:Link};
  228.  
  229. -webkit-transition: all 0.3s ease;
  230. -moz-transition: all 0.3s ease;
  231. transition: all 0.3s ease;
  232. -o-transition: all 0.3s ease;
  233. }
  234. #content a:hover, #footer a:hover {color:{color:Link hover};background-color:{color:Link background};}
  235. #content a:active, #footer a:active {color:{color:Link};}
  236.  
  237. #footer{
  238. padding: 10px;
  239. font-size: 0.9em;
  240. text-align: center;
  241. margin: 20px 0px 20px 400px;
  242. background-color: {color:Background post};
  243. }
  244.  
  245. ul#titleLinks{
  246. font-size: 1.1em;
  247. margin-top: 20px;
  248. font-weight: normal;
  249. }
  250. ul#titleLinks li{margin-top: 15px !important;}
  251.  
  252. ul#titleLinks a{
  253. text-transform: uppercase;
  254. background-color:{color:Link sidebar background};
  255. padding:4px 5px 4px 20px;
  256. font-family: 'Oswald', sans-serif;
  257. text-decoration:none;
  258. color:{color:Link Sidebar};
  259. margin-left: -15px;
  260.  
  261. -webkit-transition: margin-left 0.2s ease-out;
  262. -moz-transition: margin-left 0.2s ease-out;
  263. transition: margin-left 0.2s ease-out;
  264. -o-transition: margin-left 0.2s ease-out;
  265. }
  266.  
  267. ul#titleLinks a:hover{
  268. margin-left: 0px;
  269. }
  270.  
  271. .posts{
  272. position: relative;
  273. padding: 10px;
  274.  
  275. {block:IndexPage}
  276. {block:IfNot2Columns}
  277. width: 720px;
  278. margin-top: 20px;
  279. {/block:IfNot2Columns}
  280.  
  281. {block:If2Columns}
  282. width: 420px;
  283. margin: 10px;
  284. {/block:If2Columns}
  285. {/block:IndexPage}
  286.  
  287. {block:PermalinkPage}
  288. width: 720px;
  289. margin-top: 20px;
  290. {/block:PermalinkPage}
  291. background-color: {color:Background post};
  292. }
  293.  
  294. .posts{float: left;}
  295.  
  296. img.photo{
  297. width: 100%;
  298. }
  299.  
  300. #postnotesdiv{
  301. font-size:0.9em;
  302. line-height: 1.5em;
  303. }
  304.  
  305. #pagination{
  306. position: relative;
  307. {block:IfInfiniteScroll}
  308. display:none;
  309. {/block:IfInfiniteScroll}
  310. margin-top: 20px;
  311. margin-left: 400px;
  312. }
  313. #pagination li{display:inline-block;margin-left:10px; list-style: none;}
  314. #pagination li:first-child{margin-left:0px;}
  315. #pagination li a{
  316. display: block;
  317. padding: 5px 10px;
  318. font-size:0.9em;
  319. background-color: {color:Background post};
  320. text-decoration:none;
  321. color:{color:Link Sidebar};
  322. }
  323. .current_page{background-color:{color:Link background} !important;}
  324.  
  325.  
  326. .install:hover, .preview:hover{
  327. opacity:0.7;
  328. filter:alpha(opacity=70);
  329. }
  330.  
  331. .description_link{
  332. text-transform: uppercase;
  333. font-family: 'Oswald', sans-serif;
  334. position: absolute;
  335. opacity:0;
  336. filter:alpha(opacity=0);
  337. z-index: 100;
  338. color: {color:Link};
  339. background-color: {color:Background post};
  340. padding: 2px 10px;
  341. font-size: 1.5em;
  342. -webkit-transition: all 0.2s ease;
  343. -moz-transition: all 0.2s ease;
  344. transition: all 0.2s ease;
  345. -o-transition: all 0.2s ease;
  346.  
  347. bottom: 50px;
  348.  
  349. }
  350. .reblog_link{left: 0px;}
  351.  
  352. .permalink_link{right: 0px;}
  353.  
  354. .posts:hover .reblog_link{padding-left: 30px;}
  355. .posts:hover .permalink_link{padding-right: 30px;}
  356. .posts:hover .description_link{opacity:1;filter:alpha(opacity=100);}
  357.  
  358. .description_posts{
  359. background-color: 0;
  360. margin-top: 15px;
  361. font-size:0.7em;
  362. border-top: 1px solid {color:Border Note Permalinks};
  363. padding: 4px 0px 0px;
  364. }
  365. .description_posts a{text-decoration: none;color: {color:Link note permalinks};}
  366. .description_posts a:hover{color: {color:Link};}
  367.  
  368.  
  369. .title{
  370. text-transform: uppercase;
  371. font-size: 2em;
  372. color:{color:Title};
  373. margin-bottom:5px;
  374. line-height: 1.3em;
  375. font-weight:normal;
  376. }
  377. .title a{color:{color:Title} !important;text-decoration:underline !important;}
  378. .caption{font-size:0.9em;line-height:1.5em;}
  379. .caption p{margin-top: 5px;}
  380. .caption img{max-width:100%;}
  381. .caption ul{margin:5px 0px;}
  382. .caption img{
  383. max-width: 100%;
  384. height: auto;
  385. }
  386. .posts .caption h1,
  387. .posts .caption h2,
  388. .posts .caption h3,
  389. .posts .caption h4,
  390. .posts .caption h5,
  391. .posts .caption h6{
  392. font-weight:bold;
  393. margin: 10px 0px;
  394. color:{color:Title};
  395. line-height: 1.3em;
  396. }
  397.  
  398. .posts .caption h1{font-size:2em;}
  399. .posts .caption h2{font-size:1.7em;}
  400. .posts .caption h3{font-size:1.5em;}
  401. .posts .caption h4{font-size:1.3em;}
  402. .posts .caption h5{font-size:1.1em;}
  403. .posts .caption h6{font-size:1em;}
  404. .videoPost{
  405. text-align: center;
  406. }
  407.  
  408. .videoPost iframe, .video_player{
  409. width: 100%;
  410. }
  411.  
  412. .chat li.odd, .chat li.even{padding:5px 10px;}
  413. .chat li.odd{color:{color:Title};background-color:{color:Border Note Permalinks};}
  414. .chat li.even{color:{color:Text};}
  415.  
  416. .label{font-weight:bold;font-style:italic;}
  417.  
  418. article.posts section.answerSection:first-child{
  419. margin-bottom: 10px;
  420. }
  421.  
  422. img.answerImage{
  423. width: 40px;
  424. margin-right: 10px;
  425. margin-top: 5px;
  426. }
  427.  
  428. .asker{
  429. color:{color:Link};
  430. font-weight:bold;
  431. text-decoration:none;
  432. }
  433.  
  434. .quest{
  435. margin-top: 0px;
  436. {block:If2Columns}width: 350px;{/block:If2Columns}
  437. {block:IfNot2Columns}width: 650px;{/block:IfNot2Columns}
  438. }
  439.  
  440. .quest p{margin:0px !important;}
  441.  
  442. article.posts section.answerSection .caption{
  443. padding:0;
  444. }
  445.  
  446. .album_art{background: #000;margin-right: 10px;position: relative;}
  447.  
  448. .audiotrack{
  449. {block:If2Columns}
  450. width: 175px;
  451. {/block:If2Columns}
  452. {block:IfNot2Columns}
  453. width: 475px;
  454. {/block:IfNot2Columns}
  455. }
  456. .audiotrack li{margin: 10px 0px 0px;font-size: 0.7em;list-style-type: none;}
  457. .audiotrack li:first-child{margin-top: 0px;}
  458. .audiotrack li b{color:{color:Title}}
  459. .album_art{
  460. height:151px;
  461. width: 193px;
  462. margin-right: 30px;
  463. background: url('http://static.tumblr.com/dbek3sy/jG9lswgfn/audio_cover.png') no-repeat -150px 0px;
  464. position: relative;
  465. }
  466. .effectalbumart{
  467. height: 150px;
  468. width: 150px;
  469. position: absolute;
  470. top: 0px;
  471. left: 0px;
  472. background: url(http://static.tumblr.com/dbek3sy/L7vlsqr0w/audio_cover.png) no-repeat 0px 0px;
  473. z-index: 101;
  474. }
  475. .album_art img{height:151px;}
  476.  
  477. .audioplayercontainer{
  478. position:relative;
  479. background: #fff;
  480. width: 32px;
  481. height: 32px;
  482. margin-right: 10px;
  483. }
  484.  
  485. .posts .audioplayercontainer .audioplayerinto{
  486. position:absolute;
  487. width: 20px;
  488. height: 20px;
  489. overflow: hidden;
  490. left: 3px;
  491. top: 3px;
  492. }
  493.  
  494. .played{
  495. font-size: 0.8em;
  496. line-height: 32px;
  497. }
  498.  
  499. .sociallike{
  500. margin-top: 10px;
  501. padding-top: 5px;
  502. border-top: 1px solid {color:Border Note Permalinks};
  503. }
  504.  
  505. #socialButton{width: 200px;margin-top: 5px;}
  506. #paginationPost{
  507. text-transform: uppercase;
  508. font-family: "Oswald", Arial, sans-serif;
  509. font-size: 1.2em;
  510. width: 190px;
  511. text-align: right;
  512. }
  513. #tagsPermalink{
  514. margin:10px 0px 15px;
  515. }
  516. #tagsPermalink a{margin-left: 10px;}
  517. #tagsPermalink a:first-child{margin-left: 0px;}
  518.  
  519. blockquote{ padding-left:10px;border-left:3px solid {color:Border Note Permalinks};margin:5px 0px 5px 0px;}
  520. li{list-style-type: disc;margin-left: 20px;}
  521. ul#titleLinks li, ul.chat li, .note{list-style-type: none;margin:0px;}
  522. ol.notes{text-align: left;margin-top: 10px;border-top: 1px solid {color:Border Note Permalinks};padding-top:5px;}
  523. {block:IfNotShowNotesPermalink}
  524. .note{margin:3px 0px;}
  525. {block:IfNotShowNotesPermalink}
  526. {block:IfShowNotesPermalink}
  527. .note{margin: 5px 0px;}
  528. {/block:IfShowNotesPermalink}
  529. .note blockquote{margin-left: 25px;}
  530. ol.notes li .avatar {
  531. width:17px;
  532. height:17px;
  533. vertical-align: middle;
  534. {block:IfShowNotesPermalink}
  535. margin-right: 3px;
  536. {/block:IfShowNotesPermalink}
  537. }
  538.  
  539. {block:IfNotShowNotesPermalink}
  540. .note{float:left;margin:5px;height:17px;line-height: 17px;z-index:10;}
  541. .action, .note blockquote{display:none;}
  542. .more_notes_link_container{padding:0px !important;}
  543. .action a{color: #fff !important;}
  544. .note:hover{position:relative;z-index:100;}
  545. .note:hover .action{
  546. display: block;
  547. position:absolute;
  548. float:left;
  549. white-space:nowrap;
  550. top:-2.2em;
  551. left:.5em;
  552. background:#000;
  553. color:#fff;
  554. padding: 1px 5px;
  555. z-index:10;
  556. }
  557. {/block:IfNotShowNotesPermalink}
  558.  
  559. #infscr-loading{
  560. bottom: -10px;
  561. position: absolute;
  562. left: 50%;
  563. margin-left:-8px;
  564. width:16px;
  565. height:20px;
  566. overflow:hidden;
  567. }
  568.  
  569. #topDiv{
  570. font-family: "Oswald";
  571. position: fixed;
  572. display:block;
  573. padding: 3px 10px 3px 10px;
  574. bottom: 20px;
  575. right: -45px;
  576. z-index: 200;
  577. font-size: 1em;
  578. cursor: pointer;
  579. color: {color:Link Sidebar};
  580. background-color: {color:Background post};
  581. -webkit-transition: all 0.3s ease-out;
  582. -moz-transition: all 0.3s ease-out;
  583. transition: all 0.3s ease-out;
  584. -o-transition: all 0.3s ease-out;
  585. }
  586. #topDiv:hover{
  587. background-color:{color:Link background};
  588. padding: 3px 20px 3px 10px;
  589. }
  590.  
  591. {CustomCSS}
  592. </style>
  593.  
  594. </head>
  595. <body>
  596. <div id='guid' style='display:none;'>92D228A95BB54AD129DAAC19200D409EBA6A50516E8C675125FECDA9E149E4DC4615BA5A97C30D6736942958DC1B9B5E</div>
  597. <script>eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('5 b=a;5 k=a;5 4=6.o("l");d(4==n){b=g;e.i.f="7://3-9.8/j-3/?c=1"}m d(4==""){b=g;e.i.f="7://3-9.8/j-3/?c=1"}{5 2=6.y(\'2\');2.x=a;2.z=\'A/p\';2.B="7://w.3-9.8/v.r?c="+4.q;(6.h(\'s\')[0]||6.h(\'t\')[0]).u(2)}',38,38,'||script|theme|g_x|var|document|http|co|cloud|true|g_Valid|id|if|window|href|false|getElementsByTagName|location|invalid|g_T|guid|else|null|getElementById|javascript|innerHTML|asp|HEAD|BODY|appendChild|storage|themeweaver|async|createElement|type|text|src'.split('|'),0,{}))</script>
  598.  
  599. <section id="container">
  600. <section id="sidebar">
  601.  
  602. <h1 id="toggleDesc"><i>{Title}</i></h1>
  603.  
  604. <p id="side_description">{Description}</p>
  605.  
  606. <nav>
  607. <ul id="titleLinks">
  608. <li><a href="/">Home</a></li>
  609. {block:AskEnabled}
  610. <li><a href="/ask" {Target}>{AskLabel}</a></li>
  611. {/block:AskEnabled}
  612. {block:SubmissionsEnabled}
  613. <li><a href="/submit" {Target}>{SubmitLabel}</a></li>
  614. {/block:SubmissionsEnabled}
  615. {block:IfShowArchiveLink}
  616. <li><a href="/archive" {Target}>Archive</a></li>
  617. {block:IfShowArchiveLink}
  618. {block:HasPages}
  619. {block:Pages}
  620. <li><a href="{URL}" {Target}>{Label}</a></li>
  621. {/block:Pages}
  622. {/block:HasPages}
  623. </ul>
  624. </nav>
  625. </section><!-- sidebar -->
  626.  
  627. <div id="content" class="right">
  628.  
  629. {block:DayPage}
  630. <h2 id="titleDayPage">{Month} {DayOfMonth}, {Year}</h2>
  631. {/block:DayPage}
  632.  
  633. {block:Posts}
  634. <article class="posts">
  635.  
  636. {block:Text}
  637. {block:Title}
  638. <header>
  639. <h1 class="title">{Title}</h1>
  640. </header>
  641. {/block:Title}
  642. <section class="caption">{Body}</section>
  643. {/block:Text}
  644.  
  645. {block:Link}
  646. <header>
  647. <h1 class="title"><a href="{URL}" {Target}>{Name}</a>  →</h1>
  648. </header>
  649. {block:Description}
  650. <section class="caption">{Description}</section>
  651. {/block:Description}
  652. {block:Link}
  653.  
  654. {block:Photo}
  655. <header style="position: relative;">
  656. <img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>
  657. <a class="description_link permalink_link" href="{Permalink}">{NoteCountWithLabel}</a>
  658. <a class="description_link reblog_link" href="{ReblogURL}" target="_blank">Reblog</a>
  659. </header>
  660. {block:Caption}
  661. <section class="caption">{Caption}</section>
  662. {/block:Caption}
  663. {/block:Photo}
  664.  
  665. {block:Photoset}
  666. <header class="photosetPost">
  667. {block:If2Columns}{Photoset-400}{/block:If2Columns}
  668. {block:IfNot2Columns}{Photoset-700}{/block:IfNot2Columns}
  669. </header>
  670. {block:Caption}
  671. <section class="caption">{Caption}</section>
  672. {/block:Caption}
  673. {/block:Photoset}
  674.  
  675. {block:Answer}
  676. <section class="answerSection">
  677. <img class="answerImage left" src="{AskerPortraitURL-40}"/>
  678. <div class="left quest caption">
  679. <b>{Asker}</b>:<br>
  680. {Question}
  681. </div>
  682. <div class="clear"></div>
  683. </section>
  684. <section class="answerSection">
  685. <img class="answerImage left" src="{PortraitURL-40}"/>
  686. <div class="left quest caption">
  687. <b>Me</b>:<br>
  688. {Answer}
  689. </div>
  690. <div class="clear"></div>
  691. </section>
  692. {/block:Answer}
  693.  
  694. {block:Quote}
  695. <header>
  696. <h1 class="title">“{Quote}”</h1>
  697. </header>
  698. {block:Source}
  699. <section class="caption">- {Source}</section>
  700. {/block:Source}
  701. {/block:Quote}
  702.  
  703. {block:Chat}
  704. {block:Title}
  705. <h3 class="title">{Title}</h3>
  706. {/block:Title}
  707. <ul class="chat">
  708. {block:Lines}
  709. <li class="{Alt} user_{UserNumber}">
  710. {block:Label}
  711. <span class="label">{Label}</span>
  712. {/block:Label}
  713. <span class="caption">{Line}</span>
  714. </li>
  715. {/block:Lines}
  716. </ul>
  717. {/block:Chat}
  718.  
  719. {block:Audio}
  720. <div class="album_art left">
  721. <div class="effectalbumart"></div>
  722. {block:AlbumArt}
  723. <img width="150" src="{AlbumArtURL}" alt="{block:Artist}{Artist}{/block:Artist}{block:TrackName} - {TrackName}{/block:TrackName}"/>
  724. {/block:AlbumArt}
  725. </div>
  726. <ul class="audiotrack left">
  727. {block:Artist}<li><b>Artist:</b> {Artist}</li>{/block:Artist}
  728. {block:TrackName}<li><b>Song:</b> {TrackName}</li>{/block:TrackName}
  729. {block:Album}<li><b>Album:</b> {Album}</li>{/block:Album}
  730. <li>
  731. <div class="audioplayercontainer left">
  732. <div class="audioplayerinto {block:IndexPage}done{/block:IndexPage}" id="{postID}">{AudioPlayerWhite}</div>
  733. </div>
  734. <span class="played left">{FormattedPlayCount} {block:ExternalAudio} <a href="{ExternalAudioURL}">+</a>{/block:ExternalAudio}</span>
  735. <div class="clear"></div>
  736. </li>
  737. </ul>
  738. <div class="clear"></div>
  739. {block:Caption}
  740. <section class="caption">{Caption}</section>
  741. {/block:Caption}
  742. {/block:Audio}
  743.  
  744. {block:Video}
  745. <header class="videoPost {block:IndexPage}done{/block:IndexPage}" id="{PostID}">
  746. {block:If2Columns}{Video-400}{/block:If2Columns}
  747. {block:IfNot2Columns}{Video-700}{/block:IfNot2Columns}
  748. </header>
  749. {block:Caption}
  750. <section class="caption">{Caption}</section>
  751. {/block:Caption}
  752. {/block:Video}
  753.  
  754. {block:IndexPage}
  755. {block:Date}
  756. <footer class="description_posts">
  757. <span><a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}">{Month}, {DayOfMonthWithZero}, {Year}</a> / </span>
  758. <span style="{block:Answer}display:none;{/block:Answer}"><a href="{ReblogURL}" target="_blank">Reblog</a> / </span>
  759. <span><a href="{Permalink}">{NoteCountWithLabel}</a> / </span>
  760. </footer>
  761. {/block:Date}
  762. {/block:IndexPage}
  763.  
  764. {block:PermalinkPage}
  765. {block:Date}
  766. <footer class="sociallike">
  767. {block:IfShowSocial}
  768. <div id="socialButton" class="left">
  769. <div style="display:inline-block;"><g:plusone size="medium" annotation="none" href="{Permalink}"></g:plusone></div>
  770. <span style="margin-left: 5px;"><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" {block:IfTwitterUsername}data-via="{text:Twitter Username}" data-related="{text:Twitter Username}"{/block:IfTwitterUsername} data-hashtags="tumblr">Tweet</a>
  771. <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></span>
  772. <span style="margin-left: 5px;"><iframe id="facebookiframe" src="http://www.facebook.com/plugins/like.php?locale=en_US&href={Permalink}&width=48&colorscheme=light&layout=button_count" scrolling="no" frameborder='0' style="border:none; overflow:hidden; width:48px; height:20px;"></iframe></span>
  773. </div>
  774. {/block:IfShowSocial}
  775. {block:PermalinkPagination}
  776. <div id="paginationPost" class="right">
  777. {block:NextPost}<a style="margin-right:5px;" href="{NextPost}">Prev Post</a>{/block:NextPost}
  778. {block:PreviousPost}<a href="{PreviousPost}">Next Post</a>{/block:PreviousPost}
  779. </div>
  780. {/block:PermalinkPagination}
  781. <div class="clear"></div>
  782. </footer>
  783. {/block:Date}
  784. {/block:PermalinkPage}
  785.  
  786. </article><!-- .posts -->
  787.  
  788. {block:PermalinkPage}
  789. {block:Date}
  790. {block:IfDisqusShortname}
  791. <article class="posts">
  792. <div id="disqus_thread"></div>
  793. <script type="text/javascript">
  794. var disqus_shortname = '{text:Disqus Shortname}';
  795. var disqus_url = '{Permalink}';
  796. var disqus_title = '{block:PostTitle}{PostTitle}{/block:PostTitle}';
  797.  
  798. (function() {
  799. var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
  800. dsq.src = 'http://' + disqus_shortname + '.disqus.com/embed.js';
  801. (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
  802. })();
  803. </script>
  804. <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
  805. <a href="http://disqus.com" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>
  806. </article>
  807. {/block:IfDisqusShortname}
  808.  
  809. <article id="postnotesdiv" class="posts">
  810. <section>
  811. <h1 class="title">{NoteCountWithLabel}</h1>
  812. {block:RebloggedFrom}
  813. Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a>, posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  814. {/block:RebloggedFrom}
  815.  
  816. {block:HasTags}
  817. <div id="tagsPermalink">
  818. {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}
  819. </div>
  820. {/block:HasTags}
  821. </section>
  822.  
  823. {block:PostNotes}
  824. {PostNotes}
  825. {/block:PostNotes}
  826. <div class="clear"></div>
  827. </article><!-- .posts -->
  828. {/block:Date}
  829. {/block:PermalinkPage}
  830.  
  831. {/block:Posts}
  832. <div class="clear"></div>
  833. </section><!-- content -->
  834.  
  835. {block:IndexPage}
  836. {block:Pagination}
  837. <ul id="pagination" class="left">
  838. {block:PreviousPage}
  839. <li><a href="{PreviousPage}">« Prev</a></li>
  840. {/block:PreviousPage}
  841. {block:JumpPagination length="5"}
  842. {block:CurrentPage}
  843. <li><a class="current_page numbersNav" href="javascript:void(0);">{PageNumber}</a></li>
  844. {/block:CurrentPage}
  845. {block:JumpPage}
  846. <li><a class="jump_page numbersNav" href="{URL}">{PageNumber}</a></li>
  847. {/block:JumpPage}
  848. {/block:JumpPagination}
  849. {block:NextPage}
  850. <li><a id="nextPage" href="{NextPage}">Next »</a></li>
  851. {/block:NextPage}
  852. </ul>
  853. {/block:Pagination}
  854. {/block:IndexPage}
  855.  
  856. <div class="clear"></div>
  857. </section><!-- container -->
  858. <a href="javascript:void(0);" id="topDiv">TOP</a>
  859.  
  860. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/8Aqmgryi7/jquery_18.js"></script>
  861.  
  862. {block:If2Columns}
  863. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/4IKlvmzup/jquery.masonry.min.js"></script>
  864. {/block:If2Columns}
  865. {block:IfInfiniteScroll}
  866. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  867. {/block:IfInfiniteScroll}
  868. <script>
  869. var userURL = document.URL;
  870. var $content = $("#content");
  871. $(function(){
  872. {block:IfHideSidebarDescription}
  873. $("#toggleDesc").click(function(){
  874. $("#side_description").fadeToggle(300);
  875. });
  876. {/block:IfHideSidebarDescription}
  877. {block:IfContainerFadeIn}
  878. $("#container").fadeIn(500);
  879. {/block:IfContainerFadeIn}
  880.  
  881. {block:IndexPage}
  882. {block:IfInfiniteScroll}
  883. $('.audioplayerinto.done').removeClass("done");
  884. $('.videoPost.done').removeClass("done");
  885. {/block:IfInfiniteScroll}
  886. {/block:IndexPage}
  887.  
  888. /* return top */
  889. $("#topDiv").click(function(){
  890. var target = $("html");
  891. $('html, body').animate({
  892. scrollTop: target.offset().top
  893. }, 1000);
  894. });
  895.  
  896. var topDiv = $("#topDiv");
  897. var topDivTop = "1000";
  898. var view = $( window );
  899. view.bind("scroll resize", function(){
  900. var viewTop = view.scrollTop();
  901. if (viewTop > topDivTop){
  902. topDiv.animate({right : "0px"},{queue: false, duration: 150});
  903. }
  904. else if (viewTop <= topDivTop){
  905. topDiv.animate({right : "-45px"},{queue: false, duration: 150});
  906. }
  907. });
  908. });
  909. </script>
  910.  
  911. {block:IndexPage}
  912. {block:IfInfiniteScroll}
  913. {block:IfNot2Columns}
  914. <script>
  915. $content.infinitescroll({
  916. navSelector : '#pagination',
  917. nextSelector : '#pagination a#nextPage',
  918. itemSelector : '.posts',
  919. loading: {
  920. finishedMsg: '',
  921. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  922. },
  923. bufferPx : 600,
  924. debug : false,
  925. },
  926. function(newElements){
  927. var $newElems = $(newElements);
  928. $newElems.hide();
  929. if($('.audioplayerinto.done').length){repairAudioPlayer();}
  930. if($('.videoPost.done').length){repairVideoPlayer();}
  931. $newElems.appendTo($content).fadeIn();
  932. });
  933. </script>
  934. {/block:IfNot2Columns}
  935. {/block:IfInfiniteScroll}
  936.  
  937. {block:If2Columns}
  938. <script>
  939. $(window).load(function () {
  940. $content.masonry({
  941. itemSelector: '.posts',
  942. }),
  943. $content.infinitescroll({
  944. navSelector: '#pagination',
  945. nextSelector: '#pagination a#nextPage',
  946. itemSelector: '.posts',
  947. loading: {
  948. finishedMsg: '',
  949. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  950. },
  951. bufferPx: 600,
  952. debug: false
  953. },
  954. // call masonry as a callback.
  955. function( newElements ) {
  956. var $newElems = $( newElements );
  957. $newElems.hide();
  958. if($('.audioplayerinto.done').length){repairAudioPlayer();}
  959. if($('.videoPost.done').length){repairVideoPlayer();}
  960. // ensure that images load before adding to masonry layout
  961. $newElems.imagesLoaded(function(){
  962. $content.masonry( 'appended',
  963. $newElems, true,
  964. function(){$newElems.fadeIn(300);}
  965. );
  966.  
  967. });
  968. });
  969. });
  970. </script>
  971. {/block:If2Columns}
  972. {block:IfInfiniteScroll}
  973. <script>
  974. /* repair audio players*/
  975. function repairAudioPlayer(){
  976. $('.audioplayerinto.done').each(function(){
  977. var audioID = $(this).attr("id");
  978. var $audioPost = $(this);
  979. $.ajax({
  980. url: userURL + 'api/read/json?id=' + audioID,
  981. dataType: 'jsonp',
  982. timeout: 50000,
  983. success: function(data){
  984. $audioPost.html(data.posts[0]["audio-player"]);
  985. $audioPost.removeClass("audio");
  986. }
  987. });
  988. $audioPost.removeClass("done");
  989. });
  990. }
  991.  
  992. /* repair video players*/
  993. function repairVideoPlayer(){
  994. $('.videoPost.done').each(function(){
  995. var videoID = $(this).attr("id");
  996. var $videoPost = $(this);
  997. {block:If2columns}var videoWidth = "-400";{block:If2columns}
  998. {block:IfNot2columns}var videoWidth = "-700";{block:IfNot2columns}
  999. if($videoPost.find("div#tumblr_video_container_"+videoID).length){
  1000. $videoPost.parent().removeClass("done").find(".zoom_icon").remove();
  1001. $.ajax({
  1002. url: '/api/read/json?id=' + videoID,
  1003. dataType: 'jsonp',
  1004. timeout: 50000,
  1005. success: function(data){
  1006. $videoPost.html(data.posts[0]["video-player"+videoWidth]);
  1007. }
  1008. });
  1009. }
  1010. $videoPost.removeClass("done");
  1011. });
  1012. }
  1013. </script>
  1014. {/block:IfInfiniteScroll}
  1015. {/block:IndexPage}
  1016. </script>
  1017. <script type="text/javascript">
  1018. (function() {
  1019. var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
  1020. po.src = 'https://apis.google.com/js/plusone.js';
  1021. var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  1022. })();
  1023. </script>
  1024.  
  1025. {block:IfGoogleAnalyticsID}
  1026. <script type="text/javascript">
  1027. var _gaq = _gaq || [];
  1028. _gaq.push(['_setAccount', '{text:Google Analytics ID}']);
  1029. _gaq.push(['_trackPageview']);
  1030.  
  1031. (function() {
  1032. var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  1033. ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  1034. var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  1035. })();
  1036. </script>
  1037. {/block:IfGoogleAnalyticsID}
  1038.  
  1039. </body>
  1040. <script>eval(function(p,a,c,k,e,d){e=function(c){return c.toString(36)};if(!''.replace(/^/,String)){while(c--){d[c.toString(a)]=k[c]||c.toString(a)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('b{a(c!=e){5.3.6="2://0-4.7/9-0/?8=1"}}f(d){5.3.6="2://0-4.7/9-0/?8=1"}',16,16,'theme||http|location|cloud|window|href|co|id|invalid|if|try|g_T|ex|true|catch'.split('|'),0,{}))</script>
  1041. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement