API tools faq
paste
Advertisement
faluvtha

[#18] — Xiora

faluvtha
Jul 14th, 2012
11,574
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.46 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. <!-- Themes by Faluvtha@tumblr.com
  4.  
  5. -------[ Xiora Themes ]-------
  6.  
  7. ———————————————--- RULES! ---—————————————————————
  8.  
  9. - Do not remove credit!
  10. - Do not use this code as your base.
  11. - Do not claim as your own.
  12. - If you have a special customization about the codes, I won't help you unless you know what you have to do.
  13. - You can edit it likely and whatever you want but leave the credit alone.
  14. - If you have any problems regarding customization , code or anything else. Feel free to put a lovely message at Fukuo@tumblr
  15.  
  16. ———————————————--- THANK YOU! ---——————————————————
  17.  
  18. -->
  19.  
  20. <link href='http://fonts.googleapis.com/css?family=Economica' rel='stylesheet' type='text/css'>
  21. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  22. <head>
  23. <title>{Title}</title>
  24. <link rel="shortcut icon" href="{Favicon}">
  25. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  26. {block:Description}
  27. <meta name="description" content="{MetaDescription}" />
  28. {/block:Description}
  29. <meta name="if:Lazy Load Post" content="1"/>
  30. <meta name="if:Music Player" content="1"/>
  31. <meta name="if:Show Caption" content="0"/>
  32. <meta name="if:Infinite Scrolling" content="0"/>
  33. <meta name="image:Sidebar Picture" content="http://25.media.tumblr.com/tumblr_m2d6hpIX1I1rp8jejo1_250.png"/>
  34. <meta name="image:Description Background" content=""/>
  35. <meta name="image:Sidebar Background" content=""/>
  36. <meta name="image:Background" content=""/>
  37. <meta name="color:Background" content="#dddddd" />
  38. <meta name="color:Post" content="#eeeeee" />
  39. <meta name="color:Sidebar Background" content="#eeeeee" />
  40. <meta name="color:Body" content="#777777" />
  41. <meta name="color:description text" content="#777777" />
  42. <meta name="color:description background" content="#eeeeee" />
  43. <meta name="color:Blockquote" content="#e2e1e1" />
  44. <meta name="color:Border Blockquote" content="#777777" />
  45. <meta name="color:Line Background One" content="#777777" />
  46. <meta name="color:Line Background Two" content="#bbbbbb" />
  47. <meta name="color:Line Background Three" content="#aaaaaa" />
  48. <meta name="color:Title" content="#ffffff"/>
  49. <meta name="color:Title background" content="#929090"/>
  50. <meta name="color:Title Post" content="#777777"/>
  51. <meta name="color:Title background Post" content="#e2e1e1"/>
  52. <meta name="color:Triangle" content="#5a5959" />
  53. <meta name="color:Ask background" content="#eeeeee"/>
  54. <meta name="color:Music Player" content="#eeeeee" />
  55. <meta name="color:Links" content="#111111" />
  56. <meta name="color:Links Hover" content="#aaa" />
  57. <meta name="color:Bold text" content="#101010" />
  58. <meta name="color:Italic text" content="#101010" />
  59. <meta name="color:Chat Odd" content="#FBFBFB"/>
  60. <meta name="color:Chat Even" content="#F0F0F0"/>
  61. <meta name="color:menu border" content="#777777" />
  62. <meta name="color:menu border hover" content="#777777" />
  63. <meta name="color:menu text background" content="#ffffff" />
  64. <meta name="color:menu text background hover" content="#000000" />
  65. <meta name="color:menu background" content="#686666" />
  66. <meta name="color:menu background hover" content="#ffffff" />
  67. <meta name="color:Scrollbar" content="#4b4b4b" />
  68. <meta name="color:Scrollbar Background" content="#f7f7f7" />
  69. <meta name="color:Permalink background" content="#c0c0c0"/>
  70. <meta name="text:Music Player Code" content="Music Player Code Here"/>
  71. <meta name="text:Font" content="calibri"/>
  72. <meta name="text:Font Size" content="9.5"/>
  73. <meta name="text:Line height" content="12"/>
  74. <meta name="text:Custom Title Hover" content="インスピレーション"/>
  75. <meta name="text:Custom Link One" content=""/>
  76. <meta name="text:Custom Link One URL" content=""/>
  77. <meta name="text:Custom Link Two" content=""/>
  78. <meta name="text:Custom Link Two URL" content=""/>
  79. <meta name="text:Custom Link Three" content=""/>
  80. <meta name="text:Custom Link Three URL" content=""/>
  81. <meta name="text:Custom Link Four" content=""/>
  82. <meta name="text:Custom Link Four URL" content=""/>
  83.  
  84. <style type="text/css">
  85. iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  86.  
  87. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  88.  
  89. ::-webkit-scrollbar {width: 4px;}
  90.  
  91. ::-webkit-scrollbar-track-piece
  92. {background-color: {color:Scrollbar Background};}
  93.  
  94. ::-webkit-scrollbar-thumb:vertical
  95. {width:4px;
  96. background-color: {color:Scrollbar};}
  97.  
  98.  
  99. body{
  100. font-family: {text:Font};
  101. font-size: {text:Font size}px;
  102. line-height:{text:Line height}px;
  103. background-color:{color:Background};
  104. background-image:url('{image:Background}');
  105. background-position: fixed;
  106. background-attachment:fixed;
  107. background-repeat:repeat;}
  108.  
  109. a
  110. {text-decoration:none;
  111. color:{color:Links};}
  112.  
  113. a:link, a:visited, a:active
  114. {text-decoration:none;
  115. -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;
  116. }
  117. a:hover{
  118. color:{color:Links hover};
  119. text-decoration: none;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;
  120. }
  121.  
  122. blockquote{
  123. padding:8px;
  124. margin-top:5px;
  125. margin-bottom:5px;
  126. border-left:10px solid {color:border blockquote};
  127. background-color:{color:blockquote};
  128. }
  129.  
  130. #sidebar
  131. {position:fixed;
  132. top:50px;
  133. left:90px;
  134. width:240px;
  135. padding:7px;
  136. text-align:center;
  137. font-family:consolas;
  138. font-size:8px;
  139. background-color:{color:Sidebar Background};
  140. background-image:url('{image:Sidebar Background}');
  141. background-position: fixed;
  142. background-attachment:fixed;
  143. background-repeat:repeat;
  144. }
  145.  
  146. .titles {
  147. font-size:19px;
  148. font-style:normal;
  149. font-weight:lighter;
  150. font-family:'Economica';
  151. text-align:left;
  152. padding-left:10px;
  153. text-transform:uppercase;
  154. border-left:25px solid {color:Title Post};
  155. background-color:{color:Title Background Post};
  156. padding:7px;
  157. }
  158.  
  159. #garis {
  160. background-color: {color:Line Background One};
  161. width:20px;
  162. height:1000%;
  163. top:0px;
  164. left:900px;
  165. z-index:100;
  166. position:fixed;
  167. }
  168.  
  169. #garisu {
  170. background-color: {color:Line Background Two};
  171. width:20px;
  172. height:1000%;
  173. top:0px;
  174. left:910px;
  175. z-index:100;
  176. position:fixed;
  177. }
  178.  
  179. #garisa {
  180. background-color: {color:Line Background Three};
  181. width:20px;
  182. height:1000%;
  183. top:0px;
  184. left:920px;
  185. z-index:100;
  186. position:fixed;
  187. }
  188.  
  189. #credit {
  190. position:fixed;
  191. bottom:6px;
  192. right:6px;
  193. font-family:cambria;
  194. font-size:13px;
  195. font-weight:lighter;
  196. text-transform:uppercase;}
  197.  
  198. #credit a{
  199. color:{color:links};
  200. text-decoration:none;
  201. opacity:0.6;
  202. }
  203.  
  204. #credit a:hover {
  205. color:{color:links};
  206. text-decoration:none;
  207. opacity:1;
  208. }
  209.  
  210. #triangle {
  211. width:0;
  212. height:0;
  213. border-top:23px solid {color:Triangle};
  214. border-left:23px solid transparent;
  215. position:absolute;
  216. margin-top:5px;
  217. margin-left:0px;
  218. opacity:1;
  219. }
  220.  
  221. #triangle2 {
  222. width:0;
  223. height:0;
  224. border-top:23px solid {color:Triangle};
  225. border-right:23px solid transparent;
  226. position:absolute;
  227. margin-top:5px;
  228. margin-left:277px;
  229. opacity:1;
  230. }
  231.  
  232. #triangle3 {
  233. width:0;
  234. height:0;
  235. border-top:40px solid {color:Sidebar background};
  236. border-right:40px solid transparent;
  237. position:absolute;
  238. margin-top:-28px;
  239. margin-left:115px;
  240. opacity:1;
  241. -webkit-transform:rotate(45deg);
  242. -moz-transform:rotate(45deg);
  243. -o-transform: rotate(45deg);
  244. }
  245.  
  246. #title {
  247. width:300px;
  248. position:absolute;
  249. font-family:'Economica';
  250. font-size:29px;
  251. font-weight:lighter;
  252. line-height:40px;
  253. padding-bottom:5px;
  254. background-color:{color:Title background};
  255. text-transform:none;
  256. letter-spacing:-1px;
  257. margin-top:-90px;
  258. margin-left:-30px;
  259. color:{color:Title};
  260. -webkit-transition: all 0.7s ease;
  261. -moz-transition: all 0.7s ease;
  262. -o-transition: all 0.7s ease;
  263. }
  264.  
  265. #titles {
  266. width:300px;
  267. position:absolute;
  268. font-family:'Economica';
  269. font-size:23px;
  270. font-weight:lighter;
  271. line-height:40px;
  272. padding-bottom:5px;
  273. background-color:{color:Title background};
  274. text-transform:none;
  275. letter-spacing:-1px;
  276. margin-top:-40px;
  277. margin-left:;0px;
  278. color:{color:Title};
  279. -webkit-transition: all 0.7s ease;
  280. -moz-transition: all 0.7s ease;
  281. -o-transition: all 0.7s ease;
  282. opacity:0;
  283. }
  284.  
  285. #title:hover #titles {
  286. opacity:1;
  287. margin-top:-40px;
  288. }
  289.  
  290. #sidebar:hover #titles {
  291. opacity:1;
  292. margin-top:-40px;
  293. }
  294.  
  295. #description {
  296. background-image:url('{image:Desciption Background}');
  297. background-position: fixed;
  298. background-attachment:fixed;
  299. background-repeat:repeat;
  300. background-color:{color:description background};
  301. position:absolute;
  302. color:{color:description text};
  303. text-align:center;
  304. font-family: {text:Font};
  305. font-size: {text:Font size}px;
  306. width:260px;
  307. margin-top:50px;
  308. margin-left:-20px;
  309. padding:9px;
  310. }
  311.  
  312. #posts{
  313. margin-top:0px;
  314. {block:IndexPage}
  315. width:430px;
  316. margin-left:440px;
  317. {/block:IndexPage}
  318. {block:PermalinkPage}
  319. width:530px;
  320. margin-left:440px;
  321. {/block:PermalinkPage}
  322. }
  323.  
  324. .post {
  325. {block:IndexPage}
  326. width:400px;
  327. {/block:IndexPage}
  328. {block:PermalinkPage}
  329. width:500px;
  330. {/block:PermalinkPage}
  331. margin-top:10px;
  332. margin-bottom:5px;
  333. padding:8px;
  334. background-color:{color:Post};
  335. color:{color:Body};}
  336.  
  337.  
  338. b, em, strong{
  339. color: {color:Bold text};
  340. font-weight:bold;
  341. }
  342.  
  343. i, em {
  344. color: {color:Italic text};
  345. font-weight:lighter;
  346. font-style:italic;
  347. }
  348.  
  349. #audio{
  350. padding-top:5px;
  351. padding-left:55px;
  352. padding-right:55px;
  353. padding-bottom:6px;
  354. margin-top:4px;
  355. margin-left:4px;
  356. position:absolute;
  357. height:30px;
  358. width:45px;
  359. overflow:hidden;
  360. background-color:#e7e7e7;
  361. text-align:center;
  362. opacity:0.5;
  363. z-index:99;
  364. border-radius:7px;
  365. -webkit-transition: all 0.5s ease-in;
  366. -moz-transition: all 0.5s ease-in;
  367. -o-transition: all 0.5s ease-in;
  368. }
  369.  
  370. #audio:hover {
  371. padding-top:65px;
  372. padding-left:55px;
  373. padding-right:55px;
  374. padding-bottom:56px;
  375. opacity:1;
  376. }
  377.  
  378. .album{
  379. margin-bottom:140px;
  380. padding:5px;
  381. }
  382.  
  383. .album img{
  384. border-radius:7px;
  385. width:150px;
  386. float:left;
  387. }
  388.  
  389. .audioplayer {
  390. margin-left:170px;
  391. margin-top:-80px;
  392. padding-bottom:7px;
  393. }
  394.  
  395. .artist , .track , .play {
  396. max-width:200px;
  397. margin-top:-7px;
  398. margin-left:10px;
  399. padding:5px;
  400. background-color: {color:Blockquote};
  401. }
  402.  
  403.  
  404. .source{
  405. font-style:italic;
  406. text-align:right;
  407. margin:5px;
  408. }
  409.  
  410. .ask{
  411. max-width:100%;
  412. background-color: {color:Ask background};
  413. font-family:calibri;
  414. font-size:9.5px;
  415. padding-left:6px;
  416. padding-top:6px;
  417. padding-bottom:7.5px;
  418. padding-right:3px;
  419. border-bottom:2px solid {color:Ask background};
  420. }
  421.  
  422. .answer {
  423. border-top:1px solid {color:border blockquote};
  424. margin-top:40px;
  425. }
  426.  
  427. .asker {
  428. position:absolute;
  429. margin-top:50px;
  430. margin-left:33px;
  431. }
  432.  
  433. .asker img {
  434. border-radius:7px;
  435. }
  436.  
  437. #seg {
  438. width:0;
  439. height:0;
  440. border-bottom:20px solid {color:Ask background};
  441. border-left:20px solid transparent;
  442. position:absolute;
  443. margin-top:10px;
  444. margin-left:30px;
  445. opacity:1;
  446. -webkit-transform:rotate(45deg);
  447. -moz-transform:rotate(45deg);
  448. -o-transform: rotate(45deg);
  449. }
  450.  
  451. .links{
  452. font-family:'Economica';
  453. font-size:15px;
  454. text-align:center;
  455. padding:8px;
  456. border-bottom:1px solid {color:border blockquote};
  457. }
  458.  
  459. .sa{
  460. font-size:19px;
  461. font-style:normal;
  462. font-weight:lighter;
  463. font-family:'Economica';
  464. text-align:left;
  465. padding-left:10px;
  466. text-transform:uppercase;
  467. border-left:25px solid {color:Title Post};
  468. background-color:{color:Title Background Post};
  469. padding:7px;
  470. }
  471.  
  472. .si {
  473. font-size:19px;
  474. font-style:normal;
  475. font-weight:lighter;
  476. font-family:'Economica';
  477. text-align:left;
  478. padding-left:10px;
  479. text-transform:uppercase;
  480. border-left:25px solid {color:Title Post};
  481. background-color:{color:Title Background Post};
  482. padding:7px;
  483. }
  484.  
  485.  
  486. .chats .chat {
  487. background: {color:Chat Odd};
  488. padding: 5px;
  489. margin-bottom:0px;
  490. }
  491.  
  492. .chats .chat.even {
  493. background: {color:Chat Even};
  494. }
  495.  
  496. #menu{
  497. position:fixed;
  498. width:250px;
  499. padding:5px;
  500. margin-top:-90px;
  501. margin-left:12px;
  502. z-index:1;
  503. padding:8px;
  504. opacity:0;
  505. -webkit-transition: all 0.7s ease;
  506. -moz-transition: all 0.7s ease;
  507. -o-transition: all 0.7s ease;
  508. }
  509.  
  510. #sidebar:hover #menu {
  511. opacity:1;
  512. margin-top:20px;
  513. margin-left:12px;
  514. }
  515.  
  516. .menu {
  517. float:left;
  518. width:65px;
  519. display:inline-block;
  520. height:8px;
  521. margin-bottom:6px;
  522. margin-left:5px;
  523. text-align:center;
  524. background-color: {color:menu background};
  525. padding-bottom:12px;
  526. padding-top:8px;
  527. padding-right:10px;
  528. padding-left:10px;
  529. text-decoration:none;
  530. color:{color:menu text background};
  531. font-family:'Economica';
  532. font-size:12px;
  533. text-transform:uppercase;
  534. letter-spacing:2px;
  535. opacity:0.8;
  536. border-left:4px solid {color:menu border};
  537. border-right:4px solid {color:menu border};
  538. -webkit-transition: all 0.7s ease;
  539. -moz-transition: all 0.7s ease;
  540. -o-transition: all 0.7s ease;}
  541.  
  542. .menu:hover{
  543. border-left:4px solid {color:menu border hover};
  544. border-right:4px solid {color:menu border hover};
  545. background-color: {color:menu background hover};
  546. color:{color:menu text background hover};
  547. -webkit-transition: all 0.7s ease;
  548. -moz-transition: all 0.7s ease;
  549. -o-transition: all 0.7s ease;}
  550.  
  551. .pagination {
  552. position:fixed;
  553. bottom:10px;
  554. font-size:40px;
  555. z-index:999;
  556. }
  557.  
  558. .next {
  559. position:fixed;
  560. left:360px;
  561. top:130px;
  562. z-index:999;
  563. }
  564.  
  565. .prev {
  566. position:fixed;
  567. left:30px;
  568. top:130px;
  569. z-index:999;
  570. }
  571.  
  572. #permalinks
  573. {width:500px;
  574. z-index:999;
  575. padding:8px;
  576. color:{color:Body};
  577. background-color:{color:Post};
  578. font-family:cambria;
  579. font-size:9px;
  580. }
  581.  
  582.  
  583. #permalink{
  584. width:90px;
  585. text-align:center;
  586. margin-left:479px;
  587. font-family:'Economica';
  588. text-transform:uppercase;
  589. padding:0px;
  590. font-size:16px;
  591. opacity:0;
  592. background-color: {color:permalink background};
  593. border-bottom: 2px solid {color:border blockquote};
  594. -webkit-transition: all 0.5s ease-in;
  595. -moz-transition: all 0.5s ease-in;
  596. -o-transition: all 0.5s ease-in;
  597. position:absolute;
  598. }
  599.  
  600. #permalink a, #permalink a:hover{
  601. color:{color:Body};
  602. }
  603.  
  604.  
  605. .post:hover #permalink {
  606. width:60px;
  607. font-family:'Economica';
  608. text-transform:uppercase;
  609. padding:5px;
  610. font-size:16px;
  611. background-color: {color:Permalink background};
  612. display:block;
  613. border-bottom: 4px solid {color:border blockquote};
  614. opacity:1;
  615. margin-left:479px;
  616. }
  617.  
  618. #tags {
  619. width:0px;
  620. color:{color:Body};
  621. margin-left:479px;
  622. margin-top:70px;
  623. position:absolute;
  624. font-family:'Economica';
  625. padding:9px;
  626. font-size:14px;
  627. opacity:0;
  628. -webkit-transition: all 0.5s ease;
  629. -moz-transition: all 0.5s ease;
  630. -o-transition: all 0.5s ease;
  631. }
  632.  
  633. .post:hover #tags {
  634. width:200px;
  635. margin-top:30px;
  636. opacity:1;
  637. }
  638.  
  639.  
  640.  
  641. #music {
  642. position:fixed;
  643. z-index:99999;
  644. left:930px;
  645. bottom:50px;
  646. border-left:2px solid #bbb;
  647. border-top:2px solid #bbb;
  648. border-right:2px solid #bbb;
  649. border-bottom:2px solid #bbb;
  650. padding-top:20px;
  651. padding-bottom:10px;
  652. background-color:{color:Music Player};
  653. height:20px;
  654. width:50px;
  655. text-align:center;
  656. font-family:consolas;
  657. text-transform:uppercase;
  658. font-size:8px;
  659. opacity:1;
  660. overflow:hidden;
  661. -webkit-transition: all 0.7s ease;
  662. -moz-transition: all 0.7s ease;
  663. -o-transition: all 0.7s ease;
  664. -moz-border-radius: 0px 10px 10px 0px;
  665. -webkit-border-radius: 0px 10px 10px 0px;
  666. border-radius: 0px 10px 10px 0px;
  667. }
  668.  
  669.  
  670. #music:hover {
  671. width:250px;
  672. -webkit-transition: all 0.4s ease-in;
  673. -moz-transition: all 0.4s ease-in;
  674. -o-transition: all 0.4s ease-in;
  675. }
  676.  
  677. #musicu {
  678. position:absolute;
  679. margin-left:50px;
  680. margin-top:-5px;
  681. }
  682.  
  683. #musica {
  684. position:absolute;
  685. margin-top:0px;
  686. margin-left:20px;
  687.  
  688. }
  689.  
  690. {customCSS}
  691. </style>
  692.  
  693. {block:IfLazyLoadPost}
  694. <script type="text/javascript" src="http://static.tumblr.com/bsabj7h/bSRlru5tz/jquery.js"></script>
  695. <script type="text/javascript" src="http://static.tumblr.com/bsabj7h/jPqlru5uc/lazyload.js"></script>
  696. <script type="text/javascript" charset="utf-8">
  697. var $j = jQuery.noConflict();
  698. $j(function() {
  699. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  700. $j("img").lazyload({
  701. placeholder : "http://static.tumblr.com/bsabj7h/UV0lru5uq/holder.gif",
  702. effect: "fadeIn",});});
  703. </script>
  704. {/block:IfLazyLoadPost}
  705.  
  706.  
  707. {block:IfInfiniteScrolling}
  708. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  709. {/block:IfInfiniteScrolling}
  710.  
  711. </head>
  712. <body>
  713.  
  714. {block:IfMusicPlayer}
  715. {block:IndexPage}
  716. <div id="music">
  717.  
  718. <div id="musica">
  719. <img src="http://media.tumblr.com/tumblr_lm6prnRzP61qfoi4t.gif">
  720. </div>
  721.  
  722. <div id="musicu">
  723. <center>{text:Music Player Code}</center>
  724. </div>
  725.  
  726. </div>
  727.  
  728. {/block:IndexPage}
  729. {/block:IfMusicPlayer}
  730.  
  731. {block:IndexPage}
  732. <div id="garis">
  733. </div>
  734. <div id="garisa">
  735. </div>
  736. <div id="garisu">
  737. </div>
  738. {/block:IndexPage}
  739.  
  740. <div id="sidebar">
  741. <div id="menu">
  742. <a href="/" class="menu">home</a>
  743. <a href="/ask" class="menu">message</a>
  744. <a href="/archive" class="menu">archive</a>
  745. {block:IfCustomLinkOne}<a href="{text:Custom Link One URL}" class="menu">{text:Custom Link One}</a>{/block:IfCustomLinkOne}
  746. {block:IfCustomLinkTwo}<a href="{text:Custom Link Two URL}" class="menu">{text:Custom Link Two}</a>{/block:IfCustomLinkTwo}
  747. {block:IfCustomLinkThree}<a href="{text:Custom Link Three URL}" class="menu">{text:Custom Link Three}</a>{/block:IfCustomLinkThree}
  748. {block:IfCustomLinkFour}<a href="{text:Custom Link Four URL}" class="menu">{text:Custom Link Four}</a>{/block:IfCustomLinkFour}
  749. <a href="http://faluvtha.tumblr.com" class="menu">theme</a>
  750. </div>
  751. <img src="{image:Sidebar Picture}">
  752. <div id="title">{title}
  753. <div id="triangle"></div>
  754. <div id="triangle2"></div>
  755. <div id="titles">{text:Custom Title Hover}</div>
  756. </div>
  757. <div id="description">
  758. <div id="triangle3"></div>
  759. {description}
  760. </div>
  761.  
  762. {block:IfNotInfiniteScrolling}
  763. <div class="pagination">
  764. {block:previouspage}
  765. <a href="{previouspage}"class="prev">←</a>
  766. {/block:previouspage}
  767. <br>
  768. {block:nextpage}
  769. <a href="{nextpage}"class="next">→</a>
  770. {/block:nextpage}
  771. </div>
  772. {/block:IfNotInfiniteScrolling}
  773. </div>
  774.  
  775.  
  776. <div id="posts">
  777.  
  778. {block:IfInfiniteScrolling}
  779. <div class="autopagerize_page_element">
  780. {/block:IfInfiniteScrolling}
  781.  
  782. {block:Posts}
  783.  
  784. <div class="post">
  785.  
  786. {block:IndexPage}
  787. <div id="permalink">
  788. <a href="{Permalink}"> <img src="http://i858.photobucket.com/albums/ab141/Satsuki_03_album/Kreis5.gif"> {24Hour}:{Minutes}{AmPm} </a></div>
  789.  
  790. <div id="tags">
  791. {block:HasTags} {block:Tags} <a href="{TagURL}">▲ {Tag}</a> {/block:Tags}{/block:HasTags}
  792. </div>
  793. {/block:IndexPage}
  794.  
  795. {block:Text}
  796. {block:Title}
  797. <div class="titles"><a href="{Permalink}">{Title}</a></div>
  798. {/block:Title}
  799. {Body}
  800. {/block:Text}
  801.  
  802. {block:Photo}
  803. {block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag} {/block:PermalinkPage}
  804. {block:IndexPage}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{/block:IndexPage}
  805.  
  806. {block:IfShowCaption}
  807. {block:Caption}{Caption}{/block:Caption}
  808. {/block:IfShowCaption}
  809.  
  810. {block:IfNotShowCaption}{block:PermalinkPage}
  811. {block:Caption}{Caption}{/block:Caption}
  812. {block:PermalinkPage}{/block:IfNotShowCaption}
  813. {/block:Photo}
  814.  
  815. {block:Photoset}
  816. {block:PermalinkPage}{Photoset-500} {/block:PermalinkPage}
  817. {block:IndexPage} {Photoset-400}{/block:IndexPage}
  818. {block:IfShowCaption}
  819. {block:Caption}{Caption}{/block:Caption}
  820. {/block:IfShowCaption}
  821.  
  822. {block:IfNotShowCaption}{block:PermalinkPage}
  823. {block:Caption}{Caption}{/block:Caption}
  824. {block:PermalinkPage}{/block:IfNotShowCaption}
  825. {/block:Photoset}
  826.  
  827. {block:Quote}
  828. <div class="links">❝{Quote}❞</div>
  829. {block:Source}
  830. <div class="source"> — {Source} </div>
  831. {/block:Source}
  832. {/block:Quote}
  833.  
  834. {block:Link}
  835. <div class="sa">
  836. &rarr; <a href="{URL}" {Target}>{Name}</a>
  837. </div>
  838. {block:Description}
  839. {Description}
  840. {/block:Description}{/block:Link}
  841.  
  842. {block:Chat}
  843. {block:Title}
  844. <div class="si">{Title}</div>
  845. {/block:Title}
  846. <div class="chats">
  847. {block:Lines}
  848. <div class="chat {Alt}">{block:Label}<i>{Label}</i>{/block:Label} {Line}</div>
  849. {/block:Lines}
  850. </div>
  851. {/block:Chat}
  852.  
  853. {block:Audio}
  854. <div id="audio"><div style="margin:5px; width:20px; overflow:hidden;">{AudioPlayerGrey}</div></div>
  855. <div class="album">{block:AlbumArt}
  856. <img src="{AlbumArtURL}"></div>
  857. {/block:AlbumArt}
  858.  
  859. <div class="audioplayer">
  860. <div class="artist"> {block:Artist} <b>Artist:</b> {Artist}{/block:Artist}</div> <br /> <div class="track"><b>Track:</b> {block:TrackName} "{TrackName}" {/block:TrackName}</div> <br /> <b> <div class="play">Plays: </b> {PlayCountWithLabel} </div> </div>
  861.  
  862. {/block:Audio}
  863.  
  864. {block:Video}
  865. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  866. {block:IndexPage}{Video-400}{/block:IndexPage}
  867. {block:IfShowCaption}
  868. {block:Caption}{Caption}{/block:Caption}
  869. {/block:IfShowCaption}
  870.  
  871. {block:IfNotShowCaption}{block:PermalinkPage}
  872. {block:Caption}{Caption}{/block:Caption}
  873. {block:PermalinkPage}{/block:IfNotShowCaption}
  874. {/block:Video}
  875.  
  876. {block:Answer}
  877. <div class="asker"><img src="{AskerPortraitURL-24}">
  878. {Asker}
  879. </div>
  880. <div class="ask">
  881. <div id="seg"></div>
  882. {Question}</div>
  883. <br>
  884. <div class="answer">{Answer}</div>
  885. {/block:Answer}
  886. </div>
  887.  
  888. {block:PermalinkPage}
  889. <div id="permalinks">
  890. {block:Date}
  891. <div class="date">
  892. <center><span style="text-transform:uppercase; font-size:17.5px; margin-top:5px; margin-bottom:6px;">{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}</span></center><br/></div>{/block:Date}
  893. <div style="border-bottom:1px dotted {color:border blockquote};"></div>
  894. <br>
  895. {block:RebloggedFrom}<b>original:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> <br> <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br />{/block:RebloggedFrom}
  896. {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}<br>
  897. {block:HasTags} {block:Tags} <a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}
  898. <div style="border-bottom:1px solid {color:border blockquote};margin-bottom:5px;"></div>
  899. <i>navigate</i>:
  900. <a href="/">index</a> , <a href="/random">random</a> , <a href="/archive">archive</a>
  901. <div style="border-bottom:1px solid {color:border blockquote};margin-top:5px;"></div>
  902. {block:PostNotes}
  903. {PostNotes}
  904. {/block:PostNotes}
  905. </div>
  906. {/block:PermalinkPage}
  907. {/block:Posts}
  908. </div>
  909.  
  910. <!-- DO NOT REMOVE -->
  911. <div id="credit">
  912. <a href="http://faluvtha.tumblr.com">✂</a>
  913. </div>
  914.  
  915. </body>
  916. </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!