Fucking_Aj

Love Layout 11 -"Lipstick Lullaby" by Mufflinq

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