Beautifully-Flawless

Theme 57: Hana

Oct 24th, 2013
568
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.00 KB | None | 0 0
  1. <!----
  2. THEME 56: Hana
  3. By:Beautifully Flawless
  4. PLEASE KEEP ALL CREDITS! THANK YOU!
  5. PLEASE KEEP ALL CREDITS! THANK YOU!
  6. PLEASE KEEP ALL CREDITS! THANK YOU!
  7. ENJOY:D
  8. ----->
  9.  
  10. <head>
  11. <script type="text/javascript"
  12. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  13. <script>
  14. $(document).ready(function() {
  15. //
  16. $('a.poplight[href^=#]').click(function() {
  17. var popID = $(this).attr('rel'); //Get Popup Name
  18. var popURL = $(this).attr('href'); //Get Popup href to define size
  19. var query= popURL.split('?');
  20. var dim= query[1].split('&');
  21. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  22. $('#' + 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>');
  23. var popMargTop = ($('#' + popID).height() + 80) / 2;
  24. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  25. //Apply Margin to Popup
  26. $('#' + popID).css({
  27. 'margin-top' : -popMargTop,
  28. 'margin-left' : -popMargLeft
  29. });
  30. $('body').append('<div id="fade"></div>');
  31. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  32. return false;
  33. });
  34. $('a.close, #fade').live('click', function() {
  35. $('#fade , .popup_block').fadeOut(function() {
  36. $('#fade, a.close').remove(); //fade them both out
  37. });
  38. return false;
  39. });
  40. });
  41. </script>
  42.  
  43. <script type="text/javascript">
  44. // <![CDATA[
  45. // all colours must be in format '#NNNNNN', not 'red' or 'rgb(7,8,9)'
  46. var fgcolour="{color:Banner Wipe FG}"; // foreground colour
  47. var hlcolour="{color:Banner Wipe HL}"; // highlight colour
  48. var bgcolour="{color:Banner Wipe BG}"; // background colour
  49. var glcolour="{color:Banner Wipe GL}"; // colour of glow around letters
  50. var speed=66; // speed colours change, 1 second = 1000
  51. var delay=50; // how long to wait between wipes
  52. var alink="http://www.mf2fm.com/rv"; // page to link text to (set to ="" for no link)
  53.  
  54.  
  55. /****************************
  56. *Multi-Wipe Neon Text Effect*
  57. *(c)2003-12 mf2fm web-design*
  58. * http://www.mf2fm.com/rv *
  59. * DON'T EDIT BELOW THIS BOX *
  60. ****************************/
  61. var w_txt, w_txl;
  62. var w_flp=bgcolour;
  63. var w_sty=Math.floor(Math.random()*8);
  64. var w_cnt=-1;
  65. var wipes=new Array();
  66. var wrand=new Array();
  67. window.onload=function() { if (document.getElementById) {
  68. var i, wiper, wipei;
  69. wiper=document.getElementById("wipe");
  70. w_txt=wiper.firstChild.nodeValue;
  71. w_txl=w_txt.length;
  72. while (wiper.childNodes.length) wiper.removeChild(wiper.childNodes[0]);
  73. for (i=0; i<w_txl; i++) {
  74. wipei=document.createElement("span");
  75. wipei.appendChild(document.createTextNode(w_txt.charAt(i)));
  76. wipes[i]=wipei.style;
  77. wipes[i].textShadow=glcolour+" 0px 0px 5px";
  78. wipes[i].color=fgcolour;
  79. wiper.appendChild(wipei);
  80. }
  81. if (alink) {
  82. wiper.style.cursor="pointer";
  83. wiper.onclick=function() { top.location.href=alink; }
  84. }
  85. for (i=0; i<w_txl; i++) wrand[i]=i;
  86. wiper=setInterval("randwipe()", speed);
  87. }}
  88.  
  89. function c(i, shade) {
  90. if (shade==bgcolour) wipes[i].textShadow="none";
  91. else wipes[i].textShadow=glcolour+" 0px 0px 5px";
  92. wipes[i].color=shade;
  93. }
  94.  
  95. function randwipe() {
  96. var w_old;
  97. if (w_cnt++<w_txl+2+delay*(w_flp==fgcolour)) eval("wipe"+w_sty+"();");
  98. else {
  99. w_cnt=-1;
  100. w_flp=(w_flp==fgcolour)?bgcolour:fgcolour;
  101. w_old=w_sty;
  102. while (w_old==w_sty) w_sty=Math.floor(Math.random()*9);
  103. }
  104. }
  105.  
  106. function dechex(dec) { return ((dec<16)?"0":"")+dec.toString(16); }
  107.  
  108. function wipe0() { // full curtains
  109. var half=Math.floor(w_txl/2);
  110. if (w_cnt<w_txl) {
  111. c(w_cnt, (w_cnt<half)?hlcolour:w_flp);
  112. c(w_txl-w_cnt-1, (w_cnt<half)?hlcolour:w_flp);
  113. }
  114. }
  115.  
  116. function wipe1() { // random
  117. var i, rand, temp;
  118. if (w_cnt==0) {
  119. for (i=0; i<w_txl; i++) {
  120. rand=Math.floor(Math.random()*w_txl);
  121. temp=wrand[i];
  122. wrand[i]=wrand[rand];
  123. wrand[rand]=temp;
  124. }
  125. }
  126. if (w_cnt<w_txl) c(wrand[w_cnt], hlcolour);
  127. if (w_cnt>0 && w_cnt<w_txl+1) c(wrand[w_cnt-1], w_flp);
  128. }
  129.  
  130. function wipe2() { // forwards
  131. if (w_cnt<w_txl) c(w_cnt, hlcolour);
  132. if (w_cnt>0 && w_cnt<w_txl+1) c(w_cnt-1, w_flp);
  133. }
  134.  
  135. function wipe3() { // backwards
  136. if (w_cnt<w_txl) c(w_txl-(w_cnt+1), hlcolour);
  137. if (w_cnt>0 && w_cnt<w_txl+1) c(w_txl-w_cnt, w_flp);
  138. }
  139.  
  140. function wipe4() { // searchlight
  141. if (w_cnt<w_txl) c(w_cnt, hlcolour);
  142. if (w_cnt>0 && w_cnt<w_txl+1) c(w_cnt-1, w_flp);
  143. if (w_cnt>1 && w_cnt<w_txl+2) c(w_cnt-2, hlcolour);
  144. if (w_cnt>2 && w_cnt<w_txl+3) c(w_cnt-3, (w_flp==fgcolour)?bgcolour:fgcolour);
  145. if (w_cnt==w_txl+2) w_flp=(w_flp==fgcolour)?bgcolour:fgcolour;
  146. }
  147.  
  148. function wipe5() { // fade
  149. var i;
  150. if (w_cnt<w_txl+3) {
  151. var start=(w_flp==fgcolour)?bgcolour:fgcolour;
  152. var temp="#";
  153. for (i=1; i<6; i+=2) {
  154. var hex1=parseInt(start.substring(i,i+2),16);
  155. var hex2=parseInt(w_flp.substring(i,i+2),16);
  156. temp+=dechex(Math.floor(hex1+(hex2-hex1)*(w_cnt/(w_txl+2))));
  157. }
  158. for (i=0; i<w_txl; i++) c(i, temp);
  159. }
  160. }
  161.  
  162. function wipe6() { // flash
  163. var i;
  164. if (w_cnt<6*Math.floor(w_txl/6)+3) {
  165. if (w_cnt%6==0 || w_cnt%6==3) for (i=0; i<w_txl; i++) c(i, hlcolour);
  166. else if (w_cnt%6==1) for (i=0; i<w_txl; i++) c(i, w_flp);
  167. else if (w_cnt%6==4) for (i=0; i<w_txl; i++) c(i, (w_flp==fgcolour)?bgcolour:fgcolour);
  168. }
  169. }
  170.  
  171. function wipe7() { // checkerboard
  172. var qtr=Math.floor(w_txl/4);
  173. if (w_cnt<qtr) {
  174. c(w_cnt, hlcolour);
  175. c(w_cnt+2*qtr, hlcolour);
  176. }
  177. else if (w_cnt<2*qtr) {
  178. c(w_cnt-qtr, w_flp);
  179. c(w_cnt+qtr, w_flp);
  180. }
  181. else if (w_cnt<3*qtr) {
  182. c(w_cnt-qtr, hlcolour);
  183. c(w_cnt+qtr, hlcolour);
  184. }
  185. else if (w_cnt<w_txl) {
  186. c(w_cnt-2*qtr, w_flp);
  187. c(w_cnt, w_flp);
  188. }
  189. }
  190.  
  191. function wipe8() { // half curtains
  192. var half=Math.floor(w_txl/2);
  193. if (w_cnt<half) {
  194. c(w_cnt, hlcolour);
  195. c(w_txl-w_cnt-1, hlcolour);
  196. }
  197. else if (w_cnt<w_txl) {
  198. c(w_cnt-half, w_flp);
  199. c(w_txl+half-w_cnt-1, w_flp);
  200. }
  201. }
  202. // ]]>
  203. </script>
  204.  
  205.  
  206.  
  207.  
  208. <script type="text/javascript">
  209. $(window).load(function () {
  210. var $content = $('#posts');
  211. $content.masonry({itemSelector: '.entry'}),
  212. $content.infinitescroll({
  213. navSelector : 'div#pagination',
  214. nextSelector : 'div#pagination a#nextPage',
  215. itemSelector : '.entry',
  216. loading: {
  217. finishedMsg: '',
  218. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  219. },
  220. bufferPx : 600,
  221. debug : false,
  222. },
  223. // call masonry as a callback.
  224. function( newElements ) {
  225. var $newElems = $( newElements );
  226. $newElems.hide();
  227. // ensure that images load before adding to masonry layout
  228. $newElems.imagesLoaded(function(){
  229. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  230.  
  231.  
  232. });
  233. });
  234. });
  235. </script>
  236. <script type="text/javascript"
  237. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  238.  
  239. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  240.  
  241. <!--Variables-->
  242. <meta name="color:PopUp Fade BG" content="#fff" />
  243. <meta name="color:PopUp Box BG" content="#fff" />
  244. <meta name="color:PopUp Box Text" content="#000" />
  245. <meta name="color:PopUp Box Border" content="#eee" />
  246. <meta name="color:PopUp Box Shadow" content="#ddd" />
  247. <meta name="color:Scrollbar BG" content="#FAF7F2" />
  248. <meta name="color:Background" content="#fff" />
  249. <meta name="color:Text" content="#000" />
  250. <meta name="color:Link" content="#666" />
  251. <meta name="color:Link Hover" content="#888" />
  252. <meta name="color:Link Hover Shadow" content="#888" />
  253. <meta name="color:Posts BG" content="#fff" />
  254. <meta name="color:Posts Border" content="#ddd" />
  255. <meta name="color:Permalink Text" content="#888" />
  256. <meta name="color:Permalink BG" content="#fff" />
  257. <meta name="color:Permalink Border" content="#888" />
  258. <meta name="color:Permalink 2 Top Border" content="#ddd" />
  259. <meta name="color:Posts Header" content="#999" />
  260. <meta name="color:Asker Border" content="#ddd" />
  261. <meta name="color:Asker Title" content="#888" />
  262. <meta name="color:Sidebar BG" content="#fff" />
  263. <meta name="color:Sidebar Border" content="#ddd" />
  264. <meta name="color:Links Bar BG" content="#fff" />
  265. <meta name="color:Navigation Links" content="#888" />
  266. <meta name="color:Links Bar Shadow" content="#fff" />
  267. <meta name="color:Header" content="#888" />
  268. <meta name="color:Banner" content="#888" />
  269. <meta name="color:Banner Wipe FG" content="#797979" />
  270. <meta name="color:Banner Wipe BG" content="#999999" />
  271. <meta name="color:Banner Wipe GL" content="#777777" />
  272. <meta name="color:Banner Wipe HL" content="#888888" />
  273. <meta name="color:Small Header" content="#999" />
  274. <meta name="color:Stats" content="#888" />
  275. <meta name="color:Music BG" content="#fff" />
  276. <meta name="color:Music Border" content="#ddd" />
  277. <meta name="color:Music Shadow" content="#fff" />
  278. <meta name="color:PopUp Header" content="#888" />
  279. <meta name="color:Ask Box Label" content="#888" />
  280. <meta name="color:Faves Border" content="#888" />
  281.  
  282. <meta name="image:Sidebar" content="http://static.tumblr.com/zruguhm/ug1mjaket/klaus-tvd-062.jpg" />
  283.  
  284. <meta name="image:Fav 1" content="http://i42.tinypic.com/fk2o3r.png"/>
  285. <meta name="image:Fav 2" content="http://i40.tinypic.com/33xtz7r.png"/>
  286. <meta name="image:Fav 3" content="http://i43.tinypic.com/2nsqr7p.png"/>
  287. <meta name="image:Fav 4" content="http://i44.tinypic.com/121vot5.png"/>
  288. <meta name="image:Fav 5" content="http://i41.tinypic.com/r0sew6.png"/>
  289.  
  290. <meta name="text:Fav 1 URL" content=""/>
  291. <meta name="text:Fav 2 URL" content=""/>
  292. <meta name="text:Fav 3 URL" content=""/>
  293. <meta name="text:Fav 4 URL" content=""/>
  294. <meta name="text:Fav 5 URL" content=""/>
  295.  
  296. <meta name="text:Fav 1" content="BLOG NAME"/>
  297. <meta name="text:Fav 2" content="BLOG NAME"/>
  298. <meta name="text:Fav 3" content="BLOG NAME"/>
  299. <meta name="text:Fav 4" content="BLOG NAME"/>
  300. <meta name="text:Fav 5" content="BLOG NAME"/>
  301.  
  302. <meta name="text:Stat 1" content="INSERT STAT HERE" />
  303. <meta name="text:Stat 2" content="INSERT STAT HERE" />
  304. <meta name="text:Stat 3" content="INSERT STAT HERE" />
  305.  
  306. <meta name="text:Music URL" content="" />
  307. <meta name="text:Small Title" content="exclusively on tumblr" />
  308. <meta name="text:AskBlogURL" content="beautifullyflawless-themes"/>
  309.  
  310. <!--Variables-->
  311.  
  312.  
  313. <link href='http://fonts.googleapis.com/css?family=Julius+Sans+One' rel='stylesheet'type='text/css'>
  314.  
  315. <style type="text/css">
  316. #fade { /*--Transparent background layer--*/
  317. display: none; /*--hidden by default--*/
  318. background-color:{color:PopUp Fade BG};
  319. position: fixed; left: 0; top: 0;
  320. width: 100%; height: 100%;
  321. opacity:.6;
  322. z-index: 9999;
  323. }
  324. .popup_block{
  325. display: none; /*--hidden by default--*/
  326. background:{color:PopUp Fade BG};
  327. color:{color:PopUp Box Text};
  328. padding: 10px;
  329. border: 6px double{color:PopUp Box Border};
  330. float: left;
  331. font-size:8px;
  332. position:fixed;
  333. top:55%;
  334. left:50%;
  335. z-index: 999999999999;
  336. box-shadow:0px 0px 15px {color:PopUp Box Shadow};
  337. }
  338.  
  339. img.btn_close {
  340. float: right;
  341. margin: -20 -20px 0 0;
  342. }
  343. /*--Making IE6 Understand Fixed Positioning--*/
  344. *html #fade {
  345. position: absolute;
  346. }
  347. *html .popup_block {
  348. position: absolute;
  349. }
  350.  
  351.  
  352.  
  353. @font-face { font-family: "tinytots"; src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf'); }
  354.  
  355. @font-face {font-family: "Tall Films"; src: url('http://static.tumblr.com/w1f0ilq/4m9lyy51c/tall_film.ttf');}
  356.  
  357. @font-face { font-family:"arsenale"; src: url('http://static.tumblr.com/emvmfcr/fVPlulq0f/arsenale_white.ttf'); }
  358.  
  359. @font-face { font-family: "bebas neue"; src: url('http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf'); }
  360.  
  361. @font-face { font-family: "scriptin"; src: url('http://static.tumblr.com/gdh5wux/9Ctmesmvd/scriptin.ttf'); }
  362.  
  363. @font-face { font-family: "edwardian"; src: url('http://static.tumblr.com/oetadgc/sUtm6d6kz/ufonts.com_edwardian-script-itc-2.ttf'); }
  364.  
  365. @font-face { font-family: "stars"; src: url('http://static.tumblr.com/hcfbjje/sfRlpm8t0/starsfromoureyes.ttf'); }
  366.  
  367. @font-face { font-family: "Espacio"; src: url('http://static.tumblr.com/gdh5wux/cPLmoz1ma/espacio.ttf'); }
  368.  
  369.  
  370. ::-webkit-scrollbar {width: 9px; height: 4px; background: {color:Scrollbar BG};}
  371. ::-webkit-scrollbar-thumb { background-color:#4a+; -webkit-box-shadow: inset 0 0 6px #000; -webkit-border-radius: 10px;border-radius: 10px;}
  372.  
  373. #tumblr_controls{
  374. position:fixed !important;
  375. }
  376.  
  377. body {
  378. margin: 0px;
  379. background-color:{color:Background};
  380. background-image:url('http://static.tumblr.com/gdh5wux/J1omj7abs/tumblr_mb1ai5xa9w1qka7zl.jpg');
  381. background-attachment: fixed;
  382. background-repeat: repeat;
  383. background-position: center;
  384. }
  385.  
  386. body, div, p, textarea, submit, input {
  387. font-family:"tinytots";
  388. font-size: 8px;
  389. line-height:12px;
  390. color:{color:Text};
  391. text-transform:uppercase;
  392. }
  393.  
  394. a:link, a:active, a:visited{
  395. color:{color:Link};
  396. text-decoration: none;
  397. -webkit-transition: color 0.4s ease-out;
  398. -moz-transition: color 0.4s ease-out;
  399. }
  400.  
  401. a:hover{
  402. color:{color:Link Hover};
  403. -webkit-transition: color 0.4s ease-out;
  404. -moz-transition: color 0.4s ease-out;
  405. text-shadow:0px 0px 1px {color:Link Hover Shadow};
  406. }
  407.  
  408. div#posts {
  409. width:780px;
  410. margin-left:480px;
  411. float:left;
  412. }
  413.  
  414. .entry {
  415. margin:3px;
  416. float:left;
  417. padding:3px;
  418. background-color:{color:Posts BG};
  419. border:3px solid {color:Posts Border};
  420. {block:IndexPage}
  421. width:350px;
  422. {/block:IndexPage}
  423. {block:PermalinkPage}
  424. width:600px;
  425. {/block:PermalinkPage}
  426. -webkit-transition: opacity 0.9s linear;
  427. -webkit-transition: all 0.9s ease-in-out;
  428. -moz-transition: all 0.9s ease-in-out;
  429. -o-transition: all 0.9s ease-in-out;
  430. }
  431.  
  432. .permalink a{
  433. color:{color:Permalink Text};
  434. }
  435.  
  436. .entry .permalink{
  437. position:absolute;
  438. background:{color:Permalink BG};
  439. top:10px;
  440. left:10px;
  441. width:auto;
  442. height:20px;
  443. padding:2px;
  444. opacity: 0.0;
  445. border-left:3px solid {color:Permalink Border};
  446. border-right:3px solid {color:Permalink Border};
  447. border-top:1px solid {color:Permalink Border};
  448. border-bottom:1px solid {color:Permalink Border};
  449. font-family:arial;
  450. font-size:7px;
  451. line-height:20px;
  452. letter-spacing:1px;
  453. text-align:left;
  454. text-transform:uppercase;
  455. -webkit-transition: all 0.4s linear;
  456. -moz-transition: all 0.4s linear;
  457. transition: all 0.4s linear;
  458. }
  459.  
  460.  
  461. .entry:hover .permalink{
  462. opacity:1;
  463. overflow:visible;
  464. -webkit-transition: all 0.4s linear;
  465. -webkit-transition: all 0.4s linear;
  466. -moz-transition: all 0.4s linear;
  467. transition: all 0.4s linear;
  468. }
  469.  
  470. #infoo{
  471. font-family:tinytots;
  472. color:{color:Permalink Text};
  473. font-size:8px;
  474. text-align:right;
  475. line-height:20px;
  476. margin-top:10px;
  477. border-top:1px dotted {color:Permalink 2 Top Border};
  478. }
  479.  
  480. #infscr-loading{
  481. bottom: -70px;
  482. position: absolute;
  483. left: 50%;
  484. margin-left:-8px;
  485. width:16px;
  486. height:11px;
  487. overflow:hidden;
  488. margin-bottom: 50px;
  489. }
  490.  
  491. .title{
  492. font-family:'Tall Films';
  493. text-transform:uppercase;
  494. font-size:40px;
  495. line-height:40px;
  496. color:{color:Posts Header};
  497. font-weight: normal;
  498. }
  499.  
  500. #asker{
  501. border:2px solid {color:Asker Border};
  502. margin:0px;
  503. margin-top:0px;
  504. overflow:auto;
  505. padding:7px;
  506. }
  507.  
  508. ask{
  509. color:#888;
  510. font-family:"arsenale";
  511. font-size:20px;
  512. line-height:20px;
  513. text-transform:none;
  514. }
  515.  
  516. .quote{
  517. font-family:'Julius Sans One';
  518. font-size:10px;
  519. color:{color:Asker Title};
  520. text-transform:none;
  521. line-height:10px;
  522. text-align:right;
  523. }
  524.  
  525. blockquote{
  526. padding:0px 0px 2px 5px;
  527. margin:0px 0px 2px 15px;
  528. border-left: 3px solid #ddd;
  529. }
  530.  
  531. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  532. .user_1 .label, .user_4 .label, .user_7 .label, .user_2 .label, .user_5 .label, .user_8 .label, .user_3 .label, .user_6 .label,
  533. .user_9 .label {color:{color:text};}
  534. .notes img{width:10px; position:relative; top:3px;}
  535.  
  536. #sidebar{
  537. position:fixed;
  538. background:{color:Sidebar BG};
  539. border:4px double {color:Sidebar Border};
  540. width:400px;
  541. height:260px;
  542. margin-left:40px;
  543. margin-top:50px;
  544. -webkit-transition: all 0.5s ease-in-out;
  545. -moz-transition: all 0.5s ease-in-out;
  546. -o-transition: all 0.5s ease-in-out;
  547. }
  548.  
  549. #sidebar img{
  550. width:100%;
  551. height:100%;
  552. }
  553.  
  554. #sidebar:hover #description{
  555. opacity:.8;
  556. -webkit-transition: all 0.5s ease-in-out;
  557. -moz-transition: all 0.5s ease-in-out;
  558. -o-transition: all 0.5s ease-in-out;
  559. }
  560.  
  561. #sidebar #links{
  562. position:absolute;
  563. background:{color:Links Bar BG};
  564. opacity:.8;
  565. width:400px;
  566. height:20px;
  567. margin-left:0px;
  568. margin-top:230px;
  569. z-index:9999;
  570. font-family:bebas neue;
  571. font-size:18px;
  572. line-height:20px;
  573. text-align:center;
  574. box-shadow:0px 0px 10px {color:Links Bar Shadow};
  575. -webkit-transition: all 0.5s ease-in-out;
  576. -moz-transition: all 0.5s ease-in-out;
  577. -o-transition: all 0.5s ease-in-out;
  578. }
  579.  
  580. #links a{
  581. color:{color:Navigation Links} !important;
  582. text-shadow:0px 0px 2px {color:Navigation Links};
  583. }
  584.  
  585. #description{
  586. position:absolute;
  587. background:{color:Sidebar BG};
  588. opacity:0;
  589. width:400px;
  590. height:260px;
  591. text-align:center;
  592. -webkit-transition: all 0.5s ease-in-out;
  593. -moz-transition: all 0.5s ease-in-out;
  594. -o-transition: all 0.5s ease-in-out;
  595. }
  596.  
  597. #header{
  598. font-family:'stars';
  599. font-size:20px;
  600. color:{color:Header};
  601. line-height:20px;
  602. text-shadow:0px 0px 3px {color:Header};
  603. text-transform:none;
  604. text-align:center;
  605. }
  606.  
  607. #banner{
  608. position:fixed;
  609. text-transform:none;
  610. font-family:'scriptin';
  611. font-size:60px;
  612. color:{color:Banner};
  613. text-shadow:0px 0px 20px {color:Banner};
  614. margin-left:30px;
  615. margin-top:380px;
  616. z-index:9999;
  617. }
  618.  
  619. #tinytitle{
  620. position:fixed;
  621. text-transform:uppercase;
  622. font-family:'bebas neue';
  623. font-size:18px;
  624. color:{color:Small Header};
  625. text-shadow:0px 0px 20px {color:Small Header};
  626. margin-left:210px;
  627. margin-top:425px;
  628. }
  629.  
  630. .heart {
  631. font-family:tinytots;
  632. display:block;
  633. line-height:10px;
  634. color:{color:Stats};
  635. text-indent:5px;
  636. vertical-align:left;
  637. background: url('http://www.hellostar.org/wp-admin/images/q1.gif') no-repeat left;
  638. padding-left:10px;
  639. padding-bottom:2px;
  640. }
  641.  
  642.  
  643. .heart:hover {
  644. display:block;
  645. line-height:10px;
  646. text-indent:5px;
  647. vertical-align:left;
  648. background:url('http://www.hellostar.org/wp-admin/images/q2.gif') no-repeat left;
  649. padding-left:10px;
  650. padding-bottom:2px;
  651. }
  652.  
  653. .heart a{
  654. color:{color:Stats};
  655. }
  656.  
  657. #music{
  658. position:fixed;
  659. background:{color:Music BG};
  660. border:2px solid {color:Music Border};
  661. padding:2px;
  662. width:200px;
  663. height:13px;
  664. margin-left:240px;
  665. margin-top:320px;
  666. z-index:9999;
  667. box-shadow:0px 0px 10px {color:Music Shadow};
  668. }
  669.  
  670. #header2{
  671. font-family:'Espacio';
  672. font-size:40px;
  673. color:#888;
  674. line-height:30px;
  675. text-shadow:0px 0px 3px {color:PopUp Header};
  676. border-bottom:1px dotted {color:PopUp Header};
  677. text-transform:none;
  678. text-align:center;
  679. }
  680.  
  681. #dear{
  682. font-family:'edwardian';
  683. font-size:25px;
  684. color:{color:Ask Box Label};
  685. line-height:30px;
  686. text-shadow:0px 0px 3px {color:Ask Box Label};
  687. border-bottom:1px solid {color:Ask Box Label};
  688. text-transform:none;
  689. text-align:center;
  690. }
  691.  
  692. #Faves img {
  693. opacity:1;
  694. width:45px;
  695. height:45px;
  696. margin:2px;
  697. border-radius:0px;
  698. -webkit-transition-duration:.7s;
  699. border:1px dotted {color:Faves Border};
  700. }
  701.  
  702. #Faves img:hover {
  703. opacity:.8;
  704. border-radius: 32px;
  705. -webkit-transition: 0.2s ease-in;
  706. }
  707.  
  708. {CustomCSS}
  709.  
  710. </style>
  711.  
  712. {block:IndexPage}
  713. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  714. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  715.  
  716. <script type="text/javascript">
  717. $(window).load(function () {
  718. var $content = $('#posts');
  719. $content.masonry({itemSelector: '.entry'}),
  720. $content.infinitescroll({
  721. navSelector : 'div#pagination',
  722. nextSelector : 'div#pagination a#nextPage',
  723. itemSelector : '.entry',
  724. loading: {
  725. finishedMsg: '',
  726. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  727. },
  728. bufferPx : 600,
  729. debug : false,
  730. },
  731. // call masonry as a callback.
  732. function( newElements ) {
  733. var $newElems = $( newElements );
  734. $newElems.hide();
  735. // ensure that images load before adding to masonry layout
  736. $newElems.imagesLoaded(function(){
  737. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  738.  
  739.  
  740. });
  741. });
  742. });
  743. </script>
  744.  
  745. {/block:IndexPage}
  746.  
  747. <title>{title}</title>
  748.  
  749. <link rel="shortcut icon" href="http://24.media.tumblr.com/tumblr_m6r9lavEK11rst3tfo1_100.png">
  750. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  751. <meta name="viewport" content="width=820" />
  752.  
  753. <div id="sidebar">
  754. <div id="description">
  755. <img style="width:300px; height:auto;" src="http://static.tumblr.com/zruguhm/akemjan5u/s2.png">
  756. <br>
  757. <div id="header">About Her</div>
  758. {Description}
  759. <br><br><br>
  760. <div id="header">Statistics</div>
  761. <div class="heart">{text:Stat 1}</div>
  762. <div class="heart">{text:Stat 2}</div>
  763. <div class="heart">{text:Stat 3}</div>
  764. <div class="heart">Best Viewed on G. Chrome & Safari</div>
  765. </div>
  766.  
  767. <div id="links">
  768. <a href="/">home</a>
  769. .
  770. <a href="#?w=500" rel="02" class="poplight">Message</a>
  771. .
  772. <a href="#?w=500" rel="03" class="poplight">Submit</a>
  773. .
  774. <a href="/links">More Links</a>
  775. .
  776. <a href="#?w=500" rel="04" class="poplight">Faves</a>
  777. .
  778. <a href="http://beautifully-flawless.tumblr.com/">Credit</a>
  779. </div>
  780.  
  781. <img src="{image:Sidebar}">
  782. </div>
  783.  
  784. <img style="width:200px; position:fixed; top:420px; left:50px;"src="http://static.tumblr.com/zruguhm/mpymja2ow/08__2_.png">
  785.  
  786. <div id="banner"><span id="wipe">{title}</span></div>
  787. <div id="tinytitle">{text:Small Title}</div>
  788.  
  789.  
  790. <div id="music">
  791. <img src="http://media.tumblr.com/tumblr_m6amrcOxLr1rqir0v.gif">&nbsp;
  792. <div style="position:absolute;top:4px;">{text:Music URL}</div>
  793. </div>
  794.  
  795. <div id="posts">
  796.  
  797. {block:Posts}
  798. <div class="entry">
  799.  
  800. {block:IndexPage}
  801.  
  802. {/block:IndexPage}
  803.  
  804. {block:Text}
  805. {block:Title}
  806. <span class="title">{Title}</span>
  807. {/block:Title}
  808. {Body}
  809. <div id="infoo">
  810. <a href="{Permalink}"><a href="{permalink}">{NoteCountWithLabel}</a> . <a href="{ReblogURL}" target="_blank"> reblog</a>&nbsp;
  811. </div>
  812. {/block:Text}
  813.  
  814. {block:Link}
  815. <a href="{URL}" class="title">{Name}</a>
  816. {block:Description}{Description}{/block:Description}
  817. <div id="infoo">
  818. <a href="{Permalink}"><a href="{permalink}">{NoteCountWithLabel}</a> . <a href="{ReblogURL}" target="_blank"> reblog</a>&nbsp;
  819. </div>
  820. {block:Link}
  821.  
  822. {block:Photo}
  823. <div class="permalink">
  824. <a href="{Permalink}"><a href="{permalink}">{NoteCountWithLabel}</a> <img src="http://th98.photobucket.com/albums/l256/SoccerE92/myspace/th_ht13.gif"> <a href="{ReblogURL}" target="_blank">reblog</a></span></div>
  825. {block:IndexPage}
  826. {LinkOpenTag}
  827. <div class="photo"><a href="{permalink}"><img class="photo"src="{PhotoURL-HighRes}"alt="{PhotoAlt}"width="350"/></a></div>
  828. {LinkCloseTag}
  829. {/block:IndexPage}
  830.  
  831. {block:PermalinkPage}
  832. {LinkOpenTag}
  833. <a href="{permalink}">
  834. <img class="photo"src="{PhotoURL-HighRes}"alt="{PhotoAlt}"width="600"/></a>
  835. {LinkCloseTag}
  836. {/block:PermalinkPage}
  837. {/block:Photo}
  838.  
  839. {block:Photoset}
  840. <div class="permalink">
  841. <a href="{Permalink}"><a href="{permalink}">{NoteCountWithLabel}</a> <img src="http://th98.photobucket.com/albums/l256/SoccerE92/myspace/th_ht13.gif"> <a href="{ReblogURL}" target="_blank">reblog</a></span></div>
  842. {block:IndexPage}
  843. <center>
  844. {Photoset-250}
  845. </center>
  846. {/block:IndexPage}
  847. {block:PermalinkPage}
  848. <center>
  849. {Photoset-600}
  850. </center>
  851. {/block:PermalinkPage}
  852. {/block:Photoset}
  853.  
  854. {block:Quote}
  855. {Quote}</span>
  856. {block:Source}
  857. <div class="quote">{Source}</div>
  858. {/block:Source}
  859. <div id="infoo">
  860. <a href="{Permalink}"><a href="{permalink}">{NoteCountWithLabel}</a> . <a href="{ReblogURL}" target="_blank"> reblog</a>&nbsp;
  861. </div>
  862. {/block:Quote}
  863.  
  864. {block:Chat}
  865. {block:Title}<span class="title">{Title}</span>{/block:Title}
  866. <ul class="chat">
  867. {block:Lines}
  868. <li class="user_{UserNumber}">
  869. {block:Label}
  870. <span class="label">{Label}</span>
  871. {/block:Label}
  872. {Line}
  873. </li>
  874. {/block:Lines}
  875. </ul>
  876. <div id="infoo">
  877. <a href="{Permalink}"><a href="{permalink}">{NoteCountWithLabel}</a> . <a href="{ReblogURL}" target="_blank"> reblog</a>&nbsp;
  878. </div>
  879. {/block:Chat}
  880.  
  881. {block:Audio}
  882. <center><div style="width:350px; height:30px;"><div style="float:left">{AudioPlayerBlack}</div><div style="margin-top:10px; float:right;">
  883. {block:ExternalAudio}{/block:ExternalAudio}</div></div></center>
  884. <div id="infoo">
  885. <a href="{Permalink}"><a href="{permalink}">{NoteCountWithLabel}</a> . <a href="{ReblogURL}" target="_blank"> reblog</a>&nbsp;
  886. </div>
  887. {/block:Audio}
  888.  
  889. {block:Video}
  890. {block:IndexPage}
  891. <center>
  892. {Video-250}</center>
  893. {/block:IndexPage}
  894. {block:PermalinkPage}
  895. <center>
  896. {Video-500}</center>
  897. {/block:PermalinkPage}
  898. <div id="infoo">
  899. <a href="{Permalink}"><a href="{permalink}">{NoteCountWithLabel}</a> . <a href="{ReblogURL}" target="_blank"> reblog</a>&nbsp;
  900. </div>
  901. {block:Video}
  902.  
  903. {block:Answer}
  904. <div id="asker">
  905. <img style="border:1px solid #aaa; width:40px; height:40px;"src="{AskerPortraitURL-40}"align="left">
  906. <ask>{Asker}:</ask>
  907. <br>
  908. {Question}&nbsp;
  909. </div>
  910. <div style="margin-top:-5px; margin-left:5px;">
  911. <br>
  912. {Answer}
  913. </div>
  914. <div id="infoo">
  915. <a href="{Permalink}"><a href="{permalink}">{NoteCountWithLabel}</a> . <a href="{ReblogURL}" target="_blank"> reblog</a>&nbsp;
  916. </div>
  917. {/block:Answer}
  918.  
  919.  
  920. {block:PermalinkPage}
  921. <center>
  922. <br>{block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} &middot; {block:Tags}<a href="TagURL"> #{Tag}</a> {/block:Tags}{/block:hasTags}</center>
  923. {/block:PermalinkPage}
  924.  
  925.  
  926. {block:PostNotes}
  927. {PostNotes}
  928. {/block:PostNotes}
  929. </div>
  930. {/block:Posts}
  931. </div>
  932. {block:IndexPage}
  933. {block:Pagination}
  934. <div id="pagination">
  935. {block:NextPage}
  936. <a id="nextPage" href="{NextPage}">&nbsp;&rarr;</a>
  937. {/block:NextPage}
  938. {block:PreviousPage}
  939. <a href="{PreviousPage}">&larr;&nbsp;</a>
  940. {/block:PreviousPage}
  941. </div>
  942. {/block:Pagination}
  943. {/block:IndexPage}
  944. </div>
  945.  
  946. </body>
  947. </html>
  948.  
  949. <div id="04" class="popup_block">
  950. <center>
  951. <div id="header2">Favorites</div>
  952. <br>
  953. <div id="Faves">
  954. <a href="{text:Fav 1 URL}">
  955. <img src='{image:Fav 1}' title="{text:Fav 1}"/></a>
  956.  
  957. <a href="{text:Fav 2 URL}">
  958. <img src='{image:Fav 2}' title="{text:Fav 2}"/></a>
  959.  
  960. <a href="{text:Fav 3 URL}">
  961. <img src='{image:Fav 3}' title="{text:Fav 3}"/></a>
  962.  
  963. <a href="{text:Fav 4 URL}">
  964. <img src='{image:Fav 4}' title="{text:Fav 4}"/></a>
  965.  
  966. <a href="{text:Fav 5 URL}">
  967. <img src='{image:Fav 5}' title="{text:Fav 5}"/></a>
  968. <br><br>
  969. <marquee behavior="scroll" scrollamount="5" direction="left" onmouseover="this.stop();" onmouseout="this.start();">{block:Following}{block:Followed}<a target='_blank' href='{FollowedURL}'><src='{FollowedPortraitURL-48}' width="45px" height="45px" />{/block:Followed}{/block:Following}</marquee>
  970. </div>
  971. <br>
  972. </center>
  973. </div></div></div></div></div></div></div></div></div></div>
  974.  
  975. <div id="03" class="popup_block">
  976. <center>
  977. <div id="header2">Submit</div>
  978. <br>
  979. <iframe frameborder="0" scrolling="no" width="100%" height="550" src="http://www.tumblr.com/submit_form/belle-dior.tumblr.com" style="background-color:transparent; overflow:hidden;" id="submit_form">
  980. </iframe>
  981. </center>
  982. <br>
  983. </div></div></div></div></div></div></div></div></div></div>
  984.  
  985.  
  986. <div id="02" class="popup_block">
  987. <div id="header2">Ask</div>
  988. <div id="dear">Dear Hana...</div>
  989. <iframe frameborder="0" scrolling="no" width="100%" height="200" src="http://www.tumblr.com/ask_form/{text:AskBlogURL}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe>
  990. <br>
  991. </div></div></div></div></div></div></div></div></div></div>
Advertisement
Add Comment
Please, Sign In to add comment