Fucking_Aj

Paradise Theme by Mufflinq

Feb 1st, 2015
541
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.78 KB | None | 0 0
  1. <!--
  2. █▀▀▄ █▀▀█ █░░█ █░░█   ▀▀█▀▀ █░░█ █▀▀ █▀▄▀█ █▀▀ █▀▀
  3. █▀▀▄ █▄▄▀ █░░█ █▀▀█   ░░█░░ █▀▀█ █▀▀ █░▀░█ █▀▀ ▀▀█
  4. ▀▀▀░ ▀░▀▀ ░▀▀▀ ▀░░▀   ░░▀░░ ▀░░▀ ▀▀▀ ▀░░░▀ ▀▀▀ ▀▀▀
  5. ⓟⓐⓡⓐⓓⓘⓢⓔ ⓣⓗⓔⓜⓔ
  6.  
  7. ⓑⓨ ⓜⓤⓕⓕⓛⓘⓝⓠ
  8.  
  9. ⓚⓔⓔⓟ ⓒⓡⓔⓓⓘⓣ
  10. -->
  11.  
  12.  
  13.  
  14. <html lang="en">
  15. <script type="text/javascript">
  16. <!--
  17.  
  18. // Disable Right Click Script
  19.  
  20. function IE(e)
  21. {
  22. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  23. {
  24. return false;
  25. }
  26. }
  27. function NS(e)
  28. {
  29. if (document.layers || (document.getElementById && !document.all))
  30. {
  31. if (e.which == "2" || e.which == "3")
  32. {
  33. return false;
  34. }
  35. }
  36. }
  37. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  38.  
  39. //-->
  40. </script>
  41. <script type="text/javascript"
  42. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  43. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  44. <script>
  45. (function($){
  46. $(document).ready(function(){
  47. $("a[title]").style_my_tooltips({
  48. tip_follows_cursor:true,
  49. tip_delay_time:90,
  50. tip_fade_speed:600,
  51. attribute:"title"
  52. });
  53. });
  54. })(jQuery);
  55. </script>
  56. <!--THESE CODES ARE DOING WORK THE THEME, BACKGROUND COLOR CHANGING OR ADDING A CUSTOM BACKGROUND, CHANGE THE NUMBER OF LINKS, ETC.-->
  57. <meta name="color:Background" content="#fafafa"/>
  58. <meta name="color:Title" content="#eeeeee"/>
  59. <meta name="color:Text" content="#999999"/>
  60. <meta name="color:Link" content="#999"/>
  61. <meta name="color:Hover" content="#ffffff"/>
  62. <meta name="color:blogtitle" content="#c37790"/>
  63. <meta name="color:links" content="#763c50"/>
  64. <meta name="image:Background" content=""/>
  65. <meta name="image:Sidebar" content=""/>
  66. <meta name="text:blogtitle 1" content="Love me"/>
  67. <meta name="text:blogtitle 2" content="like you do"/>
  68. <!--HERE ARE THE SITES WHERE WILL GIVE LINKS-->
  69. <meta name="text:Link One" content="" />
  70. <meta name="text:Link Two" content="" />
  71. <meta name="text:Link Three" content="" />
  72. <meta name="text:Link Four" content="" />
  73. <meta name="text:Link Five" content="" />
  74.  
  75. <!--HERE ARE PLACED THE NAMES OF LINKS-->
  76. <meta name="text:Link 1 hover text" content="Title Here" />
  77. <meta name="text:Link 2 hover text" content="Title Here" />
  78. <meta name="text:Link 3 hover text" content="Title Here" />
  79. <meta name="text:Link 4 hover text" content="Title Here" />
  80. <meta name="text:Link 5 hover text" content="Title Here" />
  81.  
  82. <meta name="if:2column" content="1"/>
  83. <meta name="if:bgcover" content="0"/>
  84. </script>
  85.  
  86.  
  87. <style type="text/css">
  88. ::selection {
  89. background: {color:blogtitle};
  90. color: #fff;
  91. padding:4px;
  92. }
  93. ::-moz-selection {
  94. background: {color:blogtitle};
  95. color: #fff;
  96. padding:4px;
  97. }
  98. askk{
  99. font-size:13px;
  100. text-transform:uppercase;
  101. color:{color:blogtitle};
  102. }
  103. askk a{
  104. color:{color:blogtitle};
  105. }
  106. #s-m-t-tooltip {
  107. max-width:500px;
  108. padding:5px;
  109. margin:20px 0px 0px 20px;
  110. background: {color:blogtitle};
  111. border:1px solid {color:blogtitle};
  112. letter-spacing: 1px;
  113. box-shadow:3px 3px #fff;
  114. color: white;
  115. font-size:11px;
  116. font-family:calibri;
  117. z-index:999999999999999999999999999999999999;
  118. }
  119.  
  120. #s-m-t-tooltip:before{
  121. position: absolute;
  122. left: -11px;
  123. top: -7px;
  124. width: 0px;
  125. content:"";
  126. height: 0px;
  127. transform: scale(1.7, .3);
  128. -webkit-transform: scale(1.7, .3);
  129. -moz-transform: scale(1.7, .3);
  130. -o-transform: scale(1.7, .3);
  131. -ms-transform: scale(1.7, .3);
  132. border-right: 4px solid {color:blogtitle};
  133. border-bottom: 17px solid transparent;
  134. border-left: 4px solid transparent;
  135. border-top: 17px solid transparent;
  136. }
  137.  
  138. 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-
  139.  
  140. transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  141.  
  142. 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;}
  143.  
  144. /*--SCROLLBAR IS THE SIDE BAR THAT APPEARS ON RIGHT CORNER OF THE THEME, WHAT DOES WALKING DOWN THE BLOG AND UP, JUST CHANGE NOW FOR EXPERIENCED--*/
  145. ::-webkit-scrollbar {width: 8px; height: 4px; border-radius:5px; background:transparent;}
  146.  
  147. ::-webkit-scrollbar-thumb { border-radius:5px; background-image: -ms-linear-gradient(top, {color:blogtitle}; 0%, #fff 100%);
  148. background-image: -moz-linear-gradient(top, {color:blogtitle}; 0%, #fff 100%);
  149. background-image: -o-linear-gradient(top, {color:blogtitle}; 0%, #fff 100%);
  150. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, {color:blogtitle}), color-stop(1, #fff));
  151. background-image: -webkit-linear-gradient(top,{color:blogtitle}; 0%, #fff 100%);}
  152. blockquote img{ width:170px; }
  153.  
  154.  
  155. /*--I RECCOMMEND TO NOT TOUCH ANY OF THIS--*/
  156. body, a, a:hover {cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;}
  157.  
  158. body {
  159. padding:0px;
  160. margin:0px;
  161. color:{color:Text};
  162. font-family:calibri;
  163. font-size:11px;
  164. line-height:14px;
  165. text-transform:normal;
  166. background-color:{color:Background};
  167. background-image:url({image:Background});
  168. background-attachment:fixed;
  169. {block:ifbgcover}
  170. background-size:cover;
  171. {/block:ifbgcover}
  172. background-repeat:repeat;
  173. cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;}
  174.  
  175. a:link, a:active, a:visited{
  176. color:{color:Link};
  177. text-decoration:none;
  178. -webkit-transition:all 0.6s ease-out; -moz-transition:all 0.6s ease-out;-o-transition:all 0.6s ease-out; transition:all 0.6s ease-out;}
  179.  
  180. a:hover{
  181. color:{color:Hover};
  182. text-decoration:none;
  183. -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;
  184. cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;}
  185.  
  186.  
  187. /*--I RECCOMMEND TO NOT TOUCH ANY OF THIS--*/
  188. #audio {
  189. width:200px;
  190. height:auto;
  191. min-height:60px;
  192. padding-bottom:0px;
  193. }
  194.  
  195. .cover {
  196. position:absolute;
  197. z-index:1;
  198. width:60px;
  199. height:60px;
  200. }
  201.  
  202. .cover img {
  203. float:left;
  204. width:60px;
  205. height:60px;
  206. }
  207.  
  208. .playbox {
  209. opacity:0.6;
  210. width:27px;
  211. height:30px;
  212. overflow:hidden;
  213. position:absolute;
  214. z-index:1000;
  215. margin-left:17px;
  216. margin-top:17px;
  217. text-align:center;
  218. }
  219.  
  220. .info {
  221. margin-left:73px;
  222. margin-top:4px;
  223. line-height:14px;
  224. }
  225.  
  226. #cunt{width:250px; height:auto;}
  227. {block:PermalinkPage}
  228. width:10px;
  229. {/block:PermalinkPage}
  230. }
  231.  
  232. #center{
  233. padding-top:3px;
  234. padding-bottom:3px;
  235. position:fixed !important;
  236. width:250px;
  237. height:207px;
  238. background-color:#fff;
  239. {block:PermalinkPage}
  240. width:410px;
  241. height:207px;
  242. {/block:PermalinkPage}
  243. }
  244.  
  245.  
  246. /*--HERE YOU CAN CHANGE THE AMOUNT OF COLUMNS YOU WANT--*/
  247. #posts{
  248. float:center;
  249. {block:indexpage}
  250. width:800px; /*--1000px for 4 columns, 800px for 3 columns, 600px for 2 columns and 200px for 1 columns--*/
  251. {/block:indexpage}
  252. {block:indexpage}
  253. {block:if2column}
  254. width:600px; /*--1000px for 4 columns, 800px for 3 columns, 600px for 2 columns and 200px for 1 columns--*/
  255. {/block:if2column}
  256. {/block:indexpage}
  257. {block:permalinkpage}
  258. width:600px;
  259. {/block:permalinkpage}
  260. margin-left:460px;
  261. margin-top:20px;
  262. z-index:999999999;
  263. }
  264.  
  265. /*--CUSTOMIZE ENTRY SETTINGS--*/
  266. #entry img{
  267. {block:indexpage}
  268. background:#fff;
  269. max-width:220px;
  270. opacity:0.7;
  271. z-index:9999999;
  272. -webkit-transition:all 0.7s ease-out;
  273. -moz-transition:all 0.7s ease-out;
  274. transition:all 0.7s ease-out;
  275. {/block:indexpage}
  276. {block:PermalinkPage}
  277. max-width:190px;
  278. {/block:PermalinkPage}
  279. }
  280.  
  281. #entry{
  282. z-index:999;
  283. margin:8px;
  284. float:left;
  285. background:#fff;
  286. font-size:10px;
  287. line-height:13px;
  288. text-transform:normal;
  289. width:220px;
  290. padding:12px;
  291. border:1px solid #e1e1e1;
  292. box-shadow:rgba(0,0,0,.03) 4px 4px;
  293. {block:PermalinkPage}
  294. opacity:0.8;
  295. width:360px;
  296. margin-top:15px;
  297. margin-left:13px;
  298. z-index:999;
  299. border:4px double {color:Title};
  300. {/block:PermalinkPage}
  301. -webkit-transition: all .7s ease;
  302. -moz-transition: all .7s ease;
  303. -o-transition: all .7s ease;
  304. transition: all .7s ease;
  305. }
  306.  
  307. #entry:hover{
  308. {block:IndexPage}
  309. -moz-transform: scale(1.1);
  310. -webkit-transform: scale(1.1);
  311. transform: scale(1.1);
  312. z-index:9999999;
  313. -webkit-transition: all .7s ease;
  314. -moz-transition: all .7s ease;
  315. -o-transition: all .7s ease;
  316. transition: all .7s ease;
  317. {/block:IndexPage}
  318. }
  319.  
  320.  
  321. /*--CUSTOMIZE THE APPEARANCE OF PERMALINKS--*/
  322. #entry .perma{
  323. width:200px;
  324. height:20px;
  325. font-family:consolas;
  326. font-size:8px;
  327. line-height:12px;
  328. text-align:center;
  329. text-transform:uppercase;
  330. background:{color:blogtitle};
  331. border:1px solid #eee;
  332. position:absolute;
  333. color:#fff;
  334. z-index:99999;
  335. overflow:hidden;
  336. margin-top:15px;
  337. margin-left:3px;
  338. padding:6px;
  339. -moz-transform: scale(0.5);
  340. -webkit-transform: scale(0.5);
  341. transform: scale(0.5);
  342. -webkit-transition:opacity 0.5s linear; opacity: 0.0;
  343. -webkit-transition:all 0.5s linear;
  344. -moz-transition:all 0.5s linear;
  345. transition:all 0.5s linear;
  346. }
  347. .perma a{
  348. color:#fff;
  349. }
  350. #entry:hover .perma{
  351. overflow:visible;
  352. opacity:1;
  353.  
  354. transform: rotate(0deg);
  355. -ms-transform: rotate(0deg);
  356. -webkit-transform: rotate(0deg);
  357. -o-transform: rotate(0deg);
  358. -moz-transform: rotate(0deg);
  359. -moz-transform: scale(1);
  360. -webkit-transform: scale(1);
  361. transform: scale(1);
  362. -webkit-transition: all 0.5s linear;
  363. -webkit-transition: all 0.5s linear;
  364. -moz-transition: all 0.5s linear;
  365. transition: all 0.5s linear;
  366. }
  367.  
  368.  
  369. .permalinktext{
  370. display:block;
  371. text-align:center;
  372. text-decoration:none;
  373. font-size:8px;
  374. letter-spacing:1px;
  375. padding-top:5px;
  376. color:#fff;
  377. text-transform:uppercase;
  378. background:{color:blogtitle};
  379. border:1px solid #fff;
  380. padding:3px;
  381. }
  382. .permalinktext a{
  383. color:#fff;
  384. }
  385.  
  386. /*--CUSTOMIZE TITLE OF ENTRIES--*/
  387. .title{
  388. line-height:22px;
  389. color:{color:Title};
  390. font-weight:normal;
  391. font-family:georgia;
  392. font-style:italic;
  393. font-size:20px;
  394. }
  395.  
  396.  
  397. /*--CUSTOMIZE TITLE OF SIDEBAR--*/
  398. #hisatitle{
  399. position: fixed !important;
  400. z-index:999999;
  401. width:250px;
  402. margin-top:128px;
  403. margin-left:155px;
  404. color:{color:blogtitle};
  405. text-shadow:1px 1px 4px #fff;
  406. font-family:georgia;
  407. font-style:italic;
  408. font-size:22px;
  409. line-height:10px;
  410. }
  411. #hisatitle2{
  412. position: fixed !important;
  413. z-index:999999;
  414. width:250px;
  415. margin-top:-25px;
  416. opacity:0;
  417. margin-left:155px;
  418. color:{color:blogtitle};
  419. text-shadow:1px 1px 4px #fff;
  420. font-family:georgia;
  421. font-style:italic;
  422. font-size:21px;
  423. line-height:10px;
  424. -webkit-transition: all .7s ease;
  425. -moz-transition: all .7s ease;
  426. -o-transition: all .7s ease;
  427. transition: all .7s ease;
  428. }
  429.  
  430. #sidebar:hover #hisatitle2{
  431. opacity:1;
  432. margin-left:110px;
  433. -webkit-transition: all .7s ease;
  434. -moz-transition: all .7s ease;
  435. -o-transition: all .7s ease;
  436. transition: all .7s ease;
  437. }
  438. /*--CUSTOMIZE SIDEBAR--*/
  439. #sidebar{
  440. position:fixed !important;
  441. width:280px;
  442. height:140px;
  443. margin-top:140px;
  444. margin-left:120px;
  445. padding:12px;
  446. background-color:#fff;
  447. border:1px solid #e1e1e1;
  448. box-shadow:2px 2px 4px #fff;
  449. }
  450.  
  451.  
  452. /*--CUSTOMIZE DESCRIPTION--*/
  453. div#desc{
  454. position:fixed !important;
  455. opacity:1.0;
  456. background:#fff;
  457. width:105px;
  458. height:116px;
  459. padding:12px;
  460. overflow-y:scroll;
  461. color:#999;
  462. margin-top:-0px;
  463. margin-left:150px;
  464. font-size:10px;
  465. line-height:13px;
  466. background:white;
  467. font-family:calibri;
  468. border:1px double #e1e1e1;
  469. text-align:left; /*--you can put center, left, right or justify--*/
  470. }
  471.  
  472. #link1{
  473. position:fixed;
  474. opacity:0;
  475. z-index:999999999999999999;
  476. margin-top:-5px;
  477. width:25px;
  478. height:25px;
  479. border:3px double #fff;
  480. margin-left:15px;
  481. -moz-transform: scale(0.5);
  482. -webkit-transform: scale(0.5);
  483. transform: scale(0.5);
  484. -webkit-transition: all .3s ease;
  485. -moz-transition: all .3s ease;
  486. -o-transition: all .3s ease;
  487. transition: all .3s ease;
  488. }
  489.  
  490. #sidebar:hover #link1{
  491. opacity:1;
  492. background:{color:blogtitle};
  493. -moz-transform: scale(1.0);
  494. -webkit-transform: scale(1.0);
  495. transform: scale(1.0);
  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. #link1 a{
  502. width:15px;
  503. height:8px;
  504. font-size:20px;
  505.  
  506. line-height:23px;
  507. text-align:right;
  508. margin-left:4px;
  509. color:{color:links};
  510. background:{color:blogtitle};
  511. -webkit-transition: all .8s ease;
  512. -moz-transition: all .8s ease;
  513. -o-transition: all .8s ease;
  514. transition: all .8s ease;
  515. }
  516.  
  517. #link2{
  518. position:fixed;
  519. opacity:0;
  520. z-index:999999999999999999;
  521. margin-top:-5px;
  522. width:25px;
  523. height:25px;
  524. border:3px double #fff;
  525. margin-left:65px;
  526. -moz-transform: scale(0.5);
  527. -webkit-transform: scale(0.5);
  528. transform: scale(0.5);
  529. -webkit-transition: all .3s ease;
  530. -moz-transition: all .3s ease;
  531. -o-transition: all .3s ease;
  532. transition: all .3s ease;
  533. }
  534.  
  535. #sidebar:hover #link2{
  536. opacity:1;
  537. background:{color:links};
  538. -moz-transform: scale(1.0);
  539. -webkit-transform: scale(1.0);
  540. transform: scale(1.0);
  541. -webkit-transition: all .7s ease;
  542. -moz-transition: all .7s ease;
  543. -o-transition: all .7s ease;
  544. transition: all .7s ease;
  545. }
  546. #link2 a{
  547. width:15px;
  548. height:8px;
  549. font-size:20px;
  550.  
  551. line-height:23px;
  552. text-align:right;
  553. margin-left:4px;
  554. color:{color:blogtitle};
  555. background:{color:links};
  556. -webkit-transition: all .8s ease;
  557. -moz-transition: all .8s ease;
  558. -o-transition: all .8s ease;
  559. transition: all .8s ease;
  560. }
  561. #link3{
  562. position:fixed;
  563. opacity:0;
  564. z-index:999999999999999999;
  565. margin-top:-5px;
  566. width:25px;
  567. height:25px;
  568. border:3px double #fff;
  569. margin-left:115px;
  570. -moz-transform: scale(0.5);
  571. -webkit-transform: scale(0.5);
  572. transform: scale(0.5);
  573. -webkit-transition: all .3s ease;
  574. -moz-transition: all .3s ease;
  575. -o-transition: all .3s ease;
  576. transition: all .3s ease;
  577. }
  578.  
  579. #sidebar:hover #link3{
  580. opacity:1;
  581. background:{color:blogtitle};
  582. -moz-transform: scale(1.0);
  583. -webkit-transform: scale(1.0);
  584. transform: scale(1.0);
  585. -webkit-transition: all .7s ease;
  586. -moz-transition: all .7s ease;
  587. -o-transition: all .7s ease;
  588. transition: all .7s ease;
  589. }
  590. #link3 a{
  591. width:15px;
  592. height:8px;
  593. font-size:20px;
  594.  
  595. line-height:23px;
  596. text-align:right;
  597. margin-left:4px;
  598. color:{color:links};
  599. background:{color:blogtitle};
  600. -webkit-transition: all .8s ease;
  601. -moz-transition: all .8s ease;
  602. -o-transition: all .8s ease;
  603. transition: all .8s ease;
  604. }
  605.  
  606. #link4{
  607. position:fixed;
  608. opacity:0;
  609. z-index:999999999999999999;
  610. margin-top:-5px;
  611. width:25px;
  612. height:25px;
  613. border:3px double #fff;
  614. margin-left:165px;
  615. -moz-transform: scale(0.5);
  616. -webkit-transform: scale(0.5);
  617. transform: scale(0.5);
  618. -webkit-transition: all .3s ease;
  619. -moz-transition: all .3s ease;
  620. -o-transition: all .3s ease;
  621. transition: all .3s ease;
  622. }
  623.  
  624. #sidebar:hover #link4{
  625. opacity:1;
  626. background:{color:links};
  627. -moz-transform: scale(1.0);
  628. -webkit-transform: scale(1.0);
  629. transform: scale(1.0);
  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. #link4 a{
  636. width:15px;
  637. height:8px;
  638. font-size:20px;
  639.  
  640. line-height:23px;
  641. text-align:right;
  642. margin-left:4px;
  643. color:{color:blogtitle};
  644. background:{color:links};
  645. -webkit-transition: all .8s ease;
  646. -moz-transition: all .8s ease;
  647. -o-transition: all .8s ease;
  648. transition: all .8s ease;
  649. }
  650. #link5{
  651. position:fixed;
  652. opacity:0;
  653. z-index:999999999999999999;
  654. margin-top:-5px;
  655. width:25px;
  656. height:25px;
  657. border:3px double #fff;
  658. margin-left:215px;
  659. -moz-transform: scale(0.5);
  660. -webkit-transform: scale(0.5);
  661. transform: scale(0.5);
  662. -webkit-transition: all .3s ease;
  663. -moz-transition: all .3s ease;
  664. -o-transition: all .3s ease;
  665. transition: all .3s ease;
  666. }
  667.  
  668. #sidebar:hover #link5{
  669. opacity:1;
  670. background:{color:blogtitle};
  671. -moz-transform: scale(1.0);
  672. -webkit-transform: scale(1.0);
  673. transform: scale(1.0);
  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. #link5 a{
  680. width:15px;
  681. height:8px;
  682. font-size:20px;
  683.  
  684. line-height:23px;
  685. text-align:right;
  686. margin-left:4px;
  687. color:{color:links};
  688. background:{color:blogtitle};
  689. -webkit-transition: all .8s ease;
  690. -moz-transition: all .8s ease;
  691. -o-transition: all .8s ease;
  692. transition: all .8s ease;
  693. }
  694. #im{
  695. position:fixed;
  696. width:145px;
  697. height:auto;
  698. margin-top:280px;
  699. margin-left:-55px;
  700. }
  701. #im img{
  702. width:320px;
  703. }
  704. /*--CUSTOMIZE LINKS--*/
  705. #links{
  706. opacity:.0;
  707. position:fixed!important;
  708. width:262px;
  709. height:19px;
  710. padding:10px;
  711. color:{color:Link};
  712. font-size:10px;
  713. font-family:helvetica;
  714. letter-spacing:0px;
  715. text-transform:none;
  716. background:white;
  717. border:1px solid #e1e1e1;
  718. margin-left:-6px;
  719. margin-top:160px;
  720. -webkit-transition: all 0.9s ease-in-out;
  721. -moz-transition: all 0.9s ease-in-out;
  722. -o-transition: all 0.9s ease-in-out;
  723. }
  724.  
  725. #sidebar:hover #links{
  726. opacity:1;
  727. -webkit-transition: all 0.9s ease-in-out;
  728. -moz-transition: all 0.9s ease-in-out;
  729. -o-transition: all 0.9s ease-in-out;
  730. }
  731. /*--I RECCOMMEND TO NOT TOUCH ANY OF THIS--*/
  732. #infscr-loading{
  733. bottom: -70px;
  734. position: absolute;
  735. left: 50%;
  736. margin-left:-8px;
  737. width:16px;
  738. height:11px;
  739. overflow:hidden;
  740. margin-bottom: 50px;
  741. }
  742.  
  743. #postnotes{
  744. text-align: justify;}
  745.  
  746. #postnotes blockquote{
  747. border: 0px;}
  748.  
  749. blockquote{
  750. padding:0px 0px 2px 5px;
  751. margin:0px 0px 2px 10px;
  752. border-left: 1px dotted #eee;
  753. }
  754.  
  755. blockquote p, ul{
  756. margin:0px;
  757. padding:0px;
  758. }
  759.  
  760.  
  761. .user_1 .label, .user_3 .label, .user_5 .label, .user_7 .label, .user_9 .label, .user_11 .label, .user_13 .label, .user_15 .label {color:#fff;font-weight:bold;}
  762.  
  763. .user_2 .label, .user_4 .label, .user_6 .label, .user_8 .label, .user_10 .label, .user_12 .label, .user_14 .label{color:#fff;font-weight:bold;}
  764.  
  765. .user_1, .user_3, .user_5, .user_7, .user_9, .user_11, .user_13, .user_15{background:{color:links};color:#fff; padding:5px;margin-bottom:5px;border-radius:4px;margin-left:0px;}
  766.  
  767. .user_2, .user_4, .user_6, .user_8, .user_10, .user_12, .user_14{background:{color:blogtitle}; color #fff;color:#fff;padding:5px;margin-bottom:5px;border-radius:4px;margin-left:0px;}
  768. </style>
  769.  
  770. <!--THE TITLE IS THE SMALL TITLE THAT APPEARS IN TAB THE BLOG IN FRONT OF FAVICON, OVER THERE, WHERE IS HTTP, IF YOU DON'T UNDERSTAND, GO ON THIS LINK - http://static.tumblr.com/pmxvx4i/HBen83kl0/title.png -->
  771. <title>{Title}</title>
  772. <!--THE FAVICON IS THE SMALL ICON THAT APPEARS IN TAB THE BLOG, OVER THERE, WHERE IS HTTP, IF YOU DON'T UNDERSTAND, GO ON THIS LINK - http://static.tumblr.com/pmxvx4i/jOrn83kin/favicon.png -->
  773. <link rel="shortcut icon" href="http://media.tumblr.com/tumblr_lnwepijTBF1qepbs7.gif">
  774.  
  775. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  776. <meta name="viewport" content="width=720" />
  777. </head>
  778. <script type="text/javascript" src="http://static.tumblr.com/uwz0y16/MQ5nihvz5/docu.txt"></script>
  779. <body>
  780. <div id="center">
  781. <div id="content">
  782.  
  783. <!--THIS CODE DOES WORK THE TITLE OVER THE SIDEBAR-->
  784. <div id="hisatitle">{text:blogtitle 1}</div>
  785.  
  786. <!--THIS CODE DOES WORK SIDEBAR-->
  787. <div id="sidebar">
  788. <div id="im"><img src="http://media.tumblr.com/875bf01b1bafe9b1f3d9ddad2d6f8c9d/tumblr_inline_mqjwisgaQI1qz4rgp.png"></div>
  789. <div id="hisatitle2">{text:blogtitle 2}</div>
  790. <!--THIS CODE DOES WORK DESCRIPTION-->
  791. <div id="desc">{description}</div>
  792.  
  793. <!--THIS CODE DOES WORK LINKS-->
  794. <div id="links">
  795. <div id="link1"><a href="{text:Link One}" title="{text:Link 1 hover text}">△</a></div>
  796. <div id="link2"><a href="{text:Link Two}" title="{text:Link 2 hover text}">△</a> </div>
  797. <div id="link3"><a href="{text:Link Three}" title="{text:Link 3 hover text}">△</a></div>
  798. <div id="link4"><a href="{text:Link Four}" title="{text:Link 4 hover text}">△</a></div>
  799. <div id="link5"><a href="{text:Link Five}" title="{text:Link 5 hover text}">△</a></div>
  800. </div>
  801.  
  802.  
  803. <!--THIS CODE DOES WORK IMAGE OF SIDEBAR-->
  804. <img src="{image:sidebar}" style="border:1px solid #e1e1e1; outline:1px solid #fff; outline-offset:-15px;padding:10px; opacity:0.7; width:120px; height:120px"></div>
  805.  
  806.  
  807. <!--THIS CODE DOES WORK POSTS, DON'T CHANGE ANYTHING IF NOT EXPERIENCED WITH CODES-->
  808. <div id="posts">
  809. {block:Posts}
  810. <div id="entry">
  811.  
  812. {block:Text}
  813. {block:Title}<span class="title">{Title}</span>{/block:Title}
  814. <span class="entrytext">{Body}</span></a>
  815. {block:IndexPage}<br>
  816. <div class="permalinktext">
  817. {DayOfMonth}, {ShortMonth} with <a href="{permalink}">{notecount} notes</a></div>{/block:IndexPage}
  818. {/block:Text}
  819.  
  820. {block:Link}
  821. <a href="{URL}" class="title">{Name}</a>
  822. {block:Description}{Description}{/block:Description}
  823. {block:IndexPage}<br>
  824. <div class="permalinktext">
  825. {Month} {DayOfMonth} with <a href="{permalink}">{notecount} notes</a>
  826. </div>
  827. {/block:IndexPage}
  828. {block:Link}
  829.  
  830. {block:Photo}{block:IndexPage}<div class="lovely"></div>
  831. <div class="perma">
  832. ✿ <a href="{Permalink}">{notecount} notes</a> ✿ <a href="{ReblogURL}">Reblog</a> this post ✿ </br>
  833. {Month} {Dayofmonth}, {Year}<br>
  834.  
  835. </div>
  836. {/block:IndexPage}
  837.  
  838. {block:IndexPage}
  839. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=280px;>
  840. {/block:IndexPage}
  841. {block:permalinkpage}{LinkOpenTag}<center>
  842. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=260px;/>
  843. {LinkCloseTag}</center>{/block:permalinkpage}
  844. {/block:Photo}
  845. {block:Photoset}
  846. {block:IndexPage}
  847. <center>
  848.  
  849. <div class="perma">
  850. ✿ <a href="{Permalink}">{notecount} notes</a> ✿ <a href="{ReblogURL}">Reblog</a> this post ✿ </br>
  851. {Month} {Dayofmonth}, {Year}<br> </div>
  852. {Photoset}</center>
  853. {/block:IndexPage}
  854. {block:PermalinkPage}
  855. <center>
  856. {Photoset}</center>
  857. {/block:PermalinkPage}
  858. {/block:Photoset}
  859. {block:Quote}
  860. <div class="quote">❝ {quote}</div>
  861. {block:IndexPage}<br>
  862. <div class="permalinktext">
  863. {DayOfMonth}, {ShortMonth} with <a href="{permalink}">{notecount} notes</a></div>{/block:IndexPage}
  864. {/block:Quote}
  865.  
  866. {block:Chat}
  867. {block:Title}<span class="title">{Title}</span>{/block:Title}
  868. <ul class="chat"></ul>
  869. {block:Lines}
  870. <li class="user_{UserNumber}">
  871. {block:Label}
  872. <span class="label">{Label}</span>
  873. {/block:Label}
  874.  
  875. {Line}<br>
  876. {/block:Lines}
  877.  
  878. {block:IndexPage}<br>
  879. {/block:IndexPage}
  880.  
  881. {/block:Chat}
  882.  
  883. {block:Audio}
  884. <div id="audio"><div class="cover"><img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>{block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="playbox">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div><div class="info"><b>Artist:</b> <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br><b>Title:</b> <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br><b>Album:</b> <span{block:Album} style="display:none;"{/block:Album}>Lovers</span>{block:Album}{Album}{/block:Album}{block:PlayCount}<br><b>Touch:</b> {FormattedPlayCount}{/block:PlayCount}</div></div>
  885. {block:IndexPage}<br>
  886. <div class="permalinktext">
  887. <center> <font color="#fff">{DayOfMonth}, {ShortMonth} with</font> <a href="{permalink}"><font color="#fff">{notecount} notes</font></a></center></div>{/block:IndexPage}
  888. {/block:Audio}
  889.  
  890. {block:Video}
  891. <center>{block:IndexPage}
  892. <div class="perma">
  893. ✿ <a href="{Permalink}">{notecount} notes</a> ✿ <a href="{ReblogURL}">Reblog</a> this post ✿ </br>
  894. {Month} {Dayofmonth}, {Year}<br></div>
  895. <div style="width:200px; overflow-x:hidden; overflow-y:hidden">{Video-250}</div>{/block:IndexPage}</center>
  896. <center>{block:PermalinkPage}<div style="width: 450px; overflow-x:hidden; overflow-y:hidden">{Video-500}{/block:PermalinkPage}</center>
  897. {block:Video}
  898.  
  899. {block:Answer}
  900. <div style="border:1px solid #eee; margin:3px; margin-top:-5px; min-height:30px; padding:3px; background:#f7f7f7">
  901. <img src="{AskerPortraitURL-30}" width="30" align="left"
  902. style="margin-right:4px;border-radius:5px; margin-top:-6px; margin-left:0px; border:1px solid #ddd; padding:7px; background:#fff; box-shadow:3px 3px #e1e1e1 ">
  903. <askk>{Asker}</askk>: {Question}</div><br>
  904.  
  905. <div style="font-family:calibri; font-size:11px; border:1px solid #eee; margin:3px; margin-top:-5px; min-height:30px; padding:3px; background:#f7f7f7">{Answer}</div>
  906. {/block:Answer}
  907.  
  908. {block:PermalinkPage}
  909. <center><br>
  910. {block:Date}posted <u>{DayOfWeek}</u>{/block:Date} {block:NoteCount}with {NoteCount} notes<br>{/block:NoteCount}
  911. {block:RebloggedFrom}<b>source:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> | <b>of:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br>{/block:RebloggedFrom}
  912. {block:NoteCount} <div style="text-align:center; margin:5px"></div>{/block:NoteCount}</center>
  913. {/block:PermalinkPage}
  914. {block:PostNotes}
  915. <div id="postnotes">{PostNotes}</div>
  916. {/block:PostNotes}</div>{/block:Posts}
  917. </div></div>
  918.  
  919. {block:indexpage}
  920. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  921. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  922. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  923. <script type="text/javascript">
  924. $(window).load(function(){
  925. var $wall = $('#posts');
  926. $wall.imagesLoaded(function(){
  927. $wall.masonry({
  928. itemSelector: '#entry, #entry_photo',
  929. isAnimated : false
  930. });
  931. });
  932.  
  933. $wall.infinitescroll({
  934. navSelector : '#page-nav',
  935. nextSelector : '#page-nav a',
  936. itemSelector : '#entry, #entry_photo',
  937. bufferPx : 2000,
  938. debug : false,
  939. errorCallback: function() {
  940. $('#infscr-loading').fadeOut('normal');
  941. }},
  942. function( newElements ) {
  943. var $newElems = $( newElements );
  944. $newElems.hide();
  945. $newElems.imagesLoaded(function(){
  946. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  947. });
  948. }); $('#content').show(500);
  949. });
  950. </script>
  951. {/block:indexpage}
  952.  
  953. <body onkeydown="return false">
  954. </body>
  955.  
  956. <div style="z-index:99999999999; position:fixed; bottom:3px; left:10px; opacity:0.7"><a href="http://hisabeel.tumblr.com" title="Hisabeel made this base code"><img src="https://cdn3.iconfinder.com/data/icons/linecons-free-vector-icons-pack/32/diamond-128.png" width="24"></a></div>
  957. <div style="position:fixed; padding:5px; bottom:6px; right:6px; border:3px solid #F6CED8; border-radius:100%; width:16px; background:white; height:16px;"><a href="http://mufflinq.tumblr.com" title="theme by aj"><img src="http://i12.photobucket.com/albums/a213/superkate_2468/favicon-10.png" style="left:-5px; top:-4px; "></a></div>
  958. </html>
Add Comment
Please, Sign In to add comment