Advertisement
0fficialvanessa

King Bed:: Theme Thirty-Three

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