API tools faq
paste
yoonora

015 - cold wind

yoonora
Oct 12th, 2015
3,659
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.63 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. 015 - Cold Wind
  3. code made by yoonora/exoa
  4. do not steal.
  5.  
  6. -->
  7. <head>
  8.  
  9. <title>―{Title}</title>
  10. <link rel="shortcut icon" href="{Favicon}" />
  11.  
  12.  
  13. <meta name="color:main" content="#333333"/>
  14. <meta name="color:background" content="#fbfbfb"/>
  15. <meta name="color:1" content="#d5f1ff"/>
  16. <meta name="color:2" content="#d6fefa"/>
  17.  
  18. <meta name="image:icon" content=""/>
  19. <meta name="image:sidebar" content=""/>
  20. <meta name="image:background" content=""/>
  21. <meta name="image:pattern" content=""/>
  22.  
  23. <meta name="if:Caption" content="0" />
  24. <meta name="if:Caption Button" content="0" />
  25. <meta name="if:Sidebar Style One" content="1" />
  26. <meta name="if:Faded Posts" content="1" />
  27.  
  28. <meta name="select:Post Size" content="postt" title="250px">
  29. <meta name="select:Post Size" content="posth" title="350px">
  30. <meta name="select:Post Size" content="postf" title="400px">
  31.  
  32. <meta name="text:Title" content="Cold Wind"/>
  33. <meta name="text:Quote Title" content=""/>
  34. <meta name="text:Quote" content=""/>
  35. <meta name="text:Icon Border Width" content="10px"/>
  36. <meta name="text:Description Padding" content="30px"/>
  37. <meta name="text:link 1" content=""/>
  38. <meta name="text:link 1 url" content="/"/>
  39. <meta name="text:link 2" content=""/>
  40. <meta name="text:link 2 url" content="/"/>
  41. <meta name="text:link 3" content=""/>
  42. <meta name="text:link 3 url" content="/"/>
  43. <meta name="text:link 4" content=""/>
  44. <meta name="text:link 4 url" content="/"/>
  45. <meta name="text:link 5" content=""/>
  46. <meta name="text:link 5 url" content="/"/>
  47. <meta name="text:link 6" content=""/>
  48. <meta name="text:link 6 url" content="/"/>
  49. <meta name="text:link 7" content=""/>
  50. <meta name="text:link 7 url" content="/"/>
  51.  
  52.  
  53. <!----------------------------------------STYLESHEETS---->
  54.  
  55. <link href="http://static.tumblr.com/l9mi3bq/7F5njbhlz/a.css"rel="stylesheet">
  56. <link href="http://static.tumblr.com/j2yc61v/HiPnvrnzf/m.css"rel="stylesheet">
  57. <link href="http://static.tumblr.com/j2yc61v/63rnvils6/f.css" rel="stylesheet">
  58.  
  59. <!----------------------------------------SCRIPT #1---->
  60.  
  61. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  62.  
  63. <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  64. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  65. <script>
  66. (function($){
  67. $(document).ready(function(){
  68. $("[title]").style_my_tooltips();
  69. });
  70. })(jQuery);
  71. </script>
  72. <!----------------------------------------SCRIPT #2---->
  73.  
  74. <script type="text/javascript">
  75. function unhide(divID) {
  76. var item = document.getElementById(divID);
  77. if (item) {
  78. item.className=(item.className=='hidden')?'unhidden':'hidden';
  79. }
  80. }
  81. </script>
  82.  
  83. <!----------------------------------------SCRIPT #3---->
  84.  
  85. <script type="text/javascript">
  86. jQuery(document).ready(function() {
  87. jQuery(".showr").hide();
  88. //toggle the componenet with class msg_body
  89. jQuery(".capti").click(function()
  90. {
  91. jQuery(this).next(".showr").slideToggle(500);
  92. });});
  93. </script>
  94.  
  95. <style type="text/css">
  96.  
  97. /*--------------------------------MAIN--*/
  98.  
  99.  
  100. ::-webkit-scrollbar-thumb:vertical {
  101. background-color:{color:1};
  102. border: 5px double {color:background};
  103. }
  104.  
  105. ::-webkit-scrollbar {
  106. background-color: {color:1};
  107. border: 7px solid {color:background};
  108. }
  109.  
  110. #s-m-t-tooltip {
  111. font:9px arial;
  112. font-style:italic;
  113. color:{color:main};
  114. padding:2px 5px 2px 5px;
  115. background-color:{color:background};
  116. border:1px solid {color:1};
  117. }
  118.  
  119. iframe#tumblr_controls {
  120. top:4%;
  121. }
  122. .sd code{
  123. background:{color:1};
  124. }
  125. .sd{
  126. top:6%;
  127. }
  128.  
  129. body {
  130. background:{color:background} url('{image:background}') fixed;
  131. font:11px arial;
  132. overflow-y:auto;
  133. overflow-x:hidden;
  134. }
  135.  
  136.  
  137. /*--------------------------------POSTS--*/
  138.  
  139. .cont{
  140. position:relative;
  141. {block:IfNotSidebarStyleOne}
  142. left:20%;
  143. width:60%;
  144. top:0px;
  145. margin:0px;
  146. {/block:IfNotSidebarStyleOne}
  147. {block:IfSidebarStyleOne}
  148. top:100px;
  149. left:50%;
  150. width:500px;
  151. margin:0 0 0 -69px;
  152. {/block:IfSidebarStyleOne}
  153. {block:IndexPage}
  154. margin-bottom:10%;
  155. {/block:IndexPage}
  156. {block:PermalinkPage}
  157. margin-bottom:5%;
  158. {/block:PermalinkPage}
  159. }
  160.  
  161. #posts{
  162. margin-left:auto;
  163. margin-right:auto;
  164. {block:IndexPage}
  165. margin-bottom:10%;
  166. {/block:IndexPage}
  167. {block:PermalinkPage}
  168. margin-bottom:1%;
  169. {/block:PermalinkPage}
  170. color:{color:main};
  171. }
  172.  
  173. .postt{
  174. width:320px;
  175. }
  176.  
  177. .posth{
  178. width:360px;
  179. }
  180.  
  181. .postf{
  182. width:450px;
  183. }
  184.  
  185. /*--------------------------------POSTS EXTRA--*/
  186.  
  187. #photoset{
  188. background:{color:background} center url('{image:pattern}') repeat;
  189. }
  190.  
  191. #photo, #photoset{
  192. border:1px solid {color:1};
  193. {block:IfFadedPosts}
  194. -webkit-transition: all 0.9s ease-out;
  195. -moz-transition: all 0.9s ease-out;
  196. transition: all 0.9s ease-out;
  197. opacity:0.5;
  198. {/block:IfFadedPosts}
  199. }
  200.  
  201. {block:IfFadedPosts}
  202. #posts:hover #photo, #posts:hover #photoset{
  203. opacity:1;
  204. -webkit-transition: all 0.9s ease-out;
  205. -moz-transition: all 0.9s ease-out;
  206. transition: all 0.9s ease-out;
  207. }
  208. {/block:IfFadedPosts}
  209.  
  210. #photo{
  211. background:{color:background} center url('{image:pattern}');
  212. background-size:cover;
  213. }
  214.  
  215.  
  216.  
  217. #posts a {
  218. color:{color:main};
  219. font:9px arial;
  220. text-transform:uppercase;
  221. text-decoration:none;
  222. font-style:italic;
  223. font-weight:bold;
  224. }
  225.  
  226.  
  227. #posts blockquote{
  228. border:1px solid {color:1};
  229. background:{color:background};
  230. }
  231.  
  232. #posts blockquote blockquote{
  233. border:0px;
  234. }
  235.  
  236.  
  237. #caption{
  238. background:{color:3};
  239. padding:10px;
  240. }
  241.  
  242. #caption blockquote small, sub, sup{
  243. font:11px arial;
  244. }
  245.  
  246. #caption blockquote code{
  247. font:12px arial;
  248. }
  249.  
  250.  
  251. #caption blockquote{
  252. color:{color:main};
  253. border:1px solid {color:1};
  254. background:{color:3};
  255. max-height:450px;
  256. padding:10px;
  257. }
  258.  
  259. #caption blockquote a{
  260. color:{color:main};
  261. }
  262.  
  263.  
  264. #posts pre{
  265. background:{color:background};
  266. color:{color:main};
  267. }
  268.  
  269. #posts pre a{
  270. color:{color:1};
  271. }
  272.  
  273. #textpost blockquote{
  274. border:1px solid {color:main};
  275. }
  276.  
  277. b, strong {
  278. color:{color:main};
  279. background:{color:1};
  280. }
  281.  
  282. i, em {
  283. color:{color:main};
  284. background:{color:2};
  285. }
  286. .title{
  287. background:{color:2} center url('{image:pattern}');
  288. border:1px solid {color:1};
  289. background-size:cover;
  290. }
  291.  
  292. #tt{
  293. background:{color:background};
  294. color:{color:1};
  295. }
  296.  
  297. ::-moz-selection{
  298. background-color: {color:1};
  299. color:{color:background};
  300. }
  301. ::selection{
  302. background-color:{color:1};
  303. color:{color:background};
  304. }
  305.  
  306. /*--------------------------------POST INFO--*/
  307.  
  308.  
  309.  
  310. #post_info {
  311. text-align:left;
  312. padding:10px 0 0 0;
  313. }
  314.  
  315.  
  316. #post_info a{
  317. border:none;
  318. background:{color:background};
  319. color:{color:main};
  320. font:12px arial;
  321. font-style:italic;
  322. font-weight:bold;
  323. padding:3px 5px 3px 5px;
  324. text-decoration:none;
  325. text-transform:lowercase;
  326. }
  327.  
  328.  
  329. #post_info a:hover {
  330. background:{color:background};
  331. padding:3px 30px 3px 30px;
  332. }
  333.  
  334. #tags{
  335. text-align:left;
  336. }
  337.  
  338. #tags a{
  339. background:{color:background};
  340. color:{color:main};
  341. font:9px arial;
  342. font-style:italic;
  343. font-weight:bold;
  344. padding:2px 5px 2px 5px;
  345. text-decoration:none;
  346. line-height:30px;
  347. }
  348.  
  349.  
  350. #tags a:hover{
  351. background:{color:background};
  352. }
  353.  
  354. /*--------------------------------PERMALINK--*/
  355.  
  356.  
  357. #notes{
  358. background:{color:background};
  359. color:{color:main};
  360. font:10px arial;
  361. font-style:italic;
  362. font-weight:bold;
  363. text-align:center;
  364. margin:20px 0 0 0;
  365. padding:10px 0 10px 0;
  366. }
  367.  
  368. #notes a{
  369. border:1px solid {color:1};
  370. color:{color:main};
  371. background:{color:background};
  372. text-decoration:none;
  373. }
  374.  
  375. #perma_tags{
  376. background:{color:background};
  377. text-align:left;
  378. font:9px arial;
  379. text-transform:uppercase;
  380. font-style:italic;
  381. font-weight:bold;
  382. border-top:1px solid {color:2};
  383. }
  384.  
  385. #perma_tags a{
  386. background:{color:background};
  387. color:{color:main};
  388. text-decoration:none;
  389. font:9px courier;
  390. letter-spacing:0px;
  391. font-style:italic;
  392. padding:2px 10px 2px 10px;
  393. }
  394.  
  395. #perma_tags a:hover{
  396. padding:2px 25px 2px 25px;
  397. background:{color:background};
  398. }
  399.  
  400. #permas{
  401. background:{color:background};
  402. border:1px solid {color:1};
  403. }
  404.  
  405. #permas a{
  406. color:{color:main};
  407. text-decoration:none;
  408. font:8px arial;
  409. background:{color:background};
  410. }
  411.  
  412. /*--------------------------------MUSIC--*/
  413.  
  414. .music_w {
  415. border:1px solid {color:2};
  416. background:{color:1} bottom url('{image:pattern}');
  417. background-size:cover;
  418. }
  419. #audiocontent {
  420. background:{color:background};
  421. }
  422.  
  423.  
  424. /*--------------------------------QUOTE--*/
  425.  
  426. #quote{
  427. color:{color:main};
  428. background:{color:2};
  429. }
  430.  
  431. #qsource a{
  432. color:{color:main};
  433. text-decoration:none;
  434. }
  435.  
  436. /*--------------------------------CHAT--*/
  437.  
  438. #titlechat{
  439. background:{color:background};
  440. border-bottom:1px solid {color:1};
  441. }
  442.  
  443. .chat b{
  444. background:{color:2};
  445. }
  446.  
  447. .chat li:nth-child(odd) {
  448. color:{color:main};
  449. background:{color:background};
  450. }
  451.  
  452. .chat li:nth-child(even) {
  453. color:{color:main};
  454. background-color:{color:1};
  455. }
  456.  
  457.  
  458. /*--------------------------------ASK--*/
  459.  
  460.  
  461. #ask {
  462. color:{color:2};
  463. }
  464.  
  465.  
  466. #asker{
  467. background:{color:background};
  468. color:{color:2};
  469. font:30px arial;
  470. font-style:italic;
  471. font-weight:bold;
  472. text-shadow:
  473. -1.2px -1.2px 0 {color:main},
  474. 1.2px -1.2px 0 {color:main},
  475. -1.2px 1.2px 0 {color:main},
  476. 1.2px 1.2px 0 {color:main};
  477. letter-spacing:3px;
  478. }
  479.  
  480. #asker a{
  481. color:{color:1};
  482. font:30px arial;
  483. font-style:italic;
  484. font-weight:bold;
  485. text-shadow:
  486. -1.2px -1.2px 0 {color:main},
  487. 1.2px -1.2px 0 {color:main},
  488. -1.2px 1.2px 0 {color:main},
  489. 1.2px 1.2px 0 {color:main};
  490. letter-spacing:3px;
  491. background:{color:background};
  492. text-decoration:none;
  493. }
  494.  
  495. #asker a:hover{
  496. color:{color:2};
  497. background:none;
  498. }
  499.  
  500. #ask_q{
  501. background:{color:1} center url('{image:pattern}');
  502. background-size:cover;
  503. }
  504.  
  505.  
  506. #ask_q p{
  507. background:{color:background};
  508. }
  509.  
  510. #answer{
  511. background:{color:background};
  512. }
  513.  
  514.  
  515. /*--------------------------------PERMALINK TOP BAR--*/
  516.  
  517. #paginat, #perma_top{
  518. position:fixed;
  519. top:0px;
  520. left:0px;
  521. width:100%;
  522. height:3%;
  523. background:{color:background};
  524. z-index:999999;
  525. text-align:center;
  526. overflow:hidden;
  527. font-style:italic;
  528. padding:0px 0 10px 0;
  529. border-bottom:1px solid {color:1};
  530. }
  531.  
  532. #perma_top a, #paginat a{
  533. text-decoration:none;
  534. display:inline-block;
  535. height:100%;
  536. width:25%;
  537. font:10px arial;
  538. font-style:italic;
  539. text-transform:uppercase;
  540. color:{color:main};
  541. padding:10px 0 10px 0;
  542. background:{color:background};
  543. }
  544.  
  545.  
  546. /*--------------------------------PAGINATION--*/
  547.  
  548. #lu{
  549. position:fixed;
  550. left:0px;
  551. top:0px;
  552. width:100%;
  553. height:3%;
  554. background:{color:background};
  555. border-bottom:1px solid {color:1};
  556. text-align:center;
  557. padding:0px 0 10px 0;
  558. overflow:hidden;
  559. }
  560.  
  561.  
  562. /*--------------------------------CAPTION BUTTON--*/
  563.  
  564. #buttoncap{
  565. {block:IfCaption}
  566. display:none;
  567. {/block:IfCaption}
  568. padding:10px 0 10px 0;
  569. text-align:center;
  570. font:10px arial;
  571. font-style:italic;
  572. font-weight:bold;
  573. letter-spacing:1px;
  574. overflow:hidden;
  575. margin:20px 0 0 0;
  576. border:1px solid {color:1};
  577. -webkit-transition: all 0.9s ease-out;
  578. -moz-transition: all 0.9s ease-out;
  579. transition: all 0.9s ease-out;
  580. }
  581.  
  582.  
  583. {block:IndexPage}
  584. #buttoncap:hover{
  585. background:{color:background};
  586. -webkit-transition: all 0.9s ease-out;
  587. -moz-transition: all 0.9s ease-out;
  588. transition: all 0.9s ease-out;
  589. }
  590.  
  591. {/block:IndexPage}
  592.  
  593.  
  594. #button_s{
  595. position:relative;
  596. padding:10px 0 10px 0;
  597. font:9px arial;
  598. text-align:center;
  599. font-style:italic;
  600. font-weight:bold;
  601. letter-spacing:1px;
  602. margin:10px 0 10px 0;
  603. border:1px solid {color:1};
  604. color:{color:main};
  605. background:{color:background};
  606. text-decoration:none;
  607. text-transform:uppercase;
  608. }
  609.  
  610. #button_s a{
  611. padding:0px;
  612. text-decoration:none;
  613. }
  614. /*--------------------------------SIDEBAR--*/
  615. .sidebar{
  616. {block:IfNotSidebarStyleOne}
  617. position:relative;
  618. left:50%;
  619. width:460px;
  620. {block:IndexPage}
  621. margin:100px 0 10% -230px;
  622. {/block:IndexPage}
  623. {block:PermalinkPage}
  624. margin:100px 0 5% -230px;
  625. {/block:PermalinkPage}
  626. {/block:IfNotSidebarStyleOne}
  627. {block:IfSidebarStyleOne}
  628. position:fixed;
  629. top:50%;
  630. left:50%;
  631. margin:-150px 0 0 -560px;
  632. width:400px;
  633. {/block:IfSidebarStyleOne}
  634. text-align:center;
  635. }
  636.  
  637. #ifnot{
  638. position:relative;
  639. top:100px;
  640. width:100%;
  641. text-align:center;
  642. font:40px arial;
  643. font-weight:bold;
  644. font-style:italic;
  645. }
  646.  
  647. /*--------------------------------EXTRA--*/
  648.  
  649. .sidebar{
  650. -webkit-animation:fadeIn 2s;
  651. -moz-animation:fadeIn 2s;
  652. -o-animation:fadeIn 2s;
  653. }
  654.  
  655.  
  656. #bgdesc{
  657. position:absolute;
  658. left:50%;
  659. width:50%;
  660. height:100%;
  661. background:{color:1};
  662. }
  663.  
  664. #uppside{
  665. position:fixed;
  666. margin:0px;
  667. background:{color:background};
  668. overflow:hidden;
  669. padding:20px;
  670. }
  671.  
  672. #sidebar{
  673. position:relative;
  674. overflow:hidden;
  675. background:{color:background} url('{image:background}') fixed;
  676. }
  677.  
  678.  
  679. #linus{
  680. position:absolute;
  681. top:-10%;
  682. width:0px;
  683. height:110%;
  684. left:50%;
  685. width:1px;
  686. background:#000;
  687. z-index:99999999;
  688. }
  689.  
  690. #icon{
  691. position:relative;
  692. margin:10px 0 10px 0px;
  693. border-radius:100%;
  694. }
  695.  
  696. #icon img{
  697. width:80px;
  698. border-radius:100%;
  699. {block:IfIconImage}
  700. border:{text:Icon Border Width} solid {color:2};
  701. {/block:IfIconImage}
  702. padding:5px;
  703. }
  704.  
  705. #desc{
  706. position:relative;
  707. padding:{text:Description Padding};
  708. text-align:left;
  709. display:inline-block;
  710. background:{color:1};
  711. font:11px arial;
  712. }
  713.  
  714. #desc a{
  715. color:{color:main};
  716. text-decoration:none;
  717. font-style:italic;
  718. font-weight:bold;
  719. background:{color:2};
  720. }
  721.  
  722. #subtitle{
  723. position:relative;
  724. font:12px arial;
  725. font-style:italic;
  726. background:{color:1};
  727. display:inline-block;
  728. text-align:center;
  729. font-weight:lighter;
  730. padding:5px 20px 3px 20px;
  731. }
  732.  
  733.  
  734. #subtitle:first-letter{
  735. font:16px cherry;
  736. font-style:normal;
  737. text-transform:uppercase;
  738. font-weight:lighter;
  739. }
  740.  
  741.  
  742. #upps{
  743. position:relative;
  744. display:inline-block;
  745. width:50%;
  746. float:left;
  747. {block:IfNotIconImage}
  748. margin:10% 0 0 0;
  749. {block:IfSidebarImage}
  750. margin:30% 0 0 0;
  751. {/block:IfSidebarImage}
  752. {/block:IfNotIconImage}
  753. }
  754.  
  755. #downs{
  756. position:relative;
  757. width:50%;
  758. display:inline-block;
  759. float:left;
  760. background:{color:1};
  761. }
  762.  
  763.  
  764. #links{
  765. position:relative;
  766. margin:10px;
  767. text-align:center;
  768. }
  769.  
  770. #links a{
  771. font:9px arial;
  772. font-weight:bold;
  773. font-style:italic;
  774. display:inline-block;
  775. text-transform:uppercase;
  776. text-decoration:none;
  777. color:{color:main};
  778. background:{color:2};
  779. word-wrap: break-word;
  780. max-width:70px;
  781. padding:2px 4px 2px 0;
  782. margin:0 4px 8px 0;
  783. -webkit-transition: all 0.9s ease-out;
  784. -moz-transition: all 0.9s ease-out;
  785. transition: all 0.9s ease-out;
  786. }
  787.  
  788. #links a b{
  789. background:{color:1};
  790. padding:2px;
  791. margin:0 2px 0 0;
  792. }
  793.  
  794. #links a:hover{
  795. background:{color:1};
  796. -webkit-transition: all 0.9s ease-out;
  797. -moz-transition: all 0.9s ease-out;
  798. transition: all 0.9s ease-out;
  799. }
  800.  
  801. #ls{
  802. position:absolute;
  803. left:50%;
  804. width:50%;
  805. height:100%;
  806. background:{color:1};
  807. }
  808.  
  809. #lols{
  810. position:absolute;
  811. width:50%;
  812. height:100%;
  813. overflow:hidden;
  814. {block:IfSidebarImage}
  815. background:{color:background} center url('{image:sidebar}');
  816. background-size:cover;
  817. {/block:IfSidebarImage}
  818. {block:IfNotSidebarImage}
  819. background:{color:background} url('{image:background}') fixed;
  820. {/block:IfNotSidebarImage}
  821. }
  822.  
  823. {block:IfQuote}
  824.  
  825. #desc_quote{
  826. margin:0 0 {text:Description Padding} 0;
  827. text-align:right;
  828. font:10px arial;
  829. font-style:italic;
  830. }
  831. {/block:IfQuote}
  832.  
  833. #desc_quote h1{
  834. font:12px arial;
  835. font-style:italic;
  836. font-weight:bold;
  837. display:inline-block;
  838. background:{color:2};
  839. padding:5px;
  840. }
  841.  
  842. /*--------------------------------EXTRA--*/
  843.  
  844.  
  845. /*--------------------------------END OF CSS--*/
  846.  
  847. </style>
  848. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  849. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  850.  
  851. <script>
  852. $(document).ready(function(){
  853. $('.video iframe').each(function(){
  854. var scale = $(this).parents('.video').width() / 500;
  855. $(this).attr({
  856. width: Math.floor($(this).attr('width') * scale),
  857. height: Math.floor($(this).attr('height') * scale)
  858. });
  859. });
  860. });
  861. </script>
  862.  
  863. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  864. <script>
  865. $(document).ready(function(){
  866. $('.photo-slideshow').pxuPhotoset({
  867. lightbox: true,
  868. rounded: false,
  869. gutter: '4px',
  870. borderRadius: '0px',
  871. photoset: '.photo-slideshow',
  872. photoWrap: '.photo-data',
  873. photo: '.pxu-photo'
  874. });
  875.  
  876. });
  877. </script>
  878.  
  879. </head><body onkeydown="return false"><div id="b"></div>
  880.  
  881. <!-------------------------------------SIDEBAR-->
  882.  
  883. <div class="sidebar">
  884.  
  885. <div id="sidebar">
  886.  
  887. <div id="lols"></div>
  888.  
  889. <div id="bgdesc"></div>
  890.  
  891. <div id="upps">
  892.  
  893. {block:IfIconImage}
  894. <div id="icon"><img src="{image:icon}"></div>
  895. {/block:IfIconImage}
  896.  
  897. <div id="subtitle">
  898. {block:Iftitle}
  899. {text:title}
  900. {/block:Iftitle}
  901. {block:IfNottitle}
  902. {Title}
  903. {/block:IfNottitle}
  904. </div>
  905.  
  906. <div id="links">
  907.  
  908. <a href="/"><b>001.</b>home</a>
  909. {block:ifLink1}<a href="{text:Link 1 URL}"><b>002.</b>{text:Link 1}</a>
  910. {/block:ifLink1}
  911. {block:ifLink2}<a href="{text:Link 2 URL}"><b>003.</b>{text:Link 2}</a>
  912. {/block:ifLink2}
  913. {block:ifLink3}<a href="{text:Link 3 URL}"><b>004.</b>{text:Link 3}</a>
  914. {/block:ifLink3}
  915. {block:ifLink4}<a href="{text:Link 4 URL}"><b>005.</b>{text:Link 4}</a>
  916. {/block:ifLink4}
  917. {block:ifLink5}<a href="{text:Link 5 URL}"><b>006.</b>{text:Link 5}</a>
  918. {/block:ifLink5}
  919. {block:ifLink6}<a href="{text:Link 6 URL}"><b>007.</b>{text:Link 6}</a>
  920. {/block:ifLink6}
  921. {block:ifLink7}<a href="{text:Link 7 URL}"><b>008.</b>{text:Link 7}</a>
  922. {/block:ifLink7}
  923.  
  924. </div>
  925. </div>
  926.  
  927.  
  928. <div id="downs">
  929. <div id="desc">
  930.  
  931. <div id="desc_quote">
  932. {block:IfQuoteTitle}
  933. <h1>{text:Quote Title}</h1><br>
  934. {/block:IfQuoteTitle}
  935. {block:IfQuote}
  936. {text:Quote}
  937. {/block:IfQuote}
  938. </div>
  939.  
  940. {Description}
  941. </div>
  942. </div>
  943.  
  944. </div>
  945.  
  946. </div>
  947.  
  948.  
  949. <!-------------------------------------POSTS-->
  950.  
  951. <div class="cont">
  952.  
  953.  
  954.  
  955.  
  956. <div class="autopagerize_page_element">
  957. {block:Posts}
  958.  
  959. <div class="{select:Post Size}" id="posts">
  960.  
  961. <!-------------------------------------PHOTOS-->
  962.  
  963.  
  964. {block:Photo}
  965. {block:IndexPage}
  966. <div id="photo">
  967. <img src="{PhotoURL-HighRes}" width="100%">
  968. </div>
  969. {/block:IndexPage}
  970.  
  971. {block:IndexPage}
  972. {block:IfCaptionButton}
  973.  
  974. {block:Caption}
  975. <a class="capti" style="text-decoration:none;padding:0px;" >
  976. <div id="buttoncap"class="capt">SHOW CAPTION</div></a>
  977. <div class="showr">
  978. <div id="caption">
  979. {Caption}
  980. </div>
  981. </div>
  982. {/block:Caption}
  983. {/block:IfCaptionButton}
  984.  
  985. {block:IfCaption}
  986. {block:Caption}
  987. <div id="caption">
  988. {Caption}
  989. </div>
  990. {/block:Caption}
  991. {/block:IfCaption}
  992. {/block:IndexPage}
  993.  
  994. {block:PermalinkPage}
  995. {LinkOpenTag}
  996. <div id="photo">
  997. <img src="{PhotoURL-HighRes}" width="100%">
  998. </div>
  999. {LinkCloseTag}
  1000. {/block:PermalinkPage}
  1001. {/block:Photo}
  1002.  
  1003.  
  1004. <!-------------------------------------PHOTOSET-->
  1005.  
  1006.  
  1007. {block:Photoset}
  1008. <div id="photoset">
  1009. <center>
  1010. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  1011. {block:Photos}
  1012. <div class="photo-data">
  1013. <div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}">
  1014. </div>
  1015. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>
  1016. {/block:Photos}
  1017. </div>
  1018.  
  1019. </center>
  1020. </div>
  1021.  
  1022. {block:IndexPage}
  1023. {block:IfCaptionButton}
  1024.  
  1025. {block:Caption}
  1026. <a class="capti" style="text-decoration:none;padding:0px;" >
  1027. <div id="buttoncap"class="capt">SHOW CAPTION</div></a>
  1028. <div class="showr">
  1029. <div id="caption">
  1030. {Caption}
  1031. </div>
  1032. </div>
  1033. {/block:Caption}
  1034. {/block:IfCaptionButton}
  1035.  
  1036. {block:IfCaption}
  1037. {block:Caption}
  1038. <div id="caption">
  1039. {Caption}
  1040. </div>
  1041. {/block:Caption}
  1042. {/block:IfCaption}
  1043. {/block:IndexPage}
  1044.  
  1045. {/block:Photoset}
  1046.  
  1047.  
  1048.  
  1049. <!-------------------------------------AUDIO-->
  1050.  
  1051. {block:Audio}
  1052. <div class="music_w">
  1053. {block:AudioPlayer}
  1054. <div id="player">
  1055. {AudioPlayerWhite}
  1056. </div>
  1057. {/block:AudioPlayer}
  1058.  
  1059. <div id="audiocontent">
  1060. {block:TrackName}
  1061. <code>{TrackName}</code><br>
  1062. {/block:TrackName}
  1063. {block:Artist}―{Artist}{/block:Artist}
  1064. </div>
  1065.  
  1066. </div>
  1067.  
  1068.  
  1069. {block:IndexPage}
  1070. {block:IfCaptionButton}
  1071.  
  1072. {block:Caption}
  1073. <a class="capti" style="text-decoration:none;padding:0px;" >
  1074. <div id="buttoncap"class="capt">SHOW CAPTION</div></a>
  1075. <div class="showr">
  1076. <div id="caption">
  1077. {Caption}
  1078. </div>
  1079. </div>
  1080. {/block:Caption}
  1081. {/block:IfCaptionButton}
  1082.  
  1083. {block:IfCaption}
  1084. {block:Caption}
  1085. <div id="caption">
  1086. {Caption}
  1087. </div>
  1088. {/block:Caption}
  1089. {/block:IfCaption}
  1090. {/block:IndexPage}
  1091.  
  1092. {/block:Audio}
  1093.  
  1094.  
  1095. <!-------------------------------------VIDEO-->
  1096.  
  1097.  
  1098. {block:Video}
  1099. <center>
  1100. <div id="vidso">
  1101. <div class="video">{Video-500}</div>
  1102. </div>
  1103. </center>
  1104.  
  1105. {block:IndexPage}
  1106. {block:IfCaptionButton}
  1107.  
  1108. {block:Caption}
  1109. <a class="capti" style="text-decoration:none;padding:0px;" >
  1110. <div id="buttoncap"class="capt">SHOW CAPTION</div></a>
  1111. <div class="showr">
  1112. <div id="caption">
  1113. {Caption}
  1114. </div>
  1115. </div>
  1116. {/block:Caption}
  1117. {/block:IfCaptionButton}
  1118.  
  1119. {block:IfCaption}
  1120. {block:Caption}
  1121. <div id="caption">
  1122. {Caption}
  1123. </div>
  1124. {/block:Caption}
  1125. {/block:IfCaption}
  1126. {/block:IndexPage}
  1127.  
  1128. {/block:Video}
  1129.  
  1130.  
  1131. <!-------------------------------------ASK-->
  1132.  
  1133. {block:Answer}
  1134. <div id="ask">
  1135. <img src="{AskerPortraitURL-128}"align="left" style="background:{color:1} center url('{image:pattern}'); padding:15px;max-width:80px;">
  1136. <div id="asker">{Asker}</div>
  1137. <div id="ask_q"><p>{Question}</p></div>
  1138. <div id="answer">{Answer}</div>
  1139. </div>
  1140. {/block:Answer}
  1141.  
  1142.  
  1143. <!-------------------------------------TEXT-->
  1144.  
  1145. {block:Text}
  1146. {block:Title}
  1147. <div class="title">
  1148. <div id="tt">
  1149. {Title}
  1150. </div>
  1151. </div>
  1152. {/block:Title}
  1153. <div style="background:{color:background};padding:20px 30px 20px 30px;">
  1154. {Body}
  1155. </div>
  1156. {/block:Text}
  1157.  
  1158.  
  1159. <!-------------------------------------LINK-->
  1160.  
  1161.  
  1162. {block:Link}
  1163. <div class="title" style="background:{color:background}; margin-bottom:10px;">
  1164. <a href="{URL}" {Target}>{Name}</a>
  1165. </div>
  1166. {block:Description}
  1167. <div style="background:{color:background};padding:20px 30px 20px 30px;">
  1168. {Description}
  1169. </div>
  1170. {/block:Description}
  1171. {/block:Link}
  1172.  
  1173.  
  1174. <!-------------------------------------QUOTE-->
  1175.  
  1176.  
  1177. {block:Quote}
  1178. <div id="quote">{Quote}</div>
  1179. {block:Source}
  1180. <div id="qsource"> ―{Source} </div>
  1181. {/block:Source}
  1182. {/block:Quote}
  1183.  
  1184. <!-------------------------------------CHAT-->
  1185.  
  1186.  
  1187. {block:Chat}
  1188. <div id="chatpost">
  1189. {block:Title}
  1190. <div id="titlechat">
  1191. {Title}</div>
  1192. {/block:Title}
  1193.  
  1194. <ul class="chat">
  1195. {block:Lines}
  1196. <li class="{Alt} user_{UserNumber}">
  1197. {block:Label}
  1198. <b>{Label}</b>
  1199. {/block:Label}
  1200. {Line}
  1201. </li>
  1202. {/block:Lines}
  1203. </ul>
  1204. </div>
  1205. {/block:Chat}
  1206.  
  1207.  
  1208. <!-------------------------------------POST INFO-->
  1209.  
  1210.  
  1211. {block:IndexPage}
  1212.  
  1213. <div id="post_info">
  1214.  
  1215. <a href="{Permalink}" target="_blank"title="{lang:Posted TimeAgo}" >{12HourWithZero}.{Minutes}.{Seconds}{CapitalAmPm}</a>
  1216.  
  1217. {block:NoteCount}
  1218. <a href="{Permalink}" target="_blank" > {NoteCountWithLabel} </a>
  1219. {/block:NoteCount}
  1220. <a href="{ReblogURL}"target="_blank" >reblog</a>
  1221. </div>
  1222.  
  1223. <div id="tags">
  1224.  
  1225. {block:HasTags}tagged as:
  1226. {block:Tags}
  1227. <a href="/tagged/{Tag}">#{Tag}</a>
  1228. {/block:Tags}
  1229. {/block:HasTags}
  1230.  
  1231. </div>
  1232.  
  1233. {/block:IndexPage}
  1234.  
  1235.  
  1236.  
  1237. <!-------------------------------------PERMALINK-->
  1238.  
  1239.  
  1240.  
  1241. {block:PermalinkPage}
  1242.  
  1243. {block:Date}
  1244. <div id="notes">
  1245. {DayOfWeek}, {Month} {DayOfMonth} {Year}.
  1246. {/block:Date}
  1247. {block:NoteCount}
  1248. With
  1249. {NoteCountWithLabel}
  1250. {/block:NoteCount}
  1251. </div>
  1252.  
  1253. {block:HasTags}
  1254. <div id="perma_tags">
  1255. tagged as:
  1256. {block:Tags}
  1257. <a href="{TagURL}">{Tag}</a> {/block:Tags}
  1258. </div>
  1259. {/block:HasTags}
  1260.  
  1261.  
  1262. {block:Caption}
  1263. <div id="caption">
  1264. {Caption}
  1265. </div>
  1266. {/block:Caption}
  1267.  
  1268.  
  1269. {block:PostNotes}
  1270. <a style="font-family:courier" href="javascript:unhide('displaynote');">
  1271. <div id="button_s">show notes</div>
  1272. </a>
  1273.  
  1274. <div id="displaynote" class="hidden">
  1275. <div id="permas">
  1276. {PostNotes}
  1277. </div></div>
  1278. {/block:PostNotes}
  1279. {/block:PermalinkPage}
  1280. </div>
  1281. {/block:Posts}
  1282.  
  1283. <!-----------------------------------DO NOT DELETE----------->
  1284.  
  1285. <!-- {block:NoRebloggedFrom}
  1286. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1287. {/block:NoRebloggedFrom} -->
  1288.  
  1289. {block:ContentSource}<!-- {SourceURL}
  1290. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  1291. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1292. {/block:ContentSource}
  1293. </div></div></div></div>
  1294.  
  1295. <div id="bgs"></div><div id="lu"></div>
  1296.  
  1297. <!-------------------------------------PERMA PAGI-->
  1298.  
  1299. {block:PermalinkPage}
  1300. <div id="perma_top">
  1301.  
  1302. {block:PermalinkPagination}
  1303. {block:PreviousPost}
  1304. <a href="{PreviousPost}"style="border-right:1px solid {color:1};" >Previous Post</a>
  1305. {/block:PreviousPost}
  1306.  
  1307. <a href="/" >INDEX</a>
  1308.  
  1309. {block:NextPost}
  1310. <a href="{NextPost}"style="border-left:1px solid {color:1};" >Next Post</a>
  1311. {/block:NextPost}
  1312.  
  1313. {/block:PermalinkPagination}
  1314. </div>
  1315. {/block:PermalinkPage}
  1316.  
  1317. <!-------------------------------------PAGINATION-->
  1318. {block:Pagination}
  1319. <div id="paginat">
  1320. {block:PreviousPage}
  1321. <a href="{PreviousPage}" style="border-right:1px solid {color:1};" >{lang:Previous page} </a>
  1322. {/block:PreviousPage}
  1323.  
  1324. <a style="align:center;" >{lang:Page CurrentPage of TotalPages}</a>
  1325.  
  1326. {block:NextPage}
  1327. <a href="{NextPage}"style="border-left:1px solid {color:1};" >{lang:Next page}</a>
  1328. {/block:NextPage}
  1329.  
  1330. </div>
  1331.  
  1332. {/block:Pagination}
  1333.  
  1334.  
  1335. <!-----------------------------------DO NOT DELETE----------->
  1336.  
  1337. <div class="sd">
  1338. <a href="http://exoa.tumblr.com/"target="_blank"><code>YA</code></a>
  1339. <div id="sb">
  1340. <a href="http://exoa.tumblr.com/"target="_blank">MADE BY YOONORA</a>
  1341. </div></div>
  1342.  
  1343. </body>
  1344. <!-----------------------------------DO NOT DELETE----------->
  1345. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!