Don't like ads? PRO users don't see any ads ;-)
Public Pastes
Guest

hi

By: a guest on Jul 4th, 2012  |  syntax: None  |  size: 73.36 KB  |  hits: 11  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1.  
  2.  
  3. <style type="text/css">A:link { text-decoration: none;}A:hover { background: url(http://www.dolliehost.com/dolliecrave/graphics/linkhovers/13.gif);}</style>
  4. <a href="http://www.dolliecrave.com" target=_blank title="Link Hover Codes"
  5.  
  6.  
  7. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  8. <html xmlns="http://www.w3.org/1999/xhtml">
  9. <head>
  10. <style type=”text/css”>
  11.  
  12. A:link {text-decoration: none}
  13.  
  14. A:visited {text-decoration: none}
  15.  
  16. A:active {text-decoration: none}
  17.  
  18. A:hover {font-size:24px; font-weight:bold; color: red;}
  19.  
  20. </style>
  21. <meta property=”og:title” content=”{block:PostTitle}
  22. {PostTitle}
  23. {/block:PostTitle}”>
  24. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  25. <meta name="image:Background" content=""/>
  26. <meta name="color:Main Text" content="#333333"/>
  27. <meta name="color:Links" content="#558386"/>
  28. <meta name="color:Header Links" content="#4083a9"/>
  29. <meta name="text:Number of columns" content="5"/>
  30. <meta name="color:Background" content="#f0efeb"/>
  31. <meta name="if:Fade in posts" content="0"/>
  32. <meta name="color:Post Title" content="#000000"/>
  33. <meta name="color:Description" content="#4083a9"/>
  34. <meta name="text:Post padding" content="10"/>
  35. <meta name="color:Scroll Bar" content="#000"/>
  36. <meta name="if:Fix tumblr controls" content="1"/>
  37. <meta name="if:Lightbox" content="1"/>
  38. <meta name="if:Header Style A" content="1"/>
  39. <meta name="if:Header Style B" content="0"/>
  40. <meta name="if:Fix Header" content="1"/>
  41. <meta name="if:Transparent Header" content="1"/>
  42. <meta name="if:Blog Title Style A" content="0"/>
  43. <meta name="if:Blog Title Style B" content="1"/>
  44. <meta name="if:Blog Title Style C" content="0"/>
  45. <meta name="if:Show Portrait" content="0"/>
  46. <meta name="image:Logo" content=""/>
  47. <meta name="if:RSS link" content="0">
  48. <meta name="if:Archive link" content="0">
  49. <meta name="color:Header" content="#ffffff"/>
  50. <meta name="color:Links" content="#558386"/>
  51. <meta name="color:Links Hover" content="#ea0d36"/>
  52. <meta name="color:Blog Hover" content="#000000"/>
  53. <meta name="color:Blog" content="#333333"/>
  54. <meta name="if:Text Background" content="1">
  55. <meta name="color:Text background" content="#fff"/>
  56.  
  57.  
  58.  
  59. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
  60. <link rel="shortcut icon" href="{Favicon}">
  61. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  62. {block:Description}
  63.  <meta name="description" content="{MetaDescription}" />
  64. {/block:Description}
  65.  
  66. <script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
  67.  
  68.  
  69. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  70. <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
  71. <script src="http://static.tumblr.com/ssdtkch/5cRls2m3o/jquery.lazyload.js" type="text/javascript" charset="utf-8"></script>
  72.     <link rel="stylesheet" href="http://static.tumblr.com/2w7y46r/tpCltl37a/pictos_base.css">
  73.    
  74.  
  75.  
  76. <link href='http://fonts.googleapis.com/css?family=Open+Sans:700italic' rel='stylesheet' type='text/css'>
  77.  
  78.  
  79.  
  80.  
  81. <script src="http://cdn.jquerytools.org/1.2.5/jquery.tools.min.js"></script>
  82. <link  href="http://www.themecloud.co/themes/narnia/core.css" rel="stylesheet" type="text/css" >
  83. <style>
  84. .tipsy { padding: 5px; font-size: 10px; }
  85.   .tipsy-inner { padding: 5px 8px 4px 8px; background-color: {color:header}; color: {color:header links}; max-width: 200px; text-align: center; }
  86.   .tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
  87.   .tipsy-north { background-position: top center; }
  88.   .tipsy-south { background-position: bottom center; }
  89.   .tipsy-east { background-position: right center; }
  90.   .tipsy-west { background-position: left center; }
  91.   </style>
  92. <script src="http://www.themecloud.co/themes/narnia/jquery.tipsy.js"></script>
  93.  
  94. <script type="text/javascript" src="http://static.tumblr.com/ssdtkch/AhIlqr0kb/jquery.easing-1.3.pack.js"></script>
  95. <script type="text/javascript" src="http://static.tumblr.com/ssdtkch/YP9ls3323/untitled.js"></script>
  96. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/ssdtkch/EUjlqtc4s/jquery.fancybox-1.3.4.css" media="screen" />
  97.  
  98. <link href="http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,700italic,800italic,400,600,700,800&v2" rel='stylesheet' type='text/css'>
  99. <link href='http://fonts.googleapis.com/css?family=Terminal+Dosis:800' rel='stylesheet' type='text/css'>
  100. <link href='http://fonts.googleapis.com/css?family=Stardos+Stencil:700' rel='stylesheet' type='text/css'>
  101. <script type="text/javascript" src="http://static.tumblr.com/ts2nqrf/Msal8du92/cufon.js"></script>
  102. <script type="text/javascript" src="http://static.tumblr.com/ts2nqrf/mNQl8du9p/bebas.js"></script> <script type="text/javascript"> Cufon.DOM.ready(function() { Cufon.replace('.bebas', { fontFamily: 'bebas', hover:true }); $('.bebas').css('visibility','visible'); }); </script>
  103. <script>
  104. $(window).load(function() {
  105.     {block:iffixheader}
  106.         {block:ifheaderstyleB}
  107.         $("#posts").css("margin-top",($("#header_menu2").height() + 20) + "px");
  108.         {/block:ifheaderstyleB}
  109.         {/block:iffixheader}
  110.          });
  111. </script>
  112. {block:IndexPage}
  113.  
  114. <script type="text/javascript" src="https://apis.google.com/js/plusone.js">{lang: 'en-GB'}
  115. </script>
  116.  
  117. <script>
  118.  
  119. $(document).ready(function() {
  120. GetPosts({block:IfNumberofcolumns}{text:Number of columns}{/block:IfNumberofcolumns},"600");
  121.  
  122. });
  123. </script>
  124.  
  125.  
  126. <script>
  127. var ScrollTopNumber;
  128. $(window).scroll(function(){
  129. ScrollTopNumber = $(document).height() / 4 - $(window).height();
  130. if ($(window).scrollTop() > ScrollTopNumber)
  131. {
  132.  return GetMorePosts();
  133. }
  134. })
  135. </script>
  136.  
  137. {/block:IndexPage}
  138.  
  139.  
  140. <style>
  141.  
  142.  
  143. .bqstart,
  144. .bqend { font-size: 300%; }
  145.  
  146. .bqstart {
  147.     text-indent: 0;
  148.     position: absolute;
  149.     top: -0.2em;
  150.     left: 0;
  151. }
  152.  
  153. .bqend {
  154.     position: absolute;
  155.     margin-top: -0.2em;
  156.     right: 0;
  157.     text-indent: 0;
  158. }
  159. .post{
  160. overflow:hidden;      
  161. }
  162.  
  163. body{
  164. background-color:{color:Background};
  165. {block:ifbackgroundimage}background-image:url('{image:background}');{/block:ifbackgroundimage}
  166. font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  167. color:{color:main text};
  168. margin:0;
  169. background-repeat:repeat;
  170. background-attachment:fixed;
  171. }
  172.  
  173. {block:ifFixtumblrcontrols}
  174.  
  175. #tumblr_controls{
  176. position:fixed !important;
  177. right:7px !important;
  178. top:5px !important;
  179. }
  180.  
  181. #purchase_theme{
  182. position:fixed !important; {block:headerstyleA}top:3px !important; z-index:1000 !important; {/block:headerstyleA}
  183. }
  184.  
  185. {/block:ifFixtumblrcontrols}
  186.  
  187. iframe#tumblr_controls{
  188. z-index:600 !important;
  189. position:fixed !important;
  190. }
  191.  
  192.  
  193. ::-webkit-scrollbar-thumb:vertical {background-color: {color:scroll bar}; height:100px;}
  194.  
  195. ::-webkit-scrollbar-thumb:horizontal {background-color: {color:scroll bar}; height:10px !important;}
  196.  
  197. ::-webkit-scrollbar { height:10px; width:7px; background-color:{color:Background};}
  198.  
  199. a{
  200. text-decoration:none;
  201. color:{color:Links};
  202. }
  203.  
  204. A:hover
  205. {font-size:24px; font-weight:bold; color: red;}
  206.  
  207.  
  208.  
  209. .column{
  210. float:left;
  211. width:300px;
  212. margin:0;
  213. padding:0;
  214. }
  215.  
  216. .column img{
  217. width:100%;    
  218. margin-bottom:0px;
  219. height:auto;
  220. }
  221.  
  222. .post img{
  223. width:100%;
  224. height:auto;          
  225. }
  226.  
  227. .post{
  228. font-size:11px;
  229. position: relative;
  230. text-align:left;
  231.  
  232.  
  233.  
  234. {block:iffadeinposts}
  235. opacity:0.8;
  236. filter:alpha(opacity=80);
  237. {/block:iffadeinposts}
  238. }
  239.  
  240. {block:iffadeinposts}
  241. .post:hover {
  242. opacity:1;
  243. filter:alpha(opacity=100);
  244. }
  245. {/block:iffadeinposts}
  246.  
  247.  
  248. {block:PermalinkPage}
  249. .notes{float:left;
  250. }
  251. .reblog_etc{
  252. display:none;
  253. z-index:400;  
  254. }
  255.  
  256. .post{ width:600px;
  257.  
  258. }
  259.  
  260. {/block:PermalinkPage}
  261.  
  262.  
  263. #outer_container{
  264. width:100%;
  265. margin-top:0px;
  266. }
  267.  
  268. #container{
  269. margin-left:auto;
  270. margin-right:auto;    
  271. {block:PermalinkPage}
  272. margin-top:30px;
  273. {/block:PermalinkPage}
  274. }
  275.  
  276. .captions{
  277. width:100%;
  278. overflow:hidden;
  279.  
  280. {block:IndexPage}
  281. padding-top:10px;
  282. margin-left:auto;
  283. margin-right:auto;    
  284. {/block:IndexPage}
  285.  
  286. text-align:left;
  287. font-size:11px;
  288. color:{color:Caption Text};
  289. }
  290.  
  291. .captions p{
  292. margin:0;
  293. margin-top:5px;
  294. padding:0;
  295. }
  296.  
  297. .captions a{
  298. color:{color:Links};  
  299. }
  300.  
  301. .note_count{
  302. text-align:left;
  303. }
  304.  
  305. .audio_player embed{
  306. margin-left:0;
  307. font-size:11px;
  308. z-index:300 !important;
  309. color:#FF0000;
  310. opacity:1;
  311. filter:alpha(opacity=100);
  312. }
  313.  
  314. .audio{
  315. opacity:1;
  316. filter:alpha(opacity=100);
  317. }
  318.  
  319. .audio_player{
  320. margin-left:0;
  321. font-size:11px;
  322. color:#FF0000;
  323. background-color:#000000;
  324. opacity:1;
  325. filter:alpha(opacity=100);
  326. }
  327.  
  328. .audio_player a{
  329. font-size:11px;
  330. color:#FF0000;
  331. text-decoration:none;
  332. }
  333.  
  334. .chat{
  335. {block:iftextbackground}background-color:{color:text background};{/block:iftextbackground}
  336. color:{color:main text};
  337. text-align:left;      
  338. font-family: 'Open Sans';
  339. {block:indexpage}padding:10px 5px 5px 5px;{/block:indexpage}
  340. {block:ifnottextbackground}{block:permalinkpage}padding:0px 5px 5px 5px;{/block:permalinkpage}{block:ifnottextbackground}
  341. {block:iftextbackground}{block:permalinkpage}padding:10px 5px 5px 5px;{/block:permalinkpage}{block:iftextbackground}
  342. }
  343.  
  344.  
  345. .chat_line_odd{
  346. margin-left:2%;
  347. font-size:13px;
  348. margin-top:5px;
  349. min-height:15px;
  350. color:{color:links hover};
  351. }
  352.  
  353. .chat_line_even{
  354. font-size:13px;
  355. margin-left:2%;
  356. min-height:15px;
  357. margin-top:5px;
  358. color:{color:links};
  359. }
  360.  
  361. .chat_title a{
  362. font-weight:normal;
  363. font-size:16px;
  364. padding:5px;
  365. color:{color:post title};
  366. }
  367.  
  368. .chat_chat{
  369. color:{color:main text};
  370.  
  371. }
  372.  
  373. .video embed{
  374.         width:100%;
  375. z-index:500 !important;
  376. {block:PermalinkPage}
  377. height:350px !important;;
  378. {/block:PermalinkPage}
  379. }
  380.  
  381. .video iframe{
  382.                 width:100%;
  383. z-index:500 !important;
  384. {block:PermalinkPage}
  385. height:350px !important;;
  386. {/block:PermalinkPage}
  387.  
  388. }
  389.  
  390. facebook_like iframe{
  391. width:90%;
  392. height:21px;  
  393. }
  394.  
  395. .text_title a{
  396. font-weight:normal;
  397. font-size:16px;
  398. font-family:'Open Sans';
  399. color:{color:post title};
  400.  
  401. }
  402.  
  403. .text_title a:hover{
  404. color:{color:Links hover};
  405. -moz-transition: all .2s;
  406. -webkit-transition: all .2s;
  407. -o-transition: all .2s;
  408. transition: all .2;
  409. }
  410.  
  411. .text{
  412. overflow:hidden;
  413. text-align:left;
  414. font-size:12px;
  415. color:{color:main text};
  416. font-family:'Open Sans';
  417. {block:indexpage}padding:10px 10px 10px 10px;{/block:indexpage}
  418. {block:ifnottextbackground}{block:permalinkpage}padding:0px 10px 10px 10px;{/block:permalinkpage}{block:ifnottextbackground}
  419. {block:iftextbackground}{block:permalinkpage}padding:10px 10px 10px 10px;{/block:permalinkpage}{block:iftextbackground}
  420. {block:iftextbackground}background-color:{color:text background};{/block:iftextbackground}
  421.  
  422. }
  423.  
  424. .quote{
  425. overflow:hidden;
  426. text-align:left;
  427. font-size:12px;
  428. color:{color:main text};
  429. font-family:'Open Sans';
  430. {block:indexpage}padding:10px 10px 10px 10px;{/block:indexpage}
  431. {block:ifnottextbackground}{block:permalinkpage}padding:0px 10px 10px 10px;{/block:permalinkpage}{block:ifnottextbackground}
  432. {block:iftextbackground}{block:permalinkpage}padding:10px 10px 10px 10px;{/block:permalinkpage}{block:iftextbackground}
  433. {block:iftextbackground}background-color:{color:text background};{/block:iftextbackground}
  434. }
  435.  
  436. .quote_title a{
  437. font-weight:normal;
  438. font-size:16px;
  439. font-family:'Open Sans';
  440. color:{color:post title};
  441. margin-bottom:10px;
  442.  
  443. }
  444. .quote_title{
  445. font-weight:normal;
  446. font-size:16px;
  447. font-family:'Open Sans';
  448. color:{color:post title};
  449. margin-bottom:10px;
  450.  
  451. }
  452.  
  453. .quote_title a:hover{
  454. color:{color:Links hover};
  455. -moz-transition: all .2s;
  456. -webkit-transition: all .2s;
  457. -o-transition: all .2s;
  458. transition: all .2;
  459. }
  460.  
  461. blockquote {
  462. margin-left: 5px;
  463. padding-left:10px;
  464. border-left: 3px solid {color:Links};
  465. }
  466.  
  467. .link{
  468. overflow:hidden;
  469. text-align:left;
  470. font-size:12px;
  471. color:{color:main text};
  472. font-family:'Open Sans';
  473. {block:indexpage}padding:10px 10px 10px 10px;{/block:indexpage}
  474. {block:ifnottextbackground}{block:permalinkpage}padding:0px 10px 10px 10px;{/block:permalinkpage}{block:ifnottextbackground}
  475. {block:iftextbackground}{block:permalinkpage}padding:10px 10px 10px 10px;{/block:permalinkpage}{block:iftextbackground}
  476. text-indent: 0;
  477. {block:iftextbackground}background-color:{color:text background};{/block:iftextbackground}
  478.  
  479. }
  480.  
  481. .link_title a{
  482. font-weight:normal;
  483. font-size:16px;
  484. border-bottom:2px solid {color:post title};
  485. line-height:20px;
  486. font-family:'Open Sans';
  487. color:{color:post title};
  488. }
  489.  
  490. .link_title a:hover{
  491. color:{color:Links Hover};
  492. border-bottom:2px solid {color:Links Hover};
  493. -moz-transition: all .2s;
  494. -webkit-transition: all .2s;
  495. -o-transition: all .2s;
  496. transition: all .2s;
  497. }
  498.  
  499. #tags{
  500. font-weight:normal;
  501. font-size:11px;
  502. font-family:'Open Sans';
  503. color:{color:main text};
  504. padding-left:20px;
  505. width:350px;
  506. padding-bottom:5px;
  507. }
  508.  
  509. #tags a{
  510. color:{color:main text};
  511. }
  512.  
  513. #time{
  514. width:350px;
  515. font-weight:normal;
  516. font-size:11px;
  517. font-family:'Open Sans';
  518. color:{color:main text};
  519. padding-left:20px;
  520. overflow:ellipsis;
  521. padding-bottom:5px;
  522. }
  523.  
  524. #time a{
  525. color:{color:main text};
  526. }
  527.  
  528. #time a:hover{color:{color:links hover};}
  529.  
  530. #likes{
  531. width:350px;
  532. font-weight:normal;
  533. font-size:11px;
  534. font-family:'Open Sans';
  535. color:{color:main text};
  536. padding-left:20px;
  537.  
  538. padding-bottom:5px;}
  539.  
  540. /*Booleans */
  541.  
  542. {block:IndexPage}
  543. .captions{
  544. display:none;
  545. visibility:hidden;
  546. height:0px;    
  547. margin:0;
  548. padding:0;
  549. }
  550. {/block:IndexPage}
  551.  
  552. .captions{
  553. display:none;
  554. visibility:hidden;
  555. height:0px;    
  556. margin:0;
  557. padding:0;
  558. }
  559.  
  560.  
  561. .notes2{
  562. position:absolute;
  563. bottom:3px;
  564. left:8px;
  565. padding:0;
  566. z-index:499;
  567. display:none;
  568. }
  569. .notes3{
  570. position:relative;
  571. bottom:3px;
  572. left:0px;
  573. padding:0;
  574. z-index:499;
  575. display:none;
  576. }
  577.  
  578. .page_title{
  579. font-family:{font:Page Title};
  580. color:{color:Page Title};      
  581. font-size:24px;
  582. }
  583.  
  584. .page_title a{
  585. font-family:{font:Page Title};
  586. color:{color:Page Title};      
  587. font-size:24px;
  588. text-decoration:none;
  589. }
  590.  
  591.  
  592.  
  593. .photoset:hover .notes2{
  594. display:block;
  595. }
  596. .photo:hover .notes2{
  597. display:block;
  598. }
  599. .text:hover .notes3{
  600. display:block;
  601. }
  602. .link:hover .notes3{
  603. display:block;
  604. }
  605. .quote:hover .notes3{
  606. display:block;
  607. }
  608. .chat:hover .notes3{
  609. display:block;
  610. }
  611. .video embed:hover .notes3{
  612. display:block;
  613. }
  614. .video iframe:hover .notes3{
  615. display:block;
  616. }
  617. .video:hover .notes3{
  618. display:block;
  619. }
  620.  
  621.  
  622. .blog_title7 {
  623. font-size:22px;
  624. position: absolute;
  625. float:left;
  626. font-weight:500;
  627. font-style:italic;
  628. font-family: Helvetica, sans-serif;
  629. color: #B4B4BC;
  630. text-transform: uppercase;
  631. margin:0px;
  632. float:left;
  633. z-index:483;
  634. padding:21px 15px 0px 31px;
  635. {block:iflogoImage}display:none{/block:iflogoImage}
  636. }
  637. .blog_title6 {
  638. font-size:22px;
  639. position: absolute;
  640. float:left;
  641. font-weight:500;
  642. font-style:italic;
  643. font-family: Helvetica, sans-serif;
  644. color: #F46429;
  645. text-transform: uppercase;
  646. margin:0px;
  647. float:left;
  648. z-index:484;
  649. padding:20px 0px 0px 30px;
  650. {block:iflogoImage}display:none{/block:iflogoImage}
  651. }
  652. .blog_title5 {
  653. font-size:22px;
  654. position: absolute;
  655. float:left;
  656. font-weight:500;
  657. font-style:italic;
  658. font-family: Helvetica, sans-serif;
  659. color:#B41639;
  660. text-transform: uppercase;
  661. margin:0px;
  662. float:left;
  663. z-index:485;
  664. padding:19px 0px 0px 29px;
  665. {block:iflogoImage}display:none{/block:iflogoImage}
  666. }
  667. .blog_title4 {
  668. font-size:22px;
  669. position: absolute;
  670. float:left;
  671. font-weight:500;
  672. font-style:italic;
  673. font-family: Helvetica, sans-serif;
  674. color:#644697;
  675. text-transform: uppercase;
  676. margin:0px;
  677. float:left;
  678. z-index:486;
  679. padding:18px 0px 0px 28px;
  680. {block:iflogoImage}display:none{/block:iflogoImage}
  681. }
  682. .blog_title3 {
  683. font-size:22px;
  684. position: absolute;
  685. float:left;
  686. font-weight:500;
  687. font-style:italic;
  688. font-family: Helvetica, sans-serif;
  689. color:#124B99;
  690. text-transform: uppercase;
  691. margin:0px;
  692. float:left;
  693. z-index:487;
  694. padding:17px 0px 0px 27px;
  695. {block:iflogoImage}display:none{/block:iflogoImage}
  696. }
  697. .blog_title2 {
  698. font-size:22px;
  699. position: absolute;
  700. float:left;
  701. font-weight:500;
  702. font-style:italic;
  703. font-family: Helvetica, sans-serif;
  704. color:#086AA6;
  705. text-transform: uppercase;
  706. margin:0px;
  707. float:left;
  708. z-index:488;
  709. padding:16px 0px 0px 26px;
  710. {block:iflogoImage}display:none{/block:iflogoImage}
  711. }
  712. .blog_title_version_a a
  713. {
  714. z-index:489;
  715. position: relative;
  716. font-weight:500;
  717. color:{color:blog};
  718. text-transform: uppercase;
  719. margin:0px;
  720. float:left;
  721. padding:15px 0px 0px 25px;
  722. {block:iflogoImage}display:none{/block:iflogoImage}
  723. }
  724. .terminal
  725. {
  726.         font-size:22px;
  727.         font-family: 'Terminal Dosis', sans-serif;
  728. }
  729. .stardos
  730. {
  731.         font-size:26px;
  732.         font-family: 'Stardos Stencil', cursive;
  733. }
  734. .blog_title a{
  735. font-size:22px;
  736. z-index:489;
  737. position: relative;
  738. font-weight:500;
  739. font-style:italic;
  740. font-family: Helvetica, sans-serif;
  741. color:{color:blog};
  742. text-transform: uppercase;
  743. margin:0px;
  744. float:left;
  745. padding:15px 0px 0px 25px;
  746. {block:iflogoImage}display:none{/block:iflogoImage}
  747. }
  748.  
  749. .blog_title_2
  750. {
  751. z-index:489;
  752. margin-left:auto;
  753. margin-right:auto;
  754. width:100%;    
  755. text-align:center;
  756. font-weight: normal; font-size:60px;
  757. color:{color:blog};
  758. }
  759.  
  760. .blog_title_2 a
  761. {
  762. color:{color:blog};
  763. text-transform: uppercase;    
  764. font-weight: normal; font-size:60px;
  765. text-decoration:none;
  766. }
  767. .logo2_image
  768. {
  769. margin-bottom:20px;    
  770.  
  771. }
  772. #logo2
  773. {
  774. z-index:489;
  775. margin-left:auto;
  776. margin-right:auto;
  777. text-align:center;
  778. width:auto;    
  779. }
  780.  
  781. .blog_title a:hover{
  782. color:{color:bloghover};
  783. }
  784.  
  785. header_title{
  786. padding:10px 0px 0px 20px;
  787. border:1px solid red;
  788. top:0px;
  789. position:fixed;
  790. }
  791. #posts{
  792.  
  793.         {block:ifheaderstyleA}
  794.        
  795.         {block:iffixheader}
  796.         padding-top:50px;
  797.         {/block:iffixheader}
  798.  
  799.         {/block:ifheaderstyleA}
  800.        
  801.        
  802.        
  803. }
  804.  
  805.  
  806.  
  807. #header_menu{
  808.        
  809.         {block:ifnotheaderstyleA}
  810.         display:none;
  811.         {/block:ifnotheaderstyleA}
  812. width:100%;
  813. height:60px;
  814. z-index:503;
  815. {block:ifnottransparentheader}
  816. background-color:{color:header};
  817. {/block:ifnottransparentheader}
  818.  
  819. {block:iftransparentheader}
  820. background-color:{color:Background};
  821. {block:ifbackgroundimage}background-image:url('{image:background}');
  822. background-repeat:repeat;
  823. {/block:ifbackgroundimage}
  824. {/block:iftransparentheader}
  825.  
  826.  
  827. {block:iffixheader}
  828. position:fixed;
  829. margin-bottom:80px;
  830. {/block:iffixheader}
  831. top:0px;
  832. left:0px;
  833. }
  834. #header_menu2{
  835.         {block:ifnotheaderstyleB}
  836.         display:none;
  837.         {/block:ifnotheaderstyleB}
  838. width:100%;
  839. height:auto;
  840. z-index:503;
  841. padding-top:20px;
  842. {block:ifnottransparentheader}
  843. background-color:{color:header};
  844. {/block:ifnottransparentheader}
  845.  
  846. {block:iftransparentheader}
  847. background-color:{color:Background};
  848. {block:ifbackgroundimage}background-image:url('{image:background}');
  849. background-repeat:repeat;
  850. {/block:ifbackgroundimage}
  851. {/block:iftransparentheader}
  852.  
  853.  
  854.  
  855.  
  856. {block:iffixheader}
  857. position:fixed;
  858. {/block:iffixheader}
  859. top:0px;
  860. left:0px;
  861. }
  862.  
  863. #page_menu{
  864. display:none;
  865. width:100%;
  866. height:auto;
  867. z-index:501;
  868. margin-top:60px;
  869. {block:ifnottransparentheader}
  870. background-color:{color:header};
  871. {/block:ifnottransparentheader}
  872. {block:iftransparentheader}
  873. background-color:{color:Background};
  874. {block:ifbackgroundimage}background-image:url('{image:background}');
  875. background-repeat:repeat;
  876. {/block:ifbackgroundimage}
  877. {/block:iftransparentheader}
  878. position:absolute;
  879. {block:iffixheader}
  880. position:fixed;
  881. {/block:iffixheader}
  882. color:{color:description};
  883. top:0px;
  884. left:0px;
  885. }
  886. #page_content{
  887. display:none;
  888. visibility:hidden;
  889. width:100%;
  890. height:140px;
  891. z-index:508;
  892. position:fixed;
  893. top:60px;
  894. left:0px;
  895. }
  896. #page_curl{
  897. margin-top:0px;
  898. margin-left:20px;
  899. z-index:16000000;
  900. float:left;
  901. }
  902. #page_plus{
  903. margin-top:8px;
  904. margin-left:15px;
  905. z-index:16000000;
  906. font-size:30px;
  907. color:{color:description};
  908. font-family:'Open Sans';
  909. float:left;
  910. }
  911. #nav{
  912. float:left;
  913. font-size:11px;
  914. text-transform:uppercase;
  915. margin-top:20px;
  916. margin-left:25px;
  917. }
  918.  
  919. #nav a{
  920. display:block;
  921. float:left;
  922. margin-right:30px;
  923. color:{color:Header Links};
  924. border-top:0px solid {color:Header Links};
  925. text-decoration:none;
  926. -moz-transition: all .2s;
  927. -webkit-transition: all .2s;
  928. -o-transition: all .2s;
  929. transition: all .2;
  930. line-height:20px;
  931. }
  932.  
  933. #nav a:hover{
  934. color:{color:Links Hover};
  935. border-top:3px solid {color:Header Links};
  936. -moz-transition: all .2s;
  937. -webkit-transition: all .2s;
  938. -o-transition: all .2s;
  939. transition: all .2s;}
  940.  
  941. #nav2{
  942.         text-align:center;
  943. font-size:11px;
  944. text-transform:uppercase;
  945. margin-bottom:20px;
  946. margin-left:auto;
  947. margin-right:auto;
  948. }
  949.  
  950. #nav2 a{
  951. color:{color:Header Links};
  952. margin-right:15px;
  953. margin-left:15px;
  954. border-top:0px solid {color:Header Links};
  955. text-decoration:none;
  956. -moz-transition: all .2s;
  957. -webkit-transition: all .2s;
  958. -o-transition: all .2s;
  959. transition: all .2;
  960. line-height:20px;
  961. }
  962.  
  963. #nav2 a:hover{
  964. color:{color:Links Hover};
  965. border-top:3px solid {color:Header Links};
  966. -moz-transition: all .2s;
  967. -webkit-transition: all .2s;
  968. -o-transition: all .2s;
  969. transition: all .2s;}
  970.  
  971.  
  972. #description{
  973. font-family:'Open Sans';
  974. width:400px;
  975. margin-left:25px;
  976. height:auto;
  977. float:left;
  978. font-size:12px;
  979. margin-bottom:20px;
  980. color:{color:description};
  981. }
  982.  
  983. #description2{
  984. font-family:'Open Sans';
  985. text-align:center;
  986. margin-left:auto;
  987. margin-right:auto;
  988. width:50%;
  989. height:auto;
  990. font-size:12px;
  991. padding-bottom:20px;
  992. color:{color:description};
  993. }
  994. #profile_picture
  995. {
  996. font-family:'Open Sans';
  997. width:70px;
  998. margin-left:25px;
  999. height:auto;
  1000. float:left;
  1001. font-size:12px;
  1002. margin-bottom:20px;
  1003. }
  1004. #my_likes
  1005. {
  1006. font-family:'Open Sans';
  1007. width:auto;
  1008. margin-left:25px;
  1009. height:auto;
  1010. float:left;
  1011. font-size:12px;
  1012.  
  1013. margin-bottom:20px;
  1014. color:{color:description} !important;
  1015. }
  1016.  
  1017. ul#likes {
  1018.                 list-style-type: none;
  1019.                 margin: 0 0 0 0;
  1020.                 padding: 0 0 0 0;
  1021.             }
  1022. li.like_post img
  1023. {
  1024. border:3px solid {color:links};
  1025. }
  1026.                 li.like_post {
  1027.                     /* Should match the width specified in the Likes tag */
  1028.                     width: 100px;
  1029.                     padding:0;
  1030.                     float: left;
  1031.                 }
  1032. li.like_caption
  1033. {
  1034. display:none;
  1035. }
  1036.                  
  1037.  
  1038.                   li.like_post blockquote {
  1039.                       display:none;
  1040.                   }
  1041.  
  1042.                   li.like_post ol,
  1043.                   li.like_post ul {
  1044.                       margin: 0 0 0 0;
  1045.                       padding: 0;
  1046.                   }
  1047.  
  1048.                   li.like_post .like_link a {
  1049.                       font-weight: bold;
  1050.                   }
  1051.  
  1052.                   li.like_post .like_title {
  1053.                       font-weight: bold;
  1054.                   }
  1055.  
  1056.                   li.like_post .post_info_bottom {
  1057.                       margin: 0 0 0 0;
  1058.                       display: block !important;
  1059.                   }
  1060.  
  1061.  
  1062. #profile_picture img
  1063. {
  1064. border:3px solid {color:links};
  1065. }
  1066. #toTop{
  1067. position:fixed;
  1068. right:5px;
  1069. bottom:5px;
  1070. padding:10px;
  1071. border:0px;
  1072. z-index:500;
  1073.  
  1074. }
  1075.  
  1076. .perma_notes {
  1077.  width:100%;;
  1078. }
  1079. .perma_notes .clear {
  1080.  margin:0;
  1081.  padding:0;
  1082.  height:0px;
  1083. }
  1084.  
  1085. .perma_notes .avatar {
  1086.  border:none;
  1087.  margin:0;
  1088.  padding:0;
  1089. }
  1090. .perma_notes ol {
  1091.  margin:0;
  1092.  padding:0;
  1093. }
  1094. .perma_notes li {
  1095.  margin:0;
  1096.  padding:0;
  1097.  width:30px;
  1098.  list-style:none;
  1099.  border:none;
  1100.  float:left;
  1101.  margin-right:4px;
  1102. margin-bottom:4px;
  1103. }
  1104. .perma_notes .note .action {
  1105.  display:none;
  1106.  visibility:hidden;
  1107.  margin:0;
  1108.  padding:0;
  1109. }
  1110.  .more_box{
  1111. width:30px;
  1112. height:30px;
  1113. color:red;
  1114.  margin:0;
  1115.  padding:0;
  1116. float:left;
  1117. }
  1118. .more_notes_link
  1119. {
  1120.  width:30px;
  1121. height:30px;
  1122. font-size:16px;
  1123. background-color:{color:header};
  1124. color:{color:header links};
  1125. }
  1126. .more_notes_link_container
  1127. {
  1128.  margin:0;
  1129.  padding:0;
  1130.  width:30px;
  1131. height:30px;
  1132.  list-style:none;
  1133.  border:none;
  1134.  float:left;
  1135.  margin-right:4px;
  1136. margin-bottom:4px;
  1137. background-color:{color:header};
  1138. color:{color:header links};
  1139. }
  1140.  
  1141. .note more_notes_link_container li a
  1142. {
  1143. color:{color:header links};
  1144. }
  1145.  
  1146. .perma_notes blockquote
  1147. {
  1148. display:none;  
  1149. }
  1150.  
  1151. .post
  1152. {
  1153. margin-top:{block:ifpostpadding}{text:Post padding}px;{/block:ifpostpadding}
  1154. margin-bottom:{block:ifpostpadding}{text:Post padding}px;{/block:ifpostpadding}
  1155. margin-left:0;
  1156. margin-right:0;
  1157.  
  1158. }
  1159. .column
  1160. {
  1161. margin-left:{block:ifpostpadding}{text:Post padding}px;{/block:ifpostpadding}  
  1162. margin-right:0px;      
  1163. }
  1164. .column0
  1165. {
  1166. margin-left:{block:ifpostpadding}{text:Post padding}px;{/block:ifpostpadding}  
  1167. margin-right:0px;
  1168. }
  1169. .columnlast
  1170. {
  1171. margin-right:{block:ifpostpadding}{text:Post padding}px;{/block:ifpostpadding}
  1172. {
  1173. margin-left:{block:ifpostpadding}{text:Post padding}px;{/block:ifpostpadding}
  1174. }
  1175.  
  1176. #toTop {
  1177.         display:none;
  1178.         text-decoration:none;
  1179.         position:fixed;
  1180.         bottom:10px;
  1181.         right:10px;
  1182.         overflow:hidden;
  1183.         width:51px;
  1184.         height:51px;
  1185.         border:none;
  1186.         text-indent:-999px;
  1187.         background-image:url(http://lab.mattvarone.com/projects/jquery/totop/img/ui.totop.png);
  1188. }
  1189.  
  1190. #totop_image
  1191. {
  1192. background-image:url(http://www.themecloud.co/themes/narnia/totop_1.png);
  1193. width:51px;
  1194. height:51px
  1195. }
  1196.  
  1197. #toTopHover {
  1198.         background-image:url(http://lab.mattvarone.com/projects/jquery/totop/img/ui.totop.png);
  1199.         width:51px;
  1200.         height:51px;
  1201.         display:block;
  1202.         overflow:hidden;
  1203.         float:left;
  1204.         opacity: 0;
  1205.         -moz-opacity: 0;
  1206.         filter:alpha(opacity=0);
  1207. }
  1208.  
  1209. #toTop:active, #toTop:focus {
  1210.         outline:none;
  1211. }
  1212.  
  1213. .corner
  1214. {
  1215. position:fixed;z-index:60000;color:red;
  1216. display: block;  
  1217.     width: 200px;  
  1218.     height: 200px;  
  1219.      
  1220.     top: -25px;  
  1221.     right: -25px;  
  1222.     -webkit-transform: rotate(45deg);  
  1223.     -moz-transform: rotate(45deg);  
  1224.     -o-transform: rotate(45deg);  
  1225.  
  1226. }
  1227. .bebas
  1228. {
  1229. font-size:36px;
  1230. font-family: 'BebasNeueRegular', sans-serif;
  1231. }
  1232. </style>
  1233.  
  1234. <script>
  1235. var IsOpen = "no";
  1236. function ShowMenu()
  1237. {
  1238. if (IsOpen == "no")
  1239. {
  1240. $("#page_menu").slideDown("slow");
  1241. document.getElementById('page_plus').innerHTML = ' - ';
  1242. IsOpen="yes";
  1243. }else
  1244. {
  1245. $("#page_menu").slideUp("slow");
  1246. document.getElementById('page_plus').innerHTML = '+ ';
  1247. IsOpen="no";
  1248. }
  1249. }
  1250. </script>
  1251. <script>
  1252. var IsOpen2 = "no";
  1253. function ShowMenu2()
  1254. {
  1255. if (IsOpen2 == "no")
  1256. {
  1257.        
  1258. $("#header_menu").slideDown("slow");
  1259. $("#page_menu").slideDown("slow");
  1260.  
  1261. document.getElementById('page_plus').innerHTML = '';
  1262. IsOpen2="yes";
  1263. }else
  1264. {
  1265.         $("#header_menu").slideUp("slow");
  1266. $("#page_menu").slideUp("slow");
  1267. document.getElementById('page_plus').innerHTML = '';
  1268. IsOpen2="no";
  1269. }
  1270. }
  1271. </script>
  1272. <script type="text/javascript">
  1273. function changeText(){
  1274.        
  1275. }
  1276. </script>
  1277.  
  1278.  
  1279.  
  1280.  
  1281.  
  1282. {block:iflightbox}
  1283. <script>
  1284. $(document).ready(function() {
  1285. /* This is basic - uses default settings */
  1286. $("a#single_image").fancybox();
  1287. /* Using custom settings */
  1288. $("a#inline").fancybox({
  1289. 'hideOnContentClick': true
  1290. });
  1291.  
  1292.  
  1293. $(".various3").fancybox({
  1294.                                 'width'                         : '50%',
  1295.                                 'height'                        : '30%',
  1296.                                 'autoScale'                     : false,
  1297.                                 'transitionIn'          : 'none',
  1298.                                 'transitionOut'         : 'none',
  1299.                                 'type'                          : 'iframe'
  1300.                         });
  1301. });
  1302. </script>
  1303.  
  1304. {/block:iflightbox}
  1305.  
  1306.  
  1307.         <script src="http://www.themecloud.co/themes/narnia/totop.js" type="text/javascript"></script>
  1308.         <script type="text/javascript">
  1309.                 $(document).ready(function() {
  1310.                         /*
  1311.                         var defaults = {
  1312.                                 containerID: 'moccaUItoTop', // fading element id
  1313.                                 containerHoverClass: 'moccaUIhover', // fading element hover class
  1314.                                 scrollSpeed: 1200,
  1315.                                 easingType: 'linear'
  1316.                         };
  1317.                         */
  1318.                        
  1319.                         {block:ifheaderstyleB}
  1320.        
  1321.        
  1322.  
  1323.         {/block:ifheaderstyleB}
  1324.                        
  1325.                         $().UItoTop({ easingType: 'easeOutQuart' });
  1326.                        
  1327.                 });
  1328.         </script>
  1329. </head>
  1330.  
  1331.  
  1332. <body>
  1333.  
  1334. <script type="text/javascript">
  1335.   window.___gcfg = {lang: 'en-GB'};
  1336.  
  1337.   (function() {
  1338.     var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
  1339.     po.src = 'https://apis.google.com/js/plusone.js';
  1340.     var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  1341.   })();
  1342. </script>
  1343.  
  1344. {block:ifnotheaderstyleA}
  1345. {block:ifnotheaderstyleB}
  1346.  
  1347. <div class="corner" onclick="ShowMenu2()" style="cursor:pointer; position:fixed;z-index:60000;background-color:{color:header}; border:1px solid {color:header links}; display: block; width: 60px; height: 60px; top:-35px; left:-35px; -webkit-transform: rotate(45deg);-moz-transform: rotate(45deg); -o-transform: rotate(45deg); ">
  1348. </div>
  1349. {/block:ifnotheaderstyleB}
  1350. {/block:ifnotheaderstyleA}
  1351.  
  1352. <div id="header_menu">
  1353.  
  1354. <div id="header_title">
  1355.  
  1356. {block:IfLogoImage}<a href="/"><img border="0" style="max-height:40px; float:left; margin:10px 0px 0px 20px;" src="{image:Logo}"/></a>{/block:IfLogoImage}
  1357.  
  1358. {block:IfNotLogoImage}
  1359. {block:ifBlogTitleStyleA}
  1360. <div class="blog_title_version_a"><a class="terminal" href="/">{Title}</a></div>
  1361. {/block:ifBlogTitleStyleA}
  1362. {block:ifBlogTitleStyleB}
  1363. <div class="blog_title_version_a"><a style="font-size:36px;" class="bebas" href="/">{Title}</a></div>
  1364. {block:ifBlogTitleStyleB}
  1365. {block:ifBlogTitleStyleC}
  1366. <div class="blog_title_version_a"><a class="stardos" href="/">{Title}</a></div>
  1367. {block:ifBlogTitleStyleC}
  1368. {/block:IfNotLogoImage}
  1369.  
  1370. {block:ifflag}<div id="page_curl"><img onclick="ShowMenu();"  style="cursor:pointer;" src="http://24.media.tumblr.com/tumblr_lqv3wxBZyu1r0kskpo1_100.png" border="0" /></div>{/block:ifflag}
  1371.  
  1372. <div id="page_plus" onclick="ShowMenu();changeText();"  style="{block:headerstyleA}width:20px;{/block:headerstyleA}cursor:pointer; margin-left:20px;">+</div>
  1373.  
  1374. <div id="nav">
  1375.  
  1376. {block:AskEnabled}<a class="various3" href="http://www.tumblr.com/ask_form/{Name}.tumblr.com"></a>{/block:AskEnabled}
  1377. {block:ifarchivelink}<a href="/archive">ARCHIVE</a>{/block:ifarchivelink}
  1378. {block:ifrsslink}<a href="{RSS}"> RSS </a>{/block:ifrsslink}
  1379. {block:SubmissionsEnabled}<a href="/submit">SUBMIT</a> {/block:SubmissionsEnabled}
  1380. {block:HasPages}{block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}
  1381.  
  1382. </div>
  1383.  
  1384.  
  1385. </div></div>
  1386.  
  1387. <div id="header_menu2">
  1388.         <div id="logo2">
  1389.         {block:IfLogoImage}<a href="/"><img class="logo2_image" border="0" src="{image:Logo}"/></a>{/block:IfLogoImage}
  1390.  
  1391. {block:IfNotLogoImage}
  1392.  
  1393. {block:ifBlogTitleStyleA}
  1394. <div class="blog_title_2"><a class="terminal" href="/">{Title}</a></div>
  1395. {/block:ifBlogTitleStyleA}
  1396. {block:ifBlogTitleStyleB}
  1397. <div class="blog_title_2"><a  class="bebas" href="/">{Title}</a></div>
  1398. {block:ifBlogTitleStyleB}
  1399. {block:ifBlogTitleStyleC}
  1400. <div class="blog_title_2"><a class="stardos" href="/">{Title}</a></div>
  1401. {block:ifBlogTitleStyleC}
  1402.  
  1403.  
  1404. {/block:IfNotLogoImage}
  1405. </div>
  1406.  
  1407. <div id="nav2">
  1408.  
  1409. {block:AskEnabled}<a class="various3" href="http://www.tumblr.com/ask_form/{Name}.tumblr.com"></a>{/block:AskEnabled}
  1410. {block:ifarchivelink}<a href="/archive">ARCHIVE</a>{/block:ifarchivelink}
  1411. {block:ifrsslink}<a href="{RSS}"> RSS </a>{/block:ifrsslink}
  1412. {block:SubmissionsEnabled}<a href="/submit">SUBMIT</a> {/block:SubmissionsEnabled}
  1413. {block:HasPages}{block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}
  1414.  
  1415. </div>
  1416. {block:Description}
  1417. <div id="description2">{Description}</div>{/block:Description}
  1418. </div>
  1419.  
  1420. <div id="page_menu">      
  1421. {block:ifshowportrait}
  1422. <div id="profile_picture">
  1423. <img src="{PortraitURL-64}" />
  1424. </div>
  1425. {/block:ifshowportrait}
  1426. {block:Description}
  1427. <div id="description">{Description}</div>{/block:Description}
  1428.  
  1429. {block:Likes}
  1430. <div id="my_likes">
  1431.             <div id="likes_container">
  1432.                 <a href="http://www.tumblr.com/liked/by/{Name}">I Like</a>
  1433.  
  1434.                {Likes limit="1"}
  1435.  
  1436.             </div>
  1437.            
  1438.                
  1439.                
  1440.                 </div>
  1441.         {/block:Likes}
  1442.        
  1443. </div>
  1444.  
  1445.  
  1446.  
  1447.  
  1448.  
  1449.  
  1450.  
  1451.  
  1452.  
  1453.  
  1454.  
  1455. {block:IndexPage}
  1456. <div id="posts_hidden" style="display:none;visibility:hidden;">
  1457.  
  1458. <POSTS>
  1459.  
  1460.  
  1461.  
  1462.  
  1463.  
  1464.  
  1465. {block:Posts}
  1466.  
  1467.  
  1468. {block:Link}
  1469. <divabc class="post link">
  1470. <divabc class="link_title"><a href="{URL}" {Target}>{Name}</a></divabc>
  1471.  
  1472. {block:Description}
  1473. <divabc class="link_description">{Description}</divabc>
  1474. {/block:Description}
  1475.  
  1476.        <divabc class="notes3" style=" float:right;width:100%;text-align:right;">
  1477.  
  1478. <divabc class="reblog_etc" style="float:left;text-align:right;"><a href="{ReblogURL}" target="_blank"><img src="http://www.themecloud.co/themes/narnia/reblog.png" style="height:20px;cursor:pointer;" alt="reblog" title="reblog" border="0" />
  1479. </a></divabc>
  1480.  
  1481.  
  1482. <divabc class="reblog_etc" style="float:left;text-align:left;margin-left:3px;height:20px;">
  1483. <img height="20" style="height:20px;cursor:pointer;" src="http://www.themecloud.co/themes/narnia/like.png" id="like_image_{PostID}" onclick="LikePost('{PostID}','{ReblogURL}',this)" border="0" alt="like" title="like"/>
  1484. </divabc>
  1485.  
  1486. <divabc class="reblog_etc" style="width:4px;background-image:url(http://www.themecloud.co/themes/narnia/left.png);background-repeat:no-repeat;height:20px;float:left;margin-left:3px;"></divabc>
  1487.  
  1488. <divabc class="reblog_etc" style="font-size:10px;height:20px;margin-top:0px;margin-left:0px;margin-right:0px;float:left;background-image:url(http://www.themecloud.co/themes/narnia/middle.png);background-repeat:repeat-x;color:#FFF;opacity:1;filter:alpha(opacity=100);padding-top:4px;" ><a href="{Permalink}"style="color:white;"><span id="<x>note_count_{PostID}">{NoteCount}</span></a></divabc>
  1489.  
  1490. <divabc class="reblog_etc" style="width:4px;background-image:url(http://www.themecloud.co/themes/narnia/right.png);background-repeat:no-repeat;height:20px;float:left;"></divabc>
  1491. </divabc>
  1492.  
  1493. <divabc class="captions">{Caption}</divabc>
  1494. </divabc><SPLITTER>
  1495. {/block:Link}
  1496.  
  1497.  
  1498.  
  1499.  
  1500.  
  1501. {block:Quote}
  1502. <divabc class="post quote">
  1503.         <divabc class="quote_title"><a href="{Permalink}" {Target}>"{Quote}"</a></divabc>
  1504. {block:Source}
  1505. <divabc class="quote_source" style="text-align:right; padding-top:10px;">- {Source}</divabc>
  1506. {/block:Source}
  1507.  
  1508.  
  1509.    <divabc class="notes3" style=" padding-top:10px; float:right;width:100%;text-align:right;">
  1510.  
  1511. <divabc class="reblog_etc" style="float:left;text-align:right;"><a href="{ReblogURL}" target="_blank"><img src="http://www.themecloud.co/themes/narnia/reblog.png" style="height:20px;cursor:pointer;" alt="reblog" title="reblog" border="0" />
  1512. </a></divabc>
  1513.  
  1514.  
  1515. <divabc class="reblog_etc" style="float:left;text-align:left;margin-left:3px;height:20px;">
  1516. <img height="20" style="height:20px;cursor:pointer;" src="http://www.themecloud.co/themes/narnia/like.png" id="like_image_{PostID}" onclick="LikePost('{PostID}','{ReblogURL}',this)" border="0" alt="like" title="like"/>
  1517. </divabc>
  1518.  
  1519. <divabc class="reblog_etc" style="width:4px;background-image:url(http://www.themecloud.co/themes/narnia/left.png);background-repeat:no-repeat;height:20px;float:left;margin-left:3px;"></divabc>
  1520.  
  1521. <divabc class="reblog_etc" style="font-size:10px;height:20px;margin-top:0px;margin-left:0px;margin-right:0px;float:left;background-image:url(http://www.themecloud.co/themes/narnia/middle.png);background-repeat:repeat-x;color:#FFF;opacity:1;filter:alpha(opacity=100);padding-top:4px;" ><a href="{Permalink}"style="color:white;"><span id="<x>note_count_{PostID}">{NoteCount}</span></a></divabc>
  1522.  
  1523. <divabc class="reblog_etc" style="width:4px;background-image:url(http://www.themecloud.co/themes/narnia/right.png);background-repeat:no-repeat;height:20px;float:left;"></divabc>
  1524. </divabc>
  1525.  
  1526. <divabc class="captions">{Caption}</divabc>
  1527. </divabc><SPLITTER>
  1528. {/block:Quote}
  1529.  
  1530.  
  1531.  
  1532.  
  1533.  
  1534. {block:Photoset}
  1535. <divabc class="post photoset">
  1536. {block:Photos}
  1537. <a href="{permalink}"><img src="{PhotoURL-500}" border="0" /></a>
  1538. {/block:Photos}
  1539. <divabc class="notes2" style="float:right;width:100%;text-align:right;">
  1540. <divabc class="reblog_etc" style="float:left;text-align:right;"><a href="{ReblogURL}" target="_blank"><img src="http://www.themecloud.co/themes/narnia/reblog.png" style="height:20px;cursor:pointer;" alt="reblog" title="reblog" border="0" />
  1541. </a></divabc>
  1542. <divabc class="reblog_etc" style="float:left;text-align:left;margin-left:3px;height:20px;">
  1543. <img height="20" style="height:20px;cursor:pointer;" src="http://www.themecloud.co/themes/narnia/like.png" id="like_image_{PostID}" onclick="LikePost('{PostID}','{ReblogURL}',this)" border="0" alt="like" title="like"/>
  1544. </divabc>
  1545.  
  1546. <divabc class="reblog_etc" style="width:4px;background-image:url(http://www.themecloud.co/themes/narnia/left.png);background-repeat:no-repeat;height:20px;float:left;margin-left:3px;"></divabc>
  1547.  
  1548. <divabc class="reblog_etc" style="font-size:10px;height:20px;margin-top:0px;margin-left:0px;margin-right:0px;float:left;background-image:url(http://www.themecloud.co/themes/narnia/middle.png);background-repeat:repeat-x;color:#FFF;opacity:1;filter:alpha(opacity=100);padding-top:4px;" ><a href="{Permalink}"style="color:white;"><span id="<x>note_count_{PostID}">{NoteCount}</span></a></divabc>
  1549.  
  1550. <divabc class="reblog_etc" style="width:4px;background-image:url(http://www.themecloud.co/themes/narnia/right.png);background-repeat:no-repeat;height:20px;float:left;"></divabc>
  1551. </divabc>
  1552.  
  1553.  
  1554. <divabc class="captions">{Caption}</divabc>
  1555. </divabc><SPLITTER>
  1556. {/block:Photoset}
  1557.  
  1558.  
  1559.  
  1560.  
  1561.  
  1562. {block:Text}
  1563. <divabc class="post text">
  1564.     {block:Title}
  1565.         <divabc class="text_title"><a href="{Permalink}">{Title}</a></divabc>
  1566.     {/block:Title}
  1567.  
  1568.     <divabc class="text_body">{Body}</divabc>
  1569.  
  1570.  
  1571.  
  1572.     <divabc class="notes3" style=" float:right;width:100%;text-align:right;">
  1573.  
  1574. <divabc class="reblog_etc" style="float:left;text-align:right;"><a href="{ReblogURL}" target="_blank"><img src="http://www.themecloud.co/themes/narnia/reblog.png" style="height:20px;cursor:pointer;" alt="reblog" title="reblog" border="0" />
  1575. </a></divabc>
  1576.  
  1577.  
  1578. <divabc class="reblog_etc" style="float:left;text-align:left;margin-left:3px;height:20px;">
  1579. <img height="20" style="height:20px;cursor:pointer;" src="http://www.themecloud.co/themes/narnia/like.png" id="like_image_{PostID}" onclick="LikePost('{PostID}','{ReblogURL}',this)" border="0" alt="like" title="like"/>
  1580. </divabc>
  1581.  
  1582. <divabc class="reblog_etc" style="width:4px;background-image:url(http://www.themecloud.co/themes/narnia/left.png);background-repeat:no-repeat;height:20px;float:left;margin-left:3px;"></divabc>
  1583.  
  1584. <divabc class="reblog_etc" style="font-size:10px;height:20px;margin-top:0px;margin-left:0px;margin-right:0px;float:left;background-image:url(http://www.themecloud.co/themes/narnia/middle.png);background-repeat:repeat-x;color:#FFF;opacity:1;filter:alpha(opacity=100);padding-top:4px;" ><a href="{Permalink}"style="color:white;"><span id="<x>note_count_{PostID}">{NoteCount}</span></a></divabc>
  1585.  
  1586. <divabc class="reblog_etc" style="width:4px;background-image:url(http://www.themecloud.co/themes/narnia/right.png);background-repeat:no-repeat;height:20px;float:left;"></divabc>
  1587. </divabc>
  1588.  
  1589. {block:Caption}{Caption}{/block:Caption}
  1590. </divabc><SPLITTER>
  1591. {/block:Text}
  1592.  
  1593.  
  1594.  
  1595. {block:Video}
  1596. <divabc class="post video">
  1597. {Video-500}
  1598.  
  1599.  <divabc class="notes3" style=" float:right;width:100%;text-align:right;">
  1600.  
  1601. <divabc class="reblog_etc" style="float:left;text-align:right;"><a href="{ReblogURL}" target="_blank"><img src="http://www.themecloud.co/themes/narnia/reblog.png" style="height:20px;cursor:pointer;" alt="reblog" title="reblog" border="0" />
  1602. </a></divabc>
  1603.  
  1604.  
  1605. <divabc class="reblog_etc" style="float:left;text-align:left;margin-left:3px;height:20px;">
  1606. <img height="20" style="height:20px;cursor:pointer;" src="http://www.themecloud.co/themes/narnia/like.png" id="like_image_{PostID}" onclick="LikePost('{PostID}','{ReblogURL}',this)" border="0" alt="like" title="like"/>
  1607. </divabc>
  1608.  
  1609. <divabc class="reblog_etc" style="width:4px;background-image:url(http://www.themecloud.co/themes/narnia/left.png);background-repeat:no-repeat;height:20px;float:left;margin-left:3px;"></divabc>
  1610.  
  1611. <divabc class="reblog_etc" style="font-size:10px;height:20px;margin-top:0px;margin-left:0px;margin-right:0px;float:left;background-image:url(http://www.themecloud.co/themes/narnia/middle.png);background-repeat:repeat-x;color:#FFF;opacity:1;filter:alpha(opacity=100);padding-top:4px;" ><a href="{Permalink}"style="color:white;"><span id="<x>note_count_{PostID}">{NoteCount}</span></a></divabc>
  1612.  
  1613. <divabc class="reblog_etc" style="width:4px;background-image:url(http://www.themecloud.co/themes/narnia/right.png);background-repeat:no-repeat;height:20px;float:left;"></divabc>
  1614. </divabc>
  1615.  
  1616. <divabc class="captions">{Caption}</divabc>
  1617. </divabc><SPLITTER>
  1618. {/block:Video}
  1619.  
  1620.  
  1621.  
  1622.  
  1623. {block:Photo}
  1624. <divabc class="post photo"><a href="{Permalink}"><img src="{PhotoURL-500}" border="0" /></a>
  1625. <divabc class="notes2" style="float:right;width:100%;text-align:right;">
  1626.  
  1627. <divabc class="reblog_etc" style="float:left;text-align:right;"><a href="{ReblogURL}" target="_blank"><img src="http://www.themecloud.co/themes/narnia/reblog.png" style="height:20px;cursor:pointer;" alt="reblog" title="reblog" border="0" />
  1628. </a></divabc>
  1629. <divabc class="reblog_etc" style="float:left;text-align:left;margin-left:3px;height:20px;">
  1630. <img height="20" style="height:20px;cursor:pointer;" src="http://www.themecloud.co/themes/narnia/like.png" id="like_image_{PostID}" onclick="LikePost('{PostID}','{ReblogURL}',this)" border="0" alt="like" title="like"/>
  1631. </divabc>
  1632.  
  1633. <divabc class="reblog_etc" style="width:4px;background-image:url(http://www.themecloud.co/themes/narnia/left.png);background-repeat:no-repeat;height:20px;float:left;margin-left:3px;"></divabc>
  1634.  
  1635. <divabc class="reblog_etc" style="font-size:10px;height:20px;margin-top:0px;margin-left:0px;margin-right:0px;float:left;background-image:url(http://www.themecloud.co/themes/narnia/middle.png);background-repeat:repeat-x;color:#FFF;opacity:1;filter:alpha(opacity=100);padding-top:4px;" ><a href="{Permalink}"style="color:white;"><span id="<x>note_count_{PostID}">{NoteCount}</span></a></divabc>
  1636.  
  1637. <divabc class="reblog_etc" style="width:4px;background-image:url(http://www.themecloud.co/themes/narnia/right.png);background-repeat:no-repeat;height:20px;float:left;"></divabc>
  1638.  
  1639.  
  1640. {block:iflightbox}
  1641. <a id="single_image" href="{PhotoURL-500}" ><img src="http://27.media.tumblr.com/tumblr_lqr0e7QyrS1r0kskpo1_100.png" style="margin-left:3px; border:0px; width:24px; height:20px;cursor:pointer; float:left;" class="reblog_etc" alt=""/></a>
  1642.  
  1643.  
  1644. {/block:iflightbox}
  1645. </divabc>
  1646. </divabc>
  1647.  
  1648. <SPLITTER>
  1649. {/block:Photo}
  1650.  
  1651.  
  1652. {block:Audio}
  1653. <divabc class="post audio">
  1654. {block:AlbumArt}
  1655. <a href="{Permalink}">
  1656. <divabc class="album_art">
  1657. <img style="width:100%; margin-left:auto; margin-right:auto;" src="{AlbumArtURL}" border="0" />
  1658. </divabc>
  1659. </a>
  1660. {/block:AlbumArt}
  1661. <divabc class="audio_player">{AudioPlayerBlack}</divabc>
  1662. <divabc class="notes2" style="float:right;width:100%;text-align:right;">
  1663. <divabc class="reblog_etc" style="float:left;text-align:right;"><a href="{ReblogURL}" target="_blank"><img src="http://www.themecloud.co/themes/narnia/reblog.png" style="height:20px;cursor:pointer;" alt="reblog" title="reblog" border="0" />
  1664. </a></divabc>
  1665. <divabc class="reblog_etc" style="float:left;text-align:left;margin-left:3px;height:20px;">
  1666. <img height="20" style="height:20px;cursor:pointer;" src="http://www.themecloud.co/themes/narnia/like.png" id="like_image_{PostID}" onclick="LikePost('{PostID}','{ReblogURL}',this)" border="0" alt="like" title="like"/>
  1667. </divabc>
  1668.  
  1669. <divabc class="reblog_etc" style="width:4px;background-image:url(http://www.themecloud.co/themes/narnia/left.png);background-repeat:no-repeat;height:20px;float:left;margin-left:3px;"></divabc>
  1670.  
  1671. <divabc class="reblog_etc" style="font-size:10px;height:20px;margin-top:0px;margin-left:0px;margin-right:0px;float:left;background-image:url(http://www.themecloud.co/themes/narnia/middle.png);background-repeat:repeat-x;color:#FFF;opacity:1;filter:alpha(opacity=100);padding-top:4px;" ><a href="{Permalink}"style="color:white;"><span id="<x>note_count_{PostID}">{NoteCount}</span></a></divabc>
  1672.  
  1673. <divabc class="reblog_etc" style="width:4px;background-image:url(http://www.themecloud.co/themes/narnia/right.png);background-repeat:no-repeat;height:20px;float:left;"></divabc>
  1674. </divabc>
  1675.  
  1676. <divabc class="captions">{Caption}</divabc>
  1677. </divabc>
  1678. <SPLITTER>
  1679. {/block:Audio}
  1680.  
  1681.  
  1682.  
  1683. {block:Chat}
  1684. <divabc class="post chat">
  1685.  
  1686. <divabc class="chat_box">
  1687. {block:Title}
  1688. <divabc class="chat_title"><a href="{Permalink}">{Title}</a></divabc>
  1689. {/block:Title}
  1690. {block:Lines}
  1691. <divabc class="chat_line_{Alt}">
  1692. {block:Label}
  1693. <span class="chat_label">{Label}</span>
  1694. {/block:Label}
  1695. <span style="color:{color:main text};">{Line}</span>
  1696. </divabc>
  1697. {/block:Lines}
  1698.  
  1699.    <divabc class="notes3" style=" padding-top:10px; float:right;width:100%;text-align:right;">
  1700.  
  1701. <divabc class="reblog_etc" style="float:left;text-align:right;"><a href="{ReblogURL}" target="_blank"><img src="http://www.themecloud.co/themes/narnia/reblog.png" style="height:20px;cursor:pointer;" alt="reblog" title="reblog" border="0" />
  1702. </a></divabc>
  1703.  
  1704.  
  1705. <divabc class="reblog_etc" style="float:left;text-align:left;margin-left:3px;height:20px;">
  1706. <img height="20" style="height:20px;cursor:pointer;" src="http://www.themecloud.co/themes/narnia/like.png" id="like_image_{PostID}" onclick="LikePost('{PostID}','{ReblogURL}',this)" border="0" alt="like" title="like"/>
  1707. </divabc>
  1708.  
  1709. <divabc class="reblog_etc" style="width:4px;background-image:url(http://www.themecloud.co/themes/narnia/left.png);background-repeat:no-repeat;height:20px;float:left;margin-left:3px;"></divabc>
  1710.  
  1711. <divabc class="reblog_etc" style="font-size:10px;height:20px;margin-top:0px;margin-left:0px;margin-right:0px;float:left;background-image:url(http://www.themecloud.co/themes/narnia/middle.png);background-repeat:repeat-x;color:#FFF;opacity:1;filter:alpha(opacity=100);padding-top:4px;" ><a href="{Permalink}"style="color:white;"><span id="<x>note_count_{PostID}">{NoteCount}</span></a></divabc>
  1712.  
  1713. <divabc class="reblog_etc" style="width:4px;background-image:url(http://www.themecloud.co/themes/narnia/right.png);background-repeat:no-repeat;height:20px;float:left;"></divabc>
  1714. </divabc>
  1715.  
  1716.  
  1717. <divabc class="captions">{Caption}</divabc>
  1718. </divabc>
  1719.  
  1720. </divabc>
  1721.  
  1722. <SPLITTER>
  1723. {/block:Chat}
  1724.  
  1725.  
  1726. {/block:Posts}<POSTS>
  1727.  
  1728. </div>
  1729. {/block:IndexPage}
  1730.  
  1731.  
  1732.  
  1733. <div id="outer_container">
  1734.  
  1735.         {block:IndexPage}
  1736.     <div id="container" style="width:100%;">
  1737.         {block:IndexPage}  
  1738.     {block:PermalinkPage}
  1739.     <div id="container" style="width:1000px;">
  1740.  
  1741.  
  1742.     {/block:PermalinkPage}
  1743.     <div id="posts" style="margin-left:auto; margin-right:auto;">
  1744.  
  1745.  
  1746.  
  1747.  
  1748.  
  1749.  
  1750.  
  1751.  
  1752.  
  1753.  
  1754.  
  1755.  
  1756.  
  1757.  
  1758.     {block:PermalinkPage}
  1759.  
  1760.     {block:Posts}
  1761.  
  1762.  
  1763. {block:Link}
  1764. <div class="post" style="width:1000px;">
  1765.  
  1766. <div style="width:590px;float:left; " class="link">
  1767.  <div class="link_title"><a href="{URL}" {Target}>{Name}</a></div>
  1768.  {block:Description}
  1769. <div class="link_description">{Description}</div>
  1770.  {/block:Description}
  1771. </div>
  1772.  
  1773. <div style="width:370px; float:left; overflow:hidden;">
  1774.  
  1775. {block:NoteCount}<span id="likes"><span style="padding-right:10px; font-size:15px; color:{color:Links}; font-family:'PictosRegular';">k</span>This post has {NoteCountWithLabel}</span> </br>
  1776. <div style="height:5px; width:370px;"> </div>{/block:NoteCount}
  1777.  
  1778. {block:Date} <span id="time"><span style="padding-right:10px; font-size:15px; color:{color:Links}; font-family:'PictosRegular';">t</span>This was posted {TimeAgo}</span></br>
  1779. <div style="height:5px; width:370px;"> </div>{/block:Date}    
  1780.  
  1781. {block:RebloggedFrom}<span id="time"><span style="padding-right:10px; font-size:15px; color:{color:Links}; font-family:'PictosRegular';">r</span>This was reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a></span></br>
  1782. <div style="height:5px; width:370px;"> </div>{/block:RebloggedFrom}
  1783.  
  1784. {block:HasTags}<span id="tags"><span style="padding-right:13px; font-size:15px; color:{color:Links}; font-family:'PictosRegular';">z</span>This has been tagged with {block:Tags}<a style="color:{color:Links}" href="{TagURL}">{Tag},</a> {/block:Tags}</span></br>
  1785. <div style="height:5px; width:370px;"> </div>{/block:HasTags}
  1786.  
  1787. {block:ContentSource}<span id="time"><span style="padding-right:10px; ; font-size:15px; color:{color:Links}; font-family:'PictosRegular';">R</span><a href="{SourceURL}"><script>TrimURL(50,'{SourceURL}')</script></a></span> </br>
  1788. <div style="height:5px; width:370px;"> </div>{/block:ContentSource}
  1789.  
  1790.  
  1791.  
  1792. <div style="margin-left:20px; margin-top:10px; float:left;">
  1793. <a href="https://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-url=”{permalink}” data-text=”{Title}”>Tweet</a><script type="text/javascript" src="//platform.twitter.com/widgets.js"></script>
  1794. </div>
  1795.  
  1796. <div style="float:left; margin-left:5px; margin-top:10px; height:20px;"><g:plusone size="medium"></g:plusone></div>
  1797.  
  1798.  
  1799. <iframe src="//www.facebook.com/plugins/like.php?href={Permalink}&send=false&layout=button_count&width=60&show_faces=true&action=like&colorscheme=light&font=arial&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; float:left; margin-left:-10px; margin-top:10px; width:90px; height:21px;" allowTransparency="true"></iframe>
  1800.  
  1801.  
  1802.  
  1803. {block:PostNotes}
  1804. <div class="perma_notes" style="width:370px; margin-top:20px; margin-left:20px;float:left;">{PostNotes}</div>
  1805. {/block:PostNotes}
  1806. </div>
  1807.  
  1808.  
  1809. {/block:Link}
  1810.  
  1811.  
  1812.  
  1813.  
  1814. {block:Quote}<div class="post" style="width:1000px;">
  1815.  
  1816. <div style="width:590px;float:left; " class="quote">
  1817.  <div class="quote_title">"{Quote}"</div>
  1818. {block:Source}
  1819. <div class="quote_source">{Source}</div>
  1820. {/block:Source}
  1821. </div>
  1822.  
  1823.  
  1824.  
  1825. <div style="width:370px; float:left; overflow:hidden;">
  1826.  
  1827. {block:NoteCount}<span id="likes"><span style="padding-right:10px; font-size:15px; color:{color:Links}; font-family:'PictosRegular';">k</span>This post has {NoteCountWithLabel}</span> </br>
  1828. <div style="height:5px; width:370px;"> </div>{/block:NoteCount}
  1829.  
  1830. {block:Date} <span id="time"><span style="padding-right:10px; font-size:15px; color:{color:Links}; font-family:'PictosRegular';">t</span>This was posted {TimeAgo}</span></br>
  1831. <div style="height:5px; width:370px;"> </div>{/block:Date}    
  1832.  
  1833. {block:RebloggedFrom}<span id="time"><span style="padding-right:10px; font-size:15px; color:{color:Links}; font-family:'PictosRegular';">r</span>This was reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a></span></br>
  1834. <div style="height:5px; width:370px;"> </div>{/block:RebloggedFrom}
  1835.  
  1836. {block:HasTags}
  1837.  
  1838. <div id="tags" style="float:left;">
  1839.  
  1840. <div style="padding-right:1px;width:10px;float:left; padding-right:13px; font-size:15px; color:{color:Links}; font-family:'PictosRegular';">z</div>
  1841.  
  1842. <div style="width:325px;float:left;">This has been tagged with {block:Tags}<a style="color:{color:Links}" href="{TagURL}">#{Tag}</a> {/block:Tags}
  1843. </div>
  1844.  
  1845. </div>
  1846.  
  1847.  
  1848. </br>
  1849.  
  1850.  
  1851.  
  1852. <div style="height:5px; width:370px;"> </div>{/block:HasTags}
  1853.  
  1854.  
  1855.  
  1856.  
  1857. {block:ContentSource}<span id="time"><span style="padding-right:10px; ; font-size:15px; color:{color:Links}; font-family:'PictosRegular';">R</span><a href="{SourceURL}"><script>TrimURL(50,'{SourceURL}')</script></a></span> </br>
  1858. <div style="height:5px; width:370px;"> </div>{/block:ContentSource}
  1859.  
  1860.  
  1861.  
  1862. <div style="margin-left:20px; margin-top:10px; float:left;">
  1863. <a href="https://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-url=”{permalink}” data-text=”{Title}”>Tweet</a><script type="text/javascript" src="//platform.twitter.com/widgets.js"></script>
  1864. </div>
  1865.  
  1866. <div style="float:left; margin-left:5px; margin-top:10px; height:20px;"><g:plusone size="medium"></g:plusone></div>
  1867.  
  1868.  
  1869. <iframe src="//www.facebook.com/plugins/like.php?href={Permalink}&send=false&layout=button_count&width=60&show_faces=true&action=like&colorscheme=light&font=arial&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; float:left; margin-left:-10px; margin-top:10px; width:90px; height:21px;" allowTransparency="true"></iframe>
  1870.  
  1871.  
  1872.  
  1873. {block:PostNotes}
  1874. <div class="perma_notes" style="width:370px; margin-top:20px; margin-left:20px;float:left;">{PostNotes}</div>
  1875. {/block:PostNotes}
  1876. </div>
  1877. {/block:Quote}
  1878.  
  1879.  
  1880.  
  1881. {block:Photoset}<div class="post" style="width:1000px;">
  1882.  
  1883. <div style="width:590px;float:left; " class="photoset">
  1884. {Photoset-500}
  1885.  
  1886. {block:Caption}<div style="float:left: padding-top:10px;">{Caption}</div>{/block:Caption}
  1887.  
  1888. </div>
  1889.  
  1890.  
  1891.  
  1892. <div style="width:370px; float:left; overflow:hidden;">
  1893.  
  1894. {block:NoteCount}<span id="likes"><span style="padding-right:10px; font-size:15px; color:{color:Links}; font-family:'PictosRegular';">k</span>This post has {NoteCountWithLabel}</span> </br>
  1895. <div style="height:5px; width:370px;"> </div>{/block:NoteCount}
  1896.  
  1897. {block:Date} <span id="time"><span style="padding-right:10px; font-size:15px; color:{color:Links}; font-family:'PictosRegular';">t</span>This was posted {TimeAgo}</span></br>
  1898. <div style="height:5px; width:370px;"> </div>{/block:Date}    
  1899.  
  1900. {block:RebloggedFrom}<span id="time"><span style="padding-right:10px; font-size:15px; color:{color:Links}; font-family:'PictosRegular';">r</span>This was reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a></span></br>
  1901. <div style="height:5px; width:370px;"> </div>{/block:RebloggedFrom}
  1902.  
  1903. {block:HasTags}<span id="tags"><span style="padding-right:13px; font-size:15px; color:{color:Links}; font-family:'PictosRegular';">z</span>This has been tagged with {block:Tags}<a style="color:{color:Links}" href="{TagURL}">{Tag},</a> {/block:Tags}</span></br>
  1904. <div style="height:5px; width:370px;"> </div>{/block:HasTags}
  1905.  
  1906. {block:ContentSource}<span id="time"><span style="padding-right:10px; ; font-size:15px; color:{color:Links}; font-family:'PictosRegular';">R</span><a href="{SourceURL}"><script>TrimURL(50,'{SourceURL}')</script></a></span> </br>
  1907. <div style="height:5px; width:370px;"> </div>{/block:ContentSource}
  1908.  
  1909.  
  1910.  
  1911. <div style="margin-left:20px; margin-top:10px; float:left;">
  1912. <a href="https://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-url=”{permalink}” data-text=”{Title}”>Tweet</a><script type="text/javascript" src="//platform.twitter.com/widgets.js"></script>
  1913. </div>
  1914.  
  1915. <div style="float:left; margin-left:5px; margin-top:10px; height:20px;"><g:plusone size="medium"></g:plusone></div>
  1916.  
  1917.  
  1918. <iframe src="//www.facebook.com/plugins/like.php?href={Permalink}&send=false&layout=button_count&width=60&show_faces=true&action=like&colorscheme=light&font=arial&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; float:left; margin-left:-10px; margin-top:10px; width:90px; height:21px;" allowTransparency="true"></iframe>
  1919.  
  1920.  
  1921.  
  1922. {block:PostNotes}
  1923. <div class="perma_notes" style="width:370px; margin-top:20px; margin-left:20px;float:left;">{PostNotes}</div>
  1924. {/block:PostNotes}
  1925. </div>
  1926. {/block:Photoset}
  1927.  
  1928.  
  1929.  
  1930.  
  1931.  
  1932. {block:Text}
  1933. <div class="post" style="width:1000px;">
  1934.  
  1935. <div style="width:590px;float:left; " class="text">
  1936. {block:Title}
  1937.         <div class="text_title"><a href="{Permalink}">{Title}</a></div>
  1938.     {/block:Title}
  1939.  
  1940.     {Body}
  1941. </div>
  1942.  
  1943. <div style="width:370px; float:left; overflow:hidden;">
  1944.  
  1945. {block:NoteCount}<span id="likes"><span style="padding-right:10px; font-size:15px; color:{color:Links}; font-family:'PictosRegular';">k</span>This post has {NoteCountWithLabel}</span> </br>
  1946. <div style="height:5px; width:370px;"> </div>{/block:NoteCount}
  1947.  
  1948. {block:Date} <span id="time"><span style="padding-right:10px; font-size:15px; color:{color:Links}; font-family:'PictosRegular';">t</span>This was posted {TimeAgo}</span></br>
  1949. <div style="height:5px; width:370px;"> </div>{/block:Date}    
  1950.  
  1951. {block:RebloggedFrom}<span id="time"><span style="padding-right:10px; font-size:15px; color:{color:Links}; font-family:'PictosRegular';">r</span>This was reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a></span></br>
  1952. <div style="height:5px; width:370px;"> </div>{/block:RebloggedFrom}
  1953.  
  1954. {block:HasTags}<span id="tags"><span style="padding-right:13px; font-size:15px; color:{color:Links}; font-family:'PictosRegular';">z</span>This has been tagged with {block:Tags}<a style="color:{color:Links}" href="{TagURL}">{Tag},</a> {/block:Tags}</span></br>
  1955. <div style="height:5px; width:370px;"> </div>{/block:HasTags}
  1956.  
  1957. {block:ContentSource}<span id="time"><span style="padding-right:10px; ; font-size:15px; color:{color:Links}; font-family:'PictosRegular';">R</span><a href="{SourceURL}"><script>TrimURL(50,'{SourceURL}')</script></a></span> </br>
  1958. <div style="height:5px; width:370px;"> </div>{/block:ContentSource}
  1959.  
  1960.  
  1961.  
  1962. <div style="margin-left:20px; margin-top:10px; float:left;">
  1963. <a href="https://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-url=”{permalink}” data-text=”{Title}”>Tweet</a><script type="text/javascript" src="//platform.twitter.com/widgets.js"></script>
  1964. </div>
  1965.  
  1966. <div style="float:left; margin-left:5px; margin-top:10px; height:20px;"><g:plusone size="medium"></g:plusone></div>
  1967.  
  1968.  
  1969. <iframe src="//www.facebook.com/plugins/like.php?href={Permalink}&send=false&layout=button_count&width=60&show_faces=true&action=like&colorscheme=light&font=arial&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; float:left; margin-left:-10px; margin-top:10px; width:90px; height:21px;" allowTransparency="true"></iframe>
  1970.  
  1971.  
  1972.  
  1973. {block:PostNotes}
  1974. <div class="perma_notes" style="width:370px; margin-top:20px; margin-left:20px;float:left;">{PostNotes}</div>
  1975. {/block:PostNotes}
  1976. </div>
  1977. {/block:Text}
  1978.  
  1979.  
  1980.  
  1981.  
  1982.  
  1983. {block:Video}
  1984. <div class="post" style="width:1000px;">
  1985.  
  1986. <div style="width:590px;float:left; " class="video">
  1987.  
  1988.  
  1989. {Video-500}
  1990.  
  1991. {block:Caption}<div style="float:left: padding-top:10px;">{Caption}</div>{/block:Caption}
  1992.  
  1993.  
  1994. </div>
  1995. <div style="width:370px; float:left; overflow:hidden;">
  1996.  
  1997. {block:NoteCount}<span id="likes"><span style="padding-right:10px; font-size:15px; color:{color:Links}; font-family:'PictosRegular';">k</span>This post has {NoteCountWithLabel}</span> </br>
  1998. <div style="height:5px; width:370px;"> </div>{/block:NoteCount}
  1999.  
  2000. {block:Date} <span id="time"><span style="padding-right:10px; font-size:15px; color:{color:Links}; font-family:'PictosRegular';">t</span>This was posted {TimeAgo}</span></br>
  2001. <div style="height:5px; width:370px;"> </div>{/block:Date}    
  2002.  
  2003. {block:RebloggedFrom}<span id="time"><span style="padding-right:10px; font-size:15px; color:{color:Links}; font-family:'PictosRegular';">r</span>This was reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a></span></br>
  2004. <div style="height:5px; width:370px;"> </div>{/block:RebloggedFrom}
  2005.  
  2006. {block:HasTags}<span id="tags"><span style="padding-right:13px; font-size:15px; color:{color:Links}; font-family:'PictosRegular';">z</span>This has been tagged with {block:Tags}<a style="color:{color:Links}" href="{TagURL}">{Tag},</a> {/block:Tags}</span></br>
  2007. <div style="height:5px; width:370px;"> </div>{/block:HasTags}
  2008.  
  2009. {block:ContentSource}<span id="time"><span style="padding-right:10px; ; font-size:15px; color:{color:Links}; font-family:'PictosRegular';">R</span><a href="{SourceURL}"><script>TrimURL(50,'{SourceURL}')</script></a></span> </br>
  2010. <div style="height:5px; width:370px;"> </div>{/block:ContentSource}
  2011.  
  2012.  
  2013.  
  2014. <div style="margin-left:20px; margin-top:10px; float:left;">
  2015. <a href="https://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-url=”{permalink}” data-text=”{Title}”>Tweet</a><script type="text/javascript" src="//platform.twitter.com/widgets.js"></script>
  2016. </div>
  2017.  
  2018. <div style="float:left; margin-left:5px; margin-top:10px; height:20px;"><g:plusone size="medium"></g:plusone></div>
  2019.  
  2020.  
  2021. <iframe src="//www.facebook.com/plugins/like.php?href={Permalink}&send=false&layout=button_count&width=60&show_faces=true&action=like&colorscheme=light&font=arial&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; float:left; margin-left:-10px; margin-top:10px; width:90px; height:21px;" allowTransparency="true"></iframe>
  2022.  
  2023.  
  2024.  
  2025. {block:PostNotes}
  2026. <div class="perma_notes" style="width:370px; margin-top:20px; margin-left:20px;float:left;">{PostNotes}</div>
  2027. {/block:PostNotes}
  2028. </div>
  2029. {/block:Video}
  2030.  
  2031.  
  2032.  
  2033.  
  2034.  
  2035.  
  2036. {block:Photo}
  2037. <div class="post photo" style="width:1000px;">
  2038.  
  2039. <div style="width:590px;float:left; ">{LinkOpenTag}<img src="{PhotoURL-HighRes}" border="0" style="float:left; margin-bottom:10px;"/>{LinkCloseTag}
  2040.  
  2041. {block:Caption}{Caption}{/block:Caption}
  2042.  
  2043. </div>
  2044.  
  2045. <div style="width:370px; margin-left:30px; overflow:hidden;">
  2046.  
  2047. {block:NoteCount}<span id="likes"><span style="padding-right:10px; font-size:15px; color:{color:Links}; font-family:'PictosRegular';">k</span>This post has {NoteCountWithLabel}</span> </br>
  2048. <div style="height:5px; width:370px;"> </div>{/block:NoteCount}
  2049.  
  2050. {block:Date} <span id="time"><span style="padding-right:10px; font-size:15px; color:{color:Links}; font-family:'PictosRegular';">t</span>This was posted {TimeAgo}</span></br>
  2051. <div style="height:5px; width:370px;"> </div>{/block:Date}    
  2052.  
  2053. {block:RebloggedFrom}<span id="time"><span style="padding-right:10px; font-size:15px; color:{color:Links}; font-family:'PictosRegular';">r</span>This was reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a></span></br>
  2054. <div style="height:5px; width:370px;"> </div>{/block:RebloggedFrom}
  2055.  
  2056. {block:HasTags}<span id="tags"><span style="padding-right:13px; font-size:15px; color:{color:Links}; font-family:'PictosRegular';">z</span>This has been tagged with {block:Tags}<a style="color:{color:Links}" href="{TagURL}">{Tag},</a> {/block:Tags}</span></br>
  2057. <div style="height:5px; width:370px;"> </div>{/block:HasTags}
  2058.  
  2059. {block:ContentSource}<span id="time"><span style="padding-right:10px; ; font-size:15px; color:{color:Links}; font-family:'PictosRegular';">R</span><a href="{SourceURL}"><script>TrimURL(50,'{SourceURL}')</script></a></span> </br>
  2060. <div style="height:5px; width:370px;"> </div>{/block:ContentSource}
  2061.  
  2062. </div>
  2063.  
  2064. <div style="margin-left:20px; margin-top:10px; float:left;">
  2065. <a href="https://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-url=”{permalink}” data-text=”{Title}”>Tweet</a><script type="text/javascript" src="//platform.twitter.com/widgets.js"></script>
  2066. </div>
  2067.  
  2068. <div style="float:left; margin-left:5px; margin-top:10px; height:20px;"><g:plusone size="medium"></g:plusone></div>
  2069.  
  2070.  
  2071. <iframe src="//www.facebook.com/plugins/like.php?href={Permalink}&send=false&layout=button_count&width=60&show_faces=true&action=like&colorscheme=light&font=arial&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; float:left; margin-left:-10px; margin-top:10px; width:90px; height:21px;" allowTransparency="true"></iframe>
  2072.  
  2073.  
  2074.  
  2075. {block:PostNotes}
  2076. <div class="perma_notes" style="float:left; width:370px;margin-left:20px; margin-top:20px;">{PostNotes}</div>
  2077. {/block:PostNotes}
  2078. </div>
  2079.  
  2080. {/block:Photo}
  2081.  
  2082.  
  2083.  
  2084.  
  2085.  
  2086. {block:Audio}
  2087. <div class="post" style="width:1000px; ">
  2088.  
  2089. <div style="width:590px;float:left; " class="audio">
  2090. {block:AlbumArt}
  2091. <a href="{Permalink}">
  2092. <div class="album_art">
  2093. <img style="width:400px; margin-left:auto; margin-right:auto;" src="{AlbumArtURL}" border="0" />
  2094. </div>
  2095. </a>
  2096. {/block:AlbumArt}
  2097. <div class="audio_player" style="width:400px;">{AudioPlayerBlack}</div>
  2098.  
  2099.  
  2100. {block:Caption}<div style="float:left: padding-top:10px;">{Caption}</div>{/block:Caption}
  2101.  
  2102. </div>
  2103.  
  2104. <div style="width:370px; float:left; overflow:hidden;">
  2105.  
  2106. {block:NoteCount}<span id="likes"><span style="padding-right:10px; font-size:15px; color:{color:Links}; font-family:'PictosRegular';">k</span>This post has {NoteCountWithLabel}</span> </br>
  2107. <div style="height:5px; width:370px;"> </div>{/block:NoteCount}
  2108.  
  2109. {block:Date} <span id="time"><span style="padding-right:10px; font-size:15px; color:{color:Links}; font-family:'PictosRegular';">t</span>This was posted {TimeAgo}</span></br>
  2110. <div style="height:5px; width:370px;"> </div>{/block:Date}    
  2111.  
  2112. {block:RebloggedFrom}<span id="time"><span style="padding-right:10px; font-size:15px; color:{color:Links}; font-family:'PictosRegular';">r</span>This was reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a></span></br>
  2113. <div style="height:5px; width:370px;"> </div>{/block:RebloggedFrom}
  2114.  
  2115. {block:HasTags}<span id="tags"><span style="padding-right:13px; font-size:15px; color:{color:Links}; font-family:'PictosRegular';">z</span>This has been tagged with {block:Tags}<a style="color:{color:Links}" href="{TagURL}">{Tag},</a> {/block:Tags}</span></br>
  2116. <div style="height:5px; width:370px;"> </div>{/block:HasTags}
  2117.  
  2118. {block:ContentSource}<span id="time"><span style="padding-right:10px; ; font-size:15px; color:{color:Links}; font-family:'PictosRegular';">R</span><a href="{SourceURL}"><script>TrimURL(50,'{SourceURL}')</script></a></span> </br>
  2119. <div style="height:5px; width:370px;"> </div>{/block:ContentSource}
  2120.  
  2121.  
  2122.  
  2123. <div style="margin-left:20px; margin-top:10px; float:left;">
  2124. <a href="https://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-url=”{permalink}” data-text=”{Title}”>Tweet</a><script type="text/javascript" src="//platform.twitter.com/widgets.js"></script>
  2125. </div>
  2126.  
  2127. <div style="float:left; margin-left:5px; margin-top:10px; height:20px;"><g:plusone size="medium"></g:plusone></div>
  2128.  
  2129.  
  2130. <iframe src="//www.facebook.com/plugins/like.php?href={Permalink}&send=false&layout=button_count&width=60&show_faces=true&action=like&colorscheme=light&font=arial&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; float:left; margin-left:-10px; margin-top:10px; width:90px; height:21px;" allowTransparency="true"></iframe>
  2131.  
  2132.  
  2133.  
  2134. {block:PostNotes}
  2135. <div class="perma_notes" style="width:370px; margin-top:20px; margin-left:20px;float:left;">{PostNotes}</div>
  2136. {/block:PostNotes}
  2137. </div>
  2138.  
  2139. {/block:Audio}
  2140.  
  2141.  
  2142.  
  2143.  
  2144. {block:Chat}
  2145. <div class="post" style="width:1000px;">
  2146.  
  2147. <div style="width:590px;float:left; " class="chat">
  2148.  
  2149. <div class="chat_box">
  2150. {block:Title}
  2151. <div class="chat_title"><a href="{Permalink}">{Title}</a></div>
  2152. {/block:Title}
  2153. {block:Lines}
  2154. <div class="chat_line_{Alt}">
  2155. {block:Label}
  2156. <span class="chat_label">{Label}</span>
  2157. {/block:Label}
  2158. {Line}
  2159. </div>
  2160. {/block:Lines}
  2161.  
  2162. </div>
  2163.  
  2164. </div>
  2165.  
  2166. <div style="width:370px; float:left; overflow:hidden;">
  2167.  
  2168. {block:NoteCount}<span id="likes"><span style="padding-right:10px; font-size:15px; color:{color:Links}; font-family:'PictosRegular';">k</span>This post has {NoteCountWithLabel}</span> </br>
  2169. <div style="height:5px; width:370px;"> </div>{/block:NoteCount}
  2170.  
  2171. {block:Date} <span id="time"><span style="padding-right:10px; font-size:15px; color:{color:Links}; font-family:'PictosRegular';">t</span>This was posted {TimeAgo}</span></br>
  2172. <div style="height:5px; width:370px;"> </div>{/block:Date}    
  2173.  
  2174. {block:RebloggedFrom}<span id="time"><span style="padding-right:10px; font-size:15px; color:{color:Links}; font-family:'PictosRegular';">r</span>This was reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a></span></br>
  2175. <div style="height:5px; width:370px;"> </div>{/block:RebloggedFrom}    
  2176.  
  2177. {block:HasTags}<span id="tags"><span style="padding-right:13px; font-size:15px; color:{color:Links}; font-family:'PictosRegular';">z</span>This has been tagged with {block:Tags}<a style="color:{color:Links}" href="{TagURL}">{Tag},</a> {/block:Tags}</span></br>
  2178. <div style="height:5px; width:370px;"> </div>{/block:HasTags}
  2179.  
  2180. {block:ContentSource}<span id="time"><span style="padding-right:10px; ; font-size:15px; color:{color:Links}; font-family:'PictosRegular';">R</span><a href="{SourceURL}"><script>TrimURL(50,'{SourceURL}')</script></a></span> </br>
  2181. <div style="height:5px; width:370px;"> </div>{/block:ContentSource}
  2182.  
  2183.  
  2184.  
  2185. <div style="margin-left:20px; margin-top:10px; float:left;">
  2186. <a href="https://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-url=”{permalink}” data-text=”{Title}”>Tweet</a><script type="text/javascript" src="//platform.twitter.com/widgets.js"></script>
  2187. </div>
  2188.  
  2189. <div style="float:left; margin-left:5px; margin-top:10px; height:20px;"><g:plusone size="medium"></g:plusone></div>
  2190.  
  2191.  
  2192. <iframe src="//www.facebook.com/plugins/like.php?href={Permalink}&send=false&layout=button_count&width=60&show_faces=true&action=like&colorscheme=light&font=arial&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; float:left; margin-left:-10px; margin-top:10px; width:90px; height:21px;" allowTransparency="true"></iframe>
  2193.  
  2194.  
  2195.  
  2196. {block:PostNotes}
  2197. <div class="perma_notes" style="width:370px; margin-top:20px; margin-left:20px;float:left;">{PostNotes}</div>
  2198. {/block:PostNotes}
  2199. </div>
  2200. {/block:Chat}
  2201.  
  2202.  
  2203.  
  2204.  
  2205. {/block:Posts}</div>
  2206.     {/block:PermalinkPage}
  2207.  
  2208.  
  2209.  
  2210.  
  2211.  
  2212.     </div>
  2213.     </div>
  2214.  
  2215. </div>
  2216.  
  2217. <div style="display:none;visibility:hidden;" id="audio_player_color">#FFFFFF</div>
  2218. <div style="display:none;visibility:hidden;" id="post_padding">{text:Post padding}</div>
  2219. <div style="display:none;visibility:hidden;" id="tag_page">{block:TagPage}{Tag}{/block:TagPage}</div>
  2220.  
  2221. <iframe id="likes_frame" style="height:1px;width:1px;position:absolute;left:-500px;"></iframe>
  2222. </body>
  2223. </html>
  2224.  
  2225. <script type="text/javascript">
  2226. // <![CDATA[
  2227. var colour="#BD3EA8";
  2228. var sparkles=50;
  2229.  
  2230. /****************************
  2231. *  Tinkerbell Magic Sparkle *
  2232. * (c) 2005 mf2fm web-design *
  2233. *  http://www.mf2fm.com/rv  *
  2234. * DON'T EDIT BELOW THIS BOX *
  2235. ****************************/
  2236. var x=ox=400;
  2237. var y=oy=300;
  2238. var swide=800;
  2239. var shigh=600;
  2240. var sleft=sdown=0;
  2241. var tiny=new Array();
  2242. var star=new Array();
  2243. var starv=new Array();
  2244. var starx=new Array();
  2245. var stary=new Array();
  2246. var tinyx=new Array();
  2247. var tinyy=new Array();
  2248. var tinyv=new Array();
  2249.  
  2250. window.onload=function() { if (document.getElementById) {
  2251.   var i, rats, rlef, rdow;
  2252.   for (var i=0; i<sparkles; i++) {
  2253.     var rats=createDiv(3, 3);
  2254.     rats.style.visibility="hidden";
  2255.     document.body.appendChild(tiny[i]=rats);
  2256.     starv[i]=0;
  2257.     tinyv[i]=0;
  2258.     var rats=createDiv(5, 5);
  2259.     rats.style.backgroundColor="transparent";
  2260.     rats.style.visibility="hidden";
  2261.     var rlef=createDiv(1, 5);
  2262.     var rdow=createDiv(5, 1);
  2263.     rats.appendChild(rlef);
  2264.     rats.appendChild(rdow);
  2265.     rlef.style.top="2px";
  2266.     rlef.style.left="0px";
  2267.     rdow.style.top="0px";
  2268.     rdow.style.left="2px";
  2269.     document.body.appendChild(star[i]=rats);
  2270.   }
  2271.   set_width();
  2272.   sparkle();
  2273. }}
  2274.  
  2275. function sparkle() {
  2276.   var c;
  2277.   if (x!=ox || y!=oy) {
  2278.     ox=x;
  2279.     oy=y;
  2280.     for (c=0; c<sparkles; c++) if (!starv[c]) {
  2281.       star[c].style.left=(starx[c]=x)+"px";
  2282.       star[c].style.top=(stary[c]=y)+"px";
  2283.       star[c].style.clip="rect(0px, 5px, 5px, 0px)";
  2284.       star[c].style.visibility="visible";
  2285.       starv[c]=50;
  2286.       break;
  2287.     }
  2288.   }
  2289.   for (c=0; c<sparkles; c++) {
  2290.     if (starv[c]) update_star(c);
  2291.     if (tinyv[c]) update_tiny(c);
  2292.   }
  2293.   setTimeout("sparkle()", 40);
  2294. }
  2295.  
  2296. function update_star(i) {
  2297.   if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
  2298.   if (starv[i]) {
  2299.     stary[i]+=1+Math.random()*3;
  2300.     if (stary[i]<shigh+sdown) {
  2301.       star[i].style.top=stary[i]+"px";
  2302.       starx[i]+=(i%5-2)/5;
  2303.       star[i].style.left=starx[i]+"px";
  2304.     }
  2305.     else {
  2306.       star[i].style.visibility="hidden";
  2307.       starv[i]=0;
  2308.       return;
  2309.     }
  2310.   }
  2311.   else {
  2312.     tinyv[i]=50;
  2313.     tiny[i].style.top=(tinyy[i]=stary[i])+"px";
  2314.     tiny[i].style.left=(tinyx[i]=starx[i])+"px";
  2315.     tiny[i].style.width="2px";
  2316.     tiny[i].style.height="2px";
  2317.     star[i].style.visibility="hidden";
  2318.     tiny[i].style.visibility="visible"
  2319.   }
  2320. }
  2321.  
  2322. function update_tiny(i) {
  2323.   if (--tinyv[i]==25) {
  2324.     tiny[i].style.width="1px";
  2325.     tiny[i].style.height="1px";
  2326.   }
  2327.   if (tinyv[i]) {
  2328.     tinyy[i]+=1+Math.random()*3;
  2329.     if (tinyy[i]<shigh+sdown) {
  2330.       tiny[i].style.top=tinyy[i]+"px";
  2331.       tinyx[i]+=(i%5-2)/5;
  2332.       tiny[i].style.left=tinyx[i]+"px";
  2333.     }
  2334.     else {
  2335.       tiny[i].style.visibility="hidden";
  2336.       tinyv[i]=0;
  2337.       return;
  2338.     }
  2339.   }
  2340.   else tiny[i].style.visibility="hidden";
  2341. }
  2342.  
  2343. document.onmousemove=mouse;
  2344. function mouse(e) {
  2345.   set_scroll();
  2346.   y=(e)?e.pageY:event.y+sdown;
  2347.   x=(e)?e.pageX:event.x+sleft;
  2348. }
  2349.  
  2350. function set_scroll() {
  2351.   if (typeof(self.pageYOffset)=="number") {
  2352.     sdown=self.pageYOffset;
  2353.     sleft=self.pageXOffset;
  2354.   }
  2355.   else if (document.body.scrollTop || document.body.scrollLeft) {
  2356.     sdown=document.body.scrollTop;
  2357.     sleft=document.body.scrollLeft;
  2358.   }
  2359.   else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
  2360.     sleft=document.documentElement.scrollLeft;
  2361.     sdown=document.documentElement.scrollTop;
  2362.   }
  2363.   else {
  2364.     sdown=0;
  2365.     sleft=0;
  2366.   }
  2367. }
  2368.  
  2369. window.onresize=set_width;
  2370. function set_width() {
  2371.   if (typeof(self.innerWidth)=="number") {
  2372.     swide=self.innerWidth;
  2373.     shigh=self.innerHeight;
  2374.   }
  2375.   else if (document.documentElement && document.documentElement.clientWidth) {
  2376.     swide=document.documentElement.clientWidth;
  2377.     shigh=document.documentElement.clientHeight;
  2378.   }
  2379.   else if (document.body.clientWidth) {
  2380.     swide=document.body.clientWidth;
  2381.     shigh=document.body.clientHeight;
  2382.   }
  2383. }
  2384.  
  2385. function createDiv(height, width) {
  2386.   var div=document.createElement("div");
  2387.   div.style.position="absolute";
  2388.   div.style.height=height+"px";
  2389.   div.style.width=width+"px";
  2390.   div.style.overflow="hidden";
  2391.   div.style.backgroundColor=colour;
  2392.   return (div);
  2393. }
  2394. // ]]>
  2395. </script>
create a new version of this paste RAW Paste Data