API tools faq
paste
KLuvsOrange

Theme #1

KLuvsOrange
Dec 26th, 2014
799
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 22.30 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4.  <!---
  5.  
  6.  Theme 1 by Krystal @ kluvsorange.co.vu
  7.  
  8.  swagswagswagswag hi
  9.  
  10.  peace
  11.  
  12.  xoxo
  13.  
  14.  Follow me on Instagram: instagram.com/hentqi
  15.  
  16.  ©2014 kluvsorange
  17.  
  18.  ---->
  19.  
  20. <head>
  21.     <title>{Title}</title>
  22.     {block:Description}
  23.     <meta name="description" content="{MetaDescription}" />
  24.     {/block:Description}
  25.     <link rel="shortcut icon" href="{FavIcon}" />
  26.     <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  27.  
  28.     <meta name="color:Background Color" content="#ffffff">
  29.     <meta name="color:Sidebar Color" content="#eeeeee"/>
  30.     <meta name="color:Post Border" content="#eeeeee"/>
  31.     <meta name="color:Post Background" content="#ffffff"/>
  32.     <meta name="color:Text" content="#c0bdb8" />
  33.     <meta name="color:Link Hover" content="#fdfdfd" />
  34.     <meta name="color:Link" content="#c0bdb8" />
  35.     <meta name="color:Bold" content="#777777" />
  36.     <meta name="color:Italic" content="#bbbbbb"/>
  37.     <meta name="color:Scrollbar" content="#000000"/>
  38.     <meta name="color:Scrollbar Background" content="#ffffff"/>
  39.     <meta name="color:Selection Background" content="#eeeeee" />
  40.     <meta name="color:Selection Text" content="#aaaaaa" />
  41.     <meta name="color:Tooltip Background" content="#ffffff"/>
  42.     <meta name="color:Tooltip Font" content="#000000"/>
  43.     <meta name="color:Links Tab" content="#eeffff"/>
  44.     <meta name="color:Reblog Tab" content="#ffffed"/>
  45.     <meta name="color:Reblog Tab Hover" content="#ffffed"/>
  46.     <meta name="color:Permalink Color" content="#fffcfd"/>
  47.     <meta name="color:Permalink Border" content="#ffedfc"/>
  48.    
  49.     <meta name="image:Background" content=""/>
  50.     <meta name="image:Side Image" content=""/>
  51.    
  52.     <meta name="if:250px" content=""/>
  53.     <meta name="if:400px" content="1"/>
  54.     <meta name="if:500px" content=""/>
  55.     <meta name="if:Show Tags" content="1"/>
  56.     <meta name="if:Show Captions" content=""/>
  57.     <meta name="if:Clock" content=""/>
  58.     <meta name="if:Cute Cursor" content="1"/>
  59.     <meta name="if:Grayscale" content=""/>
  60.    
  61.     <meta name="text:Side image from the bottom" content="0px"/>
  62.     <meta name="text:Side image from the right" content="0px"/>
  63.     <meta name="text:Size of the side image" content="300px"/>
  64.     <meta name="text:Link 1 URL" content="/" />
  65.     <meta name="text:Link 1" content="Link 1" />
  66.     <meta name="text:Link 2 URL" content="/" />
  67.     <meta name="text:Link 2" content="Link 2" />
  68.     <meta name="text:Link 3 URL" content="/" />
  69.     <meta name="text:Link 3" content="Link 3" />
  70.     <meta name="text:Link 4 URL" content="/" />
  71.     <meta name="text:Link 4" content="Link 4" />
  72.    
  73. <style type="text/css">
  74.  
  75. body {
  76.     color:{color:Text};
  77.     background-color:{color:Background Color};
  78.     background-image:url('{image:Background}');
  79.     background-attachment:fixed;
  80.     font-family:consolas;
  81.     {block:if250px}
  82.     font-size:9px;
  83.     {/block:if250px}
  84.     {block:if400px}
  85.     font-size:11px;
  86.     {/block:if400px}
  87.     {block:if500px}
  88.     font-size:13px;
  89.     {/block:if500px}
  90.     line-height:17px;
  91.     text-align:left;
  92.    
  93. }
  94.  
  95.  
  96. /* Scrollbar */
  97.  
  98. ::-webkit-scrollbar { width:5px; height:5px; }
  99.  
  100. ::-webkit-scrollbar-track-piece {
  101.     background-color:{color:Scrollbar Background};
  102.    
  103. }
  104.  
  105. ::-webkit-scrollbar-thumb { background-color:{color:Scrollbar}; }  
  106.  
  107.  
  108. /* Text Selection */
  109.  
  110. ::selection {
  111.     background:{color:Selection Background};
  112.     color:{color:Selection Text};
  113.  
  114. }
  115.  
  116. ::-moz-selection {
  117.     background:{color:Selection Background};
  118.     color:{color:Selection Text};
  119.  
  120. }
  121.  
  122. ::-webkit-selection {
  123.     background:{color:Selection Background};
  124.     color:{color:Selection Text};
  125.    
  126. }
  127.  
  128. a:link, a:active, a:visited { color: {color:link}; text-decoration:none; }
  129.  
  130. a:hover { color:{color:Link Hover}; }
  131.  
  132. small { font-size:auto; }
  133.  
  134. big { font-size:auto; }
  135.  
  136. b, strong { color:{color:Bold}; }
  137.  
  138. h1 { font-size:15px; font-family:trebuchet ms; letter-spacing:1px; }
  139.  
  140. i, em { color:{color:Italic} }
  141.  
  142. p { margin-top:6px; margin-bottom:6px; }
  143.  
  144. blockquote {
  145.     padding-left:10px;
  146.     margin:15px;
  147.     border-left:1px solid {color:Text};
  148.    
  149. }
  150.  
  151. pre {
  152.     width:95%;
  153.     margin-left:auto;
  154.     margin-right:auto;
  155.     padding:4px;
  156.     font-size:10px;
  157.     background:#f4f4f4;
  158.     white-space:pre-wrap;    
  159.     word-wrap:break-word;
  160.  
  161. }      
  162.  
  163.  
  164. #container {
  165.     background-color:transparent;
  166.     width: 400px;
  167.     margin: 0 auto -10px auto;
  168.    
  169. }
  170.  
  171. #entries {
  172.     margin-left:460px;
  173.     text-align: left;
  174.  
  175. }
  176.  
  177.  
  178. /* Posts*/
  179.  
  180. .posts {
  181.     margin: 50px 0 0px 0;
  182.     {block:IndexPage}
  183.     {block:if250px}
  184.     max-width: 250px;
  185.     {/block:if250px}
  186.     {block:if400px}
  187.     max-width: 400px;
  188.     {/block:if400px}
  189.     {block:if500px}
  190.     max-width: 500px;
  191.     {/block:if500px}
  192.     {/block:IndexPage}
  193.     text-align: left;
  194.     padding: 10px;
  195.     border-bottom: 1px solid {color:Post Border};
  196.     background-color:{color:Post Background};
  197.     {block:PermalinkPage}
  198.     max-width:400px;
  199.     {/block:PermalinkPage}
  200.    
  201. }
  202.  
  203.  
  204. {block:ifGrayscale}
  205. #photo {
  206.     -webkit-filter: grayscale(100%);
  207.     z-index: -9999999999999999999999999px;
  208.     -webkit-transition: all 0.9s ease-in-out;
  209.     -moz-transition: all 0.9s ease-in-out;
  210.     -o-transition: all 0.9s ease-in-out;
  211.     -ms-transition: all 0.9s ease-in-out;
  212.     transition: all 0.9s ease-in-out;
  213.  
  214. }
  215.  
  216. #photo:hover {
  217.     -webkit-filter: grayscale(0%);
  218.     z-index: -9999999999999999999999999px;
  219.     -webkit-transition: all 0.9s ease-in-out;
  220.     -moz-transition: all 0.9s ease-in-out;
  221.     -o-transition: all 0.9s ease-in-out;
  222.     -ms-transition: all 0.9s ease-in-out;
  223.     transition: all 0.9s ease-in-out;
  224.  
  225. }
  226.  
  227. #pset {
  228.     width: 100%;
  229.     -webkit-filter: grayscale(100%);
  230.     z-index: -9999999999999999999999999px;
  231.     -webkit-transition: all 0.9s ease-in-out;
  232.     -moz-transition: all 0.9s ease-in-out;
  233.     -o-transition: all 0.9s ease-in-out;
  234.     -ms-transition: all 0.9s ease-in-out;
  235.     transition: all 0.9s ease-in-out;
  236. }
  237.  
  238. #pset:hover {
  239.     -webkit-filter: grayscale(0%);
  240.     z-index: -9999999999999999999999999px;
  241.     -webkit-transition: all 0.9s ease-in-out;
  242.     -moz-transition: all 0.9s ease-in-out;
  243.     -o-transition: all 0.9s ease-in-out;
  244.     -ms-transition: all 0.9s ease-in-out;
  245.     transition: all 0.9s ease-in-out;
  246. }
  247. {/block:ifGrayscale}
  248.  
  249.  
  250. /* Captions */
  251.  
  252. .caption {
  253.     text-align:left;
  254.     padding-right:3px;
  255.     letter-spacing:1px;
  256.     font-family: trebuchet ms;
  257.     font-size: 10px;
  258.     text-transform:none;
  259.     {block:if250px}
  260.     max-width: 230px;
  261.     {/block:if250px}
  262.     {block:if400px}
  263.     max-width: 380px;
  264.     {/block:if400px}
  265.     {block:if500px}
  266.     max-width: 480px;
  267.     {/block:if500px}
  268. }
  269.  
  270. .bottom {
  271.     height: 30px;
  272.     margin: 0 auto;
  273. }
  274.  
  275.  
  276. /* Photoset Background */
  277.  
  278. #tumblr_lightbox {
  279.     background-color:rgba(255,255,255,.7)!important;
  280.     opacity:1;
  281. }
  282.    
  283. #tumblr_lightbox img {
  284.     opacity:0;
  285. }
  286.  
  287. #tumblr_lightbox_caption {
  288.     padding-left:17px;
  289.     color:#ccc;!important;
  290.     font-family:trebuchet ms!important;
  291.     font-size:7px!important;
  292.     font-weight:normal!important;
  293.     font-style:italic!important;
  294.     letter-spacing:1px!important;
  295.     text-transform:uppercase!important;
  296.     text-shadow:none!important;
  297. }
  298.  
  299. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {
  300.     margin-top:-16px!important;
  301.     border:1px solid #f2f2f2;!important;
  302.     padding:15px!important;
  303.     background:#fff!important;
  304.     opacity:1!important;
  305.     -moz-box-shadow:none!important;
  306.     -webkit-box-shadow:none!important;
  307.     box-shadow:none!important;
  308.     -moz-border-radius:0px!important;
  309.     -webkit-border-radius:0px!important;
  310.     border-radius:0px!important;
  311. }
  312.  
  313.  
  314. /* Sidebar */
  315.  
  316. #sidebar {
  317.     position:fixed;
  318.     max-width:130px;
  319.     min-width:130px;
  320.     background:{color:Sidebar Color};
  321.     padding:7px;
  322.     font-size:8px;
  323.     border:1px solid {color:Post Border};
  324.     left:150px;
  325.     top:140px;
  326.    
  327. }
  328.  
  329. #titlerino {
  330.     max-height:35px;
  331.     max-width:130px;
  332.     overflow:auto;
  333.     font-size:12px;
  334.    
  335. }
  336.  
  337. {block:ifGrayscale}
  338. .sideimage {
  339.     -webkit-filter: grayscale(0%);
  340. }
  341. {/block:ifGrayscale}
  342.  
  343.  
  344. /* Links Tab */
  345.  
  346. #pluserino {
  347.     position:fixed;
  348.     text-align:center;
  349.     {block:ifClock}
  350.     margin-top: 196px;
  351.     {/block:ifClock}
  352.     {block:ifnotClock}
  353.     margin-top:185px;
  354.     {/block:ifnotClock}
  355.     margin-left: 260px;
  356.     width:20px;
  357.     height:18px;
  358.     background:{color:Links Tab};
  359.     border-top:1px solid {color:Post Border};
  360.     {block:ifnotCuteCursor}
  361.     cursor:pointer;
  362.     {/block:ifnotCuteCursor}
  363.     {block:ifCuteCursor}
  364.     cursor:url(http://i.imgur.com/ExXmLHW.png), auto;
  365.     {/block:ifCuteCursor}
  366.     color:{color:Link};
  367.     -webkit-transition: all 0.4s ease-in-out;
  368.     -moz-transition: all 0.4s ease-in-out;
  369.     -o-transition: all 0.4s ease-in-out;
  370.     -ms-transition: all 0.4s ease-in-out;
  371.     transition: all 0.4s ease-in-out;
  372. }
  373.  
  374. #pluserino:hover {
  375.     padding-top:5px;
  376.     -webkit-transition: all 0.4s ease-in-out;
  377.     -moz-transition: all 0.4s ease-in-out;
  378.     -o-transition: all 0.4s ease-in-out;
  379.     -ms-transition: all 0.4s ease-in-out;
  380.     transition: all 0.4s ease-in-out;
  381. }
  382.  
  383. .linkerino {
  384.     color:{color:Link};
  385.     text-transform:uppercase;
  386.     border:1px solid {color:Post Border};
  387.     background:{color:Post Background};
  388.     padding-right:10px;
  389.    
  390. }
  391.  
  392. .linkerino a:hover {
  393.     background-color: {color:Reblog Tab};
  394.     color: {color:Links Hover};
  395.     padding:0px 35px 0px 2px;
  396.     text-align:left;
  397.    
  398. }
  399.  
  400. .sub {
  401.     width:90px;
  402.     text-align: right;
  403.     position: absolute;
  404.     left: -100px;
  405.     margin-top: -5px;
  406.     font-size:8px;
  407.    
  408. }
  409.  
  410.  
  411. /* Quote Posts */
  412.  
  413. h2 {
  414.     font-family:consolas;
  415.     font-weight:100;
  416.     line-height:17px;
  417.    
  418. }
  419.  
  420.  
  421. /* Audio Posts */
  422.  
  423. #audio {
  424.     letter-spacing: 1px;
  425.     margin-left: 10px;
  426.     font-size: 8px;
  427.  
  428. }
  429.  
  430. #audio_player {
  431.     margin-left: 5px;
  432.     width: 27px;
  433.     height: 27px;
  434.     padding: 3px;
  435.     border: 2px solid {color:PostBorder};
  436.     opacity:0.5;
  437.     overflow: hidden;
  438.  
  439. }
  440.  
  441. #audio_perma {
  442.     margin-top: 10px;
  443.     margin-left: 10px;
  444.     font-size: 10px;
  445.     letter-spacing: 1px;
  446.  
  447. }
  448.  
  449.  
  450. /* Chat Posts */
  451.  
  452. .text {
  453.     padding-left:15px;
  454.     padding-right:15px;
  455.     padding-top:15px;
  456.     padding-bottom:15px;
  457.     background-color:{color:Posts};
  458.    
  459. }
  460.  
  461. .user_1 .label { color:{color:Link}; font-weight:bold; }
  462. .user_2 .label { color:{color:Italic}; font-weight:italic; }
  463. .user_3 .label { color:{color:Link}; font-weight:italic; }
  464.  
  465.  
  466. ul.chat, .chat ol, .chat li {
  467.     list-style:none;
  468.     margin:0px;
  469.     padding:0px;
  470.    
  471. }
  472.  
  473.  
  474. /* Ask Posts */
  475.  
  476. .aske {    
  477.     color:#999;
  478.     font-family:calibri;
  479.     {block:if250px}
  480.     font-size:8px;
  481.     {/block:if250px}
  482.     {block:if400px}
  483.     font-size:9px;
  484.     {/block:if400px}
  485.     {block:if500px}
  486.     font-size:10px;
  487.     {/block:if500px}
  488.     letter-spacing:1px;
  489.     text-transform:uppercase;
  490. }
  491.  
  492. .question {
  493.     color:#000;
  494.     font-family:helvetica;
  495.     font-size:9px;
  496.     font-style:italic;
  497.     letter-spacing:1px;
  498. }
  499.  
  500.  
  501. /* Permalink */
  502.  
  503. #info {
  504.     padding-top:5px;
  505.     padding-left:5px;
  506.     display:block;
  507.     padding-bottom:5px;
  508.     width:auto;
  509.     font-size:8px;
  510.     font-family:consolas;
  511.     text-transform:uppercase;
  512.     text-align:left;
  513.     background-color:{color:Permalink Color};
  514.     border:1px solid {color:Permalink Border};
  515.    
  516. }
  517.  
  518.  
  519. /* Reblog Tab */
  520.  
  521. #reblogging {
  522.     font-size:7px;
  523.     border-top:1px solid {color:Post Border};
  524.     color:{color:Text};
  525.     text-align:center;
  526.     background-color:{color:Reblog Tab};
  527.     width:15px;
  528.     padding:3px;
  529.     position:absolute;
  530.     margin-bottom:60px;
  531.     margin-top:16px;
  532.     {block:if250px}
  533.     margin-left:210px;
  534.     {/block:if250px}
  535.     {block:if400px}
  536.     margin-left:360px;
  537.     {/block:if400px}
  538.     {block:if500px}
  539.     margin-left:460px;
  540.     {/block:if500px}
  541.     -webkit-transition: all 0.5s ease-in-out;
  542.     -moz-transition: all 0.5s ease-in-out;
  543.     -o-transition: all 0.5s ease-in-out;
  544.     -ms-transition: all 0.5s ease-in-out;
  545.     transition: all 0.5s ease-in-out;
  546.  
  547. }
  548.  
  549. #reblogging:hover {
  550.     background-color:{color:Reblog Tab Hover};
  551.     padding-top:10px;
  552.     -webkit-transition: all 0.5s ease-in-out;
  553.     -moz-transition: all 0.5s ease-in-out;
  554.     -o-transition: all 0.5s ease-in-out;
  555.     -ms-transition: all 0.5s ease-in-out;
  556.     transition: all 0.5s ease-in-out;
  557.  
  558. }
  559.  
  560. /* Notes */
  561.  
  562. .notes img {
  563.     width:10px;
  564.     position:relative;
  565.     top:1px;
  566.     margin-right:5px;
  567.    
  568. }
  569.  
  570. ol.notes, .notes li {
  571.     width: 410px;
  572.     font-size:10px;
  573.     list-style:none;
  574.     text-align:left;
  575.     margin:5px 0 -1px 5px;
  576.     padding:0px
  577.    
  578. }
  579.  
  580.  
  581. /* Tooltip */
  582.  
  583. #s-m-t-tooltip {
  584.     max-width:210px;
  585.     margin-top:15px;
  586.     margin-left:18px;
  587.     padding:2px 2px;
  588.     z-index:999999999;
  589.     background:{color:Tooltip Background};
  590.     color:{color:Tooltip Font};
  591.     font-family:trebuchet ms;
  592.     font-size:7.5px;
  593.     letter-spacing:2px;
  594.     text-transform:lowercase;
  595.     line-height:9px;
  596.    
  597. }
  598.  
  599.  
  600. /* Tumblr Controls */
  601.  
  602. iframe#tumblr_controls {
  603.     top:0%!important;
  604.     right:0%!important;
  605.     position:fixed!important;
  606.     z-index:999999999!important;
  607.     opacity:0.3;
  608.     -webkit-filter:invert(100%);
  609.     -moz-filter:invert(100%);
  610.     -o-filter:invert(100%);
  611.     -ms-filter:invert(100%);
  612.     filter:invert(100%);
  613.    
  614. }
  615.  
  616.  
  617. /* Cursor */
  618.  
  619. {block:ifCuteCursor}
  620. body{
  621.     cursor:url(http://static.tumblr.com/kmw8hta/YoEn3ksuh/zorzc.png), auto;
  622.     margin:0px;
  623.     padding:0px;
  624. }
  625.  
  626. a, a:link, a:active, a:visited{
  627.     cursor:url(http://i.imgur.com/ExXmLHW.png), auto;
  628.     -webkit-transition: all 0.3s ease-in-out;
  629.     -moz-transition: all 0.3s ease-in-out;
  630.     transition: all 0.3s ease-in-out;
  631. }  
  632.  
  633. a:hover{
  634.     cursor:url(http://i.imgur.com/ExXmLHW.png), auto;
  635.     -webkit-transition: all 0.3s ease-in-out;
  636.     -moz-transition: all 0.3s ease-in-out;
  637.     transition: all 0.3s ease-in-out;
  638. }
  639. {/block:ifCuteCursor}
  640.  
  641. {block:ifnotCuteCursor}
  642. a, a:link, a:active, a:visited{
  643.     -webkit-transition: all 0.3s ease-in-out;
  644.     -moz-transition: all 0.3s ease-in-out;
  645.     transition: all 0.3s ease-in-out;
  646. }  
  647.  
  648. a:hover{
  649.     -webkit-transition: all 0.3s ease-in-out;
  650.     -moz-transition: all 0.3s ease-in-out;
  651.     transition: all 0.3s ease-in-out;
  652. }
  653. {/block:ifnotCuteCursor}
  654.  
  655. </style>
  656.  
  657. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  658.  
  659. <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  660. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  661. <script>
  662. (function($){
  663. $(document).ready(function(){
  664. $("[title],a[title],img[title]").style_my_tooltips({
  665.     tip_follows_cursor:true,
  666.     tip_delay_time:30,
  667.     tip_fade_speed:300,
  668.     attribute:"title"
  669. });
  670. });
  671. })(jQuery);
  672. </script>
  673.  
  674. <link href='http://fonts.googleapis.com/css?family=Quicksand:400,700' rel='stylesheet' type='text/css'>
  675. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  676.  
  677.  
  678. </head>
  679.      
  680. <body>
  681.  
  682.  
  683.  
  684. <div class="sideimage">
  685. <img style="position:fixed; bottom:{text:Side image from the bottom}px; right:{text:Side image from the right}px; z-index: -9999999999999; width:{text:Size of the side image}px;" src="{image:Side Image}"></div>
  686.  
  687.  
  688. <div id="sidebar">
  689. {block:ifClock}
  690. <span>
  691.     <span id="tzTimeSpan_ee546ae56e90d5b"></span>
  692.     <script type="text/javascript" src="http://24timezones.com/js/en/time_12_0_1.js"></script>
  693.     <script src="http://24timezones.com/timescript/gettime.js.php?city=43&hourtype=12&showdate=0&showseconds=1&id=1853923&elem=ee546ae56e90d5b" language="javascript"></script>
  694. </span><p>
  695. {/block:ifClock}
  696. <center>
  697. <div id="titlerino">{Title}</div><p>
  698. <a href="/"><i class="fa fa-home"></i> home</a> <br>
  699. <a href="/ask"><i class="fa fa-envelope-o"></i> ask</a> <br>
  700. <a href="/archive"><i class="fa fa-folder-open-o"></i> archive</a>
  701. </div>
  702. <script type="text/javascript">
  703. jQuery(document).ready(function() {
  704. jQuery(".sub").hide();
  705. //toggle the componenet with class msg_body
  706. jQuery(".cthrough").click(function()
  707. {
  708. jQuery(this).next(".sub").slideToggle(500);
  709. });});
  710. </script>
  711. <a class="cthrough">
  712. <div id="pluserino"><a class="cthrough">+</a>
  713. <div class="sub">
  714. <div class="linkerino">
  715. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a><br>{/block:ifLink1}
  716. {block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a><br>{/block:ifLink2}
  717. {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a><br>{/block:ifLink3}
  718. {block:ifLink4}<a href="{text:Link 4 URL}">{text:Link 4}</a><br>{/block:ifLink4}
  719. <!---Don't remove!!!!----->
  720. <a href="http://kluvsorange.co.vu">Theme</a>
  721. <!---Thanks!!!------------>
  722. </div>
  723. </div>
  724. </div></a>
  725.  
  726. </center>
  727.  
  728. <div id="entries">
  729. <div class = "autopagerize_page_element" >
  730.  
  731. {block:posts}
  732. <div class="posts">
  733.  
  734. {block:Text}
  735. {block:Title}<h1>{Title}</h1>{/block:Title}
  736. {Body}
  737. {/block:Text}
  738.  
  739.  
  740. {block:Quote}
  741. <h2><i>“{Quote}” </i></h2>
  742. — {Source}<br>
  743. {/block:Quote}
  744.  
  745. {block:Link}
  746. <a href="{URL}"><div style="font-family:courier new;font-size:20px;color:#000;border-bottom: 1px dotted #aaa;padding-bottom:4px;">{Name}</div></a>
  747.  
  748. {block:Description}
  749. <p>{Description}</p>
  750. {/block:Description}
  751.  
  752. {/block:Link}
  753.  
  754. {block:Photo}
  755. {block:IndexPage}
  756. <div id="photo">
  757. {block:if250px}
  758.    <center>{LinkOpenTag}<img src="{PhotoURL-250}" alt='{PhotoAlt}'/>{LinkCloseTag}</center>
  759. {/block:if250px}
  760. {block:if400px}
  761.    <center>{LinkOpenTag}<img src="{PhotoURL-400}" alt='{PhotoAlt}'/>{LinkCloseTag}</center>
  762. {/block:if400px}
  763. {block:if500px}
  764.    <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt='{PhotoAlt}'/>{LinkCloseTag}</center>
  765. {/block:if500px}
  766. </div>
  767. {/block:IndexPage}
  768. {block:ifShowCaptions}
  769. {block:IndexPage}
  770. <div class="caption">
  771. {block:Caption}{Caption}{/block:Caption}
  772. </div>
  773. {/block:indexpage}
  774. {/block:ifShowCaptions}
  775. {block:permalinkpage}
  776.    <center>{LinkOpenTag}<img src="{PhotoURL-400}" alt='{PhotoAlt}'/>{LinkCloseTag}</center>
  777. {block:Caption}{Caption}{/block:Caption}
  778. {/block:permalinkpage}
  779. {/block:Photo}
  780.  
  781. {block:Photoset}
  782. {block:indexpage}
  783. <div id="pset">
  784. {block:if250px}
  785.    <center>{Photoset-250}</center></div>
  786. {/block:if250px}
  787. {block:if400px}
  788.    <center>{Photoset-400}</center></div>
  789. {/block:if400px}
  790. {block:if500px}
  791.    <center>{Photoset-500}</center></div>
  792. {/block:if500px}
  793. {/block:indexpage}
  794. {block:ifShowCaptions}
  795. {block:indexpage}
  796. {block:Caption}{Caption}{/block:Caption}
  797. {/block:indexpage}
  798. {/block:ifShowCaptions}
  799. {block:permalinkpage}
  800. {Photoset-400}
  801. {block:Caption}{Caption}{/block:Caption}
  802. {/block:permalinkpage}
  803. {/block:Photoset}
  804.  
  805. {block:Chat}
  806. <div class="text">
  807. <ul class="chat">
  808. {block:Lines}
  809. <li class="user_{UserNumber}">
  810. {block:Label}
  811. <span class="label">{Label}</span>
  812. {/block:Label} {Line}</li>
  813. {/block:Lines}
  814. </ul>
  815. </div>
  816. {/block:Chat}
  817.  
  818. {block:Video}
  819. {block:IndexPage}
  820. {block:if250px}
  821.    {Video-250}
  822. {/block:if250px}
  823. {block:if400px}
  824.    {Video-400}
  825. {/block:if400px}
  826. {block:if500px}
  827.    {Video-500}
  828. {/block:if500px}
  829. {/block:IndexPage}
  830. {block:ifShowCaptions}
  831. {block:indexpage}
  832. {block:Caption}{Caption}{/block:Caption}
  833. {/block:indexpage}
  834. {/block:ifShowCaptions}
  835. {block:permalinkpage}
  836. {Video-400}
  837. {block:Caption}{Caption}{/block:Caption}
  838. {/block:permalinkpage}
  839. {/block:Video}
  840.  
  841. {block:Answer}
  842. <table>
  843.    <tr>
  844.    <td valign="top" style="border-right:1px solid {color:Border}; padding-top:5px;padding-right:10px;">
  845.    <img src="{AskerPortraitURL-48}">
  846.    </td>
  847.    <td valign="top" style="padding:5px;" >
  848.        <div class="aske">{Asker} asked: </div>
  849.        <div class="question">{Question}</div>
  850.    </td>
  851.    </tr>
  852. </table>
  853. {Answer}
  854. {/block:Answer}
  855.  
  856. {block:Audio}
  857. {block:indexpage}
  858. <table>
  859.    <tr>
  860.    <td>
  861.        <div id="audio_player">{AudioPlayerWhite}</div>
  862.    </td>
  863.    <td>
  864.        <div id="audio">
  865.        <div style="text-transform:uppercase;">{block:TrackName}{TrackName}{/block:TrackName}
  866. <br>{block:Artist} {Artist}{/block:Artist}
  867. <br>{PlayCountWithLabel}
  868.        </div>
  869.        </div>
  870.    </td>
  871.    </tr>
  872. </table>
  873. {block:ifShowCaptions}
  874. {block:Caption}{Caption}{/block:Caption}
  875. {/block:ifShowCaptions}
  876. {/block:indexpage}
  877.  
  878. {block:permalinkpage}
  879. <table>
  880.    <tr>
  881.    <td>
  882.        <div id="audio_perma">{AudioPlayerWhite}
  883.    <br>
  884.  
  885.        <div style="text-transform:uppercase;letter-spacing:1px;">
  886.        <strong>Title:</strong> {block:TrackName}{TrackName}{/block:TrackName}     <br>
  887.        <strong>Artist:</strong> {block:Artist} {Artist}{/block:Artist}
  888.    <br>{PlayCountWithLabel}
  889.        </div>
  890.        </div>
  891.    </td>
  892.    </tr>
  893. </table>{Caption}
  894. {/block:permalinkpage}
  895. {/block:Audio}
  896.  
  897. {block:indexpage}
  898. <center>
  899. <div id="info">
  900. {block:Date}<a href="{Permalink}" ><i class="fa fa-calendar-o"></i> {ShortMonth} {DayOfMonthWithZero}, {Year}</a>
  901. {/block:Date}
  902.  
  903.  
  904. {block:NoteCount}
  905. &nbsp;&nbsp;<a href="{Permalink}" > <i class="fa fa-file-o"></i> {NoteCountWithLabel}</a>
  906. {/block:NoteCount}
  907.  
  908.  
  909. <br>
  910. {block:ifShowTags}
  911. {block:HasTags}
  912. <i class="fa fa-tag"></i> Tags: {block:Tags}<a href="{TagURL}">#{Tag} </a> {/block:Tags}
  913. {/block:HasTags}
  914. {/block:indexpage}
  915. {/block:ifShowTags}
  916.  
  917.  
  918. <a href="{ReblogURL}" target="_blank" class="details" title="reblog"><div id="reblogging"><i class="fa fa-retweet"></i></a></div>
  919. {/block:indexpage}
  920.  
  921. {block:PermalinkPage}
  922. <center>
  923. <div id="info">
  924.  
  925. {block:Date}<b>Posted on </b>{ShortMonth} {DayOfMonthWithZero}, {Year}{/block:Date}{block:NoteCount} <b>with</b> {NoteCountWithLabel}{/block:NoteCount}
  926.  
  927.  
  928.  
  929. {block:RebloggedFrom}
  930. <br>
  931. <b>Via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a>
  932. {/block:RebloggedFrom}
  933.  
  934. {block:ContentSource}
  935. <br><b>Source:</b> <a href="{SourceURL}">{SourceLink}</a>
  936. {/block:ContentSource}
  937.  
  938. {block:HasTags}
  939. <br>
  940. <b>Tags:</b> {block:Tags}<a href="{TagURL}">#{Tag} </a>
  941. {/block:Tags}
  942. {/block:HasTags}
  943.  
  944. </center>
  945.  
  946. {/block:PermalinkPage}
  947.  
  948. </center>
  949.  
  950.  
  951. </div>
  952.  
  953. {block:indexpage}<div class="bottom"></div>{/block:indexpage}
  954.  
  955.  
  956. {/block:Posts}
  957. </div>
  958.  
  959.  
  960. {block:PostNotes}{PostNotes}{/block:PostNotes}<br>
  961.  
  962. </div>
  963. </div>
  964.  
  965. </body>
  966. </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!