API tools faq
paste
Fucking_Aj

Love Layout Theme 10 - "Mistrustful" by Mufflinq

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