API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jul 27th, 2016
65
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 77.10 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5.  
  6. <!--
  7.  
  8. Theme «Shortcake» by felinum
  9.  
  10. Rules:
  11. 1. Don't claim the code (any part of the code) as your own.
  12. 2. Don't redistribute it on other sites.
  13. 3. Don't implement parts of my code (including the Updates Tab) into your themes.
  14. 4. Leave the credit intact and visible (don't move it to secondary pages).
  15.  
  16.  
  17.  
  18.  
  19. Notes:
  20. 1. Keep your title and subtitle short. If your screen resolution is smaller than 1150px (width), they won't be visible.
  21. 2. If you enable the "Top Bar" OPTION, make sure to disable "Bottom Bar" and vice versa. Same with the "Updates Tab Right" and "Updates Tab Left" options.
  22. 3. To change the post size and number of columns, scroll down the Theme Options panel until you find the "Post Size" and "Number of Columns" labels.
  23. 4. To edit the updates tab, find line 1024 and follow the instructions. (click on the gear icon next to 'Edit HTML' > 'Go to line...')
  24.  
  25.  
  26. Credits:
  27. - infinite scroll: Paul Irish [https://github.com/infinite-scroll/infinite-scroll]
  28. - pixel union photoset: shythemes [http://shythemes.tumblr.com/post/113728114758]
  29. - video resizing: shythemes [http://shythemes.tumblr.com/post/134536748863]
  30. - photo lightbox: shythemes [http://shythemes.tumblr.com/post/140444996328]
  31. - masonry: David DeSandro [http://masonry.desandro.com/]
  32. - like and reblog buttons: [http://demirev.cubthemes.com/post/106345243051]
  33. - like button with infinite scroll: magnusthemes [http://magnusthemes.tumblr.com/post/132530444620]
  34. - styled tooltips: Manos Malihutsakis [http://manos.malihu.gr/tuts/style-my-tooltips.html]
  35.  
  36. -->
  37.  
  38.  
  39.  
  40. <title>{Title}</title>
  41. <link rel="shortcut icon" href="http://i205.photobucket.com/albums/bb186/mhilkas/favoicons/pottedleaffav.gif"> <!--more favicons here: http://starious.tumblr.com/post/27104942315/favicons -->
  42.  
  43. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  44. {block DESCRIPTION}
  45. <meta name="description" content="{MetaDescription}"/>
  46. {/block:Description}
  47. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  48.  
  49. <style> body, a, a:hover{cursor:url({select:Tiny Cursor}), auto} </style>
  50.  
  51. <link href='https://fonts.googleapis.com/css?family=Source+Code+Pro|Karla|Lato|Muli|Roboto:400,400italic,500,500italic|Inconsolata|Hind|Vollkorn:400italic,400|Lato:100,900|PT+Serif:400|Merriweather:400,900|Playfair+Display:400,900,700italic|Cardo:400,400italic' rel='stylesheet' type='text/css'>
  52. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  53. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  54. <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.4/SmoothScroll.js"></script>
  55. <script type="text/javascript" src="http://static.tumblr.com/iuggpng/bGqm4yfv9/jquery-1.7.2.js"></script>
  56. <script src="http://static.tumblr.com/0cdn90j/glvnidntk/jquery.style-my-tooltips.js"></script>
  57. <script>
  58. (function($){
  59. $ DOCUMENT).ready(function(){
  60. $("[title]").style_my_tooltips({
  61. tip_follows_cursor:true,
  62. tip_delay_time:0,
  63. tip_fade_speed:0,
  64. attribute:"title"
  65. });
  66. });
  67. })(jQuery);
  68. </script>
  69.  
  70. <meta name="image:Background" content="http://data.whicdn.com/images/217317610/large.jpg"/>
  71. <meta name="image:Icon" content="http://i61.tinypic.com/25pken9.png"/>
  72. <meta name="color:Background" content=""/>
  73. <meta name="color:Text" content="#6d6d6d"/>
  74. <meta name="color:Link" content="#000"/>
  75. <meta name="color:Link BG" content="#fef7f8"/>
  76. <meta name="color:Link Hover" content="#eac1c5"/>
  77. <meta name="color:Link BG Hover" content="#fff"/>
  78. <meta name="color:Posts BG" content="#fff"/>
  79. <meta name="color:Posts Border" content="#f6f6f6"/>
  80. <meta name="color:Italic" content="#c9a0ab"/>
  81. <meta name="color:Bold" content="#56585b"/>
  82.  
  83. <meta name="color:Navigation Bar BG" content="#fff"/>
  84. <meta name="color:Navigation Bar Text" content="#6d6d6d"/>
  85. <meta name="color:Navigation Bar Border" content="#f5f5f5"/>
  86. <meta name="color:Navigation Bar Title" content="#000"/>
  87. <meta name="color:Navigation Bar Subtitle" content="#6d6d6d"/>
  88. <meta name="color:Navigation Bar Links" content="#000"/>
  89. <meta name="color:Search Bar Placeholder" content="#9d9d9d"/>
  90. <meta name="color:Search Bar INPUT" content="#000"/>
  91. <meta name="color:NavBar Controls Icons" content="#363636"/>
  92. <meta name="color:NavBar Controls Icons Hover" content="#daa7a7"/>
  93.  
  94. <meta name="color:Updates Tab Navicon" content="#000"/>
  95. <meta name="color:Updates Tab BG" content="#fff"/>
  96. <meta name="color:Updates Tab Border" content="#fff"/>
  97. <meta name="color:Updates Tab Accent" content="#f8eeef"/>
  98. <meta name="color:Updates Tab Icons" content="#000"/>
  99. <meta name="color:Updates Tab Title" content="#000"/>
  100. <meta name="color:Updates Tab Content" content="#6d6d6d"/>
  101. <meta name="color:Updates Tab Link" content="#000"/>
  102. <meta name="color:Updates Tab Link Border" content="#f8dcdd"/>
  103.  
  104. <meta name="color:Post Info" content="#9d9d9d"/>
  105. <meta name="color:Post Info Hover" content="#dcc9cc"/>
  106. <meta name="color:Tags" content="#a5a5a5"/>
  107. <meta name="color:Tag Icon" content="#edd0d3"/>
  108. <meta name="color:Like Reblog Buttons" content="#979797"/>
  109. <meta name="color:Like Reblog Buttons Hover" content="#e7b0b0"/>
  110.  
  111. <meta name="color:Post Accent" content="#f8f8f8"/>
  112. <meta name="color:First Letter" content="#494949"/>
  113. <meta name="color:First Letter BG" content="#f8eeef"/>
  114. <meta name="color:Blockquote Border" content="#f0e3e5"/>
  115. <meta name="color:Text Post Title" content="#494949"/>
  116. <meta name="color:Question" content="#000"/>
  117. <meta name="color:Asker" content="#000"/>
  118. <meta name="color:Quote" content="#333"/>
  119. <meta name="color:Quote Source" content="#000"/>
  120. <meta name="color:Chat Label" content="#b6a3a6"/>
  121. <meta name="color:Track Info" content="#6d6d6d"/>
  122. <meta name="color:Track Border" content="#efc3c3"/>
  123.  
  124. <meta name="color:Back to Top Icon" content="#daa7a7"/>
  125. <meta name="color:Back to Top Icon Hover" content="#797979"/>
  126. <meta name="color:Back to Top BG" content="#f9f9f9"/>
  127. <meta name="color:Selection BG" content="#fee8e9"/>
  128. <meta name="color:Selection Text" content="#000"/>
  129. <meta name="color:Tooltip Text" content="#7e7e7e"/>
  130. <meta name="color:Tooltip BG" content="#f9f9f9"/>
  131. <meta name="color:Tooltip Border" content="#eaeaea"/>
  132.  
  133. <meta name="select:Body Font Size" content="10" title="10px"/>
  134. <meta name="select:Body Font Size" content="11" title="11px"/>
  135. <meta name="select:Body Font Size" content="12" title="12px"/>
  136. <meta name="select:Navigation Links Font Size" content="6" title="6px"/>
  137. <meta name="select:Navigation Links Font Size" content="7" title="7px"/>
  138. <meta name="select:Navigation Links Font Size" content="8" title="8px"/>
  139. <meta name="select:Body Font Family" content="Hind" title="Hind"/>
  140. <meta name="select:Body Font Family" content="Roboto" title="Roboto"/>
  141. <meta name="select:Body Font Family" content="Inconsolata" title="Inconsolata"/>
  142. <meta name="select:Body Font Family" content="Muli" title="Muli"/>
  143. <meta name="select:Body Font Family" content="Source Code Pro" title="Source Code Pro"/>
  144. <meta name="select:Body Font Family" content="Lato" title="Lato"/>
  145. <meta name="select:Body Font Family" content="Karla" title="Karla">
  146. <meta name="select:Body Font Family" content="Vollkorn" title="Vollkorn"/>
  147. <meta name="select:Body Font Family" content="PT Serif" title="PT Serif"/>
  148. <meta name="select:Body Font Family" content="Merriweather" title="Merriweather"/>
  149. <meta name="select:Body Font Family" content="Playfair Display" title="Playfair Display">
  150. <meta name="select:Body Font Family" content="Cardo" title="Cardo"/>
  151. <meta name="select:Updates Tab Title" content="Muli" title="Muli"/>
  152. <meta name="select:Updates Tab Title" content="Hind" title="Hind"/>
  153. <meta name="select:Updates Tab Title" content="Roboto" title="Roboto"/>
  154. <meta name="select:Updates Tab Title" content="Inconsolata" title="Inconsolata"/>
  155. <meta name="select:Updates Tab Title" content="Source Code Pro" title="Source Code Pro"/>
  156. <meta name="select:Updates Tab Title" content="Lato" title="Lato"/>
  157. <meta name="select:Updates Tab Title" content="Karla" title="Karla">
  158. <meta name="select:Updates Tab Title" content="Vollkorn" title="Vollkorn"/>
  159. <meta name="select:Updates Tab Title" content="PT Serif" title="PT Serif"/>
  160. <meta name="select:Updates Tab Title" content="Merriweather" title="Merriweather"/>
  161. <meta name="select:Updates Tab Title" content="Playfair Display" title="Playfair Display">
  162. <meta name="select:Updates Tab Title" content="Cardo" title="Cardo"/>
  163.  
  164. <meta name="select:Tumblr Controls" content=".3" title="Gray"/>
  165. <meta name="select:Tumblr Controls" content="1" title="Black"/>
  166.  
  167. <meta name="select:Tiny Cursor" content="http://cur.cursors-4u.net/cursors/cur-9/cur817.cur" title="White"/>
  168. <meta name="select:Tiny Cursor" content="http://media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png" title="Black"/>
  169.  
  170. <meta name="if:Top Bar" content="1"/>
  171. <meta name="if:Bottom Bar" content="0"/>
  172. <meta name="if:Updates Tab Left" content="0"/>
  173. <meta name="if:Updates Tab Right" content="1"/>
  174. <meta name="if:Infinite Scroll" content="1"/>
  175. <meta name="if:Updates tab" content="1"/>
  176. <meta name="if:Reveal Updates tab on click" content="0"/>
  177. <meta name="if:Reveal Post Info on Hover" content="1"/>
  178. <meta name="if:Post Border" content="1"/>
  179. <meta name="if:Show Caption" content="1"/>
  180.  
  181. <meta name="text:Post Size" content="400"/>
  182. <meta name="text:Number of Columns" content="2"/>
  183. <meta name="text:Post Padding" content="3"/>
  184. <meta name="text:Subtitle" content="Wanderer"/>
  185. <meta name="text:Description2" content="Once you've met someone you never really forget them. It just takes a while for your memories to return. - Zeniba"/>
  186.  
  187. <meta name="text:Link 1 URL" content="/"/>
  188. <meta name="text:Link 1" content="home"/>
  189. <meta name="text:Link 2 URL" content="/ask"/>
  190. <meta name="text:Link 2" content="mssg"/>
  191. <meta name="text:Link 3 URL" content="/archive"/>
  192. <meta name="text:Link 3" content="map"/>
  193. <meta name="text:Link 4 URL" content="/"/>
  194. <meta name="text:Link 4" content="link 4"/>
  195. <meta name="text:Link 5 URL" content="/"/>
  196. <meta name="text:Link 5" content="link 5"/>
  197. <meta name="text:Link 6 URL" content="/"/>
  198. <meta name="text:Link 6" content="link 6"/>
  199. <meta name="text:Link 7 URL" content="/"/>
  200. <meta name="text:Link 7" content="link 7"/>
  201.  
  202. <style type="text/css">
  203.  
  204. ::-webkit-scrollbar {width:11px; height:11px;}
  205.  
  206. ::-webkit-scrollbar-thumb {
  207. border:5px solid rgba(0, 0, 0, 0);
  208. background-clip:padding-box;
  209. background-color:rgba(0, 0, 0, 1);
  210. }
  211.  
  212. ::-webkit-scrollbar-track {border:5px solid #f8f8f8; background-color:#eee;}
  213.  
  214. #s-m-t-tooltip {
  215. max-width:300px;
  216. margin:24px 14px 7px 12px;
  217. z-index:999999999999999999;
  218. padding:5px;
  219. background-color:{color:Tooltip BG};
  220. color:{color:Tooltip Text};
  221. border:1px solid {color:Tooltip Border};
  222. text-shadow:none;
  223. text-transform:uppercase;
  224. letter-spacing:2px;
  225. font:bold 7px roboto, calibri, sans-serif;
  226. }
  227.  
  228. #scrolltotop {
  229. position:fixed;
  230. top:50%;
  231. right:-70px;
  232. cursor:pointer;
  233. width:40px;
  234. padding:10px;
  235. z-index:99999;
  236. background-color:{color:Back to Top BG};
  237. text-align:center;
  238. border:1px solid #f3f3f3;
  239. }
  240.  
  241. #scrolltotop:hover .fa-chevron-circle-up {color:{color:Back to Top Icon Hover};}
  242.  
  243. .tmblr-iframe, #tumblr_controls {
  244. position:fixed;
  245. z-index:900000000000000000000;
  246. top:5px;
  247. right:-20px;
  248. {block:IndexPage}display:none;{/block:IndexPage}
  249. {block:ifTopBar}top:100% !important; margin:-30px -15px 0 0;{/block:ifTopBar}
  250. opacity:{select:Tumblr Controls};
  251. -webkit-filter: invert(100%);
  252. -moz-filter:invert(100%);
  253. -ms-filter:invert(100%);
  254. -o-filter:invert(100%);
  255. filter:invert(100%);
  256. -webkit-transform:scale(.9);
  257. -moz-transform:scale(.9);
  258. transform:scale(.9);
  259. }
  260.  
  261. ::selection {
  262. background-color:{color:Selection BG};
  263. color:{color:Selection Text};
  264. }
  265.  
  266. ::-moz-selection {
  267. background-color:{color:Selection BG};
  268. color:{color:Selection Text};
  269. }
  270.  
  271. body {
  272. opacity:1;
  273. transition:.5s opacity;
  274. font-size:{select:Body Font Size}px;
  275. font-family:{select:Body Font Family}, calibri, sans-serif;
  276. color:{color:Text};
  277. background:{color:Background} url('{image:Background}') repeat fixed center;
  278. }
  279.  
  280. body.fade-out, #posts_container.fade-out, #updates.fade-out, #tulpina.fade-out {opacity:0; transition:none;}
  281.  
  282. a:link, a:visited {color:{color:Link}; text-decoration:none;}
  283.  
  284. a:hover {color:{color:Link Hover}; text-decoration:none;}
  285.  
  286. a ACTIVE {color:{color:Link}; text-decoration:none;}
  287.  
  288. i, em {color:{color:Italic};}
  289.  
  290. b, strong {color:{color:Bold};}
  291.  
  292. pre {
  293. white-space:pre-wrap;
  294. white-space:-moz-pre-wrap;
  295. white-space:-pre-wrap;
  296. white-space:-o-pre-wrap;
  297. word-wrap:break-word;
  298. }
  299.  
  300. small, sub, big, h5, h6 {font-size:1em;}
  301.  
  302. h2 {font-size:1.1em;}
  303.  
  304. h4, h5, h6 {margin:6px 0;}
  305.  
  306. blockquote, img {max-width:100%;}
  307.  
  308. blockquote {
  309. padding:0 10px 0 10px;
  310. margin:0;
  311. border-left:1px solid {color:Blockquote Border};
  312. }
  313.  
  314. blockquote img, .text img {height:auto; width:auto;}
  315.  
  316. ul {list-style-type:none; margin:0 0 0 -40px;}
  317.  
  318. ul > li:not(.like):not(.reblog):before {content:'—'; margin-right:5px;}
  319.  
  320. ul > li li:before {margin-left:10px;}
  321.  
  322. ol {margin-left:-30px;}
  323.  
  324. /* posts */
  325.  
  326. #posts_container {
  327. {block:Permalink}width:546px;{/block:Permalink}
  328. margin:0 auto;
  329. left:auto;
  330. right:auto;
  331. opacity:1;
  332. transition:1s opacity;
  333. {block:IndexPage}
  334. {block:ifTopBar}margin-top:150px; margin-bottom:40px;{/block:ifTopBar}
  335. {block:ifBottomBar}margin-top:70px; margin-bottom:100px;{/block:ifBottomBar}
  336. {/block:IndexPage}
  337. {block:Permalink}
  338. {block:ifTopBar}margin-top:150px; margin-bottom:50px;{/block:ifTopBar}
  339. {block:ifBottomBar}margin-top:70px; margin-bottom:180px;{/block:ifBottomBar}
  340. {/block:Permalink}
  341. }
  342.  
  343. .posts {
  344. {block:Permalink}width:540px; padding:2px;{/block:Permalink}
  345. {block:IndexPage}
  346. width:{text:Post Size}px;
  347. margin-bottom:80px;
  348. padding:{text:Post Padding}px;
  349. {/block:IndexPage}
  350. position:relative;
  351. background-color:{color:Posts BG};
  352. overflow-wrap:break-word;
  353. word-wrap:break-word;
  354. text-align:justify;
  355. {block:ifPostBorder}
  356. border:1px solid {color:Posts Border};
  357. {/block:ifPostBorder}
  358. }
  359.  
  360. .vignette, #vignette {opacity:0;}
  361.  
  362. .lightbox-image, #tumblr_lightbox img {
  363. box-shadow:none !important;
  364. max-width:none;
  365. }
  366.  
  367. .tmblr-lightbox, #tumblr_lightbox {
  368. position:absolute;
  369. z-index:99999999999999999999999999999 !important;
  370. background-color:rgba(255,255,255,.9) !important;
  371. }
  372.  
  373. /* caption / text */
  374.  
  375. .text {padding:3px 8px; color:{color:Text};}
  376.  
  377. .text a, #answer a, .notes .action a {
  378. display:inline-block;
  379. margin:1px;
  380. padding:0 3px;
  381. background-color:{color:Link BG};
  382. }
  383.  
  384. .text a:hover, #answer a:hover, .notes .action a:hover {background-color:{color:Link BG Hover};}
  385.  
  386. /* text / link post */
  387.  
  388. .text_post_title, h1 {
  389. letter-spacing:1px;
  390. font-weight:bold;
  391. font-size:10px;
  392. text-transform:lowercase;
  393. color:{color:Text Post Title};
  394. background-color:{color:Post Accent};
  395. border-bottom:1px solid {color:First Letter BG};
  396. }
  397.  
  398. .text_post_title::first-letter, h1::first-letter {
  399. margin-right:2px;
  400. padding:4px 10px 5px 11px;
  401. vertical-align:baseline;
  402. line-height:29px;
  403. font-size:16px;
  404. font-weight:bold;
  405. font-family:muli;
  406. background-color:{color:First Letter BG};
  407. color:{color:First Letter};
  408. }
  409.  
  410. .text_post_title a:link, .text_post_title a:visited {
  411. color:{color:Text Post Title};
  412. border-bottom:1px solid transparent;
  413. }
  414.  
  415. .text_post_title a:hover {color:{color:Link Hover};}
  416.  
  417. /* question */
  418.  
  419. #ask {padding:10px; background-color:{color:Post Accent};}
  420.  
  421. #ask::first-letter {
  422. display:block;
  423. padding:7px 10px;
  424. margin-right:6px;
  425. vertical-align:middle;
  426. font-weight:bold;
  427. font-size:13px;
  428. text-transform:uppercase;
  429. color:{color:First Letter};
  430. background-color:{color:First Letter BG};
  431. }
  432.  
  433. #asker {
  434. margin-top:7px;
  435. font-weight:bold;
  436. font-size:10px;
  437. text-transform:lowercase;
  438. letter-spacing:1px;
  439. border-bottom:1px solid {color:First Letter BG};
  440. color:{color:Asker};
  441. }
  442.  
  443. #asker a:link {color:{color:Asker}; padding-bottom:2px;}
  444.  
  445. #question {color:{color:Question};}
  446.  
  447. #answer {padding:0 10px;}
  448.  
  449. #answer img {height:auto;}
  450.  
  451. /* quote */
  452.  
  453. #quote {color:{color:Quote}; padding:3px;}
  454.  
  455. #quote::first-letter {
  456. float:left;
  457. margin-right:4px;
  458. padding:6px 10px;
  459. vertical-align:top;
  460. font-weight:bold;
  461. font-size:15px;
  462. color:{color:First Letter};
  463. background-color:{color:First Letter BG};
  464. }
  465.  
  466. #source {
  467. padding:4px 10px;
  468. text-align:right;
  469. text-transform:uppercase;
  470. font-size:8px;
  471. font-weight:bold;
  472. color:{color:Quote Source};
  473. }
  474.  
  475. /* chat */
  476.  
  477. #chat {margin:2px; padding:4px;}
  478.  
  479. #line #label {color:{color:Chat Label};}
  480.  
  481. /* audio player */
  482.  
  483. #audio_player_container {background-color:{color:Post Accent}; padding:10px;}
  484.  
  485. #album_art {
  486. position:absolute;
  487. width:50px;
  488. height:50px;
  489. z-index:1;
  490. background-color:{color:Updates Tab Accent};
  491. -webkit-border-radius:25px;
  492. -moz-border-radius:25px;
  493. border-radius:25px;
  494. }
  495.  
  496. #album_art img {
  497. max-width:100%;
  498. -webkit-border-radius:25px;
  499. -moz-border-radius:25px;
  500. border-radius:25px;
  501. }
  502.  
  503. #audio_player_bg_container {
  504. position:absolute;
  505. width:48px;
  506. height:48px;
  507. margin-top:1px;
  508. margin-left:1px;
  509. z-index:9;
  510. overflow:hidden;
  511. opacity:0;
  512. background-color:white;
  513. -webkit-border-radius:24px;
  514. -moz-border-radius:24px;
  515. border-radius:24px;
  516. }
  517.  
  518. #audio_player_container:hover #audio_player_bg_container {opacity:1;}
  519.  
  520. #audio_player_bg {
  521. width:30px;
  522. height:30px;
  523. overflow:hidden;
  524. }
  525.  
  526. #audio_player {margin-top:10px; margin-left:11px;}
  527.  
  528. #track_details_container {
  529. display:table;
  530. height:50px;
  531. padding:0 5px;
  532. margin-left:60px;
  533. font-weight:bold;
  534. }
  535.  
  536. #track_details {display:table-cell; vertical-align:middle;}
  537.  
  538. #track_name {
  539. text-transform:lowercase;
  540. font-size:14px;
  541. color:{color:Track Info};
  542. border-bottom:1px solid {color:Track Border};
  543. }
  544.  
  545. #artist_name {
  546. text-transform:uppercase;
  547. font-size:7px;
  548. letter-spacing:1px;
  549. color:{color:Track Info};
  550. }
  551.  
  552. /* post notes */
  553.  
  554. .notes {
  555. {block:Permalink}
  556. background-color:{color:Posts BG};
  557. overflow-wrap:break-word;
  558. word-wrap:break-word;
  559. width:540px;
  560. {/block:Permalink}
  561. }
  562.  
  563. ol.notes {
  564. list-style-type:none;
  565. margin:100px 0 0 0;
  566. padding:2px;
  567. }
  568.  
  569. li.note {
  570. margin:1px 0;
  571. padding:5px 10px;
  572. background-color:{color:Post Accent};
  573. }
  574.  
  575. ol.notes img.avatar {display:none;}
  576.  
  577. #notecontainer .retags {
  578. margin:2px 0 5px 0;
  579. font-weight:bold;
  580. font-size:7px;
  581. text-transform:uppercase;
  582. letter-spacing:2px;
  583. }
  584.  
  585. ol.notes li.note .answer_content {font-style:italic; color:{color:Italic};}
  586.  
  587. ol.notes li.note blockquote {
  588. border-color:{color:Blockquote Border};
  589. padding:0px 10px;
  590. margin:7px 0px 0px 15px;
  591. }
  592.  
  593. ol.notes li.note blockquote a {text-decoration:none;}
  594.  
  595. /* post info */
  596.  
  597. #post_info_container {
  598. padding:5px 2px;
  599. float:right;
  600. width:calc(100% - 4px);
  601. {block:Permalink}margin-top:6px;{/block:Permalink}
  602. border-top:1px solid #f7f7f7;
  603. text-transform:uppercase;
  604. font:bold 6px roboto;
  605. letter-spacing:1px;
  606. color:{color:Post Info};
  607. background-color:{color:Posts BG};
  608. }
  609.  
  610. .slide {
  611. text-align:right;
  612. {block:ifRevealPostInfoonHover}
  613. {block:IndexPage}display:none;{/block:IndexPage}
  614. {/block:ifRevealPostInfoonHover}
  615. {block:Permalink}margin-right:5px;{/block:Permalink}
  616. }
  617.  
  618. #date {font-size:105%;}
  619.  
  620. #notes {font-size:115%;}
  621.  
  622. #date, #post_source, #tags {{block:Permalink}font-size:115%;{/block:Permalink}}
  623.  
  624. #date a, #notes a, #post_source a, .fa-retweet {color:{color:Post Info};}
  625.  
  626. #tags a {color:{color:Tags};}
  627.  
  628. #date a:hover, #notes a:hover, #post_source a:hover, #tags a:hover, .fa-retweet:hover {
  629. color:{color:Post Info Hover};
  630. }
  631.  
  632. #like_reblog {float:right;}
  633.  
  634. #like_reblog ul {list-style:none;}
  635.  
  636. #like_reblog ul li {float:left; margin:0 2px;}
  637.  
  638. .bone {width:9px; height:9px;}
  639.  
  640. .like iframe,
  641. .reblog iframe {
  642. display:inline-block;
  643. width:100%;
  644. height:100%;
  645. }
  646.  
  647. .like {position:relative;}
  648.  
  649. .like svg path,
  650. .reblog svg path {fill:{color:Like Reblog Buttons};}
  651.  
  652. .like:hover svg path,
  653. .reblog:hover svg path {fill:{color:Like Reblog Buttons Hover};}
  654.  
  655. .like .like_button {
  656. position:absolute;
  657. opacity:0;
  658. top:-71px !important;
  659. }
  660.  
  661. .like .like_button.liked {opacity:1;}
  662.  
  663. /* sidebar */
  664.  
  665. #tulpina {
  666. position:fixed;
  667. z-index:99999999;
  668. {block:ifTopBar}top:0; height:100px;{/block:ifTopBar}
  669. {block:ifBottomBar}bottom:0;{/block:ifBottomBar}
  670. left:0;
  671. right:0;
  672. width:100%;
  673. opacity:1;
  674. transition:1s opacity;
  675. color:{color:Navigation Bar Text};
  676. }
  677.  
  678. #remove {
  679. border:1px solid {color:Navigation Bar Border};
  680. {block:ifTopBar}margin-right:-1px; border-top:none;{/block:ifTopBar}
  681. {block:ifBottomBar}margin-top:-19px; border-bottom:none;{/block:ifBottomBar}
  682. float:right;
  683. z-index:999;
  684. background-color:{color:Navigation Bar BG};
  685. }
  686.  
  687. #sidebar {
  688. height:85px;
  689. {block:ifTopBar}border-bottom:1px solid {color:Navigation Bar Border};{block:ifTopBar}
  690. {block:ifBottomBar}border-top:1px solid {color:Navigation Bar Border};{block:ifBottomBar}
  691. background-color:{color:Navigation Bar BG};
  692. overflow-y:auto;
  693. padding:10px 0 5px 0;
  694. }
  695.  
  696. #un, #deux, #trois, #quatre, #cinq, #six {
  697. display:table;
  698. float:left;
  699. height:85px;
  700. }
  701.  
  702. #deux, #trois, #quatre, #cinq, #six {text-align:center;}
  703.  
  704. #deux, #quatre, #cinq, #six {padding:0 2px;}
  705.  
  706. #deux, #quatre {font-style:italic;}
  707.  
  708. #un {width:calc(18% - 32px); padding:0px 2px 0px 30px;}
  709.  
  710. #icon, #title_subtitle, #description, #navigation_links, #description_2, #search, #t_controls {display:table-cell; vertical-align:middle;}
  711.  
  712. #icon {width:64px; height:64px;}
  713.  
  714. #icon:hover {opacity:.7;}
  715.  
  716. #icon img {
  717. max-width:100%;
  718. max-height:100%;
  719. -webkit-border-radius:32px;
  720. -moz-border-radius:32px;
  721. border-radius:32px;
  722. }
  723.  
  724. #title_subtitle {padding-left:20px;}
  725.  
  726. #title {
  727. display:block;
  728. text-transform:lowercase;
  729. font-weight:bold;
  730. font-size:14px;
  731. word-break:break-all;
  732. color:{color:Navigation Bar Title};
  733. }
  734.  
  735. #subtitle {
  736. margin-left:-4px;
  737. text-transform:uppercase;
  738. word-break:break-all;
  739. font-size:9px;
  740. color:{color:Navigation Bar Subtitle};
  741. }
  742.  
  743. @media screen and (max-width: 1150px){
  744. #title_subtitle {display:none;}
  745. #un {text-align:center;}
  746. }
  747.  
  748. #deux {width:calc(17% - 4px);}
  749.  
  750. #description, #description_2 {font-size:10px;}
  751.  
  752. #trois {width:30%;}
  753.  
  754. #links {
  755. display:block;
  756. text-transform:uppercase;
  757. font-weight:bold;
  758. font-size:{select:Navigation Links Font Size}px;
  759. letter-spacing:2px;
  760. }
  761.  
  762. .links {display:inline-block; padding:5px;}
  763.  
  764. .links a {display:inline-block; color:{color:Navigation Bar Links};}
  765.  
  766. .links a:after {
  767. content:'';
  768. display:block;
  769. margin-top:3px;
  770. height:1px;
  771. width:0;
  772. background:transparent;
  773. transition:width 1s ease, background-color 1s ease;
  774. }
  775.  
  776. .links a:hover:after {width:100%; background-color:{color:Navigation Bar Links};}
  777.  
  778. .links a:hover {color:{color:Navigation Bar Links};}
  779.  
  780. #pagination {display:block;}
  781.  
  782. #prev, #next {display:inline-block;}
  783.  
  784. #prev a, #next a {
  785. width:5px;
  786. height:5px;
  787. padding:3px 10px;
  788. }
  789.  
  790. #quatre, #cinq {width:calc(15% - 4px);}
  791.  
  792. #sfm INPUT {
  793. width:50px;
  794. padding:4px;
  795. border:none;
  796. outline:none;
  797. color:{color:Search Bar Input};
  798. text-transform:uppercase;
  799. font-size:6px;
  800. font-weight:bold;
  801. letter-spacing:2px;
  802. background-color:{color:Navigation Bar BG};
  803. }
  804.  
  805. ::-webkit-input-placeholder {color:{color:Search Bar Placeholder};}
  806. :-moz-placeholder {color:{color:Search Bar Placeholder}; opacity:1;}
  807. ::-moz-placeholder {color:{color:Search Bar Placeholder}; opacity:1;}
  808. :-ms-input-placeholder {color:{color:Search Bar Placeholder};}
  809.  
  810. #six {width:calc(5% - 4px);}
  811.  
  812. /* updates tab */
  813.  
  814. #updates_navicon {
  815. position:fixed;
  816. {block:ifTopBar}
  817. {block:ifUpdatesTabLeft}left:20px; bottom:20px;{/block:ifUpdatesTabLeft}
  818. {block:ifUpdatesTabRight}
  819. right:20px;
  820. {block:IndexPage}bottom:20px;{/block:IndexPage}
  821. {block:Permalink}bottom:35px;{/block:Permalink}
  822. {/block:ifUpdatesTabRight}
  823. {/block:ifTopBar}
  824. {block:ifBottomBar}
  825. top:20px;
  826. {block:ifUpdatesTabLeft}left:20px;{/block:ifUpdatesTabLeft}
  827. {block:ifUpdatesTabRight}right:20px;{/block:ifUpdatesTabRight}
  828. {/block:ifBottomBar}
  829. }
  830.  
  831. #updates {
  832. position:fixed;
  833. {block:ifTopBar}
  834. {block:ifUpdatesTabLeft}left:35px; bottom:35px;{/block:ifUpdatesTabLeft}
  835. {block:ifUpdatesTabRight}
  836. right:35px;
  837. {block:IndexPage}bottom:35px;{/block:IndexPage}
  838. {block:Permalink}bottom:50px;{/block:Permalink}
  839. {/block:ifUpdatesTabRight}
  840. {/block:ifTopBar}
  841. {block:ifBottomBar}
  842. top:35px;
  843. {block:ifUpdatesTabLeft}left:35px;{/block:ifUpdatesTabLeft}
  844. {block:ifUpdatesTabRight}right:35px;{/block:ifUpdatesTabRight}
  845. {/block:ifBottomBar}
  846. width:180px;
  847. height:auto;
  848. padding:5px 8px 5px 5px;
  849. text-align:justify;
  850. z-index:99;
  851. border:1px solid {color:Updates Tab Border};
  852. background-color:{color:Updates Tab BG};
  853. opacity:1;
  854. transition:1s opacity;
  855. {block:ifRevealUpdatesTabonclick}display:none;{/block:ifRevealUpdatesTabonclick}
  856. }
  857.  
  858. #updates a {color:{color:Updates Tab Link}; border-bottom:1px solid {color:Updates Tab Link Border};}
  859.  
  860. #updates a:hover {color:{color:Link Hover};}
  861.  
  862. .ui {display:inline-block;}
  863.  
  864. .updates_icon {text-align:center; display:table;}
  865.  
  866. @keyframes spin {to{transform:rotateZ(720deg)}}
  867.  
  868. .iconwrap:hover > i {animation:spin 3000ms;}
  869.  
  870. .iconspin {display:inline-block; transform-origin:50% 50%;}
  871.  
  872. .fa-bookmark, .fa-battery-quarter, .fa-book, .fa-folder-open, .fa-gears, .fa-clock-o, .fa-key {
  873. display:table-cell;
  874. vertical-align:middle;
  875. width:10px;
  876. height:10px;
  877. background-color:{color:Updates Tab Accent};
  878. padding:8px;
  879. color:{color:Updates Tab Icons};
  880. font-size:10px;
  881. -webkit-border-radius:20px;
  882. -moz-border-radius:20px;
  883. border-radius:20px;
  884. }
  885.  
  886. .updates_title {
  887. display:inline-block;
  888. margin-left:-6px;
  889. margin-top:4px;
  890. width:80%;
  891. padding-left:8px;
  892. vertical-align:top;
  893. font:bold 13px {select:Updates Tab Title};
  894. letter-spacing:1px;
  895. text-transform:lowercase;
  896. border-bottom:1px solid {color:Updates Tab Accent};
  897. color:{color:Updates Tab Title};
  898. }
  899.  
  900. .updates_title:after, .container_content:last-of-type:after {
  901. content:'';
  902. width:6px;
  903. height:6px;
  904. background-color:{color:Updates Tab Accent};
  905. -webkit-border-radius:20px;
  906. -moz-border-radius:20px;
  907. border-radius:20px;
  908. }
  909.  
  910. .updates_title:after {
  911. position:absolute;
  912. right:0;
  913. margin:13px 10px 0 0;
  914. }
  915.  
  916. .container_content {
  917. display:block;
  918. border-left:1px solid {color:Updates Tab Accent};
  919. margin-left:12px;
  920. margin-top:-6px;
  921. padding:0 2px;
  922. }
  923.  
  924. .container_content:last-of-type {margin-bottom:-2px;}
  925.  
  926. .container_content:last-of-type:after {
  927. display:block;
  928. margin-left:-5px;
  929. margin-top:-9px;
  930. }
  931.  
  932. .updates_content {
  933. padding:8px 2px 10px 7px;
  934. font-size:8px;
  935. text-transform:uppercase;
  936. letter-spacing:1px;
  937. color:{color:Updates Tab Content};
  938. }
  939.  
  940. .fa-chevron-circle-up,
  941. .fa-chevron-circle-up:hover,
  942. a:link, a:visited, a:hover,
  943. .like svg path,
  944. .reblog svg path,
  945. .like:hover svg path,
  946. .reblog:hover svg path,
  947. #audio_player_bg_container,
  948. #audio_player_container:hover #audio_player_bg_container,
  949. #icon, #icon:hover {
  950. -webkit-transition-duration: .5s;
  951. -moz-transition-duration: .5s;
  952. -o-transition-duration: .5s;
  953. transition-duration: .5s;
  954. }
  955.  
  956. .fa-chevron-circle-up {color:{color:Back to Top Icon}; font-size:12px;}
  957. .fa-retweet {font-size:8px;}
  958. .fa-tags {color:{color:Tag Icon}; font-size:9px; vertical-align:middle;}
  959. .fa-navicon {font-size:10px; color:{color:Updates Tab Navicon};}
  960. .fa-chevron-down, .fa-chevron-up {padding:4px;}
  961. .fa-angle-left, .fa-angle-right {color:{color:Navigation Bar Links};}
  962. .fa-search, .fa-chevron-down, .fa-chevron-up, .fa-home, .fa-code, .fa-plus, .fa-envelope {color:{color:NavBar Controls Icons};}
  963. .fa-angle-left:hover, .fa-angle-right:hover, .fa-home:hover, .fa-code:hover, .fa-plus:hover, .fa-envelope:hover, .fa-chevron-down:hover {color:{color:NavBar Controls Icons Hover};}
  964. .fa-angle-left, .fa-angle-right {font-size:13px;}
  965. .fa-home {font-size:10px;}
  966. .fa-search, .fa-chevron-down, .fa-chevron-up, .fa-code, .fa-plus, .fa-envelope {font-size:9px;}
  967. .fa-home, .fa-code, .fa-plus, .fa-envelope {padding:0 2px; display:inline-block;}
  968. .fa-code {font-weight:bold;}
  969.  
  970.  
  971. </style>
  972. </head>
  973.  
  974. <script type="text/javascript">
  975. $(document).ready(function(){
  976. {block:IndexPage}
  977. {block:ifRevealPostInfoonHover}
  978. $(".vertebrae").each(function(){
  979. $(this).hover(function(){
  980. $(this).parent().find('.slide').stop(true, true).slideToggle("slow");
  981. })
  982. });
  983. {/block:ifRevealPostInfoonHover}
  984. {/block:IndexPage}
  985. $(window).scroll(function(){
  986. if ($(this).scrollTop() > 400){
  987. $('#scrolltotop').stop().animate({right:'0px'});
  988. }
  989. else {
  990. $('#scrolltotop').stop().animate({right:'-85px'});
  991. }
  992. });
  993. $('#scrolltotop').click(function(){
  994. $("html, body").animate({scrollTop:0}, 800);
  995. return false;
  996. });
  997. });
  998. $(function(){
  999. $('#remove').click(function(event){
  1000. $('#sidebar').slideToggle(450);
  1001. $('#remove').toggleClass('fa-rotate-180');
  1002. });
  1003. });
  1004. var jq = $.noConflict();
  1005. jq(function(){
  1006. jq('#updates_navicon').live('click',function(){
  1007. jq('#updates').slideToggle();
  1008. });
  1009. });
  1010. </script>
  1011.  
  1012.  
  1013. <body>
  1014.  
  1015. <script>document.body.className += ' fade-out';</script>
  1016.  
  1017. <!--updates tab-->
  1018.  
  1019. {block:ifUpdatestab}
  1020. <div id="updates_navicon"><i class="fa fa-navicon" aria-hidden="true"></i></div>
  1021. <div id="updates">
  1022.  
  1023.  
  1024. <!---------------
  1025.  
  1026. Start editing here.
  1027.  
  1028. 1. To install a new icon, visit http://fontawesome.io/icons/ and paste the name of your chosen icon over an existing one in the code, e.g. 'bookmark', 'clock-o', etc. Then, go to line 870 and add the new icon class alongside the existing ones. I highly suggest choosing icons that have approximately the same width and height, otherwise they will have different background shapes = not pretty.
  1029.  
  1030. 2. To create a new section, copy everything between "<!-- section 1 -- >" and "<!-- end section 1 -- >" and paste it right after "<!-- end section 6 -- >"
  1031.  
  1032. --------------->
  1033.  
  1034.  
  1035. <!-- section 1 -->
  1036. <div class="ui"><div class="updates_icon iconwrap">
  1037. <i class="fa fa-bookmark fa-fw iconspin" aria-hidden="true"></i>
  1038. </div></div>
  1039. <div class="updates_title">
  1040. About Me <!-- your title here -->
  1041. </div>
  1042. <div class="container_content"><div class="updates_content">
  1043. Meg ✧ Lvl 15 ✧ She/Her
  1044. &nbsp &emsp;
  1045. ✧Taurus &emsp;&emsp;&emsp;&emsp; &emsp;&emsp;&emsp;&emsp;&emsp;&emsp; ✧XNFP &emsp; ✧FilmMaker&Photographer
  1046.  
  1047. </div></div>
  1048. <!-- end section 1 -->
  1049.  
  1050.  
  1051. <!--section 2-->
  1052. <div class="ui"><div class="updates_icon iconwrap">
  1053. <i class="fa fa-clock-o fa-fw iconspin" aria-hidden="true"></i>
  1054. </div></div>
  1055. <div class="updates_title">
  1056. Watching<!-- your title here -->
  1057. </div>
  1058. <div class="container_content"><div class="updates_content">
  1059. <!-- you can create lists like so: -->
  1060. <ul>
  1061. <li>Supernatural (s9) </li>
  1062. <li>Girl Meets World </li>
  1063. <li>The Vampire Diaries (s1)</li>
  1064. <li>The shannara Chronicles</li>
  1065. <li>The 100</li>
  1066. </ul>
  1067. <!-- end list -->
  1068. </div></div>
  1069.  
  1070.  
  1071. <!--section 3-->
  1072. <div class="ui"><div class="updates_icon iconwrap">
  1073. <i class="fa fa-book fa-fw iconspin" aria-hidden="true"></i>
  1074. </div></div>
  1075. <div class="updates_title">
  1076. Reading <!-- your title here -->
  1077. </div>
  1078. <div CLASS="container_content"><div CLASS="updates_content">
  1079. <!-- you can create lists like so: -->
  1080. <ul>
  1081. <li>Fangirl By RR </li>
  1082. <li>Carry On By RR (reread) </li>
  1083. <li>2 film related books</li>
  1084. </ul>
  1085. <!-- end list -->
  1086.  
  1087. </div></div>
  1088.  
  1089.  
  1090.  
  1091.  
  1092. <!--section 4-->
  1093. <div class="ui"><div class="updates_icon iconwrap">
  1094. <i class="fa fa-folder-open fa-fw iconspin" aria-hidden="true"></i>
  1095. </div></div>
  1096. <div class="updates_title">
  1097. Fandoms <!-- your title here -->
  1098. </div>
  1099. <div class="container_content"><div class="updates_content">
  1100. <!-- you can create lists like so: -->
  1101. <ul>
  1102. <li>Supernatural </li>
  1103. <li>Teen Wolf</li>
  1104. <li>Girl meets world</li>
  1105. <li>Harry Potter</li>
  1106. <li>Rainbow Rowell</li>
  1107. <li>ShadowHunters</li>
  1108. <li>Check, please! (webcomic)</li>
  1109. </ul>
  1110. <!-- end list --> <!-- your text here -->
  1111. </div></div>
  1112.  
  1113.  
  1114. <!-- section 5 -->
  1115. <div class="ui"><div CLASS="updates_icon iconwrap">
  1116. <i class="fa fa-key fa-fw iconspin" aria-hidden="true"></i>
  1117. </div></div>
  1118. <div class="updates_title">
  1119. Tags <!-- your title here -->
  1120. </div>
  1121. <div class="container_content"><div class="updates_content">
  1122. <!-- your text here -->
  1123. <!-- you can insert links like so: -->
  1124. <a href="http://randomwonderlland.tumblr.com/tagged/film">Film Tag</a>
  1125.  
  1126. </div></div>
  1127. <!-- end section 5 -->
  1128.  
  1129.  
  1130.  
  1131. </div>
  1132. {/block:ifUpdatestab}
  1133.  
  1134. <div id="tulpina">
  1135. {block:ifBottomBar}
  1136. <div id="remove">
  1137. <i class="fa fa-chevron-down" aria-hidden="true"></i>
  1138. </div>
  1139. {/block:ifBottomBar}
  1140.  
  1141. <div id="sidebar">
  1142. <div id="un">
  1143. <div id="icon"><a href="/"><img src="{image:Icon}"></a></div>
  1144. <div id="title_subtitle">
  1145. <div id="title">{Title}</div>
  1146. <div id="subtitle">
  1147. <span style="font-size:8px;">「&nbsp;</span>{text:Subtitle}<span style="font-size:8px;">&nbsp;」</span>
  1148. </div>
  1149. </div>
  1150. </div>
  1151.  
  1152. <div id="deux">
  1153. <div id= DESCRIPTION">"Multifandom | Anime |"Carry on, Simon." | TVD | GMW | SPN | AT.GF.OTGW | Sterek & Malec AF | <a href="http://randomwonderlland.tumblr.com/tagged/film"> Film </a> | <a href="<a href="http://randomwonderlland.tumblr.com/myships"> My Ships | </a> </a> Cosplay | Foodie</p><p><a href="http://superbatman742.tumblr.com/">My Personal Blog</a></p></div>
  1154. </div>
  1155.  
  1156. <div id="trois">
  1157. <div id="navigation_links">
  1158. <div id="links">
  1159. <div class="links"><a href="{text:Link 1 URL}">{text:Link 1}</a></div>
  1160. <div class="links"><a href="{text:Link 2 URL}">{text:Link 2}</a></div>
  1161. <div class="links"><a href="{text:Link 3 URL}">{text:Link 3}</a></div>
  1162. <div class="links"><a href="{text:Link 4 URL}">{text:Link 4}</a></div>
  1163. <div class="links"><a href="{text:Link 5 URL}">{text:Link 5}</a></div>
  1164. <div class="links"><a href="{text:Link 6 URL}">{text:Link 6}</a></div>
  1165. <div class="links"><a href="{text:Link 7 URL}">{text:Link 7}</a></div>
  1166. </div>
  1167. {block:IfNotInfiniteScroll}
  1168. <div id="pagination">
  1169. {block:Pagination}
  1170. <div id="prev">{block:PreviousPage}<a href="{PreviousPage}" title="previous page"><i CLASS="fa fa-angle-left" aria-hidden="true"></i></a>{/block:PreviousPage}</div>
  1171. <div id="next">{block:NextPage}<a href="{NextPage}" title="next page"><i class="fa fa-angle-right" aria-hidden="true"></i></a>{/block:NextPage}</div>
  1172. {/block:Pagination}
  1173. </div>
  1174. {/block:IfNotInfiniteScroll}
  1175. </div>
  1176. </div>
  1177.  
  1178. <div id="quatre">
  1179. <div id="description_2">{text:Description2}</div>
  1180. </div>
  1181.  
  1182. <div id="cinq">
  1183. <div id="search">
  1184. <script language="javascript">function send(){ DOCUMENTsearchf.submit()}</script>
  1185. <form action="/search" method="get" id="sfm" name="searchf">
  1186. <i CLASS="fa fa-search" aria-hidden="true"></i>
  1187. <input type="text" placeholder="search" name="q" value=""/>
  1188. </form>
  1189. </div>
  1190. </div>
  1191.  
  1192. <div id="six">
  1193. <div id="t_controls">
  1194. {block:IndexPage}
  1195. <a href="http://www.tumblr.com/follow/{Name}" title="follow"><i CLASS="fa fa-plus" aria-hidden="true"></i></a>
  1196. <a href="https://www.tumblr.com/dashboard?conversation={Name}" title="message"><i class="fa fa-envelope" aria-hidden="true"></i></a><br/>
  1197. <a href="https://www.tumblr.com/dashboard" title="dashboard"><i class="fa fa-home" aria-hidden="true"></i></a>
  1198. {/block:IndexPage}
  1199. <a href="http://micaelis.tumblr.com" title="theme by micaelis"><i class="fa fa-code" aria-hidden="true"></i></a>
  1200. </div>
  1201. </div>
  1202. </div>
  1203.  
  1204. {block:ifTopBar}
  1205. <div id="remove">
  1206. <i CLASS="fa fa-chevron-up" aria-hidden="true"></i>
  1207. </div>
  1208. {/block:ifTopBar}
  1209. </div>
  1210.  
  1211. <!-- POSTS -->
  1212.  
  1213. <div id="posts_container">
  1214. {block:Posts}
  1215. <div class="posts" id="{PostID}">
  1216.  
  1217.  
  1218. <div class="vertebrae">
  1219. {block:Text}
  1220. {block:Title}
  1221. <div CLASS="text_post_title"><a href="{Permalink}">{Title}</a></div>
  1222. {/block:Title}
  1223. <div class="text">{Body}</div>
  1224.  
  1225. <!-- post info -->
  1226.  
  1227. {block:Date}
  1228. <div id="post_info_container">
  1229. <div class="slide">
  1230. <div id="date">
  1231. {block:IndexPage}<a href="{Permalink}" title="{DayOfMonthWithZero}&nbsp;{ShortMonth}&nbsp;{ShortYear} / {12HourWithZero}:{Minutes}{AmPm}">{TimeAgo}</a>{/block:IndexPage}
  1232. {block:Permalink}Posted on {Month} {DayofMonth}{DayofMonthSuffix} {Year}, {24HourWithZero}:{Minutes}:{Seconds} - {TimeAgo}{/block:Permalink}
  1233. </div>
  1234.  
  1235. <div id="notes">
  1236. <a href="{Permalink}">{block:NoteCount}+&nbsp;{NoteCount}&nbsp;N{/block:NoteCount}</a>
  1237. </div>
  1238.  
  1239. <div id="post_source">
  1240. {block:RebloggedFrom}
  1241. <a href="{ReblogRootURL}" title="{ReblogRootTitle}">©:&nbsp;{ReblogRootName}</a>
  1242. {block:Permalink}&nbsp;&nbsp;<a href="{ReblogParentURL}" title="{ReblogParentTitle}"><i CLASS="fa fa-retweet" aria-hidden="true"></i>{ReblogParentName}</a>{/block:Permalink}
  1243. {/block:RebloggedFrom}
  1244. </div>
  1245.  
  1246. <div id="tags_box">
  1247. {block:HasTags}
  1248. <div id="tags">{block:Tags}&nbsp;<a href="{TagURL}"><i CLASS="fa fa-tags" aria-hidden="true"></i>{Tag}</a>{/block:Tags}</div>
  1249. {/block:HasTags}
  1250. </div>
  1251. </div>
  1252.  
  1253. {block:IndexPage}
  1254. <div id="like_reblog">
  1255. <ul>
  1256. <span CLASS="bone"><li class="reblog">{ReblogButton size="8"}</li></span>
  1257. <span class="bone">
  1258. <li class="like"><svg width="8" height="8" viewBox="0 0 19 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000"><path d="M14.0425097,0.000920262799 C16.1435097,-0.0400797372 18.8835097,1.28192026 18.9635097,5.36992026 C19.0525097,9.95492026 15.1985097,13.3079203 9.48350967,16.2089203 C3.76650967,13.3079203 -0.0874903349,9.95492026 0.00150966509,5.36992026 C0.0815096651,1.28192026 2.82150967,-0.0400797372 4.92250967,0.000920262799 C7.02450967,0.0419202628 8.87050967,2.26592026 9.46950967,2.92792026 C10.0945097,2.26592026 11.9405097,0.0419202628 14.0425097,0.000920262799 Z"></path></svg>{LikeButton size="10"}</li>
  1259. </span>
  1260. </ul>
  1261. </div>
  1262. {/block:IndexPage}
  1263. </div>
  1264. {/block:Date}
  1265.  
  1266. <!-- post info -->
  1267.  
  1268. {/block:Text}
  1269. </div>
  1270.  
  1271.  
  1272. <div CLASS="vertebrae">
  1273. {block:Link}
  1274. <div class="text_post_title"><a href="{URL}">{Name}</a></div>
  1275. {block DESCRIPTION}<div CLASS="text">{Description}</div>{/block:Description}
  1276.  
  1277. <!-- post info -->
  1278.  
  1279. {block:Date}
  1280. <div id="post_info_container">
  1281. <div class="slide">
  1282. <div id="date">
  1283. {block:IndexPage}<a href="{Permalink}" title="{DayOfMonthWithZero}&nbsp;{ShortMonth}&nbsp;{ShortYear} / {12HourWithZero}:{Minutes}{AmPm}">{TimeAgo}</a>{/block:IndexPage} {block:Permalink}Posted on {Month} {DayofMonth}{DayofMonthSuffix} {Year}, {24HourWithZero}:{Minutes}:{Seconds} - {TimeAgo}{/block:Permalink}
  1284. </div>
  1285.  
  1286. <div id="notes">
  1287. <a href="{Permalink}">{block:NoteCount}+&nbsp;{NoteCount}&nbsp;N{/block:NoteCount}</a>
  1288. </div>
  1289.  
  1290. <div id="post_source">
  1291. {block:RebloggedFrom}
  1292. <a href="{ReblogRootURL}" title="{ReblogRootTitle}">©:&nbsp;{ReblogRootName}</a>
  1293. {block:Permalink}&nbsp;&nbsp;<a href="{ReblogParentURL}" title="{ReblogParentTitle}"><i CLASS="fa fa-retweet" aria-hidden="true"></i>{ReblogParentName}</a>{/block:Permalink}
  1294. {/block:RebloggedFrom}
  1295. </div>
  1296.  
  1297. <div id="tags_box">
  1298. {block:HasTags}
  1299. <div id="tags">{block:Tags}&nbsp;<a href="{TagURL}"><i CLASS="fa fa-tags" aria-hidden="true"></i>{Tag}</a>{/block:Tags}</div>
  1300. {/block:HasTags}
  1301. </div>
  1302. </div>
  1303.  
  1304. {block:IndexPage}
  1305. <div id="like_reblog">
  1306. <ul>
  1307. <span CLASS="bone"><li class="reblog">{ReblogButton size="8"}</li></span>
  1308. <span class="bone">
  1309. <li class="like"><svg width="8" height="8" viewBox="0 0 19 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000"><path d="M14.0425097,0.000920262799 C16.1435097,-0.0400797372 18.8835097,1.28192026 18.9635097,5.36992026 C19.0525097,9.95492026 15.1985097,13.3079203 9.48350967,16.2089203 C3.76650967,13.3079203 -0.0874903349,9.95492026 0.00150966509,5.36992026 C0.0815096651,1.28192026 2.82150967,-0.0400797372 4.92250967,0.000920262799 C7.02450967,0.0419202628 8.87050967,2.26592026 9.46950967,2.92792026 C10.0945097,2.26592026 11.9405097,0.0419202628 14.0425097,0.000920262799 Z"></path></svg>{LikeButton size="10"}</li>
  1310. </span>
  1311. </ul>
  1312. </div>
  1313. {/block:IndexPage}
  1314. </div>
  1315. {/block:Date}
  1316.  
  1317. <!-- post info -->
  1318.  
  1319. {/block:Link}
  1320. </div>
  1321.  
  1322.  
  1323. <div CLASS="vertebrae">
  1324. {block:Quote}
  1325. <div id="quote">{Quote}</div>
  1326. {block:Source}<div id="source">&mdash;&nbsp;{Source}</div>{/block:Source}
  1327.  
  1328. <!-- post info -->
  1329.  
  1330. {block:Date}
  1331. <div id="post_info_container">
  1332. <div class="slide">
  1333. <div id="date">
  1334. {block:IndexPage}<a href="{Permalink}" title="{DayOfMonthWithZero}&nbsp;{ShortMonth}&nbsp;{ShortYear} / {12HourWithZero}:{Minutes}{AmPm}">{TimeAgo}</a>{/block:IndexPage} {block:Permalink}Posted on {Month} {DayofMonth}{DayofMonthSuffix} {Year}, {24HourWithZero}:{Minutes}:{Seconds} - {TimeAgo}{/block:Permalink}
  1335. </div>
  1336.  
  1337. <div id="notes">
  1338. <a href="{Permalink}">{block:NoteCount}+&nbsp;{NoteCount}&nbsp;N{/block:NoteCount}</a>
  1339. </div>
  1340.  
  1341. <div id="post_source">
  1342. {block:RebloggedFrom}
  1343. <a href="{ReblogRootURL}" title="{ReblogRootTitle}">©:&nbsp;{ReblogRootName}</a>
  1344. {block:Permalink}&nbsp;&nbsp;<a href="{ReblogParentURL}" title="{ReblogParentTitle}"><i CLASS="fa fa-retweet" aria-hidden="true"></i>{ReblogParentName}</a>{/block:Permalink}
  1345. {/block:RebloggedFrom}
  1346. </div>
  1347.  
  1348. <div id="tags_box">
  1349. {block:HasTags}
  1350. <div id="tags">{block:Tags}&nbsp;<a href="{TagURL}"><i CLASS="fa fa-tags" aria-hidden="true"></i>{Tag}</a>{/block:Tags}</div>
  1351. {/block:HasTags}
  1352. </div>
  1353. </div>
  1354.  
  1355. {block:IndexPage}
  1356. <div id="like_reblog">
  1357. <ul>
  1358. <span class="bone"><li class="reblog">{ReblogButton size="8"}</li></span>
  1359. <span class="bone">
  1360. <li class="like"><svg width="8" height="8" viewBox="0 0 19 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000"><path d="M14.0425097,0.000920262799 C16.1435097,-0.0400797372 18.8835097,1.28192026 18.9635097,5.36992026 C19.0525097,9.95492026 15.1985097,13.3079203 9.48350967,16.2089203 C3.76650967,13.3079203 -0.0874903349,9.95492026 0.00150966509,5.36992026 C0.0815096651,1.28192026 2.82150967,-0.0400797372 4.92250967,0.000920262799 C7.02450967,0.0419202628 8.87050967,2.26592026 9.46950967,2.92792026 C10.0945097,2.26592026 11.9405097,0.0419202628 14.0425097,0.000920262799 Z"></path></svg>{LikeButton size="10"}</li>
  1361. </span>
  1362. </ul>
  1363. </div>
  1364. {/block:IndexPage}
  1365. </div>
  1366. {/block:Date}
  1367.  
  1368. <!-- post info -->
  1369.  
  1370. {/block:Quote}
  1371. </div>
  1372.  
  1373.  
  1374. <div class="vertebrae">
  1375. {block:Chat}
  1376. {block:Title}<div class="text_post_title">{Title}</div>{/block:Title}
  1377. <div id="chat">
  1378. <ul>
  1379. {block:Lines}<li id="line">{block:Label}<span id="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}
  1380. </ul>
  1381. </div>
  1382. <!-- post info -->
  1383.  
  1384. {block:Date}
  1385. <div id="post_info_container">
  1386. <div class="slide">
  1387. <div id="date">
  1388. {block:IndexPage}<a href="{Permalink}" title="{DayOfMonthWithZero}&nbsp;{ShortMonth}&nbsp;{ShortYear} / {12HourWithZero}:{Minutes}{AmPm}">{TimeAgo}</a>{/block:IndexPage} {block:Permalink}Posted on {Month} {DayofMonth}{DayofMonthSuffix} {Year}, {24HourWithZero}:{Minutes}:{Seconds} - {TimeAgo}{/block:Permalink}
  1389. </div>
  1390.  
  1391. <div id="notes">
  1392. <a href="{Permalink}">{block:NoteCount}+&nbsp;{NoteCount}&nbsp;N{/block:NoteCount}</a>
  1393. </div>
  1394.  
  1395. <div id="post_source">
  1396. {block:RebloggedFrom}
  1397. <a href="{ReblogRootURL}" title="{ReblogRootTitle}">©:&nbsp;{ReblogRootName}</a>
  1398. {block:Permalink}&nbsp;&nbsp; <a href="{ReblogParentURL}" title="{ReblogParentTitle}"><i class="fa fa-retweet" aria-hidden="true"></i>{ReblogParentName}</a>{/block:Permalink}
  1399. {/block:RebloggedFrom}
  1400. </div>
  1401.  
  1402. <div id="tags_box">
  1403. {block:HasTags}
  1404. <div id="tags">{block:Tags}&nbsp;<a href="{TagURL}"><i class="fa fa-tags" aria-hidden="true"></i>{Tag}</a>{/block:Tags}</div>
  1405. {/block:HasTags}
  1406. </div>
  1407. </div>
  1408.  
  1409. {block:IndexPage}
  1410. <div id="like_reblog">
  1411. <ul>
  1412. <span class="bone"><li class="reblog">{ReblogButton size="8"}</li></span>
  1413. <span class="bone">
  1414. <li class="like"><svg width="8" height="8" viewBox="0 0 19 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000"><path d="M14.0425097,0.000920262799 C16.1435097,-0.0400797372 18.8835097,1.28192026 18.9635097,5.36992026 C19.0525097,9.95492026 15.1985097,13.3079203 9.48350967,16.2089203 C3.76650967,13.3079203 -0.0874903349,9.95492026 0.00150966509,5.36992026 C0.0815096651,1.28192026 2.82150967,-0.0400797372 4.92250967,0.000920262799 C7.02450967,0.0419202628 8.87050967,2.26592026 9.46950967,2.92792026 C10.0945097,2.26592026 11.9405097,0.0419202628 14.0425097,0.000920262799 Z"></path></svg>{LikeButton size="10"}</li>
  1415. </span>
  1416. </ul>
  1417. </div>
  1418. {/block:IndexPage}
  1419. </div>
  1420. {/block:Date}
  1421.  
  1422. <!-- post info -->
  1423.  
  1424. {/block:Chat}
  1425. </div>
  1426.  
  1427.  
  1428. <div class="vertebrae">
  1429. {block:Answer}
  1430. <div id="ask">
  1431. <div id="asker">q{Asker}:</div><br />
  1432. <div id="question">{Question}</div>
  1433. </div>
  1434. <div id="answer">{Answer}</div>
  1435.  
  1436. <!-- post info -->
  1437.  
  1438. {block:Date}
  1439. <div id="post_info_container">
  1440. <div class="slide">
  1441. <div id="date">
  1442. {block:IndexPage}<a href="{Permalink}" title="{DayOfMonthWithZero}&nbsp;{ShortMonth}&nbsp;{ShortYear} / {12HourWithZero}:{Minutes}{AmPm}">{TimeAgo}</a>{/block:IndexPage} {block:Permalink}Posted on {Month} {DayofMonth}{DayofMonthSuffix} {Year}, {24HourWithZero}:{Minutes}:{Seconds} - {TimeAgo}{/block:Permalink}
  1443. </div>
  1444.  
  1445. <div id="notes">
  1446. <a href="{Permalink}">{block:NoteCount}+&nbsp;{NoteCount}&nbsp;N{/block:NoteCount}</a>
  1447. </div>
  1448.  
  1449. <div id="post_source">
  1450. {block:RebloggedFrom}
  1451. <a href="{ReblogRootURL}" title="{ReblogRootTitle}">©:&nbsp;{ReblogRootName}</a>
  1452. {block:Permalink}&nbsp;&nbsp;<a href="{ReblogParentURL}" title="{ReblogParentTitle}"><i class="fa fa-retweet" aria-hidden="true"></i>{ReblogParentName}</a>{/block:Permalink}
  1453. {/block:RebloggedFrom}
  1454. </div>
  1455.  
  1456. <div id="tags_box">
  1457. {block:HasTags}
  1458. <div id="tags">{block:Tags}&nbsp;<a href="{TagURL}"><i class="fa fa-tags" aria-hidden="true"></i>{Tag}</a>{/block:Tags}</div>
  1459. {/block:HasTags}
  1460. </div>
  1461. </div>
  1462.  
  1463. {block:IndexPage}
  1464. <div id="like_reblog">
  1465. <ul>
  1466. <span class="bone"><li class="reblog">{ReblogButton size="8"}</li></span>
  1467. <span class="bone">
  1468. <li class="like"><svg width="8" height="8" viewBox="0 0 19 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000"><path d="M14.0425097,0.000920262799 C16.1435097,-0.0400797372 18.8835097,1.28192026 18.9635097,5.36992026 C19.0525097,9.95492026 15.1985097,13.3079203 9.48350967,16.2089203 C3.76650967,13.3079203 -0.0874903349,9.95492026 0.00150966509,5.36992026 C0.0815096651,1.28192026 2.82150967,-0.0400797372 4.92250967,0.000920262799 C7.02450967,0.0419202628 8.87050967,2.26592026 9.46950967,2.92792026 C10.0945097,2.26592026 11.9405097,0.0419202628 14.0425097,0.000920262799 Z"></path></svg>{LikeButton size="10"}</li>
  1469. </span>
  1470. </ul>
  1471. </div>
  1472. {/block:IndexPage}
  1473. </div>
  1474. {/block:Date}
  1475.  
  1476. <!-- post info -->
  1477.  
  1478. {/block:Answer}
  1479. </div>
  1480.  
  1481.  
  1482. <div class="vertebrae">
  1483. {block:AudioPlayer}
  1484. <div id="audio_player_container">
  1485. <div id="album_art">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>
  1486. <div id="audio_player_bg_container"><div id="audio_player_bg"><div id="audio_player">{AudioPlayerWhite}</div></div></div>
  1487. <div id="track_details_container">
  1488. <div id="track_details">
  1489. {block:TrackName}<span id="track_name">{TrackName}</span>{/block:TrackName}<br />
  1490. {block:Artist}<span id="artist_name">{Artist}</span>{/block:Artist}<br />
  1491. </div>
  1492. </div>
  1493. </div>
  1494. {block:ifShowCaption}
  1495. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  1496. {/block:ifShowCaption}
  1497.  
  1498. <!-- post info -->
  1499.  
  1500. {block:Date}
  1501. <div id="post_info_container">
  1502. <div class="slide">
  1503. <div id="date">
  1504. {block:IndexPage}<a href="{Permalink}" title="{DayOfMonthWithZero}&nbsp;{ShortMonth}&nbsp;{ShortYear} / {12HourWithZero}:{Minutes}{AmPm}">{TimeAgo}</a>{/block:IndexPage} {block:Permalink}Posted on {Month} {DayofMonth}{DayofMonthSuffix} {Year}, {24HourWithZero}:{Minutes}:{Seconds} - {TimeAgo}{/block:Permalink}
  1505. </div>
  1506.  
  1507. <div id="notes">
  1508. <a href="{Permalink}">{block:NoteCount}+&nbsp;{NoteCount}&nbsp;N{/block:NoteCount}</a>
  1509. </div>
  1510.  
  1511. <div id="post_source">
  1512. {block:RebloggedFrom}
  1513. <a href="{ReblogRootURL}" title="{ReblogRootTitle}">©:&nbsp;{ReblogRootName}</a>
  1514. {block:Permalink}&nbsp;&nbsp;<a href="{ReblogParentURL}" title="{ReblogParentTitle}"><i class="fa fa-retweet" aria-hidden="true"></i>{ReblogParentName}</a>{/block:Permalink}
  1515. {/block:RebloggedFrom}
  1516. </div>
  1517.  
  1518. <div id="tags_box">
  1519. {block:HasTags}
  1520. <div id="tags">{block:Tags}&nbsp;<a href="{TagURL}"><i class="fa fa-tags" aria-hidden="true"></i>{Tag}</a>{/block:Tags}</div>
  1521. {/block:HasTags}
  1522. </div>
  1523. </div>
  1524.  
  1525. {block:IndexPage}
  1526. <div id="like_reblog">
  1527. <ul>
  1528. <span class="bone"><li class="reblog">{ReblogButton size="8"}</li></span>
  1529. <span class="bone">
  1530. <li class="like"><svg width="8" height="8" viewBox="0 0 19 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000"><path d="M14.0425097,0.000920262799 C16.1435097,-0.0400797372 18.8835097,1.28192026 18.9635097,5.36992026 C19.0525097,9.95492026 15.1985097,13.3079203 9.48350967,16.2089203 C3.76650967,13.3079203 -0.0874903349,9.95492026 0.00150966509,5.36992026 C0.0815096651,1.28192026 2.82150967,-0.0400797372 4.92250967,0.000920262799 C7.02450967,0.0419202628 8.87050967,2.26592026 9.46950967,2.92792026 C10.0945097,2.26592026 11.9405097,0.0419202628 14.0425097,0.000920262799 Z"></path></svg>{LikeButton size="10"}</li>
  1531. </span>
  1532. </ul>
  1533. </div>
  1534. {/block:IndexPage}
  1535. </div>
  1536. {/block:Date}
  1537.  
  1538. <!-- post info -->
  1539.  
  1540. {/block:AudioPlayer}
  1541. </div>
  1542.  
  1543.  
  1544. <div class="vertebrae">
  1545. {block:Photo}
  1546. {LinkOpenTag}
  1547. <a href="#" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="540"></a>
  1548. {LinkCloseTag}
  1549. {block:ifShowCaption}
  1550. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  1551. {/block:ifShowCaption}
  1552.  
  1553. <!-- post info -->
  1554.  
  1555. {block:Date}
  1556. <div id="post_info_container">
  1557. <div class="slide">
  1558. <div id="date">
  1559. {block:IndexPage}<a href="{Permalink}" title="{DayOfMonthWithZero}&nbsp;{ShortMonth}&nbsp;{ShortYear} / {12HourWithZero}:{Minutes}{AmPm}">{TimeAgo}</a>{/block:IndexPage} {block:Permalink}Posted on {Month} {DayofMonth}{DayofMonthSuffix} {Year}, {24HourWithZero}:{Minutes}:{Seconds} - {TimeAgo}{/block:Permalink}
  1560. </div>
  1561.  
  1562. <div id="notes">
  1563. <a href="{Permalink}">{block:NoteCount}+&nbsp;{NoteCount}&nbsp;N{/block:NoteCount}</a>
  1564. </div>
  1565.  
  1566. <div id="post_source">
  1567. {block:RebloggedFrom}
  1568. <a href="{ReblogRootURL}" title="{ReblogRootTitle}">©:&nbsp;{ReblogRootName}</a>
  1569. {block:Permalink}&nbsp;&nbsp;<a href="{ReblogParentURL}" title="{ReblogParentTitle}"><i class="fa fa-retweet" aria-hidden="true"></i>{ReblogParentName}</a>{/block:Permalink}
  1570. {/block:RebloggedFrom}
  1571. </div>
  1572.  
  1573. <div id="tags_box">
  1574. {block:HasTags}
  1575. <div id="tags">{block:Tags}&nbsp;<a href="{TagURL}"><i class="fa fa-tags" aria-hidden="true"></i>{Tag}</a>{/block:Tags}</div>
  1576. {/block:HasTags}
  1577. </div>
  1578. </div>
  1579.  
  1580. {block:IndexPage}
  1581. <div id="like_reblog">
  1582. <ul>
  1583. <span class="bone"><li class="reblog">{ReblogButton size="8"}</li></span>
  1584. <span class="bone">
  1585. <li class="like"><svg width="8" height="8" viewBox="0 0 19 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000"><path d="M14.0425097,0.000920262799 C16.1435097,-0.0400797372 18.8835097,1.28192026 18.9635097,5.36992026 C19.0525097,9.95492026 15.1985097,13.3079203 9.48350967,16.2089203 C3.76650967,13.3079203 -0.0874903349,9.95492026 0.00150966509,5.36992026 C0.0815096651,1.28192026 2.82150967,-0.0400797372 4.92250967,0.000920262799 C7.02450967,0.0419202628 8.87050967,2.26592026 9.46950967,2.92792026 C10.0945097,2.26592026 11.9405097,0.0419202628 14.0425097,0.000920262799 Z"></path></svg>{LikeButton size="10"}</li>
  1586. </span>
  1587. </ul>
  1588. </div>
  1589. {/block:IndexPage}
  1590. </div>
  1591. {/block:Date}
  1592.  
  1593. <!-- post info -->
  1594.  
  1595. {/block:Photo}
  1596. </div>
  1597.  
  1598.  
  1599. <div class="vertebrae">
  1600. {block:Photoset}
  1601. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  1602. {block:Photos}
  1603. <div class="photo-data">
  1604. <div class="pxu-photo">
  1605. <img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}">
  1606. </div>
  1607. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
  1608. </div>
  1609. {/block:Photos}
  1610. </div>
  1611. {block:ifShowCaption}
  1612. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  1613. {/block:ifShowCaption}
  1614.  
  1615. <!-- post info -->
  1616.  
  1617. {block:Date}
  1618. <div id="post_info_container">
  1619. <div CLASS="slide">
  1620. <div id="date">
  1621. {block:IndexPage}<a href="{Permalink}" title="{DayOfMonthWithZero}&nbsp;{ShortMonth}&nbsp;{ShortYear} / {12HourWithZero}:{Minutes}{AmPm}">{TimeAgo}</a>{/block:IndexPage} {block:Permalink}Posted on {Month} {DayofMonth}{DayofMonthSuffix} {Year}, {24HourWithZero}:{Minutes}:{Seconds} - {TimeAgo}{/block:Permalink}
  1622. </div>
  1623.  
  1624. <div id="notes">
  1625. <a href="{Permalink}">{block:NoteCount}+&nbsp;{NoteCount}&nbsp;N{/block:NoteCount}</a>
  1626. </div>
  1627.  
  1628. <div id="post_source">
  1629. {block:RebloggedFrom}
  1630. <a href="{ReblogRootURL}" title="{ReblogRootTitle}">©:&nbsp;{ReblogRootName}</a>
  1631. {block:Permalink}&nbsp;&nbsp;<a href="{ReblogParentURL}" title="{ReblogParentTitle}"><i CLASS="fa fa-retweet" aria-hidden="true"></i>{ReblogParentName}</a>{/block:Permalink}
  1632. {/block:RebloggedFrom}
  1633. </div>
  1634.  
  1635. <div id="tags_box">
  1636. {block:HasTags}
  1637. <div id="tags">{block:Tags}&nbsp;<a href="{TagURL}"><i CLASS="fa fa-tags" aria-hidden="true"></i>{Tag}</a>{/block:Tags}</div>
  1638. {/block:HasTags}
  1639. </div>
  1640. </div>
  1641.  
  1642. {block:IndexPage}
  1643. <div id="like_reblog">
  1644. <ul>
  1645. <span CLASS="bone"><li class="reblog">{ReblogButton size="8"}</li></span>
  1646. <span class="bone">
  1647. <li class="like"><svg width="8" height="8" viewBox="0 0 19 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000"><path d="M14.0425097,0.000920262799 C16.1435097,-0.0400797372 18.8835097,1.28192026 18.9635097,5.36992026 C19.0525097,9.95492026 15.1985097,13.3079203 9.48350967,16.2089203 C3.76650967,13.3079203 -0.0874903349,9.95492026 0.00150966509,5.36992026 C0.0815096651,1.28192026 2.82150967,-0.0400797372 4.92250967,0.000920262799 C7.02450967,0.0419202628 8.87050967,2.26592026 9.46950967,2.92792026 C10.0945097,2.26592026 11.9405097,0.0419202628 14.0425097,0.000920262799 Z"></path></svg>{LikeButton size="10"}</li>
  1648. </span>
  1649. </ul>
  1650. </div>
  1651. {/block:IndexPage}
  1652. </div>
  1653. {/block:Date}
  1654.  
  1655. <!-- post info -->
  1656.  
  1657. {/block:Photoset}
  1658. </div>
  1659.  
  1660.  
  1661. <div CLASS="vertebrae">
  1662. {block:Video}
  1663. <div class="video">{Video-500}</div>
  1664. {block:ifShowCaption}
  1665. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  1666. {/block:ifShowCaption}
  1667.  
  1668. <!-- post info -->
  1669.  
  1670. {block:Date}
  1671. <div id="post_info_container">
  1672. <div class="slide">
  1673. <div id="date">
  1674. {block:IndexPage}<a href="{Permalink}" title="{DayOfMonthWithZero}&nbsp;{ShortMonth}&nbsp;{ShortYear} / {12HourWithZero}:{Minutes}{AmPm}">{TimeAgo}</a>{/block:IndexPage} {block:Permalink}Posted on {Month} {DayofMonth}{DayofMonthSuffix} {Year}, {24HourWithZero}:{Minutes}:{Seconds} - {TimeAgo}{/block:Permalink}
  1675. </div>
  1676.  
  1677. <div id="notes">
  1678. <a href="{Permalink}">{block:NoteCount}+&nbsp;{NoteCount}&nbsp;N{/block:NoteCount}</a>
  1679. </div>
  1680.  
  1681. <div id="post_source">
  1682. {block:RebloggedFrom}
  1683. <a href="{ReblogRootURL}" title="{ReblogRootTitle}">©:&nbsp;{ReblogRootName}</a>
  1684. {block:Permalink}&nbsp;&nbsp;<a href="{ReblogParentURL}" title="{ReblogParentTitle}"><i CLASS="fa fa-retweet" aria-hidden="true"></i>{ReblogParentName}</a>{/block:Permalink}
  1685. {/block:RebloggedFrom}
  1686. </div>
  1687.  
  1688. <div id="tags_box">
  1689. {block:HasTags}
  1690. <div id="tags">{block:Tags}&nbsp;<a href="{TagURL}"><i CLASS="fa fa-tags" aria-hidden="true"></i>{Tag}</a>{/block:Tags}</div>
  1691. {/block:HasTags}
  1692. </div>
  1693. </div>
  1694.  
  1695. {block:IndexPage}
  1696. <div id="like_reblog">
  1697. <ul>
  1698. <span CLASS="bone"><li class="reblog">{ReblogButton size="8"}</li></span>
  1699. <span class="bone">
  1700. <li class="like"><svg width="8" height="8" viewBox="0 0 19 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000"><path d="M14.0425097,0.000920262799 C16.1435097,-0.0400797372 18.8835097,1.28192026 18.9635097,5.36992026 C19.0525097,9.95492026 15.1985097,13.3079203 9.48350967,16.2089203 C3.76650967,13.3079203 -0.0874903349,9.95492026 0.00150966509,5.36992026 C0.0815096651,1.28192026 2.82150967,-0.0400797372 4.92250967,0.000920262799 C7.02450967,0.0419202628 8.87050967,2.26592026 9.46950967,2.92792026 C10.0945097,2.26592026 11.9405097,0.0419202628 14.0425097,0.000920262799 Z"></path></svg>{LikeButton size="10"}</li>
  1701. </span>
  1702. </ul>
  1703. </div>
  1704. {/block:IndexPage}
  1705. </div>
  1706. {/block:Date}
  1707.  
  1708. <!-- post info -->
  1709.  
  1710. {/block:Video}
  1711.  
  1712. {block:IndexPage}<!--{block:RebloggedFrom}<a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}-->{/block:IndexPage}
  1713.  
  1714. </div>
  1715.  
  1716. </div> <!-- end posts -->
  1717.  
  1718. {block:ContentSource}
  1719. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1720. {/block:ContentSource}
  1721.  
  1722. <div id="notecontainer">{PostNotes}</div>
  1723.  
  1724. {/block:Posts}
  1725.  
  1726. </div> <!-- end posts container -->
  1727.  
  1728. {block:IndexPage}
  1729. {block:ifInfiniteScroll}
  1730. <div CLASS="navigation" id="navigation">
  1731. {block:Pagination}
  1732. {block:PreviousPage}<a href="{PreviousPage}" CLASS="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  1733. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}
  1734. {/block:Pagination}
  1735. </div>
  1736. {/block:IfInfiniteScroll}
  1737. {/block:IndexPage}
  1738.  
  1739. <div id="scrolltotop"><i class="fa fa-chevron-circle-up" aria-hidden="true"></i></div>
  1740.  
  1741. <!-- scripts -->
  1742.  
  1743. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
  1744. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1745. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  1746. {block:IndexPage}
  1747. {block:ifInfiniteScroll}
  1748. <script src="http://static.tumblr.com/id0l4t3/UWAnnbelk/jquery.infinitescroll.min.js"></script>
  1749. {/block:ifInfiniteScroll}
  1750. <script src="https://cdnjs.cloudflare.com/ajax/libs/masonry/3.3.0/masonry.pkgd.min.js"></script>
  1751. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.imagesloaded/3.1.8/imagesloaded.pkgd.min.js"></script>
  1752.  
  1753. <script>
  1754. if ({text:Post Padding} == 0) {
  1755. $('#audio_player_container, #ask, .text_post_title').css({
  1756. "margin":"2px"
  1757. })
  1758. } else {
  1759. $('#audio_player_container, #ask, .text_post_title').css({
  1760. "margin":"0px"
  1761. })
  1762. }
  1763. if ({text:Number of Columns} > 1) {
  1764. $('.posts').css({
  1765. "margin-left":"20px",
  1766. "margin-right":"20px",
  1767. });
  1768. var newWidth = ({text:Post Size} + 40 + {text:Post Padding} * 2 {block:ifPostBorder} + 2 {/block:ifPostBorder}) * {text:Number of Columns};
  1769. } else {
  1770. var newWidth = ({text:Post Size} + {text:Post Padding} * 2 {block:ifPostBorder} + 2 {/block:ifPostBorder}) * {text:Number of Columns};
  1771. }
  1772. $('#posts_container').width(newWidth);
  1773. </script>
  1774. {/block:IndexPage}
  1775.  
  1776. <script>
  1777. $ DOCUMENT).ready(function(){
  1778. $('.photo-slideshow').pxuPhotoset({
  1779. lightbox:true,
  1780. rounded:false,
  1781. gutter:'2px',
  1782. photoset:'.photo-slideshow',
  1783. photoWrap:'.photo-data',
  1784. photo:'.pxu-photo'
  1785. });
  1786. {block:IndexPage}
  1787. var $container = $('#posts_container');
  1788. $container.imagesLoaded(function(){
  1789. $container.masonry({
  1790. itemSelector:'.posts',
  1791. });
  1792. });
  1793. {block:ifInfiniteScroll}
  1794. $container.infinitescroll({
  1795. navSelector:'#navigation',
  1796. nextSelector:'#navigation a#nextPage',
  1797. itemSelector:'.posts',
  1798. loadingImg:'',
  1799. loadingText:'<em></em>',
  1800. bufferPx:2000
  1801. },
  1802. function(newElements){
  1803. var $newElems = $(newElements);
  1804. var $newElemsIDs = $newElems.map(function(){
  1805. return this.id;
  1806. }).get();
  1807. console.log($newElems, $newElemsIDs);
  1808. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  1809. $newElems.hide();
  1810. $newElems.find('.photo-slideshow').pxuPhotoset({
  1811. lightbox:true,
  1812. rounded:false,
  1813. gutter:'2px',
  1814. photoset:'.photo-slideshow',
  1815. photoWrap:'.photo-data',
  1816. photo:'.pxu-photo'
  1817. });
  1818. $newElems.find('.video').each(
  1819. function(){resizeVideos();},
  1820. function(){$container.masonry();}
  1821. );
  1822. {block:ifRevealPostInfoonHover}
  1823. $newElems.find('.vertebrae').each(
  1824. function(){
  1825. $(this).hover(function(){
  1826. $(this).parent().find('.slide').stop(true, true).slideToggle();
  1827. })
  1828. }
  1829. );
  1830. {/block:ifRevealPostInfoonHover}
  1831. $newElems.imagesLoaded(function(){
  1832. $newElems.fadeIn(700);
  1833. $container.masonry('appended', $newElems, true);
  1834. });
  1835. }
  1836. );
  1837. {/block:ifInfiniteScroll}
  1838. {/block:IndexPage}
  1839. });
  1840. </script>
  1841.  
  1842. <script>
  1843. $(function() {
  1844. $('body, #posts_container, #updates, #tulpina').removeClass('fade-out');
  1845. });
  1846. </script>
  1847. </body>
  1848.  
  1849. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!