bychloethemes

Shuffle Theme - by Chloe

May 10th, 2015
1,972
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.53 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <!--
  5. Shuffle Theme - bychloethemes.tumblr.com
  6. don't be a douche and delete the credit
  7. -->
  8. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
  9. <script type="text/javascript">
  10. $(document).ready(function() {
  11. var s = $("#sidebar");
  12. var pos = s.position();
  13. $(window).scroll(function() {
  14. var windowpos = $(window).scrollTop();
  15.  
  16. if (windowpos >= pos.top) {
  17. s.addClass("scroll");
  18. } else {
  19. s.removeClass("scroll");
  20. }
  21. });
  22. });
  23. </script>
  24. <meta name="color:Background" content="#ffffff" />
  25. <meta name="color:Body links" content="#444444" />
  26. <meta name="color:Body text" content="#1d1818" />
  27. <meta name="color:post color" content="#fff" />
  28. <meta name="color:border color" content="#888" />
  29. <meta name="color:permalink border" content="#7bd4e7" />
  30. <meta name="color:shadow color" content="#ccc" />
  31. <meta name="color:question background" content="#bde9f3" />
  32. <meta name="color:Text highlight" content="#78cc6f" />
  33. <meta name="color:Updates Tab" content="blue" />
  34. <meta name="color:Networks Tab" content="red" />
  35. <meta name="color:Currently Tab" content="yellow" />
  36. <meta name="font:Body" content='verdana,sans-serif'/>
  37. <meta name="select:Other Font" content="Consolas" title="consolas">
  38. <meta name="select:Other Font" content="Arial" title="arial">
  39. <meta name="select:Other Font" content="Century Gothic" title="century gothic">
  40. <meta name="select:Other Font" content="'Open Sans', sans-serif" title="open sans">
  41. <meta name="select:Other Font" content="'Open Sans', sans-serif" title="open sans">
  42. <meta name="select:Other Font" content="'Abel', sans-serif" title="abel">
  43. <meta name="select:Other Font" content="Calibri" title="calibri">
  44. <meta name="select:Other Font" content="'Josefin Slab', sans-serif" title="josefin slab">
  45. <meta name="select:Other Font" content="'Inconsolata', " title="inconsolata">
  46. <meta name="select:Other Font" content="'Delius', cursive" title="delius">
  47. <meta name="select:Other Font" content="'Marmelad', sans-serif" title="marmelad">
  48. <meta name="if:Other Font" content="1" />
  49. <meta name="if:updates tabs" content="1" />
  50. <meta name="if:Tiled Background" content="1" />
  51. <meta name="if:Show Description" content="1" />
  52. <meta name="if:Archive link" content="1" />
  53. <meta name="text:Link 1" content="" />
  54. <meta name="text:URL 1" content="" />
  55. <meta name="text:Link 2" content="" />
  56. <meta name="text:URL 2" content="" />
  57. <meta name="text:Link 3" content="" />
  58. <meta name="text:URL 3" content="" />
  59. <meta name="text:Updates Tab Content" content="" />
  60. <meta name="text:Networks Tab Content" content="" />
  61. <meta name="text:Currently Tab Content" content="" />
  62. <meta name="image:Background" content="http://static.tumblr.com/9e8c32d885353a3a7158e3d0352b03d6/i5s2zks/66fno4uzm/tumblr_static_9eg40ia285s8k4ws8cgocwko8.png" />
  63. {block:Description}
  64. <meta name="description" content="{MetaDescription}" />
  65. {/block:Description}
  66. <meta charset="utf-8">
  67. <meta name="viewport" content="initial-scale=1.0, width=device-width" />
  68. <title>{block:TagPage}{Tag} posts - {/block:TagPage} {block:PostSummary}{PostSummary} - {/block:PostSummary}{Title}</title>
  69. <link rel="shortcut icon" href="{Favicon}">
  70. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  71. <link href="http://static.tumblr.com/wgijwsy/k1Hm9ei8b/normalize.css" rel="stylesheet" type="text/css" />
  72. <link href='http://fonts.googleapis.com/css?family=Abel|Cutive+Mono|Poiret+One|Short+Stack|Josefin+Slab|Inconsolata|Slabo+27px|Open+Sans|Delius|Marmelad' rel='stylesheet' type='text/css'>
  73. <style type="text/css">
  74. /*Basic styles*/
  75.  
  76. ::-moz-selection {
  77. background: {color:Text highlight};
  78. color: #fff;
  79. }
  80. ::selection {
  81. background: {color:Text highlight};
  82. color: #fff;
  83. }
  84. #tumblr_controls{
  85. top: 1px !important;
  86. margin: 0 0 0 0;
  87. right: 6px !important;
  88. position: fixed !important;
  89. -webkit-filter: invert(100%) ;important;
  90. }
  91. #content {
  92. margin-left:auto;
  93. margin-right:auto;
  94. margin-top:200px;
  95. {block:IndexPage}
  96. width:704px;
  97. {/block:IndexPage}
  98. {block:PermalinkPage}
  99. width:500px;
  100. {/block:PermalinkPage}
  101. }
  102. body {
  103. background: {color:Background} url('{image:Background}'){block:IfNotTiledBackground}no-repeat center center fixed;
  104. -webkit-background-size: cover;
  105. -moz-background-size: cover;
  106. -o-background-size: cover;
  107. background-size: cover;
  108. {/block:IfNotTiledBackground}
  109. {block:IfTiledBackground}
  110. repeat;
  111. background-attachment:fixed;
  112. {/block:IfTiledBackground}
  113. color: {color:Body text};
  114. {block:IfOtherFont}
  115. font-family: {select:Other Font};
  116. {/block:IfOtherFont}
  117. {block:IfNotOtherFont}
  118. font-family: {font:Body};
  119. {/block:IfNotOtherFont}
  120. font-size: 12px;
  121. margin: 0;
  122. padding: 0;
  123. }
  124. a:link, a:visited {
  125. text-decoration: none;
  126. color: {color:Body links};
  127. }
  128. a:hover, a:active {
  129. text-decoration: underline;
  130. color: {color:Body links};
  131. }
  132. blockquote {
  133. border-left: 1px solid black;
  134. margin: 0;
  135. padding: 2px 5px!important;
  136. }
  137. iframe, img, embed, object, video {
  138. max-width: 100%;
  139. }
  140. img {
  141. height: auto;
  142. width: auto;
  143. }
  144. /*Masthead*/
  145. #sidebar {
  146. top:25px;
  147. margin-right:50%;
  148. right:-352px;
  149. width:704px;
  150. height:100px;
  151. position:fixed;
  152. text-align:right;
  153. padding:10px;
  154. z-index:9999999;
  155. font-size:15px;
  156. -webkit-transition: all 0.7s ease-in-out;
  157. -moz-transition: all 0.7s ease-in-out;
  158. -o-transition: all 0.7s ease-in-out;
  159. transition: all 0.7s ease-in-out;
  160. }
  161. #sidebar h1 {
  162. display: block;
  163. font-size: 30px;
  164. margin-top: 0;
  165. margin-bottom: 0;
  166. margin-left: 0;
  167. margin-right: 0;
  168. font-weight: normal;
  169. text-transform:uppercase;
  170. }
  171. #sidebar.scroll {
  172. right: 0px;
  173. margin-right: 20px;
  174. width:250px;
  175. height:auto;
  176. -webkit-transition: all 0.7s ease-in-out;
  177. -moz-transition: all 0.7s ease-in-out;
  178. -o-transition: all 0.7s ease-in-out;
  179. transition: all 0.7s ease-in-out;
  180. }
  181. #sidebar p {
  182. font-size:12px;
  183. padding-left:260px;
  184. -webkit-transition: all 0.7s ease-in-out;
  185. -moz-transition: all 0.7s ease-in-out;
  186. -o-transition: all 0.7s ease-in-out;
  187. transition: all 0.7s ease-in-out;
  188. }
  189. #sidebar.scroll p {
  190. padding-left:0px;
  191. -webkit-transition: all 0.7s ease-in-out;
  192. -moz-transition: all 0.7s ease-in-out;
  193. -o-transition: all 0.7s ease-in-out;
  194. transition: all 0.7s ease-in-out;
  195. }
  196. #sidebar ul {
  197. list-style-type:none;
  198. margin-left:0px;
  199. }
  200. #sidebar li {
  201. display:inline-block;
  202. padding:5px 5px;
  203. font-size:14px;
  204. }
  205. #sidebar li:hover {
  206. }
  207. #sidebar li:last-child {
  208. margin-right:0px!important;
  209. }
  210. /*Article*/
  211. article {
  212. margin:15px;
  213. width:300px;
  214. padding:10px;
  215. background:{color:Post color};
  216. {block:PermalinkPage}
  217. width: 500px;
  218. {/block:PermalinkPage}
  219. border: 1px solid {color:border color};
  220. box-shadow:5px 5px {color:shadow color};
  221. }
  222. .photosetpic {
  223. padding:0px 25px;
  224. }
  225. .answer{
  226. padding-top:1px!important;
  227. }
  228. .post{
  229. padding:0;
  230. margin:0px 0px -2px 0px;
  231. }
  232. article h1 {
  233. font-weight:normal;
  234. text-transform:uppercase;
  235. font-size:20px;
  236. }
  237. .chat span {
  238. float: left;
  239. margin-right: 5px;
  240. }
  241. .tumblr_audio_player {
  242. height: 30px;
  243. width: 300px;
  244. opacity:0.7;
  245. }
  246. .albumart {
  247. position:absolute;
  248. {block:IndexPage}
  249. width:60px;
  250. height:60px;
  251. {/block:IndexPage}
  252. }
  253.  
  254. .albumart img {
  255. float:left;
  256. margin-left:5px;
  257. {block:IndexPage}
  258. width:60px;
  259. height:60px;
  260. {/block:IndexPage}
  261. border:1px solid #fff;
  262. }
  263.  
  264. .playbox {
  265. opacity:0.6;
  266. width:30px;
  267. height:30px;
  268. border-radius:15px;
  269. -webkit-border-radius:15px;
  270. -moz-border-radius:15px;
  271. -o-border-radius:15px;
  272. overflow:hidden;
  273. position:absolute;
  274. z-index:2;
  275. {block:IndexPage}
  276. margin-left:21px;
  277. margin-top:16px;
  278. {block:IndexPage}
  279. }
  280.  
  281. .audioinfo {
  282. margin-top:2px;
  283. line-height:12px;
  284. font-size:10px;
  285. padding-bottom:10px;
  286. text-transform:uppercase;
  287. padding-left:5px;
  288. min-height:50px;
  289. border-left:1px solid {color:permalink border};
  290. {block:IndexPage}
  291. margin-left:75px;
  292. {block:IndexPage}
  293. }
  294. .asks {
  295. border-radius:100%;
  296. margin-right:15px;
  297. margin-bottom:10px;
  298. border:2px solid {color:permalink border};
  299. float:left;
  300. }
  301. .question {
  302. background:{color:question background};
  303. border-radius:5px;
  304. padding:5px;
  305. width:245px;
  306. line-height:13px;
  307. float:left;
  308. margin-bottom:15px;
  309. margin-top:3px;
  310. }
  311. .question:before {
  312. content:"";
  313. width: 0;
  314. height: 0;
  315. border-style: solid;
  316. border-width: 5px 10px 5px 0;
  317. border-color: transparent {color:question background} transparent transparent;
  318. position:absolute;
  319. left:43px;
  320. top:20px;
  321. z-index:999;
  322. }
  323. /*Metadata*/
  324. .metadata {
  325. display: inline-block;
  326. width: 100%;
  327. }
  328. .reblogged {
  329. float: right;
  330. }
  331. /*Tags and notes*/
  332. #tags, nav ul, .chat ul {
  333. list-style: none;
  334. list-style-image: none;
  335. margin: 0;
  336. padding: 0;
  337. }
  338. #tags li {
  339. float: left;
  340. margin-right: 10px;
  341. }
  342. .notes {
  343. clear: both;
  344. padding: 0;
  345. }
  346. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {
  347. display:none;
  348. }
  349. #infscr-loading {
  350. display:none;
  351. }
  352. .navigation {
  353. display:none!important;
  354. }
  355. .copyright {
  356. position:fixed;
  357. bottom:10px;
  358. left:10px;
  359. }
  360.  
  361. .permalink {
  362. margin:10px 0px 5px 0px;
  363. padding:5px;
  364. text-align:right;
  365. word-spacing:1px;
  366. border:1px solid {color:permalink border};
  367. }
  368.  
  369. .permalink a{
  370. text-decoration:none;
  371. font-size:10px;
  372. text-transform:uppercase;
  373. }
  374.  
  375. .permalink a:hover{
  376. text-decoration:underline;
  377. }
  378. ol.notes {
  379. padding: 0px;
  380. margin: 25px 0px;
  381. list-style-type: none;
  382. border:1px solid {color:permalink border};
  383. }
  384.  
  385. ol.notes li.note {
  386. margin-left:0px;
  387. padding: 5px;
  388. text-align:left;
  389. line-height:16px;
  390. }
  391.  
  392. ol.notes li.note img.avatar {
  393. float:left;
  394. margin-right:10px;
  395. border-radius:100%;
  396. border:2px solid {color:permalink border};
  397. }
  398.  
  399. ol.notes li.note span.action {
  400. font-weight: normal;
  401. }
  402.  
  403. ol.notes li.note .answer_content {
  404. font-weight: normal;
  405. }
  406.  
  407. ol.notes li.note blockquote {
  408. padding: 4px 5px;
  409. margin: 10px 0px 0px 25px;
  410. }
  411.  
  412. ol.notes li.note blockquote a {
  413. text-decoration: none;
  414. }
  415. /*-----UpdatesTab----*/
  416. {block:IfUpdatesTabs}
  417. #updates {
  418. position: fixed;
  419. top:20px;
  420. left:20px;
  421. width: 25px;
  422. height: 25px;
  423. border: 2px solid {color:Updates Tab};
  424. border-radius: 100%;
  425. -webkit-transition: all 0.5s ease;
  426. -moz-transition: all 0.5s ease;
  427. -o-transition: all 0.5s ease;
  428. transition: all 0.5s ease;
  429. }
  430. #updates:hover {
  431. background: {color:Updates Tab};
  432. -webkit-transition: all 0.5s ease;
  433. -moz-transition: all 0.5s ease;
  434. -o-transition: all 0.5s ease;
  435. transition: all 0.5s ease;
  436. }
  437. #upinfo {
  438. width: 120px;
  439. position: fixed;
  440. left: 55px;
  441. top: 55px;
  442. border: 2px solid {color:Updates Tab};
  443. border-radius: 5px;
  444. color: black;
  445. opacity: 0;
  446. visibility: hidden;
  447. height: auto;
  448. padding: 0px 5px;
  449. overflow: hidden;
  450. font-size: 10px;
  451. background: rgba(255,255,255,0.5);
  452. -webkit-transition: all 0.3s ease;
  453. -moz-transition: all 0.3s ease;
  454. -o-transition: all 0.3s ease;
  455. transition: all 0.3s ease;
  456. }
  457. #updates:hover #upinfo {
  458. opacity: 1;
  459. visibility: visible;
  460. padding: 5px;
  461. -webkit-transition: all 0.5s ease 0.3s;
  462. -moz-transition: all 0.5s ease 0.3s;
  463. -o-transition: all 0.5s ease 0.3s;
  464. transition: all 0.5s ease 0.3s;
  465. }
  466. #networks {
  467. position: fixed;
  468. top:20px;
  469. left:65px;
  470. width: 25px;
  471. height: 25px;
  472. border: 2px solid {color:Networks Tab};
  473. border-radius: 100%;
  474. -webkit-transition: all 0.5s ease;
  475. -moz-transition: all 0.5s ease;
  476. -o-transition: all 0.5s ease;
  477. transition: all 0.5s ease;
  478. }
  479. #networks:hover {
  480. background: {color:Networks Tab};
  481. -webkit-transition: all 0.5s ease;
  482. -moz-transition: all 0.5s ease;
  483. -o-transition: all 0.5s ease;
  484. transition: all 0.5s ease;
  485. }
  486. #netinfo {
  487. width: 120px;
  488. position: fixed;
  489. left: 55px;
  490. top: 55px;
  491. border: 2px solid {color:Networks Tab};
  492. border-radius: 5px;
  493. color: black;
  494. opacity: 0;
  495. visibility: hidden;
  496. height: auto;
  497. padding: 0px 5px;
  498. overflow: hidden;
  499. font-size: 10px;
  500. background: rgba(255,255,255,0.5);
  501. -webkit-transition: all 0.3s ease;
  502. -moz-transition: all 0.3s ease;
  503. -o-transition: all 0.3s ease;
  504. transition: all 0.3s ease;
  505. }
  506. #networks:hover #netinfo {
  507. opacity: 1;
  508. visibility: visible;
  509. padding: 5px;
  510. -webkit-transition: all 0.5s ease 0.3s;
  511. -moz-transition: all 0.5s ease 0.3s;
  512. -o-transition: all 0.5s ease 0.3s;
  513. transition: all 0.5s ease 0.3s;
  514. }
  515. #netinfo img {
  516. height:50px;
  517. }
  518. #currently {
  519. position: fixed;
  520. top:65px;
  521. left:20px;
  522. width: 25px;
  523. height: 25px;
  524. border: 2px solid {color:Currently Tab};
  525. border-radius: 100%;
  526. -webkit-transition: all 0.5s ease;
  527. -moz-transition: all 0.5s ease;
  528. -o-transition: all 0.5s ease;
  529. transition: all 0.5s ease;
  530. }
  531. #currently:hover {
  532. background: {color:Currently Tab};
  533. -webkit-transition: all 0.5s ease;
  534. -moz-transition: all 0.5s ease;
  535. -o-transition: all 0.5s ease;
  536. transition: all 0.5s ease;
  537. }
  538. #curinfo {
  539. width: 120px;
  540. position: fixed;
  541. left: 55px;
  542. top: 55px;
  543. border: 2px solid {color:Currently Tab};
  544. border-radius: 5px;
  545. color: black;
  546. opacity: 0;
  547. visibility: hidden;
  548. height: auto;
  549. padding: 0px 5px;
  550. overflow: hidden;
  551. font-size: 10px;
  552. background: rgba(255,255,255,0.5);
  553. -webkit-transition: all 0.3s ease;
  554. -moz-transition: all 0.3s ease;
  555. -o-transition: all 0.3s ease;
  556. transition: all 0.3s ease;
  557. }
  558. #currently:hover #curinfo {
  559. opacity: 1;
  560. visibility: visible;
  561. padding: 5px;
  562. -webkit-transition: all 0.5s ease 0.3s;
  563. -moz-transition: all 0.5s ease 0.3s;
  564. -o-transition: all 0.5s ease 0.3s;
  565. transition: all 0.5s ease 0.3s;
  566. }
  567. {/block:IfUpdatesTabs}
  568. /*Custom CSS*/
  569. {CustomCSS}
  570. </style>
  571. </head>
  572. <body>
  573. {block:IfUpdatesTabs}
  574. <!--Updates Tab-->
  575. <div id="updates">
  576. <div id="upinfo">
  577. Updates:
  578. <br>{Text:Updates Tab Content}
  579. </div>
  580. </div>
  581. <div id="networks">
  582. <div id="netinfo">
  583. Networks:
  584. <marquee behavior="scroll" direction="left" onmouseover="this.stop();" onmouseout="this.start();"><br>{Text:Networks Tab Content}</marquee>
  585. </div>
  586. </div>
  587. <div id="currently">
  588. <div id="curinfo">
  589. Currently:
  590. <br>{Text:Currently Tab Content}
  591. </div>
  592. </div>
  593. {/block:IfUpdatesTabs}
  594. <!--Masthead-->
  595. <header id="sidebar">
  596. <!--Navigation-->
  597. <nav id="blogtitle">
  598. <h1><a href="/" title="{lang:Home}">{Blogtitle}</a></h1>
  599. </nav>
  600. {block:IfShowDescription}
  601. <description>
  602. {block:Description}
  603. <p>{Description}</p>
  604. {block:Description}
  605. {/block:IfShowDescription}
  606. </description>
  607. <nav>
  608. <ul>
  609. {block:AskEnabled}
  610. <li> <a href="/ask">{AskLabel}</a></li>
  611. {/block:AskEnabled}
  612. {block:SubmissionsEnabled}
  613. <li> <a href="/submit">{SubmitLabel}</a></li>
  614. {/block:SubmissionsEnabled}
  615. {block:HasPages}
  616. {block:Pages}
  617. <li> <a href="{URL}">{Label}</a></li>
  618. {/block:Pages}
  619. {/block:HasPages}
  620. {block:IfLink1}
  621. <li> <a href="{text:URL 1}">{text:Link 1}</a> </li>
  622. {/block:IfLink1}
  623. {block:IfLink2}
  624. <li> <a href="{text:URL 2}">{text:Link 2}</a> </li>
  625. {/block:IfLink2}
  626. {block:IfLink3}
  627. <li> <a href="{text:URL 3}">{text:Link 3}</a> </li>
  628. {/block:IfLink3}
  629. {block:IfLink4}
  630. <li> <a href="{text:URL 4}">{text:Link 4}</a> </li>
  631. {/block:IfLink4}
  632. {block:IfLink5}
  633. <li> <a href="{text:URL 5}">{text:Link 5}</a> </li>
  634. {/block:IfLink5}
  635. {block:IfLink6}
  636. <li> <a href="{text:URL 6}">{text:Link 6}</a> </li>
  637. {/block:IfLink6}
  638. {block:IfArchiveLink}
  639. <li> <a href="/archive">past</a></li>
  640. {/block:IfArchiveLink}
  641. <li><a href="http://dontbrag.tumblr.com">theme</a></li>
  642. </ul>
  643. </nav>
  644. </header>
  645. <!--Content holder-->
  646. <div id="content">
  647. {block:Posts}
  648. <article>
  649. <!--Unique code for each post type-->
  650. {block:Text}
  651. <div class="text">
  652. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  653. {Body}
  654. {block:IndexPage}
  655. <div class="permalink">
  656. <a href="{Permalink}">{ShortDayofWeek}&nbsp;{DayOfMonthWithZero}&nbsp;{ShortMonth}</a> &#126; <a href="{Permalink}">{NoteCount}</a> &#126; <a href="{ReblogURL}" target="_blank">RBLG</a></div>
  657. {/block:IndexPage}
  658. {/block:Text}
  659.  
  660. {block:Photo}<div class="photo">
  661. {block:IndexPage}
  662. <a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" />
  663. </a>
  664. <div class="permalink">
  665. <a href="{Permalink}">{ShortDayofWeek}&nbsp;{DayOfMonthWithZero}&nbsp;{ShortMonth}</a> &#126; <a href="{Permalink}">{NoteCount}</a> &#126; <a href="{ReblogURL}" target="_blank">RBLG</a></div>
  666. {/block:IndexPage}
  667. {block:PermalinkPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />
  668. {block:Caption}{Caption}{/block:Caption}
  669. {/block:PermalinkPage}
  670. {/block:Photo}
  671.  
  672. {block:Photoset}
  673. <div class="photoset">
  674. {block:IndexPage}
  675. <div class="photosetpic">
  676. {Photoset-250}
  677. </div>
  678. <div class="permalink">
  679. <a href="{Permalink}">{ShortDayofWeek}&nbsp;{DayOfMonthWithZero}&nbsp;{ShortMonth}</a> &#126; <a href="{Permalink}">{NoteCount}</a> &#126; <a href="{ReblogURL}" target="_blank">RBLG</a></div>
  680. {/block:IndexPage}
  681. {block:PermalinkPage}
  682. {Photoset-500}
  683. {block:Caption}{Caption}{/block:Caption}
  684. {/block:PermalinkPage}
  685. {/block:Photoset}
  686.  
  687. {block:Quote}
  688. <div class="quote">
  689. <p>&ldquo;{Quote}&rdquo;</p>
  690. {block:Source}<p><cite> &mdash;{Source}</cite></p>{/block:Source}
  691. {block:IndexPage}
  692. <div class="permalink">
  693. <a href="{Permalink}">{ShortDayofWeek}&nbsp;{DayOfMonthWithZero}&nbsp;{ShortMonth}</a> &#126; <a href="{Permalink}">{NoteCount}</a> &#126; <a href="{ReblogURL}" target="_blank">RBLG</a></div>
  694. {/block:IndexPage}
  695. {/block:Quote}
  696.  
  697. {block:Link}
  698. <div class="link">
  699. <h1><a href="{URL}">{Name}</a></h1>
  700. {block:Description}{Description}{/block:Description}
  701. {block:IndexPage}
  702. <div class="permalink">
  703. <a href="{Permalink}">{ShortDayofWeek}&nbsp;{DayOfMonthWithZero}&nbsp;{ShortMonth}</a> &#126; <a href="{Permalink}">{NoteCount}</a> &#126; <a href="{ReblogURL}" target="_blank">RBLG</a></div>
  704. {/block:IndexPage}
  705. {/block:Link}
  706.  
  707. {block:Chat}
  708. <div class="chat inner">
  709. <ul>
  710. {block:Lines}<li class="{Alt}"><p>{block:Label}
  711. <u>{Label}</u>{/block:Label} {Line} </p>
  712. </li>{/block:Lines}
  713. </ul>
  714. {block:IndexPage}
  715. <div class="permalink">
  716. <a href="{Permalink}">{ShortDayofWeek}&nbsp;{DayOfMonthWithZero}&nbsp;{ShortMonth}</a> &#126; <a href="{Permalink}">{NoteCount}</a> &#126; <a href="{ReblogURL}" target="_blank">RBLG</a></div>
  717. {/block:IndexPage}
  718. {/block:Chat}
  719.  
  720. {block:Audio}
  721. <div class="audio">
  722. {block:IndexPage}
  723. {block:AlbumArt}
  724. <div class="albumart">
  725. <a href="{Permalink}"><img src="{AlbumArtURL}"></a>
  726. </div>
  727. {/block:AlbumArt}
  728. {block:AudioPlayer}
  729. <div class="playbox">
  730. {AudioPlayerWhite}
  731. </div>
  732. {/block:AudioPlayer}
  733. <div class="audioinfo">
  734. Artist: <span{block:Artist} style="display:none;"
  735. {/block:Artist}>Unknown</span>
  736. {block:Artist}{Artist}{/block:Artist}</br>
  737. Title: <span{block:TrackName} style="display:none;"
  738. {/block:TrackName}>Unknown</span>
  739. {block:TrackName}{TrackName}{/block:TrackName}</br>
  740. Album: <span{block:Album} style="display:none;"
  741. {/block:Album}>Unknown</span>
  742. {block:Album}{Album}{/block:Album}{block:PlayCount}</br>
  743. Plays: {FormattedPlayCount}{/block:PlayCount}
  744. </div>
  745. <div class="permalink">
  746. <a href="{Permalink}">{ShortDayofWeek}&nbsp;{DayOfMonthWithZero}&nbsp;{ShortMonth}</a> &#126; <a href="{Permalink}">{NoteCount}</a> &#126; <a href="{ReblogURL}" target="_blank">RBLG</a></div>
  747. {/block:IndexPage}
  748. {block:PermalinkPage}
  749. {block:AlbumArt}<img src="{AlbumArtURL}" width="400"
  750. height="400"/>{/block:AlbumArt}<br>
  751. Artist: <span{block:Artist} style="display:none;"
  752. {/block:Artist}>Unknown</span>
  753. {block:Artist}{Artist}{/block:Artist} &mdash;
  754. Title: <span{block:TrackName} style="display:none;"
  755. {/block:TrackName}>Unknown</span>
  756. {block:TrackName}{TrackName}{/block:TrackName} &mdash;
  757. Album: <span{block:Album} style="display:none;"
  758. {/block:Album}>Unknown</span>
  759. {block:Album}{Album}{/block:Album}{block:PlayCount} &mdash;
  760. Plays: {FormattedPlayCount}{/block:PlayCount}
  761. {block:Caption}{Caption}{/block:Caption}
  762. {AudioPlayerWhite}
  763. {/block:PermalinkPage}
  764. {/block:Audio}
  765.  
  766. {block:Video}
  767. <div class="video">
  768. <div class="video-player">{Video-250}</div>
  769.  
  770. {block:IndexPage}
  771. <div class="permalink">
  772. <a href="{Permalink}">{ShortDayofWeek}&nbsp;{DayOfMonthWithZero}&nbsp;{ShortMonth}</a> &#126; <a href="{Permalink}">{NoteCount}</a> &#126; <a href="{ReblogURL}" target="_blank">RBLG</a></div>
  773. {/block:IndexPage}
  774. {block:PermalinkPage}
  775. <div class="video-player">{Video-500}</div>
  776. {block:Caption}{Caption}{/block:Caption}
  777. {/block:permalinkPage}
  778. {/block:Video}
  779.  
  780. {block:Answer}
  781. <div class="answer">
  782. <img class="asks" src="{AskerPortraitURL-24}"><div class="question">{lang:Asker asked 2}: {Question}</div>
  783. {Replies}
  784. {block:IndexPage}
  785. <div class="permalink">
  786. <a href="{Permalink}">{ShortDayofWeek}&nbsp;{DayOfMonthWithZero}&nbsp;{ShortMonth}</a> &#126; <a href="{Permalink}">{NoteCount}</a> &#126; <a href="{ReblogURL}" target="_blank">RBLG</a></div>
  787. {/block:IndexPage}
  788. {/block:Answer}
  789. <!--Post footer (tags and notes) on displayed on permalink pages-->
  790. {block:Permalink}
  791. <footer class="details">
  792. {block:HasTags}
  793. <ul id="tags">
  794. {block:Tags}<li> <a href="{TagURL}">#{Tag}</a> </li>{/block:Tags}
  795. </ul>
  796. <br>
  797. {/block:HasTags}
  798. {block:PostNotes}
  799. <div id="notes">
  800. {PostNotes}
  801. </div>
  802. {/block:PostNotes}
  803. </footer>
  804. {/block:Permalink}
  805. </article>
  806. {/block:Posts}
  807. <!--Close of article-->
  808. </div>
  809. <!--Pagination: previous/next page links-->
  810. {block:Pagination}
  811. <div class="pagination">
  812. {block:PreviousPage}<a href="{PreviousPage}">Previous page</a>{/block:PreviousPage}
  813. {block:NextPage}<a href="{NextPage}">Next page</a>{/block:NextPage}
  814. </div>
  815. {/block:Pagination}
  816. <!--Links to jQuery library, Masonry, infinite scroll and imagesLoaded-->
  817. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  818. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  819. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  820. <script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  821. <!--Code for infinite scroll and grid layout-->
  822. <script>
  823. (function() {
  824. var $tumblelog = $('#content');
  825. $tumblelog.infinitescroll({
  826. navSelector : ".pagination",
  827. nextSelector : ".pagination a:first",
  828. itemSelector : "article",
  829. bufferPx : 50,
  830. done : "",
  831. loading: {
  832. finishedMsg: "<p> </p>",
  833. img : "",
  834. msg: null,
  835. msgText: "<p> </p>"
  836. },
  837. },
  838. function( newElements ) {
  839. var $newElems = $( newElements ).css({ opacity: 0 });
  840. $newElems.imagesLoaded(function(){
  841. $newElems.animate({ opacity: 1 });
  842. $tumblelog.masonry( 'appended', $newElems);
  843. });
  844. }
  845. );
  846. $tumblelog.imagesLoaded( function(){
  847. $tumblelog.masonry({
  848. columnWidth: function( containerWidth ) {
  849. return containerWidth / 100;
  850. }
  851. });
  852. });
  853. })();
  854. </script>
  855. <div class="copyright"><a href="http://dontbrag.tumblr.com">&copy;
  856. </a></div>
  857. </body>
  858. </html>
Advertisement
Add Comment
Please, Sign In to add comment