Don't like ads? PRO users don't see any ads ;-)
Public Pastes
Guest

IMPRISONED TRUTH THEME by SEFIERA

By: raiDshutterbug on Apr 1st, 2012  |  syntax: None  |  size: 10.07 KB  |  hits: 611  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <html>
  2.  
  3. <!--
  4. IMPRISONED TRUTH THEME by SEFIERA(raiDshutterbug)
  5. http://sefiera.tumblr.com/
  6.  
  7. If you are having trouble with this theme, please inform me right away.
  8.  
  9. PLEASE DO NOT REMOVE THE CREDITS. THANK YOU!
  10. --->
  11.  
  12. <title>{Title}</title>
  13.  
  14. <!-- DEFAULT VARIABLES -->
  15.  
  16. <meta name="image:background" content="http://25.media.tumblr.com/tumblr_ls2e05Cme11r3vazto4_250.png" />
  17. <meta name="color:Body text" content="#646363"/>
  18. <meta name="color:background" content="#FFFFFF"/>
  19. <meta name="color:link" content="#D49393"/>
  20. <meta name="color:link hover" content="#D85E5E"/>
  21. <meta name="color:posts bg" content="#FFFFFF"/>
  22. <meta name="color:Navigation Background" content="#F5ADE6"/>
  23. <meta name="color:Scrollbar" content="#F5ADE6"/>
  24. <meta name="color:Scrollbar hover" content="#F872DD"/>
  25. <meta name="color:Scrollbar background" content="#FFFFFF"/>
  26. <meta name="color:Sidebar background" content="#FFFFFF"/>
  27. <meta name="if:Show Caption" content="1"/>
  28. <meta name="if:Show Sidebar Image" content="1"/>
  29. <meta name="if:Infinite Scroll" content="1"/>
  30. <meta name="text:LinkOneName" content=""/>
  31. <meta name="text:LinkOneURL" content=""/>
  32. <meta name="text:LinkTwoName" content=""/>
  33. <meta name="text:LinkTwoURL" content=""/>
  34. <meta name="text:LinkThreeName" content=""/>
  35. <meta name="text:LinkThreeURL" content=""/>
  36. <meta name="text:LinkFourName" content=""/>
  37. <meta name="text:LinkFourURL" content=""/>
  38. <meta name="text:LinkFiveName" content=""/>
  39. <meta name="text:LinkFiveURL" content=""/>
  40.  
  41. <!-- END OF DEFAULT VARIABLES -->
  42.  
  43. <head>
  44.  
  45. <script type="text/javascript"
  46. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  47. <script>
  48. $(document).ready(function() {
  49. //
  50. $('a.poplight[href^=#]').click(function() {
  51. var popID = $(this).attr('rel'); //Get Popup Name
  52. var popURL = $(this).attr('href'); //Get Popup href to define size
  53. var query= popURL.split('?');
  54. var dim= query[1].split('&');
  55. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  56. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://images.findicons.com/files/icons/1030/windows_7/32/close.png" class="btn_close" title="Close" alt="Close!!" /></a>');
  57. var popMargTop = ($('#' + popID).height() + 80) / 2;
  58. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  59. //Apply Margin to Popup
  60. $('#' + popID).css({
  61. 'margin-top' : -popMargTop,
  62. 'margin-left' : -popMargLeft
  63. });
  64. $('body').append('<div id="fade"></div>');
  65. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  66. return false;
  67. });
  68. $('a.close, #fade').live('click', function() {
  69. $('#fade , .popup_block').fadeOut(function() {
  70. $('#fade, a.close').remove(); //fade them both out
  71. });
  72. return false;
  73. });
  74. });
  75. </script>
  76.  
  77. <link rel="shortcut icon" href="{Favicon}">
  78. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  79.  
  80. {block:ifInfiniteScroll}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:ifInfiniteScroll}
  81.  
  82. <style type="text/css">
  83.  
  84. body{ background-color: {color:background}; text-align: justify; font-family: tahoma; font-size: 13px; background-image: url({image:background}); background-attachment: fixed; color: {color:Body text}; }
  85.  
  86. #pagi{ font-family: tahoma; font-size: 12px; }
  87.  
  88. #pagi a{ margin: 3px; text-decoration: none; padding: 5px; }
  89.  
  90. #pagi a:hover{ text-decoration: none; }
  91.  
  92. div.navi a{ font-size: 1px; text-decoration: none; width: 10px; height: 20px; position: fixed; text-align: center; border-radius: 3px; left: 240px; -webkit-transition: .5s; opacity: .5; }
  93.  
  94. div.navi a:hover{ width: 180px; }
  95.  
  96. a, a.visited, a.active{ color: {color:link}; letter-spacing: 1px; text-decoration: none; }
  97.  
  98. a:hover, a.visited:hover, a.active:hover{ color: {color:link hover}; letter-spacing: 1px; }
  99.  
  100. a.link:hover{ color: {color:link hover}; letter-spacing: 1px; text-decoration: none; }
  101.  
  102. a.postlink{ color: {color:link}; letter-spacing: 1px; text-decoration: none; }
  103.  
  104. #main{ width: 410px; top: 10px; left: 560px; position: absolute; }
  105.  
  106. #sidebar{ width: 150px; padding: 5px; top: 100px; left: 250px; position: fixed; font-family: iforgot; font-size: 6pt; background: {color:Sidebar background}; }
  107.  
  108. .perma{ margin-bottom: 10px; font-family: arial; text-align: right; font-size: 10px; }
  109.  
  110. #posts{ padding: 3px; background: {color:posts bg}; margin-bottom: 8px; left: 350px; }
  111.  
  112. img{ opacity: .8; }
  113.  
  114. img:hover{ opacity: 1; -webkit-transition: .4s; }
  115.  
  116. #portrait{ margin-top: 100px; margin-left: 100px; position: fixed; }
  117.  
  118. @font-face {font-family:iforgot; src: url(http://static.tumblr.com/m4mnrxx/DwWm1snma/dc_regular_caps.ttf) format("truetype"); }
  119.  
  120. ::-webkit-scrollbar { width: 5px; height: 5px; }
  121. ::-webkit-scrollbar-button:start:decrement,
  122. ::-webkit-scrollbar-button:end:increment  { height: 0px; display: block; background: #fff; }
  123. ::-webkit-scrollbar-track-piece  { background: {color:Scrollbar background}; }
  124. ::-webkit-scrollbar-thumb { border-radius: 8px; height: 50px; background-color: {color:Scrollbar}; }
  125. ::-webkit-scrollbar-thumb:hover { background: {color:Scrollbar hover}; }
  126.  
  127. .pops {
  128. font-size: 11px;
  129. line-height:13px;
  130. font-family: tahoma;
  131. }
  132.  
  133. #fade { /*--Transparent background layer--*/
  134.     display: none; /*--hidden by default--*/
  135.     background: #000000;
  136.     position: fixed; left: 0; top: 0;
  137.     width: 100%; height: 100%;
  138.     opacity: .80;
  139.     z-index: 9999;
  140. }
  141. .popup_block{
  142.     display: none; /*--hidden by default--*/
  143.     background: #ffffff;
  144.     padding: 10px;
  145.     border: 1px solid #555;
  146.     float: left;
  147.     position: fixed;
  148.     top: 50%; left: 50%;
  149.         z-index: 99999;
  150.         /*--CSS3 Box Shadows--*/
  151.         -webkit-box-shadow: 0px 0px 20px #000;
  152.         -moz-box-shadow: 0px 0px 20px #000;
  153.         box-shadow: 0px 0px 20px #000;
  154.         /*--CSS3 Rounded Corners--*/
  155.         -webkit-border-radius: 10px;
  156.         -moz-border-radius: 10px;
  157.         border-radius: 10px;
  158. }
  159. img.btn_close {
  160.         float: right;
  161.         margin: -5px -5px 0px 0px;
  162.     padding:none;
  163. }
  164. /*--Making IE6 Understand Fixed Positioning--*/
  165. *html #fade {
  166.         position: absolute;
  167. }
  168. *html .popup_block {
  169.         position: absolute;
  170. }
  171.  
  172. #h{ background-color:{color:Navigation Background}; color: {color:Navigation Background}; top: 110px; }
  173.  
  174. #a{ background-color:{color:Navigation Background}; color: {color:Navigation Background}; top: 135px; }
  175.  
  176. #ar{ background-color:{color:Navigation Background}; color: {color:Navigation Background}; top: 160px; }
  177.  
  178. #l{ background-color:{color:Navigation Background}; color: {color:Navigation Background}; top: 185px; }
  179.  
  180. #t{ background-color:{color:Navigation Background}; color: {color:Navigation Background}; top: 210px; }
  181.  
  182. </style>
  183. </head>
  184.  
  185. <body>
  186.  
  187. {block:ifShowSidebarImage}
  188. <div id="portrait">
  189. <img src="{PortraitURL-128}" style="border-radius: 118px;">
  190. </div>
  191. {/block:ifShowSidebarImage}
  192. <div id="sidebar">
  193. {block:Description}
  194. {Description}
  195. {/block:Description}
  196. </div>
  197.  
  198. <div id="main">
  199.  
  200. {block:ifInfiniteScroll}<div class="autopagerize_page_element">{/block:ifInfiniteScroll}
  201.  
  202. {block:Posts}
  203. <div id="posts">
  204.  
  205. {block:Text}
  206. {block:Title}<div class="title" style="font-size: 20px; font-family: Century Gothic;">{Title}</div> {/block:Title}<br>
  207. {Body}
  208. </div>
  209. {/block:Text}
  210.  
  211. {block:Photo}
  212. {LinkOpenTag}<center><img src="{PhotoURL-400}"></center>{LinkCloseTag}
  213.  
  214. {block:IfShowCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaption}
  215. </div>
  216. {/block:Photo}
  217.  
  218. {block:Photoset}
  219. {Photoset-400}
  220. {block:IfShowCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaption}
  221. </div>
  222. {/block:Photoset}
  223.  
  224. {block:Quote}
  225. <span class="quote">"{Quote}"</span>
  226. </div>
  227. {/block:Quote}
  228.  
  229. {block:Link}
  230. <a class="postlink" href="{URL}" target="_blank" style="font-size: 20px; font-style: italic; font-family: Century Gothic;">{Name}</a><br>
  231. {block:Description}{Description}{/block:Description}
  232.  
  233. </div>
  234. {/block:Link}
  235.  
  236. {block:Chat}
  237. <div class="title">{Title}</a></div>
  238. <ul class="chat">
  239. {block:Lines}
  240. <li class="{Alt}">
  241. {block:Label}
  242. <span class="label">{Label}</span>
  243. {/block:Label}{Line}
  244. {/block:Lines}
  245. </ul>
  246. </li>
  247. </div>
  248. {/block:Chat}
  249.  
  250. {block:Audio}
  251. <center>{AudioPlayerBlack}</center>
  252. {block:IfShowCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaption}
  253. </div>
  254. {/block:Audio}
  255.  
  256. {block:Video}
  257. <center>{Video-500}</center>
  258. {block:IfShowCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaption}
  259. </div>
  260. {/block:Video}
  261.  
  262. {block:Answer}
  263. <img src="{AskerPortraitURL-40}" style="float: left; margin-right: 5px; border-radius: 30px; "> {Asker} whispered: {Question}<br><br>
  264. <span class="answer">{Answer}</span>
  265. </div>
  266. {/block:Answer}
  267.  
  268. {block:IndexPage}
  269. <div class="perma"><a href="{Permalink}">{NoteCountWithLabel}</a> <font style="color: #FF0000;">♥</font> <a href="{ReblogURL}" target="_blank">Reblog</a></div>
  270. {/block:IndexPage}
  271.  
  272. {block:PermalinkPage}
  273.  
  274. {/block:PermalinkPage}
  275.  
  276. {block:PostNotes}
  277.  
  278. {PostNotes}
  279.  
  280. {/block:PostNotes}
  281.  
  282. {/block:Posts}
  283.  
  284. {block:ifNotInfiniteScroll}
  285. <center><div id="pagi"> {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">recent entries</a>{/block:PreviousPage}{/block:Pagination} {block:Pagination}{block:NextPage}<a href="{NextPage}">older entries</a>{/block:NextPage}{/block:Pagination} </div></center>
  286. {/block:ifNotInfiniteScroll}
  287.  
  288. </div></div></div>
  289.  
  290. <div id="links" class="popup_block">
  291. <div class="pops">
  292.  
  293. <a href="{text:LinkOneURL}">&gt;&gt;{text:LinkOneName}</a><BR>
  294. <a href="{text:LinkTwoURL}">&gt;&gt;{text:LinkTwoName}</a><BR>
  295. <a href="{text:LinkThreeURL}">&gt;&gt;{text:LinkThreeName}</a><BR>
  296. <a href="{text:LinkFourURL}">&gt;&gt;{text:LinkFourName}</a><BR>
  297. <a href="{text:LinkFiveURL}">&gt;&gt;{text:LinkFiveName}</a><BR>
  298.  
  299. </div>
  300. </div></div>
  301.  
  302. </div></div></div></div></div></div></div></div></div></div>
  303.  
  304. <div class="navi">
  305.  
  306. <a href="/" id="h" title="refresh">h</a>
  307. <a href="/ask" id="a" title="ask">a</a>
  308. <a href="/archive" id="ar" title="archive">ar</a>
  309. <a href="#?w=400" id="l"  title="more links" rel="links" class="poplight">l</a>
  310. <a href="http://sefiera.tumblr.com/" target="_blank" id="t" title="theme">t</a>
  311.  
  312. </div>
  313.  
  314. </body>
  315. </html>
create a new version of this paste RAW Paste Data