Advertisement
killljoy

Myspace Tumblr Theme HTML

Dec 8th, 2020 (edited)
4,792
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 31.33 KB | None | 0 0
  1. Here's the theme to https://rawrdotzip.tumblr.com 's myspace theme!!! Just paste this into the html area when you edit your theme and you can customize it .3.
  2.  
  3. <html lang="{block:English}en{/block:English}{block:French}fr{/block:French}{block:German}de{/block:German}{block:Japanese}ja{/block:Japanese}{block:Italian}it{/block:Italian}{block:Spanish}es{/block:Spanish}{block:Polish}pl{/block:Polish}">
  4. <head>
  5. <meta charset="utf-8">
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  7. <meta name="viewport" content="width=device-width">
  8. <title>{Title}{block:PostSummary} &mdash; {PostSummary}{/block:PostSummary} {block:SearchPage}{lang:Search results for SearchQuery} - {/block:SearchPage}</title>
  9. <link rel="apple-touch-icon" href="{PortraitURL-128}">
  10. <link rel="shortcut icon" href="{Favicon}">
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  12. <link rel="shortcut icon" href="{Favicon}">
  13. <link rel="alternate" type="application/rss+xml" href="{RSS}">{block:Description}
  14. <meta name="description" content="{MetaDescription}" />{/block:Description}
  15. {block:Hidden}
  16. <!-- Custom Meta Text -->
  17. <meta name="text:Name" content="Your Name"/>
  18. <meta name="text:Quote" content="I can't even."/>
  19. <meta name="text:Gender" content="Gender"/>
  20. <meta name="text:Age" content="Age"/>
  21. <meta name="text:Town" content="Town"/>
  22. <meta name="text:Country" content="Country"/>
  23. <meta name="text:YouTube Video ID" content=""/>
  24. <meta name="text:Song" content="Song"/>
  25. <meta name="text:Artist" content="Artist"/>
  26. <meta name="text:Interest 1 Label" content="Music:"/>
  27. <meta name="text:Interest 1 Content" content=""/>
  28. <meta name="text:Interest 2 Label" content="Movies:"/>
  29. <meta name="text:Interest 2 Content" content=""/>
  30. <meta name="text:Interest 3 Label" content="Television:"/>
  31. <meta name="text:Interest 3 Content" content=""/>
  32. <meta name="text:Interest 4 Label" content="Books:"/>
  33. <meta name="text:Interest 4 Content" content=""/>
  34. <meta name="text:Interest 5 Label" content="Heroes:"/>
  35. <meta name="text:Interest 5 Content" content=""/>
  36. <meta name="text:Detail 1 Label" content="Status:"/>
  37. <meta name="text:Detail 1 Content" content=""/>
  38. <meta name="text:Detail 2 Label" content="Orientation:"/>
  39. <meta name="text:Detail 2 Content" content=""/>
  40. <meta name="text:Detail 3 Label" content="Zodiac Sign:"/>
  41. <meta name="text:Detail 3 Content" content=""/>
  42. <meta name="text:Detail 4 Label" content="Education:"/>
  43. <meta name="text:Detail 4 Content" content=""/>
  44. <meta name="text:Detail 5 Label" content="Occupation:"/>
  45. <meta name="text:Detail 5 Content" content=""/>
  46. <!-- Custom Meta Options -->
  47. <meta name="if:Auto Play" content="0"/>
  48. <meta name="if:Two Column Posts" content="0"/>
  49. <!-- Custom Meta Colors -->
  50. <meta name="color:Background" content="#e5e5e5"/>
  51. <meta name="color:White" content="#FFFFFF"/>
  52. <meta name="color:Black" content="#000000"/>
  53. <meta name="color:Dark Blue" content="#062fa5"/>
  54. <meta name="color:Light Blue" content="#6699ce"/>
  55. <meta name="color:Dark Orange" content="#df7a36"/>
  56. <meta name="color:Light Orange" content="#ffcc95"/>
  57. <meta name="color:Details Label" content="#afd0ef">
  58. <meta name="color:Details Content" content="#d5e7fb">
  59. <!-- Custom Meta Images -->
  60. <meta name="image:Background" content=""/>
  61. <meta name="image:Profile Picture" content="http://static.tumblr.com/bpdtqce/gGonomhwm/nophoto.png"/>
  62. {/block:Hidden}
  63. <!-- Twemoji -->
  64. <script src="//twemoji.maxcdn.com/twemoji.min.js"></script>
  65. <!-- Styles -->
  66. <style>
  67. /* Reset & Defaults */
  68. /*! normalize.css v1.0.0 | MIT License | git.io/normalize */
  69. article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.75em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:75%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}
  70. body, html, * {
  71. box-sizing: border-box;
  72. word-wrap:break-word;
  73. }
  74. body {
  75. background-color: {color:Background};
  76. background-image: url('{image:Background}');
  77. font-family: 'Verdana', sans-serif;
  78. font-weight: normal;
  79. font-size: 11px;
  80. }
  81. a, a:visited {
  82. color: {color:Dark Blue};
  83. font-weight: bold;
  84. text-decoration: none;
  85. }
  86. a:hover {
  87. color: {color:Light Blue};
  88. }
  89. p {
  90. margin: 5px 0 10px 0;
  91. padding: 0;
  92. }
  93. iframe, img, embed, object, video {
  94. max-width: 100%;
  95. }
  96. h1, h2, h3, h4, h5, h6 {
  97. margin: 0;
  98. padding: 0;
  99. font-size: 12px;
  100. }
  101. /* Structure */
  102. footer, .container {
  103. position: relative;
  104. clear: both;
  105. }
  106. .container {
  107. width: 880px;
  108. margin: 0 auto;
  109. }
  110. #top-navigation {
  111. background-color: {color:Dark Blue};
  112. }
  113. #search {
  114. position: relative;
  115. overflow: hidden;
  116. margin: 0 auto;
  117. padding: 20px;
  118. }
  119. #search form {
  120. width: 80%;
  121. margin: 0 auto;
  122. }
  123. #search input[type="text"] {
  124. width: 80%;
  125. float: left;
  126. padding: 5px;
  127. }
  128. #search input[type="submit"] {
  129. width: 18%;
  130. float: right;
  131. padding: 5px 15px;
  132. }
  133. #links {
  134. background: {color:Light Blue};
  135. }
  136. #navigation {
  137. margin: 0;
  138. padding: 0;
  139. list-style-type: none;
  140. }
  141. #navigation li {
  142. display: inline-block;
  143. padding: 10px 0 10px 10px;
  144. }
  145. #navigation li::after {
  146. margin: 0 0 0 10px;
  147. content: '|';
  148. }
  149. #navigation li a {
  150. font-size: 11px;
  151. color: {color:White};
  152. font-weight: normal;
  153. }
  154. #navigation li a:hover {
  155. color: {color:Black};
  156. }
  157. #profile {
  158. background: {color:White};
  159. overflow: hidden;
  160. padding: 0 10px;
  161. }
  162. #sidebar {
  163. width: 300px;
  164. float: left;
  165. }
  166. #sidebar div {
  167. margin: 20px 0;
  168. }
  169. #photo-box {
  170. padding-top: 20px;
  171. overflow: hidden;
  172. }
  173. #photo-box h1 {
  174. font-size: 14px;
  175. }
  176. #profile-photo, #information {
  177. width: 50%;
  178. float: left;
  179. }
  180.  
  181. #information {
  182. padding-left: 10px;
  183. }
  184. #quote, #country {
  185. display: block;
  186. margin-bottom: 15px;
  187. }
  188. #information span {
  189. display: block;
  190. }
  191. #url {
  192. border: 1px solid {color:Light Blue};
  193. padding: 5px;
  194. }
  195. #url h2 {
  196. font-size: 11px;
  197. }
  198. #music {
  199. position: relative;
  200. background: url('http://static.tumblr.com/bpdtqce/eNEnoonrt/musicplayer.png') top left no-repeat;
  201. background-size: 100% 100%;
  202. overflow: hidden;
  203. height: 50px;
  204. max-width: 305px;
  205. border: 1px solid {color:Black};
  206. }
  207. #music iframe {
  208. position: absolute;
  209. top: 12px;
  210. height: 25px;
  211. opacity: 0;
  212. z-index: 0;
  213. }
  214. #music div {
  215. position: absolute;
  216. top: 10px;
  217. left: 55px;
  218. width: 75%;
  219. margin: 0 !important;
  220. }
  221. #music span {
  222. display: block;
  223. color: {color:White};
  224. font-weight: normal;
  225. }
  226. .artist {
  227. font-weight: bold;
  228. }
  229. #interests, #details {
  230. border: 1px solid {color:Light Blue};
  231. padding: 2px;
  232. }
  233. #interests h2, #details h2 {
  234. background: {color:Light Blue};
  235. font-size: 11px;
  236. color: {color:White};
  237. margin: -2px -2px 2px -2px;
  238. padding: 2px;
  239. }
  240. #interests table, #details table {
  241. width: 100%;
  242. }
  243. #interests table tr, #details table tr {
  244. border-bottom: 2px solid {color:White};
  245. }
  246. .sidebar-label {
  247. width: 30%;
  248. background: {color:Details Label};
  249. border-right: 2px solid {color:White};
  250. padding: 2px;
  251. }
  252. .sidebar-label span {
  253. color: {color:Dark Blue};
  254. font-size: 10px;
  255. font-weight: bold;
  256. }
  257. .sidebar-content {
  258. width: 70%;
  259. background: {color:Details Content};
  260. padding: 2px;
  261. }
  262. .sidebar-content span {
  263. font-size: 10px;
  264. }
  265. #content {
  266. width: 540px;
  267. float: right;
  268. }
  269. #content div, #content article {
  270. margin: 20px 0;
  271. }
  272. #extended-network {
  273. border: 1px solid {color:Black};
  274. padding: 20px;
  275. text-align: center;
  276. }
  277. #extended-network span {
  278. font-weight: bold;
  279. font-size: 14px;
  280. }
  281. #blurbs h2 {
  282. background: {color:Light Orange};
  283. padding: 2px;
  284. color: {color:Dark Orange};
  285. }
  286. #blurbs h3, #blurbs h3 a {
  287. color: {color:Dark Orange};
  288. margin: 5px 0;
  289. }
  290. #description {
  291. margin: 0 !important;
  292. }
  293. .post-meta {
  294. overflow: hidden;
  295. margin-top: 10px;
  296. }
  297. .note-count, .reblogs {
  298. width: 50%;
  299. float: left;
  300. margin: 0 !important;
  301. }
  302. .note-count {
  303. text-align: right;
  304. }
  305. .notes {
  306. margin: 0;
  307. padding: 0;
  308. list-style-type: none;
  309. }
  310. .notes li {
  311. margin: 0;
  312. padding: 5px;
  313. font-size: 9px;
  314. border-bottom: 1px solid {color:Background};
  315. }
  316. .notes li div {
  317. margin: 0 !important;
  318. }
  319. {block:IndexPage}
  320. {block:IfTwoColumnPosts}
  321. .post{
  322. width: 270px;
  323. float: left;
  324. padding: 10px !important;
  325. }
  326. .post:nth-child(odd) {
  327. clear: left;
  328. }
  329.  
  330. .caption {
  331. display: none;
  332. }
  333. {block:IfTwoColumnPosts}
  334.  
  335. .post-container, .autopagerize_page_element {
  336. margin: 0 !important;
  337. }
  338.  
  339. article {
  340. margin: 0 !important;
  341. }
  342.  
  343. .post {
  344. padding: 10px 0;
  345. border-bottom: 1px solid {color:Background};
  346. }
  347.  
  348. {/block:IndexPage}
  349. .copyright {
  350. text-align: center;
  351. font-size: 9px;
  352. padding: 10px;
  353. }
  354. /* Post Styles */
  355. .link a {
  356. font-size: 12px;
  357. }
  358. .chat ul {
  359. margin: 0;
  360. padding: 0;
  361. list-style-type: none;
  362. }
  363. .chat ul li {
  364. padding: 2px;
  365. }
  366. .odd {
  367. background: {color:Background};
  368. }
  369. .source {
  370. text-align: right;
  371. }
  372. .source::before {
  373. content: '-';
  374. }
  375. blockquote {
  376. margin: 0;
  377. border-left: 2px solid {color:Light Orange};
  378. padding: 0 10px;
  379. }
  380. .html_photoset {
  381. margin: 0 !important;
  382. }
  383. .question {
  384. background:{color:Background};
  385. padding: 20px;
  386. overflow: hidden;
  387. }
  388. .question img {
  389. float: left;
  390. margin-right: 10px;
  391. }
  392. .like_and_reblog_buttons {
  393. margin: 0;
  394. padding: 0;
  395. list-style-type: none;
  396. }
  397. .like_and_reblog_buttons li {
  398. display: inline-block;
  399. padding: 0 5px;
  400. }
  401. .like_button {
  402. margin: 0 !important;
  403. padding: 0;
  404. }
  405. .tag-container {
  406. clear: both;
  407. padding: 2px;
  408. background: {color:Light Orange};
  409. }
  410. .tags {
  411. margin: 0;
  412. padding: 0;
  413. list-style-type: none;
  414. }
  415. .tags li {
  416. display: inline-block;
  417. margin-right: 10px;
  418. font-size: 9px;
  419. }
  420. .tags li a {
  421. color: {color:Dark Orange};
  422. }
  423. .tags li a:hover {
  424. color: {color:Black};
  425. }
  426. #pagination {
  427. clear: both;
  428. text-align: center;
  429. }
  430. #pagination ul li {
  431. display: inline-block;
  432. margin: 0 10px;
  433. }
  434. /* Custom CSS */
  435. {CustomCSS}
  436. </style>
  437. <!--[if IE]>
  438. <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  439. <![endif]-->
  440. {block:IfNotTwoColumnPosts}
  441. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  442. {/block:IfNotTwoColumnPosts}
  443. </head>
  444. <body>
  445. <section id="top-navigation" class="container">
  446. <div class="container">
  447. <div id="search">
  448. <form action="/search" method="get">
  449. <input type="text" name="q" value="{SearchQuery}"/>
  450. <input type="submit" value="{lang:Search}"/>
  451. </form>
  452. </div>
  453. <nav id="links">
  454. <ul id="navigation">
  455. <li><a href="{BlogURL}">Home</a></li>
  456. {block:HasPages}
  457. {block:Pages}
  458. <li><a href="{URL}">{Label}</a></li>
  459. {/block:Pages}
  460. {/block:HasPages}
  461. {block:SubmissionsEnabled}
  462. <li><a href="/submit">{SubmitLabel}</a></li>
  463. {/block:SubmissionsEnabled}
  464. {block:AskEnabled}
  465. <li><a href="/ask">{AskLabel}</a></li>
  466. {/block:AskEnabled}
  467. <li><a href="/archive">Archive</a></li>
  468. <li><a href="http://qwirkie.com" target="_blank">Theme</a></li>
  469. </ul>
  470. </nav>
  471. </div>
  472. </section>
  473. <section id="profile" class="container">
  474. <div id="sidebar">
  475. <header id="photo-box">
  476. <h1>{Title}</h1>
  477. <div id="profile-photo">
  478. <img src="{image:Profile Picture}" alt="{text:Name}">
  479. </div>
  480. <div id="information">
  481. <span id="quote">"{text:Quote}"</span>
  482. <span>{text:Gender}</span>
  483. <span>{text:Age}</span>
  484. <span>{text:Town}</span>
  485. <span id="country">{text:Country}</span>
  486. <img src="http://static.tumblr.com/bpdtqce/oWenomie9/onlinenow.gif" alt="Online Now">
  487. </div>
  488. </header>
  489. <aside>
  490. <div id="url">
  491. <h2>Tumblr URL:</h2>
  492. {BlogURL}
  493. </div>
  494. {block:IfYouTubeVideoID}
  495. <div id="music">
  496. <iframe width="560" height="315" src="https://www.youtube.com/embed/{text:YouTube Video ID}?rel=0&amp;showinfo=0{block:IfAutoPlay}&autoplay=1{/block:IfAutoPlay}" frameborder="0" allowfullscreen></iframe>
  497. <div>
  498. <span class="song">{text:Song}</span>
  499. <span class="artist">{text:Artist}</span>
  500. </div>
  501. </div>
  502. {/block:IfYouTubeVideoID}
  503. {block:IfInterest1Label}
  504. <div id="interests">
  505. <h2>{text:Name}'s Interests</h2>
  506. <table>
  507. <tbody>
  508. <tr class="interest1">
  509. <td class="sidebar-label"><span>{text:Interest 1 Label}</span></td>
  510. <td class="sidebar-content"><span>{text:Interest 1 Content}</span></td>
  511. </tr>
  512. {block:IfInterest2Label}
  513. <tr class="interest2">
  514. <td class="sidebar-label"><span>{text:Interest 2 Label}</span></td>
  515. <td class="sidebar-content"><span>{text:Interest 2 Content}</span></td>
  516. </tr>
  517. {/block:IfInterest2Label}
  518. {block:IfInterest3Label}
  519. <tr class="interest3">
  520. <td class="sidebar-label"><span>{text:Interest 3 Label}</span></td>
  521. <td class="sidebar-content"><span>{text:Interest 3 Content}</span></td>
  522. </tr>
  523. {/block:IfInterest3Label}
  524. {block:IfInterest4Label}
  525. <tr class="interest4">
  526. <td class="sidebar-label"><span>{text:Interest 4 Label}</span></td>
  527. <td class="sidebar-content"><span>{text:Interest 4 Content}</span></td>
  528. </tr>
  529. {/block:IfInterest4Label}
  530. {block:IfInterest5Label}
  531. <tr class="interest5">
  532. <td class="sidebar-label"><span>{text:Interest 5 Label}</span></td>
  533. <td class="sidebar-content"><span>{text:Interest 5 Content}</span></td>
  534. </tr>
  535. {/block:IfInterest5Label}
  536. </tbody>
  537. </table>
  538. </div>
  539. {/block:IfInterest1Label}
  540. {block:IfDetail1Label}
  541. <div id="details">
  542. <h2>{text:Name}'s Details</h2>
  543. <table>
  544. <tbody>
  545. <tr class="detail1">
  546. <td class="sidebar-label"><span>{text:Detail 1 Label}</span></td>
  547. <td class="sidebar-content"><span>{text:Detail 1 Content}</span></td>
  548. </tr>
  549. {block:IfDetail2Label}
  550. <tr class="detail2">
  551. <td class="sidebar-label"><span>{text:Detail 2 Label}</span></td>
  552. <td class="sidebar-content"><span>{text:Detail 2 Content}</span></td>
  553. </tr>
  554. {/block:IfDetail2Label}
  555. {block:IfDetail3Label}
  556. <tr class="detail3">
  557. <td class="sidebar-label"><span>{text:Detail 3 Label}</span></td>
  558. <td class="sidebar-content"><span>{text:Detail 3 Content}</span></td>
  559. </tr>
  560. {/block:IfDetail3Label}
  561. {block:IfDetail4Label}
  562. <tr class="detail4">
  563. <td class="sidebar-label"><span>{text:Detail 4 Label}</span></td>
  564. <td class="sidebar-content"><span>{text:Detail 4 Content}</span></td>
  565. </tr>
  566. {/block:IfDetail4Label}
  567. {block:IfDetail5Label}
  568. <tr class="detail5">
  569. <td class="sidebar-label"><span>{text:Detail 5 Label}</span></td>
  570. <td class="sidebar-content"><span>{text:Detail 5 Content}</span></td>
  571. </tr>
  572. {/block:IfDetail5Label}
  573. </tbody>
  574. </table>
  575. </div>
  576. {/block:IfDetail1Label}
  577. </aside>
  578. </div>
  579. <main id="content">
  580. <div id="extended-network">
  581. <span>{text:Name} is in your extended network.</span>
  582. </div>
  583. <div id="blurbs">
  584. {block:IndexPage}
  585. <h2>{text:Name}'s Blurbs</h2>
  586. <h3>About Me:</h3>
  587. {block:Description}
  588. <div id="description">{Description}</div>
  589. {/block:Description}
  590. <h2>{text:Name}'s Posts</h2>
  591. {/block:IndexPage}
  592. {block:TagPage}
  593. <h3>Posts tagged "{Tag}"</h3>
  594. {/block:TagPage}
  595. <div class="post-container">
  596. <div class="autopagerize_page_element"><!-- Infinite Scroll -->
  597. {block:Posts}
  598. <article id="{PostType}-{PostID}" class="post {PostType}">
  599. {block:Text}
  600. {block:Title}
  601. <h3><a href="{Permalink}">{Title}</a></h3>
  602. {/block:Title}{Body}
  603. {/block:Text}
  604. {block:Photo}
  605. {block:IndexPage}
  606. {LinkOpenTag}
  607. {block:IfTwoColumnPosts}
  608. <img src="{PhotoURL-250}" alt="{PhotoAlt}" width="{PhotoWidth-250}" height="{PhotoHeight-250}"/>
  609. {/block:IfTwoColumnPosts}
  610. {block:IfNotTwoColumnPosts}
  611. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />
  612. {/block:IfNotTwoColumnPosts}
  613. {LinkCloseTag}
  614. {/block:IndexPage}
  615. {block:PermalinkPage}
  616. {LinkOpenTag}
  617. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />
  618. {LinkCloseTag}
  619. {/block:PermalinkPage}
  620. {block:Caption}
  621. <div class="caption">{Caption}</div>
  622. {/block:Caption}
  623. {/block:Photo}
  624. {block:Panorama}
  625. {LinkOpenTag}
  626. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}" />{LinkCloseTag}
  627. {block:Caption}
  628. <div class="caption">{Caption}</div>
  629. {/block:Caption}
  630. {/block:Panorama}
  631. {block:Photoset}
  632. {block:IndexPage}
  633. {LinkOpenTag}
  634. {block:IfTwoColumnPosts}
  635. {Photoset-250}
  636. {/block:IfTwoColumnPosts}
  637. {block:IfNotTwoColumnPosts}
  638. {Photoset}
  639. {/block:IfNotTwoColumnPosts}
  640. {LinkCloseTag}
  641. {/block:IndexPage}
  642. {block:PermalinkPage}
  643. {Photoset}
  644. {/block:PermalinkPage}
  645. {block:Caption}
  646. <div class="caption">{Caption}</div>
  647. {/block:Caption}
  648. {/block:Photoset}
  649. {block:Quote}
  650. &#8220;{Quote}&#8221;
  651. {block:Source}
  652. <div class="source">{Source}</div>
  653. {/block:Source}
  654. {/block:Quote}
  655. {block:Link}
  656. <a href="{URL}" class="link" {Target}>{Name}</a>
  657. {block:Description}
  658. <div class="description">{Description}</div>
  659. {/block:Description}
  660. {/block:Link}
  661. {block:Chat}
  662. {block:Title}
  663. <h3><a href="{Permalink}">{Title}</a></h3>
  664. {/block:Title}
  665. <ul class="chat">
  666. {block:Lines}
  667. <li class="{Alt} user_{UserNumber}">
  668. {block:Label}
  669. <span class="label">{Label}</span>
  670. {/block:Label}
  671. {Line}
  672. </li>
  673. {/block:Lines}
  674. </ul>
  675. {/block:Chat}
  676. {block:Video}
  677. {Video-700}
  678. {block:Caption}
  679. <div class="caption">{Caption}</div>
  680. {/block:Caption}
  681. {/block:Video}
  682. {block:Audio}
  683. {block:AudioEmbed}
  684. {AudioEmbed}
  685. {/block:AudioEmbed}
  686. {block:AudioPlayer}
  687. {AudioPlayer}
  688. {/block:AudioPlayer}
  689. {block:Caption}
  690. <div class="caption">{Caption}</div>
  691. {/block:Caption}
  692. {/block:Audio}
  693. {block:Answer}
  694. <div class="question"><img src="{AskerPortraitURL-40}"><h3>{Asker}: {Question}</h3></div> {Answer}
  695. {/block:Answer}
  696. {block:Date}
  697. <footer class="post-meta">
  698. <div class="reblogs">
  699. <ul class="like_and_reblog_buttons">
  700. <li>{ReblogButton}</li>
  701. <li>{LikeButton}</li>
  702. </ul>
  703. </div>
  704. <div class="note-count">
  705. <a href="{Permalink}">{NoteCountWithLabel}</a>
  706. </div>
  707. {block:PermalinkPage}
  708. {block:HasTags}
  709. <div class="tag-container">
  710. <ul class="tags">
  711. {block:Tags}
  712. <li><a href="{TagURL}">{Tag}</a></li>
  713. {/block:Tags}
  714. </ul>
  715. </div>
  716. {/block:HasTags}
  717. {block:PostNotes}
  718. <div class="post-notes">
  719. {PostNotes}
  720. </div>
  721. {/block:PostNotes}
  722. {/block:PermalinkPage}
  723. </footer>
  724. {/block:Date}
  725. </article>
  726. {/block:Posts}
  727. </div><!-- Infinite Scroll -->
  728. </div>
  729. </div>
  730. </main>
  731. {block:Pagination}
  732. <nav id="pagination">
  733. <ul>
  734. {block:PreviousPage}<li><a href="{PreviousPage}">&larr; Newer Posts</a></a></li>{/block:PreviousPage}
  735. {block:NextPage}<li><a href="{NextPage}" class="next">Older Posts &rarr;</a></li>{/block:NextPage}
  736. </ul>
  737. </nav>
  738. {/block:Pagination}
  739. </section>
  740. <footer class="footer">
  741. <div class="container copyright">
  742. <p>Copyright &copy; {CopyrightYears} {Title}.
  743. </p>
  744. </div>
  745. </footer>
  746. <!-- Scripts -->
  747. <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
  748. <!--Masonry-->
  749. {block:IndexPage}
  750. {block:IfTwoColumnPosts}
  751. <script src="http://static.tumblr.com/bpdtqce/kQOnoplhy/jquery.freetile.min.js"></script>
  752. <script>
  753. $(document).ready(function() {
  754. $('.autopagerize_page_element').freetile({
  755. selector: '.post',
  756. animate: true,
  757. elementDelay: 10
  758. });
  759. });
  760. </script>
  761. {/block:IfTwoColumnPosts}
  762. {/block:IndexPage}
  763. <!-- Sticky Sidebar -->
  764. {block:IfNotTwoColumnPosts}
  765. <script src="http://static.tumblr.com/bpdtqce/ABPnp37wk/jquery.sticky-kit.min.js"></script>
  766. <script>
  767. $(document).ready(function() {
  768. $("#sidebar").stick_in_parent();
  769. });
  770. </script>
  771. {/block:IfNotTwoColumnPosts}
  772. </body>
  773. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement