API tools faq
paste
Advertisement
Allisons-Themes

Old theme 2

Allisons-Themes
Oct 25th, 2013
244
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 50.50 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. Old theme 2 by Allison (danqle)
  3.  
  4. To get your name different in your description put this:
  5. <namee> YOUR NAME HERE </namee>
  6. -->
  7.  
  8. <html lang="en">
  9. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  10. <html xmlns="http://www.w3.org/1999/xhtml">
  11. <head>
  12. <script type="text/javascript"
  13. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  14. <script>
  15. $(document).ready(function() {
  16. //
  17. $('a.poplight[href^=#]').click(function() {
  18. var popID = $(this).attr('rel'); //Get Popup Name
  19. var popURL = $(this).attr('href'); //Get Popup href to define size
  20. var query= popURL.split('?');
  21. var dim= query[1].split('&');
  22. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  23. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend();
  24. var popMargTop = ($('#' + popID).height() + 80) / 2;
  25. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  26. //Apply Margin to Popup
  27. $('#' + popID).css({
  28. 'margin-top' : -popMargTop,
  29. 'margin-left' : -popMargLeft
  30. });
  31. $('body').append('<div id="fade"></div>');
  32. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  33. return false;
  34. });
  35. $('a.close, #fade').live('click', function() {
  36. $('#fade , .popup_block').fadeOut(function() {
  37. $('#fade, a.close').remove(); //fade them both out
  38. });
  39. return false;
  40. });
  41. });
  42. </script>
  43.  
  44. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  45. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  46. <script>
  47. (function($){
  48. $(document).ready(function(){
  49. $("a[title]").style_my_tooltips({
  50. tip_follows_cursor:true,
  51. tip_delay_time:90,
  52. tip_fade_speed:600,
  53. attribute:"title"
  54. });
  55. });
  56. })(jQuery);
  57. </script>
  58.  
  59. <script type="text/javascript">
  60. <!--
  61.  
  62. // Disable Right Click Script
  63.  
  64. function IE(e)
  65. {
  66. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  67. {
  68. return false;
  69. }
  70. }
  71. function NS(e)
  72. {
  73. if (document.layers || (document.getElementById && !document.all))
  74. {
  75. if (e.which == "2" || e.which == "3")
  76. {
  77. return false;
  78. }
  79. }
  80. }
  81. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  82.  
  83. //-->
  84. </script>
  85.  
  86.  
  87. <script type="text/javascript"
  88. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  89.  
  90. <!--DEFAULT VARIABLES-->
  91. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  92. <meta name="color:background" content="#fff"/>
  93. <meta name="color:link" content="#777"/>
  94. <meta name="color:text" content="#777"/>
  95. <meta name="color:title" content="#333"/>
  96. <meta name="color:hover" 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:triangle" content="#333"/>
  104. <meta name="color:line" content="#333"/>
  105. <meta name="color:titlecolor" content="#333"/>
  106. <meta name="color:link1" content="#333"/>
  107. <meta name="color:link2" content="#333"/>
  108. <meta name="color:link3" content="#333"/>
  109. <meta name="color:link4" content="#333"/>
  110. <meta name="color:link5" content="#333"/>
  111. <meta name="color:stats" content="#333"/>
  112. <meta name="color:music" content="#333"/>
  113.  
  114. <meta name="image:sidebar" content="1"/>
  115. <meta name="image:sidebar1" content="1"/>
  116. <meta name="image:sidebar2" content="1"/>
  117. <meta name="image:sidebar3" content="1"/>
  118. <meta name="image:sidebar4" content="1"/>
  119. <meta name="image:sidebar5" content="1"/>
  120. <meta name="image:sidebar6" content="1"/>
  121. <meta name="image:sidebar7" content="1"/>
  122. <meta name="image:sidebar8" content="1"/>
  123. <meta name="image:sidebar9" content="1"/>
  124.  
  125. <meta name="image:background" content="1"/>
  126. <meta name="image:pic1" content="1"/>
  127. <meta name="image:pic2" content="1"/>
  128. <meta name="image:pic3" content="1"/>
  129. <meta name="image:pic4" content="1"/>
  130. <meta name="image:pic5" content="1"/>
  131. <meta name="image:pic6" content="1"/>
  132. <meta name="image:pic7" content="1"/>
  133. <meta name="image:pic8" content="1"/>
  134. <meta name="image:pic9" content="1"/>
  135.  
  136. <meta name="text:toptitle" content=""/>
  137. <meta name="text:toptitle2" content=""/>
  138. <meta name="text:name" content=""/>
  139. <meta name="text:quote" content=""/>
  140. <meta name="text:stats" content=""/>
  141. <meta name="text:music" content=""/>
  142. <meta name="text:credit" content=""/>
  143. <meta name="text:playlist stats and updates" content=""/>
  144.  
  145. <meta name="text:link 1" content=""/>
  146. <meta name="text:link 1 message" content=""/>
  147. <meta name="text:link 2" content=""/>
  148. <meta name="text:link 2 message" content=""/>
  149. <meta name="text:link 3" content=""/>
  150. <meta name="text:link 3 message" content=""/>
  151. <meta name="text:link 4" content=""/>
  152. <meta name="text:link 4 message" content=""/>
  153. <meta name="text:link 5" content=""/>
  154. <meta name="text:link 5 message" content=""/>
  155.  
  156. <style type="text/css">
  157.  
  158. namee{
  159. font-family: "heart";
  160. font-size: 28px;
  161. line-height: 25px;
  162. color:white;
  163. text-shadow: -1px 0 {color:titlecolor}, 0 1px {color:titlecolor}, 1px 0 {color:titlecolor}, 0 -1px {color:titlecolor};
  164. }
  165.  
  166. #fade { /*--Transparent background layer--*/
  167. display: none; /*--hidden by default--*/
  168. background:url(http://slodive.com/wp-content/uploads/2011/05/white-backgrounds/white-background.jpg);
  169. position: fixed; left: 0; top: 0;
  170. width: 100%; height: 100%;
  171. opacity: .5;
  172. z-index: 9999;
  173. }
  174. .popup_block{
  175. display: none; /*--hidden by default--*/
  176. background: #fff;
  177. padding: 20px;
  178. -webkit-transition: all .9s ease;
  179. -moz-transition: all .9s ease;
  180. -o-transition: all .9s ease;
  181. transition: all .9s ease;
  182. border-top: 10px solid {color:sidebar border};
  183. border-bottom: 10px solid {color:sidebar border};
  184. border-left: 0px solid {color:sidebar border};
  185. border-right: 0px solid {color:sidebar border};
  186. float: left;
  187. font-size:12px;
  188. font-family:arial;
  189. position: fixed;
  190. top: 50%; left: 50%;
  191. z-index: 99999;
  192. /*--CSS3 Box Shadows--*/
  193. -webkit-box-shadow: 0px 0px 20px gray;
  194. -moz-box-shadow: 0px 0px 20px gray;
  195. box-shadow: 0px 0px 20px gray;
  196. /*--CSS3 Rounded Corners--*/
  197. -webkit-border-radius: 10px;
  198. -moz-border-radius: 10px;
  199. border-radius: 5px;
  200. -webkit-transition: all .9s ease;
  201. -moz-transition: all .9s ease;
  202. -o-transition: all .9s ease;
  203. transition: all .9s ease;
  204. }
  205. .popup_block:hover{
  206. -webkit-transition: all .9s ease;
  207. -moz-transition: all .9s ease;
  208. -o-transition: all .9s ease;
  209. transition: all .9s ease;
  210. border-left: 10px solid {color:sidebar border};
  211. border-right:10px solid {color:sidebar border};
  212. border-top: 0px solid {color:sidebar border};
  213. border-bottom: 0px solid {color:sidebar border};
  214. border-radius: 5px;
  215. -webkit-transition: all .9s ease;
  216. -moz-transition: all .9s ease;
  217. -o-transition: all .9s ease;
  218. transition: all .9s ease;
  219. }
  220.  
  221. img.btn_close {
  222. float: right;
  223. margin: -5px -5px 0 0;
  224. }
  225. /*--Making IE6 Understand Fixed Positioning--*/
  226. *html #fade {
  227. position: absolute;
  228. }
  229. *html .popup_block {
  230. position: absolute;
  231. }
  232.  
  233.  
  234. ::-webkit-scrollbar-thumb:vertical {
  235. background-color: {color:scrollbar}; /*scrollbar's slider color*/
  236. background-image:url('URL HERE'); /*optional background image*/
  237. height:100px;
  238. -moz-border-radius: 5px; /*these make bar rounded*/
  239. border-radius: 5px;
  240. border: 1px solid #cecece; /*border's color*/
  241. }
  242.  
  243. ::-webkit-scrollbar-thumb:horizontal {
  244. background-color:{color: scrollbar}; /*scrollbar's slider color*/
  245. height:100px !important;
  246. }
  247.  
  248. ::-webkit-scrollbar {
  249. background-color: gray; /*scrollbar's main color*/
  250. background-image:url('URL HERE'); /*optional background image*/
  251. height:10px;
  252. width:5px; /*width of slider*/
  253. border: 1px solid {color: scrollbar}; /*border's color*/
  254. }
  255.  
  256. #s-m-t-tooltip {
  257. max-width:300px;
  258. height: 12px;
  259. padding:6px 6px 6px 6px;
  260. margin:20px 0px 0px 20px;
  261. background: #fff; /* change the background color */
  262. border-left:9px double {color:sidebar border}; /* change the border color */
  263. border-right:9px double {color:sidebar border};
  264. border-top:2px solid {color:sidebar border};
  265. border-bottom:2px solid {color:sidebar border};
  266. font-family: ""; /* change the font */
  267. font-size:20px; /* change the font size */
  268. line-height: 10px;
  269. letter-spacing:1px; /* change the letter spacing */
  270. text-transform:None; /* can be uppercase, lowercase, none*/
  271. color:#000; /* change the text color */
  272. z-index:999999999999999999999999999999999999;
  273. border-radius: 20px;
  274. }
  275.  
  276. 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-
  277.  
  278. transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  279.  
  280. 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;}
  281.  
  282. p {
  283. margin:0px;
  284. margin-top:0px;
  285. }
  286.  
  287.  
  288. body {
  289. padding: 0px;
  290. margin: 0px;
  291. color:{color:text};
  292. font-family: "Rose";
  293. line-height:20px;
  294. font-size:20px;
  295. background-color: {color:Background};
  296. background-image:url({image:Background});
  297. background-attachment: fixed;
  298. background-repeat: repeat;
  299. }
  300.  
  301.  
  302. a:link, a:active, a:visited{
  303. text-decoration: none;
  304. -webkit-transition: color 0.3s ease-out;
  305. -moz-transition: color 0.3s ease-out;
  306. transition: color 0.3s ease-out;
  307. color:{color:link};
  308. }
  309.  
  310. a:hover {
  311. text-decoration: none;
  312. font-style:;
  313. color: {color:Hover};
  314. }
  315.  
  316. div#center{
  317. margin:auto;
  318. position:relative;
  319. width:1000px;
  320. background-color:;
  321. overflow:auto;
  322. overflow-y:hidden;
  323. }
  324.  
  325.  
  326. /*CUSTOMIZE ENTRY SETTINGS HERE*/
  327. .entry {
  328. float:left;
  329. display: block;
  330. margin:5px;
  331. overflow:hidden;
  332. width:300px;
  333. {block:PermalinkPage}
  334. width:600px;
  335. text-align:left;
  336. line-height:20px;
  337. {/block:PermalinkPage}
  338. background:white;
  339. background-image:URL();
  340. border: 1px solid #dbdbdb;
  341. padding: 10px;
  342. }
  343.  
  344. .entry img{
  345. width: 280px;
  346. background:#e9e9e9;
  347. padding: 10px;
  348. border: 1px solid #dbdbdb;
  349. margin-left: -1px;
  350. {block:PermalinkPage}
  351. width:598px;
  352. text-align:left;
  353. line-height:20px;
  354. padding: 0;
  355. {/block:PermalinkPage}
  356. }
  357.  
  358.  
  359. /*CUSTOMIZE THE APPEARANCE OF PERMALINKS*/
  360. .entry .perma{
  361. width:220px;
  362. height:30px;
  363. margin-left:30px;
  364. position: absolute;
  365. line-height: 25px;
  366. overflow:hidden;
  367. text-align:center;
  368. top:-30px;
  369. background:white;
  370. word-spacing:2px;
  371. letter-spacing:1px;
  372. opacity: 0.0;
  373. border-bottom: 7px solid {color:note border} ;
  374. border-top: 7px solid {color:note border};
  375. border-left: 10px double {color:note border};
  376. border-right: 10px double {color:note border} ;
  377. font-size: 17px;
  378. font-family: "Happy Monkey";
  379. -webkit-transition: all .7s ease;
  380. -moz-transition: all .7s ease;
  381. -o-transition: all .7s ease;
  382. transition: all .7s ease;
  383. transform: perspective(0) rotateX(0deg);
  384. -o-transform: perspective(0) rotateX(0deg);
  385. -webkit-transform: perspective(0) rotateX(0deg);
  386. }
  387.  
  388. .entry:hover .perma{
  389. overflow:visible;
  390. opacity:1;
  391. top:30px;
  392. transform: perspective(0) rotateX(360deg);
  393. -o-transform: perspective(0) rotateX(360deg);
  394. -webkit-transform: perspective(0) rotateX(360deg);
  395. -webkit-transition: all .7s ease;
  396. -moz-transition: all .7s ease;
  397. -o-transition: all .7s ease;
  398. transition: all .7s ease;
  399. }
  400.  
  401. .entry .perma2{
  402. width:220px;
  403. height:30px;
  404. margin-left:30px;
  405. position: absolute;
  406. line-height: 25px;
  407. overflow:hidden;
  408. text-align:center;
  409. bottom:-30px;
  410. background:white;
  411. word-spacing:2px;
  412. letter-spacing:1px;
  413. opacity: 0.0;
  414. border-bottom: 7px solid {color:note border} ;
  415. border-top: 7px solid {color:note border};
  416. border-left: 10px double {color:note border};
  417. border-right: 10px double {color:note border} ;
  418. font-size: 17px;
  419. font-family: "Happy Monkey";
  420. -webkit-transition: all .7s ease;
  421. -moz-transition: all .7s ease;
  422. -o-transition: all .7s ease;
  423. transition: all .7s ease;
  424. transform: perspective(0) rotateX(0deg);
  425. -o-transform: perspective(0) rotateX(0deg);
  426. -webkit-transform: perspective(0) rotateX(0deg);
  427. }
  428.  
  429. .entry:hover .perma2{
  430. overflow:visible;
  431. opacity:1;
  432. bottom: 30px;
  433. transform: perspective(0) rotateX(360deg);
  434. -o-transform: perspective(0) rotateX(360deg);
  435. -webkit-transform: perspective(0) rotateX(360deg);
  436. -webkit-transition: all .7s ease;
  437. -moz-transition: all .7s ease;
  438. -o-transition: all .7s ease;
  439. transition: all .7s ease;
  440. }
  441.  
  442.  
  443.  
  444. /*CUSTOMIZE POST POSITIONING AND STUFFZ HERE*/
  445. #posts {
  446. width:700px;
  447. margin-top:10px;
  448. z-index:99;
  449. margin-left:340px;
  450. right:auto;
  451. background:white;
  452. margin-right:auto;
  453. position:relative;
  454. overflow-y: hidden;
  455. padding-top: 30px;
  456. }
  457. askk{
  458. font-size: 30px;
  459. font-family: "heart";
  460. line-height: 30px;
  461. }
  462.  
  463. question{
  464. font-size:15px;
  465. line-height: 15px;
  466. font-family: "calibri";
  467. }
  468.  
  469. answer{
  470. font-size:15px;
  471. line-height:15px;
  472. font-family: "calibri";
  473. }
  474.  
  475. name{
  476. font-size:32px;
  477. line-height: 25px;
  478. font-family: "heart";
  479. text-shadow: 2px 4px 6px;
  480. color: #d7d7d7;
  481. }
  482.  
  483.  
  484. /*CUSTOMIZE SIDEBAR HERE*/
  485. #sidebar{
  486. position:fixed !important;
  487. width:320px;
  488. background:white;
  489. height:auto;
  490. margin-top:90px;
  491. margin-left:-95px;
  492. text-align:center;
  493. }
  494.  
  495. #sidebarr img{
  496. -webkit-filter:grayscale(100%);
  497. -webkit-transition: all .9s ease;
  498. -moz-transition: all .9s ease;
  499. -o-transition: all .9s ease;
  500. transition: all .9s ease;
  501. }
  502.  
  503. #sidebarr{
  504. -webkit-transition: all .9s ease;
  505. -moz-transition: all .9s ease;
  506. -o-transition: all .9s ease;
  507. transition: all .9s ease;
  508. transform: perspective(0) rotateY(-0deg);
  509. -o-transform: perspective(0) rotateY(0deg);
  510. -webkit-transform: perspective(0) rotateY(0deg);
  511. }
  512.  
  513. #sidebar:hover #sidebarr{
  514. z-index: 0;
  515. -webkit-transition: opacity -.2s linear;
  516. opacity: 0;
  517. transform: perspective(0) rotateY(-180deg);
  518. -o-transform: perspective(0) rotateY(-180deg);
  519. -webkit-transform: perspective(0) rotateY(-180deg);
  520. -webkit-transition: all .9s ease;
  521. -moz-transition: all .9s ease;
  522. -o-transition: all .9s ease;
  523. transition: all .9s ease;
  524. }
  525. #box{ position: fixed !important;
  526. width: 325px;
  527. height: 455px;
  528. margin-top:0px;
  529. margin-left: 0px;
  530. z-index:1;
  531. opacity: 0;
  532. background-image:url(http://static.tumblr.com/vyr0ogr/tAEmt8zos/white-linen-seamless-pattern-for-website-backgrounds.jpg);
  533. border-radius: 10px;
  534. transform: perspective(0) rotateY(-180deg);
  535. -o-transform: perspective(0) rotateY(-180deg);
  536. -webkit-transform: perspective(0) rotateY(-180deg);
  537. -webkit-transition: all .9s ease;
  538. -moz-transition: all .9s ease;
  539. -o-transition: all .9s ease;
  540. transition: all .9s ease;
  541. }
  542.  
  543.  
  544. #sidebar:hover #box{
  545. opacity: 1;
  546. z-index:0;
  547. -webkit-transition: all .9s ease;
  548. -moz-transition: all .9s ease;
  549. -o-transition: all .9s ease;
  550. transition: all .9s ease;
  551. transform: perspective(0) rotateY(-360deg);
  552. -o-transform: perspective(0) rotateY(-360deg);
  553. -webkit-transform: perspective(0) rotateY(-360deg);
  554. -webkit-transition: all .9s ease;
  555. -moz-transition: all .9s ease;
  556. -o-transition: all .9s ease;
  557. transition: all .9s ease;
  558. }
  559.  
  560.  
  561. #link1{
  562. position:fixed;
  563. z-index:9999999999999999999999999999999;
  564. width:120px;
  565. height:40px;
  566. opacity: 0;
  567. padding: 2px;
  568. padding-top:3px;
  569. margin-left:166px;
  570. margin-top:39px;
  571. background: {color:link1};
  572. border: 2px solid white;
  573. line-height:35px;
  574. font-size: 30px;
  575. font-family: "Marina";
  576. text-align:center;
  577. border-top-left-radius:50px;
  578. border-top-right-radius: 50px;
  579. -webkit-transition: all .2s ease;
  580. -moz-transition: all .2s ease;
  581. -o-transition: all .2s ease;
  582. transition: all .2s ease;
  583. }
  584.  
  585. #sidebar:hover #link1{
  586. opacity:1;
  587. -webkit-transition: all .9s ease;
  588. -moz-transition: all .9s ease;
  589. -o-transition: all .9s ease;
  590. transition: all .9s ease;
  591. }
  592.  
  593. #link2{
  594. position:fixed;
  595. z-index:9999999999999999999999999999999;
  596. width:120px;
  597. height:40px;
  598. opacity: 0;
  599. padding: 2px;
  600. padding-top:3px;
  601. margin-left:166px;
  602. margin-top:86px;
  603. background: {color:link2};
  604. border: 2px solid white;
  605. line-height:35px;
  606. font-size: 30px;
  607. font-family: "marina";
  608. text-align:center;
  609. -webkit-transition: all .2s ease;
  610. -moz-transition: all .2s ease;
  611. -o-transition: all .2s ease;
  612. transition: all .2s ease;
  613. }
  614.  
  615. #sidebar:hover #link2{
  616. opacity:1;
  617. -webkit-transition: all .9s ease;
  618. -moz-transition: all .9s ease;
  619. -o-transition: all .9s ease;
  620. transition: all .9s ease;
  621. }
  622.  
  623.  
  624. #link3{
  625. position:fixed;
  626. z-index:9999999999999999999999999999999;
  627. width:120px;
  628. height:40px;
  629. opacity: 0;
  630. padding: 2px;
  631. padding-top:3px;
  632. margin-left:166px;
  633. margin-top:133px;
  634. background: {color:link3};
  635. border: 2px solid white;
  636. line-height:35px;
  637. font-size: 30px;
  638. font-family: "marina";
  639. text-align:center;
  640. -webkit-transition: all .2s ease;
  641. -moz-transition: all .2s ease;
  642. -o-transition: all .2s ease;
  643. transition: all .2s ease;
  644. }
  645.  
  646. #sidebar:hover #link3{
  647. opacity:1;
  648. -webkit-transition: all .9s ease;
  649. -moz-transition: all .9s ease;
  650. -o-transition: all .9s ease;
  651. transition: all .9s ease;
  652. }
  653.  
  654. #link4{
  655. position:fixed;
  656. z-index:9999999999999999999999999999999;
  657. width:120px;
  658. height:40px;
  659. opacity: 0;
  660. padding: 2px;
  661. padding-top:3px;
  662. margin-left:166px;
  663. margin-top:180px;
  664. background: {color:link4};
  665. border: 2px solid white;
  666. line-height:35px;
  667. font-size: 30px;
  668. font-family: "marina";
  669. text-align:center;
  670. -webkit-transition: all .2s ease;
  671. -moz-transition: all .2s ease;
  672. -o-transition: all .2s ease;
  673. transition: all .2s ease;
  674. }
  675.  
  676. #sidebar:hover #link4{
  677. opacity:1;
  678. -webkit-transition: all .9s ease;
  679. -moz-transition: all .9s ease;
  680. -o-transition: all .9s ease;
  681. transition: all .9s ease;
  682. }
  683.  
  684.  
  685. #link5{
  686. position:fixed;
  687. z-index:9999999999999999999999999999999;
  688. width:120px;
  689. height:40px;
  690. opacity: 0;
  691. padding: 2px;
  692. padding-top:3px;
  693. margin-left:166px;
  694. margin-top:227px;
  695. background: {color:link5};
  696. border: 2px solid white;
  697. line-height:35px;
  698. font-size: 30px;
  699. font-family: "MARINA";
  700. text-align:center;
  701. border-bottom-left-radius:50px;
  702. border-bottom-right-radius: 50px;
  703. -webkit-transition: all .2s ease;
  704. -moz-transition: all .2s ease;
  705. -o-transition: all .2s ease;
  706. transition: all .2s ease;
  707. }
  708.  
  709. #sidebar:hover #link5{
  710. opacity:1;
  711. -webkit-transition: all .9s ease;
  712. -moz-transition: all .9s ease;
  713. -o-transition: all .9s ease;
  714. transition: all .9s ease;
  715. }
  716.  
  717. #desc{
  718. position:fixed;
  719. z-index:1;
  720. padding:1px;
  721. margin-top: 300px;
  722. margin-left: -1px;
  723. height: 70px;
  724. width: 323px;
  725. opacity: 0;
  726. border: 1px solid {color:desc border};
  727. background-color: white;
  728. font-family: "Happy Monkey";
  729. font-size: 15px;
  730. line-height: 15px;
  731. border-radius: 0px;
  732. -webkit-transition: all .2s ease;
  733. -moz-transition: all .2s ease;
  734. -o-transition: all .2s ease;
  735. transition: all .2s ease;
  736. }
  737.  
  738. #sidebar:hover #desc{
  739. opacity:1;
  740. -webkit-transition: all .9s ease;
  741. -moz-transition: all .9s ease;
  742. -o-transition: all .9s ease;
  743. transition: all .9s ease;
  744. }
  745.  
  746. #stats{
  747. position:fixed;
  748. z-index:1;
  749. padding:1px;
  750. margin-top: 210px;
  751. margin-left: -1px;
  752. height: 30px;
  753. width: 180px;
  754. opacity: 0;
  755. border: 1px solid {color:stats};
  756. background-color: white;
  757. font-family: "Happy Monkey";
  758. font-size: 25px;
  759. line-height: 25px;
  760. border-radius: 0px;
  761. -webkit-transition: all .2s ease;
  762. -moz-transition: all .2s ease;
  763. -o-transition: all .2s ease;
  764. transition: all .2s ease;
  765. }
  766.  
  767. #sidebar:hover #stats{
  768. opacity:1;
  769. -webkit-transition: all .9s ease;
  770. -moz-transition: all .9s ease;
  771. -o-transition: all .9s ease;
  772. transition: all .9s ease;
  773. }
  774.  
  775. #music{
  776. position:fixed;
  777. z-index:1;
  778. padding:1px;
  779. margin-top: 155px;
  780. margin-left: -1px;
  781. height: 30px;
  782. width: 180px;
  783. opacity: 0;
  784. border: 1px solid {color:music};
  785. background-color: white;
  786. font-family: "Happy Monkey";
  787. font-size: 25px;
  788. line-height: 25px;
  789. border-radius: 0px;
  790. -webkit-transition: all .2s ease;
  791. -moz-transition: all .2s ease;
  792. -o-transition: all .2s ease;
  793. transition: all .2s ease;
  794. }
  795.  
  796. #sidebar:hover #music{
  797. opacity:1;
  798. -webkit-transition: all .9s ease;
  799. -moz-transition: all .9s ease;
  800. -o-transition: all .9s ease;
  801. transition: all .9s ease;
  802. }
  803.  
  804. #allison{
  805. position:fixed;
  806. z-index:9;
  807. padding:1px;
  808. margin-top: 155px;
  809. margin-left: 275px;
  810. height: 30px;
  811. width: 40px;
  812. opacity: 0;
  813. border: 1px solid {color:music};
  814. background-color: white;
  815. font-family: "Marker";
  816. font-size: 15px;
  817. line-height: 15px;
  818. border-radius: 0px;
  819. -webkit-transition: all .2s ease;
  820. -moz-transition: all .2s ease;
  821. -o-transition: all .2s ease;
  822. transition: all .2s ease;
  823. }
  824.  
  825. #sidebar:hover #allison{
  826. opacity:1;
  827. -webkit-transition: all .9s ease;
  828. -moz-transition: all .9s ease;
  829. -o-transition: all .9s ease;
  830. transition: all .9s ease;
  831. }
  832.  
  833. #omgz{
  834. position:fixed;
  835. z-index:1;
  836. padding:1px;
  837. margin-top: 69px;
  838. margin-left: -2px;
  839. height: 30px;
  840. width: 320px;
  841. opacity: 0;
  842. border: 1px solid {color:music};
  843. background-color: white;
  844. font-family: "Marker";
  845. font-size: 15px;
  846. line-height: 15px;
  847. border-radius: 0px;
  848. -webkit-transition: all .2s ease;
  849. -moz-transition: all .2s ease;
  850. -o-transition: all .2s ease;
  851. transition: all .2s ease;
  852. }
  853.  
  854. #sidebar:hover #omgz{
  855. opacity:1;
  856. -webkit-transition: all .9s ease;
  857. -moz-transition: all .9s ease;
  858. -o-transition: all .9s ease;
  859. transition: all .9s ease;
  860. }
  861.  
  862.  
  863. #weird{
  864. position:fixed;
  865. z-index:9;
  866. padding:1px;
  867. margin-top: 210px;
  868. margin-left: 270px;
  869. height: 30px;
  870. width: 45px;
  871. opacity: 0;
  872. border: 1px solid {color:stats};
  873. background-color: white;
  874. font-family: "Marker";
  875. font-size: 15px;
  876. line-height: 15px;
  877. border-radius: 0px;
  878. -webkit-transition: all .2s ease;
  879. -moz-transition: all .2s ease;
  880. -o-transition: all .2s ease;
  881. transition: all .2s ease;
  882. }
  883.  
  884. #sidebar:hover #weird{
  885. opacity:1;
  886. -webkit-transition: all .9s ease;
  887. -moz-transition: all .9s ease;
  888. -o-transition: all .9s ease;
  889. transition: all .9s ease;
  890. }
  891.  
  892.  
  893. #side1{
  894. position: fixed !important;
  895. margin-left: -30px;
  896. margin-top: -45px;
  897. width: 20px;
  898. z-index: 999999;
  899. height: 540px;
  900. border: 5px solid white;
  901. background:{color:sidebar border};
  902. border-radius: 120px 40px/40px 120px;
  903. }
  904.  
  905. #side2{
  906. position: fixed !important;
  907. z-index: 999999;
  908. margin-left: 315px;
  909. margin-top: -45px;
  910. width: 20px;
  911. height: 540px;
  912. border: 5px solid white;
  913. background:{color:sidebar border};
  914. border-radius: 120px 40px/40px 120px;
  915. }
  916.  
  917. #side3{
  918. position: fixed !important;
  919. z-index: 99;
  920. margin-left: -55px;
  921. margin-top: -25px;
  922. width: 415px;
  923. height:20px;
  924. border: 5px solid white;
  925. background:{color:sidebar border};
  926. border-radius: 120px 40px/40px 120px;
  927. }
  928.  
  929. #side4{
  930. position: fixed !important;
  931. z-index: 99;
  932. margin-left: -55px;
  933. margin-top: 455px;
  934. width: 415px;
  935. height:20px;
  936. border: 5px solid white;
  937. background:{color:sidebar border};
  938. border-radius: 120px 40px/40px 120px;
  939. }
  940.  
  941. #side5{
  942. position: fixed !important;
  943. z-index: 99;
  944. margin-left: 305px;
  945. margin-top: 0px;
  946. width: 30px;
  947. height: 100%;
  948. border: 5px solid white;
  949. background:white;
  950. }
  951.  
  952. #side6{
  953. position: fixed !important;
  954. z-index: 99;
  955. margin-left: 1000px;
  956. margin-top: 0px;
  957. width: 30px;
  958. height: 100%;
  959. border: 5px solid white;
  960. background:white;
  961. }
  962.  
  963. #side7{
  964. position: fixed !important;
  965. z-index: 99;
  966. margin-left: 315px;
  967. margin-top: -1px;
  968. width: 8px;
  969. height: 110%;
  970. border-left: 5px double white;
  971. border-right: 5px double white;
  972. background:{color:line};
  973. }
  974.  
  975. #side8{
  976. position: fixed !important;
  977. z-index: 99;
  978. margin-left: 1010px;
  979. margin-top: -1px;
  980. width: 8px;
  981. height: 110%;
  982. border-left: 5px double white;
  983. border-right: 5px double white;
  984. background:{color:line};
  985. }
  986.  
  987.  
  988. #a1{
  989. position: fixed !important;
  990. repeat:repeat;
  991. margin-left: 1025px;
  992. margin-top: 0px;
  993. width: 20px;
  994. z-index: 9;
  995. height: 20px;
  996. border: 5px double white;
  997. background:{color:triangle};
  998. -webkit-transform:rotate(45deg);
  999. -moz-transform:rotate(45deg);
  1000. -o-transform: rotate(45deg);
  1001. }
  1002.  
  1003. #a2{
  1004. position: fixed !important;
  1005. repeat:repeat;
  1006. margin-left: 1025px;
  1007. margin-top: 50px;
  1008. width: 20px;
  1009. z-index: 9;
  1010. height: 20px;
  1011. border: 5px double white;
  1012. background:{color:triangle};
  1013. -webkit-transform:rotate(45deg);
  1014. -moz-transform:rotate(45deg);
  1015. -o-transform: rotate(45deg);
  1016. }
  1017.  
  1018.  
  1019. #a3{
  1020. position: fixed !important;
  1021. repeat:repeat;
  1022. margin-left: 1025px;
  1023. margin-top: 100px;
  1024. width: 20px;
  1025. z-index: 9;
  1026. height: 20px;
  1027. border: 5px double white;
  1028. background:{color:triangle};
  1029. -webkit-transform:rotate(45deg);
  1030. -moz-transform:rotate(45deg);
  1031. -o-transform: rotate(45deg);
  1032. }
  1033.  
  1034. #a4{
  1035. position: fixed !important;
  1036. repeat:repeat;
  1037. margin-left: 1025px;
  1038. margin-top: 150px;
  1039. width: 20px;
  1040. z-index: 9;
  1041. height: 20px;
  1042. border: 5px double white;
  1043. background:{color:triangle};
  1044. -webkit-transform:rotate(45deg);
  1045. -moz-transform:rotate(45deg);
  1046. -o-transform: rotate(45deg);
  1047. }
  1048.  
  1049. #a5{
  1050. position: fixed !important;
  1051. repeat:repeat;
  1052. margin-left: 1025px;
  1053. margin-top: 200px;
  1054. width: 20px;
  1055. z-index: 9;
  1056. height: 20px;
  1057. border: 5px double white;
  1058. background:{color:triangle};
  1059. -webkit-transform:rotate(45deg);
  1060. -moz-transform:rotate(45deg);
  1061. -o-transform: rotate(45deg);
  1062. }
  1063.  
  1064. #a6{
  1065. position: fixed !important;
  1066. repeat:repeat;
  1067. margin-left: 1025px;
  1068. margin-top: 250px;
  1069. width: 20px;
  1070. z-index: 9;
  1071. height: 20px;
  1072. border: 5px double white;
  1073. background:{color:triangle};
  1074. -webkit-transform:rotate(45deg);
  1075. -moz-transform:rotate(45deg);
  1076. -o-transform: rotate(45deg);
  1077. }
  1078.  
  1079.  
  1080. #a7{
  1081. position: fixed !important;
  1082. repeat:repeat;
  1083. margin-left: 1025px;
  1084. margin-top: 300px;
  1085. width: 20px;
  1086. z-index: 9;
  1087. height: 20px;
  1088. border: 5px double white;
  1089. background:{color:triangle};
  1090. -webkit-transform:rotate(45deg);
  1091. -moz-transform:rotate(45deg);
  1092. -o-transform: rotate(45deg);
  1093. }
  1094.  
  1095. #a8{
  1096. position: fixed !important;
  1097. repeat:repeat;
  1098. margin-left: 1025px;
  1099. margin-top: 350px;
  1100. width: 20px;
  1101. z-index: 9;
  1102. height: 20px;
  1103. border: 5px double white;
  1104. background:{color:triangle};
  1105. -webkit-transform:rotate(45deg);
  1106. -moz-transform:rotate(45deg);
  1107. -o-transform: rotate(45deg);
  1108. }
  1109.  
  1110. #a9{
  1111. position: fixed !important;
  1112. repeat:repeat;
  1113. margin-left: 1025px;
  1114. margin-top: 400px;
  1115. width: 20px;
  1116. z-index: 9;
  1117. height: 20px;
  1118. border: 5px double white;
  1119. background:{color:triangle};
  1120. -webkit-transform:rotate(45deg);
  1121. -moz-transform:rotate(45deg);
  1122. -o-transform: rotate(45deg);
  1123. }
  1124.  
  1125. #a10{
  1126. position: fixed !important;
  1127. repeat:repeat;
  1128. margin-left: 1025px;
  1129. margin-top: 450px;
  1130. width: 20px;
  1131. z-index: 9;
  1132. height: 20px;
  1133. border: 5px double white;
  1134. background:{color:triangle};
  1135. -webkit-transform:rotate(45deg);
  1136. -moz-transform:rotate(45deg);
  1137. -o-transform: rotate(45deg);
  1138. }
  1139.  
  1140.  
  1141. #a11{
  1142. position: fixed !important;
  1143. repeat:repeat;
  1144. margin-left: 1025px;
  1145. margin-top: 500px;
  1146. width: 20px;
  1147. z-index: 9;
  1148. height: 20px;
  1149. border: 5px double white;
  1150. background:{color:triangle};
  1151. -webkit-transform:rotate(45deg);
  1152. -moz-transform:rotate(45deg);
  1153. -o-transform: rotate(45deg);
  1154. }
  1155.  
  1156. #a12{
  1157. position: fixed !important;
  1158. repeat:repeat;
  1159. margin-left: 1025px;
  1160. margin-top: 550px;
  1161. width: 20px;
  1162. z-index: 9;
  1163. height: 20px;
  1164. border: 5px double white;
  1165. background:{color:triangle};
  1166. -webkit-transform:rotate(45deg);
  1167. -moz-transform:rotate(45deg);
  1168. -o-transform: rotate(45deg);
  1169. }
  1170.  
  1171. #a13{
  1172. position: fixed !important;
  1173. repeat:repeat;
  1174. margin-left: 1025px;
  1175. margin-top: 600px;
  1176. width: 20px;
  1177. z-index: 9;
  1178. height: 20px;
  1179. border: 5px double white;
  1180. background:{color:triangle};
  1181. -webkit-transform:rotate(45deg);
  1182. -moz-transform:rotate(45deg);
  1183. -o-transform: rotate(45deg);
  1184. }
  1185.  
  1186. #a14{
  1187. position: fixed !important;
  1188. repeat:repeat;
  1189. margin-left: 1025px;
  1190. margin-top: 650px;
  1191. width: 20px;
  1192. z-index: 9;
  1193. height: 20px;
  1194. border: 5px double white;
  1195. background:{color:triangle};
  1196. -webkit-transform:rotate(45deg);
  1197. -moz-transform:rotate(45deg);
  1198. -o-transform: rotate(45deg);
  1199. }
  1200.  
  1201.  
  1202. #a15{
  1203. position: fixed !important;
  1204. repeat:repeat;
  1205. margin-left: 1025px;
  1206. margin-top: 700px;
  1207. width: 20px;
  1208. z-index: 9;
  1209. height: 20px;
  1210. border: 5px double white;
  1211. background:{color:triangle};
  1212. -webkit-transform:rotate(45deg);
  1213. -moz-transform:rotate(45deg);
  1214. -o-transform: rotate(45deg);
  1215. }
  1216.  
  1217. #a16{
  1218. position: fixed !important;
  1219. repeat:repeat;
  1220. margin-left: 1025px;
  1221. margin-top: 750px;
  1222. width: 20px;
  1223. z-index: 9;
  1224. height: 20px;
  1225. border: 5px double white;
  1226. background:{color:triangle};
  1227. -webkit-transform:rotate(45deg);
  1228. -moz-transform:rotate(45deg);
  1229. -o-transform: rotate(45deg);
  1230. }
  1231.  
  1232.  
  1233. #o1{
  1234. position: fixed !important;
  1235. repeat:repeat;
  1236. margin-left: 290px;
  1237. margin-top: 0px;
  1238. width: 20px;
  1239. z-index: 9;
  1240. height: 20px;
  1241. border: 5px double white;
  1242. background:{color:triangle};
  1243. -webkit-transform:rotate(45deg);
  1244. -moz-transform:rotate(45deg);
  1245. -o-transform: rotate(45deg);
  1246. }
  1247.  
  1248. #o2{
  1249. position: fixed !important;
  1250. repeat:repeat;
  1251. margin-left: 290px;
  1252. margin-top: 50px;
  1253. width: 20px;
  1254. z-index: 9;
  1255. height: 20px;
  1256. border: 5px double white;
  1257. background:{color:triangle};
  1258. -webkit-transform:rotate(45deg);
  1259. -moz-transform:rotate(45deg);
  1260. -o-transform: rotate(45deg);
  1261. }
  1262.  
  1263.  
  1264. #o3{
  1265. position: fixed !important;
  1266. repeat:repeat;
  1267. margin-left: 290px;
  1268. margin-top: 100px;
  1269. width: 20px;
  1270. z-index: 9;
  1271. height: 20px;
  1272. border: 5px double white;
  1273. background:{color:triangle};
  1274. -webkit-transform:rotate(45deg);
  1275. -moz-transform:rotate(45deg);
  1276. -o-transform: rotate(45deg);
  1277. }
  1278.  
  1279. #o4{
  1280. position: fixed !important;
  1281. repeat:repeat;
  1282. margin-left: 290px;
  1283. margin-top: 150px;
  1284. width: 20px;
  1285. z-index: 9;
  1286. height: 20px;
  1287. border: 5px double white;
  1288. background:{color:triangle};
  1289. -webkit-transform:rotate(45deg);
  1290. -moz-transform:rotate(45deg);
  1291. -o-transform: rotate(45deg);
  1292. }
  1293.  
  1294. #o5{
  1295. position: fixed !important;
  1296. repeat:repeat;
  1297. margin-left: 290px;
  1298. margin-top: 200px;
  1299. width: 20px;
  1300. z-index: 9;
  1301. height: 20px;
  1302. border: 5px double white;
  1303. background:{color:triangle};
  1304. -webkit-transform:rotate(45deg);
  1305. -moz-transform:rotate(45deg);
  1306. -o-transform: rotate(45deg);
  1307. }
  1308.  
  1309. #o6{
  1310. position: fixed !important;
  1311. repeat:repeat;
  1312. margin-left: 290px;
  1313. margin-top: 250px;
  1314. width: 20px;
  1315. z-index: 9;
  1316. height: 20px;
  1317. border: 5px double white;
  1318. background:{color:triangle};
  1319. -webkit-transform:rotate(45deg);
  1320. -moz-transform:rotate(45deg);
  1321. -o-transform: rotate(45deg);
  1322. }
  1323.  
  1324.  
  1325. #o7{
  1326. position: fixed !important;
  1327. repeat:repeat;
  1328. margin-left: 290px;
  1329. margin-top: 300px;
  1330. width: 20px;
  1331. z-index: 9;
  1332. height: 20px;
  1333. border: 5px double white;
  1334. background:{color:triangle};
  1335. -webkit-transform:rotate(45deg);
  1336. -moz-transform:rotate(45deg);
  1337. -o-transform: rotate(45deg);
  1338. }
  1339.  
  1340. #o8{
  1341. position: fixed !important;
  1342. repeat:repeat;
  1343. margin-left: 290px;
  1344. margin-top: 350px;
  1345. width: 20px;
  1346. z-index: 9;
  1347. height: 20px;
  1348. border: 5px double white;
  1349. background:{color:triangle};
  1350. -webkit-transform:rotate(45deg);
  1351. -moz-transform:rotate(45deg);
  1352. -o-transform: rotate(45deg);
  1353. }
  1354.  
  1355. #o9{
  1356. position: fixed !important;
  1357. repeat:repeat;
  1358. margin-left: 290px;
  1359. margin-top: 400px;
  1360. width: 20px;
  1361. z-index: 9;
  1362. height: 20px;
  1363. border: 5px double white;
  1364. background:{color:triangle};
  1365. -webkit-transform:rotate(45deg);
  1366. -moz-transform:rotate(45deg);
  1367. -o-transform: rotate(45deg);
  1368. }
  1369.  
  1370. #o10{
  1371. position: fixed !important;
  1372. repeat:repeat;
  1373. margin-left: 290px;
  1374. margin-top: 450px;
  1375. width: 20px;
  1376. z-index: 9;
  1377. height: 20px;
  1378. border: 5px double white;
  1379. background:{color:triangle};
  1380. -webkit-transform:rotate(45deg);
  1381. -moz-transform:rotate(45deg);
  1382. -o-transform: rotate(45deg);
  1383. }
  1384.  
  1385.  
  1386. #o11{
  1387. position: fixed !important;
  1388. repeat:repeat;
  1389. margin-left: 290px;
  1390. margin-top: 500px;
  1391. width: 20px;
  1392. z-index: 9;
  1393. height: 20px;
  1394. border: 5px double white;
  1395. background:{color:triangle};
  1396. -webkit-transform:rotate(45deg);
  1397. -moz-transform:rotate(45deg);
  1398. -o-transform: rotate(45deg);
  1399. }
  1400.  
  1401. #o12{
  1402. position: fixed !important;
  1403. repeat:repeat;
  1404. margin-left: 290px;
  1405. margin-top: 550px;
  1406. width: 20px;
  1407. z-index: 9;
  1408. height: 20px;
  1409. border: 5px double white;
  1410. background:{color:triangle};
  1411. -webkit-transform:rotate(45deg);
  1412. -moz-transform:rotate(45deg);
  1413. -o-transform: rotate(45deg);
  1414. }
  1415.  
  1416. #o13{
  1417. position: fixed !important;
  1418. repeat:repeat;
  1419. margin-left: 290px;
  1420. margin-top: 600px;
  1421. width: 20px;
  1422. z-index: 9;
  1423. height: 20px;
  1424. border: 5px double white;
  1425. background:{color:triangle};
  1426. -webkit-transform:rotate(45deg);
  1427. -moz-transform:rotate(45deg);
  1428. -o-transform: rotate(45deg);
  1429. }
  1430.  
  1431. #o14{
  1432. position: fixed !important;
  1433. repeat:repeat;
  1434. margin-left: 290px;
  1435. margin-top: 650px;
  1436. width: 20px;
  1437. z-index: 9;
  1438. height: 20px;
  1439. border: 5px double white;
  1440. background:{color:triangle};
  1441. -webkit-transform:rotate(45deg);
  1442. -moz-transform:rotate(45deg);
  1443. -o-transform: rotate(45deg);
  1444. }
  1445.  
  1446.  
  1447. #o15{
  1448. position: fixed !important;
  1449. repeat:repeat;
  1450. margin-left: 290px;
  1451. margin-top: 700px;
  1452. width: 20px;
  1453. z-index: 9;
  1454. height: 20px;
  1455. border: 5px double white;
  1456. background:{color:triangle};
  1457. -webkit-transform:rotate(45deg);
  1458. -moz-transform:rotate(45deg);
  1459. -o-transform: rotate(45deg);
  1460. }
  1461.  
  1462. #o16{
  1463. position: fixed !important;
  1464. repeat:repeat;
  1465. margin-left: 290px;
  1466. margin-top: 750px;
  1467. width: 20px;
  1468. z-index: 9;
  1469. height: 20px;
  1470. border: 5px double white;
  1471. background:{color:triangle};
  1472. -webkit-transform:rotate(45deg);
  1473. -moz-transform:rotate(45deg);
  1474. -o-transform: rotate(45deg);
  1475. }
  1476.  
  1477. #like{
  1478. position: fixed !important;
  1479. z-index: 999;
  1480. margin-left: 340px;
  1481. margin-top: 10px;
  1482. width: 664px;
  1483. height: 20px;
  1484. border-bottom: 1px solid #e0e0e0;
  1485. background:white;
  1486. color: gray;
  1487. line-height: 10px;
  1488. font-size: 30px;
  1489. font-family: "Giggle";
  1490. -webkit-transition: all .9s ease;
  1491. -moz-transition: all .9s ease;
  1492. -o-transition: all .9s ease;
  1493. transition: all .9s ease;
  1494. }
  1495.  
  1496. #like2{
  1497. position: fixed !important;
  1498. z-index: 100;
  1499. margin-left: 340px;
  1500. margin-top: 0px;
  1501. width: 664px;
  1502. height: 20px;
  1503. background:white;
  1504. color: gray;
  1505. font-size: 20px;
  1506. }
  1507.  
  1508. #star{
  1509. position:fixed;
  1510. z-index:99999999999999999999999999999999999999;
  1511. padding:1px;
  1512. margin-top: 270px;
  1513. margin-left: 155px;
  1514. height: 30px;
  1515. width: 40px;
  1516. opacity: 0;
  1517. -webkit-transition: all .2s ease;
  1518. -moz-transition: all .2s ease;
  1519. -o-transition: all .2s ease;
  1520. transition: all .2s ease;
  1521. }
  1522.  
  1523. #sidebar:hover #star{
  1524. opacity:1;
  1525. -webkit-transition: all .9s ease;
  1526. -moz-transition: all .9s ease;
  1527. -o-transition: all .9s ease;
  1528. transition: all .9s ease;
  1529. }
  1530.  
  1531.  
  1532.  
  1533. #lol{
  1534. position:fixed;
  1535. z-index:99999999999999999999999999999999999999;
  1536. padding:1px;
  1537. margin-top: 370px;
  1538. margin-left: 267px;
  1539. height: 30px;
  1540. width: 40px;
  1541. opacity: 0;
  1542. -webkit-transform:rotate(180deg);
  1543. -moz-transform:rotate(180deg);
  1544. -o-transform: rotate(180deg);
  1545. -webkit-transition: all .2s ease;
  1546. -moz-transition: all .2s ease;
  1547. -o-transition: all .2s ease;
  1548. transition: all .2s ease;
  1549. }
  1550.  
  1551. #sidebar:hover #lol{
  1552. opacity:1;
  1553. -webkit-transition: all .9s ease;
  1554. -moz-transition: all .9s ease;
  1555. -o-transition: all .9s ease;
  1556. transition: all .9s ease;
  1557. }
  1558.  
  1559. #what{
  1560. position:fixed;
  1561. z-index:99999999999999999999999999999999999999;
  1562. padding:1px;
  1563. margin-top: 116px;
  1564. margin-left: 106px;
  1565. height: 30px;
  1566. width: 40px;
  1567. opacity: 0;
  1568. -webkit-transition: all .2s ease;
  1569. -moz-transition: all .2s ease;
  1570. -o-transition: all .2s ease;
  1571. transition: all .2s ease;
  1572. }
  1573.  
  1574. #sidebar:hover #what{
  1575. opacity:1;
  1576. -webkit-transition: all .9s ease;
  1577. -moz-transition: all .9s ease;
  1578. -o-transition: all .9s ease;
  1579. transition: all .9s ease;
  1580. }
  1581.  
  1582. #loser{
  1583. position:fixed;
  1584. z-index:999999999999999999999999;
  1585. padding:1px;
  1586. margin-top: 15px;
  1587. margin-left: 12px;
  1588. height: 120px;
  1589. width: 120px;
  1590. background:white;
  1591. padding: 2px;
  1592. border: 2px solid {color:sidebar border};
  1593. opacity: 0;
  1594. -webkit-transition: all .2s ease;
  1595. -moz-transition: all .2s ease;
  1596. -o-transition: all .2s ease;
  1597. transition: all .2s ease;
  1598. }
  1599.  
  1600. #sidebar:hover #loser{
  1601. opacity:1;
  1602. -webkit-transition: all .9s ease;
  1603. -moz-transition: all .9s ease;
  1604. -o-transition: all .9s ease;
  1605. transition: all .9s ease;
  1606. }
  1607.  
  1608. #loser img{
  1609. -webkit-filter:grayscale(100%);
  1610. }
  1611.  
  1612. #toptitle{
  1613. position: fixed !important;
  1614. z-index: 99999999999;
  1615. margin-left: 20px;
  1616. margin-top: 418px;
  1617. font-family: "Normal";
  1618. font-size: 70px;
  1619. color: white;
  1620. text-shadow: -2px 0 {color:titlecolor}, 0 2px {color:titlecolor}, 2px 0 {color:titlecolor}, 0 -2px {color:titlecolor};
  1621. -webkit-transition: all .9s ease;
  1622. -moz-transition: all .9s ease;
  1623. -o-transition: all .9s ease;
  1624. transition: all .9s ease;
  1625. }
  1626.  
  1627. #sidebar:hover #toptitle{
  1628. opacity:0;
  1629. margin-top: 450px;
  1630. }
  1631.  
  1632. #toptitle2{
  1633. position: fixed !important;
  1634. z-index: 999999999999999;
  1635. margin-left: 1px;
  1636. margin-top: 450px;
  1637. font-family: "Normal";
  1638. font-size: 65px;
  1639. color: white;
  1640. opacity:0;
  1641. text-shadow: -2px 0 {color:titlecolor}, 0 2px {color:titlecolor}, 2px 0 {color:titlecolor}, 0 -2px {color:titlecolor};
  1642. -webkit-transition: all .9s ease;
  1643. -moz-transition: all .9s ease;
  1644. -o-transition: all .9s ease;
  1645. transition: all .9s ease;
  1646. }
  1647.  
  1648. #sidebar:hover #toptitle2{
  1649. opacity:1;
  1650. margin-top: 408px;
  1651. }
  1652.  
  1653. #link{
  1654. position: fixed !important;
  1655. z-index: 99999999999;
  1656. margin-left: 165px;
  1657. margin-top: 12px;
  1658. font-family: "Normal";
  1659. font-size:35px;
  1660. color: white;
  1661. opacity:0;
  1662. text-shadow: -1px 0 {color:titlecolor}, 0 1px {color:titlecolor}, 1px 0 {color:titlecolor}, 0 -1px {color:titlecolor};
  1663. -webkit-transition: all .2s ease;
  1664. -moz-transition: all .2s ease;
  1665. -o-transition: all .2s ease;
  1666. transition: all .2s ease;
  1667. }
  1668.  
  1669. #sidebar:hover #link{
  1670. opacity:1;
  1671. -webkit-transition: all .9s ease;
  1672. -moz-transition: all .9s ease;
  1673. -o-transition: all .9s ease;
  1674. transition: all .9s ease;
  1675. }
  1676.  
  1677. #about{
  1678. position: fixed !important;
  1679. z-index: 99999999999;
  1680. margin-left: 0px;
  1681. margin-top: 280px;
  1682. font-family: "Normal";
  1683. font-size: 31px;
  1684. color: white;
  1685. opacity: 0;
  1686. text-shadow: -1px 0 {color:titlecolor}, 0 1px {color:titlecolor}, 1px 0 {color:titlecolor}, 0 -1px {color:titlecolor};
  1687. -webkit-transition: all .2s ease;
  1688. -moz-transition: all .2s ease;
  1689. -o-transition: all .2s ease;
  1690. transition: all .2s ease;
  1691. }
  1692.  
  1693. #sidebar:hover #about{
  1694. opacity:1;
  1695. -webkit-transition: all .9s ease;
  1696. -moz-transition: all .9s ease;
  1697. -o-transition: all .9s ease;
  1698. transition: all .9s ease;
  1699. }
  1700.  
  1701. #smelly{
  1702. position:fixed;
  1703. z-index:999;
  1704. padding:1px;
  1705. bottom: 110px;
  1706. right: 100px;
  1707. height: 30px;
  1708. width: 40px;
  1709. opacity: 1;
  1710. }
  1711.  
  1712. @font-face { font-family: ; src: url(); }
  1713.  
  1714. @font-face { font-family: ; src: url(); }
  1715.  
  1716. @font-face { font-family: ; src: url(); }
  1717.  
  1718. @font-face { font-family: ; src: url(); }
  1719.  
  1720. @font-face { font-family: Rose; src: url(http://static.tumblr.com/vyr0ogr/GRsmsms5f/anjelika_rose.ttf); }
  1721.  
  1722. @font-face { font-family: heart; src: url(http://static.tumblr.com/vyr0ogr/TJomsmr9w/always_in_my_heart.ttf); }
  1723.  
  1724.  
  1725. @font-face { font-family: Giggle; src: url(http://static.tumblr.com/vyr0ogr/nafmsmsgy/just_for_giggles.ttf); }
  1726.  
  1727.  
  1728. @font-face {
  1729. font-family: 'Happy Monkey';
  1730. font-style: normal;
  1731. font-weight: 400;
  1732. src: local('Happy Monkey'), local('HappyMonkey-Regular'), url(http://themes.googleusercontent.com/static/fonts/happymonkey/v2/c2o0ps8nkBmaOYctqBq1rXhCUOGz7vYGh680lGh-uXM.woff) format('woff');
  1733. }
  1734.  
  1735. @font-face { font-family: Marina; src: url(http://static.tumblr.com/vyr0ogr/yjzmrv704/a_gentle_touch.ttf); }
  1736.  
  1737. @font-face { font-family: Normal; src: url(http://static.tumblr.com/vyr0ogr/VF8msmsck/deutsche_normalschrift_a.ttf); }
  1738.  
  1739. @font-face { font-family: "dixel"; src: url('http://static.tumblr.com/jdjsstr/8ovm78cbb/pf_arma_five_1_.ttf'); }
  1740.  
  1741.  
  1742. /*CUSTOMIZE TITLE OF ENTRIES HERE*/
  1743. .title{
  1744. line-height: 37px;
  1745. font-size: 35px;
  1746. font-family: "Giggle";
  1747. text-shadow: 2px 3px 4px {color:title shadow};
  1748. color:{color:Title};
  1749. font-weight: normal;
  1750. }
  1751.  
  1752.  
  1753. /*CUSTOMIZE PERMALINKS OF TEXT POSTS AND SUCH HERE*/
  1754. .permalink{
  1755. text-transform: normal;
  1756. display: block;
  1757. text-align: right;
  1758. text-decoration: none;
  1759. }
  1760.  
  1761.  
  1762. /*I RECCOMMEND TO NOT TOUCH ANY OF THIS LOLz*/
  1763. #infscr-loading{
  1764. bottom: -70px;
  1765. position: absolute;
  1766. left: 50%;
  1767. margin-left:-8px;
  1768. width:16px;
  1769. height:11px;
  1770. overflow:hidden;
  1771. margin-bottom: 50px;
  1772. }
  1773.  
  1774. #postnotes{
  1775. text-align: justify;}
  1776.  
  1777. #postnotes blockquote{
  1778. border: 0px;}
  1779.  
  1780. blockquote{
  1781. padding:0px 0px 2px 5px;
  1782. margin:0px 0px 2px 10px;
  1783. border-left: 1px dotted #555555;
  1784. }
  1785.  
  1786. blockquote p, ul{
  1787. margin:0px;
  1788. padding:0px;
  1789. }
  1790.  
  1791. a img{border: 0px;}
  1792.  
  1793.  
  1794. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  1795.  
  1796. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  1797. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  1798.  
  1799. .notes img{width:10px; position:relative; top:3px;}
  1800. <--ses-->
  1801. small{font-size: 90%;}
  1802.  
  1803. {CustomCSS}
  1804.  
  1805. </style>
  1806.  
  1807. {block:IndexPage}
  1808. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  1809. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  1810.  
  1811. <script type="text/javascript">
  1812. $(window).load(function(){
  1813. var $wall = $('#posts');
  1814. $wall.imagesLoaded(function(){
  1815. $wall.masonry({
  1816. itemSelector: '.entry, .entry_photo',
  1817. isAnimated : false
  1818. });
  1819. });
  1820.  
  1821. $wall.infinitescroll({
  1822. navSelector : '#pagination',
  1823. nextSelector : '#pagination a',
  1824. itemSelector : '.entry, .entry_photo',
  1825. bufferPx : 2000,
  1826. debug : false,
  1827. errorCallback: function() {
  1828. $('#infscr-loading').fadeOut('normal');
  1829. }},
  1830. function( newElements ) {
  1831. var $newElems = $( newElements );
  1832. $newElems.hide();
  1833. $newElems.imagesLoaded(function(){
  1834. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  1835. });
  1836. }); $('#posts').show(500);
  1837. });
  1838. </script>
  1839.  
  1840.  
  1841. {/block:IndexPage}
  1842.  
  1843.  
  1844. <title>{title}</title>
  1845.  
  1846. <link rel="shortcut icon" href="http://media.tumblr.com/tumblr_ltsft1v1g21r1b4vq.gif" />
  1847. <meta name="viewport" content="width=820" />
  1848. </head>
  1849.  
  1850. <body onkeydown="return false">
  1851.  
  1852. <BODY onselectstart="return false;" ondragstart="return false;">
  1853. <div class="wrapper">
  1854. <div class="header">
  1855. </div>
  1856.  
  1857. <div id="cage">
  1858. <div id="center">
  1859. <div id="side5"></div>
  1860. <div id="side6"></div>
  1861. <div id="side7"></div>
  1862. <div id="side8"></div>
  1863. <div id="o1"></div>
  1864. <div id="o2"></div>
  1865. <div id="o3"></div>
  1866. <div id="o4"></div>
  1867. <div id="o5"></div>
  1868. <div id="o6"></div>
  1869. <div id="o7"></div>
  1870. <div id="o8"></div>
  1871. <div id="o9"></div>
  1872. <div id="o10"></div>
  1873. <div id="o11"></div>
  1874. <div id="o12"></div>
  1875. <div id="o13"></div>
  1876. <div id="o14"></div>
  1877. <div id="o15"></div>
  1878. <div id="o16"></div>
  1879.  
  1880. <div id="a1"></div>
  1881. <div id="a2"></div>
  1882. <div id="a3"></div>
  1883. <div id="a4"></div>
  1884. <div id="a5"></div>
  1885. <div id="a6"></div>
  1886. <div id="a7"></div>
  1887. <div id="a8"></div>
  1888. <div id="a9"></div>
  1889. <div id="a10"></div>
  1890. <div id="a11"></div>
  1891. <div id="a12"></div>
  1892. <div id="a13"></div>
  1893. <div id="a14"></div>
  1894. <div id="a15"></div>
  1895. <div id="a16"></div>
  1896. <div id="like"><center>{text:quote}</center></div>
  1897. <div id="like3"><center>{text:quote2}</center></div>
  1898. <div id="like2"></div>
  1899. <div id="smelly"><img src="http://25.media.tumblr.com/d46d8c15a800a842d57dadd1410afe9c/tumblr_mpzunrqz621rgpyeqo1_250.png" width=140px></div>
  1900. <!--STUFF THAT GOES INTO THE SIDEBAR-->
  1901. <div id="sidebar">
  1902. <div id="side1"></div>
  1903. <div id="side2"></div>
  1904. <div id="side3"></div>
  1905. <div id="side4"></div>
  1906. <div id="toptitle">{text:toptitle}</div>
  1907. <div id="toptitle2">{text:toptitle2}</div>
  1908. <div id="box"></div>
  1909. <div id="desc">{Description}</div>
  1910. <div id="stats">{text:stats}</div>
  1911. <div id="music">{text:music}</div>
  1912. <div id="allison"></div>
  1913. <div id="weird"></div>
  1914. <div id="omgz"></div>
  1915. <div id="link">Explore</div>
  1916. <div id="about">About me</div>
  1917. <div id="loser"><script language="JavaScript">
  1918. <!--
  1919.  
  1920. /*
  1921. Random Image Script- By JavaScript Kit (http://www.javascriptkit.com)
  1922. Over 400+ free JavaScripts here!
  1923. Keep this notice intact please
  1924. */
  1925.  
  1926. function random_imglink(){
  1927. var myimages=new Array()
  1928. //specify random images below. You can have as many as you wish
  1929. myimages[1]="{image:pic1}"
  1930. myimages[2]="{image:pic2}"
  1931. myimages[3]="{image:pic3}"
  1932. myimages[4]="{image:pic4}"
  1933. myimages[5]="{image:pic5}"
  1934. myimages[6]="{image:pic6}"
  1935. myimages[7]="{image:pic7}"
  1936. myimages[8]="{image:pic8}"
  1937. myimages[9]="{image:pic9}"
  1938.  
  1939. var ry=Math.floor(Math.random()*myimages.length)
  1940. if (ry==0)
  1941. ry=1
  1942. document.write('<img src="'+myimages[ry]+'" border=0 height=120px width=120px>')
  1943. }
  1944. random_imglink()
  1945. //-->
  1946. </script></div>
  1947.  
  1948.  
  1949. <div id="star"><a href="#?w=300" rel="04" class="poplight"title="Credits"><img src="http://static.tumblr.com/8b303b46f241727e9a76ebca2e12e746/7ifduaz/N3Kmohe1f/tumblr_static_tumblr_m8nnbl0fph1r7y61oo1_100.gif"></a>
  1950. </div>
  1951.  
  1952. <div id="lol"><a href="#?w=300" rel="03" class="poplight"title="Playlist, Stats and Updates"><img src="http://static.tumblr.com/8b303b46f241727e9a76ebca2e12e746/7ifduaz/N3Kmohe1f/tumblr_static_tumblr_m8nnbl0fph1r7y61oo1_100.gif"></a>
  1953. </div>
  1954.  
  1955. <div id="link1"><a href="{text:link 1}"title="{text:link 1 message}">
  1956. Home
  1957. </a></div>
  1958.  
  1959. <div id="link2"><a href="{text:link 2}"title="{text:link 2 message}">
  1960. Inbox
  1961. </a></div>
  1962.  
  1963. <div id="link3"><a href="{text:link 3}"title="{text:link 3 message}">
  1964. Links
  1965. </a></div>
  1966.  
  1967. <div id="link4"><a href="{text:link 4}"title="{text:link 4 message}">
  1968. Uploads
  1969. </a></div>
  1970.  
  1971. <div id="link5"><a href="{text:link 5}"title="{text:link 5 message}">
  1972. Themes
  1973. </a></div>
  1974.  
  1975. <center>
  1976. <div id="sidebarr"><script language="JavaScript">
  1977. <!--
  1978.  
  1979. /*
  1980. Random Image Script- By JavaScript Kit (http://www.javascriptkit.com)
  1981. Over 400+ free JavaScripts here!
  1982. Keep this notice intact please
  1983. */
  1984.  
  1985. function random_imglink(){
  1986. var myimages=new Array()
  1987. //specify random images below. You can have as many as you wish
  1988. myimages[1]="{image:sidebar}"
  1989. myimages[2]="{image:sidebar1}"
  1990. myimages[3]="{image:sidebar2}"
  1991. myimages[4]="{image:sidebar3}"
  1992. myimages[5]="{image:sidebar4}"
  1993. myimages[6]="{image:sidebar5}"
  1994. myimages[7]="{image:sidebar6}"
  1995. myimages[8]="{image:sidebar7}"
  1996. myimages[9]="{image:sidebar8}"
  1997. myimages[10]="{image:sidebar9}"
  1998.  
  1999. var ry=Math.floor(Math.random()*myimages.length)
  2000. if (ry==0)
  2001. ry=1
  2002. document.write('<img src="'+myimages[ry]+'" border=0 height=470px width=100% >')
  2003. }
  2004. random_imglink()
  2005. //-->
  2006. </script></div>
  2007.  
  2008. </center>
  2009. </div>
  2010. <!------------------------------------->
  2011.  
  2012.  
  2013. <div class="left">
  2014. <div id="posts">
  2015. {block:Posts}
  2016. <div class="entry">
  2017.  
  2018. {block:Answer}
  2019. <img src="{AskerPortraitURL-40}" align=left style="border:1px solid #d7d7d7; border-radius: 10px; width: 40px; padding: 0;"/>
  2020. <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>
  2021. <br>
  2022. <img src="{Favicon}" width=40 p align=right style="border:1px solid #d7d7d7; border-radius: 10px; width: 40px; padding: 0; margin-top: 20px;"/>
  2023. <name>{text:name} says:</name>
  2024. <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>
  2025. <br>
  2026. <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>
  2027. {/block:Answer}
  2028.  
  2029. {block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="body">{Body}</span><p align=right><span class="permalink"><a
  2030.  
  2031. href="{Permalink}"><a href="{Permalink}"><a href="{Permalink}">{notecountwithlabel}</a></a><br>{/block:HasTags}</span></align>
  2032. {/block:Text}
  2033.  
  2034. {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description} <p align=right><span
  2035.  
  2036. class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"></span></align>{block:Link}
  2037.  
  2038. {block:Photo}
  2039. {block:IndexPage}
  2040. <center>
  2041. <div class="perma">
  2042. <a href="{ReblogURL}" target="_blank"> reblog </a> ♥ <a href="{Permalink}">{notecountwithlabel}</a> </div>
  2043.  
  2044. <div class="perma2">
  2045. <a href="{Permalink}">{Month} {DayOfMonth}, {12Hour}:{Minutes}{AmPm}</a> </div>
  2046.  
  2047. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  2048. {/block:IndexPage}
  2049. {block:PermalinkPage}
  2050. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  2051.  
  2052. {LinkCloseTag}
  2053. {/block:PermalinkPage}
  2054. {/block:Photo}
  2055.  
  2056. {block:Photoset}
  2057. {block:IndexPage}
  2058. <center>
  2059.  
  2060. <div class="perma">
  2061. <a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  2062.  
  2063. {Photoset-250}</center>
  2064. {/block:IndexPage}
  2065. {block:PermalinkPage}
  2066. <center>
  2067. {Photoset-500}</center>
  2068. {/block:PermalinkPage}
  2069. {/block:Photoset}
  2070.  
  2071. {block:Quote}<span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}<br><p align=right><span class="permalink"><a
  2072.  
  2073. href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"> </span>{/block:Quote}
  2074.  
  2075. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  2076. <ul class="chat">
  2077. {block:Lines}
  2078. <li class="user_{UserNumber}">
  2079. {block:Label}
  2080. <span class="label">{Label}</span>
  2081. {/block:Label}
  2082.  
  2083. {Line}
  2084. </li>
  2085. {/block:Lines}
  2086. <p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}">
  2087. {/block:Chat}
  2088.  
  2089. {block:Audio}
  2090. <div style="width:200px; height:30px;">
  2091. {AudioPlayerBlack}
  2092. </div>
  2093. {block:IndexPage}<span class="permalink">
  2094. <p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"> </a>
  2095. </span>{/block:IndexPage}
  2096. {/block:Audio}
  2097.  
  2098. {block:Video}
  2099. {block:IndexPage}
  2100. <center>
  2101. <div class="perma">
  2102. <a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  2103. {Video-250}</center>
  2104. {/block:IndexPage}
  2105. {block:PermalinkPage}
  2106. <center>
  2107. {Video-400}</center>
  2108. {/block:PermalinkPage}
  2109. {block:Video}
  2110.  
  2111.  
  2112. {block:PostNotes}<div align="middle">{caption}</div>
  2113. <center>
  2114.  
  2115. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  2116.  
  2117. {block:HasTags}
  2118. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  2119. {block:RebloggedFrom}
  2120. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  2121. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  2122.  
  2123. {/block:RebloggedFrom}
  2124. </center></span>
  2125. <br>
  2126. <div id="postnotes">{PostNotes}</div><br>
  2127.  
  2128. <center>{block:ContentSource}
  2129. <br><a href="{SourceURL}">
  2130. {lang:Source}:
  2131. {block:SourceLogo}
  2132. <img src="{BlackLogoURL}" width="{LogoWidth}"
  2133. height="{LogoHeight}" alt="{SourceTitle}" />
  2134. {/block:SourceLogo}
  2135. {block:NoSourceLogo}
  2136. {SourceLink}
  2137. {/block:NoSourceLogo}
  2138. </a>
  2139. {/block:ContentSource}</center>
  2140.  
  2141. {/block:PostNotes}
  2142. </div>
  2143. {/block:Posts}
  2144. </div></div>
  2145.  
  2146. {block:IndexPage}
  2147. {block:Pagination}
  2148. <div id="pagination">
  2149. {block:NextPage}
  2150. <a id="nextPage" href="{NextPage}"></a>
  2151. {/block:NextPage}
  2152. {block:PreviousPage}
  2153. <a href="{PreviousPage}"></a>
  2154. {/block:PreviousPage}
  2155. </div>
  2156. {/block:Pagination}
  2157. {/block:IndexPage}
  2158. </body>
  2159.  
  2160. <div id="04" class="popup_block">
  2161.  
  2162. Theme by danqle<br>
  2163. {text:credit}
  2164.  
  2165. </div></div></div></div></div></div></div></div></div></div>
  2166.  
  2167. <div id="03" class="popup_block">
  2168.  
  2169. {text:playlist stats and updates}
  2170.  
  2171. </div></div></div></div></div></div></div></div></div></div>
  2172.  
  2173. <div style="position:fixed; bottom:1px; 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:/danqle.tumblr.com"> ♥ </a></div>
  2174.  
  2175.  
  2176. </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!