API tools faq
paste
Advertisement
christinaxoxthemes

Theme 02 - Christinaxox

christinaxoxthemes
Jun 25th, 2013
588
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.32 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. Christina Theme 02 :) Please keep the credit!
  3. Oh and please give me your opinion my themeees! I'd really appreciate it :D
  4. *Custom theme*
  5. -->
  6.  
  7. <html lang="en">
  8. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  9. <html xmlns="http://www.w3.org/1999/xhtml">
  10. <head>
  11. <link href='http://fonts.googleapis.com/css?family=Quicksand' rel='stylesheet' type='text/css'>
  12.  
  13. <script type="text/javascript">
  14. <!--
  15.  
  16. // Disable Right Click Script
  17.  
  18. function IE(e)
  19. {
  20. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  21. {
  22. return false;
  23. }
  24. }
  25. function NS(e)
  26. {
  27. if (document.layers || (document.getElementById && !document.all))
  28. {
  29. if (e.which == "2" || e.which == "3")
  30. {
  31. return false;
  32. }
  33. }
  34. }
  35. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  36.  
  37. //-->
  38. </script>
  39.  
  40. <script type="text/javascript"
  41. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  42. <script>
  43. $(document).ready(function() {
  44. //
  45. $('a.poplight[href^=#]').click(function() {
  46. var popID = $(this).attr('rel'); //Get Popup Name
  47. var popURL = $(this).attr('href'); //Get Popup href to define size
  48. var query= popURL.split('?');
  49. var dim= query[1].split('&');
  50. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  51. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://media.tumblr.com/tumblr_lmj3wpo95d1qjz9g6.gif" class="btn_close" title="Close" alt="Close" /></a>');
  52. var popMargTop = ($('#' + popID).height() + 80) / 2;
  53. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  54. //Apply Margin to Popup
  55. $('#' + popID).css({
  56. 'margin-top' : -popMargTop,
  57. 'margin-left' : -popMargLeft
  58. });
  59. $('body').append('<div id="fade"></div>');
  60. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  61. return false;
  62. });
  63. $('a.close, #fade').live('click', function() {
  64. $('#fade , .popup_block').fadeOut(function() {
  65. $('#fade, a.close').remove(); //fade them both out
  66. });
  67. return false;
  68. });
  69. });
  70. </script>
  71.  
  72. <script type="text/javascript"
  73. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  74.  
  75. <!--DEFAULT VARIABLES-->
  76. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  77. <meta name="color:background" content="#fff"/>
  78. <meta name="color:link" content="#777"/>
  79. <meta name="color:text" content="#777"/>
  80. <meta name="color:title" content="#333"/>
  81. <meta name="color:hover" content="#fff"/>
  82. <meta name="image:sidebar" content="1"/>
  83. <meta name="image:background" content="1"/>
  84. <meta name="color:sidebarborder" content="#000">
  85. <meta name="color:navlinksglow" content="#000">
  86. <meta name="color:navlinksglowhover" content="#ff45be">
  87. <meta name="text:navlinks1" content="refresh">
  88. <meta name="text:navlinks2" content="inbox">
  89. <meta name="text:navlinks3" content="links">
  90. <meta name="text:navlinks4" content="faves">
  91. <meta name="color:permaborder" content="#ba4eb3">
  92. <meta name="color:borders" content="#ffb0fa">
  93. <meta name="color:titleyo" content="#eb1ea3">
  94.  
  95. <script type="text/javascript">
  96. // <![CDATA[
  97. // all colours must be in format '#NNNNNN', not 'red' or 'rgb(7,8,9)'
  98. var fgcolour="#f0aa1f"; // foreground colour
  99. var hlcolour="#f55fc1"; // highlight colour
  100. var bgcolour="#ffcfff"; // background colour
  101. var glcolour="#000"; // colour of glow around letters
  102. var speed=90; // speed colours change, 1 second = 1000
  103. var delay=20; // how long to wait between wipes
  104. var alink="http://www.mf2fm.com/rv"; // page to link text to (set to ="" for no link)
  105.  
  106. /****************************
  107. *Multi-Wipe Neon Text Effect*
  108. *(c)2003-13 mf2fm web-design*
  109. * http://www.mf2fm.com/rv *
  110. * DON'T EDIT BELOW THIS BOX *
  111. ****************************/
  112. var w_txt, w_txl;
  113. var w_flp=bgcolour;
  114. var w_sty=Math.floor(Math.random()*8);
  115. var w_cnt=-1;
  116. var wipes=new Array();
  117. var wrand=new Array();
  118.  
  119. function addLoadEvent(funky) {
  120. var oldonload=window.onload;
  121. if (typeof(oldonload)!='function') window.onload=funky;
  122. else window.onload=function() {
  123. if (oldonload) oldonload();
  124. funky();
  125. }
  126. }
  127.  
  128. addLoadEvent(fzzz);
  129.  
  130. function fzzz() { if (document.getElementById) {
  131. var i, wiper, wipei;
  132. wiper=document.getElementById("wipe");
  133. w_txt=wiper.firstChild.nodeValue;
  134. w_txl=w_txt.length;
  135. while (wiper.childNodes.length) wiper.removeChild(wiper.childNodes[0]);
  136. for (i=0; i<w_txl; i++) {
  137. wipei=document.createElement("span");
  138. wipei.appendChild(document.createTextNode(w_txt.charAt(i)));
  139. wipes[i]=wipei.style;
  140. wipes[i].textShadow=glcolour+" 0px 0px 5px";
  141. wipes[i].color=fgcolour;
  142. wiper.appendChild(wipei);
  143. }
  144. if (alink) {
  145. wiper.style.cursor="pointer";
  146. wiper.onclick=function() { top.location.href=alink; }
  147. }
  148. for (i=0; i<w_txl; i++) wrand[i]=i;
  149. wiper=setInterval("randwipe()", speed);
  150. }}
  151.  
  152. function c(i, shade) {
  153. if (shade==bgcolour) wipes[i].textShadow="none";
  154. else wipes[i].textShadow=glcolour+" 0px 0px 5px";
  155. wipes[i].color=shade;
  156. }
  157.  
  158. function randwipe() {
  159. var w_old;
  160. if (w_cnt++<w_txl+2+delay*(w_flp==fgcolour)) eval("wipe"+w_sty+"();");
  161. else {
  162. w_cnt=-1;
  163. w_flp=(w_flp==fgcolour)?bgcolour:fgcolour;
  164. w_old=w_sty;
  165. while (w_old==w_sty) w_sty=Math.floor(Math.random()*9);
  166. }
  167. }
  168.  
  169. function dechex(dec) { return ((dec<16)?"0":"")+dec.toString(16); }
  170.  
  171. function wipe0() { // full curtains
  172. var half=Math.floor(w_txl/2);
  173. if (w_cnt<w_txl) {
  174. c(w_cnt, (w_cnt<half)?hlcolour:w_flp);
  175. c(w_txl-w_cnt-1, (w_cnt<half)?hlcolour:w_flp);
  176. }
  177. }
  178.  
  179. function wipe1() { // random
  180. var i, rand, temp;
  181. if (w_cnt==0) {
  182. for (i=0; i<w_txl; i++) {
  183. rand=Math.floor(Math.random()*w_txl);
  184. temp=wrand[i];
  185. wrand[i]=wrand[rand];
  186. wrand[rand]=temp;
  187. }
  188. }
  189. if (w_cnt<w_txl) c(wrand[w_cnt], hlcolour);
  190. if (w_cnt>0 && w_cnt<w_txl+1) c(wrand[w_cnt-1], w_flp);
  191. }
  192.  
  193. function wipe2() { // forwards
  194. if (w_cnt<w_txl) c(w_cnt, hlcolour);
  195. if (w_cnt>0 && w_cnt<w_txl+1) c(w_cnt-1, w_flp);
  196. }
  197.  
  198. function wipe3() { // backwards
  199. if (w_cnt<w_txl) c(w_txl-(w_cnt+1), hlcolour);
  200. if (w_cnt>0 && w_cnt<w_txl+1) c(w_txl-w_cnt, w_flp);
  201. }
  202.  
  203. function wipe4() { // searchlight
  204. if (w_cnt<w_txl) c(w_cnt, hlcolour);
  205. if (w_cnt>0 && w_cnt<w_txl+1) c(w_cnt-1, w_flp);
  206. if (w_cnt>1 && w_cnt<w_txl+2) c(w_cnt-2, hlcolour);
  207. if (w_cnt>2 && w_cnt<w_txl+3) c(w_cnt-3, (w_flp==fgcolour)?bgcolour:fgcolour);
  208. if (w_cnt==w_txl+2) w_flp=(w_flp==fgcolour)?bgcolour:fgcolour;
  209. }
  210.  
  211. function wipe5() { // fade
  212. var i;
  213. if (w_cnt<w_txl+3) {
  214. var start=(w_flp==fgcolour)?bgcolour:fgcolour;
  215. var temp="#";
  216. for (i=1; i<6; i+=2) {
  217. var hex1=parseInt(start.substring(i,i+2),16);
  218. var hex2=parseInt(w_flp.substring(i,i+2),16);
  219. temp+=dechex(Math.floor(hex1+(hex2-hex1)*(w_cnt/(w_txl+2))));
  220. }
  221. for (i=0; i<w_txl; i++) c(i, temp);
  222. }
  223. }
  224.  
  225. function wipe6() { // flash
  226. var i;
  227. if (w_cnt<6*Math.floor(w_txl/6)+3) {
  228. if (w_cnt%6==0 || w_cnt%6==3) for (i=0; i<w_txl; i++) c(i, hlcolour);
  229. else if (w_cnt%6==1) for (i=0; i<w_txl; i++) c(i, w_flp);
  230. else if (w_cnt%6==4) for (i=0; i<w_txl; i++) c(i, (w_flp==fgcolour)?bgcolour:fgcolour);
  231. }
  232. }
  233.  
  234. function wipe7() { // checkerboard
  235. var qtr=Math.floor(w_txl/4);
  236. if (w_cnt<qtr) {
  237. c(w_cnt, hlcolour);
  238. c(w_cnt+2*qtr, hlcolour);
  239. }
  240. else if (w_cnt<2*qtr) {
  241. c(w_cnt-qtr, w_flp);
  242. c(w_cnt+qtr, w_flp);
  243. }
  244. else if (w_cnt<3*qtr) {
  245. c(w_cnt-qtr, hlcolour);
  246. c(w_cnt+qtr, hlcolour);
  247. }
  248. else if (w_cnt<w_txl) {
  249. c(w_cnt-2*qtr, w_flp);
  250. c(w_cnt, w_flp);
  251. }
  252. }
  253.  
  254. function wipe8() { // half curtains
  255. var half=Math.floor(w_txl/2);
  256. if (w_cnt<half) {
  257. c(w_cnt, hlcolour);
  258. c(w_txl-w_cnt-1, hlcolour);
  259. }
  260. else if (w_cnt<w_txl) {
  261. c(w_cnt-half, w_flp);
  262. c(w_txl+half-w_cnt-1, w_flp);
  263. }
  264. }
  265. // ]]>
  266. </script>
  267.  
  268. <style type="text/css">
  269.  
  270.  
  271. 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-
  272.  
  273. transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  274.  
  275. 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;}
  276.  
  277. p {
  278. margin:0px;
  279. margin-top:0px;
  280. }
  281.  
  282.  
  283. body {
  284. padding: 0px;
  285. margin: 0px;
  286. color:{color:text};
  287. font-family: 'Quicksand', sans-serif;
  288. line-height:11px;
  289. font-size:12px;
  290. text-shadow:1px 0px 2px #000;
  291. background-color: {color:Background};
  292. background-image:url({image:Background});
  293. background-attachment: fixed;
  294. background-repeat: repeat;
  295. }
  296.  
  297.  
  298. a:link, a:active, a:visited{
  299. text-decoration: none;
  300. -webkit-transition: color 0.3s ease-out;
  301. -moz-transition: color 0.3s ease-out;
  302. transition: color 0.3s ease-out;
  303. color:{color:link};
  304. }
  305.  
  306. a:hover {
  307. text-decoration: none;
  308. font-style:;
  309. color: {color:Hover};
  310. }
  311.  
  312. div#center{
  313. margin:auto;
  314. position:relative;
  315. width:1000px;
  316. background-color:;
  317. overflow:auto;
  318. overflow-y:hidden;
  319. }
  320.  
  321. #fade { /*--Transparent background layer--*/
  322. display: none; /*--hidden by default--*/
  323. background: #000;
  324. position: fixed; left: 0; top: 0;
  325. width: 100%; height: 100%;
  326. opacity: .80;
  327. z-index: 9999;
  328. }
  329. .popup_block{
  330. display: none; /*--hidden by default--*/
  331. background: #fff;
  332. padding: 20px;
  333. border: 3px double #d46fb1;
  334. float: left;
  335. font-size: 1.2em;
  336. position: fixed;
  337. top: 50%; left: 50%;
  338. z-index: 99999;
  339. /*--CSS3 Box Shadows--*/
  340. -webkit-box-shadow: 0px 0px 20px #000;
  341. -moz-box-shadow: 0px 0px 20px #000;
  342. box-shadow: 0px 0px 20px #000;
  343. /*--CSS3 Rounded Corners--*/
  344. -webkit-border-radius: 10px;
  345. -moz-border-radius: 10px;
  346. border-radius: 10px;
  347. }
  348. img.btn_close {
  349. float: right;
  350. margin: -5px -5px 0 0;
  351. }
  352. /*--Making IE6 Understand Fixed Positioning--*/
  353. *html #fade {
  354. position: absolute;
  355. }
  356. *html .popup_block {
  357. position: absolute;
  358. }
  359.  
  360.  
  361. /*CUSTOMIZE ENTRY SETTINGS HERE*/
  362. .entry{
  363. float:left;
  364. display: block;
  365. margin:5px;
  366. overflow:hidden;
  367. width:229px;
  368. border: 1px solid {color:borders};
  369. padding: 5px;
  370. padding-bottom: 3px;
  371. {block:PermalinkPage}
  372. width:800px;
  373. text-align:left;
  374. line-height:15px;
  375. {/block:PermalinkPage}
  376. background:white;
  377. background-image:URL();
  378. }
  379.  
  380. .entry:hover{
  381. filter:alpha(opacity=100);
  382. -webkit-transform: scale(1.1);
  383. -moz-transform: scale(1.1);
  384. -o-transform: scale(1.1) ;
  385. -ms-transform: scale(1.1);
  386. transform: scale(1.1) ;
  387. -webkit-transition: 0.5s ease-in-out;
  388. -moz-transition: 0.5s ease-in-out;
  389. -o-transition: 0.5s ease-in-out;
  390. z-index: 9999999999999999999;
  391.  
  392. }
  393.  
  394. /*CUSTOMIZE THE APPEARANCE OF PERMALINKS*/
  395. .entry .perma{
  396. width:auto;
  397. height:auto;
  398. margin-left:10px;
  399. position: absolute;
  400. line-height: 16px;
  401. overflow:hidden;
  402. text-align:center;
  403. top:10px;
  404. background:white;
  405. word-spacing:2px;
  406. letter-spacing:1px;
  407. opacity: 0.0;
  408. -webkit-transition: all .7s ease;
  409. -moz-transition: all .7s ease;
  410. -o-transition: all .7s ease;
  411. transition: all .7s ease;
  412.  
  413. }
  414.  
  415. .entry:hover .perma{
  416. overflow:visible;
  417. border-radius: 25px 10px / 10px 25px;
  418. border: double 3px {color:permaborder};
  419. opacity:0.9;
  420. }
  421.  
  422.  
  423. /*CUSTOMIZE POST POSITIONING AND STUFFZ HERE*/
  424. #posts {
  425. width:850px;
  426. margin-top:1px;
  427. z-index:99;
  428. margin-left:250px;
  429. right:auto;
  430. background:transparent;
  431. margin-right:auto;
  432. position:relative;
  433. overflow-y: hidden;
  434. }
  435.  
  436.  
  437. /*CUSTOMIZE SIDEBAR HERE*/
  438. #sidebar{
  439. position:fixed !important;
  440. width:200px;
  441. background:white;
  442. height:auto;
  443. margin-top:150px;
  444. margin-left:-87px;
  445. text-align:center;
  446. border: dashed 1px {color:sidebarborder};
  447. padding: 10px;
  448. }
  449.  
  450. #navlinks{
  451. width: 120px;
  452. height: 30px;
  453. border: solid #000 1px;
  454. margin-top:29px;
  455. left: 290px;
  456. background: white;
  457. position: fixed;
  458. font-size: 20px;
  459. font-family: "hands up";
  460. text-shadow:1px 0px 2px #000;
  461. line-height:35px;
  462. text-align:center;
  463. text-transform:normal;
  464. -webkit-box-shadow: 0px 0px 5px {color:navlinksglow};
  465. -moz-box-shadow: 0px 0px 5px {color:navlinksglow};
  466. box-shadow: 0px 0px 5px {color:navlinksglow};
  467. -webkit-transition: all .5s ease-out;
  468. -moz-transition: all .5s ease-out;
  469. transition: all .5s ease-out;
  470. }
  471.  
  472. #navlinks:hover{
  473. width: 140px;
  474. height: 30px;
  475. border: double #000 3px;
  476. border-radius: 10px;
  477. margin-top:29px;
  478. left: 290px;
  479. background: white;
  480. position: fixed;
  481. font-size: 20px;
  482. font-family: "stars";
  483. text-shadow:1px 0px 2px #000;
  484. line-height:35px;
  485. text-align:center;
  486. text-transform:normal;
  487. -webkit-box-shadow: 0px 0px 5px {color:navlinksglowhover};
  488. -moz-box-shadow: 0px 0px 5px {color:navlinksglowhover};
  489. box-shadow: 0px 0px 5px {color:navlinksglowhover};
  490. -webkit-transition: all .5s ease-out;
  491. -moz-transition: all .5s ease-out;
  492. transition: all .5s ease-out;
  493. }
  494.  
  495. #nav{
  496. width: 125px;
  497. height: 262px;
  498. margin-top:-11px;
  499. margin-left:180px;
  500. position: fixed;
  501. background: transparent;
  502. }
  503.  
  504. #description{
  505. width: 220px;
  506. height: 90px;
  507. border: 1px solid #000;
  508. position: fixed;
  509. margin-top:30px;
  510. margin-left:-10px;
  511. overflow:auto;
  512. }
  513.  
  514. #titleyo{
  515. position:fixed;
  516. margin-top:95px;
  517. margin-left:52px;
  518. height:40px;
  519. width:320px;
  520. color: {color:titleyo};
  521. font-family: 'one more night';
  522. font-size:100px;
  523. letter-spacing: 2px;
  524. line-height:25px;
  525. text-shadow:2px 0px 2px #000;
  526. background:transparent;
  527. opacity:.7;
  528. z-index:999999;
  529. }
  530.  
  531.  
  532. @font-face { font-family: "dixel"; src: url('http://static.tumblr.com/jdjsstr/8ovm78cbb/pf_arma_five_1_.ttf'); }
  533. @font-face { font-family: "hands up"; src: url('http://static.tumblr.com/rqlrrcc/E1Smoytou/throwmyhandsupintheair.ttf'); }
  534. @font-face {font-family: 'one more night'; src: url('http://static.tumblr.com/jryz3h8/nIZmosw3m/kgonemorenight.ttf'); }
  535. @font-face { font-family: "love note"; src: url('http://static.tumblr.com/jryz3h8/ZkImortuq/ck-love-note.ttf'); }
  536. @font-face { font-family: "stars"; src: url('http://static.tumblr.com/hcfbjje/sfRlpm8t0/starsfromoureyes.ttf'); }
  537.  
  538.  
  539. /*CUSTOMIZE TITLE OF ENTRIES HERE*/
  540. .title{
  541. line-height: 12px;
  542. color:{color:Title};
  543. font-weight: normal;
  544. }
  545.  
  546.  
  547. /*CUSTOMIZE PERMALINKS OF TEXT POSTS AND SUCH HERE*/
  548. .permalink{
  549. text-transform: normal;
  550. display: block;
  551. text-align: right;
  552. text-decoration: none;
  553. }
  554.  
  555.  
  556. /*I RECCOMMEND TO NOT TOUCH ANY OF THIS LOLz*/
  557. #infscr-loading{
  558. bottom: -70px;
  559. position: absolute;
  560. left: 50%;
  561. margin-left:-8px;
  562. width:16px;
  563. height:11px;
  564. overflow:hidden;
  565. margin-bottom: 50px;
  566. }
  567.  
  568. #postnotes{
  569. text-align: justify;}
  570.  
  571. #postnotes blockquote{
  572. border: 0px;}
  573.  
  574. blockquote{
  575. padding:0px 0px 2px 5px;
  576. margin:0px 0px 2px 10px;
  577. border-left: 1px dotted #555555;
  578. }
  579.  
  580. blockquote p, ul{
  581. margin:0px;
  582. padding:0px;
  583. }
  584.  
  585. a img{border: 0px;}
  586.  
  587.  
  588. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  589.  
  590. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  591. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  592.  
  593. .notes img{width:10px; position:relative; top:3px;}
  594. <--ses-->
  595. small{font-size: 90%;}
  596.  
  597. {CustomCSS}
  598.  
  599. </style>
  600.  
  601. {block:IndexPage}
  602. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  603. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  604.  
  605. <script type="text/javascript">
  606. $(window).load(function(){
  607. var $wall = $('#posts');
  608. $wall.imagesLoaded(function(){
  609. $wall.masonry({
  610. itemSelector: '.entry, .entry_photo',
  611. isAnimated : false
  612. });
  613. });
  614.  
  615. $wall.infinitescroll({
  616. navSelector : '#pagination',
  617. nextSelector : '#pagination a',
  618. itemSelector : '.entry, .entry_photo',
  619. bufferPx : 2000,
  620. debug : false,
  621. errorCallback: function() {
  622. $('#infscr-loading').fadeOut('normal');
  623. }},
  624. function( newElements ) {
  625. var $newElems = $( newElements );
  626. $newElems.hide();
  627. $newElems.imagesLoaded(function(){
  628. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  629. });
  630. }); $('#posts').show(500);
  631. });
  632. </script>
  633.  
  634.  
  635. {/block:IndexPage}
  636.  
  637.  
  638. <div id="titleyo"><span id="wipe">{Title}</span></div>
  639.  
  640. <link rel="shortcut icon" href="{Favicon}" />
  641. <meta name="viewport" content="width=820" />
  642. </head>
  643.  
  644. <body>
  645. <BODY onselectstart="return false;" ondragstart="return false;">
  646. <div class="wrapper">
  647. <div class="header">
  648. </div>
  649.  
  650. <div id="cage">
  651. <div id="center">
  652.  
  653. <!--STUFF THAT GOES INTO THE SIDEBAR-->
  654. <div id="sidebar">
  655. <div id="nav">
  656. <a href="{text:urlnavlinks1}" id="navlinks">{text:navlinks1}</a>
  657. <br><br><br><br><br>
  658. <a href="#?w=500" rel="ask" class="poplight" id="navlinks">{text:navlinks2}</a>
  659. <br><br><br><br><br>
  660. <a href="#?w=500" rel="02" class="poplight" id="navlinks">{text:navlinks3}</a>
  661. <br><br><br><br><br>
  662. <a href="#?w=500" rel="03" class="poplight" id="navlinks">{text:navlinks4}</a>
  663. <br><br><br><br><br>
  664. <a href="http://christinaxoxthemes.tumblr.com/" id="navlinks">theme</a>
  665. </div>
  666. <center>
  667. <a href="/"><img src="{image:sidebar}" width=100%></a>
  668. <div id="description"><br>{description}</div>
  669. </center>
  670. </div>
  671. <!------------------------------------->
  672.  
  673.  
  674. <div class="left">
  675. <div id="posts">
  676. {block:Posts}
  677. <div class="entry">
  678.  
  679. {block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="body">{Body}</span><p align=right><span class="permalink"><a
  680.  
  681. href="{Permalink}"><a href="{Permalink}"><a href="{Permalink}">{notecountwithlabel}</a></a><br>{/block:HasTags}</span></align>
  682. {/block:Text}
  683.  
  684. {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description} <p align=right><span
  685.  
  686. class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"></span></align>{block:Link}
  687.  
  688. {block:Photo}
  689. {block:IndexPage}
  690. <center>
  691. <div class="perma">
  692. <a href="{ReblogURL}" target="_blank"> reblog </a> ♡ <a href="{Permalink}" target="_blank"> {Notecount} </a></div>
  693.  
  694. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  695. {/block:IndexPage}
  696. {block:PermalinkPage}
  697. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  698.  
  699. {LinkCloseTag}
  700. {/block:PermalinkPage}
  701. {/block:Photo}
  702.  
  703. {block:Photoset}
  704. {block:IndexPage}
  705. <center>
  706.  
  707. <div class="perma">
  708. <a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  709.  
  710. {Photoset-250}</center>
  711. {/block:IndexPage}
  712. {block:PermalinkPage}
  713. <center>
  714. {Photoset-500}</center>
  715. {/block:PermalinkPage}
  716. {/block:Photoset}
  717.  
  718. {block:Quote}<span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}<br><p align=right><span class="permalink"><a
  719.  
  720. href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"> </span>{/block:Quote}
  721.  
  722. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  723. <ul class="chat">
  724. {block:Lines}
  725. <li class="user_{UserNumber}">
  726. {block:Label}
  727. <span class="label">{Label}</span>
  728. {/block:Label}
  729.  
  730. {Line}
  731. </li>
  732. {/block:Lines}
  733. <p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}">
  734. {/block:Chat}
  735.  
  736. {block:Audio}
  737. <div style="width:200px; height:30px;">
  738. {AudioPlayerBlack}
  739. </div>
  740. {block:IndexPage}<span class="permalink">
  741. <p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"> </a>
  742. </span>{/block:IndexPage}
  743. {/block:Audio}
  744.  
  745. {block:Video}
  746. {block:IndexPage}
  747. <center>
  748. <div class="perma">
  749. <a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  750. {Video-250}</center>
  751. {/block:IndexPage}
  752. {block:PermalinkPage}
  753. <center>
  754. {Video-400}</center>
  755. {/block:PermalinkPage}
  756. {block:Video}
  757.  
  758.  
  759. {block:PostNotes}<div align="middle">{caption}</div>
  760. <center>
  761.  
  762. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  763.  
  764. {block:HasTags}
  765. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  766. {block:RebloggedFrom}
  767. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  768. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  769.  
  770. {/block:RebloggedFrom}
  771. </center></span>
  772. <br>
  773. <div id="postnotes">{PostNotes}</div><br>
  774.  
  775. <center>{block:ContentSource}
  776. <br><a href="{SourceURL}">
  777. {lang:Source}:
  778. {block:SourceLogo}
  779. <img src="{BlackLogoURL}" width="{LogoWidth}"
  780. height="{LogoHeight}" alt="{SourceTitle}" />
  781. {/block:SourceLogo}
  782. {block:NoSourceLogo}
  783. {SourceLink}
  784. {/block:NoSourceLogo}
  785. </a>
  786. {/block:ContentSource}</center>
  787.  
  788. {/block:PostNotes}
  789. </div>
  790. {/block:Posts}
  791. </div></div>
  792.  
  793. {block:IndexPage}
  794. {block:Pagination}
  795. <div id="pagination">
  796. {block:NextPage}
  797. <a id="nextPage" href="{NextPage}"></a>
  798. {/block:NextPage}
  799. {block:PreviousPage}
  800. <a href="{PreviousPage}"></a>
  801. {/block:PreviousPage}
  802. </div>
  803. {/block:Pagination}
  804. {/block:IndexPage}
  805.  
  806. <div id="02" class="popup_block">
  807. <div style="height:350px;width:500px;font:12px/12px ;overflow:scroll;overflow-x:hidden;">
  808. <center>
  809. links herrre
  810.  
  811. </div></div></div></div></div></div></div></div></div></div>
  812.  
  813. <div id="03" class="popup_block">
  814. <div style="height:350px;width:500px;font:12px/12px ;overflow:scroll;overflow-x:hidden;">
  815. <center>
  816. links herrre
  817.  
  818. </div></div></div></div></div></div></div></div></div></div>
  819.  
  820. </body>
  821.  
  822. <div id="ask" class="popup_block">
  823. <div style="height:300px;width:500px;font:12px/12px ;overflow:scroll;overflow-x:hidden;">
  824. <center>
  825. FAQ HERE
  826.  
  827. <p><iframe frameborder="0" scrolling="no" src="http://www.tumblr.com/ask_form/URL.tumblr.com";; width="490"height="150"></iframe></p>
  828. </div></div></div></div></div></div></div></div></div></div>
  829. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!