Advertisement
septims

Kohaku

Jul 3rd, 2014
8,929
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.68 KB | None | 0 0
  1. <!--
  2.  
  3. theme by septim
  4.  
  5.  
  6. -->
  7.  
  8.  
  9. <!DOCTYPE html>
  10. <head>
  11.  
  12. <title>{Title}</title>
  13.  
  14. <link rel="shortcut icon" href="{Favicon}">
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  17.  
  18. <!--Default Variables-->
  19.  
  20. <meta name="color:Background" content="#ffffff"/>
  21. <meta name="color:Text" content="#cccccc"/>
  22. <meta name="color:Link" content="#a7a7a7"/>
  23. <meta name="color:Title"content="#070707"/>
  24. <meta name="color:Blog title"content="#aaaaaa"/>
  25. <meta name="color:Scrollbar" content="#d5d5d5" />
  26. <meta name="color:Link hover" content="#eeeeee"/>
  27. <meta name="color:Accent One" content="#f8f8f8"/>
  28. <meta name="color:Accent Two" content="#fafafa"/>
  29. <meta name="color:Borders" content="#eeeeee"/>
  30. <meta name="color:Posts" content="#ffffff"/>
  31. <meta name="color:Header" content="#ffffff"/>
  32. <meta name="color:Header Links color" content="#ffffff"/>
  33. <meta name="color:Header Links" content="#aaaaaa"/>
  34.  
  35. <meta name="text:Space Between Header and Posts" content="150"/>
  36. <meta name="text:Post Spacing" content="50"/>
  37.  
  38. <meta name="text:Link 1 URL" content="" />
  39. <meta name="text:Link 1" content="" />
  40. <meta name="text:Link 2 URL" content="" />
  41. <meta name="text:Link 2" content="" />
  42. <meta name="text:Link 3 URL" content="" />
  43. <meta name="text:Link 3" content="" />
  44. <meta name="text:Link 4 URL" content="" />
  45. <meta name="text:Link 4" content="" />
  46. <meta name="text:Link 5 URL" content="" />
  47. <meta name="text:Link 5" content="" />
  48. <meta name="text:Link 6 URL" content="" />
  49. <meta name="text:Link 6" content="" />
  50.  
  51. <meta name="text:billy code" content="embed info here"/>
  52.  
  53. <meta name="image:Background image" content=""/>
  54. <meta name="image:Avatar image" content=""/>
  55. <meta name="if:Show captions" content="1"/>
  56. <meta name="if:Stretch background" content="0"/>
  57. <meta name="if:Show Avatar Image" content="1"/>
  58. <meta name="if:Post Border Radius" content="1"/>
  59.  
  60. <meta name="if:Music Player" content="0"/>
  61.  
  62. <!--jquery-->
  63. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  64. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  65. <script>
  66.  
  67. (function($){
  68.  
  69. $(document).ready(function(){
  70.  
  71. $("a[title]").style_my_tooltips({
  72.  
  73. tip_follows_cursor:true,
  74.  
  75. tip_delay_time:30,
  76.  
  77. tip_fade_speed:300,
  78.  
  79. attribute:"title"
  80.  
  81. });
  82.  
  83. });
  84.  
  85. })(jQuery);
  86.  
  87. </script>
  88.  
  89. <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
  90. <script>
  91. $(function(){
  92. var shrinkHeader = 50;
  93. $(window).scroll(function() {
  94. var scroll = getCurrentScroll();
  95. if ( scroll >= shrinkHeader ) {
  96. $('#meat').addClass('fade');
  97. }
  98. else {
  99. $('#meat').removeClass('fade');
  100. }
  101. });
  102. function getCurrentScroll() {
  103. return window.pageYOffset;
  104. }
  105. });
  106. </script>
  107.  
  108.  
  109. <script type="text/javascript" src="http://static.tumblr.com/fki2yxd/XtUmn1zq3/jquery.sticky.js"></script>
  110. <script>
  111. $(window).load(function(){
  112. $("#headers").sticky({ topSpacing: 0 });
  113. });
  114. </script>
  115. {block:indexpage}
  116. <script type="text/javascript">
  117. jQuery(document).ready(function() {
  118. jQuery(".tags").hide();
  119. //toggle the componenet with class msg_body
  120. jQuery(".up").click(function()
  121. {
  122. jQuery(this).next(".tags").slideToggle("600");
  123. });});
  124. </script>
  125. {/block:indexpage}
  126.  
  127. <script>
  128. $(document).ready(function() {
  129. $(".same").click(function() {
  130. $("#standardlinks").fadeToggle(400);
  131. $("#kink").fadeToggle(400);
  132. $("#meat").show(400);
  133. });
  134. $("#links").mouseenter(function() {
  135. $("#ent").fadeTo(300, 0.5);
  136. });
  137. $("#headers").mouseleave(function() {
  138. $("#ent").fadeTo(300, 1);
  139. });
  140. $(".t").click(function() {
  141. $(".pagenotes ol").slideToggle(300);
  142. });
  143. });
  144. </script>
  145.  
  146. <style type="text/css">
  147. html, body, ul, ol, li, form, fieldset, legend{
  148. margin: 0;
  149. padding: 0;
  150. }
  151.  
  152. #tumblr_controls {
  153. top:10px!important;
  154. right:10px!important;
  155. position:fixed!important;
  156. z-index:99999!important;
  157. opacity:.3!important;
  158. white-space:nowrap!important;
  159. -webkit-filter:invert(100%)!important;
  160. -moz-filter:invert(100%)!important;
  161. -ms-filter:invert(100%)!important;
  162. -o-filter:invert(100%)!important;
  163. filter:invert(100%)!important;
  164. }
  165.  
  166. #s-m-t-tooltip{
  167. font-size:8px;
  168. position:absolute;
  169. margin-top: 15px;
  170. margin-left:10px;
  171. letter-spacing:2px;
  172. z-index:9999;
  173. font-family:consolas;
  174. background:{color:accent two};
  175. border-bottom:1px solid {color:borders};
  176. text-transform:uppercase;
  177. padding:2px 5px 0px 5px;
  178. }
  179.  
  180. /*scrollbar*/
  181. ::-webkit-scrollbar{height: 5px;
  182. width:7px;
  183. -webkit-border-radius: 0px;
  184. background-color:{color:background};}
  185. ::-webkit-scrollbar-thumb{background-color:{color:scrollbar};
  186. border:3px solid {color:background};
  187. }
  188. ::-webkit-scrollbar-track{background-color:{color:background};}
  189.  
  190. body {
  191. background:{color:background} url('{image:background image}') center center fixed repeat;
  192. {block:ifstretchbackground}
  193. -webkit-background-size: cover;
  194. -moz-background-size: cover;
  195. -o-background-size: cover;
  196. background-size: cover;
  197. {/block:ifstretchbackground}
  198. color:{color:text};
  199. font-family:helvetica, arial;
  200. font-size:11px;
  201. text-align:justify;
  202. margin:0;
  203. line-height:150%;}
  204.  
  205. a {
  206. color:{color:link};
  207. text-decoration:none;
  208. -webkit-transition:all 0.6s;
  209. -moz-transition:all 0.6s;
  210. -ms-transition:all 0.6s;
  211. -o-transition:all 0.6s;
  212. transition:all 0.6s;
  213. }
  214.  
  215. a:hover {
  216. color:{color:link hover};
  217. -webkit-transition:all 0.6s;
  218. -moz-transition:all 0.6s;
  219. -ms-transition:all 0.6s;
  220. -o-transition:all 0.6s;
  221. transition:all 0.6s; }
  222.  
  223. /*main structure*/
  224. .caption blockquote {
  225. margin:5px 10px;
  226. }
  227. blockquote {
  228. margin:5px 30px 5px 30px;
  229. border-left:1px solid {color:borders};
  230. padding-left: 14px;
  231. }
  232.  
  233.  
  234. p:first-child {margin-top:0!important;}
  235. p:last-child {margin-bottom:0!important;}
  236.  
  237.  
  238. /*header*/
  239. #h {margin-top:50px;}
  240. #headers {
  241. width:400px;
  242. z-index:999;
  243. }
  244.  
  245.  
  246.  
  247. #links {padding-bottom:10px;
  248. text-align:left;
  249. padding-top:10px;
  250. }
  251.  
  252.  
  253.  
  254. #links a {font-size:9px;
  255. letter-spacing:2px;
  256. padding:2px 4px;
  257. margin:0;
  258. font-family:consolas;
  259. text-transform:uppercase;
  260. border-radius:2px;
  261. color:{color:header links color};
  262. background:{color:header links};
  263. border:1px solid {color:header links};
  264. }
  265.  
  266. #links a:hover {background:{color:accent one};
  267. border:1px solid {color:accent one};
  268. color:{color:link header links color};
  269. }
  270.  
  271. #blogt {color:{color:header links color};
  272. border:1px solid {color:blog title}!important;
  273. background:{color:blog title}!important;}
  274. #blogt:hover {color:{color:header links color}!important;
  275. }
  276.  
  277. #music {display:inline-block;
  278. width:20px;
  279. overflow:hidden;
  280. background:{color:header links};
  281. border-radius:2px;
  282. margin-bottom:-5px;
  283. height:13px;
  284. cursor:pointer;
  285. border:1px solid {color:header links};
  286. -webkit-transition:all 0.6s;
  287. -moz-transition:all 0.6s;
  288. -ms-transition:all 0.6s;
  289. -o-transition:all 0.6s;
  290. transition:all 0.6s;
  291.  
  292. }
  293.  
  294. #yeah1 img {width:10px;
  295. margin-left:5px;
  296. margin-top:2px;
  297. }
  298.  
  299. #music:hover #yeah1 {margin-top:-18px;
  300. -webkit-transition:all 0.6s;
  301. -moz-transition:all 0.6s;
  302. -ms-transition:all 0.6s;
  303. -o-transition:all 0.6s;
  304. transition:all 0.6s;
  305.  
  306. }
  307. #music:hover {background:{color:accent one};
  308. border:1px solid {color:accent one};}
  309. #yeah {margin-left:-20px;margin-top:10px;
  310. }
  311. .same {cursor:pointer;}
  312. #standardlinks {
  313. font-size:8px;
  314. font-family:consolas;
  315. letter-spacing:2px;
  316. text-transform:uppercase;
  317. padding:10px;
  318. width:380px;
  319. left:0px;
  320. height:60px;
  321. position:absolute;
  322. display:none;
  323. z-index:99;
  324. }
  325.  
  326. #rows {background:{color:header};
  327. width:295px;
  328. height:70px;
  329. padding-top:10px;
  330. margin-top:-10px;
  331. margin-left:85px;
  332. padding-left:10px;
  333. border-radius:8px;
  334. }
  335.  
  336. .row {display:block;
  337. width:275px;
  338. margin-left:7px;
  339. text-align:left;
  340. }
  341.  
  342. .close {position:absolute;
  343. left:0px;
  344. top:0;
  345. height:20px;
  346. line-height:20px;
  347. text-align:center;
  348. z-index:999;
  349. width:20px;
  350. padding:30px;
  351. border-radius:8px;
  352. font-size:10px;
  353. background:{color:header};
  354. }
  355. .close a {display:block;
  356. cursor:pointer;
  357. text-align:center;
  358. color:{color:title};}
  359.  
  360.  
  361. .row a {
  362. margin:5px 1px;
  363. text-align:center;
  364. display:inline-block;
  365. background:{color:accent two};
  366. color:{color:title};
  367. padding-top:2px;
  368. width:87px;
  369. border-bottom:1px solid {color:borders};
  370. }
  371.  
  372. .row a:hover {background:{color:accent one};
  373. border-bottom:1px solid {color:borders};
  374. color:{color:header};
  375. }
  376.  
  377. #kink {width:305px;
  378. position:absolute;
  379. height:80px;
  380. background:{color:header};
  381. overflow-y:auto;
  382. left:95px;
  383. margin-top:0;
  384. border-radius:8px;
  385. {block:ifnotshowavatarimage}
  386. width:400px;
  387. left:0;
  388. height:auto;
  389. {/block:ifnotshowavatarimage}
  390. }
  391. #description {
  392. font-size:10px;
  393. line-height:15px;
  394. padding:10px;
  395. overflow-x:hidden;
  396. overflow-y:auto;
  397. }
  398. #avatar {position:absolute;
  399. width:80px;
  400. height:80px;
  401. }
  402. #avatar img {width:80px;height:80px;
  403. border-radius:8px;
  404. }
  405. #meat { -webkit-transition:all 0.6s;
  406. -moz-transition:all 0.6s;
  407. -ms-transition:all 0.6s;
  408. -o-transition:all 0.6s;
  409. transition:all 0.6s; }
  410. #meat.fade {opacity:0;
  411. -moz-transition:all 0.6s;
  412. -ms-transition:all 0.6s;
  413. -o-transition:all 0.6s;
  414. transition:all 0.6s;
  415. }
  416.  
  417. #headers:hover #meat, #headers:hover #meat.fade {opacity:1;
  418. -webkit-transition:all 0.6s;
  419. -moz-transition:all 0.6s;
  420. -ms-transition:all 0.6s;
  421. -o-transition:all 0.6s;
  422. transition:all 0.6s; }
  423.  
  424. #meat.fade #kink, #meat.fade #rows, #meat.fade #avatar img {box-shadow:2px 2px 2px {color:borders};}
  425.  
  426. /*theme*/
  427. #title {
  428. text-transform:uppercase;
  429. font-family:consolas;
  430. background:{color:posts};
  431. display:block;
  432. text-align:center;
  433. padding:25px 0 0 0 ;
  434. letter-spacing:2px;
  435. color:{color:title};}
  436. #title a {color:{color:title};
  437. }
  438. #title a:hover {color:{color:link};}
  439. #title hr, #ding hr, .pagenotes hr {width:80%;
  440. height:1px;
  441. border:0;
  442. display:block;
  443. margin:10px auto 0 auto;
  444. background:{color:borders};
  445. -webkit-transition:all 0.6s;
  446. -moz-transition:all 0.6s;
  447. -ms-transition:all 0.6s;
  448. -o-transition:all 0.6s;
  449. transition:all 0.6s;
  450. }
  451.  
  452. #title:hover hr, #ding:hover hr, .pagenotes:hover hr {
  453. background:{color:Accent One};
  454. -webkit-transition:all 0.6s;
  455. -moz-transition:all 0.6s;
  456. -ms-transition:all 0.6s;
  457. -o-transition:all 0.6s;
  458. transition:all 0.6s; }
  459.  
  460.  
  461. /*pagination*/
  462. #pagination {
  463. margin-top:50px;
  464. text-align:center;
  465. text-transform:uppercase;
  466. font-size:9px;
  467. font-family:consolas;
  468. letter-spacing:2px;
  469. }
  470. #pagination a {
  471. padding:2px 4px;
  472. margin:0;
  473. border-radius:2px;
  474. color:{color:header links color};
  475. background:{color:header links};
  476. border:1px solid {color:header links};
  477. }
  478.  
  479. #pagination a:hover {background:{color:accent one};
  480. border:1px solid {color:accent one};
  481. color:{color:link header links color}; }
  482.  
  483.  
  484.  
  485. pre {width:400px!important;
  486. overflow-x:scroll;
  487. word-break:break-all;
  488. }
  489.  
  490. .con {left:50%;
  491. position:absolute;
  492. top:0;
  493. margin-left:-200px;
  494. }
  495.  
  496. #ent {
  497. margin-top:{text:Space Between Header and Posts}px;
  498. margin-bottom:100px;
  499. }
  500. #posts {
  501. width:400px;
  502. {block:ifpostborderradius}
  503. border-radius:8px;
  504. overflow:hidden;
  505. {/block:ifpostborderradius}
  506. position:relative;
  507. background:transparent;
  508. {block:IndexPage}
  509. margin-bottom:{text:post spacing}px;
  510. {/block:IndexPage}
  511. {block:PermalinkPage}
  512. margin-bottom:25px;
  513. {/block:PermalinkPage}
  514. }
  515. #ding {padding:25px;
  516. background:{color:posts};}
  517.  
  518. #posts img {
  519. max-width:400px;
  520. display:block;
  521. }
  522.  
  523. #posts iframe {display:block;}
  524.  
  525. #posts ul {margin-left:25px;}
  526. #titlequote{
  527. font-size:12px;
  528. text-align:center;
  529. font-style:italic;
  530. color:{color:title};
  531. line-height:200%;
  532. }
  533.  
  534.  
  535. #source {text-align:center;
  536. font-size:9px;
  537. font-family:consolas;
  538. text-transform:uppercase;
  539. letter-spacing:1px;
  540. padding-top:10px;}
  541.  
  542. #posts img, #posts li, #posts blockquote {max-width: 100%;}
  543. .caption img{
  544. max-width:400px;
  545. }
  546. .caption {display:block;
  547. {block:ifnotshowcaptions}
  548. {block:indexpage}
  549. display:none;
  550. {/block:indexpage}
  551. {/block:ifnotshowcaptions}
  552. padding:15px 25px;
  553. background:{color:posts};
  554. text-transform:none;
  555. }
  556.  
  557.  
  558.  
  559. /*asks*/
  560. #im img {width:30px;
  561. height:30px;
  562. margin:0 auto 15px auto;
  563. border-radius:100%;}
  564. .q {
  565. margin-top:10px;
  566. text-align:center;
  567. font-style:italic;
  568. text-transform:none;
  569. padding-bottom:9px;
  570. }
  571. .as {letter-spacing:1px;
  572. text-align:Center;
  573. text-transform:uppercase;
  574. font-size:9px;
  575. font-family:consolas;
  576. color:{color:title};
  577. }
  578. .as a {color:{color:title}}
  579. .a {margin-top:25px;}
  580.  
  581.  
  582. .chat ol {
  583. padding:0;
  584. line-height:180%;
  585. list-style:none;
  586. }
  587.  
  588. .line.odd {
  589. padding:5px;
  590. border-bottom:1px solid {color:borders};
  591. background:{color:accent two};
  592. }
  593.  
  594. .line.even {
  595. padding:5px;
  596. }
  597.  
  598. .label {
  599. padding-right:1px;
  600. font-size:9px;
  601. letter-spacing:1px;
  602. font-family:consolas;
  603. text-transform:uppercase;
  604. color:{color:title};
  605. }
  606.  
  607. .tumblr_audio_player {width:300px;
  608. height:40px;
  609. border-left:8px solid white;
  610. }
  611. .player {width:30px;
  612. height:30px;
  613. overflow:hidden;
  614. margin-top:10px;
  615. margin-left:10px;
  616. }
  617. .another { width:60px;
  618. height:60px;
  619. position:Absolute;
  620. background:white;
  621. opacity:.3;
  622. -ms-transform: scale(.66); /* IE 9 */
  623. -webkit-transform: scale(.66); /* Chrome, Safari, Opera */
  624. transform: scale(.66);
  625. -webkit-transition:all 0.3s;
  626. -moz-transition:all 0.3s;
  627. -ms-transition:all 0.3s;
  628. -o-transition:all 0.3s;
  629. transition:all 0.3s;
  630. }
  631. .wr:hover .another {opacity:1;
  632. -ms-transform: scale(1); /* IE 9 */
  633. -webkit-transform: scale(1); /* Chrome, Safari, Opera */
  634. transform: scale(1);
  635. -webkit-transition:all 0.3s;
  636. -moz-transition:all 0.3s;
  637. -ms-transition:all 0.3s;
  638. -o-transition:all 0.3s;
  639. transition:all 0.3s;
  640. }
  641.  
  642. .wr {
  643. border:10px solid {color:accent one};
  644. background:{color:posts};
  645. width:60px;
  646. height:60px;
  647. float:left;
  648. margin-right:15px;
  649. border-radius:8px;
  650. z-index:2;
  651. }
  652. .wr img {width:60px;height;60px;
  653. position:absolute;
  654. }
  655. .audio_info {
  656. min-height:80px;
  657. width:255px;
  658. font-size:10px;
  659. margin-left:95px;}
  660.  
  661. .a_line {height:18px;
  662. margin:1px 0;
  663. background:{color:accent two};
  664. line-height:18px;
  665. display:block;
  666. padding-left:5px;
  667. width:250px;
  668. overflow:hidden;
  669. -webkit-transition:all 0.3s;
  670. -moz-transition:all 0.3s;
  671. -ms-transition:all 0.3s;
  672. -o-transition:all 0.3s;
  673. transition:all 0.3s;
  674. }
  675.  
  676. .a_line:hover {background:{color:Accent one};
  677. color:{color:posts};
  678. -webkit-transition:all 0.3s;
  679. -moz-transition:all 0.3s;
  680. -ms-transition:all 0.3s;
  681. -o-transition:all 0.3s;
  682. transition:all 0.3s;
  683. }
  684.  
  685. .a_line b {font-weight:normal;
  686. text-transform:uppercase;
  687. letter-spacing:2px;
  688. font-size:9px;
  689. font-family:consolas;}
  690.  
  691. /*permalink and notes*/
  692. .permalink {
  693. padding:5px 0;
  694. font-size:8px;
  695. letter-spacing:1px;
  696. text-transform:uppercase;
  697. text-align:Center;
  698. font-family:consolas;
  699. margin-top:0px;
  700. background:{color:accent two};
  701. border-bottom:1px solid {color:borders};
  702. }
  703.  
  704. .permalink a {margin:0 5px;
  705. text-decoration:none;
  706. color:{color:title};
  707. }
  708. .permalink a:hover {color:{color:link};}
  709. .up {cursor:pointer;}
  710.  
  711. .tags {
  712. word-break:break-all;
  713. margin-top:5px;
  714. {block:indexpage}
  715. display:none;
  716. {/block:indexpage}
  717. }
  718. .tags a{
  719. text-decoration:none;}
  720.  
  721. .pagenotes {
  722. width:350px;
  723. margin-top:25px;
  724. padding:25px;
  725. {block:ifpostborderradius}
  726. border-radius:8px;
  727. overflow:hidden;
  728. {/block:ifpostborderradius}
  729. position:relative;
  730. background:{color:posts};
  731. margin-bottom:50px;
  732. }
  733. .pagenotes img {
  734. display:none!important;}
  735. .pagenotes ol {margin:0;
  736. padding:0;
  737. display:none;
  738. }
  739. .pagenotes li {line-height:200%;
  740. list-style-type:none;
  741. text-align:center;
  742. font-size:8px;
  743. letter-spacing:2px;
  744. font-family:consolas;
  745. text-transform:uppercase;
  746. }
  747. .t {
  748. font-size:11px;
  749. text-align:center;
  750. letter-spacing:1px;
  751. text-transform:uppercase;
  752. font-family:consolas;
  753. padding-bottom:9px;
  754. margin-bottom:15px;
  755. color:{color:title};
  756. cursor:pointer;
  757. }
  758.  
  759. small {font-size:10px;}
  760. big {font-size:12px;}
  761. b, strong {color:{color:title};}
  762. ul {list-style:circle;}
  763. ol {list-style:lower-roman;}
  764.  
  765.  
  766. #tumblr_lightbox {background-color:rgba(255,255,255,.8)!important;z-index:99999!important;}
  767. #tumblr_lightbox img { opacity:0; }
  768. #tumblr_lightbox_caption {color:white!important;
  769. font-family:helvetica,sans-serif!important;
  770. font-size:11px!important;
  771. font-weight:normal!important;text-shadow:none!important;}
  772. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {padding:10px!important;
  773. background:white!important;
  774. -moz-box-shadow:none!important;
  775. -webkit-box-shadow:none!important;
  776. box-shadow:none!important;
  777. -moz-border-radius:8px!important;
  778. -webkit-border-radius:8px!important;
  779. border-radius:8pxpx!important;
  780. opacity:1!important;}
  781.  
  782. #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {
  783. opacity:.6;}
  784.  
  785. </style>
  786.  
  787.  
  788. <body>
  789. <div class="con">
  790. <div id="h">
  791. <div id="headers">
  792.  
  793. <div id="links"><a href="/" id="blogt">{Title}</a>
  794. <a href="/ask">inbox</a>
  795. <a class="same">links</a>
  796. <a href="/archive">archive</a>
  797. <a href="http://farahmir.tumblr.com" target="_blank" title="septim">Theme</a>
  798. {block:ifmusicplayer}
  799. <div id="music"><div id="yeah1"><img src="http://media.tumblr.com/tumblr_m7w2py1dEP1r6o8v2.gif"></div><div id="yeah">{text:billy code}</div></div>
  800. {/block:ifmusicplayer}
  801. </div>
  802. <div id="meat">
  803. {block:ifshowavatarimage}<div id="avatar"><a href="/"><img src="{image:avatar image}"></a></div>{/block:ifshowavatarimage}
  804. <div id="standardlinks">
  805. <div class="close same"><a title="close">x</a></div>
  806. <div id="rows">
  807. <div class="row">
  808. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}{block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:ifLink2}{block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:ifLink3}</div><div class="row">{block:ifLink4}<a href="{text:Link 4 URL}">{text:Link 4}</a>{/block:ifLink4}{block:ifLink5}<a href="{text:Link 5 URL}">{text:Link 5}</a>{/block:ifLink5}{block:ifLink6}<a href="{text:Link 6 URL}">{text:Link 6}</a>{/block:ifLink6}
  809. </div>
  810. </div>
  811. </div>
  812. <div id="kink">
  813. <div id="description">{Description}</div>
  814. </div>
  815. </div>
  816. </div>
  817. </div>
  818.  
  819.  
  820. <div id="ent">
  821. {block:Posts}
  822. <div id="posts" >
  823.  
  824.  
  825.  
  826.  
  827.  
  828. {block:Quote}
  829. <div id="ding">
  830. <div id="titlequote">“{Quote}”<hr></div>
  831. {block:Source}<div id="source">{Source}</div>{/block:Source}
  832. </div>
  833. {/block:Quote}
  834.  
  835.  
  836.  
  837. {block:Text}
  838. {block:Title}<div id="title">{Title}<hr></div>{/block:Title}
  839. <div id="ding">
  840. <div class="te">{Body}</div>
  841. </div>
  842. {/block:Text}
  843.  
  844. {block:Link}
  845. <div id="title"><a href="{URL}">{Name}</a><hr></div>
  846. <div id="ding">
  847. {block:Description}{Description}{/block:Description}
  848. </div>
  849. {/block:Link}
  850.  
  851. {block:Chat}
  852. {block:Title}
  853. <div id="title">{Title}<hr></div>
  854. {/block:Title}
  855. <div id="ding">
  856. <div class="chat">
  857. <ol>{block:Lines}
  858. <li class="line {Alt}">
  859. {block:Label}
  860. <span class="label">
  861. {Label}</span>
  862. {/block:Label}{Line}</li>
  863. {/block:Lines}
  864. </ol></div>
  865. </div>
  866. {/block:Chat}
  867.  
  868. {block:Photo}
  869. <a href="{Permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></a>
  870. {/block:Photo}
  871.  
  872. {block:Photoset}
  873. {Photoset}
  874. {/block:Photoset}
  875.  
  876.  
  877.  
  878. {block:Answer}
  879. <div id="ding"><div id="im"><a href="{askerurl}"><img src="{AskerPortraitURL-30}"></a></div>
  880. <div class="as">{Asker} said: </div>
  881. <div class="q">
  882. {Question}</div><hr>
  883. <div class="a">{Answer}</div>
  884. </div>
  885. {/block:Answer}
  886.  
  887. {block:Video}
  888. {video-400}
  889. {/block:Video}
  890.  
  891. {block:Audio}<div id="ding">
  892. {block:AudioPlayer}<div class="wr">
  893. {block:albumart}<img src="{albumarturl}">{/block:albumart}
  894. <div class="another"><div class="player">{AudioPlayerWhite}</div></div></div>
  895. {/block:AudioPlayer}
  896. <div class="audio_info">
  897. {block:TrackName}<div class="a_line"><b>Track: </b>{TrackName}</div>{/block:TrackName}{block:Artist}<div class="a_line"><b>Artist: </b>{Artist}</div>{/block:Artist}{block:album}<div class="a_line"><b>Album: </b>{album}</div>{/block:album}<div class="a_line"><b>Plays: </b>{playcount}</div></div></div>
  898. {/block:Audio}
  899.  
  900. {block:Caption}<div class="caption" {block:audio}style="margin-top:-20px"{/block:audio}>{Caption}</div>{/block:Caption}
  901.  
  902. {block:Date}
  903. <div class="permalink">
  904. <a href="{Permalink}" title="{timeago}">{MonthNumberwithzero}/{DayofMonthwithzero}/{year}</a>{block:NoteCount}<a href="{Permalink}">{NoteCountwithlabel}</a>{/block:NoteCount}<a href="{ReblogURL}" target="_blank">Reblog</a>{block:permalinkpage}{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{block:ContentSource}<a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:ContentSource}{/block:RebloggedFrom}{/block:permalinkpage}{block:HasTags}{block:indexpage}<a class="up">Tags</a>{/block:indexpage}
  905. <div class="tags">{block:Tags}<a href="{TagUrl}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  906. </div>
  907. {/block:Date}
  908.  
  909.  
  910. </div>
  911.  
  912.  
  913. {block:PostNotes}
  914. <div class="pagenotes">
  915. <div class="t">Notes<hr></div>
  916. {PostNotes}
  917. </div>
  918. {/block:PostNotes}
  919.  
  920.  
  921. {/block:Posts}
  922.  
  923.  
  924. {block:Pagination}
  925. <div id="pagination">
  926. {block:PreviousPage}
  927. <a href="{PreviousPage}">previous page</a>
  928. {/block:PreviousPage}
  929.  
  930.  
  931. {block:NextPage}
  932. <a href="{NextPage}">next page</a>
  933. {/block:NextPage}
  934. </div>
  935. {/block:Pagination}
  936.  
  937.  
  938.  
  939.  
  940. </div>
  941. </div>
  942.  
  943.  
  944.  
  945.  
  946. {block:ContentSource}
  947. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  948. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  949. {/block:SourceLogo}
  950. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  951. {/block:ContentSource}
  952. </body>
  953.  
  954. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement