API tools faq
paste
Fucking_Aj

Theme 7 - "Common Courtesy" by Mufflinq

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