API tools faq
paste
Fucking_Aj

Love Layout Theme 2 - "Identity Disorder" by Mufflinq

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