bychloethemes

Candy Cane Theme - by Chloe

Nov 22nd, 2015
339
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.97 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <head>
  3. <!------------------------------------------
  4. _ _ _
  5. | |__ _ _ ___| |__ | | ___ ___
  6. | '_ \| | | | / __| '_ \| |/ _ \ / _ \
  7. | |_) | |_| | | (__| | | | | (_) | __/
  8. |_.__/ \__, | \___|_| |_|_|\___/ \___|
  9. |___/
  10.  
  11. Candy Cane Theme by Chloe | @dontbrag | @themekid
  12.  
  13. > Do not delete any of the credit.
  14. > Do not claim as your own.
  15. > Do not copy any ideas or code.
  16. > Do not redistribute.
  17.  
  18. ------------------------------------------->
  19.  
  20. <meta name="image:Background" content=""/>
  21.  
  22. <meta name="color:Background" content="#fff"/>
  23.  
  24. <meta name="color:Text" content="#666"/>
  25. <meta name="color:Green Accent" content="#45993c" />
  26. <meta name="color:Red Accent" content="#c91234" />
  27.  
  28. <meta name="select:Falling Things" content="http://bpmaker.giffy.me/userdata/user/52/52903/1/parts.js" title="Snow + Snowflakes" />
  29. <meta name="select:Falling Things" content="http://bpmaker.giffy.me/userdata/user/21/21229/19/parts.js" title="Snowflakes + Snow 2" />
  30. <meta name="select:Falling Things" content="http://bpmaker.giffy.me/userdata/user/46/46275/33/parts.js" title="Snowflakes" />
  31. <meta name="select:Falling Things" content="http://bpmaker.giffy.me/userdata/user/52/52903/5/parts.js" title="Dainty Snow" />
  32. <meta name="select:Falling Things" content="http://bpmaker.giffy.me/userdata/user/53/53342/92/parts.js" title="Snowflakes + Stuff" />
  33. <meta name="select:Falling Things" content="http://bpmaker.giffy.me/userdata/user/52/52487/3/parts.js" title="Misteltoe" />
  34. <meta name="select:Falling Things" content="" title="None" />
  35.  
  36. <meta name="if:Tiled Background" content="1"/>
  37. <meta name="if:Music Player" content="1" />
  38. <meta name="if:Autoplay" content="0" />
  39.  
  40. <meta name="text:Link 1" content="link 1" />
  41. <meta name="text:URL 1" content="http://" />
  42. <meta name="text:Link 2" content="link 2" />
  43. <meta name="text:URL 2" content="http://" />
  44. <meta name="text:Link 3" content="link 3" />
  45. <meta name="text:URL 3" content="http://" />
  46. <meta name="text:Song 1 URL" content="https://a.tumblr.com/tumblr_nga1ayRfxa1rxr1fpo1.mp3" />
  47. <meta name="text:Song 1 Title" content="Silent Night - Patrick & Ann Marie" />
  48. <meta name="text:Song 2 URL" content="https://a.tumblr.com/tumblr_mvqamgt8yG1r2384eo1.mp3" />
  49. <meta name="text:Song 2 Title" content="Jingle Bell Rock - Bobby Helm" />
  50. <meta name="text:Song 3 URL" content="https://a.tumblr.com/tumblr_mfk2xh4WwZ1roauwso1.mp3" />
  51. <meta name="text:Song 3 Title" content="O Holy Night - Josh Groban" />
  52. <meta name="text:Song 4 URL" content="https://a.tumblr.com/tumblr_lveo5wHgoF1qax9lwo1.mp3" />
  53. <meta name="text:Song 4 Title" content="Away In A Manger - Julie Andrews" />
  54. <meta name="text:Song 5 URL" content="https://a.tumblr.com/tumblr_lvxbeyGgjp1r7uqieo1.mp3" />
  55. <meta name="text:Song 5 Title" content="The First Noel - Nat King Cole" />
  56.  
  57. <meta charset="UTF-8" />
  58. <title>{block:TagPage}{Tag} posts | {/block:TagPage} {block:PostSummary}{PostSummary} | {/block:PostSummary}{Title}</title>
  59. <link rel="shortcut icon" href="{Favicon}">
  60. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  61. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  62. <link href="http://static.tumblr.com/wgijwsy/k1Hm9ei8b/normalize.css" rel="stylesheet" type="text/css" />
  63. <link href='//fonts.googleapis.com/css?family=Open+Sans|Petit+Formal+Script' rel='stylesheet' type='text/css'>
  64. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  65. <script>
  66. $(document).ready(function() {
  67. $("body").append("<div class='credit'>" + "<i class='fa fa-gift'>" + "</i>" + "<a class='mine' target='_blank' href='http://themekid.tumblr.com'>&nbsp; Theme Kid</a>" + "</div>");
  68. $("ul#navlinks").append("<li>" + "<a target='_blank' href='http://themekid.tumblr.com' title='credit'></a>" + "</li>");
  69. $("#navlinks a")
  70. .each(function(i) {
  71. if (i != 0) {
  72. $("#beep-two")
  73. .clone()
  74. .attr("id", "beep-two" + i)
  75. .appendTo($(this).parent());
  76. }
  77. $(this).data("beeper", i);
  78. })
  79. .mouseenter(function() {
  80. $("#beep-two" + $(this).data("beeper"))[0].play();
  81. });
  82. $("#beep-two").attr("id", "beep-two0");
  83. })
  84. </script>
  85. <style type="text/css">
  86. #tumblr_controls {
  87. top:15px!important;
  88. right:15px!important;
  89. -webkit-filter: invert(100%);
  90. position:fixed!important;
  91. }
  92. ::-webkit-scrollbar {
  93. background-color:#fff;
  94. height: 7px;
  95. width: 7px;
  96. }
  97. ::-webkit-scrollbar-thumb {
  98. background-color:{color:Green Accent};
  99. border:2px solid #fff;
  100. }
  101. body{
  102. background:{color:background} url({image:Background})
  103. {block:IfTiledBackground}
  104. repeat fixed;
  105. {/block:IfTiledBackground}
  106. {block:IfNotTiledbackground}
  107. no-repeat center center fixed;
  108. -webkit-background-size:cover;
  109. -moz-background-size:cover;
  110. -ms-background-size:cover;
  111. -o-background-size:cover;
  112. background-size:cover;
  113. {/block:IfNotTiledbackground}
  114. color:{color:text};
  115. font-size:12px;
  116. font-family: 'Open Sans', sans-serif;
  117. font-weight:300;
  118. }
  119. a {
  120. text-decoration:none;
  121. color:{color:Text};
  122. }
  123. #s-m-t-tooltip {
  124. max-width:300px;
  125. padding:3px 6px;
  126. margin:20px 0px 0px 20px;
  127. background: #fff;
  128. border:3px double {color:Green Accent};
  129. color:{color:Red Accent};
  130. z-index:999999999999999999;
  131. font-size:10px;
  132. text-transform:uppercase;
  133. font-weight:bold;
  134. }
  135. iframe, img, embed, object, video {
  136. max-width: 100%;
  137. }
  138. img {
  139. height: auto;
  140. width: auto;
  141. vertical-align:middle;
  142. }
  143. #infscr-loading {
  144. position:absolute;
  145. bottom:30px;
  146. width:200px;
  147. margin-left:50%;
  148. left:-100px;
  149. text-align:center;
  150. }
  151. #top, #left, #right, #bottom {
  152. background:{color:Red Accent};
  153. position:fixed;
  154. }
  155. #top, #bottom {
  156. height:13px;
  157. width:100%;
  158. z-index:99;
  159. }
  160. #left, #right {
  161. width:13px;
  162. height:calc(100% - 22px);
  163. top:11px;
  164. z-index:999;
  165. }
  166. #top { top:0px; }
  167. #top:before {
  168. content:'';
  169. background:#fff;
  170. height:2px;
  171. width:calc(100% - 18px);
  172. left:9px;
  173. position:absolute;
  174. top:9px;
  175. }
  176. #bottom {
  177. bottom:0;
  178. }
  179. #bottom:before {
  180. content:'';
  181. background:#fff;
  182. height:2px;
  183. width:calc(100% - 18px);
  184. left:9px;
  185. position:absolute;
  186. bottom:9px;
  187. }
  188. #left {
  189. left:0;
  190. }
  191. #left:before {
  192. content:'';
  193. background:#fff;
  194. width:2px;
  195. height:100%;
  196. position:absolute;
  197. left:9px;
  198. }
  199. #right:before {
  200. content:'';
  201. background:#fff;
  202. width:2px;
  203. height:100%;
  204. position:absolute;
  205. right:9px;
  206. }
  207. #right {
  208. right:0;
  209. }
  210. #sidebar {
  211. width:220px;
  212. position:fixed;
  213. background:#fff;
  214. top:270px;
  215. left:calc(50% - 540px);
  216. border:8px solid {color:Green Accent};
  217. outline:2px solid #fff;
  218. outline-offset:-6px;
  219. padding:15px;
  220. z-index:999;
  221. }
  222. #sidebar h1 {
  223. font-family: 'Petit Formal Script', cursive;
  224. position: absolute;
  225. top: -64px;
  226. left: -5px;
  227. color: #c93d12;
  228. padding: 5px;
  229. color:{color:Red Accent};
  230. }
  231. #sidebar::first-letter {
  232. font-family: 'Petit Formal Script', cursive;
  233. color:{color:Red Accent};
  234. font-size:1.8em;
  235. }
  236. ul#navlinks {
  237. list-style-type: none;
  238. margin: 0;
  239. padding: 0;
  240. text-align: right;
  241. position: absolute;
  242. width: 100%;
  243. bottom: -35px;
  244. left: 0;
  245. }
  246. ul#navlinks li {
  247. display:inline-block;
  248. }
  249. ul#navlinks li a {
  250. width: 12px;
  251. height: 12px;
  252. display: inline-block;
  253. border-radius: 50%;
  254. border: 2px solid {color:Red Accent};
  255. -webkit-transition: all 0.3s ease-in-out;
  256. -moz-transition: all 0.3s ease-in-out;
  257. -o-transition: all 0.3s ease-in-out;
  258. transition: all 0.3s ease-in-out;
  259. }
  260. ul#navlinks li:hover a {
  261. background: {color:Red Accent};
  262. -webkit-transition: all 0.3s ease-in-out;
  263. -moz-transition: all 0.3s ease-in-out;
  264. -o-transition: all 0.3s ease-in-out;
  265. transition: all 0.3s ease-in-out;
  266. }
  267. #corner {
  268. position:fixed;
  269. right:15px;
  270. bottom:15px;
  271. z-index:1000;
  272. width:200px;
  273. -webkit-transition: all 0.6s;
  274. -moz-transition: all 0.6s;
  275. -o-transition: all 0.6s;
  276. transition: all 0.6s;
  277. }
  278. #corner:hover {
  279. -webkit-filter: hue-rotate(150deg);
  280. -webkit-transition: all 0.6s;
  281. -moz-transition: all 0.6s;
  282. -o-transition: all 0.6s;
  283. transition: all 0.6s;
  284. }
  285. #wrapper {
  286. margin-left:calc(50% - 210px);
  287. margin-top:60px;
  288. width:592px;
  289. }
  290. #posts {
  291. {block:PermalinkPage}
  292. width:500px;
  293. margin:0 auto;
  294. {/block:PermalinkPage}
  295. margin-top:30px;
  296. position:relative;
  297. }
  298. .credit {
  299. width:14px;
  300. height:14px;
  301. color: {color:Green Accent};
  302. position:fixed;
  303. bottom: 15px;
  304. left: 15px;
  305. line-height: 14px;
  306. font-size:12px;
  307. padding:3px 4px;
  308. overflow: hidden;
  309. z-index:999999999999999999;
  310. text-align:left;
  311. font-family: 'Petit Formal Script', cursive;
  312. border:3px double #fff;
  313. -webkit-transition: all 0.5s ease-in-out;
  314. -moz-transition: all 0.5s ease-in-out;
  315. -o-transition: all 0.5s ease-in-out;
  316. transition: all 0.5s ease-in-out;
  317. }
  318. .credit .fa {
  319. margin-right:5px;
  320. font-size:1.4em;
  321. vertical-align:top;
  322. line-height:14px;
  323. }
  324. .credit:hover {
  325. width:111px;
  326. background:#fff;
  327. color:{color:Red Accent};
  328. border-color:{color:Green Accent};
  329. -webkit-transition: all 0.5s ease-in-out;
  330. -moz-transition: all 0.5s ease-in-out;
  331. -o-transition: all 0.5s ease-in-out;
  332. transition: all 0.5s ease-in-out;
  333. }
  334. .credit a {
  335. color:{color:Red Accent};
  336. text-decoration: none;
  337. font-weight:bold;
  338. }
  339. .credit a:hover {
  340. color:{color:Green Accent};
  341. }
  342. .credit .mine {
  343. opacity:0;
  344. visibility:hidden;
  345. }
  346. .credit:hover .mine {
  347. opacity: 1;
  348. visibility: visible;
  349. -webkit-transition: all 0.5s ease-in-out 0.5s;
  350. -moz-transition: all 0.5s ease-in-out 0.5s;
  351. -o-transition: all 0.5s ease-in-out 0.5s;
  352. transition: all 0.5s ease-in-out 0.5s;
  353. }
  354. article {
  355. margin-bottom:60px;
  356. position:relative;
  357. {block:IndexPage}
  358. width:250px;
  359. {/block:IndexPage}
  360. {block:PermalinkPage}
  361. width:500px;
  362. {/block:PermalinkPage}
  363. border:8px solid {color:Green Accent};
  364. outline:2px solid #fff;
  365. outline-offset:-6px;
  366. }
  367. article a {
  368. color:{color:Red Accent};
  369. -webkit-transition: all 0.3s ease-in-out;
  370. -moz-transition: all 0.3s ease-in-out;
  371. -o-transition: all 0.3s ease-in-out;
  372. transition: all 0.3s ease-in-out;
  373. }
  374. article a:hover {
  375. color:{color:Green Accent};
  376. -webkit-transition: all 0.3s ease-in-out;
  377. -moz-transition: all 0.3s ease-in-out;
  378. -o-transition: all 0.3s ease-in-out;
  379. transition: all 0.3s ease-in-out;
  380. }
  381. article h2 {
  382. margin:0 0 10px 0;
  383. font-size:1.3em;
  384. font-family: 'Petit Formal Script', cursive;
  385. color:{color:Red Accent};
  386. }
  387. article p {
  388. margin:10px 0;
  389. }
  390. article p:first-of-type {
  391. margin-top:0;
  392. }
  393. article p:last-of-type {
  394. margin-bottom:0;
  395. }
  396. article p::first-letter {
  397. font-family: 'Petit Formal Script', cursive;
  398. color:{color:Red Accent};
  399. font-size:1.8em;
  400. }
  401. article blockquote {
  402. margin: 5px 0 5px 10px;
  403. border-left:2px solid {color:Green Accent};
  404. padding-left:10px;
  405. }
  406. article ul, article ol {
  407. padding-left:25px;
  408. }
  409. .tb {
  410. padding:15px;
  411. }
  412. .quote-post cite {
  413. text-align:right;
  414. display:block;
  415. margin:5px 5px 10px 5px;
  416. }
  417. ul.chat-list {
  418. padding:0;
  419. list-style-type:none;
  420. margin:0;
  421. }
  422. ul.chat-list li {
  423. line-height:17px;
  424. }
  425. .label {
  426. font-family: 'Petit Formal Script', cursive;
  427. color:{color:Red Accent};
  428. font-weight:bold;
  429. }
  430. .album-art img {
  431. {block:IndexPage}
  432. width:80px;
  433. height:80px;
  434. {/block:IndexPage}
  435. float:left;
  436. margin-right:10px;
  437. border-radius:50%;
  438. {block:PermalinkPage}
  439. width:120px;
  440. height:120px;
  441. {/block:PermalinkPage}
  442. }
  443. .audio-info {
  444. {block:IndexPage}
  445. min-height:60px;
  446. margin-top:20px;
  447. {/block:IndexPage}
  448. {block:PermalinkPage}
  449. min-height:120px;
  450. line-height:140%;
  451. {/block:PermalinkPage}
  452. margin-bottom:10px;
  453. }
  454. .tumblr_audio_player {
  455. position: absolute;
  456. {block:IndexPage}
  457. top: 40px;
  458. left: 40px;
  459. {/block:IndexPage}
  460. {block:PermalinkPage}
  461. top: 45px;
  462. left: 45px;
  463. {/block:PermalinkPage}
  464. width: 30px;
  465. height: 30px;
  466. border-radius: 50%;
  467. opacity: 0.8;
  468. }
  469. .photo-mask {
  470. width:100%;
  471. height:100%;
  472. position:absolute;
  473. opacity:0;
  474. visibility:hidden;
  475. -webkit-transition: all 0.4s ease-in;
  476. -moz-transition: all 0.4s ease-in;
  477. -o-transition: all 0.4s ease-in;
  478. transition: all 0.4s ease-in;
  479. background:rgba(255,255,255, 0.9);
  480. }
  481. article:hover .photo-mask {
  482. opacity:1;
  483. visibility:visible;
  484. -webkit-transition: all 0.4s ease-in;
  485. -moz-transition: all 0.4s ease-in;
  486. -o-transition: all 0.4s ease-in;
  487. transition: all 0.4s ease-in;
  488. }
  489. .photo-info {
  490. top:50%;
  491. left:50%;
  492. padding: 7px;
  493. position:relative;
  494. text-align:center;
  495. -webkit-transform: translate(-50%, -50%);
  496. -moz-transform: translate(-50%, -50%);
  497. -ms-transform: translate(-50%, -50%);
  498. -o-transform: translate(-50%, -50%);
  499. transform: translate(-50%, -50%);
  500. color:{color:Green Accent};
  501. width:60%;
  502. }
  503. .photo-info a {
  504. color:{color:Red Accent};
  505. padding:2px 5px;
  506. margin:3px ;
  507. line-height:200%;
  508. font-weight:bold;
  509. font-family: 'Open Sans', sans-serif;
  510. -webkit-transition: all 0.4s ease-in-out;
  511. -moz-transition: all 0.4s ease-in-out;
  512. -o-transition: all 0.4s ease-in-out;
  513. transition: all 0.4s ease-in-out;
  514. }
  515. .photo-info a:hover {
  516. color:#fff;
  517. background:{color:Red Accent};
  518. -webkit-transition: all 0.4s ease-in-out;
  519. -moz-transition: all 0.4s ease-in-out;
  520. -o-transition: all 0.4s ease-in-out;
  521. transition: all 0.4s ease-in-out;
  522. }
  523. .other_perma {
  524. text-align:right;
  525. color:{color:Green Accent};
  526. padding:0px 10px 10px 10px;
  527. font-family: 'Open Sans', sans-serif;
  528. font-weight:bold;
  529. }
  530. .extra-info {
  531. position: fixed;
  532. padding: 0 30px;
  533. line-height: 20px;
  534. width: 120px;
  535. text-align: left;
  536. top: 70px;
  537. margin-left: 500px;
  538. z-index: 999;
  539. }
  540. .extra-info .fa {
  541. color:{color:Green Accent};
  542. }
  543. ol.notes {
  544. padding: 10px;
  545. margin: 20px 0;
  546. list-style-type: none;
  547. }
  548. ol.notes a {
  549. border-bottom:0;
  550. }
  551. ol.notes li.note {
  552. padding: 3px;
  553. margin-bottom:3px;
  554. }
  555. ol.notes li.note img.avatar {
  556. float:right;
  557. border-radius:50%;
  558. }
  559. ol.notes li.note blockquote {
  560. border-color: {color:text};
  561. padding-left: 6px;
  562. margin: 6px;
  563. }
  564. ol.notes li.note blockquote a {
  565. text-decoration: none;
  566. }
  567. a:focus {
  568. outline:none;
  569. }
  570. {block:IfMusicPlayer}
  571. .music {
  572. width:100px;
  573. height:100px;
  574. top:20px;
  575. left:20px;
  576. position:fixed;
  577. z-index:1000;
  578. }
  579. .music img {
  580. -webkit-transform: rotate(-90deg);
  581. -moz-transform: rotate(-90deg);
  582. -ms-transform: rotate(-90deg);
  583. -o-transform: rotate(-90deg);
  584. transform: rotate(-90deg);
  585. }
  586. .box {
  587. width:180px;
  588. border:8px solid {color:Green Accent};
  589. outline:2px solid #fff;
  590. outline-offset:-6px;
  591. position:absolute;
  592. top:50px;
  593. left:35px;
  594. padding:10px;
  595. background:#fff;
  596. color:{color:Red Accent};
  597. font-weight:bold;
  598. font-size:0.9em;
  599. opacity:0;
  600. visibility:hidden;
  601. -webkit-transition: all 0.4s;
  602. -moz-transition: all 0.4s;
  603. -o-transition: all 0.4s;
  604. transition: all 0.4s;
  605. }
  606. .music:hover .box {
  607. opacity:1;
  608. visibility:visible;
  609. top:30px;
  610. -webkit-transition: all 0.4s;
  611. -moz-transition: all 0.4s;
  612. -o-transition: all 0.4s;
  613. transition: all 0.4s;
  614. }
  615. {/block:IfMusicPlayer}
  616. </style>
  617. </head>
  618. <body>
  619. <script type="text/javascript" src="{select:Falling Things}"></script>
  620. <div id="top"></div><div id="bottom"></div>
  621. <div id="left"></div><div id="right"></div>
  622. <div id="corner"><img src="http://1.bp.blogspot.com/-VK50R5ir30Q/UOCgjbnWG8I/AAAAAAAAAcw/grEwPV6Ncmk/s1600/Deer+Transparent.png"></div>
  623. {block:IfMusicPlayer}
  624. <div class='music'>
  625. <img src="http://static.tumblr.com/yxfeliq/9QYny7xk5/xmas.png"/>
  626. <div class="box">
  627. <embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay={block:IfNotAutoplay}false{/block:IfNotAutoplay}{block:IfAutoplay}true{/block:IfAutoPlay}&f0={text:Song 1 URL}&t0={text:Song 1 Title}&f1={text:Song 2 URL}&t1={text:Song 2 Title}&f2={text:Song 3 URL}&t2={text:Song 3 Title}&f3={text:Song 4 URL}&t3={text:Song 4 Title}&f4={text:Song 5 URL}&t4={text:Song 5 Title}&total=5" quality="high" wmode="transparent" width="180" height="10" name="billy" align="middle" type="application/x-shockwave-flash" id="billy-player"/>
  628. {block:IfSong1Title}<br><br>1. {text:Song 1 Title}{/block:IfSong1Title}
  629. {block:IfSong2Title}<br>2. {text:Song 2 Title}{/block:IfSong2Title}
  630. {block:IfSong3Title}<br>3. {text:Song 3 Title}{/block:IfSong3Title}
  631. {block:IfSong4Title}<br>4. {text:Song 4 Title}{/block:IfSong4Title}
  632. {block:IfSong5Title}<br>5. {text:Song 5 Title}{/block:IfSong5Title}
  633. </div>
  634. </div>
  635. {/block:IfMusicPlayer}
  636. <div id="sidebar">
  637. <h1>{Title}</h1>
  638. {block:Description}{Description}{/block:Description}
  639. <ul id="navlinks">
  640. <li>
  641. <a href="/" title="home"></a>
  642. <audio id="beep-two">
  643. <source src="https://dl.dropboxusercontent.com/s/2hnwt73ige0cl8p/BELL-%20SMALL-%20TINKLE.mp3?dl=0" controls></source>
  644. </audio>
  645. </li>
  646. {block:AskEnabled}<li><a href="/ask" title="message"></a></li>{/block:AskEnabled}
  647. {block:SubmissionsEnabled}<li><a href="/submit" title="submit"></a></li>{/block:SubmissionsEnabled}
  648. {block:IfLink1}<li><a href="{text:URL 1}" title="{text:Link 1}"></a></li>{/block:IfLink1}
  649. {block:IfLink2}<li><a href="{text:URL 2}" title="{text:Link 2}"></a></li>{/block:IfLink2}
  650. {block:IfLink3}<li><a href="{text:URL 3}" title="{text:Link 3}"></a></li>{/block:IfLink3}
  651. <li><a href="/archive" title="history"></a></li>
  652. </ul>
  653. </div>
  654. <div id="wrapper">
  655. <div id="posts">
  656. {block:Posts}
  657. <article>
  658. {block:Text}
  659. <div class="text-post tb">
  660. {block:Title}<h2>{Title}</h2>{/block:Title}
  661. {Body}
  662. </div>
  663. {block:IndexPage}
  664. <div class="other_perma">
  665. <a href="{ReblogURL}" target="_blank"><i class="fa fa-refresh"></i></a> &nbsp;/&nbsp; <a href="{Permalink}" target="_blank">{NoteCount}+</a>
  666. </div>
  667. {/block:IndexPage}
  668. {/block:Text}
  669.  
  670. {block:Photo}
  671. <div class="photo-post">
  672. {block:IndexPage}
  673. <div class="photo-mask">
  674. <div class="photo-info"><a href="{Permalink}" target="_blank">{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}</a> <a href="{ReblogURL}" target="_blank">REBLOG</a> <br><a href="{Permalink}" target="_blank">{NoteCount}+</a></div>
  675. </div>
  676. <div class="photo-wrap"><img src="{PhotoURL-250}" class="photos"></div>
  677. {/block:IndexPage}
  678. {block:PermalinkPage}
  679. <div class="photo-wrap"><img src="{PhotoURL-500}" class="photos"></div>
  680. {block:Caption}{Caption}{/block:Caption}
  681. {/block:PermalinkPage}
  682. </div>
  683. {/block:Photo}
  684.  
  685. {block:Photoset}
  686. <div class="photoset-post">
  687. {block:IndexPage}
  688. {Photoset-250}
  689. <div class="other_perma">
  690. <a href="{ReblogURL}" target="_blank"><i class="fa fa-refresh"></i></a> &nbsp;/&nbsp; <a href="{Permalink}" target="_blank">{NoteCount}+</a>
  691. </div>
  692. {/block:IndexPage}
  693. {block:PermalinkPage}
  694. {Photoset-500}
  695. {block:Caption}{Caption}{/block:Caption}
  696. {/block:PermalinkPage}
  697. </div>
  698. {/block:Photoset}
  699.  
  700. {block:Quote}
  701. <div class="quote-post tb">
  702. <h2><span style="color:{color:Green Accent};">❝</span> {Quote} <span style="color:{color:Green Accent};">❞</span></h2>
  703. {block:Source}<cite>-&nbsp;{Source}</cite>{/block:Source}
  704. </div>
  705. {block:IndexPage}
  706. <div class="other_perma">
  707. <a href="{ReblogURL}" target="_blank"><i class="fa fa-refresh"></i></a> &nbsp;/&nbsp; <a href="{Permalink}" target="_blank">{NoteCount}+</a>
  708. </div>
  709. {/block:IndexPage}
  710. {/block:Quote}
  711.  
  712. {block:Link}
  713. <div class="link-post tb">
  714. <h2><a href="{URL}" {Target}>{Name} &nbsp;<i class="fa fa-angle-right"></i></a></h2>
  715. {block:Description}{Description}{/block:Description}
  716. </div>
  717. {block:IndexPage}
  718. <div class="other_perma">
  719. <a href="{ReblogURL}" target="_blank"><i class="fa fa-refresh"></i></a> &nbsp;/&nbsp; <a href="{Permalink}" target="_blank">{NoteCount}+</a>
  720. </div>
  721. {/block:IndexPage}
  722. {/block:Link}
  723.  
  724. {block:Chat}
  725. <div class="chat-post tb">
  726. {block:Title}<h2>{Title}</h2>{/block:Title}
  727. <ul class="chat-list">
  728. {block:Lines}
  729. <li class="{Alt}">
  730. {block:Label}<span class="label">{Label}</span>{/block:Label}
  731. {Line}</li>
  732. {/block:Lines}
  733. </ul>
  734. </div>
  735. {block:IndexPage}
  736. <div class="other_perma">
  737. <a href="{ReblogURL}" target="_blank"><i class="fa fa-refresh"></i></a> &nbsp;/&nbsp; <a href="{Permalink}" target="_blank">{NoteCount}+</a>
  738. </div>
  739. {/block:IndexPage}
  740. {/block:Chat}
  741.  
  742. {block:Audio}
  743. <div class="audio tb">
  744. {block:AlbumArt}
  745. <div class="album-art">
  746. <img src="{AlbumArtURL}">
  747. </div>
  748. {/block:AlbumArt}
  749. <div class="audio-info">
  750. <span class="label">Artist:</span> <span {block:Artist}style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br>
  751. <span class="label">Title:</span> <span {block:TrackName}style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}
  752. {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}
  753. </div>
  754. </div>
  755. {block:IndexPage}
  756. <div class="other_perma">
  757. <a href="{ReblogURL}" target="_blank"><i class="fa fa-refresh"></i></a> &nbsp;/&nbsp; <a href="{Permalink}" target="_blank">{NoteCount}+</a>
  758. </div>
  759. {/block:IndexPage}
  760. {block:PermalinkPage}
  761. {block:Caption}{Caption}{/block:Caption}
  762. {/block:PermalinkPage}
  763. {/block:Audio}
  764.  
  765. {block:Video}
  766. <div class="video-post">
  767. {block:IndexPage}
  768. {Video-250}
  769. {/block:IndexPage}
  770. {block:PermalinkPage}
  771. {Video-500}
  772. {block:Caption}{Caption}{/block:Caption}
  773. {/block:PermalinkPage}
  774. </div>
  775. {block:IndexPage}
  776. <div class="other_perma">
  777. <a href="{ReblogURL}" target="_blank"><i class="fa fa-refresh"></i></a> &nbsp;/&nbsp; <a href="{Permalink}" target="_blank">{NoteCount}+</a>
  778. </div>
  779. {/block:IndexPage}
  780. {/block:Video}
  781.  
  782. {block:PermalinkPage}
  783.  
  784. {block:PostNotes}
  785. <div id="notes">
  786. {PostNotes-16}
  787. </div>
  788. {/block:PostNotes}
  789. {/block:PermalinkPage}
  790.  
  791. </article>
  792. {block:PermalinkPage}
  793.  
  794. <div class="extra-info">
  795. {block:Date}<i class="fa fa-clock-o"></i> {DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}{/block:Date}
  796. {block:NoteCount}<br><i class="fa fa-files-o"></i> {NoteCount}{/block:NoteCount}
  797. {block:RebloggedFrom}<br><i class="fa fa-retweet"></i> <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  798. {block:ContentSource}<br><i class="fa fa-copyright"></i> <a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource}
  799. {block:HasTags}<br><i class="fa fa-tag"></i> {block:Tags}#<a href="/tagged/{Tag}">{Tag}</a> {/block:Tags}{/block:HasTags}
  800. </div>
  801. {/block:PermalinkPage}
  802. {/block:Posts}
  803. </div><!--end posts-->
  804. </div><!--end wrapper-->
  805.  
  806. {block:Pagination}
  807. <div class="pagination" style="visibility:hidden;">
  808. {block:PreviousPage}
  809. <a href="{PreviousPage}">previous</a>
  810. {/block:PreviousPage}
  811. {block:NextPage}
  812. <a href="{NextPage}" id="next">next</a>
  813. {/block:NextPage}
  814. </div>
  815. {/block:Pagination}
  816. <script src="//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>
  817. {block:IndexPage}
  818. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  819. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  820. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  821. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  822. <script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  823. <script>
  824. (function () {
  825. var $tumblelog = $('#posts');
  826. $tumblelog.imagesLoaded(function () {
  827. $tumblelog.masonry({
  828. itemSelector: 'article',
  829. isAnimated:true,
  830. columnWidth:266,
  831. gutterWidth:60,
  832. });
  833. });
  834. $tumblelog.infinitescroll({
  835. navSelector : "div.pagination",
  836. nextSelector : ".pagination a#next",
  837. itemSelector : "article",
  838. loading: {
  839. finishedMsg: "<p>You've reached the end of the Earth.</p>",
  840. img : "http://static.tumblr.com/yxfeliq/ZQFnvhfad/dontbrag-loading.gif",
  841. msg: null,
  842. msgText: ""
  843. },
  844. },
  845.  
  846. function( newElements ) {
  847. var $newElems = $(newElements)
  848. $newElems.hide();
  849. $newElems.imagesLoaded(function(){
  850. $tumblelog.masonry( 'appended', $newElems, {
  851. isAnimated: true,
  852. animationOptions: {
  853. duration: 250,
  854. easing: 'linear',
  855. queue: false
  856. }
  857. },
  858. function(){
  859. $newElems.fadeIn('slow');
  860. }
  861. );
  862. });
  863. });
  864. })();
  865. </script>
  866. {/block:IndexPage}
  867. <div style="display:none;"><script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5143025";
  868. var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height;
  869. fhs.src = "http://freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=&e2=&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"";
  870. document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"'></span>");
  871. </script>
  872. </div>
  873. <!--/////////End Masonry//////////-->
  874.  
  875. </body>
  876. </html>
Advertisement
Add Comment
Please, Sign In to add comment