API tools faq
paste
feiinho

Light Glass 5 columns

feiinho
Sep 2nd, 2014
483
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.22 KB | None | 0 0
raw download clone embed print report
  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. Theme by: rickerlr.tumblr.com
  6. Name: Light Glass 5 columns
  7. Year: 2011
  8. ********************************
  9. -->
  10.  
  11. <html>
  12. <head>
  13. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  14.  
  15. <meta name="color:Text" content="#777777"/>
  16. <meta name="color:Title" content="#444444"/>
  17. <meta name="color:Link" content="#000000"/>
  18. <meta name="color:Link hover" content="#444444"/>
  19. <meta name="color:Link active" content="#222222"/>
  20. <meta name="color:Link menu" content="#888888"/>
  21. <meta name="color:Background" content="#eeeeee"/>
  22. <meta name="color:Opacity Color Photo Effect" content="#000000"/>
  23. <meta name="color:Notes" content="#999999"/>
  24. <meta name="color:Post Background" content="#fdfdfd"/>
  25. <meta name="color:Box Shadow Color" content="#dddddd"/>
  26. <meta name="color:Border Note Permalinks" content="#f5f5f5"/>
  27.  
  28. <meta name="image:Background image" content="" />
  29. <meta name="image:header image" content="" />
  30.  
  31. <meta name="if:Container FadeIn" content="0"/>
  32. <meta name="if:Infinite Scroll" content="1"/>
  33. <meta name="if:Show Captions" content="0"/>
  34. <meta name="if:Border Rounded" content="0"/>
  35. <meta name="if:Post Padding" content="0"/>
  36. <meta name="if:Box Shadow" content="1"/>
  37. <meta name="if:Show Social" content="1"/>
  38. <meta name="if:Hide Description" content="0"/>
  39. <meta name="if:Tumblr Buttons Opacity" content="0"/>
  40. <meta name="if:Tumblr Buttons Fixed" content="0"/>
  41.  
  42.  
  43. <meta name="text:Footer Text" content="" />
  44. <meta name="text:Link 1 title" content="" />
  45. <meta name="text:Link 1 url" content="" />
  46. <meta name="text:Link 2 title" content="" />
  47. <meta name="text:Link 2 url" content="" />
  48. <meta name="text:Link 3 title" content="" />
  49. <meta name="text:Link 3 url" content="" />
  50. <meta name="text:Link 4 title" content="" />
  51. <meta name="text:Link 4 url" content="" />
  52. <meta name="text:Link 5 title" content="" />
  53. <meta name="text:Link 5 url" content="" />
  54. <meta name="text:Link 6 title" content="" />
  55. <meta name="text:Link 6 url" content="" />
  56.  
  57. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  58. <title>{Title}{block:SearchPage}, {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  59. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  60. <link rel="shortcut icon" href="{Favicon}" />
  61. <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
  62. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  63.  
  64. <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
  65. <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
  66.  
  67. <style type="text/css" media="screen">
  68. /* CSS RESET */
  69. html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;}table{border-collapse:collapse;border-spacing:0;}ol,ul{list-style:none;list-style-type: none;}q:before,q:after,blockquote:before,blockquote:after{content:"";}
  70.  
  71. *{
  72. outline: none;
  73. -moz-outline: none;
  74. }
  75. blockquote{
  76. padding-left:10px;
  77. border-left:3px solid {color:Border Note Permalinks};
  78. margin:5px 0px 5px 0px;
  79. }
  80. li{list-style-type: circle;margin-left: 15px;}
  81. ul#titleLinks li, ul.chat li, .note, .like{list-style-type: none;margin:0px;}
  82.  
  83. .more_notes_link_container{padding:0px !important;}
  84.  
  85. .note, .like{float:left;margin:5px 5px -5px 0px;line-height: 16px;}
  86. .action, .note blockquote, .like blockquote{display:none;}
  87. .more_notes_link_container{padding:0px !important;}
  88. .action a{color: #fff !important;}
  89. .note, .like{z-index:10;}
  90. .note:hover, .like:hover{position:relative;z-index:100;}
  91. .note:hover .action, .like:hover .action{
  92. display: block;
  93. position:absolute;
  94. float:left;
  95. white-space:nowrap;
  96. top:-2.2em;
  97. left:.5em;
  98. background:#000;
  99. color:#fff;
  100. padding: 1px 5px;
  101. z-index:10;
  102. }
  103.  
  104. h1,h2,h3,h4,h5,h6{font-weight: bold;}
  105. .right{float: right;} .left{float: left;} .clear {clear: both;}
  106.  
  107. a:link, a:visited{color:{color:Link};}
  108. a{
  109. text-decoration:none;
  110. opacity: 1;
  111. filter:alpha(opacity=100);
  112. -webkit-transition: opacity 0.5s ease, color 0.5s ease;
  113. -moz-transition: opacity 0.5s ease, color 0.5s ease;
  114. transition: opacity 0.5s ease, color 0.5s ease;
  115. -o-transition: opacity 0.5s ease, color 0.5s ease;
  116. }
  117. a:hover {
  118. color:{color:Link hover};
  119. opacity: 0.75;
  120. filter:alpha(opacity=75);
  121. }
  122. a:active {color:{color:Link active};}
  123.  
  124. #tumblr_controls{
  125. {block:IfTumblrButtonsFixed}
  126. position:fixed !important;
  127. {/block:IfTumblrButtonsFixed}
  128.  
  129. {block:IfTumblrButtonsOpacity}
  130. opacity: 0.3;
  131. filter:alpha(opacity=30);
  132. {/block:IfTumblrButtonsOpacity}
  133.  
  134. -webkit-transition: all 0.5s ease-out;
  135. -moz-transition: all 0.5s ease-out;
  136. transition: all 0.5s ease-out;
  137. -o-transition: all 0.5s ease-out;
  138. }
  139.  
  140. {block:IfTumblrButtonsOpacity}
  141. #tumblr_controls:hover{
  142. opacity: 1;
  143. filter:alpha(opacity=100);
  144. }
  145. {/block:IfTumblrButtonsOpacity}
  146.  
  147. body{
  148. font-size:100%;
  149. color: {color:Text};
  150. font-family: 'Open Sans', sans-serif;
  151. text-align: center;
  152. word-wrap: break-word;
  153. background-color: {color:Background};
  154. background-image: url({image:Background image});
  155. background-repeat: repeat;
  156. background-attachment: fixed;
  157. background-position: top left;
  158. }
  159. #container{
  160. position: relative;
  161. text-align: left;
  162. width: 1250px;
  163. height: 100%;
  164. margin: 0px auto;
  165. z-index:0;
  166. {block:IfContainerFadeIn}
  167. display:none;
  168. {/block:IfContainerFadeIn}
  169. {block:IfInfiniteScroll}
  170. {block:IndexPage}
  171. min-height: 1000px;
  172. height: auto !important;
  173. height: 1000px;
  174. {/block:IndexPage}
  175. {/block:IfInfiniteScroll}
  176. }
  177.  
  178. #header{
  179. text-align:center;
  180. width: 940px;
  181. margin: 0px auto;
  182. }
  183.  
  184. #header h1{
  185. margin-top:20px;
  186. font-size: 2em;
  187. text-align:center;
  188. font-family: 'Oswald', sans-serif;
  189. font-weight: normal !important;
  190. {block:IfHideDescription}
  191. cursor:pointer;
  192. {/block:IfHideDescription}
  193. }
  194. #header h1 a{text-decoration: none;}
  195.  
  196. #head_description{
  197. font-size:0.7em;
  198. margin: 5px 0 10px;
  199. {block:IfHideDescription}
  200. display:none;
  201. {/block:IfHideDescription}
  202. }
  203.  
  204. #imagetitle{
  205. margin-top:10px;
  206. max-width:800px;
  207. width:auto !important;
  208. width:800px;
  209. }
  210.  
  211. #content{
  212. max-width:1250px;
  213. width:expression(document.body.clientWidth > 1250? "1250px": "auto" );
  214. {block:PermalinkPage}
  215. max-width: 860px;
  216. width:expression(document.body.clientWidth > 860? "860px": "auto" );
  217. {/block:PermalinkPage}
  218. margin:0px auto;
  219. position:relative;
  220. padding-bottom:20px;
  221. }
  222.  
  223. ul#titleLinks{
  224. margin:10px 0px;
  225. font-size: 0.7em;
  226. text-transform: uppercase;
  227. }
  228. ul#titleLinks li{display: inline;margin-left: 25px;}
  229. ul#titleLinks li:first-child{margin-left: 0px;}
  230. ul#titleLinks a{
  231. color:{color:Link menu};
  232. text-decoration:none;
  233. }
  234.  
  235. .posts{
  236. overflow: hidden;
  237. position:relative;
  238. margin: 10px 5px 0px;
  239. background-color: {color:Post Background};
  240. z-index:9000;
  241.  
  242. {block:PermalinkPage}
  243. width: 520px;
  244. float:left;
  245. {/block:PermalinkPage}
  246. {block:IndexPage}
  247. width: 240px;
  248. float: left;
  249. {/block:IndexPage}
  250. {block:IfBoxShadow}
  251. box-shadow: 0px 0px 2px {color:Box Shadow Color};
  252. {/block:IfBoxShadow}
  253. }
  254.  
  255. {block:IfBorderRounded}
  256. .posts, img.photo, .opacityColorPhotoEffect, .albumArt_img_index, .odd{
  257. -webkit-border-radius: 3px;
  258. -moz-border-radius: 3px;
  259. border-radius: 3px;
  260. }
  261. {/block:IfBorderRounded}
  262.  
  263. {block:IndexPage}
  264. img.photo{
  265. {block:IfPostPadding}
  266. width:220px;
  267. margin-bottom: -5px !important;
  268. {block:IfPostPadding}
  269. {block:IfNotPostPadding}
  270. margin-top: -10px;
  271. margin-left: -10px;
  272. {/block:IfNotPostPadding}
  273. {block:IfShowCaptions}
  274. margin-bottom: -5px;
  275. {/block:IfShowCaptions}
  276. {block:IfNotShowCaptions}
  277. margin-bottom: -15px;
  278. {/block:IfNotShowCaptions}
  279. }
  280. {/block:IndexPage}
  281.  
  282. .videoPost, .photosetPost{
  283. margin-top: -10px;
  284. text-align:center;
  285. margin-left:-15px;
  286. }
  287.  
  288. #footer{
  289. font-size: 0.6em;
  290. margin: 10px auto 50px;
  291. padding-top: 5px;
  292. width: 500px;
  293. border-top: 1px solid {color:Border Note Permalinks};
  294. }
  295. #footer a{text-decoration: none;}
  296.  
  297. .chat li.odd, .chat li.even{padding:5px;line-height:1em;}
  298. .chat li.odd{color:{color:Title};background-color:{color:Border Note Permalinks};}
  299. .chat li.even{color:{color:Link};margin:5px 0px}
  300. .title{font-size:0.9em;color:{color:Title};}
  301. .title a{color:{color:Title};text-decoration:none;}
  302. .caption{font-size:0.7em;margin-left:3px;line-height:1.3em;margin-top:5px;}
  303. .caption ul{margin-top: 5px;}
  304. .label{font-weight:bold;font-size:1em}
  305. .asker{color:{color:Link};font-weight:bold;text-decoration:none;}
  306. .quest{
  307. font-size:0.7em;
  308. {block:PermalinkPage}
  309. width:360px;
  310. {/block:PermalinkPage}
  311. {block:IndexPage}
  312. width:180px;
  313. {block:IndexPage}
  314. }
  315. .askAnswer , .answer_form_container{margin-top:10px;}
  316. .album_art{height:283px;width: 283px;background: #000;margin-right: 10px;position: relative;}
  317. .audiotrack li{margin: 5px 0px 0px;font-size: 0.7em;list-style-type: none;}
  318. .audiotrack li:first-child{margin-top: 0px;}
  319. .audioplayercontainer, .albumArt_img_index{
  320. {block:IfNotPostPadding}
  321. margin:-10px 0px 0px -10px;
  322. width:240px;
  323. {/block:IfNotPostPadding}
  324. {block:IfPostPadding}
  325. width:220px;
  326. {/block:IfPostPadding}
  327. }
  328. .audioplayercontainer{
  329. position:relative;
  330. z-index:1;
  331. background:#000;
  332. }
  333.  
  334. .link{text-decoration:underline !important;}
  335.  
  336. #postnotesdiv{
  337. font-size:0.7em;
  338. text-align:center;
  339. padding: 10px;
  340. }
  341.  
  342. .countNote_pagePosts{
  343. margin: 5px 0px;
  344. border-bottom: 1px solid {color:Border Note Permalinks};
  345. padding: 5px 0px;
  346. }
  347.  
  348. {block:IfInfiniteScroll}
  349. #pagination{display:none;margin-top: 30px;}
  350. {/block:IfInfiniteScroll}
  351.  
  352. #pagination li{
  353. display: inline-block;
  354. font-size: 0.7em;
  355. line-height: 35px;
  356. background-color: {color:Post Background};
  357. margin-left:10px;
  358. {block:IfBoxShadow}
  359. box-shadow: 0px 0px 2px {color:Box Shadow Color};
  360. {/block:IfBoxShadow}
  361. }
  362. #pagination li:first-child{margin-left: 0px;}
  363.  
  364. #pagination a{text-decoration:none;color: {color:Link};padding: 1px 15px;}
  365. .current_page{color: {color:Text}}
  366. .current_page{padding: 1px 15px;}
  367.  
  368. .sociallike{
  369. margin-top:10px;
  370. padding-top: 10px;
  371. border-top:1px solid {color:Border Note Permalinks};
  372. }
  373.  
  374. .install:hover , .preview:hover{
  375. opacity:0.7;
  376. filter:alpha(opacity=70);
  377. }
  378.  
  379. .opacityColorPhotoEffect{
  380. position:absolute;
  381. height:100%;
  382. width: 240px;
  383. background: {color:Opacity Color Photo Effect};
  384. top:0px;
  385. left:0px;
  386. z-index: 9998;
  387. opacity:0;
  388. filter:alpha(opacity=0);
  389.  
  390. -webkit-transition: opacity 0.3s ease;
  391. -moz-transition: opacity 0.3s ease;
  392. transition: opacity 0.3s ease;
  393. -o-transition: opacity 0.3s ease;
  394. }
  395.  
  396. .descriprion_icons{
  397. position: absolute;
  398. display: block;
  399. width: 25px;
  400. height: 25px;
  401. left: 50%;
  402. top: 70%;
  403. margin-top: -12px;
  404. background: url(http://static.tumblr.com/dbek3sy/ZQDlsyx5t/icons.png) no-repeat;
  405. opacity:0;
  406. filter:alpha(opacity=0);
  407. z-index: 9999;
  408. }
  409. .reblog_icon{
  410. background-position: 0px 0px;margin-left: -30px;
  411. -webkit-transition: all 0.25s ease;
  412. -moz-transition: all 0.25s ease;
  413. transition: all 0.25s ease;
  414. -o-transition: all 0.25s ease;
  415. }
  416. .permalink_icon{
  417. background-position: -25px 0px;margin-left: 5px;
  418. -webkit-transition: all 0.45s ease;
  419. -moz-transition: all 0.45s ease;
  420. transition: all 0.45s ease;
  421. -o-transition: all 0.45s ease;
  422. }
  423. .posts:hover .opacityColorPhotoEffect{opacity:0.4;filter:alpha(opacity=40);}
  424. .posts:hover .descriprion_icons{top: 50%;opacity:1;filter:alpha(opacity=100);}
  425.  
  426. .description_posts{
  427. margin-top: 10px;
  428. font-size:0.6em;
  429. border-top: 1px solid {color:Border Note Permalinks};
  430. padding-top: 5px;text-align:center;
  431. }
  432.  
  433. .description_posts a{text-decoration: none;color: {color:Notes};margin-left:10px;}
  434. .description_posts a:hover{color: {color:Link};}
  435. .description_posts a:first-child{margin-left: 0px;}
  436.  
  437. #postPageUl{
  438. text-align:left;
  439. }
  440. #postPageUl li{
  441. margin-left: 0px;
  442. list-style-type: none;
  443. margin-bottom: 5px;
  444. }
  445.  
  446. #infscr-loading{
  447. bottom: -55px;
  448. position: absolute;
  449. left: 50%;
  450. margin-left:-8px;
  451. width:16px;
  452. height:20px;
  453. overflow:hidden;
  454. margin-bottom: 50px;
  455. }
  456.  
  457. {CustomCSS}
  458. </style>
  459.  
  460.  
  461. <meta http-equiv="x-dns-prefetch-control" content="off"/><meta http-equiv="x-dns-prefetch-control" content="off"/><meta http-equiv="x-dns-prefetch-control" content="off"/></head>
  462. <body>
  463.  
  464.  
  465. <div style="position:fixed;right:2px;top:25px;z-index:9999;">
  466. <a href="http://rickerlrthemes.tumblr.com/lightglass5/" target="_blank">
  467. <img class="normal" src="http://static.tumblr.com/dbek3sy/zESllc4x6/install_theme.png" alt="install theme" />
  468. </a>
  469. </div>
  470.  
  471.  
  472. <div id="container">
  473. <div id="header">
  474.  
  475. <div id="nameBlog">
  476. {block:IfHeaderImageImage}
  477. <img id="imagetitle" src="{image:header image}">
  478. {/block:IfHeaderImageImage}
  479.  
  480. {block:IfNotHeaderImageImage}
  481. <h1 class="title">{Title}</h1>
  482. {/block:IfNotHeaderImageImage}
  483. </div>
  484.  
  485. <div id="head_description">{Description}</div>
  486.  
  487.  
  488. <ul id="titleLinks">
  489. <li><a href="/">Home</a></li>
  490. <li><a href="http://rickerlrthemes.tumblr.com/lightglass5/">Theme</a></li>
  491. {block:AskEnabled}
  492. <li><a href="/ask" >{AskLabel}</a></li>
  493. {/block:AskEnabled}
  494. {block:IfLink1title}
  495. <li><a href="{text:Link 1 url}" >{text:Link 1 title} </a></li>
  496. {/block:IfLink1title}
  497. {block:IfLink2title}
  498. <li><a href="{text:Link 2 url}" >{text:Link 2 title} </a></li>
  499. {/block:IfLink2title}
  500. {block:IfLink3title}
  501. <li><a href="{text:Link 3 url}" >{text:Link 3 title} </a></li>
  502. {/block:IfLink3title}
  503. {block:IfLink4title}
  504. <li><a href="{text:Link 4 url}" >{text:Link 4 title} </a></li>
  505. {/block:IfLink4title}
  506. {block:IfLink5title}
  507. <li><a href="{text:Link 5 url}" >{text:Link 5 title} </a></li>
  508. {/block:IfLink5title}
  509. {block:IfLink6title}
  510. <li><a href="{text:Link 6 url}" >{text:Link 6 title} </a></li>
  511. {/block:IfLink6title}
  512. {block:HasPages}
  513. {block:Pages}
  514. <li><a href="{URL}" >{Label} </a></li>
  515. {/block:Pages}
  516. {/block:HasPages}
  517. </ul>
  518.  
  519. </div>
  520.  
  521.  
  522.  
  523. <div id="content">
  524. {block:Posts}
  525. <div class="posts">
  526. <div style="padding:10px;">
  527.  
  528.  
  529. {block:Text}
  530. {block:Title}
  531. <h3 class="title">{Title}</h3>
  532. {/block:Title}
  533. <div class="caption">{Body}</div>
  534. {block:IndexPage}
  535. {block:Date}
  536. <div class="description_posts">
  537. <a href="{Permalink}">{TimeAgo}</a>
  538. <a href="{Permalink}">{NoteCountWithLabel}</a>
  539. <a href="{ReblogURL}" target="_blank">Reblog</a>
  540. </div>
  541. {/block:Date}
  542. {/block:IndexPage}
  543. {/block:Text}
  544.  
  545.  
  546. {block:Link}
  547. <h3 class="title"><a href="{URL}" class="link title" {Target}>{Name}</a></h3>
  548. {block:Description}
  549. <div class="caption">{Description}</div>
  550. {/block:Description}
  551. {block:IndexPage}
  552. {block:Date}
  553. <div class="description_posts">
  554. <a href="{Permalink}">{TimeAgo}</a>
  555. <a href="{Permalink}">{NoteCountWithLabel}</a>
  556. <a href="{ReblogURL}" target="_blank">Reblog</a>
  557. </div>
  558. {/block:Date}
  559. {/block:IndexPage}
  560. {block:Link}
  561.  
  562.  
  563. {block:Photo}
  564. {block:IndexPage}
  565. <img class="photo" src="{PhotoURL-250}" alt="{PhotoAlt}" width="240"/>
  566. {block:IfShowCaptions}
  567. {block:Caption}
  568. <div class="caption">{Caption}</div>
  569. {/block:Caption}
  570. {block:Date}
  571. <div class="description_posts">
  572. <a href="{Permalink}">{TimeAgo}</a>
  573. <a href="{Permalink}">{NoteCountWithLabel}</a>
  574. <a href="{ReblogURL}" target="_blank">Reblog</a>
  575. </div>
  576. {/block:Date}
  577. {/block:IfShowCaptions}
  578. {block:IfNotShowCaptions}
  579. <a href="{Permalink}" class="descriprion_icons permalink_icon"></a>
  580. <a href="{ReblogURL}" target="_blank" class="descriprion_icons reblog_icon"></a>
  581. <div class="opacityColorPhotoEffect"></div>
  582. {/block:IfNotShowCaptions}
  583. {/block:IndexPage}
  584. {block:PermalinkPage}
  585. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500" style="margin-bottom:-5px;"/>
  586. {block:Caption}
  587. <div class="caption">{Caption}</div>
  588. {/block:Caption}
  589. {/block:PermalinkPage}
  590. {/block:Photo}
  591.  
  592.  
  593. {block:Photoset}
  594. {block:PermalinkPage}
  595. <div style="text-align:center;">{Photoset-500}</div>
  596. {/block:PermalinkPage}
  597. {block:IndexPage}
  598. <div class="photosetPost">{Photoset-250}</div>
  599. {/block:IndexPage}
  600. {block:Caption}
  601. <div class="caption">{Caption}</div>
  602. {/block:Caption}
  603. {block:IndexPage}
  604. {block:Date}
  605. <div class="description_posts">
  606. <a href="{Permalink}">{TimeAgo}</a>
  607. <a href="{Permalink}">{NoteCountWithLabel}</a>
  608. <a href="{ReblogURL}" target="_blank">Reblog</a>
  609. </div>
  610. {/block:Date}
  611. {/block:IndexPage}
  612. {/block:Photoset}
  613.  
  614.  
  615. {block:Answer}
  616. <img class="left" style="margin-right:10px;" width="30px" src="{AskerPortraitURL-30}"/>
  617. <div class="left quest">
  618. <b>{Asker}</b>:<br>
  619. {Question}
  620. </div>
  621. <div class="clear"></div>
  622. <div class="askAnswer">
  623. <img class="left" style="margin-right:10px;" width="30px" src="{PortraitURL-30}"/>
  624. <div class="left quest">
  625. <b>Me</b>:<br>
  626. <i>{Answer}</i>
  627. </div>
  628. <div class="clear"></div>
  629. </div>
  630. {block:IndexPage}
  631. {block:Date}
  632. <div class="description_posts">
  633. <a href="{Permalink}">{TimeAgo}</a>
  634. <a href="{Permalink}">{NoteCountWithLabel}</a>
  635. <a href="{ReblogURL}" target="_blank">Reblog</a>
  636. </div>
  637. {/block:Date}
  638. {/block:IndexPage}
  639. {/block:Answer}
  640.  
  641.  
  642. {block:Quote}
  643. <h3 class="title">"{Quote}"</h3>
  644. {block:Source}
  645. <div class="caption" style="text-align:right;">- {Source}</div>
  646. {/block:Source}
  647. {block:IndexPage}
  648. {block:Date}
  649. <div class="description_posts">
  650. <a href="{Permalink}">{TimeAgo}</a>
  651. <a href="{Permalink}">{NoteCountWithLabel}</a>
  652. <a href="{ReblogURL}" target="_blank">Reblog</a>
  653. </div>
  654. {/block:Date}
  655. {/block:IndexPage}
  656. {/block:Quote}
  657.  
  658.  
  659. {block:Chat}
  660. {block:Title}
  661. <h3 class="title">{Title}</h3>
  662. {/block:Title}
  663. <ul class="chat">
  664. {block:Lines}
  665. <li class="{Alt} user_{UserNumber}">
  666. {block:Label}
  667. <span class="label">{Label}</span>
  668. {/block:Label}
  669. <span class="caption">{Line}</span>
  670. </li>
  671. {/block:Lines}
  672. </ul>
  673. {block:IndexPage}
  674. {block:Date}
  675. <div class="description_posts">
  676. <a href="{Permalink}">{TimeAgo}</a>
  677. <a href="{Permalink}">{NoteCountWithLabel}</a>
  678. <a href="{ReblogURL}" target="_blank">Reblog</a>
  679. </div>
  680. {/block:Date}
  681. {/block:IndexPage}
  682. {/block:Chat}
  683.  
  684. {block:Audio}
  685. {block:PermalinkPage}
  686. {block:AlbumArt}
  687. <img class="album_art left" width="283" src="{AlbumArtURL}" alt="{block:Artist}{Artist}{/block:Artist}{block:TrackName} - {TrackName}{/block:TrackName}" style="margin-bottom:10px;" />
  688. {/block:AlbumArt}
  689. <ul class="audiotrack left">
  690. {block:Artist}<li><b>{Artist}</b></li>{/block:Artist}
  691. {block:TrackName}<li>{TrackName}</li>{/block:TrackName}
  692. {block:Album}<li>{Album}</li>{/block:Album}
  693. <li>{FormattedPlayCount} plays {block:ExternalAudio}// <a href="{ExternalAudioURL}">Download</a>{/block:ExternalAudio}</li>
  694. <li>{AudioPlayerBlack}</li>
  695. </ul>
  696. <div class="clear"></div>
  697. {/block:PermalinkPage}
  698. {block:IndexPage}
  699. {block:AlbumArt}
  700. <img class="albumArt_img_index" src="{AlbumArtURL}" alt="{block:Artist}{Artist}{/block:Artist}{block:TrackName} - {TrackName}{/block:TrackName}"/>
  701. {/block:AlbumArt}
  702. <div class="audioplayercontainer">{AudioPlayerBlack}</div>
  703. {/block:IndexPage}
  704. {block:Caption}
  705. <div class="caption">{Caption}</div>
  706. {/block:Caption}
  707. {block:IndexPage}
  708. {block:Date}
  709. <div class="description_posts">
  710. <a href="{Permalink}">{TimeAgo}</a>
  711. <a href="{Permalink}">{NoteCountWithLabel}</a>
  712. <a href="{ReblogURL}" target="_blank">Reblog</a>
  713. </div>
  714. {/block:Date}
  715. {/block:IndexPage}
  716. {/block:Audio}
  717.  
  718. {block:Video}
  719. {block:PermalinkPage}
  720. <div style="text-align:center">{Video-500}</div>
  721. {/block:PermalinkPage}
  722. {block:IndexPage}
  723. <div class="videoPost">{Video-250}</div>
  724. {/block:IndexPage}
  725. {block:Caption}
  726. <div class="caption">{Caption}</div>
  727. {/block:Caption}
  728. {block:IndexPage}
  729. {block:Date}
  730. <div class="description_posts">
  731. <a href="{Permalink}">{TimeAgo}</a>
  732. <a href="{Permalink}">{NoteCountWithLabel}</a>
  733. <a href="{ReblogURL}" target="_blank">Reblog</a>
  734. </div>
  735. {/block:Date}
  736. {/block:IndexPage}
  737. {/block:Video}
  738.  
  739. {block:PermalinkPage}
  740. {block:IfShowSocial}
  741. {block:Date}
  742. <div class="sociallike" >
  743. <div style="display:inline-block;"><g:plusone annotation="none" size="medium" href="{Permalink}"></g:plusone></div>
  744. <span style="margin-left:5px;"><a href="https://twitter.com/share" class="twitter-share-button" data-count="none">Tweet</a>
  745. <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>
  746. <span style="margin-left:4px;"><iframe id="facebookiframe" src="http://www.facebook.com/plugins/like.php?locale=en_US&href={Permalink}&width=45&colorscheme=light&layout=button_count" scrolling="no" frameborder='0' style="border:none; overflow:hidden; width:50px; height:20px;"></iframe></span>
  747. </div>
  748. {/block:Date}
  749. {/block:IfShowSocial}
  750. {/block:PermalinkPage}
  751. </div>
  752. </div><!-- .posts -->
  753.  
  754. {block:PermalinkPage}
  755. {block:Date}
  756. <div class="posts" style="width:320px;overflow: visible;">
  757. <div id="postnotesdiv">
  758. <ul id="postPageUl">
  759. <li>
  760. On <a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}">{DayOfMonthWithZero} {ShortMonth} {Year}</a><br>
  761. </li>
  762. <li>
  763. {TimeAgo} | {12HourWithZero}:{Minutes}{AmPm}
  764. </li>
  765. {block:RebloggedFrom}
  766. <li>
  767. Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a>
  768. </li>
  769. <li>
  770. Posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  771. </li>
  772. {/block:RebloggedFrom}
  773. {block:HasTags}
  774. <li style="margin:10px 0px 15px;">
  775. {block:Tags}<a class="atag" href="{TagURL}">#{Tag} </a>{/block:Tags}
  776. </li>
  777. {/block:HasTags}
  778. </ul>
  779.  
  780. <div class="countNote_pagePosts">
  781. <div class="left">
  782. {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  783. </div>
  784. {block:PermalinkPagination}
  785. <div id="paginationPost" class="right">
  786. {block:NextPost}<a id="paginationPost_prev" href="{NextPost}">« Prev </a>{/block:NextPost}
  787. {block:PreviousPost}<a id="paginationPost_next" href="{PreviousPost}"> Next »</a>{/block:PreviousPost}
  788. </div>
  789. {/block:PermalinkPagination}
  790. <div class="clear"></div>
  791. </div>
  792.  
  793. {block:PostNotes}
  794. {PostNotes}
  795. {/block:PostNotes}
  796. <div class="clear"></div>
  797. </div>
  798. </div><!-- .posts -->
  799. {/block:Date}
  800. {/block:PermalinkPage}
  801.  
  802. {/block:Posts}
  803. <div class="clear"></div>
  804. </div><!-- content -->
  805.  
  806. <div class="clear"></div>
  807. </div><!-- container -->
  808.  
  809. {block:IndexPage}
  810. {block:Pagination}
  811. <ul id="pagination">
  812. {block:PreviousPage}
  813. <li><a href="{PreviousPage}">«</a></li>
  814. {/block:PreviousPage}
  815. {block:JumpPagination length="5"}
  816. {block:CurrentPage}
  817. <li><span class="current_page numbersNav"><strong>{PageNumber}</strong></span></li>
  818. {/block:CurrentPage}
  819. {block:JumpPage}
  820. <li><a class="jump_page numbersNav" href="{URL}">{PageNumber}</a></li>
  821. {/block:JumpPage}
  822. {/block:JumpPagination}
  823. {block:NextPage}
  824. <li><a id="nextPage" href="{NextPage}">»</a></li>
  825. {/block:NextPage}
  826. </ul>
  827. {/block:Pagination}
  828. {/block:IndexPage}
  829.  
  830. <div id="footer">
  831. {block:IffooterText}
  832. {text:footerText}
  833. <br>
  834. {/block:IffooterText}
  835. theme <a href="http://rickerlrthemes.tumblr.com/lightglass5/" target="_blank">LightGlass 5 columns</a> by <a rel="author" href="http://rickerlr.tumblr.com/" target="_blank">rickerlr</a>
  836. <br>
  837. <a href="http://rickerlrthemes.tumblr.com/" target="_blank">rickerlrthemes</a>
  838. </div>
  839.  
  840.  
  841. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
  842. {block:IfHideDescription}
  843. <script type="text/javascript">
  844. $(function(){
  845. $("#nameBlog").click(function(){
  846. $("#head_description").fadeToggle(500);
  847. });
  848. });
  849. </script>
  850. {/block:IfHideDescription}
  851. {block:IndexPage}
  852. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/4IKlvmzup/jquery.masonry.min.js"></script>
  853. {block:IfInfiniteScroll}
  854. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  855. {/block:IfInfiniteScroll}
  856. <script type="text/javascript">
  857. $(window).load(function () {
  858. var $content = $('#content');
  859. $content.masonry({
  860. itemSelector: '.posts',
  861. isAnimated: true
  862. }),
  863. $content.infinitescroll({
  864. navSelector : '#pagination',
  865. nextSelector : '#pagination a#nextPage',
  866. itemSelector : '.posts',
  867. loading: {
  868. finishedMsg: '',
  869. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  870. },
  871. bufferPx : 200,
  872. debug : false,
  873. },
  874. // call masonry as a callback.
  875. function( newElements ) {
  876. var $newElems = $( newElements );
  877. $newElems.hide();
  878. // ensure that images load before adding to masonry layout
  879. $newElems.imagesLoaded(function(){
  880. $content.masonry( 'appended',
  881. $newElems, true,
  882. function(){$newElems.fadeIn(300);}
  883. );
  884.  
  885.  
  886. });
  887. });
  888. });
  889. </script>
  890. {/block:IndexPage}
  891. {block:IfContainerFadeIn}
  892. <script type="text/javascript">
  893. $(function(){
  894. $("#container").fadeIn(500);
  895. });
  896. </script>
  897. {/block:IfContainerFadeIn}
  898.  
  899. <script type="text/javascript">
  900. (function() {
  901. var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
  902. po.src = 'https://apis.google.com/js/plusone.js';
  903. var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  904. })();
  905. </script>
  906. </body>
  907. <!--Hypster Music Player-->
  908. <script type="text/javascript" src="http://scm.hypster.com/script.php" ><!--
  909. //--></script>
  910. <script type="text/javascript"><!--
  911. SCMMusicPlayer.init("{'skin':'skins/black/skin.css','playback':{'autostart':'false','shuffle':'false','volume':'100'},'playlist':'4138265','placement':'bottom','showplaylist':'false'}");
  912. //--></script>
  913. <!--Hypster Music Player-->
  914.  
  915.  
  916.  
  917.  
  918. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
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!