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

A Very Potter Theme

By: dec0der on Jan 25th, 2012  |  syntax: None  |  size: 11.20 KB  |  hits: 5,177  |  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. <!--
  2. (c) 2012 | dec0der
  3. Theme #2: A Very Potter Theme theme
  4.  
  5. Do not remove the credits, please! Thank you.
  6. -->
  7.  
  8. <head>
  9. <link href='http://fonts.googleapis.com/css?family=Megrim' rel='stylesheet' type='text/css'>
  10. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.js" type="text/javascript"></script>
  11.  
  12. <title>{title}</title>
  13. <meta name="color:Background" content="#C4C2B1"/>
  14. <meta name="color:CenterColumn" content="#FFFFFF"/>
  15. <meta name="color:Text" content="#666666"/>
  16. <meta name="color:Links" content="#000000"/>
  17. <meta name="color:HeaderLinks" content="#C4C2B1">
  18. <meta name="if:Rounded Edge Header Links" content="1"/>
  19.  
  20. <meta name="image:Sidebar" content=""/>
  21. <meta name="if:Show Photo" content="0"/>
  22. <meta name="image:header" content=""/>
  23.  
  24. <meta name="text:Custom Link One" content="" />
  25. <meta name="text:Custom Link One Title" content="" />
  26. <meta name="text:Custom Link Two" content="" />
  27. <meta name="text:Custom Link Two Title" content="" />
  28. <meta name="text:Custom Link Three" content="" />
  29. <meta name="text:Custom Link Three Title" content="" />
  30.  
  31. <meta name="image:Background" content=""/>
  32. <meta name="if:Maximised Background Image" content="0"/>
  33. <meta name="if:Show Captions" content="0"/>
  34. <meta name="if:Endless Scroll" content="0"/>
  35. <meta name="if:DisableRightClick" content="0"/>
  36. <link rel="shortcut icon" href="{Favicon}">
  37.  
  38.  
  39. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/BH7lio0yf/jquery.js"></script>
  40. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/RhUlio0y7/lazyload.js"></script>
  41. <script type="text/javascript" charset="utf-8">
  42. var $j = jQuery.noConflict();
  43. $j(function() {
  44. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  45. $j("img").lazyload({
  46. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  47. effect: "fadeIn",
  48. });
  49. });
  50. </script>
  51.  
  52. {block:IfDisableRightClick}
  53. <SCRIPT TYPE="text/javascript">
  54. <!--
  55. //Disable right click script
  56. //visit http://www.rainbow.arch.scriptmania.com/scripts/
  57. var message="Sorry, right-click has been disabled";
  58. ///////////////////////////////////
  59. function clickIE() {if (document.all) {(message);return false;}}
  60. function clickNS(e) {if
  61. (document.layers||(document.getElementById&&!document.all)) {
  62. if (e.which==2||e.which==3) {(message);return false;}}}
  63. if (document.layers)
  64. {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
  65. else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
  66. document.oncontextmenu=new Function("return false")
  67. // -->
  68. </SCRIPT>
  69. {/block:IfDisableRightClick}
  70.  
  71. {block:IndexPage}
  72. <script type="text/javascript">
  73. $(window).load(function(){
  74. $("p").remove(":contains('Source:')");
  75. $("p").remove(":contains('(via')");
  76. });
  77. </script>
  78. {/block:IndexPage}
  79.  
  80. <style type="text/css">
  81.  
  82. iframe#tumblr_controls{top: 1px !important; margin: 0 0 0 0; right: 6px !important;}
  83.  
  84. body{ text-align:left; font-family: Cambria; font-size: 10px; line-height: 12px ; color:{color:text}; background-color:{color:Background};{block:IfNotMaximisedBackgroundImage} background-image:url({image:Background}); background-attachment:fixed; background-repeat:repeat {/block:IfNotMaximisedBackgroundImage}}
  85.  
  86. div#sideone{position:fixed !important; width:153px; height:100%; background-color:{color:CenterColumn}; margin: -21px 0px 0px -162px; padding:2px; padding-top:60px; text- align: center; border-right: 1px solid white;}
  87.  
  88. div#sidetwo{position:fixed !important; width:148px; height:100%; background-color:{color:CenterColumn}; margin: -21px 0px 0px 305px; padding:2px; padding-top:50px;text- align: center; letter-spacing:2px; border-left: 1px solid white;}
  89.  
  90. ::-webkit-scrollbar-thumb:vertical { background-color:{color:HeaderLinks}; height:100px;}
  91.  
  92. ::-webkit-scrollbar-thumb:horizontal { background-color:{color:HeaderLinks}; height:10px;}
  93.  
  94. ::-webkit-scrollbar { height:10px; width:6px; background-color:{color:background};}
  95.  
  96. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  97. a{
  98. text-decoration:none; color:{color:links}; -moz-transition: all 0.3s ease-out; /* FF3.7+ */ -o-transition: all 0.3s ease-out; /* Opera 10.5 */ -webkit-transition: all 0.3s ease-out; /* Saf3.2+, Chrome */ transition: all 0.3s ease-out;}
  99.  
  100. .header {font-family:Megrim; font-size:25px; line-height:30px; font-style:bold; text-align:center; font-color:{color:HeaderLinks}; margin-left:-161px; margin-top:-21px; width:618px; height:30; background:{color:CenterColumn}; position:fixed;}
  101.  
  102. .headerlinks {height:15px; width:148px; background-color:{color:HeaderLinks}; line-height:15px; margin-bottom:2px; text-align:center; float:left; {block:ifRoundedEdgeHeaderLinks}-moz-border-radius:6px; border-radius:6px;{/block:ifRoundedEdgeHeaderLinks}}
  103. .headerlinks:hover {background-color:#eeeeee;}
  104.  
  105. a:hover{ font-style:italic; -moz-transition: all 0.3s ease-out; /* FF3.7+ */ -o-transition: all 0.3s ease-out; /* Opera 10.5 */ -webkit-transition: all 0.3s ease-out; /* Saf3.2+, Chrome */ transition: all 0.3s ease-out;}
  106.  
  107. #content{background:{Color:CenterColumn}; padding:6px; margin:auto; margin-top:15px; width:300px;}
  108.  
  109. {block:IfMaximisedBackgroundImage}
  110. #bg img {
  111. z-index:-1;
  112. position:fixed;
  113. top:0;
  114. left:0;
  115. height:100%;
  116. width:100%;
  117. }
  118. {block:IfMaximisedBackgroundImage}
  119.  
  120. .player{
  121. width:300px;
  122. overflow:hidden;
  123. background:#000;
  124. }
  125.  
  126. h2{
  127. font-style:italic;
  128. font-size:12pt;
  129. }
  130.  
  131. .permalink{
  132. margin:1px 0px 1px 0px;
  133. text-align:center;
  134. font-size:9px;
  135. }
  136.  
  137. .pagination{
  138. margin-bottom:10px;
  139. font-size:8pt;
  140. font-style:normal;
  141. text-align:center;
  142. }
  143.  
  144. .current_page{
  145. font-style:italic;
  146. }
  147.  
  148. #entry{
  149. margin-bottom:2px;
  150. width:300px;
  151. }
  152. #entry img{
  153. max-width:300px;
  154. }
  155.  
  156. .photoset, .photoset_row, div.photoset_photo, .photoset img, .html_photoset {
  157. {block:IndexPage}
  158. width: 300px !important;
  159. margin-left:25px;
  160. {/block:IndexPage}
  161. }
  162.  
  163. div.video embed,
  164. div.post div.video object {
  165. width:300px !important;
  166. height:200px !important;
  167. }
  168.  
  169. ol.notes {
  170. padding: 0px;
  171. margin: 20px 0px 0px 0px;
  172. list-style-type: none;
  173. }
  174. ol.notes li.note {
  175. padding: 5px;
  176. }
  177. ol.notes li.note span.action {
  178. font-weight: normal;
  179. }
  180. ol.notes li.note span.action a {
  181. font-style:italic;
  182. }
  183.  
  184. {CustomCSS}
  185.  
  186. </style>
  187.  
  188. {block:IfEndlessScroll}<script type="text/javascript" src="http://static.tumblr.com/q0etgkr/J5bl3lkz1/tumblrautopagernopage.js"></script>{/block:IfEndlessScroll}
  189.  
  190. </head>
  191.  
  192. <body>
  193.  
  194. {block:IfMaximisedBackgroundImage}<div id="bg"><img src="{image:Background}"></div>{/block:IfMaximisedBackgroundImage}
  195.  
  196. <div id="content">
  197.  
  198. <div id="sideone">
  199. {block:ifShowPhoto}<img src="{image:sidebar}" width=153>{/block:ifShowPhoto}<br><br>
  200. {Description}<br>
  201. </div>
  202.  
  203. <div id="sidetwo">
  204. {block:Ifheaderimage}<center><img src="{image:Header}" width=148/><div class="headerp"></div></center>{/block:Ifheaderimage}<br>
  205. <div class="headerlinks"><a href="/">home</a></div>
  206. <div class="headerlinks"><a href="/ask">questions</a></div>
  207. <div class="headerlinks">{block:ifCustomLinkOneTitle}
  208. <a href="{text:Custom Link One}">{text:Custom Link One Title}</a>&nbsp;{/block:ifCustomLinkOneTitle}</div>
  209. <div class="headerlinks">{block:ifCustomLinkTwoTitle}
  210. <a href="{text:Custom Link Two}">{text:Custom Link Two Title}</a>&nbsp;{/block:ifCustomLinkTwoTitle}</div>
  211. <div class="headerlinks">{block:ifCustomLinkThreeTitle}
  212. <a href="{text:Custom Link Three}">{text:Custom Link Three Title}</a>&nbsp;{/block:ifCustomLinkThreeTitle}</div>
  213. {block:HasPages}{block:Pages}<div class="headerlinks"><a href="{URL}">{Label}</a></div>{/block:Pages}{/block:HasPages}
  214. <div class="headerlinks"><a href="http://www.dec0der.tumblr.com">theme</a></div><br>
  215. </div>
  216.  
  217. <div class="header">
  218. <b>{Title}</b>
  219. </div><br>
  220.  
  221. {block:IfEndlessScroll}<div class="autopagerize_page_element">{/block:IfEndlessScroll}
  222.  
  223. {block:Posts}
  224. <div id="entry">
  225.  
  226. {block:Text}
  227. {block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title}
  228. {Body}
  229. <div class="permalink"><a href="{Permalink}">{block:Date}{ShortMonth} {DayOfMonth} @ {24HourWithZero}:{Minutes}{AmPm}{/block:Date}</a></div>
  230. {/block:Text}
  231.  
  232. {block:Photo}
  233. {block:IndexPage} <a href="{Permalink}"> {/block:IndexPage}
  234. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  235. <img src="{PhotoURL-400}" width="300" alt="{PhotoAlt}"/>
  236. {block:IndexPage}</a>{/block:IndexPage}
  237. {block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}
  238. {block:IfShowCaption}{Caption}{/block:IfShowCaption}
  239. {/block:Photo}
  240.  
  241. {block:Photoset}
  242. <center><div class="photoset_photo">{Photoset-250}</div></center>
  243. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  244. <div class="permalink"><a href="{Permalink}">{block:Date}{ShortMonth} {DayOfMonth} @ {24HourWithZero}:{Minutes}{AmPm}{/block:Date}</a></div>
  245. {/block:Photoset}
  246.  
  247. {block:Quote}
  248. "{Quote}"<br>
  249. {block:Source}<p>&mdash; <b>{Source}</b></p>{/block:Source}
  250. <div class="permalink"><a href="{Permalink}">{block:Date}{ShortMonth} {DayOfMonth} @ {24HourWithZero}:{Minutes}{AmPm}{/block:Date}</a></div>
  251. {/block:Quote}
  252.  
  253. {block:Link}
  254. <a href="{URL}"><h2>{Name}</h2></a>{block:Description}{Description}{/block:Description}
  255. <div class="permalink"><a href="{Permalink}">{block:Date}{ShortMonth} {DayOfMonth} @ {24HourWithZero}:{Minutes}{AmPm}{/block:Date}</a></div>
  256. {/block:Link}
  257.  
  258. {block:Chat}
  259. {block:Title}<b>{Title}</b>{/block:Title}
  260. {block:Lines}{block:Label}<b>{Label}</b> {Line}<br>{/block:Label}{/block:Lines}
  261. <div class="permalink"><a href="{Permalink}">{block:Date}{ShortMonth} {DayOfMonth} @ {24HourWithZero}:{Minutes}{AmPm}{/block:Date}</a></div>
  262. {/block:Chat}
  263.  
  264. {block:Audio}
  265. <div class="player">{AudioPlayerBlack}</div>
  266. <div style="padding:2px; font-size:10px; text-align:center;"><a href="{permalink}">{block:Artist}{Artist}{/block:Artist} → {block:TrackName}{TrackName} {/block:TrackName}</a></div>
  267. {block:IfShowCaption}{Caption}{/block:IfShowCaption}
  268. {/block:Audio}
  269.  
  270. {block:Answer}
  271. {Asker}: {Question}
  272. <i>{Answer}</i>
  273. <div class="permalink"><a href="{Permalink}">{block:Date}{ShortMonth} {DayOfMonth} @ {24HourWithZero}:{Minutes}{AmPm}{/block:Date}</a></div>
  274. {/block:answer}
  275.  
  276. {block:Video}
  277. <div class="video">{Video-400}</div>
  278. {block:IfShowCaptions}{block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}{/block:IfShowCaptions}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  279. <div class="permalink"><a href="{Permalink}">{block:Date}{ShortMonth} {DayOfMonth} @ {24HourWithZero}:{Minutes}{AmPm}{/block:Date}</a></div>
  280. {/block:Video}
  281.  
  282. {block:PermalinkPage}
  283. {block:Date}Posted {TimeAgo} ∞ {NoteCountWithLabel}{/block:Date}{block:HasTags}<br>Tags:&nbsp;{block:Tags}<a href="{TagURL}"><span style="border-bottom:1px solid {color:Links}; color:{color:Text}; line-height:14px;">{Tag}</span></a>&nbsp;&nbsp;{/block:Tags}
  284. {/block:HasTags}{/block:PermalinkPage}
  285.  
  286.  
  287. </div>
  288. {/block:Posts}
  289. {block:IfEndlessScroll}</div>{/block:IfEndlessScroll}
  290.  
  291. {block:IfNotEndlessScroll}
  292. {block:Pagination}
  293. <div class="pagination">
  294. {block:JumpPagination length="4"}
  295. {block:CurrentPage}
  296. <span class="current_page">{PageNumber}&nbsp;</span>
  297. {/block:CurrentPage}
  298.  
  299. {block:JumpPage}
  300. <a class="jump_page" href="{URL}">{PageNumber}&nbsp;</a>
  301. {/block:JumpPage}
  302. {/block:JumpPagination}
  303. </div>
  304. {/block:Pagination}
  305. {/block:IfNotEndlessScroll}
  306.  
  307. </div>
  308.  
  309. </body>
  310. </html>
create a new version of this paste RAW Paste Data