Fucking_Aj

Why Try Theme by Mufflinq

Jan 10th, 2015
316
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.82 KB | None | 0 0
  1. <!--
  2. █▀▀▄ █▀▀█ █░░█ █░░█   ▀▀█▀▀ █░░█ █▀▀ █▀▄▀█ █▀▀ █▀▀
  3. █▀▀▄ █▄▄▀ █░░█ █▀▀█   ░░█░░ █▀▀█ █▀▀ █░▀░█ █▀▀ ▀▀█
  4. ▀▀▀░ ▀░▀▀ ░▀▀▀ ▀░░▀   ░░▀░░ ▀░░▀ ▀▀▀ ▀░░░▀ ▀▀▀ ▀▀▀
  5. keep credit (:
  6. base code by hisabeel -but theme made by mufflinq
  7. -->
  8. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  9. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  10. <script>
  11. (function($){
  12. $(document).ready(function(){
  13. $("a[title]").style_my_tooltips({
  14. tip_follows_cursor:true,
  15. tip_delay_time:90,
  16. tip_fade_speed:600,
  17. attribute:"title"
  18. });
  19. });
  20. })(jQuery);
  21. </script>
  22.  
  23. <link href="http://static.tumblr.com/eih4pta/Flam72cb8/animate-custom__1_.css";; rel="stylesheet">
  24.  
  25. <html lang="en">
  26. <script type="text/javascript">
  27. <!--
  28.  
  29. // Disable Right Click Script
  30.  
  31. function IE(e)
  32. {
  33. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  34. {
  35. return false;
  36. }
  37. }
  38. function NS(e)
  39. {
  40. if (document.layers || (document.getElementById && !document.all))
  41. {
  42. if (e.which == "2" || e.which == "3")
  43. {
  44. return false;
  45. }
  46. }
  47. }
  48. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  49.  
  50. //-->
  51. </script>
  52. <script type="text/javascript"
  53. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  54. <script>
  55. $(document).ready(function() {
  56. //
  57. $('a.poplight[href^=#]').click(function() {
  58. var popID = $(this).attr('rel'); //Get Popup Name
  59. var popURL = $(this).attr('href'); //Get Popup href to define size
  60. var query= popURL.split('?');
  61. var dim= query[1].split('&');
  62. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  63. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  64. var popMargTop = ($('#' + popID).height() + 80) / 2;
  65. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  66. //Apply Margin to Popup
  67. $('#' + popID).css({
  68. 'margin-top' : -popMargTop,
  69. 'margin-left' : -popMargLeft
  70. });
  71. $('body').append('<div id="fade"></div>');
  72. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  73. return false;
  74. });
  75. $('a.close, #fade').live('click', function() {
  76. $('#fade , .popup_block').fadeOut(function() {
  77. $('#fade, a.close').remove(); //fade them both out
  78. });
  79. return false;
  80. });
  81. });
  82. </script>
  83. <link href='http://fonts.googleapis.com/css?family=Sacramento' rel='stylesheet' type='text/css'>
  84.  
  85.  
  86. <!--THESE CODES ARE DOING WORK THE THEME, BACKGROUND COLOR CHANGING OR ADDING A CUSTOM BACKGROUND, CHANGE THE NUMBER OF LINKS, ETC.-->
  87. <meta name="color:Background" content="#fafafa"/>
  88. <meta name="color:Title" content="#ac5682"/>
  89. <meta name="color:Text" content="#999999"/>
  90. <meta name="color:Link" content="#999"/>
  91. <meta name="color:Hover" content="#ffffff"/>
  92. <meta name="color:Hisatitle" content="#ac5682"/>
  93. <meta name="color:sidebar borders" content="#ac5682"/>
  94. <meta name="image:Background" content=""/>
  95. <meta name="image:Sidebar" content=""/>
  96. <meta name="text:blogtitle" content="Daffodils"/>
  97.  
  98. <!--HERE ARE THE SITES WHERE WILL GIVE LINKS-->
  99. <meta name="text:Link One" content="" />
  100. <meta name="text:Link Two" content="" />
  101. <meta name="text:Link Three" content="" />
  102. <meta name="text:Link Four" content="" />
  103. <meta name="text:Link Five" content="" />
  104.  
  105. <!--HERE ARE PLACED THE NAMES OF LINKS-->
  106. <meta name="text:Link 1 hover text" content="Title Here" />
  107. <meta name="text:Link 2 hover text" content="Title Here" />
  108. <meta name="text:Link 3 hover text" content="Title Here" />
  109. <meta name="text:Link 4 hover text" content="Title Here" />
  110. <meta name="text:Link 5 hover text" content="Title Here" />
  111.  
  112. <meta name="text:name" content="Royalty" />
  113. <meta name="text:quote" content="I like the summer rain,
  114. I like the sounds you make.
  115. We put the world away
  116. We get so disconnected"/>
  117. </script>
  118.  
  119.  
  120. <style type="text/css">
  121. tit{
  122. position:absolute;
  123. margin-top:-50px;
  124. font-size:47px;
  125. margin-left:-10px;
  126. text-align:center;
  127. font-family:formal;
  128. color:#fff;
  129. text-shadow:3px 3px {color:title},3px 3px {color:title}, 3px 3px {color:title};
  130. }
  131. ::selection{
  132. color: #fff;
  133. background: {color:title};
  134.  
  135. }
  136.  
  137. ::-moz-selection{
  138. color: #fff;
  139. background: {color:title};
  140. }
  141. #s-m-t-tooltip {
  142. max-width:500px;
  143. padding:6px;
  144. border-radius:4px;
  145. margin:20px 0px 0px 20px;
  146. background: {color:title};
  147. border:1px solid {color:title};
  148. letter-spacing: 1px;
  149. color: white;
  150. font-size:10px;
  151. font-family:calibri;
  152.  
  153. z-index:999999999999999999999999999999999999;
  154. }
  155.  
  156. #s-m-t-tooltip:before{
  157. position: absolute;
  158. left: -11px;
  159. top: -7px;
  160. width: 0px;
  161. content:"";
  162. transform: scale(1.7, .3);
  163. -webkit-transform: scale(1.7, .3);
  164. -moz-transform: scale(1.7, .3);
  165. -o-transform: scale(1.7, .3);
  166. -ms-transform: scale(1.7, .3);
  167. height: 0px;
  168. border-right: 4px solid {color:title};
  169. border-bottom: 17px solid transparent;
  170. border-left: 4px solid transparent;
  171. border-top: 17px solid transparent;
  172. }
  173. #fade { /*--Transparent background layer--*/
  174. display: none; /*--hidden by default--*/
  175. position: fixed; left: 0; top: 0;
  176. width: 100%; height: 100%;
  177. opacity: .80;
  178. z-index: 909999999999999;
  179. }
  180. .popup_block{
  181. display: none; /*--hidden by default--*/
  182. background: #fff;/*--color of background of the popup--*/
  183. padding: 15px;
  184. border: 1px solid #f2e7e2;
  185. outline:1px dashed #e1e1e1;
  186. outline-offset:-8px;
  187. float: left;
  188. position: fixed;
  189. font-size:12px;
  190. line-height:16px;
  191. top: 50%; left: 50%;
  192. z-index: 99999999999999999;
  193. /*--CSS3 Box Shadows--*/
  194. -webkit-box-shadow: 0px 0px 20px #000;
  195. -moz-box-shadow: 0px 0px 20px #000;
  196. box-shadow: 0px 0px 20px #000;
  197. /*--CSS3 Rounded Corners--*/
  198.  
  199. -webkit-animation:lightSpeedIn 2s;
  200. -moz-animation:lightSpeedIn 2s;
  201. -ms-animation:lightSpeedIn 2s;
  202. }
  203. img.btn_close {
  204. float: right;
  205. margin: -20 -20px 0 0;
  206. }
  207. /*--Making IE6 Understand Fixed Positioning--*/
  208. *html #fade {
  209. position: absolute;
  210. }
  211. *html .popup_block {
  212. position: absolute;
  213. }
  214.  
  215.  
  216. /*--IFRAME ARE THE CODES OF CONTROL BUTTONS (DASHBOARD, FOLLOW/UNFOLLOW)--*/
  217. 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-
  218.  
  219. transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  220.  
  221. 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;}
  222.  
  223.  
  224. /*--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--*/
  225.  
  226. ::-webkit-scrollbar-thumb{ background-color:{color:title}; border:2px solid {color:title}; height:auto; -moz-border-radius:10px; border-radius:10px; height:2px;}
  227.  
  228. ::-webkit-scrollbar{ height:2px; width:5px; background-color:{color:title}; border:2px solid #fff;}
  229.  
  230. /*--I RECCOMMEND TO NOT TOUCH ANY OF THIS--*/
  231. body, a, a:hover {cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;}
  232.  
  233. body {
  234. padding:0px;
  235. margin:0px;
  236. color:{color:Text};
  237. font-family:calibri;
  238. font-size:11px;
  239. line-height:15px;
  240. text-transform:normal;
  241. background-color:{color:Background};
  242. background-image:url({image:Background});
  243. background-attachment:fixed;
  244. background-repeat:repeat;
  245. cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;}
  246.  
  247. a:link, a:active, a:visited{
  248. color:{color:Link};
  249. text-decoration:none;
  250. -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;}
  251.  
  252. a:hover{
  253. color:{color:Hover};
  254. text-decoration:none;
  255. -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;
  256. cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;}
  257.  
  258.  
  259. /*--I RECCOMMEND TO NOT TOUCH ANY OF THIS--*/
  260. #audio {
  261. width:200px;
  262. height:auto;
  263. min-height:60px;
  264. padding-bottom:0px;
  265. }
  266.  
  267. .cover {
  268. position:absolute;
  269. z-index:1;
  270. width:60px;
  271. height:60px;
  272. }
  273.  
  274. .cover img {
  275. float:left;
  276. width:60px;
  277. height:60px;
  278. }
  279.  
  280. .playbox {
  281. opacity:0.6;
  282. width:27px;
  283. height:30px;
  284. overflow:hidden;
  285. position:absolute;
  286. z-index:1000;
  287. margin-left:17px;
  288. margin-top:17px;
  289. text-align:center;
  290. }
  291.  
  292. .info {
  293. margin-left:73px;
  294. margin-top:4px;
  295. line-height:14px;
  296. }
  297.  
  298. #cunt{width:250px; height:auto;}
  299. {block:PermalinkPage}
  300. width:10px;
  301. {/block:PermalinkPage}
  302. }
  303.  
  304. #center{
  305. padding-top:3px;
  306. padding-bottom:3px;
  307. position:fixed !important;
  308. width:250px;
  309. height:207px;
  310. background-color:#fff;
  311. {block:PermalinkPage}
  312. width:410px;
  313. height:207px;
  314. {/block:PermalinkPage}
  315. }
  316.  
  317. #topbar{
  318. opacity:.9;
  319. position:fixed;
  320. border-bottom:3px double #fff;
  321. padding:5px;
  322. width:100%;
  323. height:20px;
  324. font-size:10px;
  325. text-align:center;
  326. line-height:20px;
  327. font-family:calibri;
  328. text-transform:uppercase;
  329. color:#fff;
  330. margin-top:-70px;
  331. z-index:999999999999999;
  332. background:{color:sidebar borders};
  333.  
  334. }
  335. /*--HERE YOU CAN CHANGE THE AMOUNT OF COLUMNS YOU WANT--*/
  336. #posts{
  337. float:center;
  338. {block:indexpage}
  339. width:600px; /*--1000px for 4 columns, 800px for 3 columns, 600px for 2 columns and 200px for 1 columns--*/
  340. {/block:indexpage}
  341. {block:permalinkpage}
  342. width:600px;
  343. {/block:permalinkpage}
  344. margin-left:580px;
  345. margin-top:70px;
  346. z-index:999999999;
  347. -webkit-animation: flipInY 3s;
  348. -moz-animation: flipInY 3s;
  349. -ms-animation: flipInY: 3s;
  350. }
  351.  
  352. /*--CUSTOMIZE ENTRY SETTINGS--*/
  353. #entry img{
  354. {block:indexpage}
  355. background:#fff;
  356. max-width:243px;
  357. opacity:0.7;
  358. z-index:9999999;
  359. -webkit-transition:all 0.7s ease-out;
  360. -moz-transition:all 0.7s ease-out;
  361. transition:all 0.7s ease-out;
  362. {/block:indexpage}
  363. }
  364.  
  365. #entry{
  366. z-index:999;
  367. margin:8px;
  368. float:left;
  369. background:#fff;
  370. font-size:11px;
  371. line-height:15px;
  372. text-transform:normal;
  373. width:244px;
  374. padding:12px;
  375. border:1px solid #eee;
  376. box-shadow:rgba(0,0,0,.03) 4px 4px;
  377. {block:PermalinkPage}
  378. opacity:0.8;
  379. width:360px;
  380. margin-top:15px;
  381. margin-left:13px;
  382. z-index:999;
  383. {/block:PermalinkPage}
  384. -moz-transition: all 3.9s ease-out;
  385. -o-transition: all 3.9s ease-out;
  386. -webkit-transition: all 3.9s ease-out;
  387. transition: all 3.9s ease-out;
  388. }
  389.  
  390. #entry:hover{
  391. box-shadow:0px 0px 20px {color:Title};
  392. -moz-transition: all 3.9s ease-out;
  393. -o-transition: all 3.9s ease-out;
  394. -webkit-transition: all 3.9s ease-out;
  395. transition: all 3.9s ease-out;
  396. }
  397.  
  398.  
  399. /*--CUSTOMIZE THE APPEARANCE OF PERMALINKS--*/
  400.  
  401. .perma a{
  402. color:{color:link};
  403. }
  404. /*CUSTOMIZE THE APPEARANCE OF PERMALINKS*/
  405. #entry .perma{
  406. width:17px;
  407. height:17px;
  408. margin-left:15px;
  409. padding:10px;
  410. border:1px solid white;
  411. position: absolute;
  412. line-height: 16px;
  413. overflow:hidden;
  414. text-align:center;
  415. top:20px;
  416. background:{color:sidebar borders};
  417. word-spacing:2px;
  418. letter-spacing:1px;
  419. z-index:99;
  420. opacity: 0.0;
  421. -webkit-transition: all .7s ease;
  422. -moz-transition: all .7s ease;
  423. -o-transition: all .7s ease;
  424. transition: all .7s ease;
  425.  
  426. }
  427.  
  428. #entry:hover .perma{
  429. overflow:visible;
  430. opacity:.99;
  431. -webkit-animation:pulse 2s;
  432. -moz-animation:pulse 2s;
  433. -o-animation:pulse 2s;
  434. }
  435.  
  436. #entry .perma2{
  437. width:17px;
  438. height:17px;
  439. margin-left:70px;
  440. padding:10px;
  441. border:1px solid white;
  442. position: absolute;
  443. line-height: 16px;
  444. overflow:hidden;
  445. text-align:center;
  446. top:20px;
  447. background:{color:sidebar borders};
  448. word-spacing:2px;
  449. letter-spacing:1px;
  450. opacity: 0.0;z-index:99;
  451. -webkit-transition: all .7s ease;
  452. -moz-transition: all .7s ease;
  453. -o-transition: all .7s ease;
  454. transition: all .7s ease;
  455.  
  456. }
  457.  
  458. #entry:hover .perma2{
  459. overflow:visible;
  460. opacity:.99;
  461. -webkit-animation:pulse 2s;
  462. -moz-animation:pulse 2s;
  463. -o-animation:pulse 2s;
  464. }
  465.  
  466. .tt{
  467. text-transform: uppercase;
  468. display: block;
  469. text-align:left;
  470. padding-left:18px;
  471. text-decoration: none;
  472. font-size: 9px;
  473. font-family:calibri;
  474. line-height:10px;
  475. letter-spacing:1px;
  476. margin: 2px;
  477. margin-top: 12px;
  478. border: 0px solid #f3f3f3;
  479. outline:1px dashed white;
  480. outline-offset:-3px;
  481. padding-top: 5px;
  482. padding-bottom: 6px;
  483. background:{color:sidebar borders};
  484. color:white;
  485.  
  486. opacity: 0.7;
  487. -webkit-transition: all 0.6s ease-in-out;
  488. -moz-transition: all 0.6s ease-in-out;
  489. transition: all 0.6s ease-in-out;
  490. }
  491.  
  492. .tt a{color:#fff; !important;}
  493. .tt a:hover{color:#fff; !important;}
  494. .tt:hover{
  495. -webkit-transition: 0.8s ease-out;
  496. -moz-transition: 0.8s ease-out;
  497. transition: 0.8s ease-out;
  498. }
  499. #entry:hover .tt{
  500. opacity:.7;
  501. -webkit-transition: 0.8s ease-out;
  502. -moz-transition: 0.8s ease-out;
  503. transition: 0.8s ease-out;
  504. }
  505. .permalinktext{
  506. display:block;
  507. text-align:right;
  508. text-decoration:none;
  509. font-size:8px;
  510. letter-spacing:1px;
  511. padding-top:5px;
  512. text-transform:uppercase;
  513. background:#f9f9f9;
  514. border:1px solid #f3f3f3;
  515. padding:2px;
  516. }
  517.  
  518.  
  519. /*--CUSTOMIZE TITLE OF ENTRIES--*/
  520. .title{
  521. line-height:33px;
  522. color:{color:Title};
  523. font-weight:normal;
  524. font-size:18px;
  525. font-family:calibri;
  526. text-transform:uppercase;
  527. }
  528.  
  529.  
  530. /*--CUSTOMIZE TITLE OF SIDEBAR--*/
  531. #hisatitle{
  532. position: fixed !important;
  533. z-index:99;
  534. width:250px;
  535. margin-top:120px;
  536. margin-left:260px;
  537. color:{color:Hisatitle};
  538. text-shadow:5px 5px 4px #fff;
  539. font-family: 'Sacramento', cursive;
  540. font-size:32px;
  541. line-height:10px;
  542. -webkit-animation: flipInY 3s;
  543. -moz-animation: flipInY 3s;
  544. -ms-animation: flipInY: 3s;
  545. }
  546. @font-face {font-family:formal; src: url(http://static.tumblr.com/2poobra/pspmrjf1f/petitformalscript-regular.ttf); }
  547.  
  548.  
  549.  
  550. @font-face{font-family:Brain Flower;src:url(http://static.tumblr.com/9wzbixa/qvjmifp1n/brain_flower.ttf);}
  551.  
  552. /*--CUSTOMIZE SIDEBAR--*/
  553. #sidebar{
  554. position:fixed !important;
  555. width:160px;
  556. height:160px;
  557. margin-top:140px;
  558. margin-left:250px;
  559. padding:12px;
  560. background-color:#fff;
  561. border:12px solid {color:sidebar borders};
  562. outline:1px dashed #fff;
  563. outline-offset:-6px;
  564. -webkit-animation: flipInY 3s;
  565. -moz-animation: flipInY 3s;
  566. -ms-animation: flipInY: 3s;
  567. }
  568. askk{
  569. font-size:24px;
  570. font-family: 'Sacramento', cursive;
  571. color:{color:hisatitle};
  572. }
  573. name{
  574. font-size:15px;
  575. font-family:times new roman;
  576. padding:4px;
  577. background:{color:hisatitle};
  578. color:#fff;
  579. border:3px double #fff;
  580. line-height:25px;
  581. }
  582. /*--CUSTOMIZE DESCRIPTION--*/
  583. div#desc{
  584. position:fixed !important;
  585. opacity:0;
  586. background:#fff;
  587. width:116px;
  588. height:54px;
  589. padding:12px;
  590. color:#999;
  591. margin-top:30px;
  592. overflow-y:scroll;
  593. margin-left:10px;
  594. font-size:10px;
  595. line-height:13px;
  596. font-family:calibri;
  597. z-index:99;
  598. border-top:3px double #ddd;
  599. border-bottom:3px double #ddd;
  600. text-align:justify; /*--you can put center, left, right or justify--\*/
  601. -webkit-transition: all 0.9s ease-in-out;
  602. -moz-transition: all 0.9s ease-in-out;
  603. -o-transition: all 0.9s ease-in-out;
  604.  
  605. }
  606.  
  607.  
  608. #sidebar:hover #desc{
  609. opacity:.95;
  610. -webkit-transition: all 0.9s ease-in-out;
  611. -moz-transition: all 0.9s ease-in-out;
  612. -o-transition: all 0.9s ease-in-out;
  613. }
  614. /*--CUSTOMIZE LINKS--*/
  615. #links{
  616. margin-left:-15px;
  617. margin-top:190px;
  618. position:fixed;
  619. background-color:none;
  620. height:auto;
  621. width:265px;
  622. }
  623. .nav a{
  624. width:10px;
  625. height:10px;
  626. line-height:50px;
  627. margin:3px; /*spacing of the links. SO much easier than the #link #link2 #link3 bullshit*/
  628. background:#fff;
  629. padding:6px;
  630. color:#999999;
  631. padding-left:8px;
  632. padding-right:8px;
  633. border:1px solid #999;
  634. border-radius:100%;
  635. -webkit-transition: all .7s ease;
  636. -moz-transition: all .7s ease;
  637. -o-transition: all .7s ease;
  638. transition: all .7s ease;
  639. border:1px solid #ddd;
  640. font-family:calibri;
  641. font-size:13px;
  642. text-align:center;
  643. }
  644.  
  645. /*this is where you customize what the hover of the links will look like*/
  646.  
  647. .nav a:hover{
  648. background:{color:hisatitle};
  649. color:white;
  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. /*--I RECCOMMEND TO NOT TOUCH ANY OF THIS--*/
  658. #infscr-loading{
  659. bottom: -70px;
  660. position: absolute;
  661. left: 50%;
  662. margin-left:-8px;
  663. width:16px;
  664. height:11px;
  665. overflow:hidden;
  666. margin-bottom: 50px;
  667. }
  668.  
  669. #postnotes{
  670. text-align: justify;}
  671.  
  672. #postnotes blockquote{
  673. border: 0px;}
  674.  
  675. blockquote{
  676. padding:0px 0px 2px 5px;
  677. margin:0px 0px 2px 10px;
  678. border-left: 1px dotted #eee;
  679. }
  680.  
  681. blockquote p, ul{
  682. margin:0px;
  683. padding:0px;
  684. }
  685.  
  686. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  687. .user_7 .label, .user_8 .label, .user_9 .label {color:Title};}
  688. </style>
  689.  
  690. <!--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 -->
  691. <title>{Title}</title>
  692. <!--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 -->
  693. <link rel="shortcut icon" href="http://static.tumblr.com/71ee36a597250480c052733d211ea411/9lbpo1d/dlqmx379u/tumblr_static_treecko_favicon_by_j4smini-d61lgl4.png">
  694.  
  695. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  696. <meta name="viewport" content="width=720" />
  697. </head>
  698.  
  699. <body>
  700. <div id="center">
  701. <div id="content">
  702.  
  703. <!--THIS CODE DOES WORK THE TITLE OVER THE SIDEBAR-->
  704. <div id="hisatitle"><img src="http://static.tumblr.com/vilw5yj/o9fmw06k7/30v0qp4__1_.gif" style="width:auto;height:auto;">{text:blogtitle}<img src="http://static.tumblr.com/vilw5yj/Pu9mw06me/30v0qp4.gif" style="width:auto;height:auto;"></div>
  705. <div id="topbar">{text:quote}</div>
  706. <!--THIS CODE DOES WORK SIDEBAR-->
  707. <div id="sidebar">
  708. <!--THIS CODE DOES WORK DESCRIPTION-->
  709. <div id="desc">{description}
  710.  
  711. </div>
  712.  
  713.  
  714. <!--THIS CODE DOES WORK LINKS-->
  715. <div id="links">
  716. <div class="nav">
  717. <a href="{text:Link One}" title="{text:Link 1 hover text}">壹</a>
  718. <a href="{text:Link Two}" title="{text:Link 2 hover text}">貳</a>
  719. <a href="{text:Link Three}" title="{text:Link 3 hover text}">三</a>
  720. <a href="{text:Link Four}" title="{text:Link 4 hover text}">四</a>
  721. <a href="{text:Link Five}" title="{text:Link 5 hover text}">五</a>
  722. </div>
  723. </div>
  724.  
  725.  
  726. <!--THIS CODE DOES WORK IMAGE OF SIDEBAR-->
  727. <img src="{image:sidebar}" style="border:9px solid {color:hisatitle}; padding:10px; opacity:0.7; width:140px; background:white; height:140px;margin-top:-9px; margin-left:-9px; outline:1px solid #fff; outline-offset:-8px"></div>
  728.  
  729.  
  730. <!--THIS CODE DOES WORK POSTS, DON'T CHANGE ANYTHING IF NOT EXPERIENCED WITH CODES-->
  731. <div id="posts">
  732. {block:Posts}
  733. <div id="entry">
  734.  
  735. {block:Text}
  736. {block:Title}<span class="title">{Title}</span>{/block:Title}
  737. <span class="entrytext">{Body}</span></a>
  738. {block:IndexPage}<br>
  739. <div class="tt">
  740. {DayOfMonth}, {ShortMonth} with <a href="{permalink}">{notecount} notes</a></div>{/block:IndexPage}
  741. {/block:Text}
  742.  
  743. {block:Link}
  744. <a href="{URL}" class="title">{Name}</a>
  745. {block:Description}{Description}{/block:Description}
  746. {block:IndexPage}<br>
  747. <div class="permalinktext">
  748. {Month} {DayOfMonth} with <a href="{permalink}">{notecount} notes</a>
  749. </div>
  750. {/block:IndexPage}
  751. {block:Link}
  752.  
  753. {block:Photo}{block:IndexPage}<div class="lovely"></div><div class="lovely2"></div>
  754. <div class="perma">
  755. {LikeButton color="white" size="17"}</center></div>
  756. <div class="perma2">
  757. {ReblogButton color="white" size="18"}</div>{/block:IndexPage}
  758.  
  759. {block:IndexPage}
  760. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=540px;>
  761. {/block:IndexPage}
  762. {block:permalinkpage}{LinkOpenTag}<center>
  763. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=460px;/>
  764. {LinkCloseTag}</center>{/block:permalinkpage}
  765. {/block:Photo}
  766. {block:Photoset}
  767. {block:IndexPage}
  768. <center>
  769.  
  770.  
  771. <center>
  772. <div class="perma">
  773. {ReblogButton color="white" size="18"}</div>
  774. <div class="perma2">
  775. {LikeButton color="white" size="17"}</div>
  776.  
  777. {Photoset}
  778.  
  779. </center>
  780.  
  781. {/block:IndexPage}
  782. {block:PermalinkPage}
  783. <center>
  784. {Photoset-500}</center>
  785. {/block:PermalinkPage}
  786. {/block:Photoset}
  787.  
  788. {block:Quote}
  789. <div class="quote">❝ {quote}</div>
  790. {block:IndexPage}<br>
  791. <div class="permalinktext">
  792. {DayOfMonth}, {ShortMonth} with <a href="{permalink}">{notecount} notes</a></div>{/block:IndexPage}
  793. {/block:Quote}
  794.  
  795. {block:Chat}
  796. {block:Title}<span class="title">{Title}</span>{/block:Title}
  797. <ul class="chat">
  798. {block:Lines}
  799. <li class="user_{UserNumber}">
  800. {block:Label}
  801. <span class="label">{Label}</span>
  802. {/block:Label}
  803.  
  804. {Line}<br>
  805. {/block:Lines}
  806. {block:IndexPage}<br>
  807. <div class="permalinktext">
  808. {DayOfMonth}, {ShortMonth} with <a href="{permalink}">{notecount} notes</a></div>{/block:IndexPage}
  809. {/block:Chat}
  810.  
  811. {block:Audio}
  812. <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>
  813. {block:IndexPage}<br>
  814. <div class="permalinktext">
  815. <center> <font color="#fff">{DayOfMonth}, {ShortMonth} with</font> <a href="{permalink}"><font color="#fff">{notecount} notes</font></a></center></div>{/block:IndexPage}
  816. {/block:Audio}
  817.  
  818. {block:Video}
  819. <center>{block:IndexPage}
  820. <div style="width:240px; overflow-x:hidden; overflow-y:hidden">{Video-250}</div>{/block:IndexPage}</center>
  821. <center>{block:PermalinkPage}<div style="width: 450px; overflow-x:hidden; overflow-y:hidden">{Video-500}{/block:PermalinkPage}</center>
  822. <div class="tt"><a
  823.  
  824. href="{Permalink}"><a href="{Permalink}"><a href="{Permalink}">{notecountwithlabel}</a></a> <big>☮</big> Posted {Month} {DayofMonth}, {year}</div>
  825. {block:Video}
  826.  
  827. {block:Answer}
  828. <div style="border:1px solid #eee; margin:3px; margin-top:-5px; min-height:30px; padding:3px; background:#f7f7f7">
  829. <img src="{AskerPortraitURL-30}" width="30" align="left"
  830. style="margin-right:4px; margin-top:-6px; margin-left:0px; border:1px solid #ddd; padding:7px; background:#fff; border-radius:100%; box-shadow:0px 2px 6px rgba(0, 0, 0, 0.06); -moz-box-shadow:0px 2px 6px rgba(0, 0, 0, 0.06); -webkit-box-shadow:0px 2px 6px rgba(0, 0, 0, 0.06)">
  831. <askk>{Asker}</askk>: {Question}</div>
  832. <div style="font-family:calibri; font-size:10px">{Answer}<div style="text-align:right"><askk>Love, {text:name}</askk></div></div>
  833. <div class="tt"><a
  834.  
  835. href="{Permalink}"><a href="{Permalink}"><a href="{Permalink}">{notecountwithlabel}</a></a> <big>☮</big> Posted {Month} {DayofMonth}, {year}</span></div>
  836. {/block:Answer}
  837.  
  838. {block:PermalinkPage}
  839. <center><br>
  840. {block:Date}posted <u>{DayOfWeek}</u>{/block:Date} {block:NoteCount}with {NoteCount} notes<br>{/block:NoteCount}
  841. {block:RebloggedFrom}<b>source:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> | <b>of:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br>{/block:RebloggedFrom}
  842. {block:NoteCount} <div style="text-align:center; margin:5px"></div>{/block:NoteCount}</center>
  843. {/block:PermalinkPage}
  844. {block:PostNotes}
  845. <div id="postnotes">{PostNotes}</div>
  846. {/block:PostNotes}</div>{/block:Posts}
  847. </div></div>
  848.  
  849. {block:indexpage}
  850. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  851. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  852. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  853. <script type="text/javascript">
  854. $(window).load(function(){
  855. var $wall = $('#posts');
  856. $wall.imagesLoaded(function(){
  857. $wall.masonry({
  858. itemSelector: '#entry, #entry_photo',
  859. isAnimated : false
  860. });
  861. });
  862.  
  863. $wall.infinitescroll({
  864. navSelector : '#page-nav',
  865. nextSelector : '#page-nav a',
  866. itemSelector : '#entry, #entry_photo',
  867. bufferPx : 2000,
  868. debug : false,
  869. errorCallback: function() {
  870. $('#infscr-loading').fadeOut('normal');
  871. }},
  872. function( newElements ) {
  873. var $newElems = $( newElements );
  874. $newElems.hide();
  875. $newElems.imagesLoaded(function(){
  876. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  877. });
  878. }); $('#content').show(500);
  879. });
  880. </script>
  881. {/block:indexpage}
  882.  
  883. <body onkeydown="return false">
  884. </body>
  885. <div style="position:fixed;bottom:3px; right:3px; font-size:11px; letter-spacing:2px; background:white; padding:2px; font-family:consolas;"><a href="http://bruhthemes.tumblr.com/" title="theme by AJ">BRUHTHEMES<img src="https://31.media.tumblr.com/tumblr_mcg6x7KHIT1qid2nw.gif"></a>
  886. </div>
  887.  
  888. </html>
Add Comment
Please, Sign In to add comment