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

ROLLING CURTAINS THEME by SEFIERA

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