API tools faq
paste
Advertisement
addictcastiel

theme #2 by addictcastiel @ tumblr.com

addictcastiel
Nov 16th, 2014
776
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 22.05 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. <head><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7.  
  8. <!--
  9.  
  10.  
  11. THEME #2 BY ADDICTCASTIEL @ tumblr.com
  12.  
  13. RULES:
  14.  
  15. like/reblog theme post if using
  16. do not steal parts of the code
  17. you may edit as much as you want but do not remove the credit
  18.  
  19. Thank you! If you have any questions my asbox is always open.
  20.  
  21.  
  22. -->
  23.  
  24.  
  25. <!--SHOW/HIDE NOTES script-->
  26. <script type="text/javascript"
  27. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  28.  
  29. <script type="text/javascript">
  30. jQuery(document).ready(function() {
  31. jQuery(".sub").hide();
  32. //toggle the componenet with class msg_body
  33. jQuery(".cthrough").click(function()
  34. {
  35. jQuery(this).next(".sub").slideToggle(500);
  36. });});
  37. </script>
  38.  
  39. <script language="javascript">
  40. function toggle() {
  41.         var ele = document.getElementById("toggleText");
  42.         var text = document.getElementById("displayText");
  43.         if(ele.style.display == "block") {
  44.                 ele.style.display = "none";
  45.                 text.innerHTML = "SHOW NOTES";
  46.         }
  47.         else {
  48.                 ele.style.display = "block";
  49.                 text.innerHTML = "HIDE NOTES";
  50.         }
  51. }
  52. </script>
  53. <!--SHOW/HIDE NOTES script end-->
  54.  
  55.  
  56.  
  57. <!--FONTS-->
  58. <link href='http://fonts.googleapis.com/css?family=Megrim' rel='stylesheet' type='text/css'>
  59.  
  60.  
  61.  
  62. {block:Iflazyload}
  63. <!--Lazy load scipt-->
  64. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  65. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  66. <script type="text/javascript" charset="utf-8">
  67. var $j = jQuery.noConflict();
  68. $j(function() {
  69. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  70. $j("img").lazyload({
  71. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  72. effect: "fadeIn",
  73. });
  74. });
  75. </script>
  76. <!--Lazy load scipt end-->
  77. {/block:Iflazyload}
  78.  
  79. <!---POP UPS script----->
  80.  
  81.     <script type="text/javascript"
  82.  src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  83.     <script>
  84.     $(document).ready(function() {
  85.     //
  86.     $('a.poplight[href^=#]').click(function() {
  87.     var popID = $(this).attr('rel'); //Get Popup Name
  88.     var popURL = $(this).attr('href'); //Get Popup href to define size
  89.     var query= popURL.split('?');
  90.     var dim= query[1].split('&');
  91.     var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  92.     $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('');
  93.     var popMargTop = ($('#' + popID).height() + 80) / 2;
  94.     var popMargLeft = ($('#' + popID).width() + 80) / 2;
  95.     //Apply Margin to Popup
  96.     $('#' + popID).css({
  97.     'margin-top' : -popMargTop,
  98.     'margin-left' : -popMargLeft
  99.     });
  100.     $('body').append('<div id="fade"></div>');
  101.     $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  102.     return false;
  103.     });
  104.     $('a.close, #fade').live('click', function() {
  105.     $('#fade , .popup_block').fadeOut(function() {
  106.     $('#fade, a.close').remove(); //fade them both out
  107.     });
  108.     return false;
  109.     });
  110.     });
  111.     </script>
  112.    
  113. <!---POP UPS sript end --->
  114.    
  115. <!--TOOLTIPS script-->
  116. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  117. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  118. <script>
  119. (function($){
  120. $(document).ready(function(){
  121. $("a[title]").style_my_tooltips({
  122. tip_follows_cursor:true,
  123. tip_delay_time:60,
  124. tip_fade_speed:400,
  125. attribute:"title"
  126. });
  127. });
  128. })(jQuery);
  129. </script>
  130. <!--TOOLTIPS script end-->
  131.  
  132.  
  133. <meta name="text:Text above pop up askbox" content=""/>
  134. <meta name="image:sidebar" content=""/>
  135. <meta name="color:Background" content="#ffffff"/>
  136. <meta name="color:Description background" content="#f8f8f8"/>
  137. <meta name="color:Hover box background" content="#8ea4d2"/>
  138. <meta name="color:Hover box text" content="#ffffff"/>
  139. <meta name="color:Title" content="#b0b3ba"/>
  140. <meta name="color:Text" content="#838282"/>
  141. <meta name="color:Links" content="#c1cde5"/>
  142. <meta name="color:Links hover" content="#eeeeee"/>
  143. <meta name="color:link1" content="#e6696b">
  144. <meta name="color:link2" content="#d07885">
  145. <meta name="color:link3" content="#b988a1">
  146. <meta name="color:link4" content="#a495b9">
  147. <meta name="color:link5" content="#8ea4d2">
  148. <meta name="color:Bold" content="#e36b6f"/>
  149. <meta name="color:Selection background" content="#8ea4d2"/>
  150. <meta name="color:Selection text" content="#ffffff"/>
  151. <meta name="color:Borders" content="#e9e9e9"/>
  152. <meta name="color:Scrollbar" content="#8ea4d2"/>
  153. <meta name="color:Posts background" content="#f8f8f8"/>
  154. <meta name="color:Posts info links" content="#a8a8a8"/>
  155. <meta name="color:Tags" content="#838282"/>
  156. <meta name="color:Question background" content="#fcfcfe"/>
  157. <meta name="color:Pop up askbox background" content="#e9e9e9"/>
  158.  
  159. <meta name="text:sidebar links symbol" content="◆"/>
  160. <meta name="text:link1 hover" content="link1 title"/>
  161. <meta name="text:link1 url" content="/"/>
  162. <meta name="text:link2 hover" content="link2 title"/>
  163. <meta name="text:link2 url" content="/"/>
  164. <meta name="text:link3 hover" content="link3 title"/>
  165. <meta name="text:link3 url" content="/"/>
  166. <meta name="text:link4 hover" content="link4 title"/>
  167. <meta name="text:link4 url" content="/"/>
  168. <meta name="text:link5 hover" content="link5 title"/>
  169. <meta name="text:link5 url" content="/"/>
  170.  
  171. <meta name="if:Lazy load" content="1" />
  172. <meta name="if:Show hide notes" content="1" />
  173. <meta name="if:Pop up askbox" content="1" />
  174. <meta name="if:Small cursor" content="1" />
  175. <meta name="if:Credit on the right" content="1" />
  176.  
  177.  
  178. <style type="text/css">
  179.  
  180.  
  181. #s-m-t-tooltip {
  182.     max-width:300px;
  183.     font-size:10px;
  184.     background-color:{color:Hover box background};
  185.     color: {color:Hover box text};
  186.     letter-spacing:1px;
  187.     text-transform:lowercase;
  188.     padding:6px;
  189.     margin:5px 0px 0px 5px;
  190.     z-index:9999999999999999999999999999999999;
  191. }
  192.  
  193. /* POP UP ASKBOX */
  194. #askland {
  195.     overflow-y:scroll;
  196.     overflow-x:hidden;
  197.     padding: 5px;
  198.     width:500px;
  199.     height:auto;
  200.     font-size:9px;
  201.     text-align: left;
  202.     text-transform: uppercase;
  203.     color: {color:Text};
  204.     background:{color:Pop up askbox background};
  205.     font-family:calibri;
  206.  
  207. }
  208.  
  209. #fade { /*--Transparent background layer--*/
  210.     display: none; /*--hidden by default--*/
  211.     background: #000000;
  212.     position: fixed; left: 0; top: 0;
  213.     width: 100%; height: 100%;
  214.     opacity: .80;
  215.     z-index: 9999;
  216. }
  217.  
  218. .popup_block{
  219.            
  220.     display: none; /*--hidden by default--*/
  221.     background: transparent;
  222.     height:290px;
  223.     padding: 5px;
  224.     text-align:center;
  225.     float: left;
  226.     font-size: 12px;
  227.     position: fixed;
  228.     top: 55%; left: 55%;
  229.     z-index: 99999;
  230. }
  231.    
  232. /*--Making IE6 Understand Fixed Positioning--*/
  233.     *html #fade {
  234.     position: absolute;
  235. }
  236.     *html .popup_block {
  237.     position: absolute;
  238. }
  239.    
  240. /*--pop up code end--*/
  241.  
  242. pre {
  243.  white-space: pre-wrap;       /* css-3 */
  244.  white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
  245.  white-space: -pre-wrap;      /* Opera 4-6 */
  246.  white-space: -o-pre-wrap;    /* Opera 7 */
  247.  word-wrap: break-word;       /* Internet Explorer 5.5+ */
  248. }
  249.  
  250. /*--inverted tumblr controls--*/
  251.  
  252.  
  253. iframe#tumblr_controls {
  254.     white-space:nowrap;
  255.     -webkit-filter: invert(100%);
  256.     -moz-filter: invert(100%);
  257.     -o-filter: invert(100%);
  258.     -ms-filter: invert(100%);
  259.     filter: invert(100%);
  260.     opacity:.2;transition: .8s ease-in-out;
  261.     -webkit-transition: .8s ease-in-out;
  262.     -moz-transition: .8s ease-in-out;
  263.     -o-transition: .8s ease-in-out;
  264. }
  265.  
  266.  
  267. ::-webkit-scrollbar-thumb:vertical
  268. {background-color: {color:Scrollbar}; height: 5px;}
  269. ::-webkit-scrollbar-thumb:horizontal
  270. {background-color: {color:Scrollbar}; height:5px!important;}
  271. ::-webkit-scrollbar
  272. {background-color: transparent; height:5px; width:5px;}
  273.  
  274.  
  275. *, body, a {{block:Ifsmallcursor}cursor: url('http://static.tumblr.com/oeljwe1/URMnawx96/ehheeh.png'), auto;{/block:Ifsmallcursor}}
  276.  
  277.  
  278. body {
  279.     background:{color:background};
  280.     margin:0px;
  281.     color:{color:text};
  282.     font-family:helvetica;
  283.     font-size:9px;
  284.     line-height:100%;
  285. }
  286.  
  287. a {
  288.     text-decoration:none;
  289.     outline:none;
  290.     color: {color:links};
  291.     -webkit-transition: all 1s ease;
  292.     -moz-transition: all 1s ease;
  293.     -o-transition: all 1s ease;
  294. }
  295.  
  296. a:hover {
  297. text-decoration: underline;
  298. color: {color:Links hover};
  299. {block:Ifsmallcursor}cursor: url(http://media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif), auto;{/block:Ifsmallcursor}
  300.     -webkit-transition: all 0.7s ease;
  301.     -moz-transition: all 0.7s ease;
  302.     -o-transition: all 0.7s ease;
  303. }
  304.  
  305. img {
  306.     border:none;
  307. }
  308.  
  309. blockquote {
  310.     padding-left:5px;
  311.     border-left:3px solid {color:Borders};
  312.     margin-left: 8px;
  313. }
  314.    
  315. blockquote blockquote {
  316.     padding-left:5px;
  317.     border-left:3px solid {color:Borders};
  318. }
  319.  
  320. h1 {
  321.     font-size:9px;
  322.     text-transform:uppercase;
  323. }
  324.  
  325. b {
  326.     color:{color:Bold};
  327. }
  328.  
  329. strong {
  330.     color:{color:Bold};
  331. }
  332.  
  333. #entries {
  334.     padding:10px;
  335.     width:500px;
  336.     font-size:10px;
  337.     margin-left:450px;
  338.     margin-top:40px;
  339.    
  340. }
  341.  
  342. #post {
  343.     width:500px;
  344.     background-color: {color:Posts background};
  345.     margin-top:25px;
  346.     padding: 10px;
  347. }
  348.  
  349.  
  350. #sidebar {
  351.     width:180px;
  352.     position:fixed;
  353.     margin-left:200px;
  354.     margin-top:100px;
  355. }
  356.  
  357. #sidebar img{
  358.      width: 180px;
  359.      padding-bottom:2px;
  360.  
  361. }
  362.  
  363.  
  364.  
  365.  
  366. #title {
  367.     position:fixed;
  368.     color: {color:Title};
  369.     width:180px;
  370.     font-family: 'Megrim';
  371.     font-size:20px;
  372.     letter-spacing:7px;
  373.     text-align:left;
  374.     -webkit-transition: all 0.3s ease-in-out;
  375.     -moz-transition: all 0.3s ease-in-out;
  376.     -o-transition: all 0.3s ease-in-out;
  377.     -ms-transition: all 0.3s ease-in-out;
  378.     transition: all 0.3s ease-in-out;
  379. }
  380.  
  381.  
  382. #link1 {
  383.     position:fixed;
  384.     font-size:13px;
  385.     margin-left:110px;
  386.     opacity:0;
  387.     -webkit-transition: all 0.3s ease-in-out;
  388.     -moz-transition: all 0.3s ease-in-out;
  389.     -o-transition: all 0.3s ease-in-out;
  390.     -ms-transition: all 0.3s ease-in-out;
  391.     transition: all 0.3s ease-in-out;
  392.  
  393. }
  394.  
  395.  
  396. #link2 {
  397.     position:fixed;
  398.     font-size:13px;
  399.     margin-left:125px;
  400.     opacity:0;
  401.     -webkit-transition: all 0.3s ease-in-out;
  402.     -moz-transition: all 0.3s ease-in-out;
  403.     -o-transition: all 0.3s ease-in-out;
  404.     -ms-transition: all 0.3s ease-in-out;
  405.     transition: all 0.3s ease-in-out;
  406.  
  407. }
  408.  
  409.  #link3 {
  410.     position:fixed;
  411.     font-size:13px;
  412.     margin-left:140px;
  413.     opacity:0;
  414.     -webkit-transition: all 0.3s ease-in-out;
  415.     -moz-transition: all 0.3s ease-in-out;
  416.     -o-transition: all 0.3s ease-in-out;
  417.     -ms-transition: all 0.3s ease-in-out;
  418.     transition: all 0.3s ease-in-out;
  419.  
  420. }
  421.  
  422.  #link4 {
  423.     position:fixed;
  424.     font-size:13px;
  425.     margin-left:155px;
  426.     opacity:0;
  427.     -webkit-transition: all 0.3s ease-in-out;
  428.     -moz-transition: all 0.3s ease-in-out;
  429.     -o-transition: all 0.3s ease-in-out;
  430.     -ms-transition: all 0.3s ease-in-out;
  431.     transition: all 0.3s ease-in-out;
  432.  
  433. }
  434.  
  435.  #link5 {
  436.     position:fixed;
  437.     font-size:13px;
  438.     margin-left:170px;
  439.     opacity:0;
  440.     -webkit-transition: all 0.3s ease-in-out;
  441.     -moz-transition: all 0.3s ease-in-out;
  442.     -o-transition: all 0.3s ease-in-out;
  443.     -ms-transition: all 0.3s ease-in-out;
  444.     transition: all 0.3s ease-in-out;
  445.  
  446. }
  447.  
  448.  
  449. #link1 a {
  450.     color:{color:link1};
  451. }
  452.  
  453. #link2 a {
  454.     text-decoration:none;
  455.     color:{color:link2};
  456. }
  457.  
  458. #link3 a {
  459.     color:{color:link3};
  460.     text-decoration:none;
  461. }
  462.  
  463. #link4 a {
  464.     color:{color:link4};
  465.     text-decoration:none;
  466. }
  467.  
  468. #link5 a {
  469.     color:{color:link5};
  470.     text-decoration:none;
  471. }
  472.  
  473. #link1 a:hover,#link2 a:hover,#link3 a:hover,#link4 a:hover,#link5 a:hover {
  474.     color:#ffffff;
  475.     text-decoration: none;
  476.     -webkit-transition: all 0.3s ease-in-out;
  477.     -moz-transition: all 0.3s ease-in-out;
  478.     -o-transition: all 0.3s ease-in-out;
  479.     -ms-transition: all 0.3s ease-in-out;
  480.     transition: all 0.3s ease-in-out;
  481. }
  482.  
  483.  
  484. #sidebar:hover #link1 {
  485.     opacity:1;
  486.     -webkit-transition: all 0.3s ease-in-out;
  487.     -moz-transition: all 0.3s ease-in-out;
  488.     -o-transition: all 0.3s ease-in-out;
  489.     -ms-transition: all 0.3s ease-in-out;
  490.     transition: all 0.3s ease-in-out;
  491.  
  492. }
  493.  
  494. #sidebar:hover #link2 {
  495.     opacity:1;
  496.     -webkit-transition: all 0.3s ease-in-out;
  497.     -moz-transition: all 0.3s ease-in-out;
  498.     -o-transition: all 0.3s ease-in-out;
  499.     -ms-transition: all 0.3s ease-in-out;
  500. transition-delay:0.3s;
  501. }
  502.  
  503. #sidebar:hover #link3 {
  504.     opacity:1;
  505.     -webkit-transition: all 0.3s ease-in-out;
  506.     -moz-transition: all 0.3s ease-in-out;
  507.     -o-transition: all 0.3s ease-in-out;
  508.     -ms-transition: all 0.3s ease-in-out;
  509. transition-delay:0.7s;
  510. }
  511.  
  512. #sidebar:hover #link4 {
  513.     opacity:1;
  514.     -webkit-transition: all 0.3s ease-in-out;
  515.     -moz-transition: all 0.3s ease-in-out;
  516.     -o-transition: all 0.3s ease-in-out;
  517.     -ms-transition: all 0.3s ease-in-out;
  518. transition-delay:1.1s;
  519. }
  520.  
  521. #sidebar:hover #link5 {
  522.     opacity:1;
  523.     -webkit-transition: all 0.3s ease-in-out;
  524.     -moz-transition: all 0.3s ease-in-out;
  525.     -o-transition: all 0.3s ease-in-out;
  526.     -ms-transition: all 0.3s ease-in-out;
  527. transition-delay:1.5s;
  528. }
  529.  
  530. #description {
  531.     position:fixed;
  532.     color: {color:text};
  533.     font-family:helvetica;
  534.     background:{color:Description background};
  535.     line-height:150%;
  536.     font-size:10px;
  537.     padding:5px;
  538.     font-style:normal;
  539.     width:170px;
  540.     margin-top:15px;
  541.     text-align:justify;
  542. }
  543.  
  544. #sidebar:hover #title{
  545.     letter-spacing:-1px;
  546.     -webkit-transition: all 0.6s ease-in;
  547.     -moz-transition: all 0.6s ease-in;
  548.     -o-transition: all 0.6s ease-in;
  549.     -ms-transition: all 0.6s ease-in;
  550.     transition: all 0.6s ease-in;
  551. }
  552.  
  553. #pagination {
  554.     display:block;
  555.     position:absolute;
  556.     font-family:helvetica;
  557.     width:500px;
  558.     background: {color:Posts background};
  559.     font-size:10px;
  560.     text-align:center;
  561.     margin-top:20px;
  562.     padding: 10px;
  563.     margin-bottom: 20px;
  564. }
  565.  
  566.  
  567.  
  568. #info {
  569.     text-align:center;
  570.     font-size:9px;
  571.     text-transform:uppercase;
  572.     opacity: 1;
  573. }
  574.  
  575. #info a {
  576.     color: {color:Posts info links};
  577. }
  578.  
  579. #info a:hover {
  580.     text-decoration: none;
  581.     color: {color:Bold};
  582. }
  583.  
  584. #infoo {
  585.      border-top: 1px solid {color:Borders};
  586.      border-bottom: 1px solid {color:Borders};
  587.      padding:7px;
  588.      
  589. }
  590.  
  591.  #tags {
  592.     margin-top: -5px;
  593.     text-align:center;
  594.     font-family:helvetica;
  595.     text-transform:lowercase;
  596.     font-size:8px;
  597.     letter-spacing: 2px;
  598.     font-style:italic;
  599.     opacity: 0;
  600.     -webkit-transition: all 0.3s ease-in-out;
  601.     -moz-transition: all 0.3s ease-in-out;
  602.     -o-transition: all 0.3s ease-in-out;
  603.     -ms-transition: all 0.3s ease-in-out;
  604.     transition: all 0.3s ease-in-out;
  605. }
  606.    
  607. #tags a {
  608.     color: {color:Tags};
  609.     padding:4px;
  610.     display:inline;
  611.     -webkit-transition: all 0.3s ease-in-out;
  612.     -moz-transition: all 0.3s ease-in-out;
  613.     -o-transition: all 0.3s ease-in-out;
  614.     -ms-transition: all 0.3s ease-in-out;
  615.     transition: all 0.3s ease-in-out;
  616. }  
  617.  
  618. #post:hover #tags {
  619.     opacity:1;
  620. }
  621.  
  622.    
  623. #asker {
  624.     float:left;
  625.     text-align:left;
  626.     font-family: helvetica;
  627.     text-transform:uppercase;
  628.     margin-right:5px;
  629.     font-size: 8px;
  630.     letter-spacing: 2px;
  631.     padding-left: 5px;
  632.     padding-top: 5px;
  633. }
  634.  
  635. #question{
  636.   background-color: {color:Question background};
  637.   padding-left: 5px;
  638.   padding-top: 8px;
  639. }
  640.  
  641. #quote{
  642.   font-size:16px;
  643.   font-style:normal;
  644.   text-align: center;
  645.   display: inline-block;
  646.   font-family:times new roman;
  647.   line-height:120%;
  648. }
  649.  
  650.  
  651. #qsource{
  652.   font-size:9px;
  653.   font-style:italic;
  654.   display: block;
  655.   text-align:right;
  656.   font-family: helvetica;
  657.   line-height:120%;
  658.   padding-bottom: 5px;
  659. }
  660.  
  661. ::selection {
  662.         background:{color:Selection background};
  663.         color:{color:Selection text};}  
  664.        
  665. ::-moz-selection{
  666.         background:{color:Selection Text};
  667.         color:{color:Selection Text};}
  668.  
  669. #cred a {
  670.     z-index:99999999999999;
  671.     border: 1px solid {color:Borders};
  672.     color: {color:Bold};
  673.     font-size: 12px;
  674.     padding: 2px;
  675.     text-align: center;
  676.     position:fixed;
  677.     {block:Ifcreditontheright}
  678.     bottom: 10px;
  679.     right: 10px;
  680.     {/block:Ifcreditontheright}
  681.     {block:Ifnotcreditontheright}
  682.     bottom:10px;
  683.     left:10px;
  684.     {/block:Ifnotcreditontheright}
  685.     -moz-transition-duration:0.5s;
  686.     -webkit-transition-duration:0.5s;
  687.     -o-transition-duration:0.5s;
  688. }
  689.  
  690. #cred a:hover {
  691.     text-decoration:none;
  692.     color: {color:Background};
  693.     background-color: {color:Title};
  694.     border: 1px solid {color:Title};
  695. }
  696.  
  697. .caption {
  698.     max-width: 480px;
  699. }
  700. .caption img{
  701.     max-width: 450px;
  702. }
  703.  
  704. {CustomCSS}</style></head><body>
  705.  
  706.  
  707.  
  708. <div id="sidebar">
  709. <a href="/"><img src="{image:sidebar}"></a>
  710. <div id="title">{Title}</div>
  711.  
  712.  
  713. {block:Ifpopupaskbox}<div id="link1"><a href="#?w=500" rel="ask" class="poplight" title="{text:link1 hover}">{text:sidebar links symbol}</a></div>{/block:Ifpopupaskbox}
  714. {block:Ifnotpopupaskbox}<div id="link1"><a href="{text:link1 url}" title="{text:link1 hover}">{text:sidebar links symbol}</a></div>{/block:Ifnotpopupaskbox}
  715. <div id="link2"><a href="{text:link2 url}" title="{text:link2 hover}">{text:sidebar links symbol}</a></div>
  716. <div id="link3"><a href="{text:link3 url}" title="{text:link3 hover}">{text:sidebar links symbol}</a></div>
  717. <div id="link4"><a href="{text:link4 url}" title="{text:link4 hover}">{text:sidebar links symbol}</a></div>
  718. <div id="link5"><a href="{text:link5 url}" title="{text:link5 hover}">{text:sidebar links symbol}</a></div>
  719.  
  720. <div id="description">{description}</div>
  721.  
  722. </div>
  723.  
  724.  
  725. <div id="entries">
  726. {block:Posts}
  727. <div id="post">
  728.  
  729. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1><span class="caption">{Body}</span>{/block:Text}
  730.  
  731. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}<span class="caption">{Caption}</span>{/block:Caption}{/block:Photo}
  732.  
  733. {block:Photoset}{Photoset-500}{block:Caption}<span class="caption">{Caption}</span>{/block:Caption}{/block:Photoset}
  734.  
  735. {block:Quote}<div id="quote">"{Quote}"</div><div id="qsource">{block:Source} — {Source}</div>{/block:Source}{/block:Quote}
  736.  
  737. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  738.  
  739. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  740.  
  741. {block:Audio}{AudioPlayerWhite}{block:TrackName}"{TrackName}" {/block:TrackName}{block:Artist}by {Artist} &mdash; {/block:Artist}
  742. {playcountwithlabel}{block:Caption}<span class="caption">{Caption}</span>{/block:Caption}{/block:Audio}
  743.  
  744. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  745.  
  746. {block:Answer}<div id="asker">{Asker} whispered:</div><div id="question"><br>{Question}<br><br></div>{Answer}{/block:Answer}
  747.  
  748.  
  749. <div id="info">
  750.  
  751. <br>{block:ContentSource}
  752.  
  753. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  754. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  755. {/block:SourceLogo}
  756. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  757. {/block:ContentSource}
  758.  
  759. {block:Date}<div id="infoo">
  760. <div style=" "> <a style="font-size: 12px;color:{color:Link1}" href="{ReblogURL}" title="reblog" >{text:sidebar links symbol}</a> {block:RebloggedFrom}<a style="font-size: 12px;color:{color:Link3}" href="{ReblogParentURL}"
  761. title="via {ReblogParentName}">{text:sidebar links symbol}</a> <a style="font-size: 12px; color:{color:Link5}" href="{ReblogRootURL}" title="source {ReblogRootName}">{text:sidebar links symbol}</a>  {/block:RebloggedFrom}<a href="{Permalink}" title="posted {TimeAgo}">{Month} {DayOfMonth}{DayOfMonthSuffix}</a> {block:NoteCount} (<a href="{Permalink}" title="with {NoteCount} notes">{NoteCount}</a>){/block:NoteCount}</div>{/block:Date}
  762.    
  763. </div>
  764. <br>
  765. <div id="tags">{block:HasTags}{block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}
  766.    
  767. </div></div>
  768.  
  769. </div>
  770.  
  771. {block:Ifshowhidenotes}
  772. {block:PostNotes}<center><a id="displayText" href="javascript:toggle();" style="font-size:9px;font-family:calibri; letter-spacing:2px;">SHOW NOTES</a></center>
  773. <div id="toggleText" style="display: none"><div id="notes">{PostNotes}</div>
  774. </div>{/block:PostNotes}
  775. {/block:Ifshowhidenotes}
  776.  
  777. {block:Ifnotshowhidenotes}
  778. {block:PostNotes}
  779. {PostNotes}
  780. {/block:PostNotes}
  781. {block:Ifnotshowhidenotes}
  782.  
  783. {/block:Posts}
  784.  
  785. {block:Pagination}<div id="pagination">
  786. {block:PreviousPage}<a href="{PreviousPage}">&larr;</a>&nbsp;&nbsp;{/block:PreviousPage}
  787. {block:JumpPagination length="5"}
  788. {block:CurrentPage}<span class="current_page">{PageNumber}</span>&nbsp;&nbsp;{/block:CurrentPage}
  789. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>&nbsp;&nbsp;{/block:JumpPage}
  790. {/block:JumpPagination}
  791. {block:NextPage}<a href="{NextPage}">&rarr;</a>{/block:NextPage}</div>
  792. {/block:Pagination}
  793.  
  794.  
  795. </div>
  796.  
  797.  
  798. <div id="cred"><a href="http://addictcastiel.tumblr.com/" title="THEME">©</a></div>
  799.  
  800. </body>
  801.  
  802.  
  803. {block:Ifpopupaskbox}
  804. <div id="ask" class="popup_block">
  805.    
  806. <div id="askland">
  807.  
  808.  
  809. <span style="float:left; font-transform: uppercase; font-family:calibri; font-size: 9px;">{text:Text above pop up askbox}</span>
  810.  
  811. <p><iframe frameborder="0" height="190" id="ask_form" scrolling="no" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" width="494px" style="background-color: transparent; overflow: hidden;"></iframe></a></p>
  812. </div>
  813.    
  814. </div>
  815. {block:Ifpopupaskbox}
  816.  
  817. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!