Advertisement
Kimmyvp123

Untitled

Aug 26th, 2013
50
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.65 KB | None | 0 0
  1. <!--
  2. Theme by Preachlarcel. Don't remove credit or I will disable your wifi :P!
  3. -->
  4.  
  5. <html lang="en">
  6. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  7. <html xmlns="http://www.w3.org/1999/xhtml">
  8. <head>
  9. <link href='http://static.tumblr.com/blpgwiz/u8Qmijy1c/fade_in_up.css' rel='stylesheet' type='text/css'>
  10.  
  11. <link href='http://static.tumblr.com/blpgwiz/usPm404d2/bounce_normal.css' rel='stylesheet' type='text/css'>
  12.  
  13. <link href='http://static.tumblr.com/blpgwiz/EfNmijxib/tada.css' rel='stylesheet' type='text/css'>
  14.  
  15. <link href='http://static.tumblr.com/blpgwiz/Zjemijy8n/fade_in_down.css' rel='stylesheet' type='text/css'>
  16.  
  17. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  18. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  19. <script>
  20. (function($){
  21. $(document).ready(function(){
  22. $("a[title]").style_my_tooltips({
  23. tip_follows_cursor:true,
  24. tip_delay_time:90,
  25. tip_fade_speed:600,
  26. attribute:"title"
  27. });
  28. });
  29. })(jQuery);
  30. </script>
  31.  
  32. <script type="text/javascript"
  33. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  34. <script>
  35. $(document).ready(function() {
  36. //
  37. $('a.poplight[href^=#]').click(function() {
  38. var popID = $(this).attr('rel'); //Get Popup Name
  39. var popURL = $(this).attr('href'); //Get Popup href to define size
  40. var query= popURL.split('?');
  41. var dim= query[1].split('&');
  42. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  43. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://png.findicons.com/files/icons/1714/dropline_neu/24/dialog_close.png" class="btn_close" title="Close" alt="Close" /></a>');
  44. var popMargTop = ($('#' + popID).height() + 80) / 2;
  45. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  46. //Apply Margin to Popup
  47. $('#' + popID).css({
  48. 'margin-top' : -popMargTop,
  49. 'margin-left' : -popMargLeft
  50. });
  51. $('body').append('<div id="fade"></div>');
  52. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  53. return false;
  54. });
  55. $('a.close, #fade').live('click', function() {
  56. $('#fade , .popup_block').fadeOut(function() {
  57. $('#fade, a.close').remove(); //fade them both out
  58. });
  59. return false;
  60. });
  61. });
  62. </script>
  63.  
  64. <script type="text/javascript">
  65. <!--
  66.  
  67. // Disable Right Click Script
  68.  
  69. function IE(e)
  70. {
  71. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  72. {
  73. return false;
  74. }
  75. }
  76. function NS(e)
  77. {
  78. if (document.layers || (document.getElementById && !document.all))
  79. {
  80. if (e.which == "2" || e.which == "3")
  81. {
  82. return false;
  83. }
  84. }
  85. }
  86. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  87.  
  88. //-->
  89. </script>
  90.  
  91.  
  92. <script type="text/javascript"
  93. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  94.  
  95. <!--DEFAULT VARIABLES-->
  96. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  97. <meta name="color:link" content="#777"/>
  98. <meta name="color:bar1" content="#777"/>
  99. <meta name="color:background" content="1"/>
  100. <meta name="color:bar2" content="#777"/>
  101. <meta name="color:text" content="#777"/>
  102. <meta name="color:title" content="#333"/>
  103. <meta name="color:hover" content="#fff"/>
  104. <meta name="color:text" content="#777"/>
  105. <meta name="color:blogtitle" content="#aaa"/>
  106. <meta name="color:blogtitle2" content="#aaa"/>
  107. <meta name="color:blogtitle shadow" content="#000"/>
  108. <meta name="color:scrollbar" content="#ccc"/>
  109. <meta name="color:sidebarborder" content="#eee"/>
  110. <meta name="color:sidebarborder2" content="#eee"/>
  111. <meta name="color:linkborder" content="#000"/>
  112. <meta name="image:sidebar" content="1"/>
  113. <meta name="image:background" content="1"/>
  114. <meta name="image:background2" content="1"/>
  115. <meta name="image:sidebar bg" content="1"/>
  116. <meta name="text:blogtitle" content="Maybe okay" />
  117. <meta name="text:blogtitle2" content="will be our always" />
  118. <meta name="text:Link One" content""/>
  119. <meta name="text:stats" content"Stats"/>
  120. <meta name="text:statstext" content"Stats"/>
  121. <meta name="text:about" content"About Me"/>
  122. <meta name="text:nav" content"Navigation"/>
  123. <meta name="text:linkonetext" content"Refresh"/>
  124. <meta name="text:Link Two" content""/>
  125. <meta name="text:linktwotext" content"Ask"/>
  126. <meta name="text:Link Three" content""/>
  127. <meta name="text:linkthreetext" content"Links"/>
  128. <meta name="text:Link Four" content="" />
  129. <meta name="text:linkfourtext" content"Etc."/>
  130.  
  131.  
  132. <style type="text/css">
  133.  
  134. #fade { /*--Transparent background layer--*/
  135. display: none; /*--hidden by default--*/
  136. background:url(http://31.media.tumblr.com/6ae5a66e2edd039a543a55e6163146e0/tumblr_mjcgn1OR9B1s5um8no1_500.jpg);
  137. position: fixed; left: 0; top: 0;
  138. width: 100%; height: 100%;
  139. opacity: .80;
  140. z-index: 9999;
  141. }
  142. .popup_block{
  143. display: none; /*--hidden by default--*/
  144. background: #fff;
  145. padding: 20px;
  146. line-height:10px;
  147. border: 10px solid #ccc;
  148. float: left;
  149. font-size:12px;
  150. font-family:arial;
  151. position: fixed;
  152. top: 50%; left: 50%;
  153. z-index: 99999;
  154. /*--CSS3 Box Shadows--*/
  155. -webkit-box-shadow: 0px 0px 20px #000;
  156. -moz-box-shadow: 0px 0px 20px #000;
  157. box-shadow: 0px 0px 20px #000;
  158. /*--CSS3 Rounded Corners--*/
  159. -webkit-border-radius: 10px;
  160. -moz-border-radius: 10px;
  161. border-radius: 10px;
  162. }
  163. img.btn_close {
  164. float: right;
  165. margin: -5px -5px 0 0;
  166. }
  167. /*--Making IE6 Understand Fixed Positioning--*/
  168. *html #fade {
  169. position: absolute;
  170. }
  171. *html .popup_block {
  172. position: absolute;
  173. }
  174.  
  175.  
  176.  
  177.  
  178. #s-m-t-tooltip {
  179. max-width:300px;
  180. padding:6px 6px 6px 6px;
  181. margin:20px 0px 0px 20px;
  182. background: #fff; /* change the background color */
  183. border:1px solid #eee; /* change the border color */
  184. border-right:6px solid #ddd;
  185. border-left:2px solid #eee;
  186. font-family:pewp; /* change the font */
  187. font-size:10px; /* change the font size */
  188. letter-spacing:1px; /* change the letter spacing */
  189. text-transform:uppercase; /* can be uppercase, lowercase, none*/
  190. color:{color:hoverlink textcolor}; /* change the text color */
  191. z-index:999999;
  192. -moz-border-radius: 0px 0px / 00px 0px;
  193. border-radius: 0px 0px / 0px 0px;
  194. -moz-box-shadow:1px 1px 2px 1px #aaa;
  195. -webkit-box-shadow:1px 1px 2px 1px #aaa;
  196. box-shadow:1px 1px 2px 1px #aaa;
  197. }
  198.  
  199. 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-
  200.  
  201. transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  202.  
  203. 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;}
  204.  
  205. p {
  206. margin:0px;
  207. margin-top:0px;
  208. }
  209.  
  210.  
  211. body {
  212. padding: 0px;
  213. margin: 0px;
  214. color:{color:text};
  215. font-family: dixel;
  216. line-height:7px;
  217. font-size:8px;
  218. background-color: {color:Background};
  219. background-image:url({image:Background});
  220. background-attachment: fixed;
  221. background-repeat: repeat;
  222. }
  223.  
  224.  
  225. a:link, a:active, a:visited{
  226. text-decoration: none;
  227. -webkit-transition: color 0.3s ease-out;
  228. -moz-transition: color 0.3s ease-out;
  229. transition: color 0.3s ease-out;
  230. color:{color:link};
  231. }
  232.  
  233. a:hover {
  234. text-decoration: none;
  235. font-style:;
  236. color: {color:Hover};
  237. }
  238.  
  239. div#center{
  240. margin:auto;
  241. position:relative;
  242. width:1000px;
  243. background-color:;
  244. overflow:auto;
  245. overflow-y:hidden;
  246. }
  247.  
  248. ::-webkit-scrollbar-thumb{
  249. background-color: {color:scrollbar};
  250. border: 2px solid #ffffff;
  251. height:5px;
  252. -moz-border-radius: 20px;
  253. border-radius: 20px;
  254. }
  255.  
  256. ::-webkit-scrollbar {
  257. height:5px;
  258. width:9px;
  259. background-color: #aaaaaa;
  260. border: 4px solid #fff;
  261. }
  262.  
  263. /*CUSTOMIZE ENTRY SETTINGS HERE*/
  264. .entry {
  265. float:left;
  266. display: block;
  267. margin:5px;
  268. overflow:hidden;
  269. border: 1px solid #c9c9c9;
  270. box-shadow:2px 2px 2px #ddd;
  271. padding: 6px;
  272. width:230px;
  273. font-family:meow;
  274. font-size:14px;
  275. line-height:20px;
  276. padding-bottom:2px;
  277. {block:PermalinkPage}
  278. width:520px;
  279. text-align:left;
  280. line-height:15px;
  281. {/block:PermalinkPage}
  282. background-color:white;
  283. background-image:URL();
  284. -webkit-transition: all 0.5s linear;
  285. -moz-transition: all 0.5s linear;
  286. transition: all 0.5s linear;
  287. }
  288.  
  289. .entry:hover{
  290. opacity:1;
  291. }
  292.  
  293. @font-face {font-family: "Meow";src: url( http://static.tumblr.com/kauezwz/YlIlz8nop/theonlyexception.ttf) format("truetype");}
  294.  
  295. /*CUSTOMIZE THE APPEARANCE OF PERMALINKS*/
  296.  
  297. .entry .perma{
  298. width:auto;
  299. height:20px;
  300. margin-left:0px;
  301. position: absolute;
  302. line-height: 20px;
  303. overflow:hidden;
  304. text-align:center;
  305. top:-15px;
  306. border:1px solid #dbdbdb;
  307. border-left:0px;
  308. border-radius:0px 15px 15px 0px;
  309. font-size:18px;
  310. background:white;
  311. font-family:lala;
  312. padding:4px;
  313. padding-top:2px;
  314. padding-bottom:2px;
  315. padding-left:6px;
  316. word-spacing:2px;
  317. letter-spacing:1px;
  318. opacity: 0.0;
  319. -webkit-transition: opacity .7s linear;
  320. -webkit-transition: all .7s ease-in-out;
  321. -moz-transition: all .7s ease-in-out;
  322. -o-transition: all .7s ease-in-out;
  323.  
  324. }
  325.  
  326. .entry:hover .perma{
  327. overflow:visible;
  328. opacity:1;
  329. top:13px;
  330. }
  331.  
  332. .entry .perma2{
  333. width:145px;
  334. height:20px;
  335. margin-left:76px;
  336. position: absolute;
  337. line-height: 20px;
  338. overflow:hidden;
  339. text-align:center;
  340. top:145px;
  341. border:1px solid #dbdbdb;
  342. border-left:0px solid #dbdbdb;
  343. border-right:0px solid #fff;
  344. border-radius:15px 0px 0px 15px;
  345. font-size:18px;
  346. background:white;
  347. font-family:lala;
  348. padding:4px;
  349. padding-top:2px;
  350. padding-bottom:2px;
  351. padding-right:6px;
  352. word-spacing:2px;
  353. letter-spacing:1px;
  354. opacity: 0.0;
  355. -webkit-transition: opacity .7s linear;
  356. -webkit-transition: all .7s ease-in-out;
  357. -moz-transition: all .7s ease-in-out;
  358. -o-transition: all .7s ease-in-out;
  359.  
  360. }
  361.  
  362. .entry:hover .perma2{
  363. overflow:visible;
  364. opacity:1;
  365. top:45px;
  366. }
  367.  
  368.  
  369.  
  370. /*CUSTOMIZE POST POSITIONING AND STUFFZ HERE*/
  371. #posts {
  372. width:800px;
  373. margin-top:25px;
  374. margin-left:219px;
  375. right:auto;
  376. background:transparent;
  377. margin-right:auto;
  378. position:relative;
  379. overflow-y: hidden;
  380. -webkit-transition: all 0.5s linear;
  381. -moz-transition: all 0.5s linear;
  382. transition: all 0.5s linear;
  383. }
  384.  
  385. .duck{
  386. position: fixed !important;
  387. z-index: 99;
  388. font-family: arial;
  389. line-height:10px;
  390. font-size: 1px;
  391. padding: 3px;
  392. bottom:5px;
  393. left:1325px;
  394. height:15px;
  395. width:18px;
  396. border-radius:10px;
  397. border:1px solid {color:borders};
  398. background:white;
  399. }
  400.  
  401. /*CUSTOMIZE SIDEBAR HERE*/
  402. #sidebar{
  403. z-index: 1;
  404. position:fixed !important;
  405. width:280px;
  406. height:55%;
  407. opacity:1;
  408. background:#eee;
  409. padding: 10px;
  410. border-top: 6px solid {color:sidebarborder};
  411. border-left: 6px solid {color:sidebarborder2};
  412. border-right: 6px solid {color:sidebarborder2};
  413. border-bottom: 6px solid {color:sidebarborder};
  414. border-top-left-radius: 0px;
  415. border-top-right-radius: 0px;
  416. border-bottom-left-radius: 0px;
  417. border-bottom-right-radius: 0px;
  418. margin-top:120px;
  419. box-shadow: 0px 0px 5px #ddd;
  420. margin-left:-158px;
  421. text-align:center;
  422. -webkit-transition: all .7s ease-in-out;
  423. -moz-transition: all .7s ease-in-out;
  424. -o-transition: all .7s ease-in-out;
  425. }
  426.  
  427. #sidebarpic img {
  428. margin-top:-0px;
  429. height:390px;
  430. opacity:.8;
  431. width:280px;
  432. transition: all 0.5s ease-out;
  433. -o-transition-transition: all 0.5s ease-out;
  434. -webkit-transition: all 0.5s ease-out;
  435. -moz-transition: all 0.5s ease-out;
  436. }
  437.  
  438. #sidebar:hover #sidebarpic img{
  439. opacity:.6;
  440. transition: all 0.5s ease-out;
  441. -o-transition-transition: all 0.5s ease-out;
  442. -webkit-transition: all 0.5s ease-out;
  443. -moz-transition: all 0.5s ease-out;
  444. }
  445.  
  446. #bar{
  447. position:fixed !important;
  448. width:360px;
  449. height:100%;
  450. top:-5px;
  451. margin-left:-180px;
  452. background:#fff;
  453. border: 0px solid #fff;
  454. box-shadow: 1px 1px 10px #aaa;
  455. }
  456.  
  457.  
  458.  
  459. #bar2{
  460. position:fixed !important;
  461. width:120px;
  462. height:100%;
  463. top:-5px;
  464. margin-left:1020px;
  465. background-image:url('http://static.tumblr.com/789e20bb273ec6622070a50a0397e65e/6wl68od/MBqmrfm83/tumblr_static_light__7_.png');
  466. border: 0px solid #fff;
  467. box-shadow: 1px 1px 10px #aaa;
  468. }
  469.  
  470. @font-face{font-family:jane;src: url('http://static.tumblr.com/bm7b8hm/vnWmf9864/janeaust.ttf');,}
  471. @font-face { font-family: "dreams"; src: url('http://static.tumblr.com/4yxykdm/xXTlrecqr/caviardreams.ttf'); }
  472.  
  473. #sidebar .phineas{
  474. position:fixed !important;
  475. width: 400px;
  476. opacity:1;
  477. margin-top: -100px;
  478. margin-left:0px;
  479. text-align: left;
  480. line-height: 54px;
  481. color:{color:blogtitle};
  482. text-transform:uppercase;
  483. font-family: dreams;
  484. text-shadow: 1px 1px 2px {color:blogtitle shadow};
  485. font-size: 45px;
  486. z-index:6;
  487. -o-transition-transition: all 0.4s linear;
  488. -webkit-transition: all 0.4s linear;
  489. -moz-transition: all 0.4s linear;
  490. }
  491.  
  492. #sidebar .phineas2{
  493. position:fixed !important;
  494. width: 400px;
  495. opacity:1;
  496. margin-top: -55px;
  497. margin-left:10px;
  498. text-align: left;
  499. text-transform:lowercase;
  500. line-height: 54px;
  501. color:{color:blogtitle2};
  502. font-family: jane;
  503. text-shadow: 1px 1px 3px {color:blogtitle shadow};
  504. font-size: 35px;
  505. z-index:6;
  506. -o-transition-transition: all 0.2s linear;
  507. -webkit-transition: all 0.2s linear;
  508. -moz-transition: all 0.2s linear;
  509. }
  510.  
  511. @font-face { font-family: "stars"; src: url('http://static.tumblr.com/hcfbjje/sfRlpm8t0/starsfromoureyes.ttf'); }
  512. @font-face { font-family: "s"; src: url('http://static.tumblr.com/yo59jgt/m4om1rino/signerica_fat.ttf'); }
  513. @font-face { font-family: "comesinhandy"; src: url('http://static.tumblr.com/ygfurav/eGLmkhogi/comesinhandy.ttf'); }
  514. @font-face {font-family: "cedarville"; src: url('http://static.tumblr.com/fxpo5zq/oefmes3gi/cedarville_pnkfun_1_cursive.ttf');}
  515. @font-face { font-family: "dreams"; src: url('http://static.tumblr.com/4yxykdm/xXTlrecqr/caviardreams.ttf'); }
  516. @font-face{ font-family:jane; src: url('http://static.tumblr.com/bm7b8hm/vnWmf9864/janeaust.ttf');,}
  517. @font-face { font-family: "neou"; src: url('http://static.tumblr.com/t5cadah/Qzumnxg66/neou-thin.ttf'); }
  518. @font-face{font-family:"Jane Austen";src:url('http://static.tumblr.com/9wzbixa/ncHmj2mmb/janeaust.ttf');}
  519. @font-face { font-family: "pacifico"; src: url('http://static.tumblr.com/jdjsstr/Julm7s6p2/pacifico_1_.ttf'); }
  520. @font-face { font-family: "cutty"; src: url('http://static.tumblr.com/dcylwch/HvDmhxbob/cuttyfruty.ttf'); }
  521. @font-face { font-family: "beauty"; src: url('http://static.tumblr.com/2zvjoo9/n9Mm31t9e/discoverbeauty.ttf');}
  522. @font-face { font-family: "yolo"; src: url('http://static.tumblr.com/5fd89aw/H0ilkmgoh/arsenale_white.ttf'); }
  523. @font-face { font-family: "bebas"; src: url('http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf'); }
  524. @font-face { font-family: "bold"; src: url('http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf'); }
  525. @font-face { font-family: "bond"; src: url('hhttp://static.tumblr.com/t5cadah/QLlmki683/bondoluopeek.otf'); }
  526. @font-face {font-family: "beautiful every time"; src: url('http://static.tumblr.com/nsunyax/Pm3lzwzye/beautifuleverytime.ttf');}
  527. @font-face { font-family: "demo"; src: url('http://static.tumblr.com/jdjsstr/Eq8m819c1/neou-thin_1_.ttf'); }
  528. @font-face { font-family: "caviardreams"; src: url('http://static.tumblr.com/4yxykdm/xXTlrecqr/caviardreams.ttf'); }
  529. @font-face {font-family:"Bree"; src:url('http://static.tumblr.com/9wzbixa/YBvm26pgu/bree.ttf');}
  530. @font-face { font-family: "sb"; src: url('http://static.tumblr.com/yo59jgt/m4om1rino/signerica_fat.ttf'); }
  531. @font-face { font-family: "lala"; src: url('http://static.tumblr.com/vpzhdvv/6d7m90v7t/111.woff');}
  532. @font-face { font-family: "neverletgo"; src: url('http://static.tumblr.com/q54tzar/o02m2jt6c/neverletgo_3_.ttf'); }
  533. @font-face { font-family: "icons"; src: url('http://static.tumblr.com/8hrjcus/Q3fmg7rhn/breezi_font-webfont.ttf'); }
  534. @font-face {font-family:"CelesteHand"; src: url('http://static.tumblr.com/y5evvpz/dVCmkz0sf/celeste_hand.ttf');}
  535. @font-face {font-family:"Springtime"; src: url('http://static.tumblr.com/y5evvpz/7iomdz3n1/springtime.ttf');}
  536. @font-face {font-family:"Aderyn"; src:url('http://static.tumblr.com/9wzbixa/Qnqm26qzk/dk_aderyn_0.ttf');}
  537. @font-face { font-family: "dawning"; src: url('http://static.tumblr.com/viiafci/Hyzlxws2r/dawningofanewday.ttf'); }
  538. @font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/1kdckk4/9yjlolf0w/slkscr.ttf'); }
  539.  
  540. #desc{
  541. position:fixed !important;
  542. width:185px;
  543. padding:30px;
  544. padding-top:10px;
  545. background:transparent;
  546. height:20px;
  547. margin-top:70px;
  548. margin-left:16px;
  549. border-top:1px solid #000;
  550. border-bottom:1px solid #000;
  551. text-align:center;
  552. text-transform:lowercase;
  553. z-index:999999999999999999;
  554. font-family:caviar;
  555. color:#000;
  556. font-size:14px;
  557. line-height:15px;
  558. opacity:0;
  559. -o-transition-transition: all 0.4s linear;
  560. -webkit-transition: all 0.4s linear;
  561. -moz-transition: all 0.4s linear;
  562. }
  563.  
  564. #sidebar:hover #desc{
  565. opacity:1;
  566. }
  567.  
  568. #about{
  569. position:fixed !important;
  570. width:176px;
  571. padding:30px;
  572. padding-top:10px;
  573. background:transparent;
  574. height:20px;
  575. margin-top:40px;
  576. margin-left:10px;
  577. text-align:center;
  578. z-index:999999999999999999;
  579. font-family:jane;
  580. color:#000;
  581. font-size:30px;
  582. line-height:15px;
  583. opacity:0;
  584. -o-transition-transition: all 0.4s linear;
  585. -webkit-transition: all 0.4s linear;
  586. -moz-transition: all 0.4s linear;
  587. }
  588.  
  589. #sidebar:hover #about{
  590. opacity:1;
  591. }
  592.  
  593. #nav{
  594. position:fixed !important;
  595. width:209px;
  596. padding:20px;
  597. padding-top:10px;
  598. background:transparent;
  599. border-bottom:1px solid #000;
  600. height:0px;
  601. margin-top:145px;
  602. margin-left:14px;
  603. text-align:center;
  604. z-index:999999999999999999;
  605. font-family:jane;
  606. color:#000;
  607. font-size:30px;
  608. line-height:15px;
  609. opacity:0;
  610. -o-transition-transition: all 0.4s linear;
  611. -webkit-transition: all 0.4s linear;
  612. -moz-transition: all 0.4s linear;
  613. }
  614.  
  615. #sidebar:hover #nav{
  616. opacity:1;
  617. }
  618.  
  619. #box{
  620. position:fixed !important;
  621. width:150px;
  622. padding:50px;
  623. padding-top:10px;
  624. background:white;
  625. height:300px;
  626. margin-top:15px;
  627. margin-left:12px;
  628. text-align:center;
  629. z-index:5;
  630. font-family:pewp;
  631. color:#000;
  632. font-size:14px;
  633. line-height:15px;
  634. border: 2px solid #ccc;
  635. opacity:0;
  636. overflow-x:hidden;
  637. -o-transition-transition: all 0.4s linear;
  638. -webkit-transition: all 0.4s linear;
  639. -moz-transition: all 0.4s linear;
  640. box-shadow: 1px 1px 3px #aaa;
  641. border-right:2px solid #ccc;
  642. border-left:2px solid #ccc;
  643. }
  644.  
  645. #sidebar:hover #box{
  646. opacity:1;
  647. }
  648.  
  649.  
  650. #stats{
  651. position:fixed !important;
  652. width:229px;
  653. padding:10px;
  654. padding-top:10px;
  655. background:transparent;
  656. height:15px;
  657. margin-top:260px;
  658. margin-left:14px;
  659. text-align:center;
  660. z-index:5;
  661. font-family:jane;
  662. color:#000;
  663. font-size:34px;
  664. line-height:34px;
  665. border-top: 1px solid #000;
  666. opacity:0;
  667. letter-spacing: 2px;
  668. -o-transition-transition: all 0.4s linear;
  669. -webkit-transition: all 0.4s linear;
  670. -moz-transition: all 0.4s linear;
  671. }
  672.  
  673. #sidebar:hover #stats{
  674. opacity:1;
  675. }
  676.  
  677. #statstext{
  678. position:fixed !important;
  679. width:185px;
  680. padding:30px;
  681. padding-top:10px;
  682. background:transparent;
  683. height:20px;
  684. margin-top:305px;
  685. margin-left:17px;
  686. border-top:1px solid #000;
  687. text-align:center;
  688. z-index:999999999999999999;
  689. font-family:caviar;
  690. color:#000;
  691. font-size:14px;
  692. line-height:15px;
  693. opacity:0;
  694. -o-transition-transition: all 0.4s linear;
  695. -webkit-transition: all 0.4s linear;
  696. -moz-transition: all 0.4s linear;
  697. }
  698.  
  699. #sidebar:hover #statstext{
  700. opacity:1;
  701. }
  702.  
  703.  
  704. #link1{
  705. position:fixed !important;
  706. width:56px;
  707. padding:10px;
  708. padding-top:10px;
  709. background:white;
  710. height:5px;
  711. margin-top:185px;
  712. margin-left:45px;
  713. text-align:center;
  714. z-index:5;
  715. font-family:sueellen;
  716. color:#000;
  717. text-transform:uppercase;
  718. font-size:12px;
  719. line-height:8px;
  720. border: 2px solid #ccc;
  721. opacity:0;
  722. letter-spacing: 2px;
  723. -o-transition-transition: all 0.4s linear;
  724. -webkit-transition: all 0.4s linear;
  725. -moz-transition: all 0.4s linear;
  726. border-right:2px solid #ccc;
  727. border-left:2px solid #ccc;
  728. }
  729.  
  730. #sidebar:hover #link1{
  731. opacity:1;
  732. }
  733.  
  734. #link2{
  735. position:fixed !important;
  736. width:56px;
  737. padding:10px;
  738. padding-top:10px;
  739. background:white;
  740. height:5px;
  741. margin-top:185px;
  742. margin-left:145px;
  743. text-align:center;
  744. z-index:5;
  745. font-family:sueellen;
  746. text-transform:uppercase;
  747. color:#000;
  748. font-size:12px;
  749. line-height:8px;
  750. border: 2px solid #ccc;
  751. opacity:0;
  752. letter-spacing: 2px;
  753. -o-transition-transition: all 0.4s linear;
  754. -webkit-transition: all 0.4s linear;
  755. -moz-transition: all 0.4s linear;
  756. border-right:2px solid #ccc;
  757. border-left:2px solid #ccc;
  758. }
  759.  
  760. #sidebar:hover #link2{
  761. opacity:1;
  762. }
  763.  
  764. #link3{
  765. position:fixed !important;
  766. width:56px;
  767. padding:10px;
  768. padding-top:10px;
  769. background:white;
  770. height:5px;
  771. margin-top:220px;
  772. margin-left:45px;
  773. text-align:center;
  774. z-index:5;
  775. text-transform:uppercase;
  776. font-family:sueellen;
  777. color:#000;
  778. font-size:12px;
  779. line-height:8px;
  780. border: 2px solid #ccc;
  781. opacity:0;
  782. letter-spacing: 2px;
  783. -o-transition-transition: all 0.4s linear;
  784. -webkit-transition: all 0.4s linear;
  785. -moz-transition: all 0.4s linear;
  786. border-right:2px solid #ccc;
  787. border-left:2px solid #ccc;
  788. }
  789.  
  790. #sidebar:hover #link3{
  791. opacity:1;
  792. }
  793.  
  794. @font-face { font-family: "sueellen"; src: url('http://themes.googleusercontent.com/static/fonts/sueellenfrancisco/v2/TwHX4vSxMUnJUdEz1JIgrrtXaZAN_aGv07JTA91X2HI.woff'); }
  795.  
  796. @font-face { font-family: "handy"; src: url('http://static.tumblr.com/yqxw8ss/qOClwq07v/handy00.ttf'); }
  797.  
  798. #link4{
  799. position:fixed !important;
  800. width:56px;
  801. padding:10px;
  802. padding-top:10px;
  803. background:white;
  804. height:5px;
  805. margin-top:220px;
  806. margin-left:145px;
  807. text-align:center;
  808. z-index:5;
  809. font-family:sueellen;
  810. text-transform:uppercase;
  811. color:#000;
  812. font-size:12px;
  813. line-height:8px;
  814. border: 2px solid #ccc;
  815. opacity:0;
  816. letter-spacing: 2px;
  817. -o-transition-transition: all 0.4s linear;
  818. -webkit-transition: all 0.4s linear;
  819. -moz-transition: all 0.4s linear;
  820. border-right:2px solid #ccc;
  821. border-left:2px solid #ccc;
  822. }
  823.  
  824. #sidebar:hover #link4{
  825. opacity:1;
  826. }
  827.  
  828. @font-face { font-family: "fineliner"; src: url('http://static.tumblr.com/q54tzar/JcYm21fwu/fineliner_script_1_.otf'); }
  829.  
  830. askk{
  831. font-family: fineliner;
  832. font-size: 20px;
  833. text-transform:normal;
  834. text-align:left;
  835. letter-spacing: 1px;
  836. line height:15px;
  837. color: {color:link};
  838. z-index: 1;
  839. text-shadow: 0px 0px 1px #000;
  840. }
  841.  
  842.  
  843. /*CUSTOMIZE TITLE OF ENTRIES HERE*/
  844. .title{
  845. font-family:cutiepop;
  846. font-size: 25px;
  847. line-height: 29px;
  848. color:{color:title};
  849. text-shadow:0px 0px 6px #000;
  850. font-weight: normal;
  851. }
  852.  
  853. @font-face { font-family: "cutiepop"; src: url('http://static.tumblr.com/q54tzar/Gs7m21f91/cutiepop_1_.ttf'); }
  854.  
  855.  
  856. /*CUSTOMIZE PERMALINKS OF TEXT POSTS AND SUCH HERE*/
  857. .permalink a { color:#000; }
  858.  
  859. .entry .permalink {
  860. text-align:right;
  861. opacity:0;
  862. text-transform:uppercase;
  863. margin-bottom:0px;
  864. font-family:calibri;
  865. font-size:10px;
  866. color:#000000;
  867. margin-right:-20px;
  868. -webkit-transition: all 0.5s ease-out;
  869. -moz-transition: all 0.5s ease-out;
  870. transition: all 0.5s ease-out;}
  871.  
  872. .entry:hover .permalink {
  873. margin-right:5px;
  874. opacity:1;
  875. -webkit-transition: all 0.5s ease-out;
  876. -moz-transition: all 0.5s ease-out;
  877. transition: all 0.5s ease-out;
  878. }
  879.  
  880.  
  881. /*I RECCOMMEND TO NOT TOUCH ANY OF THIS LOLz*/
  882. #infscr-loading{
  883. bottom: -70px;
  884. position: absolute;
  885. left: 50%;
  886. margin-left:-8px;
  887. width:16px;
  888. height:11px;
  889. overflow:hidden;
  890. margin-bottom: 50px;
  891. }
  892.  
  893. #postnotes{
  894. text-align: justify;}
  895.  
  896. #postnotes blockquote{
  897. border: 0px;}
  898.  
  899. blockquote{
  900. padding:0px 0px 2px 5px;
  901. margin:0px 0px 2px 10px;
  902. border-left: 1px dotted #555555;
  903. }
  904.  
  905. blockquote p, ul{
  906. margin:0px;
  907. padding:0px;
  908. }
  909.  
  910. a img{border: 0px;}
  911.  
  912.  
  913. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  914.  
  915. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  916. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  917.  
  918. .notes img{width:10px; position:relative; top:3px;}
  919. <--ses-->
  920. small{font-size: 90%;}
  921.  
  922. {CustomCSS}
  923.  
  924. </style>
  925.  
  926. {block:IndexPage}
  927. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  928. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  929.  
  930. <script type="text/javascript">
  931. $(window).load(function(){
  932. var $wall = $('#posts');
  933. $wall.imagesLoaded(function(){
  934. $wall.masonry({
  935. itemSelector: '.entry, .entry_photo',
  936. isAnimated : false
  937. });
  938. });
  939.  
  940. $wall.infinitescroll({
  941. navSelector : '#pagination',
  942. nextSelector : '#pagination a',
  943. itemSelector : '.entry, .entry_photo',
  944. bufferPx : 2000,
  945. debug : false,
  946. errorCallback: function() {
  947. $('#infscr-loading').fadeOut('normal');
  948. }},
  949. function( newElements ) {
  950. var $newElems = $( newElements );
  951. $newElems.hide();
  952. $newElems.imagesLoaded(function(){
  953. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  954. });
  955. }); $('#posts').show(500);
  956. });
  957. </script>
  958.  
  959. {/block:IndexPage}
  960.  
  961.  
  962. <title>{title}</title>
  963.  
  964. <link rel="shortcut icon" href="{Favicon}" />
  965. <meta name="viewport" content="width=820" />
  966. </head>
  967.  
  968. <body onkeydown="return false">
  969. <BODY onselectstart="return false;" ondragstart="return false;">
  970. <div class="wrapper">
  971. <div class="header">
  972. </div>
  973.  
  974. <div id="cage">
  975. <div id="center">
  976.  
  977. <!--STUFF THAT GOES INTO THE SIDEBAR-->
  978. <div id="sidebar">
  979. <div class="phineas">{text:blogtitle}</div>
  980. <div class="phineas2">{text:blogtitle2}</div>
  981. <div class="linkbar"></div>
  982. <div id="desc">{description}</div>
  983. <div id="about">{text:about}</div>
  984. <div id="nav">{text:nav}</div>
  985. <div id="statstext">{text:statstext}</div>
  986. <div id="box"></div>
  987. <div id="bar5"></div>
  988. <div id="bar6"></div>
  989. <div id="quote">{text:quote}</div>
  990. <div id="quote2"></div>
  991. <div id="stats">{text:stats}</div>
  992. <div id="link1"><a href="{text:link one}">{text:linkonetext}</a></div>
  993.  
  994. <div id="link2"><a href="{text:link two}">{text:linktwotext}</a></div>
  995.  
  996. <div id="link3"><a href="{text:link three}">{text:linkthreetext}</a></div>
  997.  
  998. <div id="link4"><a href="{text:link four}">{text:linkfourtext}</a></div>
  999.  
  1000. <center>
  1001. <a href="/"><div id="sidebarpic"><a href="/"><img src="{image:sidebar}" width=100%></a>
  1002. </center>
  1003.  
  1004. </div>
  1005.  
  1006.  
  1007.  
  1008.  
  1009. <!------------------------------------->
  1010.  
  1011.  
  1012. <div class="left">
  1013. <div id="bar"></div>
  1014. <div id="bar2"></div>
  1015. <div id="posts">
  1016. {block:Posts}
  1017. <div class="entry">
  1018.  
  1019. {block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="body">{Body}</span><p align=right><span class="permalink"><a
  1020.  
  1021. href="{Permalink}"><a href="{Permalink}"><a href="{Permalink}">{timeago} &middot {notecountwithlabel}&nbsp</a></a><br>{/block:HasTags}</span></align>
  1022. {/block:Text}
  1023.  
  1024. {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description} <p align=right><span
  1025.  
  1026. class="permalink"><a href="{Permalink}">{timeago} &middot {notecountwithlabel}&nbsp</a> <a href="{Permalink}"></span></align>{block:Link}</a>
  1027.  
  1028. {block:Photo}
  1029. {block:IndexPage}
  1030. <center>
  1031. <div class="perma">
  1032. <a href="{ReblogURL}" target="_blank"> reblog </a>&middot <a href="{Permalink}">{notecountwithlabel}</a></div>
  1033.  
  1034. <div class="perma2">
  1035. <a href="{permalink}">posted {Date} {timeago}</a>
  1036. </div>
  1037.  
  1038. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  1039. {/block:IndexPage}
  1040. {block:PermalinkPage}
  1041. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  1042.  
  1043. {LinkCloseTag}
  1044. {/block:PermalinkPage}
  1045. {/block:Photo}
  1046.  
  1047. {block:Photoset}
  1048. {block:IndexPage}
  1049. <center>
  1050.  
  1051. <div class="perma">
  1052. <a href="{ReblogURL}" target="_blank"> reblog </a>&middot <a href="{Permalink}">{notecountwithlabel}</a></div>
  1053.  
  1054. <div class="perma2">
  1055. <a href="{permalink}">posted {Date} {timeago}</a>
  1056. </div>
  1057.  
  1058. {Photoset-250}</center>
  1059. {/block:IndexPage}
  1060. {block:PermalinkPage}
  1061. <center>
  1062. {Photoset-500}</center>
  1063. {/block:PermalinkPage}
  1064. {/block:Photoset}
  1065.  
  1066. {block:Quote}<span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}<br><p align=right><span class="permalink"><a
  1067.  
  1068. href="{Permalink}">{timeago} &middot {notecountwithlabel}&nbsp</a> <a href="{Permalink}"> </span>{/block:Quote}
  1069.  
  1070. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  1071. <ul class="chat">
  1072. {block:Lines}
  1073. <li class="user_{UserNumber}">
  1074. {block:Label}
  1075. <span class="label">{Label}</span>
  1076. {/block:Label}
  1077.  
  1078. {Line}
  1079. </li>
  1080. {/block:Lines}
  1081. <div class="permalink"><p align=right><a href="{Permalink}">{timeago} &middot {notecountwithlabel}&nbsp</a></div> <a href="{Permalink}"></span>
  1082. {/block:Chat}
  1083.  
  1084. {block:Audio}
  1085. <div style="width:200px; height:30px;">
  1086. {AudioPlayerWhite}
  1087. </div>
  1088. {block:IndexPage}<span class="permalink">
  1089. <div class="permalink"><p align=right><a href="{Permalink}">{timeago} &middot {notecountwithlabel}&nbsp</a></span></div>{/block:IndexPage}
  1090. {/block:Audio}
  1091.  
  1092. {block:Video}
  1093. {block:IndexPage}
  1094. <center>
  1095. <div class="perma">
  1096. <a href="{ReblogURL}" target="_blank"> reblog </a>&middot <a href="{Permalink}">{notecountwithlabel}</a></div>
  1097. {Video-250}</center>
  1098. {/block:IndexPage}
  1099. {block:PermalinkPage}
  1100. <center>
  1101. {Video-400}</center>
  1102. {/block:PermalinkPage}
  1103. {block:Video}
  1104.  
  1105. {block:Answer}
  1106. <div style="margin: 2px 3px 2px 3px; min-height:30px;border: 1px solid #dbdbdb; padding: 4px; background-color: #eee;">
  1107. <img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-right:3px;"/>
  1108. <askk>{Asker}</askk>: {Question}</div>
  1109. <div style="padding: -1px 5px -1px 5px;background: transparent;"><center>{Answer}</center><askk><p align="right"><big>-{text:name}</big></p></askk></div>
  1110. <span class="permalink"><a href="{Permalink}">{NoteCountWithLabel}&nbsp</a></span>
  1111. {/block:Answer}
  1112.  
  1113.  
  1114. {block:PostNotes}<div align="middle">{caption}</div>
  1115. <center>
  1116.  
  1117. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  1118.  
  1119. {block:HasTags}
  1120. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  1121. {block:RebloggedFrom}
  1122. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  1123. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  1124.  
  1125. {/block:RebloggedFrom}
  1126. </center></span>
  1127. <br>
  1128. <div id="postnotes">{PostNotes}</div><br>
  1129.  
  1130. <center>{block:ContentSource}
  1131. <br><a href="{SourceURL}">
  1132. {lang:Source}:
  1133. {block:SourceLogo}
  1134. <img src="{BlackLogoURL}" width="{LogoWidth}"
  1135. height="{LogoHeight}" alt="{SourceTitle}" />
  1136. {/block:SourceLogo}
  1137. {block:NoSourceLogo}
  1138. {SourceLink}
  1139. {/block:NoSourceLogo}
  1140. </a>
  1141. {/block:ContentSource}</center>
  1142.  
  1143. {/block:PostNotes}
  1144. </div>
  1145. {/block:Posts}
  1146. </div></div>
  1147.  
  1148. {block:IndexPage}
  1149. {block:Pagination}
  1150. <div id="pagination">
  1151. {block:NextPage}
  1152. <a id="nextPage" href="{NextPage}"></a>
  1153. {/block:NextPage}
  1154. {block:PreviousPage}
  1155. <a href="{PreviousPage}"></a>
  1156. {/block:PreviousPage}
  1157. </div>
  1158. {/block:Pagination}
  1159. {/block:IndexPage}
  1160. </body>
  1161.  
  1162. <div id="03" class="popup_block">
  1163.  
  1164. Or you can put your updates here <br>
  1165. I'm currently online! <br>
  1166. Follow my BOTW for a promo!<br>
  1167. Use <br> to make a new line & <p> for a new paragraph !
  1168.  
  1169.  
  1170.  
  1171. </div></div></div></div></div></div></div></div></div></div>
  1172.  
  1173. </html>
  1174. <div class="duck"><center><a href="http://preachlarcel.tumblr.com/"title="Theme by Preachlarcel"><img src="http://media.tumblr.com/tumblr_lkl5s8Ay6F1qfamg6.gif" width=14/></a></center></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement