Advertisement
0fficialvanessa

"You Make Me Complete" Theme Twenty-Seven.

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