bychloethemes

Tugboat Theme - by Chloe

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