API tools faq
paste
Advertisement
wantoup

Theme 26: Naturalis

wantoup
Sep 22nd, 2013
43,415
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.95 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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7.  
  8. <link href='http://fonts.googleapis.com/css?family=Josefin+Sans' rel='stylesheet' type='text/css'>
  9.  
  10. <!--
  11.  
  12. Theme #26: Naturalis by viwan-th (http://viwan-th.tumblr.com)
  13.  
  14. Scroll to top script from dynamic drive (http://www.dynamicdrive.com/dynamicindex3/scrolltop.htm)
  15. Background from subtlepatterns (http://www.substlepatterns.com)
  16.  
  17. Please do not remove theme credit. You can move the credit to another page, as long as it remains on the blog.
  18.  
  19. -->
  20.  
  21. <meta name="color:Background" content="#e4e4e4">
  22. <meta name="color:Body Text" content="#888888">
  23. <meta name="color:Borders" content="#cccccc">
  24.  
  25. <meta name="color:Sidebar" content="#555555">
  26. <meta name="color:Desc Text" content="#888888">
  27. <meta name="color:Desc Bold" content="#aaaaaa">
  28. <meta name="color:Desc Links" content="#cccccc">
  29. <meta name="color:Desc Links Hover" content="#ffffff">
  30. <meta name="color:Desc Italics" content="#666666">
  31. <meta name="color:Desc Accents" content="#ffffff">
  32. <meta name="color:Header 1" content="#ffffff">
  33. <meta name="color:Header 2" content="#aaaaaa">
  34.  
  35. <meta name="color:Pagination Links" content="#888888">
  36. <meta name="color:Pagination Links Hover" content="#ffffff">
  37. <meta name="color:Pagination Text" content="#cccccc">
  38.  
  39. <meta name="color:Navigation Bar" content="#333333">
  40. <meta name="color:Nav Links" content="#555555">
  41. <meta name="color:Nav Links Hover" content="#444444">
  42. <meta name="color:Nav Text" content="#ffffff">
  43.  
  44. <meta name="color:Bar 1" content="#bbddaa">
  45. <meta name="color:Bar 2" content="#33aaaa">
  46. <meta name="color:Bar 3" content="#887777">
  47. <meta name="color:Bar 4" content="#dd8888">
  48. <meta name="color:Bar 5" content="#ccccbb">
  49.  
  50. <meta name="color:Header Text" content="#669966">
  51. <meta name="color:Header Link" content="#669999">
  52. <meta name="color:Header Link Hover" content="#556666">
  53. <meta name="color:Header Content" content="#ffffff">
  54.  
  55. <meta name="color:Posts" content="#ffffff">
  56. <meta name="color:Audio Info" content="#eeeeee">
  57. <meta name="color:Chat Odd" content="#fcfcfc">
  58. <meta name="color:Chat Even" content="#eeeeee">
  59. <meta name="color:Ask Background" content="#eeeeee">
  60.  
  61. <meta name="color:Tags" content="#ffffff">
  62. <meta name="color:Tags BG" content="#cccccc">
  63. <meta name="color:Info Text" content="#aaaaaa">
  64.  
  65. <meta name="color:Scrollbar" content="#555555">
  66. <meta name="color:Scrollbar BG" content="#aaaaaa">
  67.  
  68. <meta name="if:Reverse Bars" content="0">
  69. <meta name="if:Hover Info" content="1">
  70. <meta name="if:Hover Desc" content="1">
  71. <meta name="if:Desc BG" content="1">
  72. <meta name="if:Sidebar BG Repeat" content="0">
  73. <meta name="if:400px Posts" content="0">
  74. <meta name="if:Show Tags" content="1">
  75. <meta name="if:Show Captions" content="0">
  76. <meta name="if:Reblog Info" content="1">
  77. <meta name="if:Custom Accents" content="0">
  78. <meta name="if:Infinite Scroll" content="0">
  79. <meta name="if:Portrait" content="1">
  80. <meta name="if:Photo Fade" content="0">
  81.  
  82. <meta name="image:Album Art" content="">
  83. <meta name="image:Corner" content="">
  84. <meta name="image:Portrait" content="">
  85. <meta name="image:Background" content="http://25.media.tumblr.com/tumblr_m33qwzyv7F1r6uwfxo4_500.png">
  86. <meta name="image:Navigation Background" content="">
  87. <meta name="image:Sidebar" content="">
  88.  
  89. <meta name="text:Font Size" content="11">
  90. <meta name="text:Music Player Code" content="music player codey">
  91. <meta name="text:Subtitle" content="subtitle">
  92. <meta name="text:Accent 1" content="e">
  93. <meta name="text:Accent 2" content="h">
  94. <meta name="text:Links Transition" content=".5">
  95. <meta name="text:Navigation Height" content="150">
  96.  
  97. <meta name="text:Link 1" content="link one">
  98. <meta name="text:Link 1 URL" content="">
  99. <meta name="text:Link 2" content="link two">
  100. <meta name="text:Link 2 URL" content="">
  101. <meta name="text:Link 3" content="link three">
  102. <meta name="text:Link 3 URL" content="">
  103. <meta name="text:Link 4" content="link four">
  104. <meta name="text:Link 4 URL" content="">
  105.  
  106. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/hbcoz7i/xGBmo6vyb/stylesheet.css" />
  107. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/hbcoz7i/SsImo6vff/stylesheet.css" />
  108.  
  109. <style type="text/css">
  110.  
  111. /* BODY */
  112.  
  113. @font-face {
  114. font-family: "before the rain";
  115. src: url('http://static.tumblr.com/mtdphun/r8xmd8z50/beforetherain_personal_use_demo.ttf');
  116. }
  117.  
  118. body {
  119. font-family:calibri;
  120. font-size:11px;
  121. color:{color:Body Text};
  122. word-wrap:break-word;
  123. text-align:justify;
  124. background-color:{color:Background};
  125. background-image:url('{image:Background}');
  126. background-attachment:fixed;
  127. }
  128.  
  129. a {
  130. color:{color:Bar 5};
  131. text-decoration:none;
  132. -webkit-transition:all {text:Links Transition}s ease;
  133. -moz-transition:all {text:Links Transition}s ease;
  134. -o-transition:all {text:Links Transition}s ease;
  135. transition:all {text:Links Transition}s ease-in-out;
  136. }
  137.  
  138. #link {
  139. background:{color:Header Link};
  140. -webkit-transition:all {text:Links Transition}s ease;
  141. -moz-transition:all {text:Links Transition}s ease;
  142. -o-transition:all {text:Links Transition}s ease;
  143. transition:all {text:Links Transition}s ease-in-out;
  144. }
  145.  
  146. i, em {color:{color:Bar 4};}
  147. a:hover {color:{color:Bar 2};}
  148. b, strong {color:{color:Bar 3};}
  149. ul {list-style-type:square;}
  150. img {max-width:100%;}
  151. #link:hover {background:{color:Header Link Hover};}
  152.  
  153. h1, h1 a, h1 a:hover {
  154. font:21px josefin sans;
  155. text-transform:uppercase;
  156. background:{color:Header Text};
  157. margin:-10px -10px 10px -10px;
  158. padding:5px 5px 8px 5px;
  159. text-align:center;
  160. color:{color:Header Content};
  161. }
  162.  
  163. blockquote {
  164. margin-left:10px;
  165. padding-left:10px;
  166. border-left:3px solid {color:Bar 1};
  167. }
  168.  
  169. /* SIDEBAR */
  170.  
  171. #side {
  172. position:fixed;
  173. top:0px;
  174. left:0px;
  175. width:250px;
  176. height:100%;
  177. background-color:{color:Sidebar};
  178. background-image:url('{image:Sidebar}');
  179. background-position:center;
  180. {block:ifNotSidebarBGRepeat}background-size:cover;{/block:ifNotSidebarBGRepeat}
  181. }
  182.  
  183. /* DESCRIPTION */
  184.  
  185. #desc {
  186. font-size:10px;
  187. height:100%;
  188. text-align:center;
  189. position:fixed;
  190. width:250px;
  191. word-wrap:break-word;
  192. color:{color:Desc Text};
  193. {block:ifDescBG}background:rgba(51,51,51,0.8);{/block:ifDescBG}
  194. {block:ifNotCustomAccents}padding:0 40px;{/block:ifNotCustomAccents}
  195. {block:ifCustomAccents}padding:0 20px;{/block:ifCustomAccents}
  196. {block:ifHoverDesc}opacity:0;
  197. -webkit-transition:all 1s ease;
  198. -moz-transition:all 1s ease;
  199. -o-transition:all 1s ease;
  200. transition:all 1s ease-in-out;
  201. }
  202.  
  203. #desc:hover {opacity:1;{/block:ifHoverDesc}}
  204. #description a {color:{color:Desc Links};}
  205. #description a:hover {color:{color:Desc Links Hover};}
  206. #description b, #description strong {color:{color:Desc Bold};}
  207. #description i, #description em {color:{color:Desc Italics};}
  208.  
  209. #accent {
  210. font-family:nymphetteregular;
  211. font-size:50px;
  212. color:{color:Desc Accents};
  213. {block:ifNotCustomAccents}position:absolute;{/block:ifNotCustomAccents}
  214. }
  215.  
  216. {block:ifNotCustomAccents}.a {margin:-25px;}
  217. .b {margin:-25px 0 0 150px;}{/block:ifNotCustomAccents}
  218.  
  219. /* BOTTOM */
  220.  
  221. #bottom {
  222. bottom:10px;
  223. left:0;
  224. width:250px;
  225. position:fixed;
  226. text-align:center;
  227. }
  228.  
  229. #pag {
  230. margin-top:5px;
  231. font-family:consolas;
  232. font-size:10px;
  233. color:{color:Pagination Text};
  234. text-align:center;
  235. }
  236.  
  237. .np {{block:ifNotHoverDesc}display:none;{/block:ifNotHoverDesc}}
  238. .sp {{block:ifHoverDesc}display:none;{/block:ifHoverDesc}}
  239.  
  240. #pag a {color:{color:Pagination Links};}
  241. #pag a:hover {color:{color:Pagination Links Hover};}
  242.  
  243. #title {
  244. text-transform:uppercase;
  245. font-family:josefin sans;
  246. }
  247.  
  248. #main {
  249. font-size:21px;
  250. color:{color:Header 1};
  251. }
  252.  
  253. #sub {
  254. font-size:10px;
  255. margin-top:-8px;
  256. color:{color:Header 2};
  257. }
  258.  
  259. /* NAVIGATION */
  260.  
  261. #mbar {
  262. position:fixed;
  263. top:0px;
  264. height:100%;
  265. width:100px;
  266. left:250px;
  267. padding:20px;
  268. background-image:url('{image:Navigation Background}');
  269. background-color:{color:Navigation Bar};
  270. }
  271.  
  272. #port {
  273. display:block;
  274. width:80px;
  275. height:80px;
  276. padding:5px;
  277. }
  278.  
  279. #nav a {
  280. display:inline-block;
  281. width:90px;
  282. padding:5px;
  283. background:{color:Nav Links};
  284. text-align:center;
  285. margin-bottom:5px;
  286. color:{color:Nav Text};
  287. text-transform:lowercase;
  288. }
  289.  
  290. #nav {margin-top:{text:Navigation Height}px;}
  291. #nav a:hover {background:{color:Nav Links Hover};}
  292.  
  293. /* COLOR BAR */
  294.  
  295. #bar {
  296. z-index:999;
  297. position:fixed;
  298. top:0px;
  299. width:10px;
  300. height:100%;
  301. margin-left:120px;
  302. }
  303.  
  304. #sec {
  305. height:20%;
  306. width:10px;
  307. }
  308.  
  309. /* POSTS */
  310.  
  311. #container {
  312. margin:20px 0 20px 410px;
  313. }
  314.  
  315. #posts {
  316. background-color:{color:Posts};
  317. padding:10px;
  318. margin-bottom:20px;
  319. overflow:hidden;
  320. {block:PermalinkPage}padding-bottom:0px;{/block:PermalinkPage}
  321. {block:ifNotShowTags}padding-bottom:0px;{/block:ifNotShowTags}
  322. {block:ifNot400pxPosts}width:500px;{/block:ifNot400pxPosts}
  323. {block:if400pxPosts}width:400px;{/block:if400pxPosts}
  324. }
  325.  
  326. #posts pre {
  327. background:#eee;
  328. padding:10px;
  329. color:#888;
  330. white-space:pre-wrap;
  331. }
  332.  
  333. #posts small, #posts big, #content {font-size:{text:Font Size}px;}
  334. #content a, #description a {border-bottom:1px dotted {color:Borders};}
  335.  
  336. /* PHOTO */
  337.  
  338. #photo, iframe.photoset {
  339. display:block;
  340. {block:ifPhotoFade}opacity:0.8;
  341. -webkit-transition:all 1s ease;
  342. -moz-transition:all 1s ease;
  343. -o-transition:all 1s ease;
  344. transition:all 1s ease-in-out;
  345. }
  346.  
  347. #photo:hover {opacity:1{/block:ifPhotoFade};}
  348.  
  349. /* QUOTE */
  350.  
  351. #quote {
  352. font-size:18px;
  353. text-transform:lowercase;
  354. }
  355.  
  356. /* CHAT */
  357.  
  358. #odd b, #even b, #audio b {color:#555;}
  359. #odd, #even {padding:5px;margin-bottom:2px;}
  360. #odd {background:{color:Chat Odd};}
  361. #even {background:{color:Chat Even};}
  362.  
  363. /* AUDIO */
  364.  
  365. #audio {width:100%;}
  366. #art {position:absolute;}
  367. #audio:hover #player {opacity:1;}
  368.  
  369. #art, #alt {
  370. width:150px;
  371. height:150px;
  372. display:block;
  373. }
  374.  
  375. #player {
  376. z-index:99;
  377. position:absolute;
  378. padding:10px;
  379. background:rgba(0,0,0,0.3);
  380. margin:52px;
  381. opacity:0.3;
  382. -webkit-transition:all 1s ease;
  383. -moz-transition:all 1s ease;
  384. -o-transition:all 1s ease;
  385. transition:all 1s ease-in-out;
  386. }
  387.  
  388. #ainfo {
  389. overflow:hidden;
  390. line-height:13px;
  391. text-align:left;
  392. background:{color:Audio Info};
  393. padding-left:10px;
  394. margin-top:10px;
  395. margin-bottom:10px;
  396. margin-left:10px;
  397. padding:5px;
  398. height:13px;
  399. }
  400.  
  401. /* ASK */
  402.  
  403. #ask {
  404. padding:10px;
  405. background:{color:Ask Background};
  406. }
  407.  
  408. #arrow {
  409. position:absolute;
  410. display:inline-block;
  411. color:{color:Ask Background};
  412. font-size:30px;
  413. margin-left:20px;
  414. margin-top:-12px;
  415. }
  416.  
  417. #asker {
  418. display:inline-block;
  419. text-transform:uppercase;
  420. margin-top:3px;
  421. margin-left:45px;
  422. }
  423.  
  424. /* INFO */
  425.  
  426. #info {
  427. background:{color:Tags BG};
  428. margin:10px -10px -10px -10px;
  429. color:{color:Tags};
  430. {block:ifNotShowTags}{block:IndexPage}display:none;{/block:IndexPage}{/block:ifNotShowTags}
  431. {block:PermalinkPage}display:none;{/block:PermalinkPage}
  432. }
  433.  
  434. #ricon {
  435. width:46px;
  436. vertical-align:top;
  437. background:#fff;
  438. }
  439.  
  440. #info img {width:23px;height:23px;display:block;float:left;}
  441. #info a {color:{color:Tags};}
  442.  
  443. /* SIDE INFO */
  444.  
  445. #date {
  446. position:absolute;
  447. font-size:10px;
  448. {block:ifNot400pxPosts}margin-left:520px;{/block:ifNot400pxPosts}
  449. {block:if400pxPosts}margin-left:420px;{/block:if400pxPosts}
  450. {block:ifHoverInfo}opacity:0;{/block:ifHoverInfo}
  451. -webkit-transition:all .5s ease;
  452. -moz-transition:all .5s ease;
  453. -o-transition:all .5s ease;
  454. transition:all .5s ease-in-out;
  455. }
  456.  
  457. #date a {
  458. display:inline-block;
  459. color:{color:Info Text};
  460. padding-left:5px;
  461. -webkit-transition:all .5s ease;
  462. -moz-transition:all .5s ease;
  463. -o-transition:all .5s ease;
  464. transition:all .5s ease-in-out;
  465. }
  466.  
  467. #a, #b, #c {position:absolute;height:13px;width:80px;}
  468. #a {border-left:13px solid {color:Bar 1};}
  469. #a:hover {border-left:25px solid {color:Bar 1};}
  470.  
  471. #b {border-left:13px solid {color:Bar 2};{block:ifHoverInfo}margin-top:-13px;{/block:ifHoverInfo}{block:ifNotHoverInfo}margin-top:0px;{/block:ifNotHoverInfo}}
  472. #b:hover {border-left:25px solid {color:Bar 2};}
  473.  
  474. #c {border-left:13px solid {color:Bar 3};{block:ifHoverInfo}margin-top:-26px;{/block:ifHoverInfo}{block:ifNotHoverInfo}margin-top:0px;{/block:ifNotHoverInfo}}
  475. #c:hover {border-left:25px solid {color:Bar 3};}
  476.  
  477. #posts:hover #date {opacity:1;margin-top:0px;}
  478. #posts:hover #a, #posts:hover #b, #posts:hover #c {{block:ifHoverInfo}margin-top:0px;{/block:ifHoverInfo}}
  479.  
  480. /* PERMALINK */
  481.  
  482. #perma {
  483. font-size:10px;
  484. text-align:center;
  485. border-top:1px dashed {color:Borders};
  486. padding-top:10px;
  487. margin-top:10px;
  488. }
  489.  
  490. /* POSTNOTES */
  491.  
  492. ol.notes {
  493. list-style-type:none;
  494. margin:20px 0 20px -40px;
  495. font-size:10px;
  496. text-transform:uppercase;
  497. }
  498.  
  499. ol.notes img {
  500. float:left;
  501. width:13px;
  502. margin-right:5px;
  503. }
  504.  
  505. .notes li {
  506. padding:5px;
  507. margin-bottom:2px;
  508. text-transform:uppercase;
  509. font-size:10px;
  510. background-color:{color:Posts};
  511. {block:ifNot400pxPosts}width:510px;{/block:ifNot400pxPosts}
  512. {block:if400pxPosts}width:410px;{/block:if400pxPosts}
  513. }
  514.  
  515. /* MUSIC */
  516.  
  517. #music {
  518. position:fixed;
  519. bottom:-18px;
  520. left:260px;
  521. width:50px;
  522. overflow:hidden;
  523. }
  524.  
  525. #billy {
  526. margin-top:11px;
  527. margin-bottom:-1px;
  528. opacity:0;
  529. }
  530.  
  531. #billy, #icon, #music{
  532. -webkit-transition:all 1s ease;
  533. -moz-transition:all 1s ease;
  534. -o-transition:all 1s ease;
  535. transition:all 1s ease-in-out;
  536. }
  537.  
  538. #music:hover {bottom:10px;}
  539. #music:hover #icon {opacity:0;}
  540. #music:hover #billy {opacity:1;}
  541.  
  542. /* CREDITS */
  543.  
  544. #credit {
  545. z-index:999;
  546. position:fixed;
  547. bottom:5px;right:5px;
  548. width:10px;
  549. height:13px;
  550. word-wrap:break-word;
  551. overflow:hidden;
  552. -webkit-transition:all 1s ease;
  553. -moz-transition:all 1s ease;
  554. -o-transition:all 1s ease;
  555. transition:all 1s ease-in-out;
  556. }
  557.  
  558. #credit a {
  559. color:#888;
  560. text-transform:uppercase;
  561. font-size:10px;
  562. }
  563.  
  564. #credit:hover {width:84px;}
  565.  
  566. #credit span {
  567. text-shadow:1px 1px .2px #000;
  568. color:#fff;
  569. margin-right:5px;
  570. font-size:11px;
  571. }
  572.  
  573. /* MISC */
  574.  
  575. #corner {
  576. position:fixed;
  577. bottom:0px;
  578. right:0px;
  579. }
  580.  
  581. iframe#tumblr_controls {
  582. position:fixed !important;
  583. margin-top:5px !important;
  584. margin-right:5px !important;
  585. opacity:0.3 !important;
  586. -webkit-transition:all 1s ease;
  587. -moz-transition:all 1s ease;
  588. -o-transition:all 1s ease;
  589. transition:all 1s ease-in-out;
  590. }
  591.  
  592. iframe#tumblr_controls:hover {opacity:0.8 !important;}
  593.  
  594. ::-webkit-scrollbar-thumb:vertical {
  595. background-color:{color:Scrollbar};
  596. border-top:2px solid {color:Scrollbar BG};
  597. border-bottom:2px solid {color:Scrollbar BG};
  598. }
  599.  
  600. ::-webkit-scrollbar-button:vertical, ::-webkit-scrollbar-button:horizontal {
  601. height:5px;
  602. width:6px;
  603. background-color:{color:Scrollbar};
  604. }
  605.  
  606. ::-webkit-scrollbar {
  607. height:5px;
  608. width:5px;
  609. background-color:{color:Scrollbar BG};
  610. }
  611.  
  612. </style>
  613.  
  614. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  615.  
  616. <script type="text/javascript" src="http://static.tumblr.com/mtdphun/sh6mmt7d2/scrolltopcontrol_nb.js"></script>
  617.  
  618. {block:ifInfiniteScroll}
  619. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  620. {/block:ifInfiniteScroll}
  621.  
  622. </head><body>
  623.  
  624. <!-- SIDEBAR -->
  625.  
  626. <div id="side"><table id="desc" cellpadding="0" cellspacing="0"><tr><td>
  627.  
  628. <!-- DESCRIPTION -->
  629.  
  630. <div id="accent" class="a">
  631. {block:ifCustomAccents}{text:Accent 1}{/block:ifCustomAccents}
  632. {block:ifNotCustomAccents}u{/block:ifNotCustomAccents}
  633. </div>
  634. <div id="description" style="margin:-5px 0;"><p>{Description}</p></div>
  635. <div id="accent" class="b">
  636. {block:ifCustomAccents}{text:Accent 2}{/block:ifCustomAccents}
  637. {block:ifNotCustomAccents}x{/block:ifNotCustomAccents}
  638. </div>
  639.  
  640. <!-- BOTTOM -->
  641.  
  642. <div id="bottom">
  643. {block:ifNotInfiniteScroll}{block:Pagination}<div id="pag" class="sp">
  644. {block:PreviousPage}
  645. <a href="{PreviousPage}">←</a>
  646. {/block:PreviousPage}
  647.  
  648. {block:JumpPagination length="5"}
  649. {block:CurrentPage}{PageNumber}{/block:CurrentPage}
  650. {block:JumpPage}
  651. <a class="jump_page" href="{URL}">{PageNumber}</a>
  652. {/block:JumpPage}
  653. {/block:JumpPagination}
  654.  
  655. {block:NextPage}
  656. <a href="{NextPage}">→</a>
  657. {/block:NextPage}
  658. </div>{/block:Pagination}{/block:ifNotInfiniteScroll}
  659.  
  660. <!-- TITLE -->
  661.  
  662. <a href="/"><div id="title"><center>
  663. <div id="main">{Title}</div>
  664. {block:ifSubtitle}<div id="sub">{text:Subtitle}</div>{/block:ifSubtitle}
  665. </center></div></a>
  666. </div>
  667. </td></tr></table></div>
  668.  
  669. <!-- END SIDEBAR -->
  670.  
  671. <!-- NAVIGATION -->
  672.  
  673. <div id="mbar">
  674.  
  675. <!-- NAVIGATION LINKS -->
  676.  
  677. <div id="nav">
  678. {block:ifPortrait}<a href="/" style="height:90px;display:block;">{block:ifNotPortraitImage}<img src="{PortraitURL-128}" id="port">{/block:ifNotPortraitImage}{block:ifPortraitImage}<img src="{image:Portrait}" id="port">{/block:ifPortraitImage}</a>{/block:ifPortrait}
  679. <a href="/">home</a>
  680. <a href="/ask">message</a>
  681. <a href="/archive">archive</a>
  682. <!-- PLEASE DO NOT REMOVE THEME CREDT -->
  683. <a href="http://viwan-th.tumblr.com" target="blank" title=
  684. "naturalis theme">theme</a>
  685. <!-- PLEASE DO NOT REMOVE THEME CREDT -->
  686.  
  687. {block:ifLink1}
  688. <a href="{text:Link 1 URL}">{text:Link 1}</a>
  689. {/block:ifLink1}{block:ifLink2}
  690. <a href="{text:Link 2 URL}">{text:Link 2}</a>
  691. {/block:ifLink2}{block:ifLink3}
  692. <a href="{text:Link 3 URL}">{text:Link 3}</a>
  693. {/block:ifLink3}{block:ifLink4}
  694. <a href="{text:Link 4 URL}">{text:Link 4}</a>
  695. {/block:ifLink4}
  696. {block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}
  697.  
  698. {block:ifInfiniteScroll}
  699. <a href="#top">back to top</a>
  700. {/block:ifInfiniteScroll}
  701. </div>
  702.  
  703. {block:ifNotInfiniteScroll}{block:Pagination}<div id="pag" class="np">
  704. {block:PreviousPage}
  705. <a href="{PreviousPage}">←</a>
  706. {/block:PreviousPage}
  707.  
  708. {block:JumpPagination length="5"}
  709. {block:CurrentPage}{PageNumber}{/block:CurrentPage}
  710. {block:JumpPage}
  711. <a class="jump_page" href="{URL}">{PageNumber}</a>
  712. {/block:JumpPage}
  713. {/block:JumpPagination}
  714.  
  715. {block:NextPage}
  716. <a href="{NextPage}">→</a>
  717. {/block:NextPage}
  718. </div>{/block:Pagination}{/block:ifNotInfiniteScroll}
  719.  
  720. <!-- COLOR BAR -->
  721.  
  722. <div id="bar">
  723. {block:ifNotReverseBars}
  724. <div id="sec" style="background:{color:Bar 1};"></div>
  725. <div id="sec" style="background:{color:Bar 2};"></div>
  726. <div id="sec" style="background:{color:Bar 3};"></div>
  727. <div id="sec" style="background:{color:Bar 4};"></div>
  728. <div id="sec" style="background:{color:Bar 5};"></div>
  729. {/block:ifNotReverseBars}
  730. {block:ifReverseBars}
  731. <div id="sec" style="background:{color:Bar 5};"></div>
  732. <div id="sec" style="background:{color:Bar 4};"></div>
  733. <div id="sec" style="background:{color:Bar 3};"></div>
  734. <div id="sec" style="background:{color:Bar 2};"></div>
  735. <div id="sec" style="background:{color:Bar 1};"></div>
  736. {/block:ifReverseBars}
  737. </div>
  738. </div>
  739.  
  740. <!-- END NAVIGATION -->
  741.  
  742. <div id="container">
  743.  
  744. <!-- POSTS BLOCK -->
  745.  
  746. {block:ifInfiniteScroll}<div class="autopagerize_page_element">{/block:ifInfiniteScroll}{block:Posts}
  747.  
  748. {block:ContentSource}
  749. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  750. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}">
  751. {/block:SourceLogo}
  752. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  753. {/block:ContentSource}
  754.  
  755. <div id="posts">
  756.  
  757. {block:IndexPage}<div id="date">
  758. <a id="a" href="{Permalink}">{TimeAgo}</a></br>
  759. <a id="b" href="{Permalink}">{NoteCountWithLabel}</a></br>
  760. <a id="c" href="{ReblogURL}">reblog</a></br>
  761. </div>{/block:IndexPage}
  762.  
  763. <!-- ENTRIES -->
  764.  
  765. <!-- TEXT -->
  766.  
  767. {block:Text}
  768.  
  769. {block:Title}<a href="{Permalink}"><h1 style="margin-bottom:20px;">{Title}</h1></a>{/block:Title}
  770. <p><div id="content" style="margin-top:-10px;"><p>{Body}</p></div></p>
  771.  
  772. {/block:Text}
  773.  
  774. <!-- PHOTO -->
  775.  
  776. {block:Photo}
  777.  
  778. {block:IndexPage}
  779. <a href="{Permalink}"><img src="{PhotoURL-highres}" id="photo"></a>
  780. {/block:IndexPage}
  781.  
  782. {block:PermalinkPage}{LinkOpenTag}
  783. <center><img src="{PhotoURL-500}" id="photo"></center>
  784. {LinkCloseTag}{/block:PermalinkPage}
  785.  
  786. {block:ifShowCaptions}
  787. {block:Caption}
  788. <div id="content">{Caption}</div>
  789. {/block:Caption}
  790. {/block:ifShowCaptions}
  791.  
  792. {/block:Photo}
  793.  
  794. <!-- PANORAMA -->
  795.  
  796. {block:Panorama}
  797.  
  798. {LinkOpenTag}<img src="{PhotoURL-Panorama}" id="photo">{LinkCloseTag}
  799.  
  800. {block:ifShowCaptions}
  801. {block:Caption}
  802. <div id="content">{Caption}</div>
  803. {/block:Caption}
  804. {/block:ifShowCaptions}
  805.  
  806. {/block:Panorama}
  807.  
  808. <!-- PHOTOSET -->
  809.  
  810. {block:Photoset}
  811.  
  812. <div id="photo">
  813. {block:ifNot400pxPosts}{Photoset-500}{/block:ifNot400pxPosts}
  814. {block:if400pxPosts}{Photoset-400}{/block:if400pxPosts}
  815. </div>
  816.  
  817. {block:ifShowCaptions}
  818. {block:Caption}
  819. <div id="content">{Caption}</div>
  820. {/block:Caption}
  821. {/block:ifShowCaptions}
  822.  
  823. {/block:Photoset}
  824.  
  825. <!-- QUOTE -->
  826.  
  827. {block:Quote}
  828.  
  829. <center><span id="quote">❝ {Quote} ❞</span></center>
  830. <p align="right" id="content">- {Source}
  831.  
  832.  
  833. {/block:Quote}
  834.  
  835. <!-- LINK -->
  836.  
  837. {block:Link}
  838.  
  839. <a href="{URL}" target="{Target}"><h1 id="link">{Name} →</h1></a>
  840.  
  841. {block:Description}
  842. <div id="content">{Description}</div>
  843. {/block:Description}
  844.  
  845. {/block:Link}
  846.  
  847. <!-- CHAT -->
  848.  
  849. {block:Chat}
  850.  
  851. {block:Title}<a href="{Permalink}"><h1>{Title}</h1></a>{/block:Title}
  852.  
  853. <div id="content">{block:Lines}<div id="{Alt}">
  854. {block:Label}<b>{Label}</b>{/block:Label} {Line}
  855. </div>{/block:Lines}</div>
  856.  
  857. {/block:Chat}
  858.  
  859. <!-- AUDIO -->
  860.  
  861. {block:Audio}
  862.  
  863. <table id="audio" cellpadding="0" cellspacing="0"><tr>
  864. <td width="150px">
  865. <div id="player"><div style="overflow:hidden;height:27px;width:27px;">{AudioPlayerBlack}</div></div>
  866. {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
  867. {block:AlbumArt}<img src="{AlbumArtURL}" id="art">{/block:AlbumArt}
  868. {block:ifAlbumArtImage}<img src="{image:Album Art}" id="alt">{/block:ifAlbumArtImage}{block:ifNotAlbumArtImage}<img src="http://static.tumblr.com/mtdphun/mrbmtls9g/albumart_gray.jpg" id="alt">{/block:ifNotAlbumArtImage}
  869. {block:IndexPage}</a>{/block:IndexPage}</td>
  870. <td>
  871. <div id="ainfo"><b>Track: </b>{block:TrackName}{TrackName}{/block:TrackName}</div>
  872. <div id="ainfo"><b>Artist: </b>{block:Artist}{Artist}{/block:Artist}</div>
  873. <div id="ainfo"><b>Album: </b>{block:Album}{Album}{/block:Album}</div>
  874. <div id="ainfo"><b>Plays: </b>{block:PlayCount}{FormattedPlayCount}{/block:PlayCount}</div>
  875. </td>
  876. </tr></table>
  877.  
  878. {block:ifShowCaptions}
  879. {block:Caption}
  880. <div id="content">{Caption}</div>
  881. {/block:Caption}
  882. {/block:ifShowCaptions}
  883.  
  884. {/block:Audio}
  885.  
  886. <!-- VIDEO -->
  887.  
  888. {block:Video}
  889.  
  890. {block:ifNot400pxPosts}{Video-500}{/block:ifNot400pxPosts}
  891. {block:if400pxPosts}{Video-400}{/block:if400pxPosts}
  892.  
  893. {block:ifShowCaptions}
  894. {block:Caption}
  895. <div id="content">{Caption}</div>
  896. {/block:Caption}
  897. {/block:ifShowCaptions}
  898.  
  899. {/block:Video}
  900.  
  901. <!-- ANSWER -->
  902.  
  903. {block:Answer}
  904.  
  905. <div id="ask">{Question}</div>
  906. <span id="arrow">◥</span>
  907. <span id="asker">{Asker}</span></p>
  908.  
  909. <div id="content">{Answer}</div>
  910.  
  911. {/block:Answer}
  912.  
  913. <!-- END ENTRIES -->
  914.  
  915. {block:PermalinkPage}
  916.  
  917. {block:ifNotShowCaptions}
  918. {block:Caption}
  919. <div id="content">{Caption}</div>
  920. {/block:Caption}
  921. {/block:ifNotShowCaptions}
  922.  
  923. <!-- PERMALINK -->
  924.  
  925. {block:Date}<div id="perma">
  926. {12Hour}:{Minutes}<span style="text-transform:uppercase;">{AmPm}</span> &middot; {DayofWeek}, {Month} {DayofMonth}{DayofMonthSuffix}, {Year} &middot; {NoteCountWithLabel}</br>
  927. {block:HasTags}tags <span style="font-size:10px;">&raquo;</span> {block:Tags}<a href="{TagURL}">{Tag}</a> &middot; {/block:Tags}</br>{/block:HasTags}
  928. {block:RebloggedFrom}
  929. via: <a href="{ReblogParentURL}">{ReblogParentName}</a> &middot;
  930. source: <a href="{ReblogRootURL}">{ReblogRootName}</a>
  931. {/block:RebloggedFrom}
  932. </div>{/block:Date}
  933.  
  934. {/block:PermalinkPage}
  935.  
  936. {block:ifNotShowTags}{block:IndexPage}<div style="height:1px;margin-top:9px;"></div>{/block:IndexPage}{/block:ifNotShowTags}
  937. {block:PermalinkPage}<div style="height:1px;margin-top:9px;"></div>{/block:PermalinkPage}
  938.  
  939. <!-- INFO -->
  940.  
  941. <div id="info"><table cellpadding="0" cellspacing="0" width="100%"><tr>
  942. {block:ifReblogInfo}{block:RebloggedFrom}<td id="ricon">
  943. <a href="{ReblogParentURL}" title="via {ReblogParentName}">
  944. <img src="{ReblogParentPortraitURL-64}"></a>
  945. <a href="{ReblogRootURL}" title="org {ReblogRootName}">
  946. <img src="{ReblogRootPortraitURL-64}"></a>
  947. </td>{/block:RebloggedFrom}{/block:ifReblogInfo}
  948. {block:HasTags}<td style="padding:5px;">
  949. &middot; {block:Tags}<a href="{TagURL}">{Tag}</a> &middot; {/block:Tags}
  950. </td>{/block:HasTags}
  951. </tr></table></div>
  952.  
  953. </div><!-- posts -->
  954.  
  955. {block:PostNotes}{PostNotes}{/block:PostNotes}
  956.  
  957. {/block:Posts}{block:ifInfiniteScroll}</div>{/block:ifInfiniteScroll}
  958.  
  959. <!-- END POSTS BLOCK -->
  960.  
  961. </div><!-- container -->
  962.  
  963. <!-- MUSIC PLAYER -->
  964.  
  965. {block:IndexPage}{block:ifMusicPlayerCode}<div id="music">
  966. <img src="http://media.tumblr.com/tumblr_m7w2o3N94I1r6o8v2.gif" id="icon">
  967. <div id="billy">{text:Music Player Code}</div>
  968. </div>{/block:ifMusicPlayerCode}{/block:IndexPage}
  969.  
  970. <!-- CORNER IMAGE -->
  971.  
  972. <img src="{image:Corner}" id="corner">
  973.  
  974. <!-- CREDIT -->
  975.  
  976. <div id="credit"><div style="width:86px;">
  977. <a href="http://viwan-th.tumblr.com" target="blank">
  978. <span>✿</span>viwan themes</a>
  979. </div></div>
  980.  
  981. </body></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!