API tools faq
paste
Advertisement
hashtaqno

theme 3 by hashtaq-no

hashtaqno
Jul 3rd, 2013
252
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.93 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. ▀▀█▀▀ █░░█ █▀▀ █▀▄▀█ █▀▀ █▀▀ 　 █▀▀▄ █░░█
  3. ░░█░░ █▀▀█ █▀▀ █░▀░█ █▀▀ ▀▀█ 　 █▀▀▄ █▄▄█
  4. ░░▀░░ ▀░░▀ ▀▀▀ ▀░░░▀ ▀▀▀ ▀▀▀ 　 ▀▀▀░ ▄▄▄█
  5.  
  6. █░░█ █▀▀█ █▀▀ █░░█ ▀▀█▀▀ █▀▀█ █▀▀█ ░░ █▀▀▄ █▀▀█
  7. █▀▀█ █▄▄█ ▀▀█ █▀▀█ ░░█░░ █▄▄█ █░░█ ▀▀ █░░█ █░░█
  8. ▀░░▀ ▀░░▀ ▀▀▀ ▀░░▀ ░░▀░░ ▀░░▀ ▀▀▀█ ░░ ▀░░▀ ▀▀▀▀
  9.  
  10. please do not remove credit or just credit me in your FAQ
  11.  
  12. if anything goes wrong then message me and i'll help you :)
  13. -->
  14.  
  15. <html lang="en">
  16. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  17. <html xmlns="http://www.w3.org/1999/xhtml">
  18. <head>
  19. <img class="normal" src="http://static.tumblr.com/dbek3sy/zESllc4x6/install_theme.png" alt="install theme" />
  20. </a>
  21. </div>
  22. <script type="text/javascript"
  23. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  24. <script>
  25. $(document).ready(function() {
  26. //
  27. $('a.poplight[href^=#]').click(function() {
  28. var popID = $(this).attr('rel'); //Get Popup Name
  29. var popURL = $(this).attr('href'); //Get Popup href to define size
  30. var query= popURL.split('?');
  31. var dim= query[1].split('&');
  32. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  33. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#"title="close" class="close"><img src="http://fc08.deviantart.net/fs70/f/2010/296/7/4/pizza_icon__free_by_togethertoday-d31db9f.gif" class="btn_close" alt="Close" /></a>');
  34. var popMargTop = ($('#' + popID).height() + 80) / 2;
  35. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  36. //Apply Margin to Popup
  37. $('#' + popID).css({
  38. 'margin-top' : -popMargTop,
  39. 'margin-left' : -popMargLeft
  40. });
  41. $('body').append('<div id="fade"></div>');
  42. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  43. return false;
  44. });
  45. $('a.close, #fade').live('click', function() {
  46. $('#fade , .popup_block').fadeOut(function() {
  47. $('#fade, a.close').remove(); //fade them both out
  48. });
  49. return false;
  50. });
  51. });
  52. </script>
  53.  
  54.  
  55. <script type="text/javascript"
  56. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  57.  
  58. <link href='http://static.tumblr.com/blpgwiz/EfNmijxib/tada.css' rel='stylesheet' type='text/css'>
  59.  
  60. <link href='http://static.tumblr.com/blpgwiz/Zjemijy8n/fade_in_down.css' rel='stylesheet' type='text/css'>
  61.  
  62.  
  63. <link href='http://static.tumblr.com/blpgwiz/u8Qmijy1c/fade_in_up.css' rel='stylesheet' type='text/css'>
  64.  
  65. <link href='http://static.tumblr.com/blpgwiz/bcxmijz1s/rotateandgrow.css' rel='stylesheet' type='text/css'>
  66.  
  67. <script type="text/javascript">
  68. <!--
  69.  
  70. // Disable Right Click Script
  71.  
  72. function IE(e)
  73. {
  74. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  75. {
  76. return false;
  77. }
  78. }
  79. function NS(e)
  80. {
  81. if (document.layers || (document.getElementById && !document.all))
  82. {
  83. if (e.which == "2" || e.which == "3")
  84. {
  85. return false;
  86. }
  87. }
  88. }
  89. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  90.  
  91. //-->
  92. </script>
  93.  
  94.  
  95. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  96. <script>
  97. (function($){
  98. $(document).ready(function(){
  99. $("a[title]").style_my_tooltips({
  100. tip_follows_cursor:true,
  101. tip_delay_time:90,
  102. tip_fade_speed:600,
  103. attribute:"title"
  104. });
  105. });
  106. })(jQuery);
  107. </script>
  108.  
  109. <!--DEFAULT VARIABLES-->
  110. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  111. <meta name="color:background" content="#fff"/>
  112. <meta name="color:side1" content="#C7638B"/>
  113. <meta name="color:side2" content="#f2f2f2"/>
  114. <meta name="color:link" content="#777"/>
  115. <meta name="color:text" content="#777"/>
  116. <meta name="color:title" content="#333"/>
  117. <meta name="color:hover" content="#fff"/>
  118. <meta name="color:blogtitle" content="#fff"/>
  119. <meta name="color:borders" content="#fff"/>
  120. <meta name="color:link hover msg" content="#fff"/>
  121. <meta name="image:sidebar" content="1"/>
  122. <meta name="image:background" content="1"/>
  123. <meta name="image:sideback" content="1"/>
  124. <meta name="image:sideback2" content="1"/>
  125. <meta name="image:sideback3" content="1"/>
  126. <meta name="image:banner" content="1"/>
  127. <meta name="color:scrollbar" content="#ddd;">
  128. <meta name="text:Link one Title" content="link 1"/>
  129. <meta name="text:Link one" content="http://" />
  130. <meta name="text:Link two Title" content="link 2"/>
  131. <meta name="text:Link two" content="http://"/>
  132. <meta name="text:Link Three Title" content="link 3"/>
  133. <meta name="text:Link Three" content="http://"/>
  134. <meta name="text:Link four Title" content="link 4"/>
  135. <meta name="text:Link four" content="http://" />
  136. <meta name="text:Link five Title" content="link 5"/>
  137. <meta name="text:Link five" content="http://" />
  138. <meta name="text:Link six Title" content="link 6"/>
  139. <meta name="text:Link six" content="http://" />
  140. <meta name="text:your name" content="name here"/>
  141.  
  142. <style type="text/css">
  143.  
  144. merp{
  145. font-family:meow;
  146. font-size:24px;
  147. line-height:21px;
  148. color:#404041;
  149. }
  150.  
  151.  
  152. merp2{
  153. font-family:meow;
  154. font-size:26px;
  155. color:#404041;
  156. }
  157.  
  158. dean{
  159. font-family:irish;
  160. font-size:18px;
  161. line-height:27px;
  162. letter-spacing:1px;
  163. color:#404041;
  164. }
  165.  
  166.  
  167. ::-webkit-scrollbar-thumb{
  168. background-color: {color:scrollbar};
  169. border: 2px solid white;
  170. height:auto;
  171. -moz-border-radius: 10px;
  172. border-radius: 10px;
  173. }
  174.  
  175. ::-webkit-scrollbar {
  176. height:3px;
  177. width:3px;
  178. background-color:#aaa;
  179. }
  180.  
  181. 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-
  182.  
  183. transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  184.  
  185. 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;}
  186.  
  187. p {
  188. margin-top:0px;
  189. }
  190.  
  191. body {
  192. padding: 0px;
  193. margin: 0px;
  194. color:#5b5b5c;
  195. font-family: "patrick hand";
  196. margin-top:10px;
  197. line-height:12px;
  198. font-size:13px;
  199. background-color: #f5f5f5;
  200. background-image:url({image:background});
  201. background-attachment: fixed;
  202. background-repeat: repeat;
  203. }
  204.  
  205.  
  206. a:link, a:active, a:visited{
  207. text-decoration: none;
  208. -webkit-transition: color 0.3s ease-out;
  209. -moz-transition: color 0.3s ease-out;
  210. transition: color 0.3s ease-out;
  211. color:{color:link};
  212. }
  213.  
  214. a:hover {
  215. text-decoration: none;
  216. font-style:;
  217. color: {color:hover};
  218. }
  219.  
  220. div#center{
  221. margin:auto;
  222. position:relative;
  223. width:1020px;
  224. background-color:transparent;
  225. overflow:hidden;
  226. overflow-y:hidden;
  227. }
  228.  
  229. #quote{
  230. position:fixed !important;
  231. top:10px;
  232. height:25px;
  233. width:1550px;
  234. left:0px;
  235. background-color:{color:quote bar};
  236. z-index:999;
  237. color:#fff;
  238. font-size:20px;
  239. text-transform:lowercase;
  240. font-family:irish;
  241. line-height:18px;
  242. padding-top:8px;
  243. text-align:center;
  244. padding-left:70px;
  245. -webkit-transition: opacity .7s linear;
  246. -webkit-transition: all .7s ease-in-out;
  247. -moz-transition: all .7s ease-in-out;
  248. -o-transition: all .7s ease-in-out;
  249. }
  250.  
  251. #quote .textt{
  252. opacity:1;
  253. -webkit-transition: opacity .7s linear;
  254. -webkit-transition: all .7s ease-in-out;
  255. -moz-transition: all .7s ease-in-out;
  256. -o-transition: all .7s ease-in-out;
  257. }
  258.  
  259. #quote .texttt{
  260. opacity:0;
  261. margin-top:-18px;
  262. -webkit-transition: opacity .7s linear;
  263. -webkit-transition: all .7s ease-in-out;
  264. -moz-transition: all .7s ease-in-out;
  265. -o-transition: all .7s ease-in-out;
  266. }
  267.  
  268. #quote:hover .textt{
  269. opacity:0;
  270. }
  271.  
  272. #quote:hover .texttt{
  273. opacity:1;
  274. }
  275.  
  276. /*CUSTOMIZE ENTRY SETTINGS HERE*/
  277. .entry {
  278. float:left;
  279. display: block;
  280. margin:3px;
  281. overflow:hidden;
  282. width:219px;
  283. border:1px solid {color:borders};
  284. padding-bottom:5px;
  285. padding-left: 7px;
  286. padding-right: 7px;
  287. padding-top: 7px;
  288. {block:PermalinkPage}
  289. margin-left:68px;
  290. width:600px;
  291. text-align:left;
  292. line-height:13px;
  293. {/block:PermalinkPage}
  294. background:white;
  295. background-image:URL();
  296. }
  297.  
  298. @font-face {font-family:"Aderyn"; src:url('http://static.tumblr.com/9wzbixa/Qnqm26qzk/dk_aderyn_0.ttf');}
  299.  
  300.  
  301. /*CUSTOMIZE THE APPEARANCE OF PERMALINKS*/
  302. .entry .perma{
  303. position:absolute;
  304. width:130;
  305. height:15px;
  306. padding:8px;
  307. top:90px;
  308. margin-left: 25px;
  309. background-color:#fff;
  310. overflow:hidden;
  311. letter-spacing:1px;
  312. font-family: irish;
  313. text-transform: normal;
  314. font-size: 18px;
  315. line-height:16px;
  316. text-align:center;
  317. opacity: 0;
  318. border: 2px solid {color:borders};
  319. text-shadow:1px 1px 4px ;
  320. -webkit-transition: all 0.5s linear;
  321. -webkit-transition: all 0.5s linear;
  322. -moz-transition: all 0.5s linear;
  323. transition: all 0.5s linear;
  324. border-radius: 0px 10px / 0px 10px;
  325. }
  326.  
  327.  
  328. .entry:hover .perma{
  329. opacity: 1;
  330. top:90px;
  331. }
  332.  
  333. @font-face {font-family:"patrick hand"; src:url('http://static.tumblr.com/apvc1rp/kTRmp9cwe/patrickhand-regular.ttf');}
  334.  
  335. /*CUSTOMIZE POST POSITIONING AND STUFFZ HERE*/
  336. #posts {
  337. margin-right:-110px;
  338. right:auto;
  339. background:transparent;
  340. margin-left:auto;
  341. width:820px;
  342. margin-top:20px;
  343. z-index:99;
  344. font-family:patrick hand;
  345. font-size:16px;
  346. line-height:13px;
  347. background:transparent;
  348. position:relative;
  349. overflow-x: hidden;
  350. overflow-y: hidden;
  351. }
  352.  
  353. #s-m-t-tooltip {
  354. max-width:auto;
  355. padding:3px 3px 3px 3px;
  356. margin:12px 0px 18px 16px;
  357. background-color:{color:link hover msg}; /* change the background color */
  358. border:1px solid #c1c6ca; /* change the border color */
  359. -moz-border-radius: 30px 20px / 10px 30px;
  360. border-radius: 0px 20px / 0px 20px;
  361. padding:7px;
  362. font-family:patrick hand; /* change the font */
  363. font-size:16px; /* change the font size */
  364. letter-spacing:2px; /* change the letter spacing */
  365. font-style:normal;/* can be uppercase, lowercase, none*/
  366. color:#fff; /* change the text color */
  367. z-index:999999999999999999999999999999999999;
  368. opacity:.8;
  369. }
  370.  
  371.  
  372. @font-face { font-family: "prince"; src: url('http://static.tumblr.com/rmj06l2/Ez5lo1s2r/akmy_prince.ttf'); }
  373.  
  374. @font-face { font-family: "glam"; src: url('http://static.tumblr.com/q54tzar/nANm2jtk1/simply_glamorous_2_.ttf'); }
  375.  
  376. @font-face { font-family: "sunshine"; src: url('http://static.tumblr.com/5fd89aw/U3vli7rvs/sunshine_in_my_soul.ttf'); }
  377.  
  378.  
  379. @font-face { font-family: "playdate"; src: url('http://static.tumblr.com/4yxykdm/XVZlrfl3m/playdate_1_.ttf'); }
  380.  
  381. @font-face { font-family: "Call Me"; src: url("http://static.tumblr.com/j2nmv5m/yJSm69tse/kgcallmemaybe-skinny.ttf") format("truetype"); }
  382.  
  383.  
  384. @font-face {font-family: "Meow";src: url( "http://static.tumblr.com/kauezwz/YlIlz8nop/theonlyexception.ttf") format("truetype");}
  385.  
  386.  
  387. @font-face {font-family:"little"; src: url('http://static.tumblr.com/ejm8w78/WPwlvia7a/little_days.ttf');}
  388.  
  389. @font-face{font-family:Jane;src:url("http://static.tumblr.com/9wzbixa/ncHmj2mmb/janeaust.ttf");}
  390.  
  391. @font-face { font-family: "good time"; src: url('http://static.tumblr.com/u37ad6e/bR1mb6f8o/kgalwaysagoodtime.ttf'); }
  392.  
  393. @font-face { font-family: "gentle"; src: url('http://static.tumblr.com/02amtmg/ZFCmkn6cc/a_gentle_touch.ttf'); }
  394.  
  395. @font-face { font-family: "sunshine"; src: url('http://static.tumblr.com/5fd89aw/U3vli7rvs/sunshine_in_my_soul.ttf'); }
  396.  
  397. div#blogtitle{
  398. position:fixed !important;
  399. width:auto;
  400. height:15px;
  401. opacity: 1;
  402. padding:5px;
  403. margin-left:-130px;
  404. margin-top:55px;
  405. background:none;
  406. font-weight: normal;
  407. line-height:17px;
  408. text-align:center;
  409. color:#404041;
  410. letter-spacing:0px;
  411. font-size: 60px;
  412. font-family:sunshine;
  413. text-shadow: 2px 1px 1px #fff;
  414. text-transform:normal;
  415. z-index:99999999999999999999999999999;
  416. }
  417.  
  418.  
  419. /*CUSTOMIZE HERE*/
  420. div#side1{
  421. opacity:0.4;
  422. width:300px;
  423. position:fixed !important;
  424. text-align:center;
  425. top:110px;
  426. height:423px;
  427. margin-left: -132px;
  428. margin-top: -23px;
  429. background-color: {color:side1};
  430. border: 1px solid #eee;
  431. -webkit-transform: rotate(-5deg);
  432. z-index:-4;
  433. }
  434.  
  435. div#side2{
  436. opacity:0.9;
  437. width:300px;
  438. position:fixed !important;
  439. text-align:center;
  440. top:110px;
  441. height:423px;
  442. overflow:hidden;
  443. margin-left: -132px;
  444. margin-top: -23px;
  445. background-color: {color:side2};
  446. border: 1px double #eee;
  447. -webkit-transform: rotate(6deg);
  448. }
  449.  
  450.  
  451. #sidebar{
  452. position:fixed !important;
  453. margin-left: -132px;
  454. margin-top: 78px;
  455. padding:9px;
  456. width: auto;
  457. height: auto;
  458. -webkit-transform: rotate(0deg);
  459. z-index: 0;
  460. border-radius:0px;
  461. opacity: 1;
  462. background:#fff;
  463. z-index:111;
  464. }
  465.  
  466.  
  467. #sidebarpic img{
  468. width:270px;
  469. height:405px;
  470. -webkit-filter:blur(0px);
  471. transition: all 0.9s ease-out;
  472. -o-transition-transition: all 0.9s ease-out;
  473. -webkit-transition: all 0.9s ease-out;
  474. -moz-transition: all 0.9s ease-out;
  475. }
  476. #sidebar:hover #sidebarpic img{
  477. -webkit-filter:blur(2px);
  478. transition: all 0.9s ease-out;
  479. -o-transition-transition: all 0.9s ease-out;
  480. -webkit-transition: all 0.9s ease-out;
  481. -moz-transition: all 0.9s ease-out;
  482. }
  483.  
  484.  
  485. #desc {
  486. position:fixed;
  487. z-index:99999999999;
  488. font-family:patrick hand;
  489. font-size:15px;
  490. line-height:16px;
  491. font-style:normal;
  492. opacity:0;
  493. color:#000;
  494. height:auto;
  495. width:205px;
  496. margin-top:-250px;
  497. margin-left:20px;
  498. letter-spacing:1px;
  499. padding:11px;
  500. overflow:hidden;
  501. background:#fff;
  502. border:2px solid #ccc;
  503. border-radius: 0px 20px / 0px 20px;
  504. text-align:center;
  505. z-index:99999999999999999;
  506. transition: all 0.9s ease-out;
  507. -o-transition-transition: all 0.9s ease-out;
  508. -webkit-transition: all 0.9s ease-out;
  509. -moz-transition: all 0.9s ease-out;
  510. }
  511.  
  512.  
  513. #sidebar:hover #desc{
  514. opacity:0.7;
  515. z-index:99999999999999999;
  516. transition: all 0.9s ease-out;
  517. -o-transition-transition: all 0.9s ease-out;
  518. -webkit-transition: all 0.9s ease-out;
  519. -moz-transition: all 0.9s ease-out;
  520. }
  521.  
  522.  
  523. #sidebarbackground{
  524. position: fixed;
  525. margin-top: -13px;
  526. margin-left:260px;
  527. width:22px;
  528. height:100%
  529. z-index:9999;
  530. padding: 0px;
  531. height:100%;
  532. z-index: 1;
  533. border: 2px #fff solid;
  534. opacity: 1;
  535. background: url({image:sideback});
  536. }
  537.  
  538.  
  539. #sidebarbackground2{
  540. position: fixed;
  541. margin-top: -13px;
  542. margin-left:1080px;
  543. width:35px;
  544. height:100%
  545. z-index: 1;
  546. padding: 0px;
  547. height:100%;
  548. border: 2px #fff solid;
  549. opacity: 1;
  550. background: url({image:sideback2});
  551. }
  552.  
  553.  
  554. #sidebarbackground3{
  555. position: fixed;
  556. margin-top: -13px;
  557. margin-left:1035px;
  558. width:25px;
  559. height:100%
  560. z-index: 1;
  561. padding: 0px;
  562. height:100%;
  563. border: 2px #fff solid;
  564. opacity: 1;
  565. background: url({image:sideback3});
  566. }
  567.  
  568.  
  569. @font-face {font-family:Pea; src: url(http://static.tumblr.com/9wzbixa/Qgwmkun3g/peakatrina.ttf);}
  570.  
  571.  
  572. @font-face{
  573. font-family: WebSymbolsRegular;
  574. src: url(http://static.tumblr.com/xgofl0y/yqZm3m5if/websymbols-regular-webfont.ttf);
  575. }
  576.  
  577. @font-face { font-family: "lubalin"; src: url('http://static.tumblr.com/uuzw7gl/x1umfczqz/lubgrxl.ttf'); }
  578.  
  579. @font-face { font-family: "pewp"; src: url('http://static.tumblr.com/bepad33/6M6m295eu/delius-regular.ttf'); }
  580.  
  581. #link1{
  582. position:fixed;
  583. width:48px;
  584. height:48px;
  585. padding:3px;
  586. margin-left:35px;
  587. margin-top:-400px;
  588. background:#f1f1f1;
  589. border:2px solid #c1c6ca;
  590. line-height:49px;
  591. text-align:center;
  592. color:#000;
  593. z-index:3;
  594. font-family:irish;
  595. font-size:22px;
  596. letter-spacing:1px;
  597. opacity:0;
  598. text-decoration:none;
  599. text-transform: uppercase;
  600. transition: all 0.6s ease-out;
  601. -o-transition-transition: all 0.6s ease-out;
  602. -webkit-transition: all 0.6s ease-out;
  603. -moz-transition: all 0.6s ease-out;
  604. }
  605.  
  606. #link1:hover {
  607. border-top-left-radius: 10px;
  608. border-top-right-radius: 10px;
  609. border-bottom-left-radius: 10px;
  610. border-bottom-right-radius: 10px;
  611. opacity:.6;
  612. background-color: {color:link hover};
  613. transition: all 0.9s ease;
  614. -o-transition-transition: all 0.9s ease;
  615. -webkit-transition: all 0.9s ease;
  616. -moz-transition: all 0.9s ease;
  617. z-transition: all 0.9s ease;
  618. }
  619.  
  620. #sidebar:hover #link1 {
  621. margin-top:-322px;
  622. margin-left:35px;
  623. opacity:.9;
  624. }
  625.  
  626.  
  627. #link2{
  628. position:fixed;
  629. width:48px;
  630. height:48px;
  631. padding:3px;
  632. margin-left:106px;
  633. margin-top:-400px;
  634. background:#f1f1f1;
  635. border:2px solid #c1c6ca;
  636. line-height:49px;
  637. text-align:center;
  638. color:#000;
  639. z-index:3;
  640. font-family:irish;
  641. font-size:22px;
  642. letter-spacing:1px;
  643. opacity:0;
  644. text-decoration:none;
  645. text-transform: uppercase;
  646. transition: all 0.6s ease-out;
  647. -o-transition-transition: all 0.6s ease-out;
  648. -webkit-transition: all 0.6s ease-out;
  649. -moz-transition: all 0.6s ease-out;
  650. }
  651.  
  652. #link2:hover {
  653. border-top-left-radius: 10px;
  654. border-top-right-radius: 10px;
  655. border-bottom-left-radius: 10px;
  656. border-bottom-right-radius: 10px;
  657. opacity:.6;
  658. background-color: {color:link hover};
  659. transition: all 0.9s ease;
  660. -o-transition-transition: all 0.9s ease;
  661. -webkit-transition: all 0.9s ease;
  662. -moz-transition: all 0.9s ease;
  663. z-transition: all 0.9s ease;
  664. }
  665.  
  666. #sidebar:hover #link2 {
  667. margin-top:-322px;
  668. margin-left:106px;
  669. opacity:.9;
  670. }
  671.  
  672.  
  673.  
  674. #link3{
  675. position:fixed;
  676. width:48px;
  677. height:48px;
  678. padding:3px;
  679. margin-left:177px;
  680. margin-top:-400px;
  681. background:#f1f1f1;
  682. border:2px solid #c1c6ca;
  683. line-height:49px;
  684. text-align:center;
  685. color:#000;
  686. z-index:3;
  687. font-family:irish;
  688. font-size:22px;
  689. letter-spacing:1px;
  690. opacity:0;
  691. text-decoration:none;
  692. text-transform: uppercase;
  693. transition: all 0.6s ease-out;
  694. -o-transition-transition: all 0.6s ease-out;
  695. -webkit-transition: all 0.6s ease-out;
  696. -moz-transition: all 0.6s ease-out;
  697. }
  698.  
  699. #link3:hover {
  700. border-top-left-radius: 10px;
  701. border-top-right-radius: 10px;
  702. border-bottom-left-radius: 10px;
  703. border-bottom-right-radius: 10px;
  704. opacity:.6;
  705. background-color: {color:link hover};
  706. transition: all 0.9s ease;
  707. -o-transition-transition: all 0.9s ease;
  708. -webkit-transition: all 0.9s ease;
  709. -moz-transition: all 0.9s ease;
  710. z-transition: all 0.9s ease;
  711. }
  712.  
  713. #sidebar:hover #link3 {
  714. margin-top:-322px;
  715. margin-left:177px;
  716. opacity:.9;
  717. }
  718.  
  719. #link4{
  720. position:fixed;
  721. width:48px;
  722. height:48px;
  723. padding:3px;
  724. margin-left:35px;
  725. margin-top:-99px;
  726. background:#f1f1f1;
  727. border:2px solid #c1c6ca;
  728. line-height:49px;
  729. text-align:center;
  730. color:#000;
  731. z-index:3;
  732. font-family:irish;
  733. font-size:22px;
  734. letter-spacing:1px;
  735. opacity:0;
  736. text-decoration:none;
  737. text-transform: uppercase;
  738. transition: all 0.6s ease-out;
  739. -o-transition-transition: all 0.6s ease-out;
  740. -webkit-transition: all 0.6s ease-out;
  741. -moz-transition: all 0.6s ease-out;
  742. }
  743.  
  744. #link4:hover {
  745. border-top-left-radius: 10px;
  746. border-top-right-radius: 10px;
  747. border-bottom-left-radius: 10px;
  748. border-bottom-right-radius: 10px;
  749. opacity:.6;
  750. background-color: {color:link hover};
  751. transition: all 0.9s ease;
  752. -o-transition-transition: all 0.9s ease;
  753. -webkit-transition: all 0.9s ease;
  754. -moz-transition: all 0.9s ease;
  755. z-transition: all 0.9s ease;
  756. }
  757.  
  758. #sidebar:hover #link4 {
  759. margin-top:-164px;
  760. margin-left:35px;
  761. opacity:.9;
  762. }
  763.  
  764.  
  765.  
  766.  
  767. @font-face{
  768. font-family: "WebSymbolsReg";
  769. src: url('http://static.tumblr.com/xgofl0y/yqZm3m5if/websymbols-regular-webfont.ttf'); }
  770.  
  771. @font-face { font-family: "irish"; src: url('http://static.tumblr.com/nsunyax/RJSlz7y7g/kgluckoftheirish.ttf'); }
  772.  
  773.  
  774. #link5{
  775. position:fixed;
  776. width:48px;
  777. height:48px;
  778. padding:3px;
  779. margin-left:106px;
  780. margin-top:-95px;
  781. background:#f1f1f1;
  782. border:2px solid #c1c6ca;
  783. line-height:49px;
  784. text-align:center;
  785. color:#000;
  786. z-index:3;
  787. font-family:irish;
  788. font-size:22px;
  789. letter-spacing:1px;
  790. opacity:0;
  791. text-decoration:none;
  792. text-transform: uppercase;
  793. transition: all 0.6s ease-out;
  794. -o-transition-transition: all 0.6s ease-out;
  795. -webkit-transition: all 0.6s ease-out;
  796. -moz-transition: all 0.6s ease-out;
  797. }
  798.  
  799. #link5:hover {
  800. border-top-left-radius: 10px;
  801. border-top-right-radius: 10px;
  802. border-bottom-left-radius: 10px;
  803. border-bottom-right-radius: 10px;
  804. opacity:.6;
  805. background-color: {color:link hover};
  806. transition: all 0.9s ease;
  807. -o-transition-transition: all 0.9s ease;
  808. -webkit-transition: all 0.9s ease;
  809. -moz-transition: all 0.9s ease;
  810. z-transition: all 0.9s ease;
  811. }
  812.  
  813. #sidebar:hover #link5 {
  814. margin-top:-164px;
  815. margin-left:106px;
  816. opacity:.9;
  817. }
  818.  
  819.  
  820.  
  821.  
  822. #link6{
  823. position:fixed;
  824. width:48px;
  825. height:48px;
  826. padding:3px;
  827. margin-left:177px;
  828. margin-top:-94px;
  829. background:#f1f1f1;
  830. border:2px solid #c1c6ca;
  831. line-height:49px;
  832. text-align:center;
  833. color:#000;
  834. z-index:3;
  835. font-family:irish;
  836. font-size:25px;
  837. letter-spacing:1px;
  838. opacity:0;
  839. text-decoration:none;
  840. text-transform: uppercase;
  841. transition: all 0.6s ease-out;
  842. -o-transition-transition: all 0.6s ease-out;
  843. -webkit-transition: all 0.6s ease-out;
  844. -moz-transition: all 0.6s ease-out;
  845. }
  846.  
  847. #link6:hover {
  848. border-top-left-radius: 10px;
  849. border-top-right-radius: 10px;
  850. border-bottom-left-radius: 10px;
  851. border-bottom-right-radius: 10px;
  852. opacity:.6;
  853. background-color: {color:link hover};
  854. transition: all 0.9s ease;
  855. -o-transition-transition: all 0.9s ease;
  856. -webkit-transition: all 0.9s ease;
  857. -moz-transition: all 0.9s ease;
  858. z-transition: all 0.9s ease;
  859. }
  860.  
  861. #sidebar:hover #link6 {
  862. margin-top:-164px;
  863. margin-left:177px;
  864. opacity:.9;
  865.  
  866.  
  867. @font-face{font-family:castiel;src:url(http://static.tumblr.com/9wzbixa/qKtmj2fnf/ashleymarie.ttf);}
  868.  
  869.  
  870. @font-face{font-family: Swan;src:url(http://static.tumblr.com/q54tzar/7POm34eyl/a_s_black_swan_3_.ttf);}
  871.  
  872.  
  873. @font-face {font-family:Pea; src: url(http://static.tumblr.com/9wzbixa/Qgwmkun3g/peakatrina.ttf);}
  874.  
  875. @font-face { font-family: "charles"; src: url('http://static.tumblr.com/apvc1rp/8wOmp5nzr/ucu_charles_script.ttf') ; }
  876.  
  877. @font-face { font-family: "stars"; src: url('http://static.tumblr.com/hcfbjje/sfRlpm8t0/starsfromoureyes.ttf'); }
  878.  
  879. askname{
  880. font-family: "meow";
  881. font-size: 21px;
  882. text-transform:normal;
  883. text-align:left;
  884. letter-spacing: 2px;
  885. margin-top:8px;;
  886. font-style:normal;
  887. color: {color:blogtitle};
  888. z-index: 1;
  889. }
  890.  
  891. askname2{
  892. font-family: "meow";
  893. font-size: 22px;
  894. text-transform:normal;
  895. text-align:left;
  896. letter-spacing: 3px;
  897. margin-top:8px;;
  898. font-style:normal;
  899. color: {color:blogtitle};
  900. z-index: 1;
  901. }
  902.  
  903. wop{
  904. padding-top:0px;
  905. font-family: pea;
  906. font-size: 15px;
  907. text-transform:normal;
  908. font-style:normal;
  909. letter-spacing: 1px;
  910. color: {color:link};
  911. z-index: 1;
  912. }
  913.  
  914.  
  915.  
  916. /*CUSTOMIZE TITLE OF ENTRIES HERE*/
  917. .title{
  918. font-family:irish;
  919. font-size:25px;
  920. line-height: 26px;
  921. color:{color:Title};
  922. letter-spacing:1px;
  923. }
  924.  
  925.  
  926. /*CUSTOMIZE PERMALINKS OF TEXT POSTS AND SUCH HERE*/
  927. .permalink{
  928. text-transform: normal;
  929. display: block;
  930. text-align: right;
  931. text-decoration: none;
  932. }
  933.  
  934.  
  935. /*I RECCOMMEND TO NOT TOUCH ANY OF THIS LOLz*/
  936. #infscr-loading{
  937. bottom: -70px;
  938. position: absolute;
  939. left: 50%;
  940. margin-left:-8px;
  941. width:16px;
  942. height:11px;
  943. overflow:hidden;
  944. margin-bottom: 50px;
  945. }
  946.  
  947. #postnotes{
  948. text-align: justify;}
  949.  
  950. #postnotes blockquote{
  951. border: 0px;}
  952.  
  953. blockquote{
  954. padding:0px 0px 2px 5px;
  955. margin:0px 0px 2px 10px;
  956. border-left: 1px dotted #555555;
  957. }
  958.  
  959. blockquote p, ul{
  960. margin:0px;
  961. padding:0px;
  962. }
  963.  
  964. a img{border: 0px;}
  965.  
  966.  
  967. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  968.  
  969. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  970. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  971.  
  972. .notes img{width:10px; position:relative; top:3px;}
  973. <--ses-->
  974. small{font-size: 90%;}
  975.  
  976. {CustomCSS}
  977.  
  978. </style>
  979.  
  980. {block:IndexPage}
  981. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  982. <script type="text/javascript" src="http://static.tumblr.com/apvc1rp/ceHms8o2b/weyhey.js"></script>
  983. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  984.  
  985. <script type="text/javascript">
  986. $(window).load(function(){
  987. var $wall = $('#posts');
  988. $wall.imagesLoaded(function(){
  989. $wall.masonry({
  990. itemSelector: '.entry, .entry_photo',
  991. isAnimated : false
  992. });
  993. });
  994.  
  995. $wall.infinitescroll({
  996. navSelector : '#pagination',
  997. nextSelector : '#pagination a',
  998. itemSelector : '.entry, .entry_photo',
  999. bufferPx : 2000,
  1000. debug : false,
  1001. errorCallback: function() {
  1002. $('#infscr-loading').fadeOut('normal');
  1003. }},
  1004. function( newElements ) {
  1005. var $newElems = $( newElements );
  1006. $newElems.hide();
  1007. $newElems.imagesLoaded(function(){
  1008. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  1009. });
  1010. }); $('#posts').show(500);
  1011. });
  1012. </script>
  1013.  
  1014.  
  1015. {/block:IndexPage}
  1016.  
  1017.  
  1018. <title>{title}</title>
  1019.  
  1020. <link rel="shortcut icon" href="{Favicon}" />
  1021. <meta name="viewport" content="width=820" />
  1022. </head>
  1023.  
  1024. <body onkeydown="return false">
  1025. <BODY onselectstart="return false;" ondragstart="return false;">
  1026. <div class="wrapper">
  1027. <div class="header">
  1028. </div>
  1029.  
  1030. <div id="cage">
  1031. <div id="center">
  1032.  
  1033. <!--STUFF THAT GOES INTO THE SIDEBAR-->
  1034.  
  1035. <div id="side1"></div>
  1036. <div id="side2"></div>
  1037.  
  1038. <div id="sidebarbackground"></div>
  1039.  
  1040. <div id="sidebarbackground2"></div>
  1041.  
  1042. <div id="sidebarbackground3"></div>
  1043.  
  1044. <div id="sidebarbackground4"></div>
  1045.  
  1046.  
  1047.  
  1048. <div id="blogtitle"><center>{title}</center></div>
  1049.  
  1050. <div id="sidebar">
  1051. <center>
  1052. <div id="stats2">
  1053.  
  1054. </div>
  1055.  
  1056. <div id="sidebarpic"><img src="{image:sidebar}"></a>
  1057. <div id="desc">{description}</div>
  1058. </center>
  1059.  
  1060.  
  1061. <div id="link1"><a href="{text:Link one}" title="{text:Link one Title}">I.</a></div>
  1062.  
  1063. <div id="link2"><a href="{text:Link two}" title="{text:Link two Title}">II.</a></div>
  1064.  
  1065. <div id="link3"><a href="{text:Link three}" title="{text:Link three Title}">III.</a></div>
  1066.  
  1067. <div id="link4"><a href="{text:Link four}" title="{text:Link four Title}"> IV.</a></div>
  1068.  
  1069. <div id="link5"><a href="{text:Link five}" title="{text:Link five Title}"> V.</a></div>
  1070.  
  1071. <div id="link6"><a href="{text:Link six}" title="{text:Link six Title}"> IV.</a></div>
  1072.  
  1073.  
  1074.  
  1075.  
  1076. </div>
  1077. <!------------------------------------->
  1078.  
  1079.  
  1080.  
  1081. <div class="left">
  1082.  
  1083. <div id="posts">
  1084. {block:Posts}
  1085.  
  1086. <div class="entry">
  1087.  
  1088.  
  1089.  
  1090. {block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="body">{Body}</span><p align=right><span class="permalink"><a
  1091.  
  1092. href="{Permalink}"><a href="{Permalink}"><a href="{Permalink}">{notecountwithlabel}</a></a><br>{/block:HasTags}</span></align>
  1093. {/block:Text}
  1094.  
  1095. {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description} <p align=right><span
  1096.  
  1097. class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"></span></align>{block:Link}
  1098.  
  1099.  
  1100. {block:Photo}
  1101. {block:IndexPage}
  1102. <center>
  1103. <div class="perma">
  1104. <a href="{Permalink}">{NoteCountwithlabel} </a> - <a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  1105.  
  1106. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  1107. {/block:IndexPage}
  1108. {block:PermalinkPage}
  1109. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  1110.  
  1111. {LinkCloseTag}
  1112. {/block:PermalinkPage}
  1113. {/block:Photo}
  1114.  
  1115. {block:Photoset}
  1116. {block:IndexPage}
  1117. <center>
  1118.  
  1119. <div class="perma">
  1120. <a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  1121.  
  1122. {Photoset-250}</center>
  1123. {/block:IndexPage}
  1124. {block:PermalinkPage}
  1125. <center>
  1126. {Photoset-500}</center>
  1127. {/block:PermalinkPage}
  1128. {/block:Photoset}
  1129.  
  1130. {block:Quote}<span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}<br><p align=right><span class="permalink"><a
  1131.  
  1132. href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"> </span>{/block:Quote}
  1133.  
  1134. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  1135. <ul class="chat">
  1136. {block:Lines}
  1137. <li class="user_{UserNumber}">
  1138. {block:Label}
  1139. <span class="label">{Label}</span>
  1140. {/block:Label}
  1141.  
  1142. {Line}
  1143. </li>
  1144. {/block:Lines}
  1145. <p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}">
  1146. {/block:Chat}
  1147.  
  1148. {block:Audio}
  1149. <div style="width:200px; height:30px;">
  1150. {AudioPlayerBlack}
  1151. </div>
  1152. {block:IndexPage}<span class="permalink">
  1153. <p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"> </a>
  1154. </span>{/block:IndexPage}
  1155. {/block:Audio}
  1156.  
  1157. {block:Video}
  1158. {block:IndexPage}
  1159. <center>
  1160. <div class="perma">
  1161. <a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  1162. {Video-250}</center>
  1163. {/block:IndexPage}
  1164. {block:PermalinkPage}
  1165. <center>
  1166. {Video-400}</center>
  1167. {/block:PermalinkPage}
  1168. {block:Video}
  1169.  
  1170. {block:Answer}
  1171. <div style="margin: 2px 3px 2px 3px; min-height:30px; border: 1px dashed #dbd7d7; padding: 5px;border-radius:0px; background-color: white;">
  1172. <img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-right:3px;"/>
  1173. <askk>{Asker}</askk>: {Question}</div>
  1174. <div style="padding: -1px 5px -1px 5px;background: transparent;"><center>{Answer}</center><askname2><p align="right"><br><font face="meow"; font size="4">love,</askname2> <askname><font face="meow" font size="3">{text:your name}</font></p></askname></div><br/>
  1175. <P ALIGN=Right><a href="{Permalink}">{NoteCountWithLabel}</a>
  1176. {/block:Answer}
  1177.  
  1178. {block:PostNotes}<div align="middle">{caption}</div>
  1179. <center>
  1180.  
  1181. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  1182.  
  1183. {block:HasTags}
  1184. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  1185. {block:RebloggedFrom}
  1186. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  1187. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  1188.  
  1189. {/block:RebloggedFrom}
  1190. </center></span>
  1191. <br>
  1192. <div id="postnotes">{PostNotes}</div><br>
  1193.  
  1194. <center>{block:ContentSource}
  1195. <br><a href="{SourceURL}">
  1196. {lang:Source}:
  1197. {block:SourceLogo}
  1198. <img src="{BlackLogoURL}" width="{LogoWidth}"
  1199. height="{LogoHeight}" alt="{SourceTitle}" />
  1200. {/block:SourceLogo}
  1201. {block:NoSourceLogo}
  1202. {SourceLink}
  1203. {/block:NoSourceLogo}
  1204. </a>
  1205. {/block:ContentSource}</center>
  1206.  
  1207. {/block:PostNotes}
  1208. </div>
  1209. {/block:Posts}
  1210. </div></div>
  1211.  
  1212. {block:IndexPage}
  1213. {block:Pagination}
  1214. <div id="pagination">
  1215. {block:NextPage}
  1216. <a id="nextPage" href="{NextPage}"></a>
  1217. {/block:NextPage}
  1218. {block:PreviousPage}
  1219. <a href="{PreviousPage}"></a>
  1220. {/block:PreviousPage}
  1221. </div>
  1222. {/block:Pagination}
  1223. {/block:IndexPage}
  1224. </body>
  1225.  
  1226. <div style="position:fixed; bottom:5px; right:5px; background:white; border: 1px solid {color:borders}; padding: 3px; padding-top: 3px; font-size: 15px; line-height: 10px;"><a href="http://hashtaq-no.tumblr.com">☼</a>
  1227. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!