septims

Strawberry Swing

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