Advertisement
Allisons-Themes

Old theme part 2

Oct 11th, 2013
126
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 36.57 KB | None | 0 0
  1. <!--
  2. Part 2 of my old theme (without music)
  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. <script type="text/javascript"
  11. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  12. <script>
  13. $(document).ready(function() {
  14. //
  15. $('a.poplight[href^=#]').click(function() {
  16. var popID = $(this).attr('rel'); //Get Popup Name
  17. var popURL = $(this).attr('href'); //Get Popup href to define size
  18. var query= popURL.split('?');
  19. var dim= query[1].split('&');
  20. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  21. $('#' + 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>');
  22. var popMargTop = ($('#' + popID).height() + 80) / 2;
  23. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  24. //Apply Margin to Popup
  25. $('#' + popID).css({
  26. 'margin-top' : -popMargTop,
  27. 'margin-left' : -popMargLeft
  28. });
  29. $('body').append('<div id="fade"></div>');
  30. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  31. return false;
  32. });
  33. $('a.close, #fade').live('click', function() {
  34. $('#fade , .popup_block').fadeOut(function() {
  35. $('#fade, a.close').remove(); //fade them both out
  36. });
  37. return false;
  38. });
  39. });
  40. </script>
  41.  
  42.  
  43. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  44. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  45. <script>
  46. (function($){
  47. $(document).ready(function(){
  48. $("a[title]").style_my_tooltips({
  49. tip_follows_cursor:true,
  50. tip_delay_time:90,
  51. tip_fade_speed:600,
  52. attribute:"title"
  53. });
  54. });
  55. })(jQuery);
  56. </script>
  57.  
  58. <script type="text/javascript">
  59. <!--
  60.  
  61. // Disable Right Click Script
  62.  
  63. function IE(e)
  64. {
  65. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  66. {
  67. return false;
  68. }
  69. }
  70. function NS(e)
  71. {
  72. if (document.layers || (document.getElementById && !document.all))
  73. {
  74. if (e.which == "2" || e.which == "3")
  75. {
  76. return false;
  77. }
  78. }
  79. }
  80. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  81.  
  82. //-->
  83. </script>
  84.  
  85.  
  86. <script type="text/javascript"
  87. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  88.  
  89. <!--DEFAULT VARIABLES-->
  90. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  91. <meta name="color:background" content="#fff"/>
  92. <meta name="color:link" content="#777"/>
  93. <meta name="color:text" content="#777"/>
  94. <meta name="color:title" content="#333"/>
  95. <meta name="color:hover" content="#fff"/>
  96. <meta name="color:link border" content="#fff"/>
  97. <meta name="color:desc border" content="#fff"/>
  98. <meta name="color:sidebar border" content="#fff"/>
  99. <meta name="color:title shadow" content="#fff"/>
  100. <meta name="color:ask border" content="#333"/>
  101. <meta name="color:scrollbar" content="#fff"/>
  102. <meta name="color:note border" content="#333"/>
  103. <meta name="color:post border" content="#333"/>
  104. <meta name="color:title color" content="#333"/>
  105.  
  106. <meta name="image:sidebar0" content="1"/>
  107. <meta name="image:sidebar1" content="1"/>
  108. <meta name="image:sidebar2" content="1"/>
  109. <meta name="image:sidebar3" content="1"/>
  110. <meta name="image:sidebar4" content="1"/>
  111. <meta name="image:sidebar5" content="1"/>
  112. <meta name="image:sidebar6" content="1"/>
  113. <meta name="image:sidebar7" content="1"/>
  114. <meta name="image:sidebar8" content="1"/>
  115. <meta name="image:sidebar9" content="1"/>
  116.  
  117.  
  118. <meta name="image:background" content="1"/>
  119.  
  120. <meta name="text:toptitle" content=""/>
  121. <meta name="text:name" content=""/>
  122. <meta name="text:stats" content=""/>
  123. <meta name="text:quote" content=""/>
  124. <meta name="text:credits" content=""/>
  125. <meta name="text:popup stats" content=""/>
  126. <meta name="text:updates" content=""/>
  127.  
  128. <meta name="text:link 1" content=""/>
  129. <meta name="text:link 1 message" content=""/>
  130. <meta name="text:link 2" content=""/>
  131. <meta name="text:link 2 message" content=""/>
  132. <meta name="text:link 3" content=""/>
  133. <meta name="text:link 3 message" content=""/>
  134. <meta name="text:link 4" content=""/>
  135. <meta name="text:link 4 message" content=""/>
  136. <meta name="text:link 5" content=""/>
  137. <meta name="text:link 5 message" content=""/>
  138.  
  139. <style type="text/css">
  140.  
  141. #fade { /*--Transparent background layer--*/
  142. display: none; /*--hidden by default--*/
  143. background:url(http://static.tumblr.com/vyr0ogr/tq2mrw0l0/images__3_.jpg);
  144. position: fixed; left: 0; top: 0;
  145. width: 100%; height: 100%;
  146. opacity: .5;
  147. z-index: 9999;
  148. }
  149. .popup_block{
  150. display: none; /*--hidden by default--*/
  151. background: #fff;
  152. padding: 20px;
  153. border: 10px solid {color:note border};
  154. line-height: 20px;
  155. float: left;
  156. font-size:15px;
  157. font-family:"calibri";
  158. position: fixed;
  159. top: 50%; left: 50%;
  160. z-index: 99999999;
  161. /*--CSS3 Box Shadows--*/
  162. -webkit-box-shadow: 0px 0px 20px #000;
  163. -moz-box-shadow: 0px 0px 20px #000;
  164. box-shadow: 0px 0px 20px #000;
  165. /*--CSS3 Rounded Corners--*/
  166. -webkit-border-radius: 50px;
  167. -moz-border-radius: 50px;
  168. border-radius: 5px 25px/25px 5px;
  169. -webkit-animation:bounceInUp 3s;
  170. -moz-animation:bounceInUp 3s;
  171. -ms-animation:bounceInUp 3s;
  172. -webkit-transition: all .9s ease;
  173. -moz-transition: all .9s ease;
  174. -o-transition: all .9s ease;
  175. transition: all .9s ease;
  176.  
  177. }
  178. .popup_block:hover{
  179. border-radius: 25px 5px/5px 25px;
  180. -webkit-transition: all .9s ease;
  181. -moz-transition: all .9s ease;
  182. -o-transition: all .9s ease;
  183. transition: all .9s ease;
  184. }
  185.  
  186. img.btn_close {
  187. float: right;
  188. margin: -5px -5px 0 0;
  189. }
  190. /*--Making IE6 Understand Fixed Positioning--*/
  191. *html #fade {
  192. position: absolute;
  193. }
  194. *html .popup_block {
  195. position: absolute;
  196. }
  197.  
  198. #smile1{
  199. background-image:url('http://static.tumblr.com/3yblkz0/S8omdno3x/jaja.png');
  200. repeat:repeat-x;
  201. margin-left:-8px;
  202. width:307px;
  203. margin-top: -27px;
  204. height:18px;
  205. position: fixed;
  206. z-index: 1;
  207. opacity:1;
  208. border-top: 2px solid White;
  209. -webkit-transform:rotate(180deg);
  210. -moz-transform: rotate(180deg);
  211. -o-transform:rotate(180deg);
  212. transform:rotate(180deg);
  213. }
  214.  
  215. #smile4{
  216. background-image:url('http://static.tumblr.com/3yblkz0/S8omdno3x/jaja.png');
  217. repeat:repeat-x;
  218. margin-left:-8px;
  219. width:299px;
  220. margin-top: 422px;
  221. height:18px;
  222. position: fixed;
  223. z-index: 2;
  224. opacity:1;
  225. border-top: 2px solid white;
  226. }
  227.  
  228. #smile2{
  229. background-image:url('http://static.tumblr.com/3yblkz0/S8omdno3x/jaja.png');
  230. repeat:repeat-x;
  231. margin-left:73px;
  232. width:448px;
  233. margin-top: 200px;
  234. height:18px;
  235. position: fixed;
  236. z-index: 1;
  237. opacity:1;
  238. -webkit-transform:rotate(270deg);
  239. -moz-transform: rotate(270deg);
  240. -o-transform:rotate(270deg);
  241. transform:rotate(270deg);
  242. border-top:2px solid white;
  243. }
  244.  
  245. #smile3{
  246. background-image:url('http://static.tumblr.com/3yblkz0/S8omdno3x/jaja.png');
  247. repeat:repeat-x;
  248. margin-left:-236px;
  249. width:448px;
  250. margin-top: 196px;
  251. height:18px;
  252. position: fixed;
  253. z-index: 0;
  254. opacity:1;
  255. -webkit-transform:rotate(90deg);
  256. -moz-transform: rotate(90deg);
  257. -o-transform:rotate(90deg);
  258. transform:rotate(90deg);
  259. border-top:2px solid white;
  260. }
  261.  
  262. #smile5{
  263. background-image:url('http://static.tumblr.com/3yblkz0/S8omdno3x/jaja.png');
  264. repeat:repeat-x;
  265. margin-left:-192px;
  266. width:1000px;
  267. margin-top:300px;
  268. height:18px;
  269. position: fixed;
  270. z-index: ;
  271. opacity:1;
  272. -webkit-transform:rotate(90deg);
  273. -moz-transform: rotate(90deg);
  274. -o-transform:rotate(90deg);
  275. transform:rotate(90deg);
  276. border-top:6px solid {color:post border};
  277. }
  278.  
  279. #smile6{
  280. background-image:url('http://static.tumblr.com/3yblkz0/S8omdno3x/jaja.png');
  281. repeat:repeat-x;
  282. margin-left:476px;
  283. width:1000px;
  284. margin-top:300px;
  285. height:18px;
  286. position: fixed;
  287. z-index: 9;
  288. opacity:1;
  289. -webkit-transform:rotate(270deg);
  290. -moz-transform: rotate(270deg);
  291. -o-transform:rotate(270deg);
  292. transform:rotate(270deg);
  293. border-top:6px solid {color:post border};
  294. }
  295.  
  296. ::-webkit-scrollbar-thumb:vertical {
  297. background-color: {color:scrollbar}; /*scrollbar's slider color*/
  298. background-image:url('URL HERE'); /*optional background image*/
  299. height:100px;
  300. -moz-border-radius: 5px; /*these make bar rounded*/
  301. border-radius: 5px;
  302. border: 1px solid #cecece; /*border's color*/
  303. }
  304.  
  305. ::-webkit-scrollbar-thumb:horizontal {
  306. background-color:{color: scrollbar}; /*scrollbar's slider color*/
  307. height:100px !important;
  308. }
  309.  
  310. ::-webkit-scrollbar {
  311. background-color: gray; /*scrollbar's main color*/
  312. background-image:url('URL HERE'); /*optional background image*/
  313. height:10px;
  314. width:5px; /*width of slider*/
  315. border: 1px solid {color: scrollbar}; /*border's color*/
  316. }
  317.  
  318. #s-m-t-tooltip {
  319. max-width:300px;
  320. height: 12px;
  321. padding:6px 6px 6px 6px;
  322. margin:20px 0px 0px 20px;
  323. background: #fff; /* change the background color */
  324. border:10px double {color:note border}; /* change the border color */
  325. font-family: ""; /* change the font */
  326. font-size:20px; /* change the font size */
  327. line-height: 10px;
  328. letter-spacing:1px; /* change the letter spacing */
  329. text-transform:None; /* can be uppercase, lowercase, none*/
  330. color:#000; /* change the text color */
  331. z-index:999999999999999999999999999999999999;
  332. border-radius: 30px;
  333. }
  334.  
  335. 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-
  336.  
  337. transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  338.  
  339. 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;}
  340.  
  341. p {
  342. margin:0px;
  343. margin-top:0px;
  344. }
  345.  
  346.  
  347. body {
  348. padding: 0px;
  349. margin: 0px;
  350. color:{color:text};
  351. font-family: "calibri";
  352. line-height:20px;
  353. font-size:20px;
  354. background-color: {color:Background};
  355. background-image:url({image:Background});
  356. background-attachment: fixed;
  357. background-repeat: repeat;
  358. }
  359.  
  360.  
  361. a:link, a:active, a:visited{
  362. text-decoration: none;
  363. -webkit-transition: color 0.3s ease-out;
  364. -moz-transition: color 0.3s ease-out;
  365. transition: color 0.3s ease-out;
  366. color:{color:link};
  367. }
  368.  
  369. a:hover {
  370. text-decoration: none;
  371. font-style:;
  372. color: {color:Hover};
  373. }
  374.  
  375. div#center{
  376. margin:auto;
  377. position:relative;
  378. width:1000px;
  379. background-color:;
  380. overflow:auto;
  381. overflow-y:hidden;
  382. }
  383.  
  384.  
  385. /*CUSTOMIZE ENTRY SETTINGS HERE*/
  386. .entry {
  387. float:left;
  388. display: block;
  389. margin:5px;
  390. width:290px;
  391. overflow:hidden;
  392. {block:PermalinkPage}
  393. width:500px;
  394. text-align:left;
  395. line-height:20px;
  396. background: transparent;
  397. padding: 0px;
  398. border: 0px solid white;
  399. overflow:auto;
  400. {/block:PermalinkPage}
  401. background: white;
  402. background-image:URL();
  403. padding:10px;
  404. border: 1px solid #e9e9e9;
  405. border-radius: 10px;
  406. }
  407.  
  408. .entry img{
  409. background:#f6f6f6;
  410. padding: 9px;
  411. margin-left: -5px;
  412. border: 1px solid #e9e9e9;
  413. width: 280px;
  414. border-radius: 10px;
  415. overflow:visible;
  416. {block:PermalinkPage}
  417. word-spacing: 2;
  418. line-height: 20px;
  419. padding: 0px;
  420. width:480px;
  421. overflow:auto;
  422. {/block:PermalinkPage}
  423. }
  424.  
  425. /*CUSTOMIZE THE APPEARANCE OF PERMALINKS*/
  426. .entry .perma{
  427. width:220px;
  428. height:30px;
  429. margin-left:30px;
  430. position: absolute;
  431. line-height: 25px;
  432. overflow:hidden;
  433. text-align:center;
  434. top:-30px;
  435. background:white;
  436. word-spacing:2px;
  437. letter-spacing:1px;
  438. opacity: 0.0;
  439. border-bottom: 7px solid {color:note border} ;
  440. border-top: 7px solid {color:note border};
  441. border-left: 10px double {color:note border};
  442. border-right: 10px double {color:note border} ;
  443. font-size: ;
  444. font-family: "Pink";
  445. -webkit-transition: all .7s ease;
  446. -moz-transition: all .7s ease;
  447. -o-transition: all .7s ease;
  448. transition: all .7s ease;
  449. transform: perspective(0) rotateX(0deg);
  450. -o-transform: perspective(0) rotateX(0deg);
  451. -webkit-transform: perspective(0) rotateX(0deg);
  452. }
  453.  
  454. .entry:hover .perma{
  455. overflow:visible;
  456. opacity:1;
  457. top:30px;
  458. transform: perspective(0) rotateX(360deg);
  459. -o-transform: perspective(0) rotateX(360deg);
  460. -webkit-transform: perspective(0) rotateX(360deg);
  461. -webkit-transition: all .7s ease;
  462. -moz-transition: all .7s ease;
  463. -o-transition: all .7s ease;
  464. transition: all .7s ease;
  465. }
  466.  
  467. .entry .perma2{
  468. width:220px;
  469. height:30px;
  470. margin-left:30px;
  471. position: absolute;
  472. line-height: 25px;
  473. overflow:hidden;
  474. text-align:center;
  475. bottom:-30px;
  476. background:white;
  477. word-spacing:2px;
  478. letter-spacing:1px;
  479. opacity: 0.0;
  480. border-bottom: 7px solid {color:note border} ;
  481. border-top: 7px solid {color:note border};
  482. border-left: 10px double {color:note border};
  483. border-right: 10px double {color:note border} ;
  484. font-size: ;
  485. font-family: "Pink";
  486. -webkit-transition: all .7s ease;
  487. -moz-transition: all .7s ease;
  488. -o-transition: all .7s ease;
  489. transition: all .7s ease;
  490. transform: perspective(0) rotateX(0deg);
  491. -o-transform: perspective(0) rotateX(0deg);
  492. -webkit-transform: perspective(0) rotateX(0deg);
  493. }
  494.  
  495. .entry:hover .perma2{
  496. overflow:visible;
  497. opacity:1;
  498. bottom: 30px;
  499. transform: perspective(0) rotateX(360deg);
  500. -o-transform: perspective(0) rotateX(360deg);
  501. -webkit-transform: perspective(0) rotateX(360deg);
  502. -webkit-transition: all .7s ease;
  503. -moz-transition: all .7s ease;
  504. -o-transition: all .7s ease;
  505. transition: all .7s ease;
  506. }
  507.  
  508. /*CUSTOMIZE POST POSITIONING AND STUFFZ HERE*/
  509. #posts {
  510. width:655px;
  511. margin-top: -2px;
  512. margin-left:320px;
  513. position:fixed;
  514. background:white;
  515. border-left: 5px;
  516. }
  517.  
  518. askk{
  519. font-size: 30px;
  520. font-family: "heart";
  521. line-height: 30px;
  522. }
  523.  
  524. question{
  525. font-size:15px;
  526. line-height: 15px;
  527. font-family: "calibri";
  528. }
  529.  
  530. answer{
  531. font-size:15px;
  532. line-height:15px;
  533. font-family: "calibri";
  534. }
  535.  
  536. name{
  537. font-size:32px;
  538. line-height: 25px;
  539. font-family: "heart";
  540. text-shadow: 2px 4px 6px;
  541. color: #d7d7d7;
  542. }
  543.  
  544.  
  545. /*CUSTOMIZE SIDEBAR HERE*/
  546. #sidebar{
  547. position:fixed !important;
  548. background:{color:sidebar border};
  549. width:287px;
  550. height:auto;
  551. margin-top:100px;
  552. margin-left:-105px;
  553. text-align:center;
  554. padding-left: 0px;
  555. padding-right: 0px;
  556. padding-bottom: 5px;
  557. padding-top: 5px;
  558. border: 8px solid white;
  559. border-radius: 15px;
  560. transform: perspective(00) rotateY(0deg);
  561. -o-transform: perspective(00) rotateY(0deg);
  562. -webkit-transform: perspective(00) rotateY(0deg);
  563. }
  564.  
  565. #sidebar img{
  566. -webkit-filter:grayscale(100%);
  567. }
  568.  
  569. #sidebarrr{
  570. transform-origin: 0% 0%;
  571. -webkit-transform-origin: 0% 0%;
  572. -o-transform-origin: 0% 0%;
  573. -webkit-transition: all .7s ease;
  574. -moz-transition: all .7s ease;
  575. -o-transition: all .7s ease;
  576. transition: all .7s ease;
  577. }
  578.  
  579. #sidebar:hover #sidebarrr{
  580. z-index: 99999999999999999999999999999999999999999999999999;
  581. -webkit-transition: opacity -.2s linear;
  582. opacity: 0;
  583. transform: perspective(950) rotateY(-180deg);
  584. -o-transform: perspective(950) rotateY(-180deg);
  585. -webkit-transform: perspective(950) rotateY(-180deg);
  586. transform-origin: 0% 0%;
  587. -webkit-transform-origin: 0% 0%;
  588. -o-transform-origin: 0% 0%;
  589. -webkit-transition: all .9s ease;
  590. -moz-transition: all .9s ease;
  591. -o-transition: all .9s ease;
  592. transition: all .9s ease;
  593. }
  594.  
  595. #sidebarr img{
  596. margin-left: -1px;
  597. width: 270px;
  598. height: 405px;
  599. border:6px double white;
  600. border-radius:5px;
  601. }
  602.  
  603. #link1{
  604. position:fixed;
  605. z-index:1;
  606. width:50px;
  607. height:50px;
  608. opacity: 0;
  609. padding: 2px;
  610. padding-top:3px;
  611. margin-left:15px;
  612. margin-top:290px;
  613. background: white;
  614. border:5px double {color:link border};
  615. color:white;
  616. line-height:15px;
  617. font-size: 20px;
  618. font-family: "Fangtasia";
  619. text-align:center;
  620. border-radius: 15px 10px/10px 15px;
  621. -webkit-transition: all .3s ease;
  622. -moz-transition: all .3s ease;
  623. -o-transition: all .3s ease;
  624. transition: all .3s ease;
  625. }
  626.  
  627. #sidebar:hover #link1{
  628. opacity: 1;
  629. -webkit-transition: all .7s ease;
  630. -moz-transition: all .7s ease;
  631. -o-transition: all .7s ease;
  632. transition: all .7s ease;
  633. }
  634.  
  635.  
  636. #link2{
  637. position:fixed;
  638. z-index:1;
  639. width:50px;
  640. height:50px;
  641. opacity: 0;
  642. padding: 2px;
  643. padding-top:3px;
  644. margin-left:65px;
  645. margin-top:355px;
  646. background: white;
  647. border:5px double {color:link border};
  648. color:white;
  649. line-height:15px;
  650. font-size: 20px;
  651. font-family: "Fangtasia";
  652. text-align:center;
  653. border-radius: 15px 10px/10px 15px;
  654. -webkit-transition: all .3s ease;
  655. -moz-transition: all .3s ease;
  656. -o-transition: all .3s ease;
  657. transition: all .3s ease;
  658. }
  659.  
  660. #sidebar:hover #link2{
  661. opacity: 1;
  662. -webkit-transition: all .7s ease;
  663. -moz-transition: all .7s ease;
  664. -o-transition: all .7s ease;
  665. transition: all .7s ease;
  666. }
  667.  
  668.  
  669.  
  670. #link3{
  671. position:fixed;
  672. z-index:1;
  673. width:50px;
  674. height:50px;
  675. opacity: 0;
  676. padding: 2px;
  677. padding-top:3px;
  678. margin-left:115px;
  679. margin-top:290px;
  680. background: white;
  681. border:5px double {color:link border};
  682. color:white;
  683. line-height:15px;
  684. font-size: 20px;
  685. font-family: "Fangtasia";
  686. text-align:center;
  687. border-radius: 15px 10px/10px 15px;
  688. -webkit-transition: all .3s ease;
  689. -moz-transition: all .3s ease;
  690. -o-transition: all .3s ease;
  691. transition: all .3s ease;
  692. }
  693.  
  694. #sidebar:hover #link3{
  695. opacity: 1;
  696. -webkit-transition: all .7s ease;
  697. -moz-transition: all .7s ease;
  698. -o-transition: all .7s ease;
  699. transition: all .7s ease;
  700. }
  701.  
  702.  
  703.  
  704. #link4{
  705. position:fixed;
  706. z-index:1;
  707. width:50px;
  708. height:50px;
  709. opacity: 0;
  710. padding: 2px;
  711. padding-top:3px;
  712. margin-left:165px;
  713. margin-top:355px;
  714. background: white;
  715. border:5px double {color:link border};
  716. color:white;
  717. line-height:15px;
  718. font-size: 20px;
  719. font-family: "Fangtasia";
  720. text-align:center;
  721. border-radius: 15px 10px/10px 15px;
  722. -webkit-transition: all .3s ease;
  723. -moz-transition: all .3s ease;
  724. -o-transition: all .3s ease;
  725. transition: all .3s ease;
  726. }
  727.  
  728. #sidebar:hover #link4{
  729. opacity: 1;
  730. -webkit-transition: all .7s ease;
  731. -moz-transition: all .7s ease;
  732. -o-transition: all .7s ease;
  733. transition: all .7s ease;
  734. }
  735.  
  736.  
  737.  
  738. #link5{
  739. position:fixed;
  740. z-index:1;
  741. width:50px;
  742. height:50px;
  743. opacity: 0;
  744. padding: 2px;
  745. padding-top:3px;
  746. margin-left:215px;
  747. margin-top:290px;
  748. background: white;
  749. border:5px double {color:link border};
  750. padding: 2px;
  751. color:white;
  752. line-height:15px;
  753. font-size: 20px;
  754. font-family: "Fangtasia";
  755. text-align:center;
  756. border-radius: 15px 10px/10px 15px;
  757. -webkit-transition: all .3s ease;
  758. -moz-transition: all .3s ease;
  759. -o-transition: all .3s ease;
  760. transition: all .3s ease;
  761. }
  762.  
  763. #link5:hover{
  764. -webkit-transition: all .7s ease;
  765. -moz-transition: all .7s ease;
  766. -o-transition: all .7s ease;
  767. transition: all .7s ease;
  768. }
  769.  
  770. #sidebar:hover #link5{
  771. opacity: 1;
  772. -webkit-transition: all .7s ease;
  773. -moz-transition: all .7s ease;
  774. -o-transition: all .7s ease;
  775. transition: all .7s ease;
  776. }
  777.  
  778.  
  779. #desc{
  780. position:fixed;
  781. z-index:1;
  782. padding:1px;
  783. margin-top: 220px;
  784. margin-left: 15px;
  785. height: 60px;
  786. width: 250px;
  787. opacity: 0;
  788. border: 3px double {color:desc border};
  789. background-color: white;
  790. font-family: "Rose";
  791. font-size: 20px;
  792. line-height: 20px;
  793. border-radius: 15px 10px/10px 15px;
  794. -webkit-transition: all .3s ease;
  795. -moz-transition: all .3s ease;
  796. -o-transition: all .3s ease;
  797. transition: all .3s ease;
  798. }
  799.  
  800. #sidebar:hover #desc{
  801. opacity: 1;
  802. -webkit-transition: all .7s ease;
  803. -moz-transition: all .7s ease;
  804. -o-transition: all .7s ease;
  805. transition: all .7s ease;
  806. }
  807.  
  808. #stats{
  809. position:fixed;
  810. z-index:1;
  811. padding:1px;
  812. margin-top: 130px;
  813. margin-left: 15px;
  814. height: 30px;
  815. width: 170px;
  816. opacity: 0;
  817. border: 3px double {color:desc border};
  818. background-color: white;
  819. font-family: "Rose";
  820. font-size: 25px;
  821. line-height: 25px;
  822. border-radius: 15px 10px/10px 15px;
  823. -webkit-transition: all .3s ease;
  824. -moz-transition: all .3s ease;
  825. -o-transition: all .3s ease;
  826. transition: all .3s ease;
  827. }
  828.  
  829. #sidebar:hover #stats{
  830. opacity: 1;
  831. -webkit-transition: all .7s ease;
  832. -moz-transition: all .7s ease;
  833. -o-transition: all .7s ease;
  834. transition: all .7s ease;
  835. }
  836.  
  837.  
  838. #heart{
  839. position:fixed;
  840. z-index:1;
  841. padding:1px;
  842. margin-top: 128px;
  843. margin-left: 225px;
  844. height: 30px;
  845. width: 40px;
  846. opacity: 0;
  847. border: 3px double {color:desc border};
  848. background-color: white;
  849. font-family: "Marker";
  850. font-size: 15px;
  851. line-height: 15px;
  852. border-radius: 15px 10px/10px 15px;
  853. -webkit-transition: all .3s ease;
  854. -moz-transition: all .3s ease;
  855. -o-transition: all .3s ease;
  856. transition: all .3s ease;
  857. }
  858.  
  859. #sidebar:hover #heart{
  860. opacity: 1;
  861. -webkit-transition: all .7s ease;
  862. -moz-transition: all .7s ease;
  863. -o-transition: all .7s ease;
  864. transition: all .7s ease;
  865. }
  866.  
  867.  
  868. #star{
  869. position:fixed;
  870. z-index:1;
  871. padding:1px;
  872. margin-top: 102px;
  873. margin-left: 15px;
  874. height: 30px;
  875. width: 40px;
  876. opacity: 0;
  877. -webkit-transition: all .3s ease;
  878. -moz-transition: all .3s ease;
  879. -o-transition: all .3s ease;
  880. transition: all .3s ease;
  881. }
  882.  
  883. #sidebar:hover #star{
  884. opacity: 1;
  885. -webkit-transition: all .7s ease;
  886. -moz-transition: all .7s ease;
  887. -o-transition: all .7s ease;
  888. transition: all .7s ease;
  889. }
  890.  
  891.  
  892.  
  893. #Flower{
  894. position:fixed;
  895. float: left;
  896. height: 50px;
  897. z-index:99;
  898. right:-14px;
  899. top:445px;
  900. background: transparent;
  901. }
  902.  
  903. #gif{
  904. position: fixed !important;
  905. opacity:0;
  906. margin-left:0px;
  907. z-index: 9999999999;
  908. margin-top: 0px;
  909. font-family: "Normal";
  910. font-size: 25px;
  911. line-height: 23px;
  912. color: {color:titlecolor};
  913. text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;
  914. -webkit-transition: all .3s ease;
  915. -moz-transition: all .3s ease;
  916. -o-transition: all .3s ease;
  917. transition: all .3s ease;
  918. }
  919.  
  920. #sidebar:hover #gif{
  921. opacity: 1;
  922. -webkit-transform:rotate(0deg);
  923. -moz-transform:rotate(0deg);
  924. -o-transform: rotate(0deg);
  925. -webkit-transition: all .7s ease;
  926. -moz-transition: all .7s ease;
  927. -o-transition: all .7s ease;
  928. transition: all .7s ease;
  929. }
  930.  
  931. #allison{
  932. position: fixed !important;
  933. opacity:0;
  934. margin-left: 20px;
  935. z-index: 9999999999;
  936. margin-top: 200px;
  937. font-family: "Marina";
  938. font-size: 40px;
  939. color: {color:titlecolor};
  940. -webkit-transition: all .3s ease;
  941. -moz-transition: all .3s ease;
  942. -o-transition: all .3s ease;
  943. transition: all .3s ease;
  944. -webkit-transform:rotate(-20deg);
  945. -moz-transform:rotate(-20deg);
  946. -o-transform: rotate(-20deg);
  947. }
  948.  
  949. #sidebar:hover #allison{
  950. opacity: 1;
  951. -webkit-transform:rotate(0deg);
  952. -moz-transform:rotate(0deg);
  953. -o-transform: rotate(0deg);
  954. -webkit-transition: all .7s ease;
  955. -moz-transition: all .7s ease;
  956. -o-transition: all .7s ease;
  957. transition: all .7s ease;
  958. }
  959.  
  960. #toptitle{
  961. position: fixed !important;
  962. margin-left: -60px;
  963. z-index: 9999999999;
  964. margin-top: -10px;
  965. font-family: "Marina";
  966. font-size:90px;
  967. color: {color:title color};
  968. text-shadow: -3px 0 #fff, 0 3px #fff, 3px 0 #fff, 0 -3px #fff;
  969. -webkit-transform:rotate(-20deg);
  970. -moz-transform:rotate(-20deg);
  971. -o-transform: rotate(-20deg);
  972. -webkit-transition: all .7s ease;
  973. -moz-transition: all .7s ease;
  974. -o-transition: all .7s ease;
  975. transition: all .7s ease;
  976. }
  977.  
  978. #sidebar:hover #toptitle{
  979. opacity: 0;
  980. -webkit-transition: all .7s ease;
  981. -moz-transition: all .7s ease;
  982. -o-transition: all .7s ease;
  983. transition: all .7s ease;
  984. -webkit-transform:rotate(0deg);
  985. -moz-transform:rotate(0deg);
  986. -o-transform: rotate(0deg);
  987. }
  988. @font-face { font-family: ; src: url(); }
  989.  
  990. @font-face { font-family: ; src: url(); }
  991.  
  992. @font-face { font-family: ; src: url(); }
  993.  
  994. @font-face { font-family: Giggle; src: url(http://static.tumblr.com/vyr0ogr/nafmsmsgy/just_for_giggles.ttf); }
  995.  
  996. @font-face { font-family: Normal; src: url(http://static.tumblr.com/vyr0ogr/VF8msmsck/deutsche_normalschrift_a.ttf); }
  997.  
  998. @font-face { font-family: Rose; src: url(http://static.tumblr.com/vyr0ogr/GRsmsms5f/anjelika_rose.ttf); }
  999.  
  1000. @font-face { font-family: Pink; src: url(http://static.tumblr.com/vyr0ogr/m3xmsmrj2/all_things_pink.ttf); }
  1001.  
  1002. @font-face { font-family: heart; src: url(http://static.tumblr.com/vyr0ogr/TJomsmr9w/always_in_my_heart.ttf); }
  1003.  
  1004. @font-face { font-family: Marina; src: url(http://static.tumblr.com/vyr0ogr/yjzmrv704/a_gentle_touch.ttf); }
  1005.  
  1006. @font-face { font-family: "dixel"; src: url('http://static.tumblr.com/jdjsstr/8ovm78cbb/pf_arma_five_1_.ttf'); }
  1007.  
  1008.  
  1009. /*CUSTOMIZE TITLE OF ENTRIES HERE*/
  1010. .title{
  1011. line-height: 45px;
  1012. font-size: 45px;
  1013. font-family: "Giggle";
  1014. text-shadow: 2px 3px 4px {color:title shadow};
  1015. color:{color:Title};
  1016. font-weight: normal;
  1017. }
  1018.  
  1019.  
  1020. /*CUSTOMIZE PERMALINKS OF TEXT POSTS AND SUCH HERE*/
  1021. .permalink{
  1022. text-transform: normal;
  1023. display: block;
  1024. text-align: right;
  1025. text-decoration: none;
  1026. }
  1027.  
  1028.  
  1029. /*I RECCOMMEND TO NOT TOUCH ANY OF THIS LOLz*/
  1030. #infscr-loading{
  1031. bottom: -70px;
  1032. position: absolute;
  1033. left: 50%;
  1034. margin-left:-8px;
  1035. width:16px;
  1036. height:11px;
  1037. overflow:hidden;
  1038. margin-bottom: 50px;
  1039. }
  1040.  
  1041. #postnotes{
  1042. text-align: justify;}
  1043.  
  1044. #postnotes blockquote{
  1045. border: 0px;}
  1046.  
  1047. blockquote{
  1048. padding:0px 0px 2px 5px;
  1049. margin:0px 0px 2px 10px;
  1050. border-left: 1px dotted #555555;
  1051. }
  1052.  
  1053. blockquote p, ul{
  1054. margin:0px;
  1055. padding:0px;
  1056. }
  1057.  
  1058. a img{border: 0px;}
  1059.  
  1060.  
  1061. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  1062.  
  1063. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  1064. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  1065.  
  1066. .notes img{width:10px; position:relative; top:3px;}
  1067. <--ses-->
  1068. small{font-size: 90%;}
  1069.  
  1070. @-webkit-keyframes flipOutY {
  1071. 0% {
  1072. -webkit-transform: perspective(400px) rotateY(0deg);
  1073. opacity: 1;
  1074. }
  1075. 100% {
  1076. -webkit-transform: perspective(400px) rotateY(90deg);
  1077. opacity: 0;
  1078. }
  1079. }
  1080. @-moz-keyframes flipOutY {
  1081. 0% {
  1082. -moz-transform: perspective(400px) rotateY(0deg);
  1083. opacity: 1;
  1084. }
  1085. 100% {
  1086. -moz-transform: perspective(400px) rotateY(90deg);
  1087. opacity: 0;
  1088. }
  1089. }
  1090. @-o-keyframes flipOutY {
  1091. 0% {
  1092. -o-transform: perspective(400px) rotateY(0deg);
  1093. opacity: 1;
  1094. }
  1095. 100% {
  1096. -o-transform: perspective(400px) rotateY(90deg);
  1097. opacity: 0;
  1098. }
  1099. }
  1100. @keyframes flipOutY {
  1101. 0% {
  1102. transform: perspective(400px) rotateY(0deg);
  1103. opacity: 1;
  1104. }
  1105. 100% {
  1106. transform: perspective(400px) rotateY(90deg);
  1107. opacity: 0;
  1108. }
  1109. }
  1110.  
  1111. .flipOutY {
  1112. -webkit-backface-visibility: visible !important;
  1113. -webkit-animation-name: flipOutY;
  1114. -moz-backface-visibility: visible !important;
  1115. -moz-animation-name: flipOutY;
  1116. -o-backface-visibility: visible !important;
  1117. -o-animation-name: flipOutY;
  1118. backface-visibility: visible !important;
  1119. animation-name: flipOutY;
  1120. }
  1121.  
  1122.  
  1123. {CustomCSS}
  1124.  
  1125. </style>
  1126.  
  1127. {block:IndexPage}
  1128. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  1129. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  1130.  
  1131. <script type="text/javascript">
  1132. $(window).load(function(){
  1133. var $wall = $('#posts');
  1134. $wall.imagesLoaded(function(){
  1135. $wall.masonry({
  1136. itemSelector: '.entry, .entry_photo',
  1137. isAnimated : false
  1138. });
  1139. });
  1140.  
  1141. $wall.infinitescroll({
  1142. navSelector : '#pagination',
  1143. nextSelector : '#pagination a',
  1144. itemSelector : '.entry, .entry_photo',
  1145. bufferPx : 2000,
  1146. debug : false,
  1147. errorCallback: function() {
  1148. $('#infscr-loading').fadeOut('normal');
  1149. }},
  1150. function( newElements ) {
  1151. var $newElems = $( newElements );
  1152. $newElems.hide();
  1153. $newElems.imagesLoaded(function(){
  1154. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  1155. });
  1156. }); $('#posts').show(500);
  1157. });
  1158. </script>
  1159.  
  1160.  
  1161. {/block:IndexPage}
  1162.  
  1163.  
  1164. <title>{title}</title>
  1165.  
  1166. <link rel="shortcut icon" href="http://media.tumblr.com/tumblr_ltsfswn7kZ1r1b4vq.gif" />
  1167. <meta name="viewport" content="width=820" />
  1168. </head>
  1169.  
  1170. <body onkeydown="return false">
  1171.  
  1172. <BODY onselectstart="return false;" ondragstart="return false;">
  1173. <div class="wrapper">
  1174. <div class="header">
  1175. </div>
  1176.  
  1177. <div id="cage">
  1178. <div id="center">
  1179.  
  1180. <div id="Flower">
  1181. <img src="http://31.media.tumblr.com/tumblr_mbtiguRETI1rgpyeqo1_500.png" height=auto width=190px>
  1182. </div>
  1183.  
  1184. <!--STUFF THAT GOES INTO THE SIDEBAR-->
  1185. <div id="sidebar">
  1186. <div id="smile1"></div>
  1187. <div id="smile2"></div>
  1188. <div id="smile3"></div>
  1189. <div id="smile4"></div>
  1190. <div id="stats">{text:stats}</div>
  1191. <div id="gif">{text:quote}
  1192. </div>
  1193.  
  1194. <div id="star"><a href="#?w=300" rel="04" class="poplight"title="Credits"><img src="http://i1261.photobucket.com/albums/ii598/invisibunny/pixels/00000_zps1cd987d2.gif"></a>
  1195. </div>
  1196.  
  1197. <div id="heart"><a href="#?w=300" rel="03" class="poplight"title="Updates & more stats"><div style="margin-top:5px;"><img src="https://cdn4.iconfinder.com/data/icons/berlin/32x32/heart.png" width=18px;></div></a>
  1198. </div>
  1199.  
  1200. <div id="allison">{text:name};</div>
  1201. <div id="desc">{Description}</div>
  1202. <div id="toptitle">{text:toptitle}</div>
  1203.  
  1204. <div id="link1"><a href="{text:link 1}"title="{text:link 1 message}">
  1205. <div style="-webkit-filter:grayscale(100%); margin-top: 1px;">
  1206. <img src="https://cdn1.iconfinder.com/data/icons/kids/128x128/filesystems/folder_home.png" width=45px height=45px></div>
  1207. </a></div>
  1208.  
  1209. <div id="link2"><a href="{text:link 2}"title="{text:link 2 message}">
  1210. <div style="-webkit-filter:grayscale(100%); margin-top:2px;">
  1211. <img src="https://cdn1.iconfinder.com/data/icons/kids/128x128/apps/mail.png" width=50px height=50px></div>
  1212. </a></div>
  1213.  
  1214. <div id="link3"><a href="{text:link 3}"title="{text:link 3 message}">
  1215. <div style="-webkit-filter:grayscale(100%); margin-top: 0px;">
  1216. <img src="https://cdn1.iconfinder.com/data/icons/kids/128x128/actions/viewmag.png.png" width=47px height=47px></div>
  1217. </a></div>
  1218.  
  1219. <div id="link4"><a href="{text:link 4}"title="{text:link 4 message}">
  1220. <div style="-webkit-filter:grayscale(100%); margin-top: 2px; margin-left: 3px;">
  1221. <img src="https://cdn1.iconfinder.com/data/icons/kids/128x128/devices/camera.png" width=50px height=50px></div>
  1222. </a></div>
  1223.  
  1224. <div id="link5"><a href="{text:link 5}"title="{text:link 5 message}">
  1225. <div style="-webkit-filter:grayscale(100%); margin-top:3px;">
  1226. <img src="https://cdn1.iconfinder.com/data/icons/kids/128x128/apps/stylesheet.png" width=45px height=45px></div>
  1227. </a></div>
  1228.  
  1229. <center>
  1230. <div id="sidebarrr"><div id="sidebarr"><script language="JavaScript">
  1231. <!--
  1232.  
  1233. /*
  1234. Random Image Script- By JavaScript Kit (http://www.javascriptkit.com)
  1235. Over 400+ free JavaScripts here!
  1236. Keep this notice intact please
  1237. */
  1238.  
  1239. function random_imglink(){
  1240. var myimages=new Array()
  1241. //specify random images below. You can have as many as you wish
  1242. myimages[1]="{image:sidebar0}"
  1243. myimages[2]="{image:sidebar1}"
  1244. myimages[3]="{image:sidebar2}"
  1245. myimages[4]="{image:sidebar3}"
  1246. myimages[5]="{image:sidebar4}"
  1247. myimages[6]="{image:sidebar5}"
  1248. myimages[7]="{image:sidebar6}"
  1249. myimages[8]="{image:sidebar7}"
  1250. myimages[9]="{image:sidebar8}"
  1251. myimages[10]="{image:sidebar9}"
  1252.  
  1253. var ry=Math.floor(Math.random()*myimages.length)
  1254. if (ry==0)
  1255. ry=1
  1256. document.write('<img src="'+myimages[ry]+'" border=0 height=405px >')
  1257. }
  1258. random_imglink()
  1259. //-->
  1260. </script></div></div>
  1261.  
  1262. </center>
  1263. </div>
  1264. <!------------------------------------->
  1265.  
  1266.  
  1267. <div class="left">
  1268. <div id="smile5"></div>
  1269. <div id="smile6"></div>
  1270.  
  1271. <div id="posts">
  1272.  
  1273. {block:Posts}
  1274. <div class="entry">
  1275.  
  1276. {block:Answer}
  1277. <img src="{AskerPortraitURL-40}" align=left style="border:1px solid #d7d7d7; border-radius: 10px; width: 40px; padding: 0;"/>
  1278. <div style=" border-radius:10px; min-height: 25px; border: 1px solid {color:ask border}; background: white; margin-top: 15px; box-shadow: 0px 0px 0px gray;"><askk>{Asker}:<askk><div style="margin-top:0px;"><center><question>{Question}</question></center></div></div>
  1279. <br>
  1280. <img src="{Favicon}" width=40 p align=right style="border:1px solid #d7d7d7; border-radius: 10px; width: 40px; padding: 0; margin-top: 20px;"/>
  1281. <name>{text:name} says:</name>
  1282. <div style=" border-radius: 10px; min-height: 35px; border:1px solid {color:ask border}; background: white; margin-top: 15px; box-shadow: 0px 0px 0px gray;"><center><answer>{Answer}</answer></center></div>
  1283. <br>
  1284. <p align=right></ask><div style="border: 1px solid {color:note border}; height: 15px; font-family:arial; font-size:12px; line-height: 15px; border-radius: 10px;"> <center><a href="{Permalink}">{TimeAgo}</a> ♥ <a href="{Permalink}">{notecountwithlabel}</center></div></a>
  1285. {/block:Answer}
  1286.  
  1287. {block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="body">{Body}</span><p align=right><span class="permalink"><a
  1288.  
  1289. href="{Permalink}"><a href="{Permalink}"><a href="{Permalink}">{notecountwithlabel}</a></a><br>{/block:HasTags}</span></align>
  1290. {/block:Text}
  1291.  
  1292. {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description} <p align=right><span
  1293.  
  1294. class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"></span></align>{block:Link}
  1295.  
  1296.  
  1297. {block:Photo}
  1298. {block:IndexPage}
  1299. <center>
  1300. <div class="perma">
  1301. <a href="{ReblogURL}" target="_blank"> reblog </a> | <a href="{Permalink}">{notecountwithlabel}</a> </div>
  1302.  
  1303. <div class="perma2">
  1304. <a href="{Permalink}">{Month} {DayOfMonth}, {12Hour}:{Minutes}{AmPm}</a> </div>
  1305.  
  1306. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  1307. {/block:IndexPage}
  1308.  
  1309. {block:PermalinkPage}
  1310. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  1311.  
  1312. {LinkCloseTag}
  1313. {/block:PermalinkPage}
  1314. {/block:Photo}
  1315.  
  1316. {block:Photoset}
  1317. {block:IndexPage}
  1318. <center>
  1319.  
  1320. <div class="perma">
  1321. <a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  1322.  
  1323. {Photoset-250}</center>
  1324. {/block:IndexPage}
  1325. {block:PermalinkPage}
  1326. <center>
  1327. {Photoset-500}</center>
  1328. {/block:PermalinkPage}
  1329. {/block:Photoset}
  1330.  
  1331. {block:Quote}<span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}<br><p align=right><span class="permalink"><a
  1332.  
  1333. href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"> </span>{/block:Quote}
  1334.  
  1335. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  1336. <ul class="chat">
  1337. {block:Lines}
  1338. <li class="user_{UserNumber}">
  1339. {block:Label}
  1340. <span class="label">{Label}</span>
  1341. {/block:Label}
  1342.  
  1343. {Line}
  1344. </li>
  1345. {/block:Lines}
  1346. <p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}">
  1347. {/block:Chat}
  1348.  
  1349. {block:Audio}
  1350. <div style="width:200px; height:30px;">
  1351. {AudioPlayerBlack}
  1352. </div>
  1353. {block:IndexPage}<span class="permalink">
  1354. <p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"> </a>
  1355. </span>{/block:IndexPage}
  1356. {/block:Audio}
  1357.  
  1358. {block:Video}
  1359. {block:IndexPage}
  1360. <center>
  1361. <div class="perma">
  1362. <a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  1363. {Video-250}</center>
  1364. {/block:IndexPage}
  1365. {block:PermalinkPage}
  1366. <center>
  1367. {Video-400}</center>
  1368. {/block:PermalinkPage}
  1369. {block:Video}
  1370.  
  1371.  
  1372. {block:PostNotes}<div align="middle">{caption}</div>
  1373. <center>
  1374.  
  1375. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  1376.  
  1377. {block:HasTags}
  1378. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  1379. {block:RebloggedFrom}
  1380. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  1381. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  1382.  
  1383. {/block:RebloggedFrom}
  1384. </center></span>
  1385. <br>
  1386. <div id="postnotes">{PostNotes}</div><br>
  1387.  
  1388. <center>{block:ContentSource}
  1389. <br><a href="{SourceURL}">
  1390. {lang:Source}:
  1391. {block:SourceLogo}
  1392. <img src="{BlackLogoURL}" width="{LogoWidth}"
  1393. height="{LogoHeight}" alt="{SourceTitle}" />
  1394. {/block:SourceLogo}
  1395. {block:NoSourceLogo}
  1396. {SourceLink}
  1397. {/block:NoSourceLogo}
  1398. </a>
  1399. {/block:ContentSource}</center>
  1400.  
  1401. {/block:PostNotes}
  1402. </div>
  1403. {/block:Posts}
  1404. </div></div>
  1405.  
  1406. {block:IndexPage}
  1407. {block:Pagination}
  1408. <div id="pagination">
  1409. {block:NextPage}
  1410. <a id="nextPage" href="{NextPage}"></a>
  1411. {/block:NextPage}
  1412. {block:PreviousPage}
  1413. <a href="{PreviousPage}"></a>
  1414. {/block:PreviousPage}
  1415. </div>
  1416. {/block:Pagination}
  1417. {/block:IndexPage}
  1418. </body>
  1419.  
  1420. <div id="03" class="popup_block">
  1421. <center><div style="font-family:Giggle; font-size: 45px; text-shadow: 2px 4px 6px gray;">Stats</center><br>
  1422.  
  1423. <center>
  1424. {text:popup stats}
  1425. </center>
  1426.  
  1427. <center><div style="font-family:Giggle; font-size: 45px; text-shadow: 2px 4px 6px gray; line-height:30px;">Updates</center><br>
  1428.  
  1429. <center>
  1430.  
  1431. {text:updates}
  1432. </center>
  1433.  
  1434. </div></div></div></div></div></div></div></div></div></div>
  1435.  
  1436.  
  1437.  
  1438. <div id="04" class="popup_block">
  1439. <center><div style="font-family:Giggle; font-size: 45px; text-shadow: 2px 4px 6px gray;">Credits</center><br>
  1440. <center>
  1441. Theme by danqle
  1442. {text:credits}
  1443. </center>
  1444. </div></div></div></div></div></div></div></div></div></div>
  1445.  
  1446. <div style="position:fixed; bottom:5px; right:5px; background:white; padding: 3px; padding-bottom:7px; padding-top: 7px; font-family: calibri; font-size: 10px; line-height: 10px; z-index: 999999;"><a href="http://0mg-what.tumblr.com"> ♥ </a></div>
  1447.  
  1448. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement