Advertisement
feiinho

http://bravethemes.tumblr.com/theme/59

May 2nd, 2018
370
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.34 KB | None | 0 0
  1. <!--
  2.  
  3. THEME #59: "DRUNK" by BRAVETHEMES
  4.  
  5. ◤ ◥
  6. don't be an asshole;
  7. keep both credits.
  8. ◣ ◢
  9.  
  10. - - - -
  11.  
  12. for html help go to:
  13. http://bravethemes.tumblr.com
  14. http://htmlqueens.tumblr.com
  15.  
  16. -->
  17.  
  18. <!DOCTYPE html>
  19.  
  20. <html>
  21. <head>
  22.  
  23. <meta name="image:background" content="http://static.tumblr.com/2564216ae16e0650f450ef6701f20ea4/rkx3jqs/jP6o4rr6r/tumblr_static_9ctk88q0lx4woc808cgwk0wc4.png"/>
  24. <meta name="image:corner image" content="http://static.tumblr.com/550dd62e0542037cb1f256afa4633d1b/rkx3jqs/qEWo4vj1i/tumblr_static_drtodzn4aq88oocosw4o4cwk8.png"/>
  25. <meta name="color:background" content="#ffffff"/>
  26. <meta name="color:text" content="#000000"/>
  27. <meta name="color:body links" content="#ece0dc"/>
  28. <meta name="color:perma links" content="#ece0dc"/>
  29. <meta name="color:link hover" content="#000000"/>
  30. <meta name="color:accent color" content="#e7ccc3"/>
  31. <meta name="text:link 1 name" content="link 1"/>
  32. <meta name="text:link 1 url" content="link 1 url"/>
  33. <meta name="text:link 1 tooltip" content="link 1 title"/>
  34. <meta name="text:link 2 name" content="link 2"/>
  35. <meta name="text:link 2 url" content="link 2 url"/>
  36. <meta name="text:link 2 tooltip" content="link 2 title"/>
  37. <meta name="text:link 3 name" content="link 3"/>
  38. <meta name="text:link 3 url" content="link 3 url"/>
  39. <meta name="text:link 3 tooltip" content="link 3 title"/>
  40. <meta name="text:link 4 name" content="link 4"/>
  41. <meta name="text:link 4 url" content="link 4 url"/>
  42. <meta name="text:link 4 tooltip" content="link 4 title"/>
  43.  
  44. <link rel="shortcut icon" href="{favicon}">
  45.  
  46. <!-- do not touch this -->
  47. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  48. <link href="https://static.tumblr.com/wgijwsy/k1Hm9ei8b/normalize.css" rel="stylesheet" type="text/css">
  49. <script src="http://static.tumblr.com/me5sfsd/1YFl414t0/jquery142.js"></script>
  50. <link rel="stylesheet" href="http://static.tumblr.com/rkx3jqs/kMTo3i81s/styles.css">
  51. <link href='https://fonts.googleapis.com/css?family=Muli|Raleway' rel='stylesheet' type='text/css'>
  52. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  53. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  54. <script>
  55. (function($){
  56. $(document).ready(function(){
  57. $("[title],a[title],img[title]").style_my_tooltips({
  58. tip_follows_cursor:true,
  59. tip_delay_time:90,
  60. tip_fade_speed:600,
  61. attribute:"title"
  62. });
  63. });
  64. })(jQuery);
  65. </script>
  66. <!-- do not touch this -->
  67.  
  68.  
  69. <style type="text/css">
  70.  
  71. .tmblr-iframe{
  72. right:5px !important;
  73. top:5px !important;
  74. -webkit-filter: invert(100%) !important;
  75. position: fixed !important;
  76. z-index:999999999999999999!important;
  77. }
  78. ::-webkit-scrollbar{
  79. height:6px;
  80. width:9px;
  81. background-color:{color:accent color};
  82. border:4px solid {color:background};
  83. }
  84. ::-webkit-scrollbar-thumb{
  85. height:6px;
  86. background-color:{color:accent color};
  87. border: 2px solid {color:background};
  88. }
  89. ::selection{
  90. background:{color:accent color};
  91. color:{color:background};
  92. }
  93. ::-moz-selection{
  94. background:{color:accent color};
  95. color:{color:background};
  96. }
  97. ::-webkit-selection{
  98. background:{color:accent color};
  99. color:{color:background};
  100. }
  101. .vignette, #vignette {
  102. opacity:0;
  103. }
  104. .lightbox-image, #tumblr_lightbox img {
  105. box-shadow:none !important;
  106. border-radius:0 !important;
  107. max-width:none;
  108. }
  109. .tmblr-lightbox, #tumblr_lightbox {
  110. background-color:rgba({RGBcolor:accent color}, .98) !important;
  111. }
  112. .lightbox-image, #tumblr_lightbox img {
  113. border:5px solid #fff !important;
  114. -moz-box-sizing:border-box;
  115. box-sizing:border-box;
  116. }
  117. #laced{
  118. width:20px;
  119. height:100%;
  120. top:0px;
  121. left:0px;
  122. z-index:99;
  123. background:{color:accent color};
  124. position:fixed;
  125. }
  126. #wasted{
  127. width:200px;
  128. bottom:20px;
  129. right:10px;
  130. z-index:99;
  131. position:fixed;
  132. }
  133. body{
  134. background-color:{color:background};
  135. font-family: 'Muli', sans-serif;
  136. font-size:12px;
  137. color:{color:text};
  138. text-align:left;
  139. }
  140. a{
  141. color:{color:body links};
  142. text-decoration:none;
  143. }
  144. a:hover{
  145. color:{color:link hover};
  146. -webkit-transition: all .7s ease-in-out;
  147. -moz-transition: all .7s ease-in-out;
  148. -ms-transition: all .7s ease-in-out;
  149. -o-transition: all .7s ease-in-out;
  150. transition: all .7s ease-in-out;
  151. }
  152. a:active,a:focus {
  153. outline:0;
  154. }
  155. .sidebar{
  156. width:200px;
  157. height:auto;
  158. position:fixed;
  159. top:50px;
  160. left:90px;
  161. z-index:999;
  162. background:{color:background};
  163. }
  164. #desc{
  165. text-align:justify;
  166. margin-bottom:5px;
  167. padding-top:5px;
  168. padding-right:10px;
  169. padding-left:10px;
  170. }
  171. .blogtitle{
  172. font-family: 'Raleway', sans-serif;
  173. font-size:30px;
  174. font-weight:bold;
  175. text-transform:Capitalize;
  176. padding-left:10px;
  177. font-style:italic;
  178. background:{color:background};
  179. -webkit-transition: all .7s ease-in-out;
  180. -moz-transition: all .7s ease-in-out;
  181. -ms-transition: all .7s ease-in-out;
  182. -o-transition: all .7s ease-in-out;
  183. transition: all .7s ease-in-out;
  184. }
  185. .blogtitle a{
  186. color:{color:body links};
  187. -webkit-transition: all .7s ease-in-out;
  188. -moz-transition: all .7s ease-in-out;
  189. -ms-transition: all .7s ease-in-out;
  190. -o-transition: all .7s ease-in-out;
  191. transition: all .7s ease-in-out;
  192. }
  193. .blogtitle a:hover{
  194. color:{color:link hover};
  195. -webkit-transition: all .7s ease-in-out;
  196. -moz-transition: all .7s ease-in-out;
  197. -ms-transition: all .7s ease-in-out;
  198. -o-transition: all .7s ease-in-out;
  199. transition: all .7s ease-in-out;
  200. }
  201. .linkers{
  202. font-size:11px;
  203. text-align:center;
  204. line-height:25px;
  205. right:0px;
  206. }
  207. .linkers a{
  208. color:{color:body links};
  209. background:{color:background};
  210. text-transform:uppercase;
  211. margin:3px;
  212. -webkit-transition: all .7s ease-in-out;
  213. -moz-transition: all .7s ease-in-out;
  214. -ms-transition: all .7s ease-in-out;
  215. -o-transition: all .7s ease-in-out;
  216. transition: all .7s ease-in-out;
  217. }
  218. .linkers a:hover{
  219. color:{color:link hover};
  220. -webkit-transition: all .7s ease-in-out;
  221. -moz-transition: all .7s ease-in-out;
  222. -ms-transition: all .7s ease-in-out;
  223. -o-transition: all .7s ease-in-out;
  224. transition: all .7s ease-in-out;
  225. }
  226. .linkies{
  227. display: inline-block;
  228. vertical-align: middle;
  229. -webkit-transform: translateZ(0);
  230. transform: translateZ(0);
  231. box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  232. -webkit-backface-visibility: hidden;
  233. backface-visibility: hidden;
  234. -moz-osx-font-smoothing: grayscale;
  235. position: relative;
  236. overflow: hidden;
  237. }
  238. .linkies a:before {
  239. content: "";
  240. position: absolute;
  241. z-index: -1;
  242. left: 0;
  243. right: 0;
  244. bottom: 0;
  245. background: {color:accent color};
  246. height: 2px;
  247. -webkit-transform: translateY(4px);
  248. transform: translateY(4px);
  249. -webkit-transition-property: transform;
  250. transition-property: transform;
  251. -webkit-transition-duration: 0.6s;
  252. transition-duration: 0.6s;
  253. -webkit-transition-timing-function: ease-out;
  254. transition-timing-function: ease-out;
  255. }
  256. .linkies a:hover:before, .linkies a:focus:before, .linkies a:active:before {
  257. -webkit-transform: translateY(0);
  258. transform: translateY(0);
  259. }
  260.  
  261.  
  262. .content{
  263. border:1px solid {color:accent color};
  264. background-image: url({image:background});
  265. background-attachment:fixed;
  266. background-repeat:repeat;
  267. position:relative;
  268. margin:0px auto;
  269. width:710px;
  270. overflow:hidden;
  271. overflow-y:auto;
  272. max-height:calc(100vh - 70px);
  273. top:35px;
  274. {block:permalinkpage}width:600px;{/block:permalinkpage}
  275. }
  276. a#posted{
  277. width:15px;
  278. background:{color:accent color};
  279. color:{color:background};
  280. }
  281. a#posted:hover{
  282. background:{color:background};
  283. color:{color:accent color};
  284. }
  285. article{
  286. position:relative;
  287. padding:15px;
  288. border:1px solid {color:accent color};
  289. margin:35px;
  290. background:{color:background};
  291. width:250px;
  292. {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  293. }
  294. .photo{
  295. webkit-transition: all .7s ease-in-out;
  296. -moz-transition: all .7s ease-in-out;
  297. -ms-transition: all .7s ease-in-out;
  298. -o-transition: all .7s ease-in-out;
  299. transition: all .7s ease-in-out;
  300. }
  301. .photo:hover{
  302. webkit-transition: all .7s ease-in-out;
  303. -moz-transition: all .7s ease-in-out;
  304. -ms-transition: all .7s ease-in-out;
  305. -o-transition: all .7s ease-in-out;
  306. transition: all .7s ease-in-out;
  307. -webkit-filter: grayscale(.5);
  308. }
  309. .photo:hover #perma{
  310. opacity:1;
  311. z-index:200;
  312. -webkit-transition: all .7s ease-in-out;
  313. -moz-transition: all .7s ease-in-out;
  314. -ms-transition: all .7s ease-in-out;
  315. -o-transition: all .7s ease-in-out;
  316. transition: all .7s ease-in-out;
  317. }
  318. #perma{
  319. position:absolute;
  320. font-size:10px;
  321. text-transform:uppercase;
  322. bottom:20px;
  323. right:20px;
  324. opacity:0;
  325. text-align:right;
  326. -webkit-transition: all .7s ease-in-out;
  327. -moz-transition: all .7s ease-in-out;
  328. -ms-transition: all .7s ease-in-out;
  329. -o-transition: all .7s ease-in-out;
  330. transition: all .7s ease-in-out;
  331. {block:PermalinkPage}display:none;{/block:PermalinkPage}
  332. }
  333. #perma a{
  334. padding:3px;
  335. line-height:25px;
  336. background:{color:background};
  337. color:{color:perma links};
  338. border:1px solid {color:accent color};
  339. -webkit-transition: all .7s ease-in-out;
  340. -moz-transition: all .7s ease-in-out;
  341. -ms-transition: all .7s ease-in-out;
  342. -o-transition: all .7s ease-in-out;
  343. transition: all .7s ease-in-out;
  344. }
  345. #perma a:hover{
  346. color:{color:link hover};
  347. -webkit-transition: all .7s ease-in-out;
  348. -moz-transition: all .7s ease-in-out;
  349. -ms-transition: all .7s ease-in-out;
  350. -o-transition: all .7s ease-in-out;
  351. transition: all .7s ease-in-out;
  352. }
  353. #permas{
  354. padding-top:5px;
  355. text-align:right;
  356. {block:PermalinkPage}display:none;{/block:PermalinkPage}
  357. }
  358. #permas a{
  359. color:{color:perma links};
  360. -webkit-transition: all .7s ease-in-out;
  361. -moz-transition: all .7s ease-in-out;
  362. -ms-transition: all .7s ease-in-out;
  363. -o-transition: all .7s ease-in-out;
  364. transition: all .7s ease-in-out;
  365. }
  366. #permas a:hover{
  367. color:{color:link hover};
  368. -webkit-transition: all .7s ease-in-out;
  369. -moz-transition: all .7s ease-in-out;
  370. -ms-transition: all .7s ease-in-out;
  371. -o-transition: all .7s ease-in-out;
  372. transition: all .7s ease-in-out;
  373. }
  374. blockquote{
  375. padding-left:5px;
  376. border-left:2px solid {color:accent color};
  377. margin-left:3px;
  378. width:94%;
  379. }
  380. iframe,img,embed,object,video{
  381. max-width:100%;
  382. vertical-align:text-bottom;
  383. }
  384. img{
  385. height:auto;
  386. width:auto;
  387. vertical-align:text-bottom;
  388. }
  389. pre {
  390. white-space: pre-wrap;
  391. white-space: -moz-pre-wrap;
  392. white-space: -pre-wrap;
  393. white-space: -o-pre-wrap;
  394. word-wrap: break-word;
  395. }
  396. ol{
  397. list-style-type: upper-roman;
  398. }
  399. ul{
  400. list-style-type: circle;
  401. }
  402. #note{
  403. max-height:300px;
  404. overflow:auto;
  405. }
  406. ol.notes{
  407. padding: 0px;
  408. border-top:1px solid {color:accent color};
  409. list-style-type: upper-roman;
  410. }
  411. ol.notes li.note{
  412. padding-left:7px;
  413. text-align:left;
  414. width:400px;
  415. padding-top:5px;
  416. }
  417. ol.notes li.note img.avatar{
  418. display:none;
  419. }
  420. .whatever, .ldesc, .askpost{
  421. padding:7px;
  422. }
  423. article h2{
  424. font-size:15px;
  425. font-family: 'Raleway', sans-serif;
  426. }
  427. .chat{
  428. width:100%;
  429. }
  430. .chat ul{
  431. list-style:none;
  432. margin:0;
  433. padding:0;
  434. }
  435. .odd,.even{
  436. padding:7px;
  437. }
  438. .odd{
  439. background:rgba({RGBcolor:accent color},.7);
  440. }
  441. .even{
  442. background:{color:background};
  443. }
  444. .title,.link{
  445. font-family: 'Raleway', sans-serif;
  446. font-size:17px;
  447. text-align:center;
  448. text-transform:capitalize;
  449. line-height:25px;
  450. padding-bottom:5px;
  451. border-bottom:1px solid {color:accent color};
  452. }
  453. .title a,.link a{
  454. color:{color:body links};
  455. }
  456. .title a:hover,.link a:hover{
  457. color:{color:link hover};
  458. }
  459. .quote{
  460. font-style:italic;
  461. font-size:15px;
  462. padding:5px;
  463. }
  464. .source{
  465. text-align:right;
  466. font-weight:bold;
  467. font-size:11px;
  468. padding:5px;
  469. }
  470. .audio{
  471. {block:IndexPage}width:250px;
  472. padding:5px;
  473. padding-bottom:10px;{/block:IndexPage}
  474. {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  475. }
  476. .audio img{
  477. border:1px none #000;
  478. }
  479. .albumart{
  480. position:absolute;
  481. float:left;
  482. {block:IndexPage}width:50px;
  483. height:50px;{/block:IndexPage}
  484. {block:PermalinkPage}width:100px;
  485. height:100px;{/block:PermalinkPage}
  486. }
  487. .playbox{
  488. opacity:0.6;
  489. width:27px;
  490. height:30px;
  491. overflow:hidden;
  492. position:absolute;
  493. z-index:2;{block:IndexPage}
  494. margin-left:11px;
  495. margin-top:12px;{block:IndexPage}
  496. {block:permalinkpage}
  497. margin-left:40px;
  498. margin-top:40px;{block:permalinkPage}
  499. }
  500. .stuff{
  501. margin-top:2px;
  502. line-height:12px;
  503. {block:IndexPage}margin-left:58px;{block:IndexPage}
  504. {block:PermalinkPage}margin-left:110px;
  505. font-size:20px;
  506. line-height:30px;{/block:PermalinkPage}
  507. }
  508. .question{
  509. text-align:justify;
  510. font-style:italic;
  511. padding:7px;
  512. background:{color:accent color};
  513. }
  514. .asker{
  515. font-weight:bold;
  516. padding-bottom:5px;
  517. margin-top:5px;
  518. }
  519. .answer{
  520. text-align:left;
  521. }
  522. #pagi{
  523. display:none;
  524. }
  525. .tooltip{
  526. display:inline;
  527. position:relative;
  528. }
  529. #s-m-t-tooltip{
  530. max-width:300px;
  531. padding:4px 5px 6px 4px;
  532. margin:20px 7px -2px 20px;
  533. background:{color:background};
  534. border:1px solid {color:accent color};
  535. font-size:10px;
  536. letter-spacing:1px;
  537. text-transform:uppercase;
  538. color:{color:text};
  539. z-index:9999999999999999999999;
  540. }
  541. </style>
  542. </head>
  543. <body>
  544.  
  545. <title>{Title}</title>
  546. <div class="sidebar">
  547. <div class="blogtitle"><a href="/">{Title}</a></div>
  548. <div id="desc">{Description}</div>
  549. <div class="linkers">
  550. <div class="linkies"><a href="{text:link 1 url}" title="{text:link 1 tooltip}">{text:link 1 name}</a></div>&nbsp;&nbsp;
  551. <div class="linkies"><a href="{text:link 2 url}" title="{text:link 2 tooltip}">{text:link 2 name}</a></div>&nbsp;&nbsp;
  552. <div class="linkies"><a href="{text:link 3 url}" title="{text:link 3 tooltip}">{text:link 3 name}</a></div>&nbsp;&nbsp;
  553. <div class="linkies"><a href="{text:link 4 url}" title="{text:link 4 tooltip}">{text:link 4 name}</a></div>&nbsp;&nbsp;
  554. <div class="linkies"><a href="http://bravethemes.tumblr.com/" target="_blank" title="bravethemes">theme</a></div></div></div>
  555.  
  556. <div id="laced"></div>
  557. <div id="wasted"><img src="{image:corner image}"></div>
  558.  
  559. <div id="pagi">
  560. {block:Pagination}<div id="pagination">{block:PreviousPage}<a href="{PreviousPage}"><</a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}"></a>{/block:NextPage}</div>{/block:Pagination}</div></div>
  561.  
  562. <div class="content">
  563. {block:Posts}
  564. <article>
  565. {block:Text}
  566. {block:Title}
  567. <div class="title">
  568. <a href="{Permalink}"><b>{Title}</b></a></div>
  569. {/block:Title}
  570. <div class="whatever">{Body}
  571. <div id="permas">
  572. <a href="{Permalink}">{NoteCountWithLabel}</a>,
  573. <a href="{ReblogURL}" target="_blank">reblog</a></div>
  574. {block:PermalinkPage}
  575. {block:ContentSource}
  576. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}
  577. {block:HasTags}</br>tagged as: {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}{block:RebloggedFrom}</br>source: <a href="{ReblogRootURL}">{ReblogRootName}</a> / via: <a href="{ReblogParentURL}">{ReblogParentName}</a><br>{/block:RebloggedFrom}<br>
  578. {/block:PermalinkPage}
  579. </div>
  580. {/block:Text}
  581.  
  582. {block:Photo}
  583. <div class="photo">
  584. {block:IndexPage}
  585. <a href="{permalink}"><img src="{PhotoURL-250}" alt="{PhotoAlt}"/></a>
  586. {/block:IndexPage}
  587. <div id="perma">
  588. <a href="{Permalink}"><i class="fa fa-info-circle"></i> {NoteCount}</a><br>
  589. <a href="{Permalink}"><i class="fa fa-clock-o"></i> {MonthNumberWithZero}.{DayOfMonthWithZero}.{ShortYear}</a><br>
  590. <a href="{ReblogURL}" target="_blank"><i class="fa fa-refresh"></i> reblog</a>
  591. </div>
  592. {block:PermalinkPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{block:Caption}{Caption}{/block:Caption}
  593. {block:ContentSource}
  594. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}
  595. {block:HasTags}</br>tagged as: {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}{block:RebloggedFrom}</br>source: <a href="{ReblogRootURL}">{ReblogRootName}</a> / via: <a href="{ReblogParentURL}">{ReblogParentName}</a><br>{/block:RebloggedFrom}{/block:PermalinkPage}<br>
  596. </div>
  597. {/block:Photo}
  598.  
  599. {block:Photoset}
  600. <div class="photos">
  601. {block:IndexPage}
  602. {Photoset-250}
  603. {/block:IndexPage}
  604. <div id="permas">
  605. <a href="{Permalink}">{NoteCountWithLabel}</a>,
  606. <a href="{ReblogURL}" target="_blank">reblog</a></div>
  607. {block:PermalinkPage}{Photoset-500}{block:Caption}{Caption}{/block:Caption}
  608. {block:ContentSource}
  609. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}
  610. {block:HasTags}</br>tagged as: {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}{block:RebloggedFrom}</br>source: <a href="{ReblogRootURL}">{ReblogRootName}</a> / via: <a href="{ReblogParentURL}">{ReblogParentName}</a><br>{/block:RebloggedFrom}<br>
  611. {/block:PermalinkPage}</div>
  612. {/block:Photoset}
  613.  
  614. {block:Link}
  615. <div class="link">
  616. <a href="{URL}"><b>{Name}</b></a></div>
  617. <div class="ldesc">{block:Description}{Description}{/block:Description}
  618. <div id="permas">
  619. <a href="{Permalink}">{NoteCountWithLabel}</a>,
  620. <a href="{ReblogURL}" target="_blank">reblog</a></div>
  621. {block:PermalinkPage}
  622. {block:ContentSource}
  623. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}
  624. {block:HasTags}</br>tagged as: {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}{block:RebloggedFrom}</br>source: <a href="{ReblogRootURL}">{ReblogRootName}</a> / via: <a href="{ReblogParentURL}">{ReblogParentName}</a><br>{/block:RebloggedFrom}<br>
  625. {/block:PermalinkPage}
  626. </div>
  627. {/block:Link}
  628.  
  629. {block:Quote}
  630. <div class="quote">"{Quote}"</div><br>
  631. <div class="source">- {block:source}{source}{/block:source}</div>
  632. <div id="permas">
  633. <a href="{Permalink}">{NoteCountWithLabel}</a>,
  634. <a href="{ReblogURL}" target="_blank">reblog</a></div>
  635. {block:PermalinkPage}
  636. {block:ContentSource}
  637. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}
  638. {block:HasTags}</br>tagged as: {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}{block:RebloggedFrom}</br>source: <a href="{ReblogRootURL}">{ReblogRootName}</a> / via: <a href="{ReblogParentURL}">{ReblogParentName}</a><br>{/block:RebloggedFrom}<br>{/block:PermalinkPage}
  639. {/block:Quote}
  640.  
  641. {block:Chat}
  642. <div class="chat">
  643. {block:Title}<b>{Title}</b><br>{/block:Title}
  644. <ul>{block:Lines}
  645. <li class="{Alt}"><b>{block:Label}{Label}{/block:Label}</b> {Line}</li>
  646. {/block:Lines}
  647. </ul>
  648. <div id="permas">
  649. <a href="{Permalink}">{NoteCountWithLabel}</a>,
  650. <a href="{ReblogURL}" target="_blank">reblog</a></div>
  651. {block:PermalinkPage}
  652. {block:ContentSource}
  653. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}
  654. {block:HasTags}</br>tagged as: {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}{block:RebloggedFrom}</br>source: <a href="{ReblogRootURL}">{ReblogRootName}</a> / via: <a href="{ReblogParentURL}">{ReblogParentName}</a><br>{/block:RebloggedFrom}<br>
  655. {/block:PermalinkPage}
  656. </div>
  657. {/block:Chat}
  658.  
  659. {block:Audio}
  660. <div class="audio">
  661. {block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  662. <div class="playbox">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>
  663. <div class="stuff">
  664. <b>Artist:</b> <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br>
  665. <b>Title:</b> <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br>
  666. <b>Album:</b> <span{block:Album} style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}</div><br>
  667. <div id="permas">
  668. <a href="{Permalink}">{NoteCountWithLabel}</a>,
  669. <a href="{ReblogURL}" target="_blank">reblog</a></div>
  670. {block:PermalinkPage}
  671. {block:ContentSource}
  672. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}
  673. {block:HasTags}</br>tagged as: {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}{block:RebloggedFrom}</br>source: <a href="{ReblogRootURL}">{ReblogRootName}</a> / via: <a href="{ReblogParentURL}">{ReblogParentName}</a><br>{/block:RebloggedFrom}<br>
  674. {/block:PermalinkPage}
  675. </div>
  676. {/block:Audio}
  677.  
  678. {block:Video}
  679. <div class="video">
  680. {block:IndexPage}{VideoEmbed-250}{/block:IndexPage}
  681. {block:PermalinkPage}{VideoEmbed-500}{/block:PermalinkPage}
  682. <div id="permas">
  683. <a href="{Permalink}">{NoteCountWithLabel}</a>,
  684. <a href="{ReblogURL}" target="_blank">reblog</a></div>
  685. {block:PermalinkPage}
  686. {block:ContentSource}
  687. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}
  688. {block:HasTags}</br>tagged as: {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}{block:RebloggedFrom}</br>source: <a href="{ReblogRootURL}">{ReblogRootName}</a> / via: <a href="{ReblogParentURL}">{ReblogParentName}</a><br>{/block:RebloggedFrom}<br>
  689. {/block:PermalinkPage}
  690. {/block:Video}
  691.  
  692. {block:Answer}
  693. <div class="askpost">
  694. <div class="question">
  695. <img src="{AskerPortraitURL-30}" align="left" style="margin-top:-3px;margin-right:4px;border-radius:20px;background:#fff;padding:2px;">
  696. <span id="asker">{Asker} asked:</span>
  697. {Question}</div>
  698. <div class="answer">{Answer}</div>
  699. <div id="permas">
  700. <a href="{Permalink}">{NoteCountWithLabel}</a>,
  701. <a href="{ReblogURL}" target="_blank">reblog</a></div>
  702. {block:PermalinkPage}
  703. {block:ContentSource}
  704. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}
  705. {block:HasTags}</br>tagged as: {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}{block:RebloggedFrom}</br>source: <a href="{ReblogRootURL}">{ReblogRootName}</a> / via: <a href="{ReblogParentURL}">{ReblogParentName}</a><br>{/block:RebloggedFrom}<br>
  706. {/block:PermalinkPage}
  707. </div>
  708. {/block:answer}
  709. </footer>
  710.  
  711. <div id="note">
  712. {block:permalinkpage}
  713. {block:PostNotes}
  714. {PostNotes}
  715. {/block:PostNotes}</div>
  716. {/block:PermalinkPage}
  717. </article>
  718. {/block:Posts}
  719. </div></div>
  720.  
  721. <!-- seriously don't touch this unless you know what it does -->
  722. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  723. <script src="http://static.tumblr.com/rkx3jqs/jJ5o3i82l/script.js"></script>
  724. <div style="display:none;"><script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5020775";
  725. var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height;fhs.src = "http://s1.freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=&e2=&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"";document.body.appendChild(fhs);document.write("<span id='o_"+fhs_id+"'></span>");</script></div>
  726. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  727. <script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  728.  
  729. <script>
  730. (function() {
  731. var $tumblelog = $('.content');
  732. $tumblelog.infinitescroll({
  733. navSelector : "#pagi",
  734. nextSelector : "#pagi a:first",
  735. itemSelector : "article",
  736. bufferPx: 10,
  737. done : "",
  738. loading: {
  739. img : "",
  740. msgText: ""
  741. },
  742. behavior: 'local',
  743. binder: $('.content'),
  744. },
  745. function( newElements ) {
  746. var $newElems = $( newElements ).css({ opacity: 0 });
  747. $newElems.imagesLoaded(function(){
  748. $newElems.animate({ opacity: 1 });
  749. $tumblelog.masonry( 'appended', $newElems);
  750. });
  751. }
  752. );
  753. $tumblelog.imagesLoaded( function(){
  754. $tumblelog.masonry({
  755. columnWidth: function( containerWidth ) {
  756. return containerWidth / 100;
  757. }
  758. });
  759. });
  760. })();
  761. </script>
  762. <!-- do not touch this -->
  763. </body>
  764.  
  765. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement