API tools faq
paste
Fucking_Aj

Love Layout Theme 4 - "Miles Away" by Mufflinq

Fucking_Aj
Jun 4th, 2014
309
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 42.50 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. █── █▀▀█ ▀█─█▀ █▀▀ 　 █── █▀▀█ █──█ █▀▀█ █──█ ▀▀█▀▀ █▀▀
  3. █── █──█ ─█▄█─ █▀▀ 　 █── █▄▄█ █▄▄█ █──█ █──█ ──█── ▀▀█
  4. ▀▀▀ ▀▀▀▀ ──▀── ▀▀▀ 　 ▀▀▀ ▀──▀ ▄▄▄█ ▀▀▀▀ ─▀▀▀ ──▀── ▀▀▀
  5. -->
  6.  
  7. <html lang="en">
  8. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  9. <html xmlns="http://www.w3.org/1999/xhtml">
  10. <head>
  11. <script type="text/javascript"
  12. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  13. <script>
  14. $(document).ready(function() {
  15. //
  16. $('a.poplight[href^=#]').click(function() {
  17. var popID = $(this).attr('rel'); //Get Popup Name
  18. var popURL = $(this).attr('href'); //Get Popup href to define size
  19. var query= popURL.split('?');
  20. var dim= query[1].split('&');
  21. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  22. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://upload.wikimedia.org/wikipedia/commons/f/f8/Tooltip-CloseButton.png" class="btn_close" title="Close" alt="Close" /></a>');
  23. var popMargTop = ($('#' + popID).height() + 80) / 2;
  24. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  25. //Apply Margin to Popup
  26. $('#' + popID).css({
  27. 'margin-top' : -popMargTop,
  28. 'margin-left' : -popMargLeft
  29. });
  30. $('body').append('<div id="fade"></div>');
  31. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  32. return false;
  33. });
  34. $('a.close, #fade').live('click', function() {
  35. $('#fade , .popup_block').fadeOut(function() {
  36. $('#fade, a.close').remove(); //fade them both out
  37. });
  38. return false;
  39. });
  40. });
  41. </script>
  42. <script type="text/javascript">
  43. <!--
  44.  
  45. // Disable Right Click Script
  46.  
  47. function IE(e)
  48. {
  49. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  50. {
  51. return false;
  52. }
  53. }
  54. function NS(e)
  55. {
  56. if (document.layers || (document.getElementById && !document.all))
  57. {
  58. if (e.which == "2" || e.which == "3")
  59. {
  60. return false;
  61. }
  62. }
  63. }
  64. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  65.  
  66. //-->
  67. </script>
  68. <script type="text/javascript"
  69. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  70. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  71. <style>
  72. div#qTip {
  73. padding: 4px;
  74. height:8px;
  75. display: none;
  76. text-align: center;
  77. font-size:8px;
  78. position: absolute;
  79. font-family:calibri;
  80. line-height:8px;
  81. letter-spacing:1px;
  82. border-radius:5px;
  83. z-index: 999999999999;
  84. border:1px solid white;
  85. background:{color:sidebar borders};
  86. color:white;
  87. text-transform:uppercase;
  88. letter-spacing: 1px;
  89. }
  90. </style>
  91.  
  92.  
  93. <script type="text/javascript"
  94. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  95.  
  96. <!--DEFAULT VARIABLES-->
  97. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  98. <meta name="color:background" content="#fff"/>
  99. <meta name="color:link" content="#777"/>
  100. <meta name="color:text" content="#777"/>
  101. <meta name="color:title" content="#333"/>
  102. <meta name="color:hover" content="#fff"/>
  103. <meta name="image:sidebar" content="1"/>
  104. <meta name="image:background" content="1"/>
  105. <meta name="color:sidebar borders" content="#333"/>
  106. <meta name="color:blogtitle" content="#333"/>
  107. <meta name="text:music code" content="/"/>
  108. <meta name="text:link two" content="/"/>
  109. <meta name="text:link three" content="/"/>
  110. <meta name="text:link four" content="/"/>
  111. <meta name="text:link five" content="/"/>
  112. <meta name="text:link six" content="/"/>
  113. <meta name="text:link two msg" content="laa"/>
  114. <meta name="text:link three msg" content="laaa"/>
  115. <meta name="text:link four msg" content="laaaa"/>
  116. <meta name="text:link five msg" content="laaaaa"/>
  117. <meta name="text:link six msg" content="laaaaaa"/>
  118. <meta name="text:name" content="Name"/>
  119. <meta name="text:quote" content="your quote goes here"/>
  120. <style type="text/css">
  121. name{
  122. font-size:15px;
  123. font-family:meem33;
  124. color:{color:blogtitle};
  125. }
  126.  
  127. #fade { /*--Transparent background layer--*/
  128. display: none; /*--hidden by default--*/
  129. background:white;
  130. position: fixed; left: 0; top: 0;
  131. width: 100%; height: 100%;
  132. opacity: .50;
  133. z-index: 999999999;
  134. }
  135. .popup_block{
  136. display: none; /*--hidden by default--*/
  137. background:white;
  138. padding: 20px;
  139. border-left: 11px solid {color:sidebar borders};
  140. border-right: 11px solid {color:sidebar borders};
  141. border-top: 6px solid {color:sidebar borders};
  142.  
  143. border-bottom: 6px solid {color:sidebar borders};
  144. float: left;
  145. font-size:13px;
  146. font-family:calibri;
  147. position: fixed;
  148. text-transform:none;
  149. top: 50%; left: 50%;
  150. z-index: 9999999999999999;
  151. /*--CSS3 Rounded Corners--*/
  152. border-radius:0px;
  153. line-height:11px;
  154.  
  155. -webkit-animation:tada 2s;
  156. -moz-animation:tada 2s;
  157. -ms-animation:tada 2s;
  158. -webkit-transition: all .7s ease;
  159. -moz-transition: all .7s ease;
  160. -o-transition: all .7s ease;
  161. transition: all .7s ease;
  162. }
  163. .popup_block:hover{
  164. border-radius:70px;
  165. -webkit-transition: all .7s ease;
  166. -moz-transition: all .7s ease;
  167. transition: all .7s ease;
  168. }
  169. img.btn_close {
  170. float: right;
  171. margin: 5px 5px 0 0;
  172. }
  173. /*--Making IE6 Understand Fixed Positioning--*/
  174. *html #fade {
  175. position: absolute;
  176. }
  177. *html .popup_block {
  178. position: absolute;
  179. }
  180. ::-webkit-scrollbar-thumb{ background-color:{color:blogtitle}; border:2px solid {color:blogtitle}; height:auto; -moz-border-radius:10px; border-radius:10px; height:2px;}
  181.  
  182. ::-webkit-scrollbar{ height:2px; width:5px; background-color:{color:blogtitle}; border:2px solid #fff;}
  183. iframe#tumblr_controls {right:2px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.05;-webkit-transition: all 0.8s ease-out;-moz-
  184.  
  185. transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  186.  
  187. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 0.8;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  188.  
  189. p {
  190. margin:0px;
  191. margin-top:0px;
  192. }
  193.  
  194.  
  195. body {
  196. padding: 0px;
  197. margin: 0px;
  198. color:{color:text};
  199. font-family: calibri;
  200. line-height:13px;
  201. font-size:11px;
  202. background-color: {color:Background};
  203. background-image:url({image:Background});
  204. background-attachment: fixed;
  205. background-repeat: repeat;
  206. }
  207.  
  208.  
  209. a:link, a:active, a:visited{
  210. text-decoration: none;
  211. -webkit-transition: color 0.3s ease-out;
  212. -moz-transition: color 0.3s ease-out;
  213. transition: color 0.3s ease-out;
  214. color:{color:link};
  215. }
  216.  
  217. a:hover {
  218. text-decoration: none;
  219. font-style:;
  220. color: {color:Hover};
  221. }
  222.  
  223. div#center{
  224. margin:auto;
  225. position:relative;
  226. width:1000px;
  227. background-color:;
  228. overflow:auto;
  229. overflow-y:hidden;
  230. }
  231.  
  232.  
  233. /*CUSTOMIZE ENTRY SETTINGS HERE*/
  234. .entry {
  235. float:left;
  236. display: block;
  237. margin:12px;
  238. overflow:hidden;
  239. width:255px;
  240. padding:10px;
  241. border:1px solid #e1e1e1;
  242. {block:PermalinkPage}
  243. width:450px;
  244. text-align:left;
  245. line-height:10px;
  246. {/block:PermalinkPage}
  247. background:white;
  248. background-image:URL();
  249. }
  250.  
  251.  
  252. /*CUSTOMIZE THE APPEARANCE OF PERMALINKS*/
  253. .entry .perma{
  254. width:auto;
  255. height:auto;
  256. margin-left:3px;
  257. position: absolute;
  258. overflow:hidden;
  259. text-align:center;
  260. bottom:6px;
  261. font-family:consolas;
  262. background:white;
  263. word-spacing:2px;
  264. letter-spacing:1px;
  265. opacity: 0.0;
  266. padding:3px;
  267. padding-bottom:1px;
  268. border-right:4px solid ;
  269. border-left:4px solid ;
  270. border-radius:5px;
  271. -webkit-transition: all .7s ease;
  272. -moz-transition: all .7s ease;
  273. -o-transition: all .7s ease;
  274. transition: all .7s ease;
  275. z-index:9;
  276.  
  277. -webkit-box-shadow: 0px 0px 20px #fff;
  278. -moz-box-shadow: 0px 0px 20px #fff;
  279. box-shadow: 0px 0px 20px #fff;
  280. }
  281.  
  282. .entry:hover .perma{
  283. overflow:visible;
  284. opacity:999; transform: scale(1.05);
  285. -ms-transform: scale(1.05);
  286. -webkit-transform: scale(1.05);
  287. -o-transform: scale(1.05);
  288. -moz-transform: scale(1.05);
  289. -webkit-box-shadow: 0px 0px 20px #fff;
  290. -moz-box-shadow: 0px 0px 20px #fff;
  291. box-shadow: 0px 0px 20px #fff;
  292. }
  293. .LikeButton{
  294.  
  295. position:absolute;
  296. float:left;
  297. top:25px;
  298. left:78px;
  299. z-index:9999;
  300. background:white;
  301. height: 11px;
  302. width:11px;
  303. opacity:0;
  304. border-radius:0px;
  305. padding:14px;
  306. padding-right:20px;
  307. border:1px solid #e1e1e1;
  308. -o-transition-transition: all 0.5s ease;
  309. -webkit-transition: all 0.5s ease;
  310. -moz-transition: all 0.5s ease;
  311. transition: all 0.5s ease;
  312.  
  313. }
  314. .entry:hover .LikeButton{
  315. opacity:.9;
  316.  
  317. top:24px;
  318. left:18px;
  319. -o-transition-transition: all 0.5s ease;
  320. -webkit-transition: all 0.5s ease;
  321. -moz-transition: all 0.5s ease;
  322. transition: all 0.5s ease;
  323.  
  324. }
  325.  
  326. .ReblogButton{
  327. position:absolute;
  328. float:left;
  329. z-index:9999;
  330.  
  331. padding:5px;
  332.  
  333. top:25px;
  334. left:78px;
  335. opacity:0;
  336. background:white;
  337. height: 11px;
  338. width:11px;
  339. opacity:0;
  340. border-radius:0px;
  341. padding:14px;
  342. padding-right:20px;
  343. border:1px solid #e1e1e1;
  344. -o-transition-transition: all 0.5s ease;
  345. -webkit-transition: all 0.5s ease;
  346. -moz-transition: all 0.5s ease;
  347. transition: all 0.5s ease;
  348. }
  349. .entry:hover .ReblogButton{
  350. opacity:.9;
  351. top:24px;
  352. left:64px;
  353.  
  354. -o-transition-transition: all 0.5s ease;
  355. -webkit-transition: all 0.5s ease;
  356. -moz-transition: all 0.5s ease;
  357. transition: all 0.5s ease;
  358.  
  359. }
  360. .LikeButton:hover{
  361.  
  362. -o-transition-transition: all 0.5s ease;
  363. -webkit-transition: all 0.5s ease;
  364. -moz-transition: all 0.5s ease;
  365. transition: all 0.5s ease;
  366. }
  367. .ReblogButton:hover{
  368.  
  369. -o-transition-transition: all 0.5s ease;
  370. -moz-transition: all 0.5s ease;
  371. transition: all 0.5s ease;
  372. }
  373. .MoreButton{
  374. position:absolute;
  375. float:left;
  376. z-index:9999;
  377.  
  378. top:25px;
  379. left:78px;
  380. opacity:0;
  381. background:white;
  382. height: 12px;
  383. width:10px;
  384. opacity:0;
  385. border-radius:0px;
  386. padding:14px;
  387. padding-right:20px;
  388. font-size:0px;
  389. text-align:left;
  390. border:1px solid #e1e1e1;
  391. -o-transition-transition: all 0.5s ease;
  392. -webkit-transition: all 0.5s ease;
  393. -moz-transition: all 0.5s ease;
  394. transition: all 0.5s ease;
  395. }
  396. .entry:hover .MoreButton{
  397. opacity:.9;
  398. top:64px;
  399. left:18px;
  400.  
  401. -o-transition-transition: all 0.5s ease;
  402. -webkit-transition: all 0.5s ease;
  403. -moz-transition: all 0.5s ease;
  404. transition: all 0.5s ease;
  405.  
  406. }
  407.  
  408. .MoreButton:hover{
  409. font-size:11px;
  410. font-family:calibri;
  411. width:164px;
  412. height:54px;
  413. line-height:13px;
  414. text-align:left;
  415. -o-transition-transition: all 0.5s ease;
  416. -webkit-transition: all 0.5s ease;
  417. -moz-transition: all 0.5s ease;
  418. transition: all 0.5s ease;
  419. }
  420. .MoreButton img{
  421. margin-top:-5px;
  422. margin-left:-6px;
  423.  
  424. opacity:.4;
  425. }
  426.  
  427.  
  428.  
  429. /*CUSTOMIZE POST POSITIONING AND STUFFZ HERE*/
  430. #posts {
  431. width:660px;
  432. margin-top:21px;
  433. z-index:99;
  434. margin-left:319px;
  435. right:auto;
  436. background:transparent;
  437. margin-right:auto;
  438. position:relative;
  439. overflow-y: hidden;
  440. }
  441.  
  442.  
  443. /*CUSTOMIZE SIDEBAR HERE*/
  444. #sidebar{
  445. position:fixed !important;
  446. width:220px;
  447. background:white;
  448. height:250px;
  449. margin-top:150px;
  450. margin-left:-35px;
  451. border:1px solid {color:sidebar borders};
  452. text-align:center;
  453. padding:15px;
  454. }
  455.  
  456. #pic{
  457. opacity:.8;
  458. margin-top:0px;
  459. margin-left:0px;
  460. width:220px;
  461. height:250px;
  462. -webkit-transform: perspective(1000) rotateY(0deg);
  463. -moz-transform: perspective(1000) rotateY(0deg);
  464. transform: perspective(1000) rotateY(0deg);
  465. }
  466.  
  467.  
  468. #pic img{
  469. margin-top:0px;
  470. margin-left:-1px;
  471. width:220px;
  472. background:;
  473. height:250px;
  474. opacity:1;
  475. -webkit-transition: all .7s ease;
  476. -moz-transition: all .7s ease;
  477. -o-transition: all .7s ease;
  478. transition: all .7s ease;
  479. -webkit-transform: perspective(00) rotateY(0deg);
  480. -moz-transform: perspective(0) rotateY(0deg);
  481. transform: perspective(00) rotateY(0deg);
  482. -webkit-transform-origin: 0% 0%;
  483. -moz-transform-origin: 0% 0%;
  484. transform-origin: 0% 0%;
  485. }
  486.  
  487. #sidebar:hover #pic img{
  488. border-radius:0px;
  489. background-image:url(http://i45.tinypic.com/16jhspi.png);
  490. -webkit-transform: perspective(1000) rotateY(-180deg);
  491. -moz-transform: perspective(1000) rotateY(-180deg);
  492. transform: perspective(1000) rotateY(-180deg);
  493. -webkit-transform-origin: 0% 0%;
  494. -moz-transform-origin: 0% 0%;
  495. transform-origin: 0% 0%;
  496.  
  497. opacity:0;
  498. }
  499. #desc{
  500. position:fixed;
  501. font-size:14px;
  502. line-height:15px;
  503. margin-top:-250px;
  504. font-family:bubble;
  505. width:215px;
  506. height:60px;
  507. overflow-y:scroll;
  508. border-bottom:1px dashed #ddd;
  509. opacity:0;
  510. -webkit-transition: all .7s ease;
  511. -moz-transition: all .7s ease;
  512. -o-transition: all .7s ease;
  513. transition: all .7s ease;
  514. }
  515. #sidebar:hover #desc{
  516. opacity:1;
  517. -webkit-transition: all .7s ease;
  518. -moz-transition: all .7s ease;
  519. -o-transition: all .7s ease;
  520. transition: all .7s ease;
  521. }
  522. #links{
  523. position:fixed;
  524. width:215px;
  525. border-bottom:1px dashed #ddd;
  526. opacity:0;
  527. margin-top:-120px;
  528. -webkit-transition: all .7s ease;
  529. -moz-transition: all .7s ease;
  530. -o-transition: all .7s ease;
  531. transition: all .7s ease;
  532. }
  533. #sidebar:hover #links{
  534. opacity:1;
  535. -webkit-transition: all .7s ease;
  536. -moz-transition: all .7s ease;
  537. -o-transition: all .7s ease;
  538. transition: all .7s ease;
  539. }
  540. #link1{
  541. position:fixed;
  542. overflow:visible;
  543. opacity:0;
  544. z-index:999999999999999999;
  545. margin-top:-150px;
  546. margin-left:5px;
  547. -webkit-transition: all .3s ease;
  548. -moz-transition: all .3s ease;
  549. -o-transition: all .3s ease;
  550. transition: all .3s ease;
  551. }
  552.  
  553. #sidebar:hover #link1{
  554. opacity:1;
  555. -webkit-transition: all .7s ease;
  556. -moz-transition: all .7s ease;
  557. -o-transition: all .7s ease;
  558. transition: all .7s ease;
  559. }
  560.  
  561. #link1 a{
  562. padding-right:11px;
  563. padding-left:11px;
  564. padding-top:10px;
  565. padding-bottom:0px;
  566. background:white;
  567. border:1px solid #ddd;
  568. border-top-right-radius: 10px;
  569. -moz-border-radius-topright: 10px;
  570. border-bottom-left-radius: 10px;
  571. -moz-border-radius-bottomleft: 10px;
  572. border-top-right-radius: 0px;
  573. -moz-border-radius-topright: 0px;
  574. border-bottom-left-radius: 0px;
  575. -moz-border-radius-bottomleft: 0px;
  576. border-top-left-radius: 10px;
  577. -moz-border-radius-topleft: 10px;
  578. border-bottom-right-radius: 10px;
  579. -moz-border-radius-bottomright: 10px;
  580. -webkit-transition: all .8s ease;
  581. -moz-transition: all .8s ease;
  582. -o-transition: all .8s ease;
  583. transition: all .8s ease;
  584. }
  585.  
  586. #link1 a:hover{
  587.  
  588. background:{color:blogtitle};
  589. -webkit-transition: all .8s ease;
  590. -moz-transition: all .8s ease;
  591. -o-transition: all .8s ease;
  592. transition: all .8s ease;
  593. }
  594.  
  595. #link2{
  596. position:fixed;
  597. overflow:visible;
  598. opacity:0;
  599. z-index:999999999999999999;
  600. margin-top:-150px;
  601. margin-left:43px;
  602. -webkit-transition: all .3s ease;
  603. -moz-transition: all .3s ease;
  604. -o-transition: all .3s ease;
  605. transition: all .3s ease;
  606. }
  607.  
  608. #sidebar:hover #link2{
  609. opacity:1;
  610. -webkit-transition: all .7s ease;
  611. -moz-transition: all .7s ease;
  612. -o-transition: all .7s ease;
  613. transition: all .7s ease;
  614. }
  615.  
  616. #link2 a{
  617. padding-right:11px;
  618. padding-left:11px;
  619. padding-top:10px;
  620. padding-bottom:0px;
  621. background:white;
  622. border:1px solid #ddd;
  623. border-top-right-radius: 10px;
  624. -moz-border-radius-topright: 10px;
  625. border-bottom-left-radius: 10px;
  626. -moz-border-radius-bottomleft: 10px;
  627. border-top-right-radius: 0px;
  628. -moz-border-radius-topright: 0px;
  629. border-bottom-left-radius: 0px;
  630. -moz-border-radius-bottomleft: 0px;
  631. border-top-left-radius: 10px;
  632. -moz-border-radius-topleft: 10px;
  633. border-bottom-right-radius: 10px;
  634. -moz-border-radius-bottomright: 10px;
  635. -webkit-transition: all .8s ease;
  636. -moz-transition: all .8s ease;
  637. -o-transition: all .8s ease;
  638. transition: all .8s ease;
  639. }
  640.  
  641. #link2 a:hover{
  642.  
  643. background:{color:blogtitle};
  644. -webkit-transition: all .8s ease;
  645. -moz-transition: all .8s ease;
  646. -o-transition: all .8s ease;
  647. transition: all .8s ease;
  648. }
  649.  
  650. #link3{
  651. position:fixed;
  652. overflow:visible;
  653. opacity:0;
  654. z-index:999999999999999999;
  655. margin-top:-150px;
  656. margin-left:80px;
  657. -webkit-transition: all .3s ease;
  658. -moz-transition: all .3s ease;
  659. -o-transition: all .3s ease;
  660. transition: all .3s ease;
  661. }
  662.  
  663. #sidebar:hover #link3{
  664. opacity:1;
  665. -webkit-transition: all .7s ease;
  666. -moz-transition: all .7s ease;
  667. -o-transition: all .7s ease;
  668. transition: all .7s ease;
  669. }
  670.  
  671. #link3 a{
  672. padding-right:11px;
  673. padding-left:11px;
  674. padding-top:10px;
  675. padding-bottom:0px;
  676. background:white;
  677. border:1px solid #ddd;
  678. border-top-right-radius: 10px;
  679. -moz-border-radius-topright: 10px;
  680. border-bottom-left-radius: 10px;
  681. -moz-border-radius-bottomleft: 10px;
  682. border-top-right-radius: 0px;
  683. -moz-border-radius-topright: 0px;
  684. border-bottom-left-radius: 0px;
  685. -moz-border-radius-bottomleft: 0px;
  686. border-top-left-radius: 10px;
  687. -moz-border-radius-topleft: 10px;
  688. border-bottom-right-radius: 10px;
  689. -moz-border-radius-bottomright: 10px;
  690. -webkit-transition: all .8s ease;
  691. -moz-transition: all .8s ease;
  692. -o-transition: all .8s ease;
  693. transition: all .8s ease;
  694. }
  695.  
  696. #link3 a:hover{
  697. background:{color:blogtitle};
  698. -webkit-transition: all .8s ease;
  699. -moz-transition: all .8s ease;
  700. -o-transition: all .8s ease;
  701. transition: all .8s ease;
  702. }
  703.  
  704. #link4{
  705. position:fixed;
  706. overflow:visible;
  707. opacity:0;
  708. z-index:999999999999999999;
  709. margin-top:-150px;
  710. margin-left:115px;
  711. -webkit-transition: all .3s ease;
  712. -moz-transition: all .3s ease;
  713. -o-transition: all .3s ease;
  714. transition: all .3s ease;
  715. }
  716.  
  717. #sidebar:hover #link4{
  718. opacity:1;
  719. -webkit-transition: all .7s ease;
  720. -moz-transition: all .7s ease;
  721. -o-transition: all .7s ease;
  722. transition: all .7s ease;
  723. }
  724.  
  725. #link4 a{
  726. padding-right:11px;
  727. padding-left:11px;
  728. padding-top:10px;
  729. padding-bottom:0px;
  730. background:white;
  731. border:1px solid #ddd;
  732. border-top-right-radius: 10px;
  733. -moz-border-radius-topright: 10px;
  734. border-bottom-left-radius: 10px;
  735. -moz-border-radius-bottomleft: 10px;
  736. border-top-right-radius: 0px;
  737. -moz-border-radius-topright: 0px;
  738. border-bottom-left-radius: 0px;
  739. -moz-border-radius-bottomleft: 0px;
  740. border-top-left-radius: 10px;
  741. -moz-border-radius-topleft: 10px;
  742. border-bottom-right-radius: 10px;
  743. -moz-border-radius-bottomright: 10px; -webkit-transition: all .8s ease;
  744. -moz-transition: all .8s ease;
  745. -o-transition: all .8s ease;
  746. transition: all .8s ease;
  747. }
  748.  
  749. #link4 a:hover{
  750. background:{color:blogtitle};
  751. -webkit-transition: all .8s ease;
  752. -moz-transition: all .8s ease;
  753. -o-transition: all .8s ease;
  754. transition: all .8s ease;
  755. }
  756.  
  757. #link5{
  758. position:fixed;
  759. overflow:visible;
  760. opacity:0;
  761. z-index:999999999999999999;
  762. margin-top:-150px;
  763. margin-left:150px;
  764. -webkit-transition: all .3s ease;
  765. -moz-transition: all .3s ease;
  766. -o-transition: all .3s ease;
  767. transition: all .3s ease;
  768. }
  769.  
  770. #sidebar:hover #link5{
  771. opacity:1;
  772.  
  773. -webkit-transition: all .7s ease;
  774. -moz-transition: all .7s ease;
  775. -o-transition: all .7s ease;
  776. transition: all .7s ease;
  777. }
  778.  
  779. #link5 a{
  780. padding-right:11px;
  781. padding-left:11px;
  782. padding-top:10px;
  783. padding-bottom:0px;
  784. background:white;
  785. border:1px solid #ddd;
  786. border-top-right-radius: 10px;
  787. -moz-border-radius-topright: 10px;
  788. border-bottom-left-radius: 10px;
  789. -moz-border-radius-bottomleft: 10px;
  790. border-top-right-radius: 0px;
  791. -moz-border-radius-topright: 0px;
  792. border-bottom-left-radius: 0px;
  793. -moz-border-radius-bottomleft: 0px;
  794. border-top-left-radius: 10px;
  795. -moz-border-radius-topleft: 10px;
  796. border-bottom-right-radius: 10px;
  797. -moz-border-radius-bottomright: 10px;
  798. -webkit-transition: all .8s ease;
  799. -moz-transition: all .8s ease;
  800. -o-transition: all .8s ease;
  801. transition: all .8s ease;
  802. }
  803.  
  804. #link5 a:hover{
  805. background:{color:blogtitle}; -webkit-transition: all .8s ease;
  806. -moz-transition: all .8s ease;
  807. -o-transition: all .8s ease;
  808. transition: all .8s ease;
  809. }
  810.  
  811. #link6{
  812. position:fixed;
  813. overflow:visible;
  814. opacity:0;
  815. z-index:999999999999999999;
  816. margin-top:-150px;
  817. margin-left:185px;
  818. -webkit-transition: all .3s ease;
  819. -moz-transition: all .3s ease;
  820. -o-transition: all .3s ease;
  821. transition: all .3s ease;
  822. }
  823.  
  824. #sidebar:hover #link6{
  825. opacity:1;
  826.  
  827. -webkit-transition: all .7s ease;
  828. -moz-transition: all .7s ease;
  829. -o-transition: all .7s ease;
  830. transition: all .7s ease;
  831. }
  832.  
  833. #link6 a{
  834. padding-right:11px;
  835. padding-left:11px;
  836. padding-top:10px;
  837. padding-bottom:0px;
  838. background:white;
  839. border:1px solid #ddd;
  840. border-top-right-radius: 10px;
  841. -moz-border-radius-topright: 10px;
  842. border-bottom-left-radius: 10px;
  843. -moz-border-radius-bottomleft: 10px;
  844. border-top-right-radius: 0px;
  845. -moz-border-radius-topright: 0px;
  846. border-bottom-left-radius: 0px;
  847. -moz-border-radius-bottomleft: 0px;
  848. border-top-left-radius: 10px;
  849. -moz-border-radius-topleft: 10px;
  850. border-bottom-right-radius: 10px;
  851. -moz-border-radius-bottomright: 10px;
  852. -webkit-transition: all .8s ease;
  853. -moz-transition: all .8s ease;
  854. -o-transition: all .8s ease;
  855. transition: all .8s ease;
  856. }
  857.  
  858. #link6 a:hover{
  859. background:{color:blogtitle}; -webkit-transition: all .8s ease;
  860. -moz-transition: all .8s ease;
  861. -o-transition: all .8s ease;
  862. transition: all .8s ease;
  863. }
  864. #sidebar #updates{
  865. z-index:3;
  866. position:absolute;
  867. top:155px;
  868. opacity:0;
  869. left:39px;
  870. width:173px;
  871. height:14px;
  872. letter-spacing:2px;
  873. font-family:meem33;
  874. font-size:20px;
  875. color:{color:sidebar borders};
  876. text-align:center; z-index:9;
  877. transition: all 0.7s ease-out;
  878. -o-transition-transition: all 0.7s ease-out;
  879. -webkit-transition: all 0.7s ease-out;
  880. -moz-transition: all 0.7s ease-out;
  881. }
  882. #sidebar:hover #updates{
  883. opacity:1;
  884.  
  885. transition: all 0.7s ease-out;
  886. -o-transition-transition: all 0.7s ease-out;
  887. -webkit-transition: all 0.7s ease-out;
  888. -moz-transition: all 0.7s ease-out;
  889. }
  890. #updates a{
  891. color:{color:blogtitle};
  892. }
  893. @font-face { font-family: "bubble"; src: url('http://static.tumblr.com/kjq4nx5/rj8muxprs/burstmybubble.ttf');}
  894.  
  895. @font-face { font-family: "eyes"; src: url('http://static.tumblr.com/kjq4nx5/pR0n04hj3/kgeyeswideopen.ttf');}
  896.  
  897. @font-face { font-family: "song"; src: url('http://static.tumblr.com/kjq4nx5/R4On04vko/please_write_me_a_song.ttf');}
  898.  
  899. @font-face { font-family: "meem33"; src: url('http://static.tumblr.com/gyoju49/nm1mo9g6c/meem19.ttf'); }
  900. @font-face { font-family: "cute"; src: url('http://static.tumblr.com/bepad33/6M6m295eu/delius-regular.ttf'); }
  901. @font-face { font-family: "hi"; src: url('http://static.tumblr.com/tk7f1db/XVqmysgn0/where_stars_shine_the_brightest.ttf'); }
  902. #topbar{
  903. position:fixed;
  904. width:1778px;
  905. height:23px;
  906. opacity: 2;
  907. padding: 0px;
  908. padding-left: 25px;
  909. margin-left:-338px;
  910. margin-top: -5px;
  911. box-shadow:0px 2px 1px #ddd;
  912. text-transform: uppercase;
  913. background:#fff;
  914. color: #fff;
  915. border-bottom: 3px double {color:sidebar borders};
  916. border-left:0px;
  917. line-height:29px;
  918. text-align:left;
  919. font-size: 13px;
  920. font-family: Calibri;
  921. z-index:9999;
  922. text-align:center;
  923. -webkit-transition: all .7s ease;
  924. -moz-transition: all .7s ease;
  925. -o-transition: all .7s ease;
  926. transition: all .7s ease;
  927. -webkit-animation:fadeInDown 2s;
  928. -moz-animation:fadeInDown 2s;
  929. -ms-animation:fadeInDown 2s;
  930. }
  931. #blogtitle{
  932. position:fixed;
  933. text-align: center;
  934. width:auto;
  935. background: transparent;
  936. font-family:hi;
  937. font-size:54px;
  938. text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;
  939. color:{color:blogtitle};
  940. margin-top:138px;
  941. margin-left:-15px;
  942. z-index: 99999;
  943. opacity:3;
  944. text-transform:none;
  945. background-image:sdfgh;
  946. letter-spacing: 1px;
  947. line-height:0px;
  948. text-align:center;
  949. -o-transition-transition: all 0.5s ease;
  950. -webkit-transition: all 0.5s ease;
  951. -moz-transition: all 0.5s ease;
  952. transition: all 0.5s ease;
  953. }
  954. #quote{
  955.  
  956. position:fixed;
  957. width:230px;
  958. height:60px;
  959. text-align:center;
  960. margin-top:-35px;
  961. margin-left:-5px;
  962. font-family:calibri;
  963. font-size:11px;
  964. opacity:0.0;
  965. z-index:9;
  966. line-height:13px;
  967. color:{color:blogtitle};
  968. -o-transition-transition: all 0.7s ease-out;
  969. -webkit-transition: all 0.7s ease-out;
  970. -moz-transition: all 0.7s ease-out;
  971. }
  972.  
  973.  
  974. #sidebar:hover #quote{
  975. opacity:1;
  976. -o-transition-transition: all 0.7s ease-out;
  977. -webkit-transition: all 0.7s ease-out;
  978. -moz-transition: all 0.7s ease-out;
  979. }
  980.  
  981.  
  982. #music {
  983. z-index:3;
  984. position:fixed;
  985. top:345px;
  986. opacity:0;
  987. left:150px;
  988. width:auto;
  989. height:14px;
  990. overflow:hidden;
  991. font-family:calibri;
  992. font-size:13px;
  993. padding-left:0px;
  994. padding-top:2px;
  995. padding-bottom:8px;
  996. line-height:20px;
  997. letter-spacing:0px;
  998. border:1px solid transparent;
  999. text-align:center; z-index:9;
  1000. text-shadow: -1px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -1px #fff;
  1001. transition: all 0.7s ease-out;
  1002. -o-transition-transition: all 0.7s ease-out;
  1003. -webkit-transition: all 0.7s ease-out;
  1004. -moz-transition: all 0.7s ease-out;
  1005. }
  1006.  
  1007.  
  1008. #sidebar:hover #music{
  1009. opacity:2;
  1010. transform: rotateX(0deg);
  1011. -webkit-transform: rotateX(0deg); /* Safari and Chrome */
  1012. }
  1013.  
  1014.  
  1015. #oh{
  1016. position:fixed;
  1017.  
  1018. margin-top:-70px;
  1019. line-height:9px;
  1020. margin-left:134px;
  1021. font-family:meem33;
  1022. font-size:20px;
  1023. line-height:20px;
  1024. letter-spacing:0px;
  1025. opacity:0.0;
  1026. z-index:9;
  1027. text-align:center;
  1028. text-shadow: -1px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -1px #fff;
  1029. -o-transition-transition: all 0.6s ease-out;
  1030. -webkit-transition: all 0.6s ease-out;
  1031. -moz-transition: all 0.6s ease-out;
  1032. }
  1033.  
  1034. #sidebar:hover #oh{
  1035. opacity:1;
  1036.  
  1037. -o-transition-transition: all 0.6s ease-out;
  1038. -webkit-transition: all 0.6s ease-out;
  1039. -moz-transition: all 0.6s ease-out;
  1040. }
  1041. #oh a{
  1042. color:{color:blogtitle};
  1043. }
  1044. @font-face { font-family: "dixel"; src: url('http://static.tumblr.com/jdjsstr/8ovm78cbb/pf_arma_five_1_.ttf'); }
  1045.  
  1046.  
  1047. /*CUSTOMIZE TITLE OF ENTRIES HERE*/
  1048. .title{
  1049. line-height: 12px;
  1050. color:{color:Title};
  1051. font-weight: normal;
  1052. font-size:21px;
  1053. font-family:meem33;
  1054. }
  1055.  
  1056.  
  1057. /*CUSTOMIZE PERMALINKS OF TEXT POSTS AND SUCH HERE*/
  1058. .permalink{
  1059. text-transform: normal;
  1060. display: block;
  1061. text-align: right;
  1062. text-decoration: none;
  1063. }
  1064.  
  1065.  
  1066. /*I RECCOMMEND TO NOT TOUCH ANY OF THIS LOLz*/
  1067. #infscr-loading{
  1068. bottom: -70px;
  1069. position: absolute;
  1070. left: 50%;
  1071. margin-left:-8px;
  1072. width:16px;
  1073. height:11px;
  1074. overflow:hidden;
  1075. margin-bottom: 50px;
  1076. }
  1077.  
  1078. #postnotes{
  1079. text-align: justify;}
  1080.  
  1081. #postnotes blockquote{
  1082. border: 0px;}
  1083.  
  1084. blockquote{
  1085. padding:0px 0px 2px 5px;
  1086. margin:0px 0px 2px 10px;
  1087. border-left: 1px dotted #555555;
  1088. }
  1089.  
  1090. blockquote p, ul{
  1091. margin:0px;
  1092. padding:0px;
  1093. }
  1094.  
  1095. a img{border: 0px;}
  1096.  
  1097.  
  1098. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  1099.  
  1100. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  1101. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  1102.  
  1103. .notes img{width:10px; position:relative; top:3px;}
  1104. <--ses-->
  1105. small{font-size: 90%;}
  1106.  
  1107. {CustomCSS}
  1108. #creds {
  1109. text-align: center;
  1110. font-size: 11px;
  1111. position:fixed;
  1112. right:10px;
  1113. top:639px;
  1114. -webkit-transition: all .5s ease-in-out;
  1115. -moz-transition: all .5s ease-in-out;
  1116. -o-transition: all .5s ease-in-out;
  1117. z-index:999;
  1118. }
  1119.  
  1120. #creds:hover {top:610px;}
  1121.  
  1122. #cred {
  1123. border-color:{color:blogtitle};
  1124. font-size:8px;
  1125. padding:5px;
  1126. padding-top:1px;
  1127. letter-spacing:1px;
  1128. font-family:consolas;
  1129. background: #fff;
  1130. width:90px;
  1131. height:28px;
  1132. z-index: 9999;
  1133. border:1px solid #e1e1e1;
  1134. border-top:0px solid #fff;
  1135. }
  1136.  
  1137. #credstab {
  1138. border-top-style:none;
  1139. border-right-style:solid;
  1140. border-bottom-style:solid;
  1141. border-left-style:solid;
  1142. border-width:0px;
  1143. font-family:consolas;
  1144. font-size:8px;
  1145. letter-spacing:1px;
  1146. text-align: center;
  1147. height:10px;
  1148. padding: 4px;
  1149. padding-left:0px;
  1150. padding-right:0px;
  1151. background:{color:blogtitle};
  1152. color:#fff;
  1153. border-top-right-radius: 5px;
  1154. -moz-border-radius-top-right: 5px;
  1155. border-top-left-radius: 5px;
  1156. -moz-border-radius-top-left: 5px;
  1157. -webkit-transition: all .7s ease-in-out;
  1158. -moz-transition: all .7s ease-in-out;
  1159. -o-transition: all .7s ease-in-out;
  1160. width: 100px;
  1161. }
  1162. #creds:hover #credstab{
  1163. background:#fff;
  1164. border:1px solid #e1e1e1;
  1165. border-bottom:0px solid #fff;
  1166. color:white;
  1167. -webkit-transition: all .5s ease-in-out;
  1168. -moz-transition: all .5s ease-in-out;
  1169. -o-transition: all .5s ease-in-out;}
  1170.  
  1171. </style>
  1172.  
  1173. {block:IndexPage}
  1174. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  1175. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  1176.  
  1177. <script type="text/javascript">
  1178. $(window).load(function(){
  1179. var $wall = $('#posts');
  1180. $wall.imagesLoaded(function(){
  1181. $wall.masonry({
  1182. itemSelector: '.entry, .entry_photo',
  1183. isAnimated : false
  1184. });
  1185. });
  1186.  
  1187. $wall.infinitescroll({
  1188. navSelector : '#pagination',
  1189. nextSelector : '#pagination a',
  1190. itemSelector : '.entry, .entry_photo',
  1191. bufferPx : 2000,
  1192. debug : false,
  1193. errorCallback: function() {
  1194. $('#infscr-loading').fadeOut('normal');
  1195. }},
  1196. function( newElements ) {
  1197. var $newElems = $( newElements );
  1198. $newElems.hide();
  1199. $newElems.imagesLoaded(function(){
  1200. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  1201. });
  1202. }); $('#posts').show(500);
  1203. });
  1204.  
  1205. </script>
  1206.  
  1207.  
  1208. {/block:IndexPage}
  1209.  
  1210.  
  1211. <title>{title}</title>
  1212.  
  1213. <link rel="shortcut icon" href="{Favicon}" />
  1214. <meta name="viewport" content="width=820" />
  1215. </head>
  1216.  
  1217. <body>
  1218. <BODY onselectstart="return false;" ondragstart="return false;">
  1219. <div class="wrapper">
  1220. <div class="header">
  1221. </div>
  1222.  
  1223. <div id="cage">
  1224. <div id="center">
  1225. <div id="blogtitle">{title}</div>
  1226. <div id="creds">
  1227. <div id="credstab">CREDIT</div>
  1228. <div id="cred"> <center>
  1229. <a href="http://lovelayouts.tumblr.com/" target="_blank" title="theme credit.">THEME MADE BY LOVELAYOUTS.</a>
  1230. </center></div>
  1231. </div>
  1232. <!--STUFF THAT GOES INTO THE SIDEBAR-->
  1233. <div id="sidebar">
  1234.  
  1235. <center>
  1236. <div id="pic"><img src="{image:sidebar}"></div>
  1237. <div id="desc">{description}</div>
  1238. <div id="updates"><a href="#?w=350" rel="02" class="poplight" title="Updates!">Updates</a><img src="http://media.tumblr.com/tumblr_m7effcVfWg1qdlkyg.gif"></div>
  1239. <div id="oh"><a href="#?w=350" rel="05" class="poplight" title="playlist">Playlist</a></div>
  1240. <div id="music">{text:music code}</div><div id="quote">{text:quote}</div>
  1241. <div id="link1"><a href="/" title="refresh my blog!"></a></div>
  1242. <div id="link2"><a href="{text:link two}" title="{text:link two msg}"></a></div>
  1243. <div id="link3"><a href="{text:link three}" title="{text:link three msg}"></a></div>
  1244. <div id="link4"><a href="{text:link four}" title="{text:link four msg}"></a></div>
  1245.  
  1246. <div id="link5"><a href="{text:link five}" title="{text:link five msg}"></a></div>
  1247. <div id="link6"><a href="{text:link six}" title="{text:link six msg}"></a></div>
  1248.  
  1249. <div id="links"></div>
  1250.  
  1251. </center>
  1252. </div>
  1253. <!------------------------------------->
  1254.  
  1255. <div id="topbar"></div>
  1256. <div class="left">
  1257. <div id="posts">
  1258. {block:Posts}
  1259. <div class="entry">
  1260.  
  1261. {block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="body">{Body}</span><br><div class="permalinktext">
  1262. <div style="background-color:#fcfcfc;border:1px solid #eee; border-radius:5px;padding:7px; font-family:calibri;font-size:10px;"><div class="permalinktext">posted {timeago} with <a href="{permalink}">{notecountwithlabel}</a></div></div></div>
  1263. {/block:Text}
  1264.  
  1265. {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description} <div class="permalinktext">
  1266. <center> {12Hour}:{Minutes} {AmPm}, {DayOfWeek} with <a href="{permalink}">{notecountwithlabel}</a> </center></div>{block:Link}
  1267.  
  1268. {block:Answer}
  1269. <div style="margin-top:2px; margin-bottom:0px; min-height:30px; padding: 5px; background-color: #fcfcfc; font-family:calibri;font-size: 11px;font-style: none; border:1px solid #eee; padding-left:8px; padding-top:5px; padding-right:8px; ">
  1270. <div style="font-family:meem33;
  1271. font-size:17px;line-height:14px;">{Asker}:</div><div style="line-height:14px;">{Question}</div></div>
  1272. <div style="margin-top:2px; margin-bottom:4px; font-family:calibri;font-size: 11px;font-style: none;background: transparent; line-height:13px;">{Answer}</div><div style="text-align:right; font-family:meem33; font-size:17px; color:{color:sidebar text}">Love, <name>{text:name}</name></div><br>
  1273. {block:IndexPage}
  1274. <div style="background-color:#fcfcfc;border:1px solid #eee; border-radius:5px;padding:3px; font-family:calibri;font-size:10px;"><div class="permalinktext">posted {timeago} with <a href="{permalink}">{notecountwithlabel}</a></div></div>
  1275. {/block:IndexPage}
  1276. {/block:Answer}
  1277. {/block:Answer}
  1278.  
  1279. {block:Photo}
  1280. {block:IndexPage}
  1281. <center>
  1282. <div class="perma2">
  1283. <a href="{reblogurl}"> <ul class="LikeButton">
  1284. <li>{ReblogButton color="grey" size=18}</li>
  1285. </ul>
  1286. <ul class="ReblogButton">
  1287. <li>{LikeButton color="grey" size=17}</li>
  1288. </ul></a></div></a>
  1289. <div class="MoreButton"><img src="https://cdn2.iconfinder.com/data/icons/web/512/Link-24.png"><br>Posted {timeago} at {12Hour}:{Minutes} {AmPm}, on {DayOfWeek}<br><a href="{Permalink}">{notecount} Notes </a></div>
  1290. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  1291. {/block:IndexPage}
  1292. {block:PermalinkPage}
  1293. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" style="border-radius:0px;" alt="{PhotoAlt}" width="100%"/></a></div>
  1294.  
  1295. {LinkCloseTag}
  1296. {/block:PermalinkPage}
  1297. {/block:Photo}
  1298.  
  1299. {block:Photoset}
  1300. <center>
  1301. {block:IndexPage}
  1302. <div class="perma2">
  1303. <a href="{reblogurl}"><ul class="LikeButton">
  1304. <li>{ReblogButton color="black" size=14}</li>
  1305. </ul>
  1306. <ul class="ReblogButton">
  1307. <li>{LikeButton color="black" size=14}</li>
  1308. </ul></a></div></a>
  1309. <div style="width: 100%;">{Photoset-250}</div>
  1310. {/block:IndexPage}
  1311. </center>
  1312. <center>{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}</center>
  1313. {/block:Photoset}
  1314.  
  1315. {block:Quote}<span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}<br><div class="permalinktext">
  1316. </a></div>{/block:Quote}
  1317.  
  1318. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  1319. <ul class="chat">
  1320. {block:Lines}
  1321. <li class="user_{UserNumber}">
  1322. {block:Label}
  1323. <b><span class="label">{Label}</span></b>
  1324. {/block:Label}
  1325.  
  1326. {Line}
  1327. </li>
  1328. {/block:Lines}
  1329. <div class="permalinktext">
  1330. <center> <div style="background-color:#fcfcfc;border:1px solid #eee; border-radius:5px;padding:7px; font-family:calibri;font-size:10px;"><div style="background:{color:perma buttons}; font-size:9px; font-family:calibri; padding:3px;">{12Hour}:{Minutes} {AmPm}, {DayOfWeek} with <a href="{permalink}">{notecountwithlabel}</a></div></div> </center></div>
  1331. {/block:Chat}
  1332.  
  1333. {block:Audio}
  1334. {block:AlbumArt}<div class="artcover">
  1335. <img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  1336. <div class="player"><div class="audioplayer">{AudioPlayerWhite}</div></div>
  1337. <div class="audioinfo"><div class="i"><i>Song Title: </i><span{block:TrackName} style="display: none;"{block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}</div><div class="i"><i>Artist: </i><span{block:Artist} style="display: none;"{block:Artist}>Unknown</span> {block:Artist}{Artist}{/block:Artist}</div><div class="i"><i>Album: </i><span{block:Album} style="display: none;"{block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}</div></div>
  1338. <div style="background-color:#fcfcfc;border:1px solid #eee; border-radius:5px;padding:7px; font-family:calibri;font-size:10px;"><div class="permalinktext">posted {timeago} with <a href="{permalink}">{notecountwithlabel}</a></div></div>{/block:Audio}
  1339.  
  1340.  
  1341.  
  1342. {block:Video}<center>
  1343. <div style="padding-top:0px; padding-bottom:2px; -webkit-filter:grayscale(100%);">
  1344. {Video-250}</div>
  1345. {block:IndexPage}
  1346. <div class="permalinktext">posted {timeago} with <a href="{permalink}">{notecountwithlabel}</a></div>
  1347. {/block:IndexPage}
  1348. {block:Video}
  1349.  
  1350. {block:PostNotes}<div align="left">{caption}</div>
  1351. <center>
  1352.  
  1353. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  1354.  
  1355. {block:HasTags}
  1356. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  1357. {block:RebloggedFrom}
  1358. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  1359. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  1360.  
  1361. {/block:RebloggedFrom}
  1362. </center></span>
  1363. <br>
  1364. <div id="postnotes">{PostNotes}</div><br>
  1365.  
  1366. <center>{block:ContentSource}
  1367. <br><a href="{SourceURL}">
  1368. {lang:Source}:
  1369. {block:SourceLogo}
  1370. <img src="{BlackLogoURL}" width="{LogoWidth}"
  1371. height="{LogoHeight}" alt="{SourceTitle}" />
  1372. {/block:SourceLogo}
  1373. {block:NoSourceLogo}
  1374. {SourceLink}
  1375. {/block:NoSourceLogo}
  1376. </a>
  1377. {/block:ContentSource}</center>
  1378.  
  1379. {/block:PostNotes}
  1380. </div>
  1381. {/block:Posts}
  1382. </div></div>
  1383.  
  1384. {block:IndexPage}
  1385. {block:Pagination}
  1386. <div id="pagination">
  1387. {block:NextPage}
  1388. <a id="nextPage" href="{NextPage}"></a>
  1389. {/block:NextPage}
  1390. {block:PreviousPage}
  1391. <a href="{PreviousPage}"></a>
  1392. {/block:PreviousPage}
  1393. </div>
  1394. {/block:Pagination}
  1395. {/block:IndexPage}
  1396. </body>
  1397. <div id="02" class="popup_block">
  1398. <center><div style="font-family: song; font-size: 49px; margin-top:15px;line-height: 46px; margin-left:5px; color: {color:sidebar borders};">Updates<br></center><br>
  1399.  
  1400. <center>
  1401.  
  1402. write updates here plz ily <br><br>
  1403. just do wat i do <br><br>
  1404. go to bottom of HTML to do so <br><br>
  1405.  
  1406.  
  1407. </center>
  1408. </div></div></div></div></div></div></div></div></div></div>
  1409. <div id="05" class="popup_block">
  1410. <center><div style="font-family: song; font-size: 49px; margin-top:15px;line-height: 46px; margin-left:5px; color: {color:sidebar borders};">Playlist<br></center><br>
  1411.  
  1412. <center>
  1413.  
  1414. songs<br>
  1415. song <br>
  1416. song <br>
  1417. </center>
  1418.  
  1419.  
  1420. </div></div></div></div></div></div></div></div></div></div>
  1421. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
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!