Fucking_Aj

Local Theme by Mufflinq

Jul 14th, 2015
542
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 34.15 KB | None | 0 0
  1. <!--
  2. ┏┓╋╋╋╋┏┓╋┏┓┏┓╋╋╋╋╋╋╋┏━┓
  3. ┃┗┳┳┳┳┫┗┓┃┗┫┗┳━┳━━┳━┫━┫
  4. ┃╋┃┏┫┃┃┃┃┃┏┫┃┃┻┫┃┃┃┻╋━┃┏┓
  5. ┗━┻┛┗━┻┻┛┗━┻┻┻━┻┻┻┻━┻━┛┗┛
  6.  
  7. -->
  8. <head>
  9. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  10. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  11. <script>
  12. (function($){
  13. $(document).ready(function(){
  14. $("a[title]").style_my_tooltips({
  15. tip_follows_cursor:true,
  16. tip_delay_time:90,
  17. tip_fade_speed:600,
  18. attribute:"title"
  19. });
  20. });
  21. })(jQuery);
  22. </script>
  23. <link href='http://fonts.googleapis.com/css?family=Euphoria+Script' rel='stylesheet' type='text/css'>
  24. <link href='http://fonts.googleapis.com/css?family=Raleway:200' rel='stylesheet' type='text/css'>
  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. <link href='http://fonts.googleapis.com/css?family=Comfortaa' rel='stylesheet' type='text/css'>
  53. <!--THESE CODES ARE DOING WORK THE THEME, BACKGROUND COLOR CHANGING OR ADDING A CUSTOM BACKGROUND, CHANGE THE NUMBER OF LINKS, ETC.-->
  54. <meta name="color:Background" content="#fbfbfb"/>
  55. <meta name="color:Title" content="#d4a9a9"/>
  56. <meta name="color:Text" content="#999999"/>
  57. <meta name="color:Link" content="#fff"/>
  58. <meta name="color:Hover" content="#ffffff"/>
  59. <meta name="color:Blogtitle" content="#c9a2a4"/>
  60. <meta name="color:Borders" content="#b79191"/>
  61. <meta name="color:Link 1" content="#844c4c"/>
  62. <meta name="color:Link 2" content="#946060"/>
  63. <meta name="color:Link 3" content="#ad7b7b"/>
  64. <meta name="color:Link 4" content="#b89090"/>
  65. <meta name="image:Background" content=""/>
  66. <meta name="image:Sidebar" content=""/>
  67. <meta name="image:pic" content=""/>
  68. <meta name="text:Blogtitle" content="Car Radio"/>
  69.  
  70. <!--HERE ARE THE SITES WHERE WILL GIVE LINKS-->
  71. <meta name="text:Link One" content="" />
  72. <meta name="text:Link Two" content="" />
  73. <meta name="text:Link Three" content="" />
  74. <meta name="text:Link Four" content="" />
  75.  
  76. <!--HERE ARE PLACED THE NAMES OF LINKS-->
  77. <meta name="text:Link 1 hover text" content="Title Here" />
  78. <meta name="text:Link 2 hover text" content="Title Here" />
  79. <meta name="text:Link 3 hover text" content="Title Here" />
  80. <meta name="text:Link 4 hover text" content="Title Here" />
  81.  
  82. <!--HERE ARE PLACED THE LABELS SAYING WHAT EACH LINK-->
  83. <meta name="text:Link One Title" content="refresh"/>
  84. <meta name="text:Link Two Title" content="inbox"/>
  85. <meta name="text:Link Three Title" content="navigation"/>
  86. <meta name="text:Link Four Title" content="favorites"/>
  87. </script>
  88.  
  89.  
  90. <style type="text/css">
  91. /*--IFRAME ARE THE CODES OF CONTROL BUTTONS (DASHBOARD, FOLLOW/UNFOLLOW)--*/
  92. iframe#tumblr_controls{
  93. z-index:9;
  94. opacity:0.5 !important;
  95. -webkit-filter:invert(100%);
  96. top:0px !important;
  97. right:8px !important;
  98. position:fixed!important;
  99. }
  100.  
  101. iframe#tumblr_controls {right:3px !important; position:fixed !important;-webkit-transition:opacity 0.7s linear; opacity:0.2; -webkit-transition: all 0.8s ease-out; -moz-transition:all 0.8s ease-out; transition:all 0.8s ease-out; z-index:99999999999999999999999999999}
  102.  
  103. iframe#tumblr_controls:hover {-webkit-transition:opacity 0.7s linear; opacity:1.0; -webkit-transition:all 0.4s ease-out; -moz-transition:all 0.4s ease-out; transition: all 0.4s ease-out; z-index:999999999999999999999999;}
  104.  
  105.  
  106. /*--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--*/
  107. ::-webkit-scrollbar { background-color:{color:blogtitle}; border:2px solid #fff; height:5px; -moz-border-radius:10px; border-radius:10px; width:5px;}
  108.  
  109. ::-webkit-scrollbar-thumb {width:5px; border:1px solid {color:borders}; border-radius:5px; background-image: -ms-linear-gradient(top, {color:blogtitle}; 0%, #fff 100%);
  110. background-image: -moz-linear-gradient(top, {color:blogtitle}; 0%, #fff 100%);
  111. background-image: -o-linear-gradient(top, {color:blogtitle}; 0%, #fff 100%);
  112. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, {color:blogtitle}), color-stop(1, #fff));
  113. background-image: -webkit-linear-gradient(top,{color:blogtitle}; 0%, #fff 100%);}
  114. #s-m-t-tooltip {
  115. max-width:500px;
  116. padding:6px;
  117. border-radius:5px;
  118. margin:20px 0px 0px 20px;
  119. background:white;
  120. border:1px solid {color:blogtitle};
  121. letter-spacing: 1px;
  122. font-size:11px;
  123. font-family:calibri;
  124.  
  125. z-index:999999999999999999999999999999999999;
  126. }
  127.  
  128. #s-m-t-tooltip:before{
  129. position: absolute;
  130. left: -17px;
  131. top: -5px;
  132. width: 0px;
  133. content:"";
  134. transform: scale(1.7, .3);
  135. -webkit-transform: scale(1.7, .3);
  136. -moz-transform: scale(1.7, .3);
  137. -o-transform: scale(1.7, .3);
  138. -ms-transform: scale(1.7, .3);
  139. height: 0px;
  140. border-right: 6px solid {color:blogtitle};
  141. border-bottom: 17px solid transparent;
  142. border-left: 6px solid transparent;
  143. border-top: 17px solid transparent;
  144. }
  145. askk{
  146. font-family:calibri;
  147. font-size:14px;
  148. text-transform:uppercase;
  149. color:{color:Blogtitle};
  150. line-height:16px;
  151. }
  152. /*--I RECCOMMEND TO NOT TOUCH ANY OF THIS--*/
  153. body, a, a:hover {cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;}
  154.  
  155. body {
  156. padding:0px;
  157. margin:0px;
  158. color:{color:Text};
  159. font-family:calibri;
  160. font-size:10.5px;
  161. line-height:14px;
  162. text-transform:normal;
  163. background-color:{color:Background};
  164. background-image:url({image:Background});
  165. background-attachment:fixed;
  166. background-repeat:repeat;
  167. cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;}
  168.  
  169. a:link, a:active, a:visited{
  170. color:{color:Link};
  171. text-decoration:none;
  172. -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;}
  173.  
  174. a:hover{
  175. color:{color:Hover};
  176. text-decoration:none;
  177. -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;
  178. cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;}
  179.  
  180.  
  181. /*--I RECCOMMEND TO NOT TOUCH ANY OF THIS--*/
  182. #audio {
  183. width:200px;
  184. height:auto;
  185. min-height:60px;
  186. padding-bottom:0px;
  187. }
  188.  
  189. .cover {
  190. position:absolute;
  191. z-index:1;
  192. width:60px;
  193. height:60px;
  194. }
  195.  
  196. .cover img {
  197. float:left;
  198. width:60px;
  199. height:60px;
  200. }
  201.  
  202. .playbox {
  203. opacity:0.6;
  204. width:27px;
  205. height:30px;
  206. overflow:hidden;
  207. position:absolute;
  208. z-index:1000;
  209. margin-left:17px;
  210. margin-top:17px;
  211. text-align:center;
  212. }
  213.  
  214. .info {
  215. margin-left:73px;
  216. margin-top:4px;
  217. line-height:14px;
  218. }
  219.  
  220. #cunt{width:250px; height:auto;}
  221. {block:PermalinkPage}
  222. width:10px;
  223. {/block:PermalinkPage}
  224. }
  225.  
  226. #center{
  227. padding-top:3px;
  228. padding-bottom:3px;
  229. position:fixed !important;
  230. width:250px;
  231. height:207px;
  232. background-color:#fff;
  233. {block:PermalinkPage}
  234. width:410px;
  235. height:207px;
  236. {/block:PermalinkPage}
  237. }
  238.  
  239. /*--HERE YOU CAN CHANGE THE AMOUNT OF COLUMNS YOU WANT--*/
  240. #posts{
  241. float:center;
  242. {block:indexpage}
  243. width:700px; /*--1000px for 4 columns, 800px for 3 columns, 600px for 2 columns and 200px for 1 columns--*/
  244. {/block:indexpage}
  245. {block:permalinkpage}
  246. width:600px;
  247. {/block:permalinkpage}
  248. margin-left:550px;
  249. margin-top:34px;
  250. z-index:999999999;
  251. }
  252. #bar{
  253. position:fixed !important;
  254. height: 40px;
  255. margin-left:-3px;
  256. margin-top:-45px;
  257. background: white;
  258. z-index:999999999999999999999999999999999999991;
  259. box-shadow:3px 3px #eee;
  260. border-bottom:1px solid {color:link 3};
  261. width: 1000000000000000000000000000000%;}
  262.  
  263. #ban1{
  264. background-image:url('http://static.tumblr.com/3yblkz0/S8omdno3x/jaja.png');
  265. left:0;
  266. width:367px;
  267. height:18px;
  268. position:fixed !important;
  269. opacity:0;
  270. margin-left: 118px;
  271. margin-top: 20px;
  272. z-index: 9999999999;
  273. -webkit-transition:all 0.7s ease-out;
  274. -moz-transition:all 0.7s ease-out;
  275. transition:all 0.7s ease-out;
  276. }
  277. #sidebar:hover #ban1{
  278. opacity:1;
  279. -webkit-transition:all 0.7s ease-out;
  280. -moz-transition:all 0.7s ease-out;
  281. transition:all 0.7s ease-out;
  282. }
  283. #bar1{
  284. position:fixed !important;
  285. height: 20px;
  286. margin-left:0px;
  287. margin-top:-0px;
  288. opacity:0;
  289. background: white;
  290. z-index: 9999;
  291. width: 367px;
  292. -webkit-transition:all 0.7s ease-out;
  293. -moz-transition:all 0.7s ease-out;
  294. transition:all 0.7s ease-out;
  295. }
  296. #sidebar:hover #bar1{
  297. opacity:1;
  298. -webkit-transition:all 0.7s ease-out;
  299. -moz-transition:all 0.7s ease-out;
  300. transition:all 0.7s ease-out;
  301. }
  302. /*--CUSTOMIZE ENTRY SETTINGS--*/
  303. #entry img{
  304. {block:indexpage}
  305. background:#fff;
  306. max-width:275px;
  307. opacity:0.9;
  308. z-index:9999999;
  309. outline:1px inset #fff;
  310. outline-offset:-10px;
  311. border:3px solid {color:borders};
  312. border-radius:4px;
  313. margin-left:-4px;
  314. -webkit-transition:all 0.7s ease-out;
  315. -moz-transition:all 0.7s ease-out;
  316. transition:all 0.7s ease-out;
  317. {/block:indexpage}
  318. {block:PermalinkPage}
  319. max-width:361px;
  320. {/block:PermalinkPage}
  321. }
  322.  
  323. #entry{
  324. z-index:999;
  325. margin:11px;
  326. float:left;
  327. background:#fff;
  328. text-transform:normal;
  329. width:274px;
  330. padding:19px;
  331. border:1px solid #eee;
  332. padding-bottom:16px;
  333. outline:1px solid #e1e1e1;
  334. outline-offset:-8px;
  335. box-shadow:rgba(0,0,0,.03) 4px 4px;
  336. {block:PermalinkPage}
  337. width:360px;
  338. margin-top:15px;
  339. margin-left:13px;
  340. z-index:999;
  341. {/block:PermalinkPage}
  342. -moz-transition: all 3.9s ease-out;
  343. -o-transition: all 3.9s ease-out;
  344. -webkit-transition: all 3.9s ease-out;
  345. transition: all 3.9s ease-out;
  346. }
  347.  
  348. #entry:hover{
  349. -moz-transition: all 3.9s ease-out;
  350. -o-transition: all 3.9s ease-out;
  351. -webkit-transition: all 3.9s ease-out;
  352. transition: all 3.9s ease-out;
  353. }
  354.  
  355.  
  356. /*--CUSTOMIZE THE APPEARANCE OF PERMALINKS--*/
  357.  
  358. #entry .perma{
  359. width:150px;
  360. height:auto;
  361. font-family:calibri;
  362. padding:5px;
  363. font-size:10px;
  364. line-height:13px;
  365. text-align:left;
  366. color:white;
  367. text-shadow:2px 2px {color:blogtitle};
  368. text-transform:uppercase;
  369. background:#fff;
  370. border:3px double #fff;
  371. position:absolute;
  372. z-index:99999;
  373. overflow:hidden;
  374. margin-top:5px;
  375. margin-left:15px;
  376. background:{color:blogtitle};
  377. opacity:0;
  378. background: -webkit-linear-gradient(left, {color:blogtitle} , white);
  379. background: -o-linear-gradient(right, {color:blogtitle}, white);
  380. background: -moz-linear-gradient(right, {color:blogtitle}, white);
  381. background: linear-gradient(to right, {color:blogtitle} , white); /* must be last */
  382. -webkit-transition:all 1s ease-out;
  383. -moz-transition:all 1s ease-out;
  384. transition:all 1s ease-out;
  385. }
  386.  
  387.  
  388. #entry:hover .perma{
  389. overflow:visible;
  390. opacity:1;
  391. margin-top:70px;
  392. {block:Photoset}
  393. margin-top:-20px;
  394. {/block:Photoset}
  395. -webkit-transition:all 1s ease-out;
  396. -moz-transition:all 1s ease-out;
  397. transition:all 1s ease-out;
  398. }
  399.  
  400. #entry .perma2{
  401. width:25px;
  402. height:25px;
  403. font-family:calibri;
  404. padding:5px;
  405. font-size:10px;
  406. line-height:13px;
  407. text-align:left;
  408. text-transform:uppercase;
  409. background:#fff;
  410. border:4px double #fff;
  411. position:absolute;
  412. z-index:99999;
  413. overflow:hidden;
  414. margin-top:5px;
  415. margin-left:15px;
  416. background:{color:blogtitle};
  417. opacity:0;
  418. -webkit-transition:all 1s ease-out;
  419. -moz-transition:all 1s ease-out;
  420. transition:all 1s ease-out;
  421. }
  422.  
  423. #entry:hover .perma2{
  424. opacity:1;
  425. margin-top:20px;
  426. -webkit-transition:all 1s ease-out;
  427. -moz-transition:all 1s ease-out;
  428. transition:all 1s ease-out;
  429. }
  430. #entry .perma3{
  431. width:22px;
  432. height:22px;
  433. font-family:calibri;
  434. padding:5px;
  435. font-size:10px;
  436. line-height:13px;
  437. text-align:left;
  438. text-transform:uppercase;
  439. background:#fff;
  440. border:4px double #fff;
  441. position:absolute;
  442. z-index:99999;
  443. overflow:hidden;
  444. margin-top:5px;
  445. margin-left:67px;
  446. background:{color:blogtitle};
  447. opacity:0;
  448.  
  449. -webkit-transition:all 1s ease-out;
  450. -moz-transition:all 1s ease-out;
  451. transition:all 1s ease-out;
  452. }
  453.  
  454. #entry:hover .perma3{
  455. opacity:1;
  456. margin-top:22px;
  457. -webkit-transition:all 1s ease-out;
  458. -moz-transition:all 1s ease-out;
  459. transition:all 1s ease-out;
  460. }
  461. .perma a{
  462. color:#fff;
  463. }
  464.  
  465. .permalinktext{
  466. display:block;
  467. text-align:right;
  468. text-decoration:none;
  469. font-size:8px;
  470. letter-spacing:1px;
  471. padding-top:5px;
  472. text-transform:uppercase;
  473. background:#f9f9f9;
  474. border:4px double #eee;
  475. padding:4px;
  476. }
  477.  
  478.  
  479. /*--CUSTOMIZE TITLE OF ENTRIES--*/
  480. .title{
  481. line-height:32px;
  482. color:{color:Title};
  483. font-weight:normal;
  484. font-family: 'Raleway', sans-serif;
  485. font-size:30px;
  486. }
  487.  
  488.  
  489. /*--CUSTOMIZE TITLE OF SIDEBAR--*/
  490. #hisatitle{
  491. position: fixed !important;
  492. z-index:999999;
  493. width:395px;
  494. margin-top:-40px;
  495. margin-left:-12px;
  496. color:{color:Blogtitle};
  497. text-shadow:-1px 1px #fff, 0px 1px #fff, 1px 1px #fff;
  498. font-family: 'Raleway', sans-serif;
  499. font-size:43px;
  500. line-height:18px;
  501. text-transform:uppercase;
  502. text-align:center;
  503. -webkit-transition:all 0.7s ease-out;
  504. -moz-transition:all 0.7s ease-out;
  505. transition:all 0.7s ease-out;
  506. }
  507. #sidebar:hover #hisatitle{
  508. font-size:11px;
  509. font-family:consolas;
  510. letter-spacing:3px;
  511. line-height:25px;
  512. margin-top:0px;
  513. z-index:9999999999999999;
  514. -webkit-transition:all 0.7s ease-out;
  515. -moz-transition:all 0.7s ease-out;
  516. transition:all 0.7s ease-out;
  517. }
  518.  
  519. /*--CUSTOMIZE SIDEBAR--*/
  520. #sidebar{
  521. position:fixed !important;
  522. width:370px;
  523. height:240px;
  524. margin-top:140px;
  525. margin-left:100px;
  526. padding:12px;
  527. z-index:99999999;
  528. background-color:{color:borders};
  529. border:5px double #fff;
  530. -webkit-transition:all 0.7s ease-out;
  531. -moz-transition:all 0.7s ease-out;
  532. transition:all 0.7s ease-out;
  533. }
  534.  
  535. #pic{
  536. position:Fixed;
  537. border:1px solid #eee;
  538. background:#fff;
  539. padding:10px;
  540. opacity:1;
  541. width:347px;
  542. height:217px;
  543. z-index:999;
  544. -webkit-transition:all 0.7s ease-out;
  545. -moz-transition:all 0.7s ease-out;
  546. transition:all 0.7s ease-out;
  547. }
  548. #pic img{
  549. width:347px;
  550. height:217px;
  551. z-index:;
  552. }
  553. #sidebar:hover #pic{
  554. opacity:0;
  555. -webkit-transition:all 0.7s ease-out;
  556. -moz-transition:all 0.7s ease-out;
  557. transition:all 0.7s ease-out;
  558. }
  559. #box{
  560. position:Fixed;
  561. border:1px solid #eee;
  562. background:#fff;
  563. padding:10px;
  564. opacity:1;
  565. width:347px;
  566. height:217px;
  567. z-index:99;
  568. -webkit-transition:all 0.7s ease-out;
  569. -moz-transition:all 0.7s ease-out;
  570. transition:all 0.7s ease-out;
  571. }
  572. /*--CUSTOMIZE DESCRIPTION--*/
  573. div#desc{
  574. position:fixed !important;
  575. opacity:.0;
  576. background:#fff;
  577. width:180px;
  578. height:55px;
  579. padding:12px;
  580. overflow-y:scroll;
  581. color:#999;
  582. margin-top:50px;
  583. margin-left:163px;
  584. font-size:11px;
  585. line-height:14px;
  586. font-family:calibri;
  587. z-indeX:9999;
  588. border:1px solid #e1e1e1;
  589. text-align:center; /*--you can put center, left, right or justify--*/
  590. }
  591. #sidebar:hover #desc{
  592. opacity:1;
  593. -webkit-transition:all 0.7s ease-out;
  594. -moz-transition:all 0.7s ease-out;
  595. transition:all 0.7s ease-out;
  596. }
  597. div#moo{
  598. position:fixed !important;
  599. opacity:.0;
  600. background:#fff;
  601. width:152px;
  602. height:69px;
  603. padding:5px;
  604. color:#999;
  605. margin-top:50px;
  606. margin-left:0px;
  607. font-size:10px;
  608. line-height:13px;
  609. font-family:calibri;
  610. z-indeX:99999999999999;
  611. border-top:1px solid #e1e1e1;
  612. border-left:1px solid #e1e1e1;
  613. border-right:1px solid #e1e1e1;
  614. border-bottom:1px solid #e1e1e1;
  615. }
  616. #moo img{
  617. width:152px;
  618. height:69px;
  619. }
  620. #sidebar:hover #moo{
  621. opacity:1;
  622. -webkit-transition:all 0.7s ease-out;
  623. -moz-transition:all 0.7s ease-out;
  624. transition:all 0.7s ease-out;
  625. }
  626.  
  627. #lit{
  628. positioN:fixed;
  629. opacity:1;
  630. z-index:99999;
  631. -webkit-transition: all 0.7s ease-in-out;
  632. -moz-transition: all 0.7s ease-in-out;
  633. -o-transition: all 0.7s ease-in-out;
  634. }
  635. #sidebar:hover #lit{
  636. opacity:0;
  637. -webkit-transition: all 0.7s ease-in-out;
  638. -moz-transition: all 0.7s ease-in-out;
  639. -o-transition: all 0.7s ease-in-out;
  640. }
  641. /*--CUSTOMIZE LINKS--*/
  642. #links{
  643. opacity:.0;
  644. position:fixed!important;
  645. width:auto;
  646. height:auto;
  647. padding:10px;
  648. color:{color:Link};
  649. font-size:10px;
  650. font-family:helvetica;
  651. letter-spacing:0px;
  652. text-transform:none;
  653. background:transparent;
  654. margin-left:-46px;
  655. margin-top:230px;
  656. z-index:99999;
  657. -webkit-transition: all 0.7s ease-in-out;
  658. -moz-transition: all 0.7s ease-in-out;
  659. -o-transition: all 0.7s ease-in-out;
  660. }
  661. #sidebar:hover #links{
  662. opacity:1;
  663. -webkit-transition: all 0.7s ease-in-out;
  664. -moz-transition: all 0.7s ease-in-out;
  665. -o-transition: all 0.7s ease-in-out;
  666. }
  667.  
  668. #link1{
  669. position:fixed;
  670. width:153px;
  671. height:17px;
  672. background:{color:link 1};
  673. padding:5px;
  674. border:1px solid #fff;
  675. opacity:0;
  676. line-height:19px;
  677. margin-top:-110px;
  678. margin-left:35.5px;
  679. font-size:12px;
  680. z-index:9999999;
  681. font-family:calibri;
  682. text-align:center;
  683. text-transform:uppercase;
  684. letter-spacing:3px;
  685. -webkit-transition: all 0.7s ease-in-out;
  686. -moz-transition: all 0.7s ease-in-out;
  687. -o-transition: all 0.7s ease-in-out;
  688. }
  689. #link1 a{
  690. width:153px;
  691. height:15px;
  692. padding:5px;
  693. font-size:12px;
  694. text-transform:uppercase;
  695. letter-spacing:3px;
  696. text-align:center;
  697. margin-top:4px;
  698. z-index:999999999999999;
  699. }
  700. #sidebar:hover #link1{
  701. opacity:1;
  702. -webkit-transition: all 0.7s ease-in-out;
  703. -moz-transition: all 0.7s ease-in-out;
  704. -o-transition: all 0.7s ease-in-out;
  705. }
  706. #link2{
  707. position:fixed;
  708. width:153px;
  709. height:17px;
  710. background:{color:link 2};
  711. padding:5px;
  712. border:1px solid #fff;
  713. line-height:19px;
  714. opacity:0;
  715. margin-top:-84px;
  716. margin-left:35.5px;
  717. font-size:12px;
  718. z-index:9999999;
  719. font-family:calibri;
  720. text-align:center;
  721. text-transform:uppercase;
  722. letter-spacing:3px;
  723. -webkit-transition: all 0.7s ease-in-out;
  724. -moz-transition: all 0.7s ease-in-out;
  725. -o-transition: all 0.7s ease-in-out;
  726. }
  727. #link2 a{
  728. width:153px;
  729. height:15px;
  730. padding:5px;
  731. font-size:12px;
  732. text-transform:uppercase;
  733. letter-spacing:3px;
  734. text-align:center;
  735. margin-top:4px;
  736. }
  737. #sidebar:hover #link2{
  738. opacity:1;
  739. -webkit-transition: all 0.7s ease-in-out;
  740. -moz-transition: all 0.7s ease-in-out;
  741. -o-transition: all 0.7s ease-in-out;
  742. }
  743. #link3{
  744. position:fixed;
  745. width:153px;
  746. height:17px;
  747. background:{color:link 3};
  748. padding:5px;
  749. border:1px solid #fff;
  750. opacity:0;
  751. line-height:19px;
  752. margin-top:-56px;
  753. margin-left:35.5px;
  754. font-size:12px;
  755. z-index:9999999;
  756. font-family:calibri;
  757. text-align:center;
  758. text-transform:uppercase;
  759. letter-spacing:3px;
  760. -webkit-transition: all 0.7s ease-in-out;
  761. -moz-transition: all 0.7s ease-in-out;
  762. -o-transition: all 0.7s ease-in-out;
  763. }
  764. #link3 a{
  765. width:153px;
  766. height:15px;
  767. padding:5px;
  768. font-size:12px;
  769. text-transform:uppercase;
  770. letter-spacing:3px;
  771. text-align:center;
  772. margin-top:4px;
  773. }
  774. #sidebar:hover #link3{
  775. opacity:1;
  776. -webkit-transition: all 0.7s ease-in-out;
  777. -moz-transition: all 0.7s ease-in-out;
  778. -o-transition: all 0.7s ease-in-out;
  779. }
  780. #link4{
  781. position:fixed;
  782. width:153px;
  783. height:17px;
  784. background:{color:link 4};
  785. padding:5px;
  786. border:1px solid #fff;
  787. opacity:0;
  788. line-height:19px;
  789. margin-top:-30px;
  790. margin-left:35.5px;
  791. font-size:12px;
  792. z-index:9999999;
  793. font-family:calibri;
  794. text-align:center;
  795. text-transform:uppercase;
  796. letter-spacing:3px;
  797. -webkit-transition: all 0.7s ease-in-out;
  798. -moz-transition: all 0.7s ease-in-out;
  799. -o-transition: all 0.7s ease-in-out;
  800. }
  801. #link4 a{
  802. width:153px;
  803. height:15px;
  804. padding:5px;
  805. font-size:12px;
  806. text-transform:uppercase;
  807. letter-spacing:3px;
  808. text-align:center;
  809. margin-top:4px;
  810. }
  811. #sidebar:hover #link4{
  812. opacity:1;
  813. -webkit-transition: all 0.7s ease-in-out;
  814. -moz-transition: all 0.7s ease-in-out;
  815. -o-transition: all 0.7s ease-in-out;
  816. }
  817. #updates{
  818. position:Fixed;
  819. background:white;
  820. z-index:9999;
  821. border-bottom:1px solid {color:link 1};
  822. opacity:0;
  823. width:203px;
  824. height:15px;
  825. font-size:10px;
  826. font-family:calibri;
  827. margin-top:141px;
  828. padding-bottom:3px;
  829. overflow-y:hidden;
  830. margin-left:165px;
  831. text-align:center;
  832. text-transform:uppercase;
  833. line-height:12px;
  834. -webkit-transition: all 0.7s ease-in-out;
  835. -moz-transition: all 0.7s ease-in-out;
  836. -o-transition: all 0.7s ease-in-out;
  837. }
  838. #updates:hover{
  839. height:103px;
  840. margin-top:132px;
  841. overflow-y:hide;
  842. color:{color:text};
  843. z-index:99999999;
  844. border-top:1px solid {color:link 1};
  845. -webkit-transition: all 0.7s ease-in-out;
  846. -moz-transition: all 0.7s ease-in-out;
  847. -o-transition: all 0.7s ease-in-out;
  848. }
  849. #sidebar:hover #updates{
  850. opacity:1;
  851. -webkit-transition: all 0.7s ease-in-out;
  852. -moz-transition: all 0.7s ease-in-out;
  853. -o-transition: all 0.7s ease-in-out;
  854. }
  855. #stats{
  856. position:Fixed;
  857. background:white;
  858. z-index:99999;
  859. border-bottom:1px solid {color:link 1};
  860. opacity:0;
  861. width:203px;
  862. height:15px;
  863. font-size:10px;
  864. font-family:calibri;
  865. margin-top:172.5px;
  866. padding-bottom:3px;
  867. overflow-y:hidden;
  868. margin-left:165px;
  869. text-align:center;
  870. text-transform:uppercase;
  871. line-height:12px;
  872. -webkit-transition: all 0.7s ease-in-out;
  873. -moz-transition: all 0.7s ease-in-out;
  874. -o-transition: all 0.7s ease-in-out;
  875. }
  876. #stats:hover{
  877. height:103px;
  878. margin-top:132px;
  879. overflow-y:hide;
  880. z-index:999999999;
  881. border-top:1px solid {color:link 1};
  882. -webkit-transition: all 0.7s ease-in-out;
  883. -moz-transition: all 0.7s ease-in-out;
  884. -o-transition: all 0.7s ease-in-out;
  885. }
  886. #sidebar:hover #stats{
  887. opacity:1;
  888. -webkit-transition: all 0.7s ease-in-out;
  889. -moz-transition: all 0.7s ease-in-out;
  890. -o-transition: all 0.7s ease-in-out;
  891. }
  892. #nets{
  893. position:Fixed;
  894. background:white;
  895. z-index:99999;
  896. border-bottom:1px solid {color:link 1};
  897. opacity:0;
  898. width:203px;
  899. height:15px;
  900. font-size:10px;
  901. font-family:calibri;
  902. margin-top:205px;
  903. overflow-y:hidden;
  904. margin-left:165px;
  905. text-align:center;
  906. padding-bottom:3px;
  907. text-transform:uppercase;
  908. line-height:12px;
  909. -webkit-transition: all 0.7s ease-in-out;
  910. -moz-transition: all 0.7s ease-in-out;
  911. -o-transition: all 0.7s ease-in-out;
  912. }
  913. #nets:hover{
  914. height:103px;
  915. margin-top:132px;
  916. overflow-y:hide;
  917. border-top:1px solid {color:link 1};
  918. -webkit-transition: all 0.7s ease-in-out;
  919. -moz-transition: all 0.7s ease-in-out;
  920. -o-transition: all 0.7s ease-in-out;
  921. }
  922. #sidebar:hover #nets{
  923. opacity:1;
  924. -webkit-transition: all 0.7s ease-in-out;
  925. -moz-transition: all 0.7s ease-in-out;
  926. -o-transition: all 0.7s ease-in-out;
  927. }
  928. /*--I RECCOMMEND TO NOT TOUCH ANY OF THIS--*/
  929. #infscr-loading{
  930. bottom: -70px;
  931. position: absolute;
  932. left: 50%;
  933. margin-left:-8px;
  934. width:16px;
  935. height:11px;
  936. overflow:hidden;
  937. margin-bottom: 50px;
  938. }
  939.  
  940. #postnotes{
  941. text-align: justify;}
  942.  
  943. #postnotes blockquote{
  944. border: 0px;}
  945.  
  946. blockquote{
  947. padding:0px 0px 2px 5px;
  948. margin:0px 0px 2px 10px;
  949. border-left: 1px dotted #eee;
  950. }
  951.  
  952. blockquote p, ul{
  953. margin:0px;
  954. padding:0px;
  955. }
  956.  
  957. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  958. .user_7 .label, .user_8 .label, .user_9 .label {color:Title};}
  959. </style>
  960.  
  961. <!--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 -->
  962. <title>{Title}</title>
  963. <!--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 -->
  964. <link rel="shortcut icon" href="http://33.media.tumblr.com/tumblr_m230n6tYGu1qfamg6.gif">
  965.  
  966. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  967. <meta name="viewport" content="width=720" />
  968. </head>
  969. <script type="text/javascript" src="http://static.tumblr.com/uwz0y16/MQ5nihvz5/docu.txt"></script>
  970. <body>
  971. <div id="center">
  972. <div id="content">
  973. <div id="banner"></div><div id="bar"></div>
  974. <!--THIS CODE DOES WORK THE TITLE OVER THE SIDEBAR-->
  975.  
  976.  
  977. <!--THIS CODE DOES WORK SIDEBAR-->
  978. <div id="sidebar">
  979. <div id="hisatitle">{text:Blogtitle}</div>
  980. <div id="ban1"></div><div id="bar1"></div>
  981. <!--THIS CODE DOES WORK DESCRIPTION-->
  982. <div id="desc">{description}</div>
  983. <div id="moo"><img src="{image:pic}"></div>
  984.  
  985.  
  986. <!--THIS CODE DOES WORK LINKS-->
  987. <div id="links">
  988. <div id="link1"><a href="{text:Link One}" title="{text:Link 1 hover text}">{text:Link One Title}</a></div>
  989. <div id="link2"><a href="{text:Link Two}" title="{text:Link 2 hover text}">{text:Link Two Title}</a></div>
  990. <div id="link3"><a href="{text:Link Three}" title="{text:Link 3 hover text}">{text:Link Three Title}</a></div>
  991. <div id="link4"><a href="{text:Link Four}" title="{text:Link 4 hover text}">{text:Link Four Title}</a></div>
  992. </div>
  993. <div id="updates"><div style="opacity:1; text-align:center; color:{color:text};font-family: 'Comfortaa', cursive; font-size:14px; line-height:19px; ">updates</div><br>
  994. Hi this is where you edit your updates! <br>
  995. update 1 <br>
  996. update 2 <br>
  997. update 3 <br>
  998. </div>
  999. <div id="stats"><div style="opacity:1; text-align:center; color:{color:text};font-family: 'Comfortaa', cursive; font-size:14px; line-height:19px;">Statistics</div><br>
  1000. Hi this is where you edit your stats! <br>
  1001. &middot stats 1 <br>
  1002. &middot stats 2 <br>
  1003. </div>
  1004. <div id="nets"><div style="opacity:1; text-align:center; font-family: 'Comfortaa', cursive; font-size:14px; line-height:19px;color:{color:text}">Networks</div><br>
  1005. Hi this is where you edit your networks! <br>
  1006. &middot nets 1 <br>
  1007. &middot nets 2 <br>
  1008. </div>
  1009. <div id="box"></div>
  1010. <!--THIS CODE DOES WORK IMAGE OF SIDEBAR-->
  1011. <div id="pic"><img src="{image:sidebar}"></div>
  1012. <div id="lit"><div style="z-index:99999; position:fixed; width:30px; margin-top:170px; margin-left:280px; opacity:1"><img src="http://40.media.tumblr.com/05aa91fa96eeb7d0afdd5e62b734239b/tumblr_n1jdl3Wwsi1rm6jd7o1_1280.png" style="-webkit-filter:grayscale(100%);
  1013. -moz-filter:grayscale(100%);
  1014. -ms-filter:grayscale(100%);
  1015. -o-filter:grayscale(100%);
  1016. filter:grayscale(100%);
  1017. filter:url(grayscale.svg); /* Firefox 4+ */
  1018. filter:gray; /* IE 6-9 */
  1019. width:150px; opacity:1; z-index:1; "></div></div>
  1020. </div>
  1021.  
  1022. <!--THIS CODE DOES WORK POSTS, DON'T CHANGE ANYTHING IF NOT EXPERIENCED WITH CODES-->
  1023. <div id="posts">
  1024. {block:Posts}
  1025. <div id="entry">
  1026.  
  1027. {block:Text}
  1028. {block:Title}<span class="title">{Title}</span>{/block:Title}
  1029. <span class="entrytext">{Body}</span></a>
  1030. {block:IndexPage}<br>
  1031. <div class="permalinktext">
  1032. This post has <a href="{permalink}"target="_blank" style="color:{color:text}; ">{notecount} notes</a> // <a href="{ReblogURL}"target="_blank"style="color:{color:text}">Reblog</a> this post</div>{/block:IndexPage}
  1033. {/block:Text}
  1034.  
  1035. {block:Link}
  1036. <a href="{URL}" class="title">{Name}</a>
  1037. {block:Description}{Description}{/block:Description}
  1038. {block:IndexPage}<br><br>
  1039. <div class="permalinktext">
  1040. This post has <a href="{permalink}"target="_blank" style="color:{color:text}; ">{notecount} notes</a> // <a href="{ReblogURL}"target="_blank"style="color:{color:text}">Reblog</a> this post</div>
  1041. {/block:IndexPage}
  1042. {block:Link}
  1043.  
  1044. {block:Photo}{block:IndexPage}<div class="lovely"></div>
  1045.  
  1046. <div class="perma">
  1047. <a title="go to the permalink page" href="{Permalink}">{NoteCountwithlabel}</a>
  1048. <br>
  1049. This post was reblogged on {Month} {DayofMonth}, {Year}</center><br></div>
  1050. <div class="perma2">
  1051. {ReblogButton color="white" size="24"}
  1052. </div>
  1053. <div class="perma3">
  1054. {LikeButton color="white" size="21"}
  1055. </div>
  1056. {/block:IndexPage}
  1057.  
  1058. {block:IndexPage}
  1059. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" "width=270px;">
  1060. {/block:IndexPage}
  1061. {block:permalinkpage}{LinkOpenTag}<center>
  1062. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" "width=360px;"/>
  1063. {LinkCloseTag}</center>{/block:permalinkpage}
  1064. {/block:Photo}
  1065. {block:Photoset}
  1066. {block:IndexPage}
  1067. <center>
  1068.  
  1069. <div class="perma">
  1070. <a href="{ReblogURL}" target="_blank"> reblog this post</a> <br>
  1071. <a href="{Permalink}" target="_blank">{Notecount} people love this photoset</a>
  1072. </div>
  1073.  
  1074. {Photoset-250}</center>
  1075. {/block:IndexPage}
  1076. {block:PermalinkPage}
  1077. <center>
  1078. {Photoset-500}</center>
  1079. {/block:PermalinkPage}
  1080. {/block:Photoset}
  1081. {block:Quote}
  1082. <div class="quote">❝ {quote}</div>
  1083. {block:IndexPage}<br>
  1084. <div class="permalinktext">
  1085. This post has <a href="{permalink}"target="_blank" style="color:{color:text}; ">{notecount} notes</a> // <a href="{ReblogURL}"target="_blank"style="color:{color:text}">Reblog</a> this post</div>{/block:IndexPage}
  1086. {/block:Quote}
  1087.  
  1088. {block:Chat}
  1089. {block:Title}<span class="title">{Title}</span>{/block:Title}
  1090. <ul class="chat">
  1091. {block:Lines}
  1092. <li class="user_{UserNumber}">
  1093. {block:Label}
  1094. <span class="label">{Label}</span>
  1095. {/block:Label}
  1096.  
  1097. {Line}<br>
  1098. {/block:Lines}
  1099. {/block:Chat}
  1100.  
  1101. {block:Audio}
  1102. <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>
  1103. {block:IndexPage}<br>
  1104. <div class="permalinktext">
  1105. This post has <a href="{permalink}"target="_blank" style="color:{color:text}; ">{notecount} notes</a> // <a href="{ReblogURL}"target="_blank"style="color:{color:text}">Reblog</a> this post</div>{/block:IndexPage}
  1106. {/block:Audio}
  1107.  
  1108. {block:Video}
  1109. <center>{block:IndexPage}
  1110. <div class="perma">
  1111. {DayOfMonth}, {ShortMonth} with <a href="{permalink}">{notecount}</a> - <a href="{reblogurl}">↻</a></div>
  1112. <div style="width:200px; overflow-x:hidden; overflow-y:hidden">{Video-250}</div>{/block:IndexPage}</center>
  1113. <center>{block:PermalinkPage}<div style="width: 450px; overflow-x:hidden; overflow-y:hidden">{Video-500}{/block:PermalinkPage}</center>
  1114. {block:Video}
  1115.  
  1116. {block:Answer}
  1117. <div style="border:1px solid #eee; margin:3px; margin-top:-5px; min-height:30px; box-shadow:3px 3px #e1e1e1; padding:7px;
  1118. padding-bottom:14px; text-transform:uppercase; border-radius:5px; background:#fbfbfb">
  1119. <img src="{AskerPortraitURL-30}" width="30" align="left"
  1120. style="margin-right:4px; margin-top:-6px; border-radius:100%; margin-left:0px; border:1px solid #ddd; padding:7px; background:#fff; outline:0px solid transparent; 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);{block:PermalinkPage} width:30px; {/block:PermalinkPage}">
  1121. <askk>{Asker}</askk>: {Question}</div>
  1122. <div style="font-family:calibri; font-size:10px; border:1px solid #eee; margin:3px; margin-top:9px; min-height:30px; box-shadow:3px 3px #e1e1e1; padding:7px; text-transform:uppercase; border-radius:5px; background:#fbfbfb"><img src="{PortraitURL-30}" width="30" align="right"
  1123. style="margin-right:4px; margin-top:-5px; border-radius:100%; margin-left:0px; border:1px solid #ddd; padding:7px; outline:0px solid transparent; background:#fff; 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);{block:PermalinkPage} width:50px; {/block:PermalinkPage}"><askk>{text:your name} responds with:</askk>{Answer}</div>
  1124. {/block:Answer}
  1125.  
  1126. {block:PermalinkPage}
  1127. <center><br>
  1128. {Caption}
  1129. {block:Date}<askk>posted on <u>{DayOfWeek}</u> of {Month} {DayofMonth}, {Year}{/block:Date} {block:NoteCount}with {NoteCount} notes<br>{/block:NoteCount}</askk>
  1130. {block:RebloggedFrom}<askk><b>source of the post:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> | <b>Reblogged from:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br>{/block:RebloggedFrom}</askk>
  1131. {block:NoteCount} <div style="text-align:center; margin:5px"></div>{/block:NoteCount}
  1132. {block:Tags}I tagged this photo with:<a href="{TagURL}">{Tag}</a>,{/block:Tags}
  1133. </center>
  1134. {/block:PermalinkPage}
  1135. {block:PostNotes}
  1136. <div id="postnotes">{PostNotes}</div>
  1137. {/block:PostNotes}</div>{/block:Posts}
  1138. </div></div>
  1139.  
  1140. {block:indexpage}
  1141. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  1142. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  1143. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  1144. <script type="text/javascript">
  1145. $(window).load(function(){
  1146. var $wall = $('#posts');
  1147. $wall.imagesLoaded(function(){
  1148. $wall.masonry({
  1149. itemSelector: '#entry, #entry_photo',
  1150. isAnimated : false
  1151. });
  1152. });
  1153.  
  1154. $wall.infinitescroll({
  1155. navSelector : '#page-nav',
  1156. nextSelector : '#page-nav a',
  1157. itemSelector : '#entry, #entry_photo',
  1158. bufferPx : 2000,
  1159. debug : false,
  1160. errorCallback: function() {
  1161. $('#infscr-loading').fadeOut('normal');
  1162. }},
  1163. function( newElements ) {
  1164. var $newElems = $( newElements );
  1165. $newElems.hide();
  1166. $newElems.imagesLoaded(function(){
  1167. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  1168. });
  1169. }); $('#content').show(500);
  1170. });
  1171. </script>
  1172.  
  1173. {/block:indexpage}
  1174.  
  1175. <body onkeydown="return false">
  1176. </body>
  1177. <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>
  1178. <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>
  1179. </html>
Add Comment
Please, Sign In to add comment