API tools faq
paste
Advertisement
kurooi

unravel

kurooi
Oct 5th, 2014
12,515
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.06 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="{image:Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7.  
  8. <!------------------------------------------------------------------------
  9.  
  10. ✿ UNRAVEL THEME by karasunogf.tumblr.com ✿
  11. ✿ Feel free to ask me any questions; I'll be glad to help!! ✿
  12. ✿ Please do not remove credit or claim theme as your own. ✿
  13. ✿✿✿ Enjoy!! ✿✿✿
  14.  
  15. --------------------------------------------------------------------------
  16.  
  17. ✿✿✿ UPDATES ✿✿✿
  18. OCTOBER 19, 2014:
  19. Added: infinite scroll option, search box option, & post border option
  20. Fixed: text post/blockquote issues, ask post issue, & post title layout
  21. AUGUST 23, 2016:
  22. Fixed: infinite scroll issue
  23. ------------------------------------------------------------------------->
  24.  
  25.  
  26. <!-- start of script tooltip -->
  27. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  28.  
  29. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  30.  
  31. <script>
  32. (function($){
  33. $(document).ready(function(){
  34. $("a[title]").style_my_tooltips({
  35. tip_follows_cursor:true,
  36. tip_delay_time:90,
  37. tip_fade_speed:600,
  38. attribute:"title"
  39. });
  40. });
  41. })(jQuery);
  42. </script>
  43.  
  44. <!-- end of script tooltip -->
  45.  
  46. <!---- options --->
  47.  
  48. <meta name="color:Background" content="#ffffff"/>
  49. <meta name="color:Title Color" content="#aaaaaa"/>
  50. <meta name="color:Sidebar Color" content="#ffffff"/>
  51. <meta name="color:Text" content="#838282"/>
  52. <meta name="color:Link" content="#b8b8b8"/>
  53. <meta name="color:Hover" content="#eee"/>
  54. <meta name="color:Border" content="#aaa"/>
  55. <meta name="color:Posts" content="#fff"/>
  56. <meta name="color:Footer" content="#eee"/>
  57. <meta name="color:Nav Menu Border" content="#eee"/>
  58. <meta name="color:Nav Menu Bg" content="#eee"/>
  59. <meta name="color:Scrollbar" content="#eee"/>
  60. <meta name="color:Scrollbar Background" content="#eee"/>
  61. <meta name="color:Selection Color" content="#eee"/>
  62. <meta name="color:Selection Text" content="#aaa"/>
  63.  
  64.  
  65. <meta name="image:Favicon" content="" />
  66. <meta name="image:Sidebar" content=""/>
  67. <meta name="image:Background" content=""/>
  68. <meta name="image:Right Image" content=""/>
  69. <meta name="image:Left Image" content=""/>
  70.  
  71. <meta name="select:Font" content="Arial" title="Arial">
  72. <meta name="select:Font" content="Consolas" title="Consolas">
  73. <meta name="select:Font" content="Lucida Sans" title="Lucida Sans">
  74. <meta name="select:Font" content="Calibri" title="Calibri">
  75. <meta name="select:Font" content="Verdana" title="Verdana">
  76.  
  77.  
  78. <meta name="text:FontSize" content="12" />
  79. <meta name="text:Sidebar Margin Top" content="" />
  80.  
  81.  
  82. <meta name="text:navigation title" content="navigation"/>
  83. <meta name="text:sidepic title" content=""/>
  84.  
  85. <meta name="text:link 1 url" content=""/>
  86. <meta name="text:link 1 title" content=""/>
  87.  
  88. <meta name="text:link 2 url" content=""/>
  89. <meta name="text:link 2 title" content=""/>
  90.  
  91. <meta name="text:link 3 url" content=""/>
  92. <meta name="text:link 3 title" content=""/>
  93.  
  94. <meta name="text:link 4 url" content=""/>
  95. <meta name="text:link 4 title" content=""/>
  96.  
  97. <meta name="text:link 5 url" content=""/>
  98. <meta name="text:link 5 title" content=""/>
  99.  
  100. <meta name="text:link 6 url" content=""/>
  101. <meta name="text:link 6 title" content=""/>
  102.  
  103. <meta name="text:link 7 url" content=""/>
  104. <meta name="text:link 7 title" content=""/>
  105.  
  106. <meta name="text:link 8 url" content=""/>
  107. <meta name="text:link 8 title" content=""/>
  108.  
  109. <meta name="if:Sidebar Right" content="0" />
  110.  
  111.  
  112. <meta name="text:Right Image Width" content=""/>
  113. <meta name="text:Left Image Width" content=""/>
  114. <meta name="text:Right Image Margin Left" content="0"/>
  115. <meta name="text:Right Image Margin Bottom" content="0"/>
  116. <meta name="text:Left Image Margin Left" content="0"/>
  117. <meta name="text:Left Image Margin Bottom" content="0"/>
  118.  
  119.  
  120. <meta name="if:Sidebar Pic" content="1" />
  121. <meta name="if:Background Repeat" content="0" />
  122. <meta name="if:500px Post" content="0"/>
  123. <meta name="if:Short Footer" content="0" />
  124. <meta name="if:Drop Down Nav" content="1" />
  125. <meta name="if:Show Tags" content="1" />
  126. <meta name="if:Post Shadow" content="0"/>
  127. <meta name="if:Infinite Scroll" content="0" />
  128. <meta name="if:Search Bar" content="0" />
  129.  
  130. <!--- links --->
  131. <meta name="if:Link 1" content="1" />
  132. <meta name="if:Link 2" content="1" />
  133. <meta name="if:Link 3" content="1" />
  134. <meta name="if:Link 4" content="1" />
  135. <meta name="if:Link 5" content="0" />
  136. <meta name="if:Link 6" content="0" />
  137. <meta name="if:Link 7" content="0" />
  138. <meta name="if:Link 8" content="0" />
  139.  
  140. <!---- options --->
  141.  
  142. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  143.  
  144. <style type="text/css">
  145.  
  146. ::selection {
  147. background: {color:selection color};
  148. color: {color:selection Text};
  149. }
  150. ::-moz-selection {
  151. background: {color:selection color};
  152. color: {color:selection Text};
  153. }
  154. ::-webkit-selection {
  155. background: {color:selection color};
  156. color: {color:selection Text};
  157. }
  158.  
  159. #s-m-t-tooltip {
  160. max-width:300px;
  161. background-color: #fff;
  162. border:1px solid {color:border};
  163. font-size:10px;
  164. color: #6d6d6d;
  165. letter-spacing:1px;
  166. text-transform:lowercase;
  167. padding:3px;
  168. margin:15px 0px 0px 15px;
  169. z-index:999;
  170. border-radius:5px;
  171. -moz-border-radius:5px;
  172. -webkit-border-radius: 5px;
  173. }
  174.  
  175. ::-webkit-scrollbar-thumb:vertical {
  176. background-color: {color:Scrollbar};
  177. height: 50px;
  178. }
  179.  
  180. ::-webkit-scrollbar {
  181. height: 10px;
  182. width: 8px;
  183. background-color: {color:Scrollbar Background};
  184. }
  185.  
  186.  
  187. body {
  188.  
  189. background:{color:background};
  190. background-image:url('{image:Background}');
  191. background-attachment: fixed;
  192. {block:ifnotBackgroundRepeat}
  193. background-size: 100% 100%;
  194. {/block:ifnotBackgroundRepeat}
  195. {block:ifBackgroundRepeat}
  196. background-repeat: repeat;
  197. {/block:ifBackgroundRepeat};
  198. margin:10px;
  199. color:{color:text};
  200. font-family: {select:font};
  201. font-size:{text:fontsize}px;
  202. line-height: 14px;
  203. }
  204.  
  205. a {
  206. text-decoration:none;
  207. outline:none;
  208. -moz-outline-style:none;
  209. color:{color:link};
  210. -webkit-transition: all 0.3s;
  211. -moz-transition: all 0.3s ;
  212. -o-transition: all 0.3s ;
  213. -ms-transition: all 0.3s ;
  214. transition: all 0.3s ;
  215. }
  216.  
  217. a:hover {
  218. color:{color:hover};
  219. -webkit-transition: all 0.3s;
  220. -moz-transition: all 0.3s ;
  221. -o-transition: all 0.3s ;
  222. -ms-transition: all 0.3s ;
  223. transition: all 0.3s ;
  224. }
  225.  
  226. #wrapper{
  227. width: 1200px;
  228. margin:auto;
  229. }
  230.  
  231. #content{
  232. width: 418px;
  233. margin: auto;
  234. margin-top: 30px;
  235. }
  236.  
  237. #post{
  238. position: relative;
  239. background-color: {color:posts};
  240. width:500px;
  241. {block:ifsidebarright}margin-left: -100px;{/block:ifsidebarright}
  242. {block:ifnot500pxpost}width: 400px;{/block:ifnot500pxpost}
  243. margin-bottom: 40px;
  244. margin-top: 2px;
  245. padding: 8px;
  246. border: 1px solid {color:border};
  247. {block:IfPostShadow}
  248. box-shadow:rgba(0,0,0,0.2)6px 6px;
  249. {/block:IfPostShadow}
  250.  
  251. }
  252.  
  253. img {
  254. border: 0;
  255. max-width: 100%;
  256. }
  257.  
  258.  
  259. #posttitle {
  260. width: auto;
  261. height: auto;
  262. text-align: center;
  263. font-size:16px;
  264. font-family: {select:font};
  265. color:{color:title color};
  266. padding: 5px;
  267. border-bottom: 1px solid {color:border};
  268. }
  269.  
  270.  
  271. blockquote {margin:10px 0px; display:block; position:relative; border-left: 2px solid #aaa;margin-left: 10px;
  272. padding-left:10px;
  273.  
  274. }
  275.  
  276. blockquote blockquote, blockquote blockquote blockquote blockquote, blockquote blockquote blockquote blockquote blockquote blockquote, blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote {
  277. margin-left: 10px;
  278. padding-left:10px;
  279. border-left:2px solid #ccc;
  280.  
  281. }
  282.  
  283. blockquote blockquote blockquote, blockquote blockquote blockquote blockquote blockquote, blockquote blockquote blockquote blockquote blockquote blockquote blockquote, blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote {
  284. margin-left: 10px;
  285. padding-left:10px;
  286. border-left:2px solid #ddd;
  287.  
  288. }
  289.  
  290. blockquote img {
  291. max-width:100%;
  292. }
  293.  
  294. #side{
  295. position: fixed;
  296. z-index: 999;
  297. background-color: transparent;
  298. margin-left:380px;
  299. width: 222px;
  300. margin-top:{text:sidebar margin top}px;
  301. {block:if500pxpost}margin-left: 480px;{/block:if500pxpost}
  302. {block:ifnotsidebarright}
  303. margin-left:-280px;
  304. {/block:ifnotsidebarright}
  305. }
  306.  
  307. #sidebar{
  308. position: relative;
  309. z-index: 999;
  310. border: 1px solid {color:border};
  311. padding: 5px;
  312. padding-top: 5px;
  313. width: 193px;
  314. margin-left: 5px;
  315. margin-top: 150px;
  316. min-height: 50px;
  317. background-color: #fff;
  318. font-size: 11px;
  319. font-family: {select:font};
  320. text-align: center;
  321. background-color: {color:sidebar color};
  322.  
  323. {block:ifnotsidebarpic}
  324. margin-top: 100px;
  325. {/block:ifnotsidebarpic}
  326. }
  327.  
  328. #pagination {
  329. position:relative;
  330. margin-left: 5px;
  331. width: 203px;
  332. min-height: 20px;
  333. margin-top: 10px;
  334. text-align:center;
  335. background-color: {color:posts};
  336. border: 1px solid {color:border};
  337. padding-top: 5px;
  338. }
  339.  
  340. #pagination: a {
  341. font-size: 12px;
  342. text-align:center;
  343. padding:2px;
  344. }
  345.  
  346. #strip{
  347. position: relative;
  348. z-index: 1;
  349. background-color: transparent;
  350. letter-spacing: 5px;
  351. text-align: right;
  352. width: 193px;
  353. margin-top:-30px;
  354. margin-left: px;
  355. padding-bottom: 3px;
  356. font-size: 11px;
  357. border-bottom: 1px solid {color:border};
  358. {block:ifsidebarpic}
  359. display: block;
  360. position: absolute;
  361. z-index: -1;
  362. width: 106px;
  363. margin-left: 110px;
  364. margin-top:40px;
  365. height: 100px;
  366. letter-spacing: 0px;
  367. border-bottom: 0px;
  368. {/block:ifsidebarpic}
  369.  
  370. {block:ifsidebarright}
  371. margin-left:0px;
  372. {/block:ifsidebarright}
  373. }
  374.  
  375. #lonk {
  376.  
  377. background-color: white;
  378. margin:auto;
  379. padding-top: 5px;
  380. }
  381.  
  382. #lonk a{
  383. display: block;
  384. font-size: 13px;
  385. height:20px;
  386. text-align: center;
  387.  
  388. }
  389.  
  390. #pic{
  391. position: absolute;
  392. z-index: 100;
  393. margin-left:5px;
  394. margin-top: 40px;
  395. height: 100px;
  396. width: 100px;
  397. background-color: white;
  398. border: 1px solid {color:border};
  399. {block:ifsidebarright}
  400. margin-left:108px;
  401. {/block:ifsidebarright}
  402.  
  403.  
  404. }
  405.  
  406. #pic img{
  407.  
  408. position: absolute;
  409. z-index: 100;
  410. margin:auto;
  411. height: 100px;
  412. width: 100px;
  413. }
  414.  
  415. #footie {
  416. position: relative;
  417. min-height:15px;
  418. padding:3px;
  419. width: 507px;
  420. {block:ifnot500pxpost}width:407px;{/block:ifnot500pxpost}
  421. {block:ifsidebarright}margin-left: -100px;{/block:ifsidebarright}
  422. background-color: {color:footer};
  423. {block:IfPostShadow}
  424. box-shadow:rgba(0,0,0,0.2)6px 5px;
  425. {/block:IfPostShadow}
  426. border-bottom: 1px solid #ccc;
  427. text-align:right;
  428. padding-right: 8px;
  429. font-size: 11px;
  430. }
  431.  
  432. #footie2 {
  433. position: absolute;
  434. {block:ifnotsidebarright}
  435. {block:ifnot500pxpost}margin-left:421px;
  436. {block:ifpostshadow}
  437. margin-left:428px;
  438. {/block:ifpostshadow}
  439. {/block:ifnot500pxpost}
  440. {block:if500pxpost}
  441. margin-left:521px;
  442. {block:ifpostshadow}
  443. margin-left:528px;
  444. {/block:ifpostshadow}
  445. {/block:if500pxpost}
  446.  
  447. {/block:ifnotsidebarright}
  448.  
  449. height:20px;
  450. padding-right:5px;
  451. padding-top: 7px;
  452. vertical-align: middle;
  453. width: 18px;
  454. background-color: {color:footer};
  455. border-left: 2px solid #aaa;
  456. text-align: center;
  457. border-radius:0px 5px 5px 0px;
  458.  
  459. {block:ifsidebarright}
  460. margin-left: 0px;
  461. border-radius:5px 0px 0px 5px;
  462. border-right: 2px solid #aaa;
  463. border-left: 0px solid {color:border};
  464. margin-left:-128px;
  465. {/block:ifsidebarright}
  466. }
  467.  
  468. #footie3 {
  469. position: absolute;
  470. {block:ifnotsidebarright}
  471. {block:ifnot500pxpost}margin-left:421px;
  472. {block:ifpostshadow}
  473. margin-left:428px;
  474. {/block:ifpostshadow}
  475. {/block:ifnot500pxpost}
  476. {block:if500pxpost}
  477. margin-left:521px;
  478. {block:ifpostshadow}
  479. margin-left:528px;
  480. {/block:ifpostshadow}
  481. {/block:if500pxpost}
  482.  
  483. {/block:ifnotsidebarright}
  484. height:20px;
  485. padding-right:5px;
  486. padding-top: 7px;
  487. margin-top: 40px;
  488. vertical-align: middle;
  489. width: 18px;
  490. background-color: {color:footer};
  491. border-left: 2px solid #aaa;
  492. text-align: center;
  493. border-radius:0px 5px 5px 0px;
  494.  
  495. {block:ifsidebarright}
  496. margin-left: 0px;
  497. border-radius:5px 0px 0px 5px;
  498. border-right: 2px solid #aaa;
  499. border-left: 0px solid {color:border};
  500. margin-left:-128px;
  501. {/block:ifsidebarright}
  502. }
  503.  
  504. #info {
  505. position:relative;
  506. width: auto;
  507. height: auto;
  508. padding: 5px;
  509. margin-top:15px;
  510. border-top: 1px solid {color:border};
  511. background-color: {color:footer background};
  512. text-align:center;
  513. }
  514. #text {
  515. position:relative;
  516. display:block;
  517. background-color: transparent;
  518. word-wrap: break-word;
  519. }
  520.  
  521. #tags {
  522.  
  523. position:relative;
  524. display:block;
  525. min-height:15px;
  526. padding:3px;
  527. background-color: {color:posts};
  528. border-top: 1px solid #ccc;
  529. text-align: left;
  530. font-size: 11px;
  531. }
  532.  
  533. #quote {
  534. text-size: 20px;
  535. padding: 10px 10px 5px 10px;
  536. font-family: georgia;
  537. text-align: center;
  538. }
  539.  
  540. #open {
  541. position: absolute;
  542. font-size:70px;
  543. margin-top: 10px;
  544. margin-left: -10px;
  545. font-family:georgia;
  546. text-align: left;
  547. opacity: 0.5;
  548. }
  549.  
  550. #close {
  551. position: absolute;
  552. font-size: 70px;
  553. font-family:georgia;
  554. opacity: 0.5;
  555. padding-top: 5px;
  556. margin-left: 360px;
  557. {block:if500pxpost}
  558. margin-left:460px;
  559. {/block:if500pxpost}
  560. }
  561.  
  562. #source {
  563. text-align: right;
  564. padding-top: 5px;
  565. padding-right: 10px;
  566. }
  567.  
  568. .tumblr_audio_player {
  569. border: 1px solid {color:border};
  570. height: 40px;
  571. margin-left: 125px;
  572. width: 375px;
  573. {block:ifnot500pxpost}width:275px;{block:ifnot500pxpost}
  574. }
  575.  
  576.  
  577.  
  578. .audioimgwrapper {
  579. position: absolute;
  580. left: 0px;
  581. top: 0px;
  582. border: 1px solid {color:border};
  583. overflow: hidden;
  584. width: 115px;
  585. height: 115px;
  586. }
  587.  
  588. .audioimgwrapper img {
  589. width: 100%;
  590. height: auto;
  591. }
  592.  
  593. .trackdetails {
  594. width: auto;
  595. display:inline-block;
  596. padding-top:10px;
  597. margin-left: 125px;
  598. min-height: 75px;
  599. }
  600.  
  601. .audiowrapper {
  602. position: relative;
  603. display:inline-block;
  604. }
  605.  
  606. select {
  607. -webkit-appearance: none;
  608. -moz-appearance: none;
  609. appearance: none;
  610. padding: 2px;
  611. height: auto;
  612. border: none;
  613. font-family:{select:font};
  614. font-size:11px;
  615. color: {color:text};
  616. width: 175px;
  617. border:1px solid {color:nav menu border};
  618. background-color: {color:nav menu bg};
  619. }
  620.  
  621. .bubble {
  622.  
  623. font-size: 12px;
  624. line-height: 20px;
  625. padding: 8px 10px;
  626. position: relative;
  627. display:block;
  628. margin-bottom: 1em;
  629. min-height: 45px;
  630. }
  631.  
  632. .portrait {
  633. display:inline;
  634. border: 1px solid {color:border};
  635. border-radius: 20px 20px 0px 20px;
  636. }
  637.  
  638. #asker {
  639. position:relative;
  640. background-color: #000;
  641. font-weight:bold;
  642. font-size: 12px;
  643. text-align:left;
  644. width: 300px;
  645. float: right;
  646. }
  647.  
  648. #answerer {
  649. font-weight:bold;
  650. font-size: 12px;
  651. text-align:left;
  652. padding-left:25px;
  653. }
  654.  
  655. #question {
  656.  
  657. font-size: 12px;
  658. text-align:left;
  659. margin-left: 50px;
  660. }
  661.  
  662. #answer {
  663.  
  664. font-size: 12px;
  665. text-align:left;
  666. margin-left: 50px;
  667. }
  668.  
  669. #notes {
  670. padding:10px;
  671. background-color: {color:posts color};
  672. font-size: 11px;
  673. max-height: 400px;
  674. overflow-y:auto;
  675. border-top: 1px solid {color:border};
  676. }
  677. ol.notes {
  678.  
  679. list-style: none;
  680. padding: 0px 0px 10px 0px;
  681. }
  682.  
  683. ol.notes img {
  684. width: 16px;
  685. height: 16px;
  686. border: 1px solid {color:border};
  687. margin-right: 5px; width: 16px; height: 16px;
  688. }
  689.  
  690. #nextp {
  691. width: 125px;
  692. display:block;
  693. float:right;
  694. padding-right:5px;
  695. text-align:right;
  696. }
  697.  
  698. #previousp {
  699. width: 125px;
  700. display:block;
  701. margin-left: 5px;
  702. float:left;
  703. padding-right:5px;
  704. text-align:left;
  705. }
  706.  
  707. #search {
  708. position:relative;
  709. margin: 5px;
  710. width: 203px;
  711. margin-top: 15px;
  712. }
  713.  
  714. .sfm input {
  715. font-size: 11px;
  716. border: 0px;
  717. text-transform: lowercase;
  718. height: 20px;
  719. margin-top: 0px;
  720. color: {color:font};
  721. letter-spacing: 1px;
  722. padding: 4px 8px;
  723. font-family: {select:font}
  724. }
  725.  
  726. #sf {
  727. height: 15px; vertical-align: top; width: 149px;
  728. }
  729.  
  730. #sb {
  731. height: 15px; vertical-align: top;
  732. background-color: white;
  733. }
  734.  
  735.  
  736.  
  737.  
  738. {CustomCSS}
  739.  
  740. </style>
  741.  
  742. </head>
  743. <body>
  744. <div id="wrapper">
  745. <div id="content">
  746. <div id="side">
  747. {block:ifsidebarpic}<div id="pic"><a href="/" title="{text:sidepic title}"><img src="{image:sidebar}"/></a></div>
  748.  
  749. <div id="strip">
  750. <table style="margin:auto;border-collapse: separate;border-spacing: 6px 6px;">
  751. <tr style="height: 40px;">
  752. <td style="width: 40px; vertical-align: middle; background-color: white; border: 1px solid {color:border};" valign="top">
  753. <div id="lonk">
  754. <a href="/" title="home"><i class="fa fa-home fa-lg"></i></a>
  755. </td></div>
  756. <td style="width: 40px; vertical-align: middle; background-color: white; border: 1px solid {color:border};" valign="top">
  757. <div id="lonk">
  758. <a href="/ask" title="message"><i class="fa fa-envelope"></i></a>
  759. </td></div>
  760. </tr>
  761.  
  762. <tr style="height: 40px;">
  763. <td style="width: 40px; vertical-align: middle; background-color: white; border: 1px solid {color:border};" valign="top">
  764. <div id="lonk">
  765. <a href="/archive" title="archive"><i class="fa fa-calendar"></i></a>
  766. </td></div>
  767. <td style="width: 40px; vertical-align: middle; background-color: white; border: 1px solid {color:border};" valign="top">
  768. <div id="lonk">
  769. <a href="http://karasunogf.tumblr.com" title="theme"><i class="fa fa-moon-o"></i></a>
  770. </td></div>
  771. </tr>
  772. </table>
  773.  
  774. </div>
  775. {/block:ifsidebarpic}
  776. <div id="sidebar">
  777. {block:ifnotsidebarpic}
  778.  
  779. <div id="strip">
  780. <a href="/" title="home"><i class="fa fa-home fa-lg"></i></a>
  781. <a href="/ask" title="message"><i class="fa fa-envelope"></i></a>
  782. <a href="/archive" title="archive"><i class="fa fa-calendar"></i></a>
  783. <a href="http://karasunogf.tumblr.com" title="theme"><i class="fa fa-moon-o"></i></a>
  784. </div>
  785. {/block:ifnotsidebarpic}
  786. <br>
  787. {Description}
  788. {block:ifinfinitescroll}<script type="text/javascript" src="http://proto.jp/js/tumblrAutoPager.js"></script>{/block:ifinfinitescroll}
  789. <p>{block:ifdropdownnav}
  790. <form action="">
  791. <select onChange="location.href=this.options[this.selectedIndex].value;">
  792. <option value="">{text:navigation title}</option>
  793. {block:ifLink1}<option value="{text:link 1 url}">{text:link 1 title}</option>{/block:ifLink1}
  794. {block:ifLink2}<option value="{text:link 2 url}">{text:link 2 title}</option>{/block:ifLink2}
  795. {block:ifLink3}<option value="{text:link 3 url}">{text:link 3 title}</option>{/block:ifLink3}
  796. {block:ifLink4}<option value="{text:link 4 url}">{text:link 4 title}</option>{/block:ifLink4}
  797. {block:ifLink5}<option value="{text:link 5 url}">{text:link 5 title}</option>{/block:ifLink5}
  798. {block:ifLink6}<option value="{text:link 6 url}">{text:link 6 title}</option>{/block:ifLink6}
  799. {block:ifLink7}<option value="{text:link 7 url}">{text:link 7 title}</option>{/block:ifLink7}
  800. {block:ifLink8}<option value="{text:link 8 url}">{text:link 8 title}</option>{/block:ifLink8}
  801. </select>
  802. </form>
  803. {/block:ifdropdownnav}</div>
  804.  
  805. {block:ifnotinfinitescroll}{block:Pagination}
  806. <div id="pagination">
  807.  
  808. {block:PreviousPage}<a class="jump_page" href="{PreviousPage}"><i class="fa fa-chevron-left" title="previous page"></i></a>{/block:PreviousPage}
  809. {block:JumpPagination length="5"}
  810. {block:CurrentPage}<span class="current_page" style="padding:5px">{PageNumber}</span>{/block:CurrentPage}
  811. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  812. {/block:JumpPagination}
  813. {block:NextPage}<a class="jump_page" href="{NextPage}"><i class="fa fa-chevron-right" title="next page"></i></a>{/block:NextPage}
  814. </div>
  815. {/block:Pagination}
  816. {/block:ifnotinfinitescroll}
  817.  
  818. {block:ifsearchbar}
  819. <div id="search">
  820. <form action="/search" method="get" class="sfm">
  821. <input type="text" name="q" value="{SearchQuery}" id="sf"/>
  822. <input type="image" value="Search" src="http://static.tumblr.com/f1skqpy/Oxbn13qun/search_icon.png" id="sb" title="search"/>
  823. </form>
  824. </div>
  825. {/block:ifsearchbar}
  826. </div>
  827.  
  828. {block:Posts}
  829.  
  830. <!-- {block:NoRebloggedFrom}
  831. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  832. {/block:NoRebloggedFrom} -->
  833.  
  834. {block:ContentSource}<!-- {SourceURL}
  835. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  836. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  837. {/block:ContentSource}
  838.  
  839. {block:IndexPage}
  840.  
  841. {block:ifnotshortfooter}
  842. <div id="footie"><a href="{permalink}" title="permalink"> {block:Date}{TimeAgo}{/block:Date}</a> • <a href="{permalink}" title="{NoteCountWithLabel}">{block:NoteCount}{NoteCount} {/block:NoteCount}</a> • <a href="{ReblogURL}" title="reblog">reblog</a>
  843. </div>
  844. {/block:ifnotshortfooter}
  845.  
  846. {block:ifshortfooter}
  847. <div id="footie2"><a href="{permalink}" title="{block:Date}{TimeAgo}{/block:Date} with {NoteCountWithLabel}"><i class="fa fa-plus"></i></a></div>
  848. <div id="footie3"><a href="{ReblogURL}" title="reblog"><i class="fa fa-refresh"></i></a></div>
  849. {/block:ifshortfooter}
  850.  
  851. {/block:IndexPage}
  852.  
  853.  
  854. {block:ifinfinitescroll}<div class = "autopagerize_page_element" >{/block:ifinfinitescroll}
  855. <div id="post">
  856.  
  857. {block:Text}
  858. <div id="text">
  859. {block:Title}
  860. <div class="posttitle">{Title}</div>
  861. {/block:Title}
  862. {Body}
  863. </div>
  864. {/block:Text}
  865.  
  866. {block:Photo}
  867. <div class="photo">
  868. {LinkOpenTag}<a href="{Permalink}">{block:if500pxpost}<img src="{PhotoURL-500}">{/block:if500pxpost}
  869. {block:ifnot500pxpost}<img src="{PhotoURL-400}">{/block:ifnot500pxpost}{LinkCloseTag}
  870. {block:Caption}
  871. <div id="text">{Caption}</div>
  872. {/block:Caption}
  873. </div>
  874. {/block:Photo}
  875.  
  876. {block:Panorama}
  877. <div class="post panorama">
  878. {LinkOpenTag}
  879. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  880. {LinkCloseTag}{block:Caption}
  881. <div id="text">{Caption}</div>
  882. {/block:Caption}
  883. </div>
  884. {/block:Panorama}
  885.  
  886. {block:Photoset}
  887. <div class="post photoset">
  888. {block:if500pxpost}{Photoset-500}{/block:if500pxpost}
  889. {block:ifnot500pxpost}{Photoset-400}{block:ifnot500pxpost}{block:Caption}
  890. <div id="text">{Caption}</div>
  891. {/block:Caption}
  892. </div>
  893. {/block:Photoset}
  894.  
  895. {block:Link}
  896. <div class="post link">
  897. <a href="{URL}" class="link" {Target}>{Name}</a>
  898. </div>
  899.  
  900. {block:Description}
  901. <div class="description">{Description}</div>
  902. {/block:Description}
  903. </li>
  904. {/block:Link}
  905.  
  906. {block:Quote}<div id="quote"><div id="open">“</div>{Quote}<div id="close">”</div></div><br><div id="source">{block:Source}— {Source}{/block:Source}</div>{/block:Quote}
  907.  
  908. {block:Chat}<div id="posttitle">{Title}</div>{/block:Title}<br>{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  909.  
  910. {block:Video}
  911. <div class="post video">
  912. {Video-400}{block:Caption}
  913. <div id="text">{Caption}</div>
  914. {/block:Caption}
  915. </div>
  916. {/block:Video}
  917.  
  918. {block:AudioPlayer}
  919. <div class="audiowrapper">
  920. {block:AlbumArt}
  921. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  922. {/block:AlbumArt}
  923.  
  924. {AudioPlayerWhite}
  925. <div class="trackdetails">
  926. {block:TrackName}{TrackName}{/block:TrackName}<br/>
  927. {block:Artist}Artist: {Artist}{/block:Artist}<br/>
  928. {block:Album}Album: {Album}{/block:Album}<br/>
  929. </div>
  930. </div>
  931. {block:permalinkpage}
  932. {block:Caption}{Caption}{/block:Caption}
  933. {/block:permalinkpage}
  934.  
  935. {/block:AudioPlayer}
  936.  
  937. {block:Answer}
  938. <table style="border-bottom:1px solid {color:border};padding-bottom:5px;margin-bottom:5px;width: {block:ifnot500pxpost}400px{/block:ifnot500pxpost}{block:if500pxpost}500px{/block:if500pxpost}; min-height: 50px; background-color: #fff; border-bottom: 1px dashed {color:border}">
  939. <tr>
  940. <td style="vertical-align:top;width:45px; padding-top: 5px"><a href="{AskerURL}" title="{AskerName}"><img class="portrait" src="{AskerPortraitURL-40}" alt=""></a></td>
  941.  
  942. <td style="vertical-align:top;padding: 10px; padding-left:5px"><strong><a href="{AskerURL}">{Asker}</a> said:</strong> <br>{Question}</td>
  943. </tr>
  944. </table>
  945.  
  946. <table style="padding-bottom:5px;margin-bottom:5px;width: 400px; min-height: 50px; background-color: #fff;">
  947. <tr>
  948. <td style="vertical-align:top; margin-left: -10px; padding: 10px;">{Answer}</td>
  949. </tr>
  950. </table>
  951.  
  952. {/block:Answer}
  953.  
  954. {block:permalinkpage}
  955. {block:Date}
  956. <div id="info">
  957. {Month} {DayOfMonth}, {Year} &mdash; {12Hour}:{Minutes}{AmPm}{block:NoteCount} with {NoteCountwithLabel}{/block:NoteCount}
  958. <br>{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>
  959. </a> | <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>
  960. {/block:RebloggedFrom}
  961. <p>
  962. {block:HasTags}<div id="tags">tagged:{block:Tags} <a href="{TagURL}">+{Tag}</a>{/block:Tags}</div>{/block:HasTags}</div>
  963. <p>
  964.  
  965. {block:PermalinkPagination}
  966. <div id="nextp">{block:NextPost}<a href="{NextPost}">next post →</a>{/block:NextPost}</div>
  967. <div id="previousp">{block:PreviousPost}<a href="{PreviousPost}">← previous post</a>{/block:PreviousPost}</div>
  968. {/block:PermalinkPagination}
  969. <br><br>
  970. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  971. {/block:Date}
  972. {/block:permalinkpage}
  973.  
  974. {block:indexpage}
  975. {block:ifshowtags}{block:HasTags}<div id="tags"><i class="fa fa-tag"></i>{block:Tags} <a href="{TagURL}">+{Tag}</a>{/block:Tags}</div>{/block:HasTags}{/block:ifshowtags}
  976. {/block:indexpage}
  977. </div>
  978.  
  979.  
  980. {/block:Posts}
  981. {block:ifinfinitescroll}</div>{/block:ifinfinitescroll}
  982.  
  983.  
  984.  
  985. <div id="imageright" style="position:fixed; bottom:{text:right image margin bottom}px; right:{text:right image margin left}px; z-index:-1;"><img src="{image:Right Image}"width="{text:right image width}"></div>
  986.  
  987. <div id="imageleft" style="position:fixed; bottom:{text:left image margin bottom}px; z-index:-1; left:{text:left image margin left}px;"><img src="{image:Left Image}"width="{text:left image width}"></div>
  988. </body>
  989. </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!