API tools faq
paste
EllinorN

Modular theme

EllinorN
Jul 4th, 2013
432
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 42.87 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!-- Theme by Ellinor -->
  4. <!-- themepuddles.tumblr.com -->
  5. <!-- jumpingpuddles.tumblr.com -->
  6. <!-- DO NOT REMOVE THIS -->
  7.  
  8. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  9. <head>
  10. <meta charset="utf-8" />
  11. <meta description="{MetaDescription}" />
  12. <title>
  13. {Title}
  14. {block:IndexPage} - Page {CurrentPage}{/block:IndexPage}
  15. {block:PermalinkPage} -
  16. {block:PostSummary}
  17. {PostSummary}
  18. {/block:PostSummary}
  19. {/block:PermalinkPage}
  20. </title>
  21. <link href='http://fonts.googleapis.com/css?family=Tangerine:400,700' rel='stylesheet' type='text/css' />
  22. <link rel="shortcut icon" href="{Favicon}">
  23.  
  24. <!-- Default variables -->
  25. <meta name="color:Background" content="#e5e5e5">
  26. <meta name="image:Background image" content="" />
  27. <meta name="color:Post Background" content="#ffffff" />
  28. <meta name="color:Post Borders" content="#cccccc" />
  29. <meta name="text:Font size Navbar" content="10" />
  30. <meta name="text:Font size Main" content="12" />
  31. <meta name="text:Font size Post Title" content="20" />
  32. <meta name="font:Font Navbar" content="Verdana" />
  33. <meta name="font:Font Main" content="Helvetica" />
  34. <meta name="font:Font Post Title" content="Georgia" />
  35. <meta name="color:Main Text" content="#333333" />
  36.  
  37. <meta name="if:Postinfo On Hover" content="0" />
  38. <meta name="if:Show Tags On Index" content="1" />
  39. <meta name="if:Hide Captions" content="0" />
  40.  
  41. <meta name="text:Navlink 1" content="" />
  42. <meta name="text:Navlink 1 URL" content="" />
  43. <meta name="text:Navlink 2" content="" />
  44. <meta name="text:Navlink 2 URL" content="" />
  45. <meta name="text:Navlink 3" content="" />
  46. <meta name="text:Navlink 3 URL" content="" />
  47. <meta name="if:RSS Feed Link" content="1" />
  48.  
  49. <meta name="if:Sidebar As Post" content="1" />
  50. <meta name="if:Sidebar Links Inline" content="0" />
  51. <meta name="text:Sidelink 1" content="" />
  52. <meta name="text:Sidelink 1 URL" content="" />
  53. <meta name="text:Sidelink 2" content="" />
  54. <meta name="text:Sidelink 2 URL" content="" />
  55. <meta name="text:Sidelink 3" content="" />
  56. <meta name="text:Sidelink 3 URL" content="" />
  57. <meta name="text:Sidelink 4" content="" />
  58. <meta name="text:Sidelink 4 URL" content="" />
  59. <meta name="text:Sidelink 5" content="" />
  60. <meta name="text:Sidelink 5 URL" content="" />
  61. <meta name="text:Sidelink 6" content="" />
  62. <meta name="text:Sidelink 6 URL" content="" />
  63. <meta name="text:Sidelink 7" content="" />
  64. <meta name="text:Sidelink 7 URL" content="" />
  65. <meta name="text:Sidelink 8" content="" />
  66. <meta name="text:Sidelink 8 URL" content="" />
  67. <meta name="text:Sidelink 9" content="" />
  68. <meta name="text:Sidelink 9 URL" content="" />
  69.  
  70. <!--columns-->
  71. <meta name="if:1 Column" content="0" />
  72. <meta name="if:1 Column 700px" content="0" />
  73. <meta name="if:2 Columns" content="0" />
  74. <meta name="if:3 Columns" content="1" />
  75. <meta name="if:4 Columns" content="0" />
  76. <meta name="if:Stretch Photosets" content="0" />
  77. <meta name="if:Permalink Post Width 700px" content="0" />
  78.  
  79. <!--header-->
  80. <meta name="image:Header Image" content="http://static.tumblr.com/b5819bba01ccccff7bc231ba9c6910d7/nncdb8o/kBkmpe1yg/tumblr_static_tumblr_static_header.jpg" />
  81. <meta name="if:Hide Header" content="0" />
  82.  
  83. <!--navbar-->
  84. <meta name="color:Navbar Background" content="#01939c">
  85. <meta name="color:Navbar Links" content="#bfe9de" />
  86. <meta name="color:Navbar Links Hover" content="#ffffff" />
  87. <meta name="color:Navbar Links Hover Background" content="#67bec4" />
  88. <meta name="if:Hide Navbar" content="0" />
  89.  
  90. <!--sidebar-->
  91. <meta name="if:Sidebar" content="0" />
  92. <meta name="if:Sidebar on Permalink" content="1" />
  93. <meta name="if:Sidebar Title" content="1" />
  94. <meta name="image:Sidebar Image" content="" />
  95. <meta name="color:Sidebar Links" content="#333333" />
  96. <meta name="color:Sidebar Links Background" content="#f4f4f4" />
  97. <meta name="color:Sidebar Links Background Hover" content="#f9f9f9" />
  98. <meta name="if:Hide Portrait" content="0" />
  99.  
  100. <!--posts-->
  101. <meta name="color:Links" content="#01939c" />
  102. <meta name="color:Question background" content="#e7eaec" />
  103. <meta name="color:Question text colour" content="#454e54" />
  104. <meta name="color:Question asker text colour" content="#595d62" />
  105.  
  106. <!-- CSS -->
  107. <style type="text/css">
  108. body, h2 {
  109. margin: 0;
  110. padding: 0;
  111. }
  112.  
  113. body {
  114. background-color: {color:Background};
  115. background-image: url({image:Background image});
  116. font-family: {font:Font Main};
  117. font-size: {text:Font size Main}px;
  118. }
  119. a {
  120. color: {color:Links};
  121. text-decoration:none;
  122. }
  123. a:hover {
  124. color:{color:Main Text};
  125. }
  126.  
  127. #wrapper {
  128. margin: 0px auto 50px;
  129. width: 876px;
  130. {block:If1Column}
  131. width: 542px;
  132. {block:IfSidebar}
  133. width: 834px;
  134. {/block:IfSidebar}
  135. {/block:If1Column}
  136. {block:If1Column700px}
  137. width: 742px;
  138. {block:IfSidebar}
  139. width: 1034px;
  140. {/block:IfSidebar}
  141. {/block:If1Column700px}
  142. {block:If2Columns} width: 584px; {/block:If2Columns}
  143. {block:If4Columns} width: 1168px; {/block:If4Columns}
  144. }
  145.  
  146. header {
  147. margin-bottom: 2px;
  148. margin-right: 20px;
  149. }
  150. header img {
  151. width: 100%;
  152. }
  153.  
  154. nav {
  155. background: {color:Navbar Background};
  156. font-family: {font:Font Navbar};
  157. font-size: {text:Font size Navbar}px;
  158. text-align: center;
  159. margin-right: 20px;
  160. }
  161. nav a {
  162. display:inline-block;
  163. color: {color:Navbar Links};
  164. padding: 3px 8px;
  165. }
  166. nav a:hover {
  167. background: {color:Navbar Links Hover Background};
  168. color: {color:Navbar Links Hover};
  169. }
  170.  
  171. #innerwrapper {
  172. margin-top: 20px;
  173. text-align:justify;
  174. }
  175.  
  176. #sidebar {
  177. {block:IfNotSidebar}
  178. display:none;
  179. {block:PermalinkPage}
  180. {block:IfSidebarOnPermalink}
  181. display:block;
  182. float:left;
  183. {/block:IfSidebarOnPermalink}
  184. {/block:PermalinkPage}
  185. {/block:IfNotSidebar}
  186. {block:IfSidebar}
  187. float:left;
  188. {/block:IfSidebar}
  189. background: #fff;
  190. width: 250px;
  191. margin-bottom: 20px;
  192. margin-right: 20px;
  193. border: 1px solid {color:Post Borders};
  194. padding: 10px;
  195. }
  196. h3 {
  197. {block:IfNotSidebarTitle}
  198. display:none;
  199. {/block:IfNotSidebarTitle}
  200. font-family: 'Tangerine', Georgia;
  201. font-size: 40px;
  202. font-weight: 400;
  203. margin-top: -15px;
  204. margin-bottom: -11px;
  205. line-height: 32px;
  206. }
  207. h3 a {color:{color:Main Text};}
  208. hr {
  209. border:none;
  210. border-bottom: 1px solid {color:Navbar background};
  211. margin-bottom: 5px;
  212. }
  213. .portrait {
  214. float: left;
  215. margin-right: 5px;
  216. margin-top: 3px;
  217. {block:IfHidePortrait}
  218. display:none;
  219. {/block:IfHidePortrait}
  220. }
  221. .description {
  222. overflow:hidden;
  223. }
  224. .sidebarpic {
  225. max-width: 100%;
  226. height: auto;
  227. margin-top: 0.5em;
  228. display:block;
  229. margin-left: auto;
  230. margin-right: auto;
  231. }
  232. .sidelinks {
  233. margin-top: 0.5em;
  234. text-align: left;
  235. }
  236. .sidelinks a {
  237. display:block;
  238. background: {color:Sidebar Links Background};
  239. color:{color:Main Text};
  240. text-decoration: none;
  241. margin-bottom:2px;
  242. padding: 2px 7px;
  243. font-size:90%;
  244. font-style: italic;
  245. }
  246. .sidelinks a:hover {
  247. color: {color:Links};
  248. background: {color:Sidebar Links Background Hover};
  249. }
  250. {block:IfSidebarLinksInline}
  251. .sidelinks a {display:inline-block;}
  252. {/block:IfSidebarLinksInline}
  253.  
  254. #content {
  255. {block:IfSidebar}
  256. margin-left: 292px;
  257. {/block:IfSidebar}
  258. {block:IfNotSidebar}
  259. {block:PermalinkPage}
  260. {block:IfSidebarOnPermalink}
  261. margin-left: 292px;
  262. {/block:IfSidebarOnPermalink}
  263. {/block:PermalinkPage}
  264. {/block:IfNotSidebar}
  265. }
  266.  
  267. .postwrapper {
  268. background: {color:Post Background};
  269. width: 270px;
  270. float:left;
  271. margin-bottom: 20px;
  272. margin-right: 20px;
  273. border: 1px solid {color:Post Borders};
  274. color: {color:Main text};
  275. {block:If1Column}
  276. width:520px;
  277. {block:If1Column}
  278. {block:If1Column700px}
  279. width:720px;
  280. {/block:If1Column700px}
  281. {block:Permalink}
  282. width:720px;
  283. {/block:Permalink}
  284. }
  285.  
  286. .post {
  287. padding: 10px;
  288. text-align:justify;
  289. }
  290. .post h2 {
  291. font-family: {font:Font Post Title};
  292. font-style: italic;
  293. font-size: {text:Font size Post Title}px;
  294. text-align: left;
  295. }
  296.  
  297. .post p { margin-top:0px;margin-bottom:1em; }
  298. .post p:last-child { margin-bottom:0px; }
  299.  
  300. .post img { max-width: 100%; height: auto;}
  301. .squarephotos { width:250px; height:250px; }
  302.  
  303. .post ul, .post ol { padding:0px; margin-left: 30px; }
  304.  
  305. .post blockquote {
  306. border-left: 1px solid {color:Navbar background};
  307. margin-left: 10px; padding-left: 10px;
  308. margin-right: 0px;
  309. }
  310.  
  311. .exif {
  312. display: none;
  313. position:absolute;
  314. padding-top: 0px;
  315. padding-bottom: 10px;
  316. {block:If1Column}
  317. width: 500px;
  318. {/block:If1Column}
  319. {block:If1Column700px}
  320. width: 700px;
  321. {/block:If1Column700px}
  322. {block:If2Columns}
  323. width: 250px;
  324. {/block:If2Columns}
  325. {block:If3Columns}
  326. width: 250px;
  327. {/block:If3Columns}
  328. {block:If4Columns}
  329. width: 250px;
  330. {/block:If4Columns}
  331. background: {color:Post Background};
  332. }
  333. .exif p {margin:0px;}
  334. .post:hover .exif {
  335. display:block;
  336. }
  337.  
  338. .photoset_caption {
  339. {block:If1Column700px}
  340. {block:IfNotStretchPhotoSets}
  341. margin-left: 100px;
  342. margin-right: 100px;
  343. {/block:IfNotStretchPhotoSets}
  344. {/block:If1Column700px}
  345. {block:PermalinkPage}
  346. {block:IfPermalinkPostWidth700px}
  347. {block:IfNotStretchPhotoSets}
  348. margin-left: 100px;
  349. margin-right: 100px;
  350. {/block:IfNotStretchPhotoSets}
  351. {/block:IfPermalinkPostWidth700px}
  352. {/block:PermalinkPage}
  353. }
  354.  
  355. .quote.short {
  356. font-family: {font:Font Post Title};
  357. font-style: italic;
  358. font-size: 200%;
  359. font-weight: bold;
  360. margin-bottom: 10px;
  361. text-align: left;
  362. }
  363. .quote.medium {
  364. font-family: {font:Font Post Title};
  365. font-style: italic;
  366. font-size: 150%;
  367. font-weight: bold;
  368. line-height: 80%;
  369. margin-bottom: 10px;
  370. text-align: left;
  371. }
  372.  
  373. .chat p {
  374. margin-bottom: 5px;
  375. }
  376.  
  377. .songinfo {
  378. {block:If1Column} width: 500px; {/block:If1Column}
  379. {block:If1Column700px} width: 700px; {/block:If1Column700px}
  380. {block:If2Columns} width: 250px; {/block:If2Columns}
  381. {block:If3Columns} width: 250px; {/block:If3Columns}
  382. {block:If4Columns} width: 250px; {/block:If4Columns}
  383. {block:PermalinkPage}
  384. width: 500px;
  385. {block:IfPermalinkPostWidth700px}
  386. width:700px;
  387. {/block:IfPermalinkPostWidth700px}
  388. {block:PermalinkPage}
  389. }
  390. .songinfo p { margin:0px; }
  391. .songinfo {
  392. height: 40px;
  393. padding: 5px;
  394. text-align: center;
  395. font-family: verdana;
  396. font-size: 10px;
  397. }
  398. .albumart {
  399. margin-top: -50px;
  400. display: block;
  401. margin-left: auto;
  402. margin-right: auto;
  403. }
  404. .songinfo.two {
  405. background: rgba(255,255,255,0.5);
  406. position: absolute;
  407. margin-top: -80px;
  408. }
  409. .audioplayer {
  410. background:#e5e5e5;
  411. text-align:center;
  412. width: 100%;
  413. margin-top: 5px;
  414. }
  415.  
  416. .question {
  417. background: {color:Question background};
  418. -webkit-border-radius: 6px;
  419. -moz-border-radius: 6px;
  420. border-radius: 6px;
  421. font-family: Helvetica Neu, Helvetica, Arial, Sans-serif;
  422. font-size: 16px;
  423. font-weight: bold;
  424. color: {color:Question text colour};
  425. padding: 15px 20px;
  426. position: relative;
  427. text-align: left;
  428. {block:IfNot1Column}
  429. font-size: 14px;
  430. {/block:IfNot1Column}
  431. {block:IfNot1Column700px}
  432. font-size: 14px;
  433. {/block:IfNot1Column700px}
  434. }
  435.  
  436. .question_dart {
  437. margin-left: 27px;
  438. width: 0;
  439. height: 0;
  440. border-left: 5px solid transparent;
  441. border-right: 5px solid transparent;
  442. border-top: 5px solid {color:Question background};
  443. }
  444.  
  445. .asker {
  446. margin-left: 20px;
  447. margin-top: 8px;
  448. }
  449.  
  450. .asker_portrait {
  451. -webkit-border-radius: 3px;
  452. -moz-border-radius: 3px;
  453. border-radius: 3px;
  454. float: left;
  455. margin-right: 10px;
  456. }
  457.  
  458. .asker_name {
  459. font-size: 16px;
  460. font-weight: normal;
  461. color: {color:Asker name};
  462. text-decoration: none;
  463. margin: 0 0 0 10px;
  464. position: relative;
  465. top: 3px;
  466. }
  467. .asker_name a {
  468. color: #595d62;
  469. text-decoration: none;
  470. }
  471.  
  472. .answer {
  473. margin-top: 26px;
  474. }
  475.  
  476.  
  477. .postinfo {
  478. {block:IfPostinfoOnHover}
  479. {block:IndexPage}
  480. display:none;
  481. {/block:IndexPage}
  482. {/block:IfPostinfoOnHover}
  483. margin: 0px 10px;
  484. padding-top: 5px;
  485. padding-bottom: 5px;
  486. {block:PostNotes}padding-bottom:0px;{/block:PostNotes}
  487. text-align: center;
  488. font-size: 80%;
  489. border-top: 1px solid {color:Navbar background};
  490. }
  491. .postinfo a { color: inherit; text-decoration: none; }
  492. .postinfo a:hover { color: {color:Links} }
  493.  
  494. .postinfo2 {
  495. display:none;
  496. background: {color:Post Background};
  497. position:absolute;
  498. z-index: 1000;
  499. width: 100%;
  500. height: 100%;
  501. font-size: 80%;
  502. text-align: center;
  503. opacity: 1;
  504. }
  505. {block:IndexPage}
  506. .postwrapper:hover .postinfo2 {
  507. display:block;
  508. {block:IfNotPostinfoOnHover}
  509. display:none;
  510. {/block:IfNotPostinfoOnHover}
  511. }
  512. .postinfo2content {
  513. position:absolute;
  514. width: 100%;
  515. top: 50%;
  516. margin-top: 0.5em;
  517. }
  518. .postinfo2 a { color: inherit; text-decoration: none; }
  519. .postinfo2 a:hover { color: {color:Links} }
  520. {/block:IndexPage}
  521.  
  522. .pagination { font-weight: bold; }
  523. .left { float:left; }
  524. .right { float:right; }
  525.  
  526. #jumppagination {
  527. text-align: center;
  528. {block:IfSidebar}
  529. margin-left: 292px;
  530. {/block:IfSidebar}
  531. }
  532. .jump, .current, .more {
  533. display: inline-block;
  534. line-height: 20px;
  535. min-width: 20px;
  536. padding: 3px;
  537. }
  538. .jump {background: {color:Post Background};}
  539. .more {
  540. background: {color:Post Background};
  541. padding-left: 8px;
  542. padding-right: 8px;
  543. }
  544.  
  545.  
  546. /** Permalink pages **/
  547. {block:PermalinkPage}
  548. .postwrapper {
  549. background: #fff;
  550. width:520px;
  551. {block:If1Column700px}
  552. width:720px;
  553. {/block:If1Column700px}
  554. {block:IfPermalinkPostWidth700px}
  555. width:720px;
  556. {/block:IfPermalinkPostWidth700px}
  557. float:left;
  558. margin-bottom: 20px;
  559. margin-right: 20px;
  560. border: 1px solid {color:Post Borders};
  561. color: {color:Main text};
  562. }
  563. #wrapper {
  564. width: 542px;
  565. {block:IfSidebar}
  566. width: 834px;
  567. {/block:IfSidebar}
  568.  
  569. {block:If1Column700px}
  570. width: 742px;
  571. {block:IfSidebar}
  572. width: 1034px;
  573. {/block:IfSidebar}
  574. {/block:If1Column700px}
  575.  
  576. {block:IfPermalinkPostWidth700px}
  577. width: 742px;
  578. {block:IfSidebar}
  579. width: 1034px;
  580. {/block:IfSidebar}
  581. {/block:IfPermalinkPostWidth700px}
  582.  
  583. {block:PermalinkPage}
  584. {block:IfSidebarOnPermalink}
  585.  
  586. width: 834px;
  587.  
  588. {block:If1Column700px}
  589. width: 1034px;
  590. {/block:If1Column700px}
  591.  
  592. {block:IfPermalinkPostWidth700px}
  593. width: 1034px;
  594. {/block:IfPermalinkPostWidth700px}
  595.  
  596. {/block:IfSidebarOnPermalink}
  597. {/block:PermalinkPage}
  598. }
  599. {/block:PermalinkPage}
  600.  
  601. /** POSTNOTES **/
  602. #postnotes {
  603. border-top: 1px solid {color:Navbar background};
  604. padding-top: 10px;
  605. }
  606. #postnotes ol {
  607. list-style: none;
  608. padding: 0px;
  609. margin-left: 0px;
  610. }
  611. #postnotes ol li {
  612. padding: 8px;
  613. }
  614. #postnotes ol li:last-child {
  615. }
  616. #postnotes .avatar {
  617. vertical-align: -3px;
  618. margin-right: 10px;
  619. width: 16px;
  620. height: 16px;
  621. -webkit-border-radius: 8px;
  622. -moz-border-radius: 8px;
  623. border-radius: 8px;
  624. }
  625. #postnotes blockquote {
  626. border-left: 1px solid {color:Navbar background};
  627. margin-left: 30px; padding-left: 10px;
  628. margin-right: 0px;
  629. }
  630.  
  631. {CustomCSS}
  632.  
  633. </style>
  634. </head>
  635. <body>
  636. <div id="wrapper">
  637. {block:IfNotHideHeader}
  638. <header>
  639. <a href="/">
  640. <img src="{image:Header Image}" alt="Header image" />
  641. </a>
  642. </header>
  643. {/block:IfNotHideHeader}
  644. {block:IfNotHideNavbar}
  645. <nav>
  646. {block:Pagination}
  647. {block:PreviousPage}
  648. <div class="pagination left">
  649. <a href="{PreviousPage}">&laquo;</a>
  650. </div>
  651. {/block:PreviousPage}
  652. {block:NextPage}
  653. <div class="pagination right">
  654. <a href="{NextPage}">&raquo;</a>
  655. </div>
  656. {/block:NextPage}
  657. {/block:Pagination}
  658. <a href="/">Home</a>
  659. {block:IfRSSFeedLink}
  660. <a href="{RSS}">RSS Feed</a>
  661. {/block:IfRSSFeedLink}
  662. {block:AskEnabled}
  663. <a href="/ask">{AskLabel}</a>
  664. {/block:AskEnabled}
  665. {block:SubmissionsEnabled}
  666. <a href="/submit">{SubmitLabel}</a>
  667. {/block:SubmissionsEnabled}
  668. {block:HasPages}
  669. {block:Pages}
  670. <a href="{URL}">{Label}</a>
  671. {/block:Pages}
  672. {/block:HasPages}
  673. {block:IfNavlink1}
  674. <a href="{text:Navlink 1 URL}">{text:Navlink 1}</a>
  675. {block:IfNavlink1}
  676. {block:IfNavlink2}
  677. <a href="{text:Navlink 2 URL}">{text:Navlink 2}</a>
  678. {block:IfNavlink2}
  679. {block:IfNavlink3}
  680. <a href="{text:IfNavlink 3 URL}">{text:Navlink 3}</a>
  681. {block:IfNavlink3}
  682. <a href="http://themepuddles.tumblr.com/">Theme</a>
  683. </nav>
  684. {block:IfNotHideNavbar}
  685. <div id="innerwrapper">
  686.  
  687. <div id="sidebar">
  688. {block:IfSidebarTitle}
  689. <h3><a href="/">{Title}</a></h3>
  690. <hr />
  691. {/block:IfSidebarTitle}
  692. <div class="description">
  693. <img class="portrait" src="{PortraitURL-64}" />
  694. {Description}
  695. </div>
  696. <img src="{image:Sidebar image}" class="sidebarpic" />
  697. <div class="sidelinks">
  698. {block:IfHideNavbar}
  699. <a href="/">Home</a>
  700. {block:IfRSSFeedLink}
  701. <a href="{RSS}">RSS Feed</a>
  702. {/block:IfRSSFeedLink}
  703. {block:AskEnabled}
  704. <a href="/ask">{AskLabel}</a>
  705. {/block:AskEnabled}
  706. {block:SubmissionsEnabled}
  707. <a href="/submit">{SubmitLabel}</a>
  708. {/block:SubmissionsEnabled}
  709. {block:HasPages}
  710. {block:Pages}
  711. <a href="{URL}">{Label}</a>
  712. {/block:Pages}
  713. {/block:HasPages}
  714. {block:IfNavlink1}
  715. <a href="{text:Navlink 1 URL}">{text:Navlink 1}</a>
  716. {block:IfNavlink1}
  717. {block:IfNavlink2}
  718. <a href="{text:Navlink 2 URL}">{text:Navlink 2}</a>
  719. {block:IfNavlink2}
  720. {block:IfNavlink3}
  721. <a href="{text:IfNavlink 3 URL}">{text:Navlink 3}</a>
  722. {block:IfNavlink3}
  723. {/block:IfHideNavbar}
  724. {block:IfSidelink1}
  725. <a href="{text:Sidelink 1 URL}">{text:Sidelink 1}</a>
  726. {/block:IfSidelink1}
  727. {block:IfSidelink2}
  728. <a href="{text:Sidelink 2 URL}">{text:Sidelink 2}</a>
  729. {/block:IfSidelink2}
  730. {block:IfSidelink3}
  731. <a href="{text:Sidelink 3 URL}">{text:Sidelink 3}</a>
  732. {/block:IfSidelink3}
  733. {block:IfSidelink4}
  734. <a href="{text:Sidelink 4 URL}">{text:Sidelink 4}</a>
  735. {/block:IfSidelink4}
  736. {block:IfSidelink5}
  737. <a href="{text:Sidelink 5 URL}">{text:Sidelink 5}</a>
  738. {/block:IfSidelink5}
  739. {block:IfSidelink6}
  740. <a href="{text:Sidelink 6 URL}">{text:Sidelink 6}</a>
  741. {/block:IfSidelink6}
  742. {block:IfSidelink7}
  743. <a href="{text:Sidelink 7 URL}">{text:Sidelink 7}</a>
  744. {/block:IfSidelink7}
  745. {block:IfSidelink8}
  746. <a href="{text:Sidelink 8 URL}">{text:Sidelink 8}</a>
  747. {/block:IfSidelink8}
  748. {block:IfSidelink9}
  749. <a href="{text:Sidelink 9 URL}">{text:Sidelink 9}</a>
  750. {/block:IfSidelink9}
  751. {block:IfHideNavbar}
  752. <a href="http://themepuddles.tumblr.com/">Theme</a>
  753. {/block:IfHideNavbar}
  754. </div>
  755. </div>
  756.  
  757. <div id="content">
  758. {block:IfNotSidebar}
  759. {block:IfSidebarAsPost}
  760. {block:IndexPage}
  761. <div class="postwrapper">
  762. <div class="post">
  763. {block:IfSidebarTitle}
  764. <h3>{Title}</h3>
  765. <hr />
  766. {/block:IfSidebarTitle}
  767.  
  768. <div class="description">
  769. <img class="portrait" src="{PortraitURL-64}" />
  770. {Description}
  771. </div>
  772. <img src="{image:Sidebar image}" class="sidebarpic" />
  773. <div class="sidelinks">
  774. {block:IfHideNavbar}
  775. <a href="/">Home</a>
  776. {block:IfRSSFeedLink}
  777. <a href="{RSS}">RSS Feed</a>
  778. {/block:IfRSSFeedLink}
  779. {block:AskEnabled}
  780. <a href="/ask">{AskLabel}</a>
  781. {/block:AskEnabled}
  782. {block:SubmissionsEnabled}
  783. <a href="/submit">{SubmitLabel}</a>
  784. {/block:SubmissionsEnabled}
  785. {block:HasPages}
  786. {block:Pages}
  787. <a href="{URL}">{Label}</a>
  788. {/block:Pages}
  789. {/block:HasPages}
  790. {block:IfNavlink1}
  791. <a href="{text:Navlink 1 URL}">{text:Navlink 1}</a>
  792. {block:IfNavlink1}
  793. {block:IfNavlink2}
  794. <a href="{text:Navlink 2 URL}">{text:Navlink 2}</a>
  795. {block:IfNavlink2}
  796. {block:IfNavlink3}
  797. <a href="{text:IfNavlink 3 URL}">{text:Navlink 3}</a>
  798. {block:IfNavlink3}
  799. {/block:IfHideNavbar}
  800. {block:IfSidelink1}
  801. <a href="{text:Sidelink 1 URL}">{text:Sidelink 1}</a>
  802. {/block:IfSidelink1}
  803. {block:IfSidelink2}
  804. <a href="{text:Sidelink 2 URL}">{text:Sidelink 2}</a>
  805. {/block:IfSidelink2}
  806. {block:IfSidelink3}
  807. <a href="{text:Sidelink 3 URL}">{text:Sidelink 3}</a>
  808. {/block:IfSidelink3}
  809. {block:IfSidelink4}
  810. <a href="{text:Sidelink 4 URL}">{text:Sidelink 4}</a>
  811. {/block:IfSidelink4}
  812. {block:IfSidelink5}
  813. <a href="{text:Sidelink 5 URL}">{text:Sidelink 5}</a>
  814. {/block:IfSidelink5}
  815. {block:IfSidelink6}
  816. <a href="{text:Sidelink 6 URL}">{text:Sidelink 6}</a>
  817. {/block:IfSidelink6}
  818. {block:IfSidelink7}
  819. <a href="{text:Sidelink 7 URL}">{text:Sidelink 7}</a>
  820. {/block:IfSidelink7}
  821. {block:IfSidelink8}
  822. <a href="{text:Sidelink 8 URL}">{text:Sidelink 8}</a>
  823. {/block:IfSidelink8}
  824. {block:IfSidelink9}
  825. <a href="{text:Sidelink 9 URL}">{text:Sidelink 9}</a>
  826. {/block:IfSidelink9}
  827. {block:IfHideNavbar}
  828. <a href="http://themepuddles.tumblr.com/">Theme</a>
  829. {/block:IfHideNavbar}
  830. </div>
  831. {/block:IndexPage}
  832. </div>
  833. </div>
  834. {block:IfSidebarAsPost}
  835. {/block:IfNotSidebar}
  836.  
  837. {block:Posts}
  838. <div class="postwrapper">
  839.  
  840. {block:Date}
  841. <div class="postinfo2">
  842. <div class="postinfo2content">
  843. {block:IfShowTagsOnIndex}
  844. {block:HasTags}
  845. {block:Tags}
  846. #<a href="{TagURL}">{Tag}</a>
  847. {/block:Tags}
  848. <br />
  849. {/block:HasTags}
  850. {/block:IfShowTagsOnIndex}
  851. {block:IndexPage}
  852. <a href="{Permalink}">
  853. Posted
  854. {block:If1Column}
  855. {DayOfMonth}{DayOfMonthSuffix} of {ShortMonth} {Year} @ {24HourWithZero}:{Minutes}
  856. {/block:If1Column}
  857. {block:If1Column700px}
  858. {DayOfMonth}{DayOfMonthSuffix} of {ShortMonth} {Year} @ {24HourWithZero}:{Minutes}
  859. {/block:If1Column700px}
  860. {block:If2Columns}
  861. {TimeAgo}
  862. {/block:If2Columns}
  863. {block:If3Columns}
  864. {TimeAgo}
  865. {/block:If3Columns}
  866. {block:If4Columns}
  867. {TimeAgo}
  868. {/block:If4Columns}
  869. </a>
  870. {/block:IndexPage}
  871. {block:PermalinkPage}
  872. <a href="{Permalink}">{DayOfMonth}{DayOfMonthSuffix} of {ShortMonth} {Year} @ {24HourWithZero}:{Minutes}</a>
  873. {/block:PermalinkPage}
  874. |
  875. <a href="{Permalink}#notes">{NoteCountWithLabel}</a>
  876. |
  877. <a href="{ReblogURL}">Reblog</a>
  878. {block:PermalinkPage}
  879. {block:RebloggedFrom}
  880. <br />
  881. Reblogged from
  882. <a href="{ReblogParentURL}">
  883. {ReblogParentName}
  884. </a>
  885. |
  886. Originally from
  887. <a href="{ReblogRootURL}">
  888. {ReblogRootName}
  889. </a>
  890. {/block:RebloggedFrom}
  891. {/block:PermalinkPage}
  892. </div>
  893. </div>
  894. {/block:Date}
  895.  
  896. <div class="post">
  897.  
  898. {block:Text}
  899. {block:Title}<h2>{Title}</h2>{/block:Title}
  900. {Body}
  901. {/block:Text}
  902.  
  903. {block:Photo}
  904. {block:Exif}
  905. <div class="exif">
  906. {block:Camera}
  907. <p>Camera: {Camera}</p>
  908. {/block:Camera}
  909. {block:Aperture}
  910. <p>Aperture: {Aperture}</p>
  911. {/block:Aperture}
  912. {block:Exposure}
  913. <p>Exposure: {Exposure}</p>
  914. {/block:Exposure}
  915. {block:FocalLength}
  916. <p>Focal Length: {FocalLength}</p>
  917. {/block:FocalLength}
  918. </div>
  919. {/block:Exif}
  920. {LinkOpenTag}
  921. <img
  922. src="{PhotoURL-HighRes}"
  923. alt="Image"
  924. class="photo"
  925. />
  926. {LinkCloseTag}
  927. {block:IfNotHideCaptions}
  928. {block:Caption}{Caption}{/block:Caption}
  929. {/block:IfNotHideCaptions}
  930. {/block:Photo}
  931.  
  932. {block:Photoset}
  933. {block:If1Column}{Photoset-500}{/block:If1Column}
  934.  
  935. {block:If1Column700px}
  936. {block:IfNotStretchPhotosets}
  937. <center>{Photoset-500}</center>
  938. {/block:IfNotStretchPhotosets}
  939. {block:IfStretchPhotosets}
  940. {Photoset-700}
  941. {/block:IfStretchPhotosets}
  942. {/block:If1Column700px}
  943.  
  944. {block:If2Columns}
  945. {block:IndexPage}{Photoset-250}{/block:IndexPage}
  946. {block:PermalinkPage}
  947. {block:IfPermalinkPostWidth700px}
  948. {block:IfNotStretchPhotosets}
  949. <center>{Photoset-500}</center>
  950. {/block:IfNotStretchPhotosets}
  951. {block:IfStretchPhotosets}
  952. {Photoset-700}
  953. {/block:IfStretchPhotosets}
  954. {/block:IfPermalinkPostWidth700px}
  955. {block:IfNotPermalinkPostWidth700px}
  956. {Photoset-500}
  957. {/block:IfNotPermalinkPostWidth700px}
  958. {/block:PermalinkPage}
  959. {/block:If2Columns}
  960.  
  961. {block:If3Columns}
  962. {block:IndexPage}{Photoset-250}{/block:IndexPage}
  963. {block:PermalinkPage}
  964. {block:IfPermalinkPostWidth700px}
  965. {block:IfNotStretchPhotosets}
  966. <center>{Photoset-500}</center>
  967. {/block:IfNotStretchPhotosets}
  968. {block:IfStretchPhotosets}
  969. {Photoset-700}
  970. {/block:IfStretchPhotosets}
  971. {/block:IfPermalinkPostWidth700px}
  972. {block:IfNotPermalinkPostWidth700px}
  973. {Photoset-500}
  974. {/block:IfNotPermalinkPostWidth700px}
  975. {/block:PermalinkPage}
  976. {/block:If3Columns}
  977.  
  978. {block:If4Columns}
  979. {block:IndexPage}{Photoset-250}{/block:IndexPage}
  980. {block:PermalinkPage}
  981. {block:IfPermalinkPostWidth700px}
  982. {block:IfNotStretchPhotosets}
  983. <center>{Photoset-500}</center>
  984. {/block:IfNotStretchPhotosets}
  985. {block:IfStretchPhotosets}
  986. {Photoset-700}
  987. {/block:IfStretchPhotosets}
  988. {/block:IfPermalinkPostWidth700px}
  989. {block:IfNotPermalinkPostWidth700px}
  990. {Photoset-500}
  991. {/block:IfNotPermalinkPostWidth700px}
  992. {/block:PermalinkPage}
  993. {/block:If4Columns}
  994.  
  995. {block:IfNotHideCaptions}
  996. {block:Caption}
  997. <div class="photoset_caption">{Caption}</div>
  998. {/block:Caption}
  999. {/block:IfNotHideCaptions}
  1000. {/block:Photoset}
  1001.  
  1002. {block:Panorama}
  1003. {LinkOpenTag}{PhotoURL-Panorama}{LinkCloseTag}
  1004. {block:IfNotHideCaptions}
  1005. {block:Caption}{Caption}{/block:Caption}
  1006. {/block:IfNotHideCaptions}
  1007. {/block:Panorama}
  1008.  
  1009. {block:Quote}
  1010. <div class="quote {Length}">
  1011. &ldquo;{Quote}&rdquo;
  1012. </div>
  1013. &mdash; {Source}
  1014. {/block:Quote}
  1015.  
  1016. {block:Link}
  1017. <h2><a href="{URL}" target="{Target}">{Name} &raquo;</a></h2>
  1018. {block:Description}{Description}{/block:Description}
  1019. {/block:Link}
  1020.  
  1021. {block:Chat}
  1022. {block:Title}<h2>{Title}</h2>{/block:Title}
  1023. <div class="chat">
  1024. {block:Lines}
  1025. <p>
  1026. {block:Label}
  1027. <b>{Label}</b>
  1028. {/block:Label}
  1029. {Line}
  1030. </p>
  1031. {/block:Lines}
  1032. </div>
  1033. {/block:Chat}
  1034.  
  1035. {block:Audio}
  1036. {block:Audioplayer}
  1037. <div class="songinfo one">
  1038. {block:TrackName}
  1039. <p><b>Track:</b> {TrackName}</p>
  1040. {/block:TrackName}
  1041. {block:Artist}
  1042. <p><b>By:</b> {Artist}</p>
  1043. {/block:Artist}
  1044. {block:Album}
  1045. <p><b>Album:</b> {Album}</p>
  1046. {/block:Album}
  1047. </div>
  1048. {block:AlbumArt}
  1049. <img src="{AlbumArtURL}" class="albumart"/>
  1050. <div class="songinfo two">
  1051. {block:TrackName}
  1052. <p><b>Track:</b> {TrackName}</p>
  1053. {/block:TrackName}
  1054. {block:Artist}
  1055. <p><b>By:</b> {Artist}</p>
  1056. {/block:Artist}
  1057. {block:Album}
  1058. <p><b>Album:</b> {Album}</p>
  1059. {/block:Album}
  1060. </div>
  1061. {/block:AlbumArt}
  1062. <div class="audioplayer">
  1063. {AudioPlayerGrey}
  1064. </div>
  1065. {/block:Audioplayer}
  1066. {block:AudioEmbed}
  1067. {block:IndexPage}
  1068. {block:If1Column}
  1069. {AudioEmbed-500}
  1070. {/block:If1Column}
  1071. {block:If1Column700px}
  1072. <center>{AudioEmbed-640}</center>
  1073. {/block:If1Column700px}
  1074. {block:If2Columns}
  1075. {block:IndexPage}
  1076. {AudioEmbed-250}
  1077. {/block:IndexPage}
  1078. {/block:If2Columns}
  1079. {block:If3Columns}
  1080. {AudioEmbed-250}
  1081. {/block:If3Columns}
  1082. {block:If4Columns}
  1083. {AudioEmbed-250}
  1084. {/block:If4Columns}
  1085. {/block:IndexPage}
  1086.  
  1087. {block:PermalinkPage}
  1088. {block:IfNotPermalinkPostWidth700px}
  1089. {AudioEmbed-500}
  1090. {/block:IfNotPermalinkPostWidth700px}
  1091. {block:IfPermalinkPostWidth700px}
  1092. <center>{AudioEmbed-640}</center>
  1093. {/block:IfPermalinkPostWidth700px}
  1094. {/block:PermalinkPage}
  1095. {/block:AudioEmbed}
  1096.  
  1097. {block:IndexPage}
  1098. {block:IfNotHideCaptions}
  1099. {block:Caption}
  1100. <div style="margin-top:1em;">{Caption}</div>
  1101. {/block:Caption}
  1102. {/block:IfNotHideCaptions}
  1103. {/block:IndexPage}
  1104. {block:PermalinkPage}
  1105. {block:Caption}
  1106. <div style="margin-top:1em;">{Caption}</div>
  1107. {/block:Caption}
  1108. {/block:PermalinkPage}
  1109. {/block:Audio}
  1110.  
  1111. {block:Video}
  1112. {block:IndexPage}
  1113. {block:If1Column}
  1114. {VideoEmbed-500}
  1115. {/block:If1Column}
  1116. {block:If1Column700px}
  1117. <center>{VideoEmbed-700}</center>
  1118. {/block:If1Column700px}
  1119. {block:If2Columns}
  1120. {VideoEmbed-250}
  1121. {/block:If2Columns}
  1122. {block:If3Columns}
  1123. {VideoEmbed-250}
  1124. {/block:If3Columns}
  1125. {block:If4Columns}
  1126. {VideoEmbed-250}
  1127. {/block:If4Columns}
  1128. {/block:IndexPage}
  1129. {block:PermalinkPage}
  1130. {block:IfNotPermalinkPostWidth700px}
  1131. {VideoEmbed-500}
  1132. {/block:IfNotPermalinkPostWidth700px}
  1133. {block:IfPermalinkPostWidth700px}
  1134. {VideoEmbed-700}
  1135. {/block:IfPermalinkPostWidth700px}
  1136. {/block:PermalinkPage}
  1137.  
  1138. {block:IfNotHideCaptions}
  1139. {block:Caption}
  1140. <div style="margin-top:1em;">{Caption}</div>
  1141. {/block:Caption}
  1142. {/block:IfNotHideCaptions}
  1143. {/block:Video}
  1144.  
  1145. {block:Answer}
  1146. <div class="question">
  1147. {Question}
  1148. </div>
  1149. <div class="question_dart">
  1150.  
  1151. </div>
  1152. <div class="asker">
  1153. <div class="asker_portrait">
  1154. <img src="{AskerPortraitURL-24}" />
  1155. </div>
  1156. <div class="asker_name">
  1157. {Asker}
  1158. </div>
  1159. </div>
  1160.  
  1161. <div class="answer">
  1162. {Answer}
  1163. </div>
  1164. {/block:Answer}
  1165.  
  1166.  
  1167. </div>
  1168.  
  1169. {block:Date}
  1170. <div class="postinfo">
  1171. {block:HasTags}
  1172. {block:Tags}
  1173. #<a href="{TagURL}">{Tag}</a>
  1174. {/block:Tags}
  1175. <br />
  1176. {/block:HasTags}
  1177. {block:IndexPage}
  1178. <a href="{Permalink}">
  1179. Posted
  1180. {block:If1Column}
  1181. {DayOfMonth}{DayOfMonthSuffix} of {ShortMonth} {Year} @ {24HourWithZero}:{Minutes}
  1182. {/block:If1Column}
  1183. {block:If1Column700px}
  1184. {DayOfMonth}{DayOfMonthSuffix} of {ShortMonth} {Year} @ {24HourWithZero}:{Minutes}
  1185. {/block:If1Column700px}
  1186. {block:If2Columns}
  1187. {TimeAgo}
  1188. {/block:If2Columns}
  1189. {block:If3Columns}
  1190. {TimeAgo}
  1191. {/block:If3Columns}
  1192. {block:If4Columns}
  1193. {TimeAgo}
  1194. {/block:If4Columns}
  1195. </a>
  1196. {/block:IndexPage}
  1197. {block:PermalinkPage}
  1198. <a href="{Permalink}">{DayOfMonth}{DayOfMonthSuffix} of {ShortMonth} {Year} @ {24HourWithZero}:{Minutes}</a>
  1199. {/block:PermalinkPage}
  1200. |
  1201. <a href="{Permalink}#notes">{NoteCountWithLabel}</a>
  1202. |
  1203. <a href="{ReblogURL}">Reblog</a>
  1204. {block:PermalinkPage}
  1205. {block:RebloggedFrom}
  1206. <br />
  1207. Reblogged from
  1208. <a href="{ReblogParentURL}">
  1209. {ReblogParentName}
  1210. </a>
  1211. |
  1212. Originally from
  1213. <a href="{ReblogRootURL}">
  1214. {ReblogRootName}
  1215. </a>
  1216. {/block:RebloggedFrom}
  1217. {/block:PermalinkPage}
  1218. </div>
  1219. {/block:Date}
  1220. {block:PostNotes}
  1221. <div class="post">
  1222. <div id="postnotes">
  1223. <h2><a name="notes"></a>{NoteCountWithLabel}</h2>
  1224. {PostNotes}
  1225. </div>
  1226. </div>
  1227. {/block:PostNotes}
  1228. </div>
  1229.  
  1230. {/block:Posts}
  1231. </div><!--END CONTENT -->
  1232.  
  1233. </div><!--END INNERWRAPPER -->
  1234.  
  1235. {block:Pagination}
  1236. <div id="jumppagination">
  1237. {block:PreviousPage}
  1238. <a href="{PreviousPage}" class="more">&laquo; Previous</a>
  1239. {/block:PreviousPage}
  1240.  
  1241. {block:JumpPagination length="9"}
  1242. {block:CurrentPage}
  1243. <span class="current">{PageNumber}</span>
  1244. {/block:CurrentPage}
  1245.  
  1246. {block:JumpPage}
  1247. <a href="{URL}" class="jump">{PageNumber}</a>
  1248. {/block:JumpPage}
  1249. {/block:JumpPagination}
  1250.  
  1251. {block:NextPage}
  1252. <a href="{NextPage}" class="more">Next &raquo;</a>
  1253. {/block:NextPage}
  1254. </div>
  1255. {/block:Pagination}
  1256. </div>
  1257.  
  1258. <!-- Scripts etc -->
  1259. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script><script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  1260.  
  1261. <script type="text/javascript">
  1262. $(window).load(function () {
  1263. $('#content').masonry({
  1264. itemSelector : ".postwrapper",
  1265. },
  1266. function() { $('#content').masonry({ appendedContent: $(this) }); }
  1267. );
  1268. });
  1269. </script>
  1270. </body>
  1271. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!