API tools faq
paste
Fucking_Aj

Love Layout Theme 3 - "American Dream" by Mufflinq

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