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

FOREVER BLUE THEME by SEFIERA

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