Advertisement
0fficialvanessa

"Honeymoon Avenue" Theme Twenty-One.

Sep 2nd, 2013
3,137
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.76 KB | None | 0 0
  1. <!-- Theme Twenty-One // Honeymoon Avenue - Heavenlyhugs
  2. Please do not remove the credit, thanks!
  3.  
  4. ▀▀█▀▀ █░░█ █▀▀ █▀▄▀█ █▀▀   █▀▀▄ █░░█
  5. ░▒█░░ █▀▀█ █▀▀ █░▀░█ █▀▀   █▀▀▄ █▄▄█
  6. ░▒█░░ ▀░░▀ ▀▀▀ ▀░░░▀ ▀▀▀   ▀▀▀░ ▄▄▄█
  7.  
  8. █─░█ █▀▀ █▀▀█ ▀█─█▀ █▀▀ █▀▀▄ █── █──█ █──█ █──█ █▀▀▀ █▀▀
  9. ░█▀▀█ █▀▀ █▄▄█ ─█▄█─ █▀▀ █──█ █── █▄▄█ █▀▀█ █──█ █─▀█ ▀▀█
  10. ░█─░█ ▀▀▀ ▀──▀ ──▀── ▀▀▀ ▀──▀ ▀▀▀ ▄▄▄█ ▀──▀ ─▀▀▀ ▀▀▀▀ ▀▀▀
  11.  
  12. -->
  13.  
  14. <html lang="en">
  15. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  16. <html xmlns="http://www.w3.org/1999/xhtml">
  17. <head>
  18.  
  19. <script type="text/javascript">
  20. <!--
  21.  
  22. // Disable Right Click Script
  23.  
  24. function IE(e)
  25. {
  26. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  27. {
  28. return false;
  29. }
  30. }
  31. function NS(e)
  32. {
  33. if (document.layers || (document.getElementById && !document.all))
  34. {
  35. if (e.which == "2" || e.which == "3")
  36. {
  37. return false;
  38. }
  39. }
  40. }
  41. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  42.  
  43. //-->
  44. </script>
  45.  
  46.  
  47. <script type="text/javascript"
  48. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  49.  
  50. <!--DEFAULT VARIABLES-->
  51. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  52.  
  53. <meta name="color:background" content="#fafafa"/>
  54. <meta name="color:link" content="#daadcb"/>
  55. <meta name="color:text" content="#777"/>
  56. <meta name="color:title" content="#333"/>
  57. <meta name="color:hover" content="#373638"/>
  58. <meta name="color:text shadow" content="#aaa"/>
  59. <meta name="color:scrollbar" content="#777"/>
  60.  
  61. <meta name="image:sidebar" content="1"/>
  62. <meta name="image:background" content="1"/>
  63.  
  64. <meta name="text:drop down title" content="Click for several links ♥"/>
  65. <meta name="text:link one" content=""/>
  66. <meta name="text:link two" content=""/>
  67. <meta name="text:link three" content=""/>
  68. <meta name="text:link four" content=""/>
  69. <meta name="text:link five" content=""/>
  70. <meta name="text:link six" content=""/>
  71. <meta name="text:link seven" content=""/>
  72. <meta name="text:link eight" content="http://heavenlyhugs.tumblr.com/"/>
  73. <meta name="text:link one title" content="Refresh my blog"/>
  74. <meta name="text:link two title" content="Message me something cute"/>
  75. <meta name="text:link three title" content="Check out the tags"/>
  76. <meta name="text:link four title" content="View my themes"/>
  77. <meta name="text:link five title" content="Best blog ever"/>
  78. <meta name="text:link six title" content="Personal tag just for you"/>
  79. <meta name="text:link seven title" content="Music Playlist"/>
  80. <meta name="text:link eight title" content="Theme Credit"/>
  81.  
  82. <script type="text/javascript" src="http://static.tumblr.com/tiu5k68/xTkm8wqw2/tumblr-title-qtip.js"></script>
  83.  
  84. <style type="text/css">
  85.  
  86. div#qTip {
  87. display: none;
  88. text-align:left;
  89. position:absolute;
  90. letter-spacing:1px;
  91. text-transform:uppercase;
  92. font-weight:bold;
  93. z-index:99;
  94. font-size:8px;
  95. padding:2px;
  96. line-height:13px;
  97. background:white;
  98. border-left:3px solid {color:link};
  99. border-right:3px solid {color:link};
  100. color:{color:text};
  101. }
  102.  
  103. #tumblr_controls{
  104. position:fixed !important;
  105. -webkit-filter: invert(100%)
  106. }
  107.  
  108. iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  109.  
  110. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  111.  
  112. p {
  113. margin:0px;
  114. margin-top:0px;
  115. }
  116.  
  117.  
  118. body {
  119. margin: 5px;
  120. font-family: calibri;
  121. line-height:10px;
  122. font-size:10px;
  123. background-attachment: fixed;
  124. background-repeat: repeat;
  125. color:{color:text};
  126. background-color: {color:Background};
  127. background-image:url({image:Background});
  128. }
  129.  
  130.  
  131. a:link, a:active, a:visited{
  132. text-decoration: none;
  133. -webkit-transition: all 0.6s ease-out;
  134. -moz-transition: all 0.6s ease-out;
  135. -o-transition: all 0.6s ease-out;
  136. transition: all 0.6s ease-out;
  137. color:{color:link};
  138. }
  139.  
  140. a:hover {
  141. text-decoration: none;
  142. -webkit-transition: all 0.3s ease-out;
  143. -moz-transition: all 0.3s ease-out;
  144. -o-transition: all 0.3s ease-out;
  145. transition: all 0.3s ease-out;
  146. cursor: url(http://i.imgur.com/2qleX.jpg), auto;
  147. color: {color:Hover};
  148. text-shadow:0px 0px 2px {color:text shadow};
  149. }
  150.  
  151. div#center{
  152. margin:auto;
  153. position:relative;
  154. width:1000px;
  155. background-color:;
  156. overflow:auto;
  157. overflow-y:hidden;
  158. }
  159.  
  160. .entry {
  161. float:left;
  162. display: block;
  163. margin:5px;
  164. overflow:hidden;
  165. width:250px;
  166. background:white;
  167. padding:10px;
  168. border:1px solid #eee;
  169. {block:PermalinkPage}
  170. width:450px;
  171. text-align:left;
  172. line-height:10px;
  173. {/block:PermalinkPage}
  174. }
  175.  
  176. .entry .perma{
  177. width:250px;
  178. height:auto;
  179. margin-left:0px;
  180. position: absolute;
  181. line-height: 14px;
  182. overflow:hidden;
  183. text-align:center;
  184. top:3px;
  185. padding:3px;
  186. background:white;
  187. word-spacing:2px;
  188. letter-spacing:1px;
  189. opacity: 0.0;
  190. -webkit-transition: all .7s ease;
  191. -moz-transition: all .7s ease;
  192. -o-transition: all .7s ease;
  193. transition: all .7s ease;
  194. }
  195.  
  196. .entry:hover .perma{
  197. overflow:visible;
  198. opacity:1;
  199. }
  200.  
  201. #posts {
  202. width:580px;
  203. margin-top:1px;
  204. z-index:99;
  205. margin-left:269px;
  206. right:auto;
  207. background:transparent;
  208. margin-right:auto;
  209. position:relative;
  210. overflow-y: hidden;
  211. }
  212.  
  213. #creditss {
  214. position:fixed !important;
  215. font-size: 8px;
  216. text-transform:uppercase;
  217. bottom:-8px;
  218. right:5px;
  219. padding: 4px;
  220. height:20px;
  221. width:auto;
  222. text-align:center;
  223. background: white;
  224. border: 1px solid #eee;
  225. border-top-left-radius:10px;
  226. border-top-right-radius:10px;
  227. }
  228.  
  229. #sidebar{
  230. position:fixed !important;
  231. width:auto;
  232. background:white;
  233. height:auto;
  234. margin-top:150px;
  235. margin-left:-20px;
  236. text-align:center;
  237. padding:8px;
  238. border:1px solid #eee;
  239. }
  240.  
  241. #sidebar img{
  242. width: 200px;
  243. height: 200px;
  244. }
  245.  
  246. .about{
  247. margin-top:2px;
  248. margin-bottom:2px;
  249. padding:4px;
  250. text-align:center;
  251. width:200px;
  252. }
  253.  
  254. @font-face { font-family: "Camilla"; src: url('http://static.tumblr.com/dcylwch/HvDmhxbob/cuttyfruty.ttf'); }
  255. @font-face { font-family: "Lips"; src: url('http://static.tumblr.com/ygfurav/eGLmkhogi/comesinhandy.ttf'); }
  256. @font-face { font-family: "Ariana"; src: url('http://static.tumblr.com/yo59jgt/m4om1rino/signerica_fat.ttf'); }
  257. @font-face { font-family: "Baby"; src: url('http://static.tumblr.com/ejm8w78/E7bmdzk1u/kgthefighter.ttf'); }
  258. @font-face { font-family: "Dreamer"; src: url('http://static.tumblr.com/vpzhdvv/6d7m90v7t/111.woff');}
  259.  
  260. askk {
  261. font-family:"Baby";
  262. font-size: 15px;
  263. z-index:1;
  264. color: {color:Title};
  265. }
  266.  
  267. .title{
  268. line-height: 16px;
  269. font-size: 16px;
  270. font-family:"Baby";
  271. color:{color:Title};
  272. }
  273.  
  274. .permalink{
  275. text-transform: uppercase;
  276. display: block;
  277. font-size:8px;
  278. text-align: center;
  279. text-decoration: none;
  280. margin-top:8px;
  281. margin-bottom:2px;
  282. border-top:1px solid #eee;
  283. padding:3px;
  284. }
  285.  
  286. #audio {
  287. width:200px;
  288. height:auto;
  289. min-height:60px;
  290. padding-bottom:0px;
  291. }
  292. .cover {
  293. position:absolute;
  294. z-index:1;
  295. width:60px;
  296. height:60px;
  297. }
  298. .cover img {
  299. float:left;
  300. width:60px;
  301. height:60px;
  302. }
  303. .playbox {
  304. opacity:0.6;
  305. width:27px;
  306. height:30px;
  307. overflow:hidden;
  308. position:absolute;
  309. z-index:1000;
  310. margin-left:17px;
  311. margin-top:17px;
  312. text-align:center;
  313. }
  314. .info {
  315. margin-left:73px;
  316. margin-top:4px;
  317. line-height:14px;
  318. }
  319.  
  320. #infscr-loading{
  321. bottom: -70px;
  322. position: absolute;
  323. left: 50%;
  324. margin-left:-8px;
  325. width:16px;
  326. height:11px;
  327. overflow:hidden;
  328. margin-bottom: 50px;
  329. }
  330.  
  331. ::-webkit-scrollbar {
  332. width: 4px;
  333. height: 4px;
  334. border-left:0px solid #ccc;
  335. background-color:{color:background};
  336. }
  337.  
  338. ::-webkit-scrollbar-thumb {
  339. background: {color:scrollbar};
  340. }
  341.  
  342. ::-webkit-scrollbar {
  343. width: 5px;
  344. height: 5px;
  345. background: #dddddd;
  346. }
  347.  
  348. ::-webkit-scrollbar-thumb {
  349. background-color:{color:scrollbar};
  350. }
  351.  
  352. #postnotes{
  353. text-align: justify;}
  354.  
  355. #postnotes blockquote{
  356. border: 0px;}
  357.  
  358. blockquote{
  359. padding:0px 0px 2px 5px;
  360. margin:0px 0px 2px 10px;
  361. border-left: 1px dotted #555555;
  362. }
  363.  
  364. blockquote p, ul{
  365. margin:0px;
  366. padding:0px;
  367. }
  368.  
  369. a img{border: 0px;}
  370.  
  371.  
  372. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  373.  
  374. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  375. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  376.  
  377. .notes img{width:10px; position:relative; top:3px;}
  378. <--ses-->
  379. small{font-size: 90%;}
  380.  
  381. {CustomCSS}
  382.  
  383. </style>
  384.  
  385. {block:IndexPage}
  386. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  387. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  388.  
  389. <script type="text/javascript">
  390. $(window).load(function(){
  391. var $wall = $('#posts');
  392. $wall.imagesLoaded(function(){
  393. $wall.masonry({
  394. itemSelector: '.entry, .entry_photo',
  395. isAnimated : false
  396. });
  397. });
  398.  
  399. $wall.infinitescroll({
  400. navSelector : '#pagination',
  401. nextSelector : '#pagination a',
  402. itemSelector : '.entry, .entry_photo',
  403. bufferPx : 2000,
  404. debug : false,
  405. errorCallback: function() {
  406. $('#infscr-loading').fadeOut('normal');
  407. }},
  408. function( newElements ) {
  409. var $newElems = $( newElements );
  410. $newElems.hide();
  411. $newElems.imagesLoaded(function(){
  412. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  413. });
  414. }); $('#posts').show(500);
  415. });
  416. </script>
  417.  
  418.  
  419. {/block:IndexPage}
  420.  
  421.  
  422. <title>{title}</title>
  423.  
  424. <link rel="shortcut icon" href="{Favicon}" />
  425. <meta name="viewport" content="width=820" />
  426. </head>
  427.  
  428. <body>
  429. <BODY onselectstart="return false;" ondragstart="return false;">
  430. <div class="wrapper">
  431. <div class="header">
  432. </div>
  433.  
  434. <div id="cage">
  435. <div id="center">
  436.  
  437. <!---->
  438. <div id="creditss">
  439. Theme by <a href="http://heavenlyhugs.tumblr.com/"><u>heavenlyhugs</u></a>
  440. <br>
  441. <font color="#eee">------------------------------------------</font>
  442. </div>
  443.  
  444. <div id="sidebar">
  445. <a href="/"><img src="{image:sidebar}" width=100%></a>
  446. <div class="about">
  447. {Description} <br><br>
  448.  
  449. <div style="text-align:center;">
  450. <select onchange='location=this.options[this.selectedIndex].value;' style='width:200px;font-size:8px;text-transform:uppercase;background:{color:background};padding:2px;border:1px solid #eee;color:{color:link};'>
  451.  
  452. <option>{text:drop down title}</option>
  453.  
  454. <option value="{text:link one}">{text:link one title}</option>
  455. <option value="{text:link two}">{text:link two title}</option>
  456. <option value="{text:link three}">{text:link three title}</option>
  457. <option value="{text:link four}">{text:link four title}</option>
  458. <option value="{text:link five}">{text:link five title}</option>
  459. <option value="{text:link six}">{text:link six title}</option>
  460. <option value="{text:link seven}">{text:link seven title}</option>
  461. <option value="{text:link eight}">{text:link eight title}</option>
  462.  
  463.  
  464. </select></div></div>
  465. </div>
  466. <!------------------------------------->
  467.  
  468.  
  469. <div class="left">
  470. <div id="posts">
  471. {block:Posts}
  472. <div class="entry">
  473.  
  474. {block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="body">{Body}</span>
  475. <span class="permalink">
  476. Posted at {12Hour}:{Minutes} {AmPm} with <a href="{Permalink}">{NoteCount} Likes</a> | <a href="{ReblogURL" target="_blank"><i>Reblog This Post</i></a>
  477. <br>{/block:HasTags}</span>
  478. {/block:Text}
  479.  
  480. {block:Answer}
  481. <div style="margin-top:2px;;margin-bottom:0px;min-height:30px; padding: 4px; background-color:#f7f7f7;border:1px solid #eee;border-radius:5px;">
  482. <img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-right:3.5px;"/><askk>{asker}</askk>: {Question}</div>
  483. <div style="margin-top:2px; line-height:11px;margin-bottom:4px; background: transparent;">{Answer}</div>
  484. {/block:Answer}
  485.  
  486. {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description}
  487. <span class="permalink">
  488. Posted at {12Hour}:{Minutes} {AmPm} with <a href="{Permalink}">{NoteCount} Likes</a> | <a href="{ReblogURL" target="_blank"><i>Reblog This Post</i></a></span>
  489. {/block:Link}
  490.  
  491. {block:Photo}
  492. {block:IndexPage}
  493. <center>
  494. <div class="perma">
  495. <div style="font-size:8px;text-transform:uppercase;">
  496. Posted at {12Hour}:{Minutes} {AmPm} on a {DayOfWeek} <br></div>
  497. <div style="font-family:Baby;font-size:11px;text-transform:lowercase;">
  498. <a href="{ReblogURL}" target="_blank"> Reblog This Post</a> </div></div>
  499.  
  500. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  501. {/block:IndexPage}
  502. {block:PermalinkPage}
  503. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  504.  
  505. {LinkCloseTag}
  506. {/block:PermalinkPage}
  507. {/block:Photo}
  508.  
  509. {block:Photoset}
  510. {block:IndexPage}
  511. <center>
  512.  
  513. <div class="perma">
  514. <div style="font-size:8px;text-transform:uppercase;">
  515. Posted at {12Hour}:{Minutes} {AmPm} on a {DayOfWeek} <br></div>
  516. <div style="font-family:Baby;font-size:11px;text-transform:lowercase;">
  517. <a href="{ReblogURL}" target="_blank"> Reblog This Post</a> </div></div>
  518.  
  519. {Photoset-250}</center>
  520. {/block:IndexPage}
  521. {block:PermalinkPage}
  522. <center>
  523. {Photoset-500}</center>
  524. {/block:PermalinkPage}
  525. {/block:Photoset}
  526.  
  527. {block:Quote}<span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}<br>
  528. <span class="permalink">
  529. Posted at {12Hour}:{Minutes} {AmPm} with <a href="{Permalink}">{NoteCount} Likes</a> | <a href="{ReblogURL" target="_blank"><i>Reblog This Post</i></a></span>{/block:Quote}
  530.  
  531. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  532. <ul class="chat">
  533. {block:Lines}
  534. <li class="user_{UserNumber}">
  535. {block:Label}
  536. <span class="label">{Label}</span>
  537. {/block:Label}
  538.  
  539. {Line}
  540. </li>
  541. {/block:Lines}
  542. <span class="permalink">
  543. Posted at {12Hour}:{Minutes} {AmPm} with <a href="{Permalink}">{NoteCount} Likes</a> | <a href="{ReblogURL" target="_blank"><i>Reblog This Post</i></a></span>
  544. {/block:Chat}
  545.  
  546. {block:Audio}
  547. <div id="audio"><div class="cover"><img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>{block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="playbox">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div><div class="info"><b>Artist:</b> <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br><b>Title:</b> <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br><b>Album:</b> <span{block:Album} style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}{block:PlayCount}<br><b>Plays:</b> {FormattedPlayCount}{/block:PlayCount}</div></div>
  548. {block:IndexPage}
  549. {/block:IndexPage}
  550. {/block:Audio}
  551.  
  552. {block:Video}
  553. {block:IndexPage}
  554. <center>
  555. <div class="perma">
  556. <div style="font-size:8px;text-transform:uppercase;">
  557. Posted at {12Hour}:{Minutes} {AmPm} on a {DayOfWeek} <br></div>
  558. <div style="font-family:Baby;font-size:11px;text-transform:lowercase;">
  559. <a href="{ReblogURL}" target="_blank"> Reblog This Post</a> </div></div>
  560. {Video-250}</center>
  561. {/block:IndexPage}
  562. {block:PermalinkPage}
  563. <center>
  564. {Video-400}</center>
  565. {/block:PermalinkPage}
  566. {block:Video}
  567.  
  568.  
  569. {block:PostNotes}<div align="middle">{caption}</div>
  570. <center>
  571.  
  572. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  573.  
  574. {block:HasTags}
  575. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  576. {block:RebloggedFrom}
  577. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  578. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  579.  
  580. {/block:RebloggedFrom}
  581. </center></span>
  582. <br>
  583. <div id="postnotes">{PostNotes}</div><br>
  584.  
  585. <center>{block:ContentSource}
  586. <br><a href="{SourceURL}">
  587. {lang:Source}:
  588. {block:SourceLogo}
  589. <img src="{BlackLogoURL}" width="{LogoWidth}"
  590. height="{LogoHeight}" alt="{SourceTitle}" />
  591. {/block:SourceLogo}
  592. {block:NoSourceLogo}
  593. {SourceLink}
  594. {/block:NoSourceLogo}
  595. </a>
  596. {/block:ContentSource}</center>
  597.  
  598. {/block:PostNotes}
  599. </div>
  600. {/block:Posts}
  601. </div></div>
  602.  
  603. {block:IndexPage}
  604. {block:Pagination}
  605. <div id="pagination">
  606. {block:NextPage}
  607. <a id="nextPage" href="{NextPage}"></a>
  608. {/block:NextPage}
  609. {block:PreviousPage}
  610. <a href="{PreviousPage}"></a>
  611. {/block:PreviousPage}
  612. </div>
  613. {/block:Pagination}
  614. {/block:IndexPage}
  615. </body>
  616.  
  617. <!-- THEME BY Heavenlyhugs -->
  618. <!-- IF YOU'RE GOING TO REMOVE THE CREDIT, PUT IT IN YOUR LINKS OR FAQ -->
  619.  
  620. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement