API tools faq
paste
Advertisement
christinaxoxthemes

Theme 10/Layout 01 - Christinaxox

christinaxoxthemes
Nov 8th, 2013
354
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.02 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. Christina Theme 10/Layout 01 :) Please keep the credit!
  3. Oh and please give me your opinion my themeees! I'd really appreciate it :D
  4.  
  5. cccccccc wwwww wwwww tttttttttttttt
  6. ccccccccc wwwww wwww wwwww tttttttttttttt
  7. ccccc wwwww wwww wwwww ttt
  8. ccccc wwwww wwww wwwww ttt
  9. ccccc wwwww wwww wwwww ttt
  10. ccccc wwww wwwwww wwww ttt
  11. cccccccccc www wwwwww www ttt
  12. ccccccccc wwwwww wwwwww ttt
  13.  
  14. -->
  15. <div id="credit"><a href="http://christinaxoxthemes.tumblr.com"><b>CWT</b></a></div>
  16. <style type="text/css">
  17. /*DO NOT TOUCH THIS LOL*/
  18. #credit{
  19. position:fixed;
  20. width: 50px;
  21. height: 30px;
  22. background: transparent;
  23. color: #fff;
  24. font-size:20px;
  25. font-family: "halohandletter";
  26. line-height: 20px;
  27. text-shadow: 0 0 2px #fff;
  28. padding: 3px;
  29. -webkit-transition: all 0.5s ease-out;
  30. -moz-transition: all 0.5s ease-out;
  31. transition: all 0.5s ease-out;
  32. }
  33.  
  34. #credit:hover{
  35. background: transparent;
  36. color: #000;
  37. text-shadow: 0 0 2px #000;
  38. -webkit-transition: all 0.5s ease-out;
  39. -moz-transition: all 0.5s ease-out;
  40. transition: all 0.5s ease-out;
  41. }
  42.  
  43. @font-face { font-family: "halohandletter"; src: url('http://static.tumblr.com/loouiuu/Ttaloide6/halohandletter.ttf'); }
  44.  
  45. </style>
  46.  
  47.  
  48. <!--
  49. YYY YYY OOOOOOOO
  50. YY YY OOO OOO
  51. YY YY OOO OOO
  52. YYYY OOO OOO
  53. YY OOO OOO
  54. YY OOO OOO
  55. YY OOOOOOOO
  56.  
  57. DON'T FORGET TO CHANGE THE ASK BOX URL TO YOUR OWN URL :)
  58. TO DO THAT, FOLLOW THESE STEPS:
  59. 1.CTRL+F AND FIND christina-xox-10
  60. 2.REPLACE christin-xox-10 WITH YOUR URL (ex:autumnsecret)
  61. 3.UPDATE PREVIEW
  62. 4.SAVE
  63. 5.IF IT DOENS'T WORK, MAKE SURE YOU TYPED YOUR URL CORRECTLY
  64. 6.IF IT STILL DOESN'T WORK, MAKE SURE YOUR ASK IS TURNED ON (GO IN SETTINGS TO TURN IT ON IF IT'S NOT)
  65.  
  66. ____
  67. ____
  68. __________
  69. __________
  70. ____
  71. ____
  72.  
  73. ALSO, DON\T FORGET TO CHANGE THE TEXT IN THE BOXES TO YOUR OWN TEXT :P
  74. TO DO THAT, FOLLOW THESE STEPS:
  75. 1. WRITE YOUR TEXT IN A TUMBLR POST (DON'T PUBLISH IT LOL .. UNLESS IF YOU WANT TO)
  76. 2. CTRL+F AND FIND Lorem ipsum dolor sit amet
  77. 3. SELECT THAT WHOLE TEXT/PARAGRAPH FOR BOTH BOXES AND DELETE
  78. 4. GO BACK TO YOUR WRITTEN TEXT ON A TUMBLR POST AND CLICK THE HTML BUTTON ON THE TOP RIGHT OR THE TOOLBAR WHEN WRITTIGN A POST
  79. 5. COPY PASTE YOUR HTML TEXT INTO THE AREA YOU DELETED EARLIER
  80. 6.UPDATE PREVIEW
  81. 7.SAVE
  82. -->
  83.  
  84.  
  85. <html lang="en">
  86. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  87. <html xmlns="http://www.w3.org/1999/xhtml">
  88. <head>
  89. <link href='http://static.tumblr.com/blpgwiz/u8Qmijy1c/fade_in_up.css' rel='stylesheet' type='text/css'>
  90. <link href='http://static.tumblr.com/blpgwiz/Zjemijy8n/fade_in_down.css' rel='stylesheet' type='text/css'>
  91. <link href='http://static.tumblr.com/blpgwiz/usPm404d2/bounce_normal.css' rel='stylesheet' type='text/css'>
  92.  
  93.  
  94.  
  95.  
  96. <script type="text/javascript">
  97. <!--
  98.  
  99. // Disable Right Click Script
  100.  
  101. function IE(e)
  102. {
  103. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  104. {
  105. return false;
  106. }
  107. }
  108. function NS(e)
  109. {
  110. if (document.layers || (document.getElementById && !document.all))
  111. {
  112. if (e.which == "2" || e.which == "3")
  113. {
  114. return false;
  115. }
  116. }
  117. }
  118. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  119.  
  120. //-->
  121. </script>
  122.  
  123.  
  124. <script type="text/javascript"
  125. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  126.  
  127. <!--DEFAULT VARIABLES-->
  128. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  129. <meta name="color:background" content="#fff"/>
  130. <meta name="color:base" content="#fff"/>
  131. <meta name="color:sidebar" content="#fff"/>
  132. <meta name="color:bar" content="#8CC0FF"/>
  133. <meta name="color:bar2" content="#F7FF8C"/>
  134. <meta name="color:bar3" content="#F29A4E"/>
  135. <meta name="color:bar4" content="#BEFAAF"/>
  136. <meta name="color:nav background" content="#D4799D"/>
  137. <meta name="color:nav background hover" content="#DEB2CB"/>
  138. <meta name="color:nav border" content="#8f536b"/>
  139. <meta name="color:nav border hover" content="#e8b3d1"/>
  140. <meta name="color:nav shadow" content="#8A3D5C"/>
  141. <meta name="color:nav shadow hover" content="#F2E4EC"/>
  142. <meta name="color:shadow" content="#000"/>
  143. <meta name="color:borders" content="#000"/>
  144. <meta name="color:lines" content="#000"/>
  145. <meta name="color:title" content="#f7b0e3"/>
  146. <meta name="color:page title" content="#9C0075"/>
  147. <meta name="color:hover" content="#fff"/>
  148. <meta name="color:link" content="#000"/>
  149. <meta name="color:text" content="#777"/>
  150.  
  151.  
  152. <meta name="text:box2 title" content="About me"/>
  153. <meta name="text:box3 title" content="About my blog"/>
  154. <meta name="text:page title" content="Ask me :)"/>
  155. <meta name="text:URL1" content="/"/>
  156. <meta name="text:URL1 title" content="back"/>
  157. <meta name="text:URL2" content="/"/>
  158. <meta name="text:URL2 title" content="lala"/>
  159. <meta name="text:URL3" content="/"/>
  160. <meta name="text:URL3 title" content="lala"/>
  161.  
  162. <meta name="image:box1" content="http://24.media.tumblr.com/d184642c644ae1f8c14bc3fc89778c6e/tumblr_mskcq5wwcw1s0hwblo1_500.jpg"/>
  163. <meta name="image:box1 border" content="http://media.tumblr.com/10039e8221a7f19d04d49dd3a93e9967/tumblr_inline_movmiw0nMT1qkifhb.png"/>
  164. <meta name="image:ask" content="http://24.media.tumblr.com/tumblr_ltnkqqEjFf1qky32ro1_r1_500.jpg"/>
  165. <meta name="image:background" content=""/>
  166.  
  167.  
  168. <style type="text/css">
  169.  
  170.  
  171. 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-
  172.  
  173. transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  174.  
  175. 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;}
  176.  
  177. p {
  178. margin:0px;
  179. margin-top:0px;
  180. }
  181.  
  182.  
  183. body {
  184. padding: 0px;
  185. margin: 0px;
  186. color:{color:text};
  187. font-family: dixel;
  188. line-height:7px;
  189. font-size:8px;
  190. background-color: {color:Background};
  191. background-image:url({image:Background});
  192. background-attachment: fixed;
  193. background-repeat: repeat;
  194. }
  195.  
  196.  
  197. a:link, a:active, a:visited{
  198. text-decoration: none;
  199. -webkit-transition: color 0.3s ease-out;
  200. -moz-transition: color 0.3s ease-out;
  201. transition: color 0.3s ease-out;
  202. color:{color:link};
  203. }
  204.  
  205. a:hover {
  206. text-decoration: none;
  207. font-style:;
  208. color: {color:Hover};
  209. }
  210.  
  211. div#center{
  212. margin:auto;
  213. position:relative;
  214. width:1000px;
  215. background-color:;
  216. overflow:auto;
  217. overflow-y:hidden;
  218. }
  219.  
  220.  
  221. /*CUSTOMIZE BASE HERE*/
  222. #base{
  223. position:fixed;
  224. width: 750px;
  225. height: 570px;
  226. border: solid {color:borders} 1px;
  227. box-shadow: 0 0 10px {color:shadow};
  228. border-radius: 10px;
  229. margin-left:10%;
  230. margin-top:100px;
  231. background:{color:base};
  232. }
  233.  
  234. #sidebar{
  235. position:fixed;
  236. width:30px;
  237. height:100%;
  238. margin-left:-105px;
  239. margin-top:-70px;
  240. border-top: solid {color:borders} 1px;
  241. border-right: solid {color:borders} 1px;
  242. border-left: solid {color:borders} 1px;
  243. border-radius: 10px;
  244. box-shadow: 0 0 10px {color:shadow};
  245. background:{color:sidebar};
  246. -webkit-transition: all .7s ease-in-out;
  247. -moz-transition: all .7s ease-in-out;
  248. -o-transition: all .7s ease-in-out;
  249. -webkit-animation: fadeInDown 2s;
  250. -moz-animation: fadeInDown 2s;
  251. -ms-animation: fadeInDown 2s;
  252. }
  253.  
  254. #bar{
  255. position:fixed;
  256. width:30px;
  257. height:100%;
  258. margin-left:-175px;
  259. margin-top:230px;
  260. border-top: solid {color:borders} 1px;
  261. border-right: solid {color:borders} 1px;
  262. border-left: solid {color:borders} 1px;
  263. border-radius: 10px;
  264. box-shadow: 0 0 10px {color:shadow};
  265. background:{color:bar};
  266. -webkit-transition: all .7s ease-in-out;
  267. -moz-transition: all .7s ease-in-out;
  268. -o-transition: all .7s ease-in-out;
  269. -webkit-animation: fadeInDown 2.2s;
  270. -moz-animation: fadeInDown 2.2s;
  271. -ms-animation: fadeInDown 2.2s;
  272. }
  273.  
  274. #bar2{
  275. position:fixed;
  276. width:30px;
  277. height:100%;
  278. margin-left:-245px;
  279. margin-top:150px;
  280. border-top: solid {color:borders} 1px;
  281. border-right: solid {color:borders} 1px;
  282. border-left: solid {color:borders} 1px;
  283. border-radius: 10px;
  284. box-shadow: 0 0 10px {color:shadow};
  285. background:{color:bar2};
  286. -webkit-transition: all .6s ease-in-out;
  287. -moz-transition: all .6s ease-in-out;
  288. -o-transition: all .6s ease-in-out;
  289. -webkit-animation: fadeInDown 1.7s;
  290. -moz-animation: fadeInDown 1.7s;
  291. -ms-animation: fadeInDown 1.7s;
  292. }
  293.  
  294. #bar3{
  295. position:fixed;
  296. width:30px;
  297. height:100%;
  298. margin-left: 795px;
  299. margin-top:110px;
  300. border-top: solid {color:borders} 1px;
  301. border-right: solid {color:borders} 1px;
  302. border-left: solid {color:borders} 1px;
  303. border-radius: 10px;
  304. box-shadow: 0 0 10px {color:shadow};
  305. background:{color:bar3};
  306. -webkit-transition: all .6s ease-in-out;
  307. -moz-transition: all .6s ease-in-out;
  308. -o-transition: all .6s ease-in-out;
  309. -webkit-animation: fadeInDown 2.3s;
  310. -moz-animation: fadeInDown 2.3s;
  311. -ms-animation: fadeInDown 2.3s;
  312. }
  313.  
  314. #bar4{
  315. position:fixed;
  316. width:30px;
  317. height:100%;
  318. margin-left: 865px;
  319. margin-top:300px;
  320. border-top: solid {color:borders} 1px;
  321. border-right: solid {color:borders} 1px;
  322. border-left: solid {color:borders} 1px;
  323. border-radius: 10px;
  324. box-shadow: 0 0 10px {color:shadow};
  325. background:{color:bar4};
  326. -webkit-transition: all .6s ease-in-out;
  327. -moz-transition: all .6s ease-in-out;
  328. -o-transition: all .6s ease-in-out;
  329. -webkit-animation: fadeInDown 1s;
  330. -moz-animation: fadeInDown 1s;
  331. -ms-animation: fadeInDown 1s;
  332. }
  333.  
  334. #nav{
  335. position:fixed;
  336. width:140px;
  337. height:30px;
  338. border: solid {color:nav border} 1px;
  339. border-radius:5px;
  340. box-shadow: 0 0 5px {color:nav shadow};
  341. margin-top:150px;
  342. margin-left: -25px;
  343. background:{color:nav background};
  344. z-index:2;
  345. -webkit-transition: all .5s ease-in-out;
  346. -moz-transition: all .5s ease-in-out;
  347. -o-transition: all .5s ease-in-out;
  348. }
  349.  
  350. #nav:hover{
  351. width:160px;
  352. box-shadow: 0 0 5px {color:nav shadow hover};
  353. border: solid {color:nav border hover} 1px;
  354. background:{color:nav background hover};
  355. -webkit-transition: all .5s ease-in-out;
  356. -moz-transition: all .5s ease-in-out;
  357. -o-transition: all .5s ease-in-out;
  358. }
  359.  
  360. #line{
  361. position:fixed;
  362. width:750px;
  363. border: solid {color:lines} 1px;
  364. margin-top:50px;
  365. }
  366.  
  367. #line2{
  368. position:fixed;
  369. width:750px;
  370. border: solid {color:lines} 1px;
  371. margin-top:520px;
  372. }
  373.  
  374. /*CUSTOMIZE CONTENT HERE*/
  375. #box1{
  376. position:fixed;
  377. width:100px;
  378. height:100px;
  379. border: solid black 1px;
  380. border-radius: 100px/100px;
  381. margin-top:370px;
  382. margin-left: 40px;
  383. background: url('{image:box1 border}');
  384. padding: 10px;
  385. -webkit-transition: all .5s ease-in-out;
  386. -moz-transition: all .5s ease-in-out;
  387. -o-transition: all .5s ease-in-out;
  388. -webkit-animation: bounce 2s;
  389. -moz-animation: bounce 2s;
  390. -ms-animation: bounce 2s;
  391. }
  392.  
  393. #box2{
  394. position:fixed;
  395. width:310px;
  396. height:250px;
  397. border: double {color:borders} 5px;
  398. margin-top: 30px;
  399. margin-left:40px;
  400. background:white;
  401. overflow:auto;
  402. -webkit-transition: all .5s ease-in-out;
  403. -moz-transition: all .5s ease-in-out;
  404. -o-transition: all .5s ease-in-out;
  405. -webkit-animation: fadeInLeft 1.5s;
  406. -moz-animation: fadeInLeft 1.5s;
  407. -ms-animation: fadeInLeft 1.5s;
  408. }
  409.  
  410. #box3{
  411. position:fixed;
  412. width:310px;
  413. height:250px;
  414. border: double {color:borders} 5px;
  415. margin-top: 30px;
  416. margin-left:398px;
  417. background:white;
  418. overflow:auto;
  419. -webkit-transition: all .5s ease-in-out;
  420. -moz-transition: all .5s ease-in-out;
  421. -o-transition: all .5s ease-in-out;
  422. -webkit-animation: fadeInRight 1.5s;
  423. -moz-animation: fadeInRight 1.5s;
  424. -ms-animation: fadeInRight 1.5s;
  425. }
  426.  
  427. #ask{
  428. position:fixed;
  429. width: 500px;
  430. height:200px;
  431. border-radius: 30px 10px / 10px 30px;
  432. margin-top: 325px;
  433. margin-left:205px;
  434. background: url('{image:ask}');
  435. padding: 5px;
  436. -webkit-transition: all .5s ease-in-out;
  437. -moz-transition: all .5s ease-in-out;
  438. -o-transition: all .5s ease-in-out;
  439. -webkit-animation: fadeInUp 1.5s;
  440. -moz-animation: fadeInUp 1.5s;
  441. -ms-animation: fadeInUp 1.5s;
  442. }
  443.  
  444. /*CUSTOMIZE DECORATIVES HERE*/
  445. #navtext{
  446. font-size:25px;
  447. line-height:35px;
  448. text-align:center;
  449. font-family:"Aderyn";
  450. }
  451.  
  452. #title{
  453. position:fixed;
  454. font-size:50px;
  455. margin-left:15px;
  456. line-height:70px;
  457. font-family: "blackswan";
  458. color:{color:title};
  459. }
  460.  
  461. #text{
  462. font-size:15px;
  463. line-height:16px;
  464. text-align:left;
  465. margin-top:55px;
  466. font-family: "sweetiepie";
  467. }
  468.  
  469. #pagetitle{
  470. position:fixed;
  471. margin-top:-60px;
  472. width:700px;
  473. height:50px;
  474. font-family: "simplyglamorous";
  475. font-size: 85px;
  476. line-height:45px;
  477. color:{color:page title};
  478. }
  479.  
  480. @font-face { font-family: "dixel"; src: url('http://static.tumblr.com/jdjsstr/8ovm78cbb/pf_arma_five_1_.ttf'); }
  481. @font-face { font-family: "blackswan"; src: url('http://static.tumblr.com/q54tzar/7POm34eyl/a_s_black_swan_3_.ttf'); }
  482. @font-face { font-family: "sweetiepie"; src: url('http://static.tumblr.com/4yxykdm/h9hlrfl0t/sweetie_pie_1_.ttf'); }
  483. @font-face {font-family:"Aderyn"; src:url('http://static.tumblr.com/9wzbixa/Qnqm26qzk/dk_aderyn_0.ttf');}
  484. @font-face { font-family: "simplyglamorous"; src: url('http://static.tumblr.com/q54tzar/nANm2jtk1/simply_glamorous_2_.ttf'); }
  485.  
  486. @-webkit-keyframes fadeInLeft {
  487. 0% {
  488. opacity: 0;
  489. -webkit-transform: translateX(-50px);
  490. }
  491. 100% {
  492. opacity: 1;
  493. -webkit-transform: translateX(0);
  494. }
  495. }
  496. @-moz-keyframes fadeInLeft {
  497. 0% {
  498. opacity: 0;
  499. -moz-transform: translateX(-50px);
  500. }
  501. 100% {
  502. opacity: 1;
  503. -moz-transform: translateX(0);
  504. }
  505. }
  506. @-ms-keyframes fadeInLeft {
  507. 0% {
  508. opacity: 0;
  509. -ms-transform: translateX(-50px);
  510. }
  511. 100% {
  512. opacity: 1;
  513. -ms-transform: translateX(0);
  514. }
  515. }
  516. @-o-keyframes fadeInLeft {
  517. 0% {
  518. opacity: 0;
  519. -o-transform: translateX(-50px);
  520. }
  521. 100% {
  522. opacity: 1;
  523. -o-transform: translateX(0);
  524. }
  525. }
  526. @keyframes fadeInLeft {
  527. 0% {
  528. opacity: 0;
  529. transform: translateX(-50px);
  530. }
  531. 100% {
  532. opacity: 1;
  533. transform: translateX(0);
  534. }
  535. }
  536. .fadeInLeft {
  537. -webkit-animation-name: fadeInLeft;
  538. -moz-animation-name: fadeInLeft;
  539. -ms-animation-name: fadeInLeft;
  540. -o-animation-name: fadeInLeft;
  541. animation-name: fadeInLeft;
  542. }
  543.  
  544.  
  545. @-webkit-keyframes fadeInRight{
  546. 0% {
  547. opacity: 0;
  548. -webkit-transform: translateX(50px);
  549. }
  550.  
  551. 100% {
  552. opacity: 1;
  553. -webkit-transform: translateX(0);
  554. }
  555. }
  556.  
  557. @-moz-keyframes fadeInRight{
  558. 0% {
  559. opacity: 0;
  560. -moz-transform: translateX(50px);
  561. }
  562.  
  563. 100% {
  564. opacity: 1;
  565. -moz-transform: translateX(0);
  566. }
  567. }
  568.  
  569. @-o-keyframes fadeInRight{
  570. 0% {
  571. opacity: 0;
  572. -o-transform: translateX(50px);
  573. }
  574.  
  575. 100% {
  576. opacity: 1;
  577. -o-transform: translateX(0);
  578. }
  579. }
  580.  
  581. @keyframes fadeInRight{
  582. 0% {
  583. opacity: 0;
  584. transform: translateX(50px);
  585. }
  586.  
  587. 100% {
  588. opacity: 1;
  589. transform: translateX(0);
  590. }
  591. }
  592.  
  593. .fadeInRight{
  594. -webkit-animation-name: fadeInRight;
  595. -moz-animation-name: fadeInRight;
  596. -o-animation-name: fadeInRight;
  597. animation-name: fadeInRight;
  598. }
  599.  
  600.  
  601. .myBounceDiv {
  602. -moz-animation:bounce .40s linear;
  603. -webkit-animation:bounce .40s linear;
  604. }
  605.  
  606. @-moz-keyframes bounce {
  607. 0%{ -moz-transform:scale(0); opacity:0;}
  608. 50%{ -moz-transform:scale(1.3); opacity:0.4; }
  609. 75%{ -moz-transform:scale(0.9); opacity:0.7;}
  610. 100%{ -moz-transform:scale(1); opacity:1;}
  611. }
  612.  
  613. @-webkit-keyframes bounce {
  614. 0%{ -webkit-transform:scale(0); opacity:0;}
  615. 50%{ -webkit-transform:scale(1.3); opacity:0.4;}
  616. 75%{ -webkit-transform:scale(0.9); opacity:0.7;}
  617. 100%{ -webkit-transform:scale(1); opacity:1;}
  618. }
  619.  
  620. {CustomCSS}
  621.  
  622. </style>
  623.  
  624. {block:IndexPage}
  625. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  626. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  627.  
  628. <script type="text/javascript">
  629. $(window).load(function(){
  630. var $wall = $('#posts');
  631. $wall.imagesLoaded(function(){
  632. $wall.masonry({
  633. itemSelector: '.entry, .entry_photo',
  634. isAnimated : false
  635. });
  636. });
  637.  
  638. $wall.infinitescroll({
  639. navSelector : '#pagination',
  640. nextSelector : '#pagination a',
  641. itemSelector : '.entry, .entry_photo',
  642. bufferPx : 2000,
  643. debug : false,
  644. errorCallback: function() {
  645. $('#infscr-loading').fadeOut('normal');
  646. }},
  647. function( newElements ) {
  648. var $newElems = $( newElements );
  649. $newElems.hide();
  650. $newElems.imagesLoaded(function(){
  651. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  652. });
  653. }); $('#posts').show(500);
  654. });
  655. </script>
  656.  
  657.  
  658. {/block:IndexPage}
  659.  
  660.  
  661. <title>{title}</title>
  662.  
  663. <link rel="shortcut icon" href="{Favicon}" />
  664. <meta name="viewport" content="width=820" />
  665. </head>
  666.  
  667. <body>
  668. <BODY onselectstart="return false;" ondragstart="return false;">
  669. <div class="wrapper">
  670. <div class="header">
  671. </div>
  672.  
  673. <div id="cage">
  674. <div id="center">
  675.  
  676. <!--STUFF THAT GOES INTO THE BASE-->
  677. <div id="base">
  678. <div id="pagetitle">{text:page title}</div>
  679. <div id="bar"></div>
  680. <div id="bar2"></div>
  681. <div id="bar3"></div>
  682. <div id="bar4"></div>
  683.  
  684. <div id="sidebar">
  685. <div id="nav"><div id="navtext"><a href="{text:URL1}">{text:URL1 title}</a></div></div><br><br><br><br><br><br><br><br><br>
  686. <div id="nav"><div id="navtext"><a href="{text:URL2}">{text:URL2 title}</a></div></div><br><br><br><br><br><br><br><br><br>
  687. <div id="nav"><div id="navtext"><a href="{text:URL3}">{text:URL3 title}</a></div></div><br><br><br><br><br><br><br><br><br>
  688. <div id="nav"><div id="navtext"><a href="http://christinaxoxthemes.tumblr.com/">theme</a></div></div>
  689. </div>
  690.  
  691. <div id="line"></div>
  692.  
  693. <div id="box2"><div id="title">{text:box2 title}</div>
  694. <div id="text"><ul>
  695. <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
  696. <li>Maecenas non orci non metus dignissim consequat sit amet non nulla.</li>
  697. <li>Nam fermentum lectus id libero tempor gravida.</li>
  698. </ul>
  699. <p></p>
  700. <p></p>
  701. <ul>
  702. <li>Maecenas sed metus vitae odio accumsan dictum.</li>
  703. <li>Phasellus eu libero hendrerit, ultricies sem eget, bibendum urna.</li>
  704. <li>Aliquam venenatis diam ut enim fermentum, ac posuere diam cursus.</li>
  705. <li>Etiam non ligula eu nunc ultrices aliquam eu sit amet dolor.</li>
  706. <li>Mauris ultricies neque vitae urna vulputate pellentesque.</li>
  707. <li>Etiam in erat </div>
  708. </div>
  709.  
  710. <div id="box3"><div id="title">{text:box3 title}</div>
  711. <div id="text"><ul>
  712. <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
  713. <li>Maecenas non orci non metus dignissim consequat sit amet non nulla.</li>
  714. <li>Nam fermentum lectus id libero tempor gravida.</li>
  715. </ul>
  716. <p></p>
  717. <p></p>
  718. <ul>
  719. <li>Maecenas sed metus vitae odio accumsan dictum.</li>
  720. <li>Phasellus eu libero hendrerit, ultricies sem eget, bibendum urna.</li>
  721. <li>Aliquam venenatis diam ut enim fermentum, ac posuere diam cursus.</li>
  722. <li>Etiam non ligula eu nunc ultrices aliquam eu sit amet dolor.</li>
  723. <li>Mauris ultricies neque vitae urna vulputate pellentesque.</li>
  724. <li>Etiam in erat .</div>
  725. </div>
  726.  
  727. <div id="line2"></div>
  728.  
  729. <div id="box1"><img src="{image:box1}" width="100px" height="100px"style="border-radius:100px/100px;"></div>
  730.  
  731. <div id="ask">
  732. <p><iframe frameborder="0" scrolling="no" src="http://www.tumblr.com/ask_form/christina-xox-10.tumblr.com/"; width="500"height="200"></iframe></p></div>
  733. </div></div>
  734. <!------------------------------------->
  735.  
  736. </body>
  737. </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!