API tools faq
paste
Fucking_Aj

Love Layout Theme 4 - "Days without Happiness" by Mufflinq"

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