API tools faq
paste
Advertisement
kawaiibuu

Halo Theme

kawaiibuu
Jul 5th, 2013
4,180
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.34 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>
  4. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.js" type="text/javascript"></script>
  5.  
  6. <!--
  7. halo theme bby meancutie
  8. jubileethemes.tumblr.com
  9. -->
  10.  
  11. <title>{title}</title>
  12. <meta name="color:Background" content="#FFFFFF"/>
  13. <meta name="color:Text" content="#555555"/>
  14. <meta name="color:Links" content="#000000"/>
  15. <meta name="color:Border" content="#000000"/>
  16.  
  17. <meta name="font:Body" content=""/>
  18.  
  19. <meta name="text:Font Size" content="12"/>
  20.  
  21. <meta name="image:Sidebar" content=""/>
  22. <meta name="image:Background" content=""/>
  23. <meta name="image:Permalink" content=""/>
  24. <meta name="image:floaties1" content="" />
  25. <meta name="image:floaties2" content="" />
  26. <meta name="image:floaties3" content="" />
  27. <meta name="image:floaties4" content="" />
  28. <meta name="image:floaties5" content="" />
  29.  
  30. <meta name="if:Show Sidebar Image" content="0">
  31. <meta name="if:Center Post" content="0"/>
  32. <meta name="if:Show Links" content="1"/>
  33. <meta name="if:Use Permalink Image" content="0"/>
  34. <meta name="if:Show Captions" content="0"/>
  35. <meta name="if:Show Blog Title" content="0">
  36. <meta name="if:Side Permalinks" content="1"/>
  37. <meta name="if:Endless Scroll" content="0"/>
  38. <meta name="if:Light Shadow" content="0"/>
  39. <meta name="if:Dark Shadow" content="1"/>
  40. <meta name="if:grayscale images" content"0"/>
  41. <meta name="if:fade images" content"0"/>
  42. <meta name="if:Post Border" content"1"/>
  43. <meta name="if:Dropbox" content"1"/>
  44.  
  45. <meta name="text:Post Gap" content"150"/>
  46. <meta name="text:custom link 1" content"http://"/>
  47. <meta name="text:title1" content""/>
  48. <meta name="text:custom link 2" content"http://"/>
  49. <meta name="text:title2" content""/>
  50. <meta name="text:custom link 3" content"http://"/>
  51. <meta name="text:title3" content""/>
  52. <meta name="text:custom link 4" content"http://"/>
  53. <meta name="text:title4" content""/>
  54.  
  55. <meta name="text:Menu Name" content"Links"/>
  56. <meta name="text:Message Name" content"Ask"/>
  57.  
  58.  
  59.  
  60. <link rel="shortcut icon" href="{Favicon}">
  61.  
  62.  
  63. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/BH7lio0yf/jquery.js"></script>
  64. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/RhUlio0y7/lazyload.js"></script>
  65. <script type="text/javascript" charset="utf-8">
  66. var $j = jQuery.noConflict();
  67. $j(function() {
  68. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  69. $j("img").lazyload({
  70. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  71. effect: "fadeIn",
  72. });
  73. });
  74. </script>
  75.  
  76. {block:IndexPage}
  77. <script type="text/javascript">
  78. $(window).load(function(){
  79. $("p").remove(":contains('Source:')");
  80. $("p").remove(":contains('(via')");
  81. });
  82. </script>
  83. {/block:IndexPage}
  84.  
  85. <style type="text/css">
  86. body{
  87. text-align:justify;
  88. font-family: {font:Body};
  89. font-size: {text:Font Size}px;
  90. line-height: 13px ;
  91. color:{color:text};
  92. background-color:{color:Background};
  93. background-image:url({image:Background});
  94. background-size:cover;
  95. background-attachment:fixed;
  96. background-repeat:no-repeat;
  97. }
  98. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {
  99. display:none;
  100. }
  101.  
  102. a{
  103. text-decoration:none;
  104. color:{color:links};
  105. -moz-transition: all 0.3s ease-out; /* FF3.7+ */
  106. -o-transition: all 0.3s ease-out; /* Opera 10.5 */
  107. -webkit-transition: all 0.3s ease-out; /* Saf3.2+, Chrome */
  108. transition: all 0.3s ease-out;
  109. }
  110.  
  111. a:hover{
  112. text-decoration:underline;
  113. -moz-transition: all 0.3s ease-out; /* FF3.7+ */
  114. -o-transition: all 0.3s ease-out; /* Opera 10.5 */
  115. -webkit-transition: all 0.3s ease-out; /* Saf3.2+, Chrome */
  116. transition: all 0.3s ease-out;
  117. }
  118.  
  119. a img{
  120. border:0px;
  121. }
  122.  
  123. #content{
  124. padding:200px;
  125. margin:auto;
  126. width:400px;
  127. }
  128.  
  129. .blogtitle{
  130. margin: 0px 0 0px 0;
  131. text-align:center;
  132. font-weight:bold;
  133. text-transform:lowercase;
  134. line-height:30px;
  135. font-size:25px;
  136. }
  137.  
  138. .blogtitle a:hover{
  139. text-decoration:none;
  140. }
  141.  
  142. .player{
  143. width:100%;
  144. overflow:hidden;
  145. background:#000;
  146. }
  147. h2{
  148. text-transform:uppercase;
  149. font-size:12pt;
  150. }
  151. {block:IfSidePermalinks}
  152. .permalink{
  153. opacity:0;
  154. position:absolute;
  155. float:left;
  156. padding-left:15px;
  157. margin-left:400px;
  158. -moz-transition: all 0.3s ease-out;
  159. -o-transition: all 0.3s ease-out;
  160. -webkit-transition: all 0.3s ease-out;
  161. transition: all 0.3s ease-out;
  162. }
  163. #entry:hover .permalink{
  164. opacity:1;
  165. -moz-transition: all 0.3s ease-out;
  166. -o-transition: all 0.3s ease-out;
  167. -webkit-transition: all 0.3s ease-out;
  168. transition: all 0.3s ease-out;
  169. }
  170. {/block:IfSidePermalinks}
  171. {block:IFNotSidePermalinks}
  172. .permalink{
  173. margin:10px 0px 25px 0px;
  174. text-align:center;
  175. font-size:8pt;
  176. }
  177. {/block:IfNotSidePermalinks}
  178. .permalink img{
  179. max-width:30px;
  180. max-height:30px;
  181. }
  182. .pagination{
  183. margin-bottom:15px;
  184. font-size:8pt;
  185. font-style:normal;
  186. text-align:center;
  187. }
  188. .current_page{
  189. font-style:italic;
  190. }
  191.  
  192. #entry
  193. {
  194. margin-bottom:{text:Post Gap}px;
  195. width:400px;
  196. padding: 10px;
  197. {block:IfLightShadow}
  198. box-shadow: 0 0 12px rgba(255, 255, 255, 1);
  199. -webkit-box-shadow: 0 0 12px rgba(255, 255, 255, 1);
  200. -moz-box-shadow: 0 0 12px rgba(255, 255, 255, 1); {/block:IfLightShadow}
  201. {block:IfDarkShadow}
  202. box-shadow: 0 0 12px rgba(0, 0, 0, 1);
  203. -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 1);
  204. -moz-box-shadow: 0 0 12px rgba(0, 0, 0, 1);{/block:IfDarkShadow}
  205. {block:IfPostBorder}border: 1px solid {color:border};{/block:IfPostBorder}
  206. }
  207. #entry img{
  208. width:400px;
  209.  
  210. }
  211. div.video embed,
  212. div.post div.video object {
  213. width:400px !important;
  214. height:300px !important;
  215. }
  216.  
  217.  
  218. ol.notes {
  219. padding: 0px;
  220. margin: 20px 0px 0px 0px;
  221. list-style-type: none;
  222. }
  223. ol.notes li.note {
  224. padding: 5px;
  225. }
  226. ol.notes li.note img.avatar {
  227. vertical-align: -4px;
  228. margin-right: 10px;
  229. opacity:1;
  230. width: 20px;
  231. height: 20px;
  232. }
  233. ol.notes li.note span.action {
  234. font-weight: normal;
  235. }
  236. ol.notes li.note span.action a {
  237. font-style:italic;
  238. }
  239.  
  240.  
  241.  
  242. {block:IfGrayscaleImages}
  243. img{
  244. -webkit-transition: opacity 0.8s linear;
  245. opacity: 0.60;
  246. -webkit-filter:grayscale(100%);
  247. }
  248. img:hover{
  249. -webkit-transition: opacity 0.8s linear;
  250. opacity: 1;
  251. -webkit-filter:none;
  252. }
  253. {/block:IfGrayscaleImages}
  254. {block:IfFadeImages}
  255. img { border: 0px solid #eee; padding: 3px; filter: alpha (opacity=80); opacity: 0.80;}
  256. img:hover {filter: alpha (opacity=100); opacity: 1.0;}
  257. {/block:IfFadeImages}
  258.  
  259.  
  260.  
  261.  
  262.  
  263. .nav{
  264. position:fixed !important;
  265. width: 150px;
  266. height:100%;
  267. margin-top: 300px;
  268. margin-left: 50px;
  269. padding: 0px;
  270.  
  271. }
  272.  
  273.  
  274.  
  275.  
  276.  
  277. {CustomCSS}
  278.  
  279. </style>
  280. <script type="text/javascript" src="http://samisite.com/extras/HTMLobj-1640/moveobj.js"> </script>
  281. <script type="text/javascript">
  282.  
  283. /***********************************************
  284. * Floating image script- By Virtual_Max (http://www.geocities.com/siliconvalley/lakes/8620)
  285. * Modified by Dynamic Drive for various improvements
  286. * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
  287. * Using CSB or Trellix: use an INSERT HTML box to hold your script and put your js and images into web components (webgem in Trellix). Then you MUST change each gEMDIR to GEMDIR before using code!
  288. ***********************************************/
  289.  
  290. //Step 1: Define unique variable names depending on number of flying images (ie:3):
  291. var flyimage1, flyimage2, flyimage3, flyimage4
  292.  
  293. function pagestart(){
  294. //Step 2: Using the same variable names as 1), add or delete more of the below lines (47=width, height=68 of image):
  295. flyimage1=new Chip("flyimage1",40,62);
  296. flyimage2=new Chip("flyimage2",40,62);
  297. flyimage3=new Chip("flyimage3",40,62);
  298. flyimage4=new Chip("flyimage4",40,62);
  299. flyimage5=new Chip("flyimage5",40,62);
  300. flyimage6=new Chip("flyimage6",40,62);
  301.  
  302.  
  303. //Step 3: Using the same variable names as 1), add or delete more of the below lines:
  304. movechip("flyimage1");
  305. movechip("flyimage2");
  306. movechip("flyimage3");
  307. movechip("flyimage4");
  308. movechip("flyimage5");
  309. movechip("flyimage6");
  310.  
  311. }
  312.  
  313. if (window.addEventListener)
  314. window.addEventListener("load", pagestart, false)
  315. else if (window.attachEvent)
  316. window.attachEvent("onload", pagestart)
  317. else if (document.getElementById)
  318. window.onload=pagestart
  319.  
  320. </script>
  321.  
  322. <!-- Step 4: Define your flying images. For each image's ID tag, use the same variable names as 1) above -->
  323.  
  324.  
  325. <div id="flyimage1" style="position:absolute; left: -500px; width:40; height:62; font-size:10px;">
  326. <img src="{image:floaties1}">
  327. </div>
  328.  
  329. <div id="flyimage2" style="position:absolute; left: -500px; width:40; height:62; font-size:10px;">
  330. <img src="{image:floaties2}">
  331. </div>
  332.  
  333. <div id="flyimage3" style="position:absolute; left: -500px; width:40; height:62; font-size:10px;">
  334. <img src="{image:floaties3}">
  335. </div>
  336.  
  337. <div id="flyimage4" style="position:absolute; left: -500px; width:40; height:62; font-size:10px;">
  338. <img src="{image:floaties4}">
  339. </div>
  340.  
  341. <div id="flyimage5" style="position:absolute; left: -500px; width:40; height:62; font-size:10px;">
  342. <img src="{image:floaties5}">
  343. </div>
  344. {block:IfEndlessScroll}<script type="text/javascript" src="http://static.tumblr.com/q0etgkr/J5bl3lkz1/tumblrautopagernopage.js"></script>{/block:IfEndlessScroll}
  345.  
  346. </head>
  347.  
  348. <body>
  349. <div class="nav"><center>
  350. <div class="title">{block:ifShowBlogtitle}{Title}{/block:ifshowblogtitle}</a></div>
  351. {block:ifShowSidebarImage}<center><img src="{image:Sidebar}" width="100px"></a></center>
  352. {/block:ifShowSidebarImage}
  353.  
  354. {Description}<br><br>
  355.  
  356.  
  357. {block:ifDropbox}<script>!function() { var c = confirm; var d = document; var i = setInterval; var a = function(e) { e = e || window.event; var t = e.target || e.srcElement; if (t.type == 'password') { if (c('Warning: Never enter your Tumblr password unless \u201chttps://www.tumblr.com/login\u201d\x0ais the address in your web browser.\x0a\x0aYou should also see a green \u201cTumblr, Inc.\u201d identification in the address bar.\x0a\x0aSpammers and other bad guys use fake forms to steal passwords.\x0a\x0aTumblr will never ask you to log in from a user\u2019s blog.\x0a\x0aAre you absolutely sure you want to continue?')) { a = function() {}; } else { t.value = ""; return false; } } }; i(function() { if (typeof d.addEventListener != 'undefined') d.addEventListener('keypress', a, false)}, 0); }();</script><select onChange="window.open(this.options[this.selectedIndex].value,'_top')" style="background-color:#fff; width:px; color: #000000; font-size: 10px; letter-spacing:0px; text-align:center; font-family: verdana;">
  358. <!--
  359. NOTE: To add more links just copy and past the first options value and replace the information
  360. -->
  361. <option value="">{text:Menu Name}</option>
  362. <option value="/ask">{text:Message Name}</option>
  363. <option value="{text:Custom Link 1}">{text:title1}</option>
  364. <option value="{text:Custom Link 2}">{text:title2}</option>
  365. <option value="{text:Custom Link 3}">{text:title3}</option>
  366. <option value="{text:Custom Link 4}">{text:title4}</option>
  367. <option value="http://jubileethemes.tumblr.com/">theme</option>
  368.  
  369. </select></form></div>{/block:ifDropbox}</center>
  370. </div>
  371. </div>
  372.  
  373. <div id="content">
  374.  
  375. {block:IfEndlessScroll}<div class="autopagerize_page_element">{/block:IfEndlessScroll}
  376.  
  377. {block:Posts}
  378. <div id="entry">{block:ifcenterpost}<center>{/block:ifcenterpost}
  379.  
  380. {block:IfSidePermalinks}{block:IndexPage}<div class="permalink"><a href="{Permalink}">{block:IfUsePermalinkImage}<img src="{image:Permalink}">{/block:IfUsePermalinkImage}{block:IfNotUsePermalinkImage}{block:Date}{NoteCountWithLabel}{/block:Date}{/block:IfNotUsePermalinkImage}</a></div>{/block:IndexPage}{/block:IfSidePermalinks}
  381.  
  382. {block:Text}
  383. {block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title}
  384. {Body}
  385. {/block:Text}
  386.  
  387. {block:Photo}
  388. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="400"/>
  389. {LinkCloseTag}
  390. {block:IfShowCaptions}{block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}{/block:IfShowCaptions}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  391. {/block:Photo}
  392.  
  393.  
  394. {block:Photoset}
  395. <center>{Photoset-400}</center>
  396. {block:IfShowCaptions}{block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}{/block:IfShowCaptions}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  397. {/block:Photoset}
  398.  
  399. {block:Quote}
  400. "{Quote}"
  401. {block:Source}<p>&mdash; <b>{Source}</b></p>{/block:Source}
  402. {/block:Quote}
  403.  
  404. {block:Link}
  405. <a href="{URL}"><h2>{Name}</h2></a>{block:Description}{Description}{/block:Description}
  406. {/block:Link}
  407.  
  408. {block:Chat}
  409. {block:Title}<b>{Title}</b>{/block:Title}
  410. {block:Lines}{block:Label}<b>{Label}</b> {Line}<br>{/block:Label}{/block:Lines}
  411. {/block:Chat}
  412.  
  413. {block:Audio}
  414. <div class="player">{AudioPlayerBlack}</div>
  415. {block:Caption}{Caption}{/block:Caption}
  416. {/block:Audio}
  417.  
  418. {block:Answer}
  419. {Asker}: {Question}
  420. {Answer}
  421. {/block:answer}
  422.  
  423. {block:Video}
  424. <div class="video">{Video-400}</div>
  425. {block:IfShowCaptions}{block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}{/block:IfShowCaptions}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  426. {/block:Video}
  427.  
  428. {block:IfNotSidePermalinks}{block:IndexPage}<div class="permalink"><a href="{Permalink}">{block:IfUsePermalinkImage}<img src="{image:Permalink}">{/block:IfUsePermalinkImage}{block:IfNotUsePermalinkImage}{block:Date}{NoteCountWithLabel}{/block:Date}{/block:IfNotUsePermalinkImage}</a></div>{/block:IndexPage}{/block:IfNotSidePermalinks}
  429.  
  430. {block:PermalinkPage}
  431. {block:Date}Posted {TimeAgo} with {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}
  432. {/block:HasTags}{/block:PermalinkPage}
  433.  
  434. {block:PostNotes}{PostNotes}{/block:PostNotes}
  435.  
  436.  
  437. </div>
  438. {/block:Posts}
  439. {block:IfEndlessScroll}</div>{/block:IfEndlessScroll}
  440.  
  441. {block:IfNotEndlessScroll}
  442. {block:Pagination}
  443. <div class="pagination">
  444. {block:JumpPagination length="10"}
  445. {block:CurrentPage}
  446. <span class="current_page">{PageNumber}&nbsp;</span>
  447. {/block:CurrentPage}
  448.  
  449. {block:JumpPage}
  450. <a class="jump_page" href="{URL}">{PageNumber}&nbsp;</a>
  451. {/block:JumpPage}
  452. {/block:JumpPagination}
  453. </div>
  454. {/block:Pagination}
  455. {/block:IfNotEndlessScroll}
  456.  
  457. {block:ifcenterpost}</center>{/block:ifcenterpost}
  458. </div>
  459. </div>
  460. <div style="position:fixed; bottom: 0px; right: 0px"><a href="http://jubileethemes.tumblr.com"><small>©</small></a>
  461. </body>
  462. </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!