Advertisement
Allisons-Themes

Theme #3

Jul 30th, 2013
336
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.86 KB | None | 0 0
  1. <!--
  2. Theme #3 by 0mg-what (Allison)
  3. -->
  4.  
  5. <html lang="en">
  6. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  7. <html xmlns="http://www.w3.org/1999/xhtml">
  8. <head>
  9.  
  10.  
  11. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  12. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  13. <script>
  14. (function($){
  15. $(document).ready(function(){
  16. $("a[title]").style_my_tooltips({
  17. tip_follows_cursor:true,
  18. tip_delay_time:90,
  19. tip_fade_speed:600,
  20. attribute:"title"
  21. });
  22. });
  23. })(jQuery);
  24. </script>
  25.  
  26.  
  27. <script type="text/javascript">
  28. <!--
  29.  
  30. // Disable Right Click Script
  31.  
  32. function IE(e)
  33. {
  34. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  35. {
  36. return false;
  37. }
  38. }
  39. function NS(e)
  40. {
  41. if (document.layers || (document.getElementById && !document.all))
  42. {
  43. if (e.which == "2" || e.which == "3")
  44. {
  45. return false;
  46. }
  47. }
  48. }
  49. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  50.  
  51. //-->
  52. </script>
  53.  
  54.  
  55. <script type="text/javascript"
  56. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  57.  
  58. <!--DEFAULT VARIABLES-->
  59. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  60. <meta name="color:background" content="#fff"/>
  61. <meta name="color:link" content="#777"/>
  62. <meta name="color:text" content="#777"/>
  63. <meta name="color:title" content="#333"/>
  64. <meta name="color:hover" content="#fff"/>
  65. <meta name="image:sidebar1" content="1"/>
  66. <meta name="image:sidebar2" content="1"/>
  67. <meta name="image:sidebar3" content="1"/>
  68. <meta name="image:sidebar4" content="1"/>
  69. <meta name="image:sidebar5" content="1"/>
  70. <meta name="image:sidebar6" content="1"/>
  71. <meta name="image:background" content="1"/>
  72. <meta name="color:topbar" content="#000"/>
  73. <meta name="color:quote" content="#fff"/>
  74. <meta name="text:quote" content=""/>
  75. <meta name="color:postborder" content="#fff"/>
  76. <meta name="image:side1" content=""/>
  77. <meta name="image:side2" content=""/>
  78. <meta name="color:sidebarbordertop" content="#fff"/>
  79. <meta name="color:sidebarborderbottom" content="#fff"/>
  80. <meta name="color:sidebarborderleft" content="#fff"/>
  81. <meta name="color:sidebarborderright" content="#fff"/>
  82. <meta name="color:titlecolor" content="#fff"/>
  83. <meta name="color:descborder" content="#fff"/>
  84. <meta name="color:linkborder" content="#fff"/>
  85. <meta name="text:link1message" content=""/>
  86. <meta name="text:link2message" content=""/>
  87. <meta name="text:link3message" content=""/>
  88. <meta name="text:link4message" content=""/>
  89. <meta name="text:link5message" content=""/>
  90. <meta name="text:link1" content=""/>
  91. <meta name="text:link2" content=""/>
  92. <meta name="text:link3" content=""/>
  93. <meta name="text:link4" content=""/>
  94. <meta name="text:link5" content=""/>
  95. <meta name="text:stats" content=""/>
  96. <meta name="color:statsborder" content="#fff"/>
  97. <meta name="text:name" content=""/>
  98.  
  99. <style type="text/css">
  100.  
  101. /*** ask ***/
  102. .bubble {align:right;background: #eee; margin:7px 0px 5px 66px;padding:10px;position: relative;-moz-border-radius:15px;-webkit-border-radius:5px;border-radius:15px; box-shadow: 1px 1px 10px #aaa;}
  103. .bubble p {margin:1px 0px;}
  104. .bubble span {display:block;position:absolute;width:1px;height:1px;font-size: 5; line-height: 1px;left:-10px;top:10px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:10px solid #eee;}
  105.  
  106. .askborder {float: left;margin: 1px 4px 0 0;padding: 2px; background: #eee}
  107.  
  108. #s-m-t-tooltip {
  109. max-width:300px;
  110. padding:6px 6px 6px 6px;
  111. margin:20px 0px 0px 20px;
  112. height:10px;
  113. line-height: 10px;
  114. background: #fff; /* change the background color */
  115. border:1px solid #fff; /* change the border color */
  116. font-family:arial; /* change the font */
  117. font-size:10px; /* change the font size */
  118. letter-spacing:0px; /* change the letter spacing */
  119. text-transform:uppercase; /* can be uppercase, lowercase, none*/
  120. color:#000; /* change the text color */
  121. z-index:999999999999999999999999999999999999;
  122. }
  123.  
  124. #topbar {
  125. position: fixed !important;
  126. background: {color:topbar};
  127. left:0px;
  128. width:823px;
  129. margin-top: -52px;
  130. margin-left: 400px;
  131. height:30px;
  132. z-index: 1;
  133. opacity: 1;
  134. text-align:center;
  135. border-right: 4px solid white;
  136. }
  137.  
  138.  
  139. #quote{
  140. position: fixed !important;
  141. font-family: "Alice in Wonderland";
  142. font-size: 37px;
  143. line-height: 20px;
  144. margin-left: 10px;
  145. margin-top: 7px;
  146. letter-spacing:2px;
  147. color: {color:quote};
  148. -webkit-transition: all .7s ease;
  149. -moz-transition: all .7s ease;
  150. -o-transition: all .7s ease;
  151. transition: all .7s ease;
  152. text-shadow:0px 0px 7px rgba(0,0,0,0.5);
  153. }
  154.  
  155. #line{
  156. position:fixed !important;
  157. height: 4px;
  158. width: 725px;
  159. margin-left: 400px;
  160. margin-top: 28px;
  161. background-color: white;
  162. }
  163.  
  164. #line2{
  165. position:fixed !important;
  166. height: 4px;
  167. width: 68px;
  168. margin-left: 1158px;
  169. margin-top: 28px;
  170. background-color: white;
  171. }
  172.  
  173.  
  174. #smile{
  175. position:fixed !important;
  176. height: 3px;
  177. width: 305px;
  178. margin-left: 25px;
  179. margin-top: 562px;
  180. background-color: {color:linkborder};
  181. }
  182.  
  183.  
  184. 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-
  185.  
  186. transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  187.  
  188. 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;}
  189.  
  190. p {
  191. margin:0px;
  192. margin-top:0px;
  193. }
  194.  
  195.  
  196. body {
  197. padding: 1px;
  198. margin: 0px;
  199. color:{color:text};
  200. font-family: "janda curlygirl";
  201. line-height:25px;
  202. font-size:17px;
  203. background-color: {color:Background};
  204. background-image:url({image:Background});
  205. background-attachment: fixed;
  206. background-repeat: repeat;
  207. }
  208.  
  209.  
  210. a:link, a:active, a:visited{
  211. text-decoration: none;
  212. -webkit-transition: color 0.3s ease-out;
  213. -moz-transition: color 0.3s ease-out;
  214. transition: color 0.3s ease-out;
  215. color:{color:link};
  216. }
  217.  
  218. a:hover {
  219. text-decoration: none;
  220. font-style:;
  221. color: {color:Hover};
  222. }
  223.  
  224. div#center{
  225. margin:auto;
  226. position:relative;
  227. width:1000px;
  228. background-color:;
  229. overflow:auto;
  230. overflow-y:hidden;
  231. }
  232.  
  233.  
  234. /*CUSTOMIZE ENTRY SETTINGS HERE*/
  235. .entry {
  236. border: 3px solid {color:postborder};
  237. float:left;
  238. display: block;
  239. margin:5px;
  240. overflow:hidden;
  241. width:220px;
  242. {block:PermalinkPage}
  243. width:450px;
  244. text-align:left;
  245. line-height:10px;
  246. {/block:PermalinkPage}
  247. background:white;
  248. background-image:URL();
  249. }
  250.  
  251.  
  252. /*CUSTOMIZE THE APPEARANCE OF PERMALINKS*/
  253. .entry .perma{
  254. width:200px;
  255. height:25px;
  256. margin-left:10px;
  257. position: absolute;
  258. line-height: 25px;
  259. font-size:15px;
  260. font-family: "Arista";
  261. overflow:hidden;
  262. text-align:center;
  263. top:0px;
  264. background:white;
  265. word-spacing:2px;
  266. letter-spacing:1px;
  267. opacity: 0.0;
  268. border-radius: 0px;
  269. -webkit-transition: all .7s ease;
  270. -moz-transition: all .7s ease;
  271. -o-transition: all .7s ease;
  272. transition: all .7s ease;
  273. -webkit-transform:rotate(-360deg);
  274. -moz-transform:rotate(-360deg);
  275. -o-transform: rotate(-360deg);
  276. }
  277.  
  278. .entry:hover .perma{
  279. overflow:visible;
  280. margin-top: 60px;
  281. opacity:1;
  282. -webkit-transform:rotate(360deg);
  283. -moz-transform:rotate(360deg);
  284. -o-transform: rotate(360deg);
  285. }
  286.  
  287.  
  288. /*CUSTOMIZE POST POSITIONING AND STUFFZ HERE*/
  289. #posts {
  290. width: 775px;
  291. margin-top:50px;
  292. z-index:99;
  293. margin-left:235px;
  294. right:auto;
  295. background:transparent;
  296. margin-right:auto;
  297. position:relative;
  298. overflow-y: hidden;
  299. }
  300.  
  301. #ask{
  302. font-size: 15px;
  303. }
  304.  
  305. #signature {
  306. font-size: 30px; /*change the font size*/
  307. font-family: "Indie Star";
  308. color: {color:text}; /*change the font color*/
  309. text-align: right;
  310. text-shadow:0px 0px 7px rgba(0,0,0,0.5);
  311. }
  312.  
  313. /*CUSTOMIZE SIDEBAR HERE*/
  314. #sidebar{
  315. position:fixed !important;
  316. width:275px;
  317. background:white;
  318. height:auto;
  319. margin-top:100px;
  320. margin-left:-150px;
  321. text-align:center;
  322. border-top: 12px solid {color:sidebarbordertop};
  323. border-bottom: 12px solid {color:sidebarborderbottom};
  324. border-left: 12px solid {color:sidebarborderleft};
  325. border-right: 12px solid {color:sidebarborderright};
  326. }
  327.  
  328. #sidebar img:hover{
  329. -webkit-filter: blur(1px)
  330. }
  331.  
  332. #desc{
  333. position:fixed;
  334. z-index:1;
  335. padding:1px;
  336. margin-top: 310px;
  337. margin-left: 12px;
  338. height: auto;
  339. width: 250px;
  340. opacity: 0;
  341. border: 3px solid {color:descborder};
  342. background-color: white;
  343. font-family: "Marker";
  344. font-size: 15px;
  345. line-height: 15px;
  346. border-radius: 0px;
  347. -webkit-transition: all .7s ease;
  348. -moz-transition: all .7s ease;
  349. -o-transition: all .7s ease;
  350. transition: all .7s ease;
  351. -webkit-transform:rotate(-360deg);
  352. -moz-transform:rotate(-360deg);
  353. -o-transform: rotate(-360deg);
  354. }
  355.  
  356. #sidebar:hover #desc{
  357. opacity: 1;
  358. margin-top: 210px;
  359. -webkit-transform:rotate(360deg);
  360. -moz-transform:rotate(360deg);
  361. -o-transform: rotate(360deg);
  362. }
  363.  
  364. #stats{
  365. position:fixed;
  366. z-index:1;
  367. padding:1px;
  368. margin-top: 170px;
  369. margin-left: 150px;
  370. height: 15px;
  371. width: 100px;
  372. opacity: 0;
  373. border: 3px solid {color:statsborder};
  374. background-color: white;
  375. font-family: "Marker";
  376. font-size: 15px;
  377. line-height: 15px;
  378. -webkit-transition: all .7s ease;
  379. -moz-transition: all .7s ease;
  380. -o-transition: all .7s ease;
  381. transition: all .7s ease;
  382. -webkit-transform:rotate(-360deg);
  383. -moz-transform:rotate(-360deg);
  384. -o-transform: rotate(-360deg);
  385. }
  386.  
  387. #sidebar:hover #stats{
  388. opacity: 1;
  389. -webkit-transform:rotate(360deg);
  390. -moz-transform:rotate(360deg);
  391. -o-transform: rotate(360deg);
  392. }
  393.  
  394. #toptitle{
  395. position: fixed !important;
  396. margin-left: -13px;
  397. margin-top: -45px;
  398. font-family: "Little Snorlax";
  399. font-size: 70px;
  400. color: {color:titlecolor};
  401. -webkit-transition: all .7s ease;
  402. -moz-transition: all .7s ease;
  403. -o-transition: all .7s ease;
  404. transition: all .7s ease;
  405. text-shadow:0px 0px 7px rgba(0,0,0,0.5);
  406. }
  407.  
  408. #link1{
  409. position:fixed;
  410. z-index:1;
  411. width:30px;
  412. height:20px;
  413. opacity: 1;
  414. padding: 2px;
  415. padding-top:3px;
  416. margin-left:0px;
  417. margin-top:435px;
  418. background: white;
  419. border:2px solid {color:linkborder};
  420. color:white;
  421. line-height:15px;
  422. font-size: 20px;
  423. font-family: "Fangtasia";
  424. text-align:center;
  425. border-top-left-radius: 0px;
  426. border-top-right-radius: 0px;
  427. border-bottom-left-radius: 0px;
  428. border-bottom-right-radius: 0px;
  429. }
  430.  
  431. #link1:hover{
  432. -webkit-transition: all .9s ease;
  433. -moz-transition: all .9s ease;
  434. -o-transition: all .9s ease;
  435. transition: all .9s ease;
  436. -webkit-transform:rotate(360deg);
  437. -moz-transform:rotate(360deg);
  438. -o-transform: rotate(360deg);
  439. }
  440.  
  441.  
  442.  
  443. #link2{
  444. position:fixed;
  445. z-index:1;
  446. width:30px;
  447. height:20px;
  448. opacity: 1;
  449. padding: 2px;
  450. padding-top:3px;
  451. margin-left:59px;
  452. margin-top:435px;
  453. background: white;
  454. border:2px solid {color:linkborder};
  455. color:white;
  456. line-height:15px;
  457. font-size: 20px;
  458. font-family: "Fangtasia";
  459. text-align:center;
  460. border-top-left-radius: 0px;
  461. border-top-right-radius: 0px;
  462. border-bottom-left-radius: 0px;
  463. border-bottom-right-radius: 0px;
  464. }
  465.  
  466. #link2:hover{
  467. -webkit-transition: all .9s ease;
  468. -moz-transition: all .9s ease;
  469. -o-transition: all .9s ease;
  470. transition: all .9s ease;
  471. -webkit-transform:rotate(360deg);
  472. -moz-transform:rotate(360deg);
  473. -o-transform: rotate(360deg);
  474. }
  475.  
  476.  
  477. #link3{
  478. position:fixed;
  479. z-index:1;
  480. width:30px;
  481. height:20px;
  482. opacity: 1;
  483. padding: 2px;
  484. padding-top:3px;
  485. margin-left:118px;
  486. margin-top:435px;
  487. background: white;
  488. border:2px solid {color:linkborder};
  489. color:white;
  490. line-height:15px;
  491. font-size: 20px;
  492. font-family: "Fangtasia";
  493. text-align:center;
  494. border-top-left-radius: 0px;
  495. border-top-right-radius: 0px;
  496. border-bottom-left-radius: 0px;
  497. border-bottom-right-radius: 0px;
  498. }
  499.  
  500. #link3:hover{
  501. -webkit-transition: all .9s ease;
  502. -moz-transition: all .9s ease;
  503. -o-transition: all .9s ease;
  504. transition: all .9s ease;
  505. -webkit-transform:rotate(360deg);
  506. -moz-transform:rotate(360deg);
  507. -o-transform: rotate(360deg);
  508. }
  509.  
  510.  
  511. #link4{
  512. position:fixed;
  513. z-index:1;
  514. width:30px;
  515. height:20px;
  516. opacity: 1;
  517. padding: 2px;
  518. padding-top:3px;
  519. margin-left:177px;
  520. margin-top:435px;
  521. background: white;
  522. border:2px solid {color:linkborder};
  523. color:white;
  524. line-height:15px;
  525. font-size: 20px;
  526. font-family: "Fangtasia";
  527. text-align:center;
  528. border-top-left-radius: 0px;
  529. border-top-right-radius: 0px;
  530. border-bottom-left-radius: 0px;
  531. border-bottom-right-radius: 0px;
  532. }
  533.  
  534. #link4:hover{
  535. -webkit-transition: all .9s ease;
  536. -moz-transition: all .9s ease;
  537. -o-transition: all .9s ease;
  538. transition: all .9s ease;
  539. -webkit-transform:rotate(360deg);
  540. -moz-transform:rotate(360deg);
  541. -o-transform: rotate(360deg);
  542. }
  543.  
  544.  
  545.  
  546. #link5{
  547. position:fixed;
  548. z-index:1;
  549. width:30px;
  550. height:20px;
  551. opacity: 1;
  552. padding: 2px;
  553. padding-top:3px;
  554. margin-left:237px;
  555. margin-top:435px;
  556. background: white;
  557. border:2px solid {color:linkborder};
  558. color:white;
  559. line-height:15px;
  560. font-size: 20px;
  561. font-family: "Fangtasia";
  562. text-align:center;
  563. border-top-left-radius: 0px;
  564. border-top-right-radius: 0px;
  565. border-bottom-left-radius: 0px;
  566. border-bottom-right-radius: 0px;
  567. }
  568.  
  569. #link5:hover{
  570. -webkit-transition: all .9s ease;
  571. -moz-transition: all .9s ease;
  572. -o-transition: all .9s ease;
  573. transition: all .9s ease;
  574. -webkit-transform:rotate(360deg);
  575. -moz-transform:rotate(360deg);
  576. -o-transform: rotate(360deg);
  577. }
  578.  
  579. div#side1{
  580. position:fixed !important;
  581. width:450px;
  582. height:100%;
  583. top:-5px;
  584. margin-left: -55px;
  585. background-image:url({image:side1});
  586. border: 4px solid #fff;
  587. box-shadow: 1px 1px 10px #aaa;
  588. }
  589.  
  590. div#side2{
  591. position:fixed !important;
  592. width:30px;
  593. height:100%;
  594. top:-5px;
  595. margin-left: 1123px;
  596. background-image:url({image:side2});
  597. border: 4px solid #fff;
  598. box-shadow: 1px 1px 10px #aaa;
  599. }
  600. @font-face{font-family:janda curlygirl;src:url(http://static.tumblr.com/vyr0ogr/n9qmqrc0a/jandacurlygirlchunky.ttf);}
  601.  
  602. @font-face{font-family:Alpha Mack;src:url(http://static.tumblr.com/9wzbixa/2cMmj2fh5/alphamacaoe.ttf);}
  603.  
  604. @font-face{font-family:Brain Flower;src:url(http://static.tumblr.com/9wzbixa/qvjmifp1n/brain_flower.ttf);}
  605.  
  606. @font-face{font-family:Indie Star;src:url(http://static.tumblr.com/9wzbixa/EOUmj2m9n/indiestarbb_reg.otf);}
  607.  
  608. @font-face{font-family:Janitor;src:url(http://static.tumblr.com/9wzbixa/qYTmj2mp1/janitor.ttf);}
  609.  
  610. @font-face{font-family:Fangtasia;src:url(http://static.tumblr.com/9wzbixa/n1fmj2ibf/fangtasia.ttf);}
  611.  
  612. @font-face{font-family:Marker;src:url(http://static.tumblr.com/9wzbixa/8R2mj3l1x/permanentmarker.ttf);}
  613.  
  614. @font-face { font-family:Little Snorlax; src: url(http://static.tumblr.com/vyr0ogr/C1umqo64n/little_snorlax.ttf); }
  615.  
  616. @font-face { font-family:Arista; src: url(http://static.tumblr.com/vyr0ogr/c5qmqo56n/_z__arista.ttf); }
  617.  
  618. @font-face { font-family:Alice in Wonderland; src: url(http://static.tumblr.com/vyr0ogr/Ufzmqo418/alice_in_wonderland_3.ttf); }
  619.  
  620. @font-face {font-family:Always a Good Time; src: url(http://static.tumblr.com/9wzbixa/PUwmj3iyh/kgalwaysagoodtime.ttf);}
  621.  
  622. @font-face { font-family: "dixel"; src: url('http://static.tumblr.com/jdjsstr/8ovm78cbb/pf_arma_five_1_.ttf'); }
  623.  
  624.  
  625. /*CUSTOMIZE TITLE OF ENTRIES HERE*/
  626. .title{
  627. z-index:100;
  628. font-size:25px;
  629. font-family: "Always a Good Time";
  630. line-height: 30px;
  631. color:{color:Title};
  632. font-weight: normal;
  633. text-shadow:0px 0px 7px rgba(0,0,0,0.5);
  634. }
  635.  
  636.  
  637. /*CUSTOMIZE PERMALINKS OF TEXT POSTS AND SUCH HERE*/
  638. .permalink{
  639. text-transform: normal;
  640. display: block;
  641. text-align: right;
  642. text-decoration: none;
  643. }
  644.  
  645.  
  646. /*I RECCOMMEND TO NOT TOUCH ANY OF THIS LOLz*/
  647. #infscr-loading{
  648. bottom: -70px;
  649. position: absolute;
  650. left: 50%;
  651. margin-left:-8px;
  652. width:16px;
  653. height:11px;
  654. overflow:hidden;
  655. margin-bottom: 50px;
  656. }
  657.  
  658. #postnotes{
  659. text-align: justify;}
  660.  
  661. #postnotes blockquote{
  662. border: 0px;}
  663.  
  664. blockquote{
  665. padding:0px 0px 2px 5px;
  666. margin:0px 0px 2px 10px;
  667. border-left: 1px dotted #555555;
  668. }
  669.  
  670. blockquote p, ul{
  671. margin:0px;
  672. padding:0px;
  673. }
  674.  
  675. a img{border: 0px;}
  676.  
  677.  
  678. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  679.  
  680. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  681. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  682.  
  683. .notes img{width:10px; position:relative; top:3px;}
  684. <--ses-->
  685. small{font-size: 90%;}
  686.  
  687. {CustomCSS}
  688.  
  689. </style>
  690.  
  691. {block:IndexPage}
  692. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  693. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  694.  
  695. <script type="text/javascript">
  696. $(window).load(function(){
  697. var $wall = $('#posts');
  698. $wall.imagesLoaded(function(){
  699. $wall.masonry({
  700. itemSelector: '.entry, .entry_photo',
  701. isAnimated : false
  702. });
  703. });
  704.  
  705. $wall.infinitescroll({
  706. navSelector : '#pagination',
  707. nextSelector : '#pagination a',
  708. itemSelector : '.entry, .entry_photo',
  709. bufferPx : 2000,
  710. debug : false,
  711. errorCallback: function() {
  712. $('#infscr-loading').fadeOut('normal');
  713. }},
  714. function( newElements ) {
  715. var $newElems = $( newElements );
  716. $newElems.hide();
  717. $newElems.imagesLoaded(function(){
  718. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  719. });
  720. }); $('#posts').show(500);
  721. });
  722. </script>
  723.  
  724.  
  725. {/block:IndexPage}
  726.  
  727.  
  728. <title>{title}</title>
  729.  
  730. <link rel="shortcut icon" href="{Favicon}" />
  731. <meta name="viewport" content="width=820" />
  732. </head>
  733.  
  734. <body>
  735. <BODY onselectstart="return false;" ondragstart="return false;">
  736. <div class="wrapper">
  737. <div class="header">
  738. </div>
  739.  
  740. <div id="cage">
  741. <div id="side1"></div>
  742. <div id="side2"></div>
  743. <div id="line"></div>
  744. <div id="line2"></div>
  745. <div id="smile"></div>
  746. <div id="center">
  747.  
  748. <!--STUFF THAT GOES INTO THE SIDEBAR-->
  749. <div id="sidebar">
  750. <div id="desc">{Description}</div>
  751. <div id="stats">{text:stats}</div>
  752. <div id="toptitle">{Title}</div>
  753.  
  754. <div id="link1"><a href="{text:link1}"title="{text:link1message}">01</a></div>
  755.  
  756. <div id="link2"><a href="{text:link2}"title="{text:link2message}">02</a></div>
  757.  
  758. <div id="link3"><a href="{text:link3}"title="{text:link3message}">03</a></div>
  759.  
  760. <div id="link4"><a href="{text:link4}"title="{text:link4message}">04</a></div>
  761.  
  762. <div id="link5"><a href="{text:link5}"title="{text:link5message}">05</a></div>
  763.  
  764. <center>
  765. <script language="JavaScript">
  766.  
  767.  
  768. <!--
  769.  
  770. /*
  771. Random Image Script- By JavaScript Kit (http://www.javascriptkit.com)
  772. Over 400+ free JavaScripts here!
  773. Keep this notice intact please
  774. */
  775.  
  776. function random_imglink(){
  777. var myimages=new Array()
  778. //specify random images below. You can have as many as you wish
  779. myimages[1]="{image:sidebar1}"
  780. myimages[2]="{image:sidebar2}"
  781. myimages[3]="{image:sidebar3}"
  782. myimages[4]="{image:sidebar4}"
  783. myimages[5]="{image:sidebar5}"
  784. myimages[6]="{image:sidebar6}"
  785.  
  786. var ry=Math.floor(Math.random()*myimages.length)
  787. if (ry==0)
  788. ry=1
  789. document.write('<img src="'+myimages[ry]+'" border=0 width=100%>')
  790. }
  791. random_imglink()
  792. //-->
  793. </script>
  794. </center>
  795. </div>
  796.  
  797. <!------------------------------------->
  798.  
  799.  
  800. <div class="left">
  801. <div id="topbar"><div id="quote">{text:quote}</div></div>
  802. <div id="posts">
  803. {block:Posts}
  804. <div class="entry">
  805.  
  806. {block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="body">{Body}</span><p align=right><span class="permalink"><a
  807.  
  808. href="{Permalink}"><a href="{Permalink}"><a href="{Permalink}">{notecountwithlabel}</a></a><br>{/block:HasTags}</span></align>
  809. {/block:Text}
  810.  
  811. {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description} <p align=right><span
  812.  
  813. class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"></span></align>{block:Link}
  814.  
  815. {block:Photo}
  816. {block:IndexPage}
  817. <center>
  818. <div class="perma">
  819. <a href="{ReblogURL}" target="_blank"> reblog </a> ϟ <a href="{Permalink}">{notecountwithlabel}</a> </div>
  820.  
  821. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  822. {/block:IndexPage}
  823. {block:PermalinkPage}
  824. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  825.  
  826. {LinkCloseTag}
  827. {/block:PermalinkPage}
  828. {/block:Photo}
  829.  
  830. {block:Answer}<img src="{AskerPortraitURL-48}" align="left" class="askborder"><div class="bubble"><span></span><div id="ask"><b>{Asker} says:</div></b> {Question}&nbsp;</div>{Answer}<div id="answers"><div id="signature">{text:name}</div></div>{/block:answer}
  831.  
  832. {block:Photoset}
  833. {block:IndexPage}
  834. <center>
  835.  
  836. <div class="perma">
  837. <a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  838.  
  839. {Photoset-250}</center>
  840. {/block:IndexPage}
  841. {block:PermalinkPage}
  842. <center>
  843. {Photoset-500}</center>
  844. {/block:PermalinkPage}
  845. {/block:Photoset}
  846.  
  847. {block:Quote}<span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}<br><p align=right><span class="permalink"><a
  848.  
  849. href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"> </span>{/block:Quote}
  850.  
  851. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  852. <ul class="chat">
  853. {block:Lines}
  854. <li class="user_{UserNumber}">
  855. {block:Label}
  856. <span class="label">{Label}</span>
  857. {/block:Label}
  858.  
  859. {Line}
  860. </li>
  861. {/block:Lines}
  862. <p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}">
  863. {/block:Chat}
  864.  
  865. {block:Audio}
  866. <div style="width:200px; height:30px;">
  867. {AudioPlayerBlack}
  868. </div>
  869. {block:IndexPage}<span class="permalink">
  870. <p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"> </a>
  871. </span>{/block:IndexPage}
  872. {/block:Audio}
  873.  
  874. {block:Video}
  875. {block:IndexPage}
  876. <center>
  877. <div class="perma">
  878. <a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  879. {Video-250}</center>
  880. {/block:IndexPage}
  881. {block:PermalinkPage}
  882. <center>
  883. {Video-400}</center>
  884. {/block:PermalinkPage}
  885. {block:Video}
  886.  
  887.  
  888. {block:PostNotes}<div align="middle">{caption}</div>
  889. <center>
  890.  
  891. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  892.  
  893. {block:HasTags}
  894. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  895. {block:RebloggedFrom}
  896. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  897. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  898.  
  899. {/block:RebloggedFrom}
  900. </center></span>
  901. <br>
  902. <div id="postnotes">{PostNotes}</div><br>
  903.  
  904. <center>{block:ContentSource}
  905. <br><a href="{SourceURL}">
  906. {lang:Source}:
  907. {block:SourceLogo}
  908. <img src="{BlackLogoURL}" width="{LogoWidth}"
  909. height="{LogoHeight}" alt="{SourceTitle}" />
  910. {/block:SourceLogo}
  911. {block:NoSourceLogo}
  912. {SourceLink}
  913. {/block:NoSourceLogo}
  914. </a>
  915. {/block:ContentSource}</center>
  916.  
  917. {/block:PostNotes}
  918. </div>
  919. {/block:Posts}
  920. </div></div>
  921.  
  922. {block:IndexPage}
  923. {block:Pagination}
  924. <div id="pagination">
  925. {block:NextPage}
  926. <a id="nextPage" href="{NextPage}"></a>
  927. {/block:NextPage}
  928. {block:PreviousPage}
  929. <a href="{PreviousPage}"></a>
  930. {/block:PreviousPage}
  931. </div>
  932. {/block:Pagination}
  933. {/block:IndexPage}
  934. </body>
  935.  
  936. <div style="position:fixed; bottom:5px; right:5px; background:white; padding-left:3px; padding-right:3px; padding-bottom:5px; padding-top: 5px; font-size: 10px; line-height: 12px; z-index: 10;"><a href="http://0mg-what.tumblr.com"> ♥ </a></div>
  937.  
  938. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement