API tools faq
paste
Fucking_Aj

Love Layout Theme 9 - "Hold me Down" by Mufflinq

Fucking_Aj
Jun 16th, 2014
662
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 32.93 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. ▄ ▄ 　 █░░ █▀▀█ ▀█░█▀ █▀▀ 　 █░░ █▀▀█ █░░█ █▀▀█ █░░█ ▀▀█▀▀ █▀▀ 　 ▄ ▄
  3. ░ ░ 　 █░░ █░░█ ░█▄█░ █▀▀ 　 █░░ █▄▄█ █▄▄█ █░░█ █░░█ ░░█░░ ▀▀█ 　 ░ ░
  4. ▀ ▀ 　 ▀▀▀ ▀▀▀▀ ░░▀░░ ▀▀▀ 　 ▀▀▀ ▀░░▀ ▄▄▄█ ▀▀▀▀ ░▀▀▀ ░░▀░░ ▀▀▀ 　 ▀ ▀
  5.  
  6. -->
  7.  
  8. <html lang="en">
  9. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  10. <html xmlns="http://www.w3.org/1999/xhtml">
  11. <head>
  12. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  13. <style>
  14. div#qTip {
  15. padding: 4px;
  16. height:8px;
  17. display: none;
  18. text-align: center;
  19. font-size:8px;
  20. position: absolute;
  21. font-family:calibri;
  22. line-height:8px;
  23. letter-spacing:1px;
  24. border-radius:5px;
  25. z-index: 999999999999;
  26. border:1px solid white;
  27. background:black;
  28. color:white;
  29. text-transform:uppercase;
  30. letter-spacing: 1px;
  31. }
  32. </style>
  33. <script type="text/javascript"
  34. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  35. <script>
  36. $(document).ready(function() {
  37. //
  38. $('a.poplight[href^=#]').click(function() {
  39. var popID = $(this).attr('rel'); //Get Popup Name
  40. var popURL = $(this).attr('href'); //Get Popup href to define size
  41. var query= popURL.split('?');
  42. var dim= query[1].split('&');
  43. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  44. $('#' + 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>');
  45. var popMargTop = ($('#' + popID).height() + 80) / 2;
  46. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  47. //Apply Margin to Popup
  48. $('#' + popID).css({
  49. 'margin-top' : -popMargTop,
  50. 'margin-left' : -popMargLeft
  51. });
  52. $('body').append('<div id="fade"></div>');
  53. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  54. return false;
  55. });
  56. $('a.close, #fade').live('click', function() {
  57. $('#fade , .popup_block').fadeOut(function() {
  58. $('#fade, a.close').remove(); //fade them both out
  59. });
  60. return false;
  61. });
  62. });
  63. </script>
  64.  
  65. <script type="text/javascript">
  66. <!--
  67.  
  68. // Disable Right Click Script
  69.  
  70. function IE(e)
  71. {
  72. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  73. {
  74. return false;
  75. }
  76. }
  77. function NS(e)
  78. {
  79. if (document.layers || (document.getElementById && !document.all))
  80. {
  81. if (e.which == "2" || e.which == "3")
  82. {
  83. return false;
  84. }
  85. }
  86. }
  87. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  88.  
  89. //-->
  90. </script>
  91.  
  92.  
  93. <script type="text/javascript"
  94. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  95.  
  96. <!--DEFAULT VARIABLES-->
  97. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  98. <meta name="color:background" content="#fff"/>
  99. <meta name="color:link" content="#777"/>
  100. <meta name="color:text" content="#777"/>
  101. <meta name="color:title" content="#333"/>
  102. <meta name="color:hover" content="#fff"/>
  103. <meta name="color:blogtitle" content="#333"/>
  104. <meta name="color:borders" content="#333"/>
  105. <meta name="image:sidebar" content="1"/>
  106. <meta name="image:pin" content="1"/>
  107. <meta name="image:pin1" content="1"/>
  108. <meta name="image:background" content="1"/>
  109.  
  110. <meta name="text:stats" content="stats"/>
  111. <meta name="text:music code" content="Musica"/>
  112. <meta name="text:link two" content="link"/>
  113. <meta name="text:link two message" content="message 2"/>
  114.  
  115. <meta name="text:link three" content="link"/>
  116. <meta name="text:link three message" content="message 3"/>
  117.  
  118. <meta name="text:link four" content="link"/>
  119. <meta name="text:link four message" content="message 4"/>
  120.  
  121. <meta name="text:link five" content="link"/>
  122. <meta name="text:link five message" content="message 5"/>
  123.  
  124. <meta name="text:link six" content="link"/>
  125. <meta name="text:link six message" content="message 6"/>
  126. <style type="text/css">
  127. #fade { /*--Transparent background layer--*/
  128. display: none; /*--hidden by default--*/
  129. background:url();
  130. position: fixed; left: 0; top: 0;
  131. width: 100%; height: 100%;
  132. opacity: .80;
  133. z-index: 99;
  134. }
  135. .popup_block{
  136. display: none; /*--hidden by default--*/
  137. background: #fff;
  138. padding: 20px;
  139. border-left: 10px solid {color:borders};
  140. border-right: 10px solid {color:borders};
  141. border-top:1px solid #ddd;
  142. border-bottom:1px solid #ddd;
  143. float: left;
  144. font-size:11px;
  145. font-family:calibri;
  146. line-height:20px;
  147. position: fixed;
  148. top: 50%; left: 50%;
  149. z-index: 9999999999999;
  150. /*--CSS3 Rounded Corners--*/
  151. -webkit-border-radius: 2px;
  152. -moz-border-radius: 2px;
  153. border-radius: 2px;
  154. }
  155. img.btn_close {
  156. float: right;
  157. margin: -5px -5px 0 0;
  158. }
  159. /*--Making IE6 Understand Fixed Positioning--*/
  160. *html #fade {
  161. position: absolute;
  162. }
  163. *html .popup_block {
  164. position: absolute;
  165. }
  166. ::selection {
  167. background: {color:blogtitle};
  168. color: #fff;
  169. }
  170. ::-moz-selection {
  171. background: {color:blogtitle};
  172. color: #fff;
  173. }
  174. ::-webkit-scrollbar {width: 5px; height: 6px; background: transparent;}
  175.  
  176. ::-webkit-scrollbar-thumb {background-color:{color:blogtitle}; border-bottom: 1px solid #aaaaaa; border-top: 1px solid #aaaaaa; border-left: 1px solid
  177. #aaaaaa; border-radius:10px; }
  178. 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-
  179.  
  180. transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  181.  
  182. 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;}
  183.  
  184. p {
  185. margin:0px;
  186. margin-top:0px;
  187. }
  188.  
  189.  
  190. body {
  191. padding: 0px;
  192. margin: 0px;
  193. color:{color:text};
  194. font-family: calibri;
  195. line-height:14px;
  196. font-size:11px;
  197. background-color: {color:Background};
  198. background-image:url({image:Background});
  199. background-attachment: fixed;
  200. background-repeat: repeat;
  201. }
  202.  
  203.  
  204. a:link, a:active, a:visited{
  205. text-decoration: none;
  206. -webkit-transition: color 0.3s ease-out;
  207. -moz-transition: color 0.3s ease-out;
  208. transition: color 0.3s ease-out;
  209. color:{color:link};
  210. }
  211.  
  212. a:hover {
  213. text-decoration: none;
  214. font-style:;
  215. color: {color:Hover};
  216. }
  217.  
  218. div#center{
  219. margin:auto;
  220. position:relative;
  221. width:1000px;
  222. background-color:;
  223. overflow:auto;
  224. overflow-y:hidden;
  225. }
  226.  
  227.  
  228. /*CUSTOMIZE ENTRY SETTINGS HERE*/
  229. .entry {
  230. float:left;
  231. display: block;
  232. margin:11px;
  233. overflow:hidden;
  234. width:270px;
  235. padding:10px;
  236. border:1px solid #e1e1e1;
  237. {block:PermalinkPage}
  238. width:450px;
  239. text-align:left;
  240. line-height:10px;
  241. {/block:PermalinkPage}
  242. background:white;
  243. background-image:URL();
  244. }
  245.  
  246.  
  247. /*CUSTOMIZE THE APPEARANCE OF PERMALINKS*/
  248. .entry .perma{
  249. width:10px;
  250. height:10px;
  251.  
  252. margin-left:5px;
  253. position: absolute;
  254. line-height: 16px;
  255. overflow:hidden;
  256. text-align:center;
  257. top:0px;
  258. font-size:0px;
  259. background:white;
  260. word-spacing:2px;
  261. letter-spacing:1px;
  262. padding:5px;
  263. border-radius:100%;
  264. border:1px solid #e1e1e1;
  265. opacity: 0.0;
  266. -webkit-transition: all .7s ease;
  267. -moz-transition: all .7s ease;
  268. -o-transition: all .7s ease;
  269. transition: all .7s ease;
  270.  
  271. }
  272.  
  273. .entry:hover .perma{
  274. overflow:visible;
  275. top:20px;
  276. opacity:11;
  277. }
  278. .perma a{
  279. padding:2px;
  280. }
  281. .perma:hover{
  282. -webkit-transform: rotateX(360deg);
  283. -moz-transform: rotateX(360deg);
  284. -o-transform: rotateX(360deg);
  285. }
  286. .entry .perma2{
  287. width:10px;
  288. height:10px;
  289.  
  290. margin-left:35px;
  291. position: absolute;
  292. line-height: 16px;
  293. overflow:hidden;
  294. text-align:center;
  295. top:0px;
  296. font-size:0px;
  297. background:white;
  298. word-spacing:2px;
  299. letter-spacing:1px;
  300. padding:5px;
  301. border-radius:100%;
  302. border:1px solid #e1e1e1;
  303. opacity: 0.0;
  304. -webkit-transition: all .7s ease;
  305. -moz-transition: all .7s ease;
  306. -o-transition: all .7s ease;
  307. transition: all .7s ease;
  308.  
  309. }
  310.  
  311. .entry:hover .perma2{
  312. overflow:visible;
  313. opacity:11;
  314. top:20px;
  315. }
  316. .perma2 a{
  317. padding:2px;
  318. }
  319. .perma2:hover{
  320. -webkit-transform: rotateX(360deg);
  321. -moz-transform: rotateX(360deg);
  322. -o-transform: rotateX(360deg);
  323. }
  324.  
  325. /*CUSTOMIZE POST POSITIONING AND STUFFZ HERE*/
  326. #posts {
  327. width:660px;
  328. margin-top:11px;
  329. z-index:99;
  330. margin-left:379px;
  331. right:auto;
  332. background:transparent;
  333. margin-right:auto;
  334. position:relative;
  335. overflow-y: hidden;
  336. }
  337.  
  338.  
  339. /*CUSTOMIZE SIDEBAR HERE*/
  340. #sidebar{
  341. position:fixed !important;
  342. width:245px;
  343. background:white;
  344. height:285px;
  345. margin-top:150px;
  346. margin-left:65px;
  347. text-align:center;
  348. border:1px solid #e1e1e1;
  349. padding:10px;
  350. padding-bottom:25px;
  351. -webkit-transition: all .7s ease;
  352. -moz-transition: all .7s ease;
  353. -o-transition: all .7s ease;
  354. transition: all .7s ease;
  355. }
  356. #pic{
  357. position:fixed;
  358. opacity:1;
  359.  
  360. width:245px;
  361. height:285px;
  362. -webkit-transition: all .7s ease;
  363. -moz-transition: all .7s ease;
  364. -o-transition: all .7s ease;
  365. transition: all .7s ease;
  366. }
  367. #sidebar:hover #pic{
  368. opacity:0;
  369. -webkit-transition: all .7s ease;
  370. -moz-transition: all .7s ease;
  371. -o-transition: all .7s ease;
  372. transition: all .7s ease;
  373. }
  374. #pic img{
  375. width:245px;
  376. height:285px;
  377. }
  378.  
  379. #desc{
  380. opacity:0;
  381. font-size:11px ;
  382. font-family:calibri;
  383. position:fixed;
  384. padding:6px;
  385. width:230px;
  386. height:43px;
  387. border:1px solid #e1e1e1;
  388. overflow-y:scroll;
  389. -webkit-transition: all .7s ease;
  390. -moz-transition: all .7s ease;
  391. -o-transition: all .7s ease;
  392. transition: all .7s ease;
  393. }
  394. #sidebar:hover #desc{
  395. opacity:1;
  396. -webkit-transition: all .7s ease;
  397. -moz-transition: all .7s ease;
  398. -o-transition: all .7s ease;
  399. transition: all .7s ease;
  400. }
  401. #g{
  402. position:fixed;
  403. opacity:0;
  404. width:85px;
  405. height:98px;
  406. padding:5px;
  407. padding-bottom:14px;
  408. margin-left:136px;
  409. margin-top:75px;
  410. -webkit-transform:rotate(-15deg);
  411. border:1px solid #e1e1e1;
  412. background:white;
  413. -webkit-transition: all .7s ease;
  414. -moz-transition: all .7s ease;
  415. -o-transition: all .7s ease;
  416. transition: all .7s ease;
  417. }
  418. #sidebar:hover #g{
  419. opacity:1;
  420. z-index:9;
  421. -webkit-transition: all .7s ease;
  422. -moz-transition: all .7s ease;
  423. -o-transition: all .7s ease;
  424. transition: all .7s ease;
  425. }
  426. #g img{
  427. width:85px;
  428. height:98px;
  429. }
  430. #f{
  431. position:fixed;
  432. opacity:0;
  433. width:80px;
  434. height:102px;
  435. padding:5px;
  436. padding-bottom:14px;
  437. margin-left:136px;
  438. margin-top:170px;
  439. background:white;
  440. -webkit-transform:rotate(15deg);
  441. border:1px solid #e1e1e1;
  442. z-index:1;
  443. -webkit-transition: all .7s ease;
  444. -moz-transition: all .7s ease;
  445. -o-transition: all .7s ease;
  446. transition: all .7s ease;
  447. }
  448. #sidebar:hover #f{
  449. opacity:1;
  450. -webkit-transition: all .7s ease;
  451. -moz-transition: all .7s ease;
  452. -o-transition: all .7s ease;
  453. transition: all .7s ease;
  454. }
  455. #f img{
  456. width:80px;
  457. height:102px;
  458. }
  459. #blogtitle{
  460. position:fixed;
  461. text-align: center;
  462. margin: 20px auto 10px;
  463. width:1000px;
  464. padding:10px;
  465. background: transparent;
  466. font-family:meem33;
  467. font-size:20px;text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;
  468.  
  469. color:{color:blogtitle};
  470. margin-top:132px;
  471. margin-left:-315px;
  472. z-index: 99999;
  473. opacity:3;
  474. text-transform:uppercase;
  475. background-image:sdfgh;
  476. letter-spacing: 1px;
  477. line-height:0px;
  478. text-align:center;
  479. -o-transition-transition: all 0.5s ease;
  480. -webkit-transition: all 0.5s ease;
  481. -moz-transition: all 0.5s ease;
  482. transition: all 0.5s ease;
  483. }@font-face { font-family:"Ulti"; src: url('http://static.tumblr.com/iddq6cw/GQTm040bn/ultimapdaa-hairline.ttf'); }
  484.  
  485.  
  486. #updates{
  487. position:fixed;
  488. width:23px;
  489. padding-top:6px;
  490. height:23px;
  491. margin-top: 80px;
  492. margin-left:27px;
  493. text-align:center;
  494. z-index:99999;
  495. font-family: ulti;
  496. font-size:21px;
  497. background:transparent;
  498. opacity:0;
  499. transition: all 0.5s ease-out;
  500. -o-transition-transition: all 0.5s ease-out;
  501. -webkit-transition: all 0.5s ease-out;
  502. -moz-transition: all 0.5s ease-out;
  503. }
  504. #sidebar:hover #updates{
  505. opacity:1;
  506.  
  507. transition: all 0.5s ease-out;
  508. -o-transition-transition: all 0.5s ease-out;
  509. -webkit-transition: all 0.5s ease-out;
  510. -moz-transition: all 0.5s ease-out;
  511. }
  512. #stats{
  513. position:fixed !important;
  514. width:95px;
  515. height:15px;
  516. padding:2px;
  517. margin-top:120px;
  518. margin-left:0px;
  519.  
  520. border-radius:5px;
  521. font-family:ulti;
  522. font-size:20px;
  523. line-height:15px;
  524. opacity:0;
  525. -webkit-transition: all .7s ease;
  526. -moz-transition: all .7s ease;
  527. -o-transition: all .7s ease;
  528. transition: all .7s ease;
  529. }
  530.  
  531. #sidebar:hover #stats{
  532. opacity:1;
  533.  
  534. }
  535. #music {
  536. z-index:3;
  537. position:absolute;
  538. margin-top:195px;
  539. opacity:0;
  540. margin-left:23px;
  541. width:auto;
  542. height:14px;
  543. overflow:hidden;
  544. font-family:ulti;
  545. font-size:21px;
  546. padding-left:0px;
  547. padding-top:2px;
  548. padding-bottom:8px;
  549. line-height:20px;
  550. letter-spacing:0px;
  551. border:1px solid transparent;
  552. text-align:center; z-index:9;
  553. transition: all 0.7s ease-out;
  554. -o-transition-transition: all 0.7s ease-out;
  555. -webkit-transition: all 0.7s ease-out;
  556. -moz-transition: all 0.7s ease-out;
  557. }
  558.  
  559.  
  560. #sidebar:hover #music{
  561. opacity:2;
  562. transform: rotateX(0deg);
  563. -webkit-transform: rotateX(0deg); /* Safari and Chrome */
  564. }
  565.  
  566.  
  567. #oh{
  568. position:fixed;
  569.  
  570. margin-top:160px;
  571. line-height:9px;
  572. margin-left:24px;
  573. font-family:ulti;
  574. font-size:21px;
  575. line-height:20px;
  576. letter-spacing:0px;
  577. opacity:0.0;
  578. z-index:9;
  579. text-align:center;
  580. -webkit-transition: all .7s ease;
  581. -moz-transition: all .7s ease;
  582. -o-transition: all .7s ease;
  583. transition: all .7s ease;
  584. }
  585. #oh a{
  586.  
  587. }
  588. #sidebar:hover #oh{
  589. opacity:1;
  590.  
  591. -webkit-transition: all .7s ease;
  592. -moz-transition: all .7s ease;
  593. -o-transition: all .7s ease;
  594. transition: all .7s ease;
  595. }
  596.  
  597. #link1{
  598. position:fixed;
  599. opacity:0;
  600. width:15px;
  601. height:15px;
  602. padding:3px;
  603. border-radius:100%;
  604. border:1px solid {color:borders};
  605. background:white;
  606. margin-top:230px;
  607. -webkit-transition: all .7s ease;
  608. -moz-transition: all .7s ease;
  609. -o-transition: all .7s ease;
  610. transition: all .7s ease;
  611. }
  612. #sidebar:hover #link1{
  613. opacity:1;
  614. -webkit-transition: all .7s ease;
  615. -moz-transition: all .7s ease;
  616. -o-transition: all .7s ease;
  617. transition: all .7s ease;
  618. }
  619. #link1 a{
  620. width:10px;
  621. color:transparent;
  622. height:10px;
  623. }
  624.  
  625. #link2{
  626. position:fixed;
  627. opacity:0;
  628. width:15px;
  629. height:15px;
  630. padding:3px;
  631. border-radius:100%;
  632. border:1px solid {color:borders};
  633. background:white;
  634. margin-top:230px;
  635. margin-left:30px;
  636. -webkit-transition: all .7s ease;
  637. -moz-transition: all .7s ease;
  638. -o-transition: all .7s ease;
  639. transition: all .7s ease;
  640. }
  641. #sidebar:hover #link2{
  642. opacity:1;
  643. -webkit-transition: all .7s ease;
  644. -moz-transition: all .7s ease;
  645. -o-transition: all .7s ease;
  646. transition: all .7s ease;
  647. }
  648. #link2 a{
  649. width:10px;
  650. color:transparent;
  651. height:10px;
  652. }
  653. #link3{
  654. position:fixed;
  655. opacity:0;
  656. width:15px;
  657. height:15px;
  658. padding:3px;
  659. border-radius:100%;
  660. border:1px solid {color:borders};
  661. background:white;
  662. margin-top:230px;
  663. margin-left:60px;
  664. -webkit-transition: all .7s ease;
  665. -moz-transition: all .7s ease;
  666. -o-transition: all .7s ease;
  667. transition: all .7s ease;
  668. }
  669. #sidebar:hover #link3{
  670. opacity:1;
  671. -webkit-transition: all .7s ease;
  672. -moz-transition: all .7s ease;
  673. -o-transition: all .7s ease;
  674. transition: all .7s ease;
  675. }
  676. #link3 a{
  677. width:10px;
  678. color:transparent;
  679. height:10px;
  680. }
  681. #link4{
  682. position:fixed;
  683. opacity:0;
  684. width:15px;
  685. height:15px;
  686. padding:3px;
  687. border-radius:100%;
  688. border:1px solid {color:borders};
  689. background:white;
  690. margin-top:270px;
  691.  
  692. -webkit-transition: all .7s ease;
  693. -moz-transition: all .7s ease;
  694. -o-transition: all .7s ease;
  695. transition: all .7s ease;
  696. }
  697. #sidebar:hover #link4{
  698. opacity:1;
  699. -webkit-transition: all .7s ease;
  700. -moz-transition: all .7s ease;
  701. -o-transition: all .7s ease;
  702. transition: all .7s ease;
  703. }
  704. #link4 a{
  705. width:10px;
  706. color:transparent;
  707. height:10px;
  708. }
  709.  
  710. #link5{
  711. position:fixed;
  712. opacity:0;
  713. width:15px;
  714. height:15px;
  715. padding:3px;
  716. border-radius:100%;
  717. border:1px solid {color:borders};
  718. background:white;
  719. margin-top:270px;
  720. margin-left:30px;
  721. -webkit-transition: all .7s ease;
  722. -moz-transition: all .7s ease;
  723. -o-transition: all .7s ease;
  724. transition: all .7s ease;
  725. }
  726. #sidebar:hover #link5{
  727. opacity:1;
  728. -webkit-transition: all .7s ease;
  729. -moz-transition: all .7s ease;
  730. -o-transition: all .7s ease;
  731. transition: all .7s ease;
  732. }
  733. #link5 a{
  734. width:10px;
  735. color:transparent;
  736. height:10px;
  737. }
  738. #link6{
  739. position:fixed;
  740. opacity:0;
  741. width:15px;
  742. height:15px;
  743. padding:3px;
  744. border-radius:100%;
  745. border:1px solid {color:borders};
  746. background:white;
  747. margin-top:270px;
  748. margin-left:60px;
  749. -webkit-transition: all .7s ease;
  750. -moz-transition: all .7s ease;
  751. -o-transition: all .7s ease;
  752. transition: all .7s ease;
  753. }
  754. #sidebar:hover #link6{
  755. opacity:1;
  756. -webkit-transition: all .7s ease;
  757. -moz-transition: all .7s ease;
  758. -o-transition: all .7s ease;
  759. transition: all .7s ease;
  760. }
  761. #link6 a{
  762. width:10px;
  763. color:transparent;
  764. height:10px;
  765. }
  766.  
  767.  
  768.  
  769. #yas{
  770. position:fixed;
  771. padding-top:10px;
  772. padding:7px;
  773. border-right:1px solid #e1e1e1;
  774. border-left:1px solid #e1e1e1;
  775. border-bottom:1px solid #e1e1e1;
  776.  
  777. background:white;
  778. margin-top:0px;
  779. -webkit-transition: all .7s ease;
  780. -moz-transition: all .7s ease;
  781. -o-transition: all .7s ease;
  782. transition: all .7s ease;
  783. }
  784. #yas:hover{
  785. margin-top:72px;
  786. -webkit-transition: all .7s ease;
  787. -moz-transition: all .7s ease;
  788. -o-transition: all .7s ease;
  789. transition: all .7s ease;
  790. }
  791.  
  792. #yas2{
  793. position:fixed;
  794. font-size:10px;
  795. font-family:meem33;
  796. color:transparent;
  797. margin-top:-108px;
  798. margin-left:-8px;
  799. padding:7px;
  800. border-right:1px solid #e1e1e1;
  801. border-left:1px solid #e1e1e1;
  802. padding-bottom:10px;
  803. width:16px;
  804. height:65px;
  805. background:white;-webkit-transition: all .7s ease;
  806. -moz-transition: all .7s ease;
  807. -o-transition: all .7s ease;
  808. transition: all .7s ease;
  809. }
  810. #yas:hover #yas2{
  811. color:#999;
  812. margin-top:-105px;-webkit-transition: all .7s ease;
  813. -moz-transition: all .7s ease;
  814. -o-transition: all .7s ease;
  815. transition: all .7s ease;
  816. }
  817. #yas2 a{
  818. color:transparent;
  819. }
  820. #yas:hover #yas2 a{
  821. color:#999;
  822. }
  823. @font-face {font-family: "Meow";src: url( http://static.tumblr.com/kauezwz/YlIlz8nop/theonlyexception.ttf) format("truetype");}
  824.  
  825. @font-face { font-family: "stars"; src: url('http://static.tumblr.com/hcfbjje/sfRlpm8t0/starsfromoureyes.ttf'); }
  826.  
  827. @font-face { font-family: "dixel"; src: url('http://static.tumblr.com/jdjsstr/8ovm78cbb/pf_arma_five_1_.ttf'); }
  828.  
  829. @font-face { font-family: "meem33"; src: url('http://static.tumblr.com/gyoju49/nm1mo9g6c/meem19.ttf'); }
  830.  
  831. /*CUSTOMIZE TITLE OF ENTRIES HERE*/
  832. .title{
  833. line-height: 28px;
  834. color:{color:Title};
  835. font-weight: normal;
  836. font-family:meem33;
  837. font-size:24px;
  838. }
  839.  
  840.  
  841. /*CUSTOMIZE PERMALINKS OF TEXT POSTS AND SUCH HERE*/
  842. .permalink{
  843. text-transform: normal;
  844. display: block;
  845. text-align: right;
  846. text-decoration: none;
  847. }
  848.  
  849.  
  850. /*I RECCOMMEND TO NOT TOUCH ANY OF THIS LOLz*/
  851. #infscr-loading{
  852. bottom: -70px;
  853. position: absolute;
  854. left: 50%;
  855. margin-left:-8px;
  856. width:16px;
  857. height:11px;
  858. overflow:hidden;
  859. margin-bottom: 50px;
  860. }
  861.  
  862. #postnotes{
  863. text-align: justify;}
  864.  
  865. #postnotes blockquote{
  866. border: 0px;}
  867.  
  868. blockquote{
  869. padding:0px 0px 2px 5px;
  870. margin:0px 0px 2px 10px;
  871. border-left: 1px dotted #555555;
  872. }
  873.  
  874. blockquote p, ul{
  875. margin:0px;
  876. padding:0px;
  877. }
  878.  
  879. a img{border: 0px;}
  880.  
  881.  
  882. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  883.  
  884. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  885. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  886.  
  887. .notes img{width:10px; position:relative; top:3px;}
  888. <--ses-->
  889. small{font-size: 90%;}
  890.  
  891. {CustomCSS}
  892.  
  893. </style>
  894.  
  895. {block:IndexPage}
  896. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  897. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  898.  
  899. <script type="text/javascript">
  900. $(window).load(function(){
  901. var $wall = $('#posts');
  902. $wall.imagesLoaded(function(){
  903. $wall.masonry({
  904. itemSelector: '.entry, .entry_photo',
  905. isAnimated : false
  906. });
  907. });
  908.  
  909. $wall.infinitescroll({
  910. navSelector : '#pagination',
  911. nextSelector : '#pagination a',
  912. itemSelector : '.entry, .entry_photo',
  913. bufferPx : 2000,
  914. debug : false,
  915. errorCallback: function() {
  916. $('#infscr-loading').fadeOut('normal');
  917. }},
  918. function( newElements ) {
  919. var $newElems = $( newElements );
  920. $newElems.hide();
  921. $newElems.imagesLoaded(function(){
  922. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  923. });
  924. }); $('#posts').show(500);
  925. });
  926. </script>
  927.  
  928.  
  929. {/block:IndexPage}
  930.  
  931.  
  932. <title>{title}</title>
  933.  
  934. <link rel="shortcut icon" href="https://31.media.tumblr.com/939ff4dad6e69e1b35820cb363d0c9e3/tumblr_inline_mgg2pb5flh1roozkr.gif" />
  935. <meta name="viewport" content="width=820" />
  936. </head>
  937.  
  938. <body>
  939. <BODY onselectstart="return false;" ondragstart="return false;">
  940. <div class="wrapper">
  941. <div class="header">
  942. <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>
  943. </div>
  944.  
  945. <div id="cage">
  946. <div id="center">
  947. <div id="blogtitle">{title}</div>
  948.  
  949. <div id="yas"><img src="https://31.media.tumblr.com/ee558cb4b4f4e1094304ddefbfe7c5f0/tumblr_inline_mgg2o0e04A1roozkr.gif" >
  950. <div id="yas2"> <center>
  951. <a href="http://lovelayouts.tumblr.com/" target="_blank" title="theme credit.">T<br>H<br>E<br>M<br>E<br></a></div></div></center>
  952. <!--STUFF THAT GOES INTO THE SIDEBAR-->
  953. <div id="sidebar">
  954. <center>
  955. <div id="pic"><img src="{image:sidebar}"></div>
  956. <div id="desc">{description}</div>
  957. <div id="g"><img src="{image:pin}"></div>
  958. <div id="f"><img src="{image:pin1}"></div>
  959. <div id="updates"><a href="#?w=300" rel="02" class="poplight" title="Updates!">Updates</a></div>
  960. <div id="stats">{text:stats}</div>
  961. <div id="oh"><a href="#?w=300" rel="05" class="poplight" title="My Playlist!">Playlist</a></div>
  962.  
  963. <div id="music">{text:music code}</div>
  964. <div id="link1"><a href="/" title="refresh my blog!">sweg</a></div>
  965. <div id="link2"><a href="{text:link two}" title="{text:link two message}">1</a></div>
  966. <div id="link3"><a href="{text:link three}" title="{text:link three message}">2</a></div>
  967. <div id="link4"><a href="{text:link four}" title="{text:link four message}">3</a></div>
  968. <div id="link5"><a href="{text:link five}" title="{text:link five message}">4</a></div>
  969. <div id="link6"><a href="{text:link six}" title="{text:link six message}">5</a></div>
  970. </center>
  971. </div>
  972. <!------------------------------------->
  973.  
  974. <div class="left">
  975. <div id="posts">
  976. {block:Posts}
  977. <div class="entry">
  978.  
  979. {block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="body">{Body}</span><br><div class="permalinktext">
  980. <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>
  981. {/block:Text}
  982.  
  983. {block:Answer}
  984. <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; ">
  985. <div style="font-family:meem33;
  986. font-size:15px;line-height:14px;">{Asker}:</div><div style="line-height:14px;">{Question}</div></div>
  987. <div style="margin-top:2px; margin-bottom:4px; font-family:calibri;font-size: 11px;font-style: none;background: transparent; line-height:13px;">{Answer}</div>
  988. {block:IndexPage}
  989. <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>
  990. {/block:IndexPage}
  991. {/block:Answer}
  992.  
  993. {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description} <div class="permalinktext">
  994. <center> {12Hour}:{Minutes} {AmPm}, {DayOfWeek} with <a href="{permalink}">{notecountwithlabel}</a> </center></div>{block:Link}
  995.  
  996. {block:Photo}
  997. {block:IndexPage}
  998. <center>
  999. <div class="perma">
  1000. <a href="{ReblogURL}" title="reblog" target="_blank"> reblog </a> </div><div class="perma2"><a href="{Permalink}" title="{notecount} notes">like</a></div>
  1001.  
  1002. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  1003. {/block:IndexPage}
  1004. {block:PermalinkPage}
  1005. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  1006.  
  1007. {LinkCloseTag}
  1008. {/block:PermalinkPage}
  1009. {/block:Photo}
  1010.  
  1011. {block:Photoset}
  1012. {block:IndexPage}
  1013. <center>
  1014.  
  1015. <div class="perma">
  1016. <a href="{ReblogURL}" title="reblog" target="_blank"> reblog </a> </div><div class="perma2"><a href="{Permalink}" title="{notecount} notes">like</a></div>
  1017.  
  1018. {Photoset}</center>
  1019. {/block:IndexPage}
  1020. {block:PermalinkPage}
  1021. <center>
  1022. {Photoset-500}</center>
  1023. {/block:PermalinkPage}
  1024. {/block:Photoset}
  1025.  
  1026. {block:Quote}<span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}<br><p align=right><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:Quote}
  1027.  
  1028. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  1029. <ul class="chat">
  1030. {block:Lines}
  1031. <li class="user_{UserNumber}">
  1032. {block:Label}
  1033. <span class="label">{Label}</span>
  1034. {/block:Label}
  1035.  
  1036. {Line}
  1037. </li>
  1038. {/block:Lines}
  1039. <p align=right><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>
  1040. {/block:Chat}
  1041.  
  1042.  
  1043. {block:Audio}
  1044. <div style="background:#e1e1e1;padding:4px;text-align:center;border-radius:5px;margin-bottom:5px;">
  1045. {block:Artist}{Artist}{/block:Artist} — {block:TrackName}{TrackName}{/block:TrackName}
  1046. </div>
  1047. <div style="width:97.5%;height:30px;border-radius:5px;text-align:center;padding:2px;{block:permalinkpage}width:98.75%;{/block:permalinkpage}">
  1048. {AudioPlayerBlack}
  1049. </div>
  1050. {block:IndexPage}
  1051. <p align=right><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>
  1052. </span>{/block:IndexPage}
  1053. {/block:Audio}
  1054.  
  1055. {block:Video}
  1056. {block:IndexPage}
  1057. <center>
  1058. <div class="perma">
  1059. <a href="{ReblogURL}" title="reblog" target="_blank"> reblog </a> </div><div class="perma2"><a href="{Permalink}" title="{notecount} notes">like</a></div>
  1060. {Video-250}</center>
  1061. {/block:IndexPage}
  1062. {block:PermalinkPage}
  1063. <center>
  1064. {Video-400}</center>
  1065. {/block:PermalinkPage}
  1066. {block:Video}
  1067.  
  1068.  
  1069. {block:PostNotes}<div align="middle">{caption}</div>
  1070. <center>
  1071.  
  1072. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  1073.  
  1074. {block:HasTags}
  1075. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  1076. {block:RebloggedFrom}
  1077. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  1078. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  1079.  
  1080. {/block:RebloggedFrom}
  1081. </center></span>
  1082. <br>
  1083. <div id="postnotes">{PostNotes}</div><br>
  1084.  
  1085. <center>{block:ContentSource}
  1086. <br><a href="{SourceURL}">
  1087. {lang:Source}:
  1088. {block:SourceLogo}
  1089. <img src="{BlackLogoURL}" width="{LogoWidth}"
  1090. height="{LogoHeight}" alt="{SourceTitle}" />
  1091. {/block:SourceLogo}
  1092. {block:NoSourceLogo}
  1093. {SourceLink}
  1094. {/block:NoSourceLogo}
  1095. </a>
  1096. {/block:ContentSource}</center>
  1097.  
  1098. {/block:PostNotes}
  1099. </div>
  1100. {/block:Posts}
  1101. </div></div>
  1102.  
  1103. {block:IndexPage}
  1104. {block:Pagination}
  1105. <div id="pagination">
  1106. {block:NextPage}
  1107. <a id="nextPage" href="{NextPage}"></a>
  1108. {/block:NextPage}
  1109. {block:PreviousPage}
  1110. <a href="{PreviousPage}"></a>
  1111. {/block:PreviousPage}
  1112. </div>
  1113. {/block:Pagination}
  1114. {/block:IndexPage}
  1115. </body>
  1116. <div id="02" class="popup_block">
  1117. <center><div style="font-family: meow; font-size: 29px; margin-top:15px;line-height: 46px; margin-left:5px; color: {color:borders};">Updates<br></center><br>
  1118.  
  1119. <center>
  1120. updates goes here <br>
  1121. yeah
  1122.  
  1123. </center>
  1124. </div></div></div></div></div></div></div></div></div></div>
  1125. <div id="05" class="popup_block">
  1126. <center><div style="font-family: meow; font-size: 29px; margin-top:15px;line-height: 46px; margin-left:5px; color: {color:borders};">Playlist<br></center><br>
  1127.  
  1128. <center>
  1129. songs song song <br>
  1130. yeah
  1131.  
  1132. </center>
  1133. </div></div></div></div></div></div></div></div></div></div>
  1134. </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!