Beautifully-Flawless

Theme 41: Katherina

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