Advertisement
0fficialvanessa

Hopeless:: Theme Thirty-Four

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