Advertisement
melaniesfantasie

flaewless

Aug 10th, 2013
67
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.66 KB | None | 0 0
  1. <!--
  2.  
  3. MESSY
  4. BY NAEIVE
  5. LEAVE VISIBLE CREDIT OR I'LL REPORT YOU
  6. I WILL NOT ANSWER YOUR HTML QUESTIONS XO
  7.  
  8. -->
  9.  
  10.  
  11. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  12. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  13.  
  14. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  15. <head>
  16.  
  17. </pre>
  18. </iframe>
  19.  
  20. <meta name="color:link" content="#7faac9"/>
  21. <meta name="color:hover" content="#a3bdcf"/>
  22. <meta name="color:blockquote" content="#fafafa"/>
  23. <meta name="color:border" content="#efefef"/>
  24. <meta name="color:background" content="#fafafa"/>
  25. <meta name="color:post background" content="#ffffff"/>
  26. <meta name="image:background" content="0"/>
  27. <meta name="image:sidebar" content="0"/>
  28. <meta name="if:faded images" content="1"/>
  29. <meta name="if:shadow" content="0"/>
  30. <meta name="if:show sidebar image" content="0">
  31. <meta name="if:rounded corners" content="1"/>
  32. <meta name="if:white tumblr controls" content="1"/>
  33. <meta name="if:show title" content="1"/>
  34. <meta name="if:show description" content="1"/>
  35. <meta name="if:custom font" content="1">
  36. <meta name="if:custom cursor" content="1">
  37. <meta name="if:cross cursor" content="0">
  38. <meta name="text:Link One Title" content="" />
  39. <meta name="text:Link One" content="" />
  40. <meta name="text:Link Two Title" content="" />
  41. <meta name="text:Link Two" content="" />
  42. <meta name="text:Link Three Title" content="" />
  43. <meta name="text:Link Three" content="" />
  44. <meta name="text:Link Four Title" content="" />
  45. <meta name="text:Link Four" content="" />
  46. <meta name="text:Link Five Title" content="" />
  47. <meta name="text:Link Five" content="" />
  48.  
  49. <title>{Title} {block:PostTitle} : {PostTitle}{/block:PostTitle}</title>
  50. <link rel="shortcut icon" href="{Favicon}">
  51. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  52. <!--[if IE]>
  53. <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
  54. <![endif]-->
  55.  
  56. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/fxpo5zq/XZum5p9k0/standard.css">
  57.  
  58.  
  59.  
  60. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  61. <script>
  62. (function($){
  63. $(document).ready(function(){
  64. $("[title]").style_my_tooltips({
  65. tip_follows_cursor:true,
  66. tip_delay_time:200,
  67. tip_fade_speed:300
  68. }
  69. );
  70. });
  71. })(jQuery);
  72. </script>
  73.  
  74. <style type="text/css">
  75.  
  76. #bar{
  77. position:fixed !important;
  78. height: 20px;
  79. margin-left:-3px;
  80. margin-top:-23px;
  81. background: white;
  82. z-index: 1;
  83. width: 100%;}
  84.  
  85. #banner {
  86. background-image:url('http://static.tumblr.com/3yblkz0/S8omdno3x/jaja.png');
  87. left:0;
  88. width:100%;
  89. height:18px;
  90. position:fixed !important;
  91. opacity:1;
  92. margin-left: 0px;
  93. margin-top: -40px;
  94. z-index: 1;
  95. }
  96.  
  97. #s-m-t-tooltip{
  98. max-width:300px;
  99. margin:15px;
  100. padding:2px 8px;
  101. border:1px solid #DDD;
  102. border-radius:4px;
  103. background:#FFF;
  104. color:#AAA;
  105. z-index:999999;
  106. font-size:8px;
  107. font-style:italic;
  108. text-transform:lowercase;
  109. box-shadow:1px 1px 3px rgba(0,0,0,.1);}
  110.  
  111. @font-face {
  112. font-family:titulo;
  113. src: url('http://static.tumblr.com/fxpo5zq/oefmes3gi/cedarville_pnkfun_1_cursive.ttf');
  114. }
  115.  
  116. body {
  117. color: #777;
  118. background:{color:background}
  119. url({image:background});
  120. background-repeat: repeat;
  121. background-attachment: fixed;
  122. {block:ifcustomfont}
  123. font-family: consolas;
  124. line-height:110%;
  125. font-size: 10px;
  126. {/block:ifcustomfont}
  127.  
  128. {block:ifnotcustomfont}
  129. font-family: helvetica;
  130. font-size: 9px;
  131. line-height:120%;
  132. {/block:ifnotcustomfont}
  133.  
  134. {block:ifcrosscursor}
  135. cursor: crosshair;
  136. {/block:ifcrosscursor}
  137. }
  138.  
  139. {block:ifcustomcursor}
  140.  
  141. body, a, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress;}
  142.  
  143. {/block:ifcustomcursor}
  144.  
  145.  
  146. ::-webkit-scrollbar-thumb{
  147. background-color: {color:link};
  148. border: 2px solid {color:background};
  149. height:auto;
  150. -moz-border-radius: 10px;
  151. border-radius: 10px;
  152. }
  153.  
  154. ::-webkit-scrollbar {
  155. height:auto;
  156. width:9px;
  157. background-color: #999999;
  158. border: 4px solid {color:background};
  159. }
  160.  
  161.  
  162.  
  163. #infscr-loading {
  164. position: absolute;
  165. bottom: 0;
  166. left: 25%;
  167. }
  168. a:link, a:active, a:visited{
  169.  
  170. color:{color:Link};
  171. text-decoration: none;
  172.  
  173. }
  174. a:hover {
  175. color:{color:Hover};
  176.  
  177. text-decoration: none;
  178. {block:ifcrosscursor}
  179. cursor: crosshair;
  180. {/block:ifcrosscursor}
  181. {block:ifcustomcursor}
  182. cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur);
  183. {/block:ifcustomcursor}
  184. }
  185.  
  186.  
  187. #content {
  188. {block:ifcrosscursor}
  189. cursor: crosshair;
  190. {/block:ifcrosscursor}
  191. {block:ifcustomcursor}
  192. cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur);
  193. {/block:ifcustomcursor}
  194. {block:indexpage}
  195. padding:7px;
  196. width:300px;
  197. margin-left:600px;
  198. {/block:indexpage}
  199.  
  200. {block:permalinkpage}
  201. background:{color:post background};
  202. width: 500px;
  203. margin-left:345px;
  204. {/block:permalinkpage}
  205. background:{color:content background};
  206. }
  207.  
  208.  
  209.  
  210. {block:ifwhitetumblrcontrols}
  211.  
  212. iframe#tumblr_controls {
  213. position:fixed !important;-webkit-filter: invert(100%) ;
  214. -moz-transition: all 0.8s ease-out;
  215. -webkit-transition: opacity 0.7s linear;
  216. -webkit-transition: all 0.8s ease-out;
  217. transition: all 0.8s ease-out;
  218. opacity: 0.5;}
  219.  
  220. {/block:ifwhitetumblrcontrols}
  221.  
  222.  
  223. iframe#tumblr_controls {
  224. top:2px !important;
  225. right:3px !important;
  226. position: fixed !important;
  227. -webkit-transition: opacity 0.7s linear;
  228. opacity: 0.5;
  229. -webkit-transition: all 0.8s ease-out;
  230. -moz-transition: all 0.8s ease-out;
  231. transition: all 0.8s ease-out;
  232. }
  233.  
  234. iframe#tumblr_controls:hover {
  235. -webkit-transition: opacity 0.7s linear;
  236. opacity: 1;
  237. -webkit-transition: all 0.4s ease-out;
  238. -moz-transition: all 0.4s ease-out;
  239. transition: all 0.4s ease-out;
  240. }
  241.  
  242. ::selection {
  243. background:#f1f1f1;
  244. color: #777;
  245. }
  246.  
  247. ::-moz-selection {
  248. background:#f1f1f1;
  249. color: #777;
  250. }
  251.  
  252.  
  253. #note3 {
  254. width: 500px;
  255. text-align:left;
  256. }
  257.  
  258. #information {
  259. padding: 5px;
  260. line-height:115%;
  261. }
  262.  
  263. #sidebar {
  264. background:transparent;
  265. display: block;
  266. text-align:right;
  267. margin-top:175px;
  268. height:auto;
  269. width:175px;
  270. margin-left:900px;
  271. position:fixed;
  272. padding: 5px;
  273. }
  274.  
  275. #sidebar img {
  276. {block:iffadedimages}
  277. opacity:0.8;
  278. filter:alpha(opacity=80);
  279. -webkit-transition: all ease-in 250ms;
  280. -moz-transition: all ease-in 250ms;
  281. -o-transition: all ease-in 250ms;
  282. -ms-transition: all ease-in 250ms;
  283. transition: all ease-in 250ms;
  284. {/block:iffadedimages}
  285. padding-top:1px;
  286. }
  287.  
  288. #sidebar:hover img {
  289. {block:iffadedimages}
  290. opacity:0.9;
  291. filter:alpha(opacity=90);
  292. -webkit-transition: all ease-in 250ms;
  293. -moz-transition: all ease-in 250ms;
  294. -o-transition: all ease-in 250ms;
  295. -ms-transition: all ease-in 250ms;
  296. transition: all ease-in 250ms;
  297. {/block:iffadedimages}
  298. -webkit-transition: all ease-in 250ms;
  299. -moz-transition: all ease-in 250ms;
  300. -o-transition: all ease-in 250ms;
  301. -ms-transition: all ease-in 250ms;
  302. transition: all ease-in 250ms;
  303. }
  304.  
  305. .titulo {
  306. padding:5px 5px 0px 10px;
  307. font-size:10px;
  308. line-height:100%;
  309. font-family: trebuchet ms;
  310. text-transform:uppercase;
  311. text-align:left;
  312. letter-spacing:2px;
  313. margin-bottom:-5px;
  314. }
  315.  
  316.  
  317. .titulo a{
  318. color:#777;
  319. }
  320.  
  321.  
  322. .links {
  323. text-align:center;
  324. padding-right:5px;
  325. font-family:consolas;
  326. font-size:8px;
  327. text-transform:uppercase;
  328. line-height: 115%;
  329. letter-spacing:1px;
  330. }
  331.  
  332. .des{
  333. font-family:consolas;
  334. {block:ifroundedcorners}-moz-border-radius: 5px;
  335. border-radius: 5px;
  336. {/block:ifroundedcorners}
  337. border: 1px solid {color:border};
  338. text-align:left;
  339. padding: 5px;
  340. padding-left:10px;
  341. padding-bottom:10px;
  342. letter-spacing:1px;
  343. font-size:8px;
  344. text-transform:uppercase;
  345. background:{color:post background};
  346. {block:ifshadow}
  347. box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);
  348. -moz-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);
  349. -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);
  350. {/block:ifshadow}
  351. }
  352.  
  353.  
  354. ol.notes img {
  355. width: 16px;
  356. display: inline;
  357. position: relative;
  358. top: 3px;
  359. }
  360.  
  361. .entry {
  362. {block:ifroundedcorners}-moz-border-radius: 5px;
  363. border-radius: 5px;
  364. {/block:ifroundedcorners}
  365. border: 1px solid {color:border};
  366. float: left;
  367. {block:indexpage}
  368. width: 225px;
  369. margin: 20px;
  370. {/block:indexpage}
  371.  
  372. {block:permalinkpage}
  373. width: 500px;
  374. padding:10px;
  375. margin-top:20px;
  376. {/block:permalinkpage}
  377. padding:6px;
  378. display: block;
  379. background:{color:post background};
  380. {block:ifshadow}
  381. box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);
  382. -moz-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);
  383. -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);
  384. {/block:ifshadow}
  385. position: relative;
  386. }
  387.  
  388. .entry img {
  389. display: block;
  390. max-width: 100%;
  391. {block:iffadedimages}
  392.  
  393. opacity: .7;
  394. filter:alpha(opacity=10);
  395. -moz-opacity: 0.1;
  396. -moz-transition: all .9s ease;
  397. -o-transition: all .9s ease;
  398. transition: all .9s ease;
  399. -webkit-transition: all .9s ease;
  400.  
  401. {/block:iffadedimages}
  402. {block:ifroundedcorners}-moz-border-radius: 5px;
  403. border-radius: 5px;
  404. {/block:ifroundedcorners}
  405. {block:permalinkpage}
  406. width: 500px;
  407. {/block:permalinkpage}
  408. }
  409. .entry:hover img {
  410. {block:iffadedimages}
  411.  
  412. opacity: .9;
  413. filter:alpha(opacity=10);
  414. -moz-opacity: 0.1;
  415. -moz-transition: all .9s ease;
  416. -o-transition: all .9s ease;
  417. transition: all .9s ease;
  418. -webkit-transition: all .9s ease;
  419.  
  420. {/block:iffadedimages}
  421. -webkit-transition: all ease-in 250ms;
  422. -moz-transition: all ease-in 250ms;
  423. -o-transition: all ease-in 250ms;
  424. -ms-transition: all ease-in 250ms;
  425. transition: all ease-in 250ms;
  426. }
  427.  
  428. #pagination{
  429. display:none;
  430. }
  431.  
  432.  
  433. .perms {
  434. color:#777;
  435. font-size:8px;
  436. opacity: 0;
  437. -webkit-transition-duration: .75s;top:0px;
  438. width:225px;
  439. height:10px;
  440. padding-bottom:4px;
  441. background-color: #fff;
  442. position: absolute;
  443. margin-top:6px;
  444. text-align:center;
  445. text-transform:uppercase;
  446. font-family:consolas;
  447. letter-spacing:1px;
  448. display:block;
  449. border-bottom: 1px solid {color:border};
  450. }
  451.  
  452.  
  453. .entry:hover .perms {
  454. opacity:0.95;
  455. z-index:999999;
  456. padding-top:4px;}
  457.  
  458.  
  459. blockquote, q {
  460. padding-left:5px;padding-top:7px;
  461. padding-right:5px;padding-bottom:7px;
  462. margin-left:5px; margin-right:5px;
  463. border-left: 2px solid #ccc;
  464. border-right: 2px solid #ccc;
  465. background-color:{color:blockquote};
  466. text-align:left;
  467. font-size: 8px;
  468. text-transform: uppercase;
  469. margin-left:-5px;
  470. width:99%;
  471. height: auto;
  472. {block:ifroundedcorners}-moz-border-radius: 5px;
  473. border-radius: 5px;
  474. {/block:ifroundedcorners}
  475. border: 1px solid {color:border};
  476. }
  477.  
  478. .quote {
  479. font-family: arial;
  480. font-size: 20px;
  481. color: {color:link};
  482. float: left;
  483. margin-right: 5px;
  484. }
  485.  
  486. li.drawer a {
  487. margin: 0px 5px;}
  488.  
  489. .label {
  490. text-transform:uppercase;
  491. color:{color:Link}
  492. }
  493.  
  494. .question {
  495. text-align:left;
  496. padding-left:5px;padding-top:7px;
  497. padding-right:5px;padding-bottom:7px;
  498. border-left: 2px solid {color:Link};
  499. border-right: 2px solid {color:Link};
  500. background-color:{color:blockquote};
  501. }
  502.  
  503. .answer {
  504. text-align:left;
  505. padding-left:5px;padding-top:7px;
  506. padding-right:5px;padding-bottom:7px;
  507. }
  508.  
  509. .text {
  510. padding: 10px;
  511. }
  512.  
  513. #pp {
  514. text-align: center;
  515. width: 100%;
  516. padding-top: 2px;
  517. }
  518.  
  519.  
  520.  
  521. .permahover {
  522. text-align: center;
  523. line-height:9px;
  524. opacity: 0.0;
  525. filter: alpha(opacity = 0);
  526. font-size: 9px;
  527. text-transform: uppercase;
  528. -webkit-transition-duration: .75s;
  529. }
  530.  
  531. .entry:hover .permahover {
  532. text-align: center;
  533. opacity: 1;
  534. filter: alpha(opacity = 50);
  535.  
  536.  
  537. }
  538.  
  539.  
  540. .b {display : block; font-size: 8px;text-align: left;line-height: 15px; text-indent : 0px; vertical-align : middle; padding : 2px;
  541. padding-bottom : 0px;}
  542.  
  543. #newHeader {
  544. padding-bottom: 2px;
  545. text-align: center;
  546.  
  547. }
  548.  
  549. div.panel {
  550. width: 260px;
  551. padding: 15px 20px;
  552. color: #333;
  553. text-align: center;
  554. line-height: 22px;
  555. display: none;
  556.  
  557. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#0d000000',GradientType=0 );
  558. }
  559. div.panel p {
  560. margin: 10px 0;
  561. }
  562. div.panel p a, div.textPost p a, div.audioPost p a {
  563. color: #333;
  564. text-decoration: none;
  565. border-bottom: 1px dotted;
  566. font-style: italic;
  567. font-weight: bold;
  568. }
  569. .video embed, .video object, .video iframe {
  570. {block:IndexPage}
  571. width:250px /**/ !important;
  572. {/block:IndexPage}
  573. height:auto !important;
  574. }
  575.  
  576. #album
  577. {
  578. {block:ifroundedcorners}-moz-border-radius: 5px;
  579. border-radius: 5px;
  580. {/block:ifroundedcorners}
  581. border: 1px solid {color:border};
  582. margin:10px;
  583. float:left;
  584.  
  585. {block:IndexPage}
  586. width:80px;
  587. height:80px;
  588. {/block:IndexPage}
  589.  
  590. {block:PermalinkPage}
  591. width:360px;
  592. height:360px;
  593. {/block:PermalinkPage}
  594. }
  595.  
  596.  
  597. #infos {
  598. font-size: 8px;
  599. text-transform: uppercase;
  600. float:left;
  601. margin-top:10px;
  602. padding:5px;
  603.  
  604. {block:IndexPage}
  605. border-left: 1px solid {color:border};
  606. background-color: transparent;
  607. width:83px;
  608. height: 70px;
  609. {/block:IndexPage}
  610.  
  611. {block:PermalinkPage}
  612. border-left: 1px solid {color:border};
  613. background-color: transparent;
  614. width:95px;
  615. height: 350px;
  616. margin-bottom:20px;
  617. {/block:PermalinkPage}
  618. }
  619.  
  620. #player{
  621. float:left;
  622. width:29px;
  623. padding-left:2px;
  624. padding-top:5px;
  625. padding-bottom:10px;
  626. height:15px;
  627. background-color:#fff;
  628. overflow-x:hidden;
  629. overflow-y:hidden;
  630. opacity: .9;
  631. filter:alpha(opacity=10);
  632. -moz-opacity: 0.1;
  633. -moz-transition: all .9s ease;
  634. -o-transition: all .9s ease;
  635. transition: all .9s ease;
  636. -webkit-transition: all .9s ease;
  637.  
  638. {block:IndexPage}
  639. margin-top:35px;
  640. margin-left:-65px;
  641. {/block:IndexPage}
  642.  
  643. {block:PermalinkPage}
  644. margin-top:175px;
  645. margin-left:-205px;
  646. {/block:PermalinkPage}
  647.  
  648. }
  649.  
  650. </style>
  651.  
  652. <script type="text/javascript" src="http://assets.tumblr.com/assets/scripts/tumblelog.js?_v=bf2c143eccf2f7091540c9d97e5b2ccf"></script><meta http-equiv="x-dns-prefetch-control" content="off"/></head>
  653. <body>
  654.  
  655.  
  656. <div id="sidebar">
  657. <img src="http://oi41.tinypic.com/2pqoyog.jpg" style="opacity: 0.6; margin-bottom: -25px; margin-right:9px;">
  658.  
  659. <div id="information">
  660. <div class="titulo"><a href="/"></a></div>
  661. <div class="des">
  662.  
  663.  
  664. <div style="padding-top:2px; padding-bottom:2px;">hey im bean and i make themes not out of originality</div>
  665.  
  666. <select onchange='location=this.options[this.selectedIndex].value;' style='
  667.  
  668. font-family: consolas;
  669. line-height:90%;
  670. font-size: 8px;
  671. text-transform:uppercase;
  672. width:145px;
  673. letter-spacing:1px;
  674. background-color:#fafafa;
  675. border:#efefef 1px solid;
  676. height:18px;
  677. margin-top:3px;
  678. margin-bottom:3px;
  679. padding:1px;
  680. color:#777;
  681. -moz-border-radius:3px;
  682. -webkit-border-radius:3px;
  683. border-radius:3px;
  684. '>
  685. <option>hover</option>
  686.  
  687. <option value="/">home</option>
  688. <option value="/ask">message</option>
  689. <option value="http://terribled.tumblr.com">main</option>
  690. <option value="http://naeive.tumblr.com">credit</option>
  691.  
  692. <script type="text/javascript">
  693. $(window).load(function(){
  694. $("p").remove(":contains('Source:')");
  695. $("p").remove(":contains('via ')");
  696. });
  697. </script>
  698.  
  699.  
  700. <script type="text/javascript">
  701. $(document).ready(function(){
  702. $(".hide").hide();
  703. $(".show").click(function(){
  704. $(this).next(".hide").slideToggle('fast');
  705. }); });
  706. </script>
  707.  
  708.  
  709. </head>
  710. <body>
  711. <div id="banner"></div><div id="bar"></div>
  712.  
  713. <div id="sidebar">
  714. <div id="information">
  715. {block:ifshowtitle}<div class="titulo"><a href="/">{title}</a></div>{/block:ifshowtitle}
  716. <div class="des">
  717. {block:ifshowsidebarimage}<center><a title="/" href="/"><img src="{image:sidebar}" width="150px" style="margin-left:-5px; {block:ifroundedcorners}-moz-border-radius: 5px;
  718. border-radius: 5px;
  719. {/block:ifroundedcorners} ""></a></center>{/block:ifshowsidebarimage}
  720. {block:ifshowdescription}
  721. <div style="padding-top:2px; padding-bottom:2px;">{description}</div>{/block:ifshowdescription}
  722.  
  723. <select onchange='location=this.options[this.selectedIndex].value;' style='
  724. font-family: consolas;
  725. line-height:90%;
  726. font-size: 8px;
  727. text-transform:uppercase;
  728. width:145px;
  729. letter-spacing:1px;
  730. background-color:#fafafa;
  731. border:{color:border} 1px solid;
  732. height:18px;
  733. margin-top:3px;
  734. margin-bottom:3px;
  735. padding:1px;
  736. color:#777;
  737. -moz-border-radius:3px;
  738. -webkit-border-radius:3px;
  739. border-radius:3px;
  740. '>
  741. <option>navigation</option>
  742.  
  743. <option value="/">home</option>
  744. <option value="/ask">message</option>
  745. <option value="/archive">history</option>
  746. {block:ifLinkTwoTitle}<option value="{text:Link Two}"> {text:Link Two Title} </option>{/block:ifLinkTwoTitle}
  747. {block:ifLinkThreeTitle}<option value="{text:Link Three}"> {text:Link Three Title} </option>{/block:ifLinkThreeTitle}
  748. {block:ifLinkFourTitle}<option value="{text:Link Four}">{text:Link Four Title} </option>{/block:ifLinkFourTitle}
  749. {block:ifLinkFiveTitle}<option value="{text:Link Five}"> {text:Link Five Title} </option>{/block:ifLinkFiveTitle}
  750. <option value="http://naeive.tumblr.com/">theme</option>
  751.  
  752. </select>
  753. </div>
  754.  
  755.  
  756.  
  757.  
  758. </div>
  759.  
  760. </div></div>
  761.  
  762.  
  763. <div id="content">
  764. {block:Posts}
  765. <div class="entry">
  766.  
  767. {block:Text}
  768. <div class="text">
  769. <div style="text-transform:uppercase">{block:Title}
  770. <a href="{Permalink}">{Title}</a>
  771. {/block:Title}</div>
  772. {Body}
  773. {block:indexpage}
  774. <div class="permahover"><p><br><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
  775. {/block:indexpage}
  776.  
  777. </div>
  778. {/block:Text}
  779.  
  780. {block:Photo}
  781.  
  782.  
  783. {block:indexpage}
  784. {LinkOpenTag}<a href="{Permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></a>{LinkCloseTag}
  785. {/block:indexpage}
  786. {block:IndexPage}<div class="perms">
  787. {DayofWeek} / <a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a>
  788. </div> {/block:IndexPage}
  789. {block:permalinkpage}
  790. {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PermalinkPage} width=500px"/>{LinkCloseTag}
  791. {/block:permalinkpage}
  792.  
  793. {/block:Photo}
  794.  
  795. {block:Photoset}
  796.  
  797.  
  798. {block:Photos}<a href="{permalink}"><img src="{PhotoURL-500}" width="225" style="padding-bottom:5px;"/></a>
  799. {/block:Photos}
  800.  
  801. {block:IndexPage}<div class="perms">
  802. {DayofWeek} / <a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a>
  803. </div> {/block:IndexPage}
  804.  
  805. {/block:Photoset}
  806.  
  807.  
  808. {block:Quote}
  809. <div class="text">
  810. <div class="quote">&#10077;</div>
  811. <span style="text-transform:uppercase;letter-spacing:1px;"> {Quote} </span>
  812. {block:Source}
  813. <div class="source"><div style="text-align:right; color:{color:link}">{Source}</div></div>
  814. {/block:Source}
  815. {block:indexpage}
  816. <div class="permahover"><br><p><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
  817. {/block:indexpage}
  818. </div>{/block:Quote}
  819.  
  820. {block:Link}
  821. <div class="text">
  822. <span style="text-transform:uppercase;"><a href="{URL}" class="link" {Target}>{Name}</a></span>
  823. {block:Description}
  824. <div class="description">{Description}</div>
  825. {/block:Description}
  826. {block:indexpage}
  827. <div class="permahover"><br><p><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
  828. {/block:indexpage}
  829. </div>{/block:Link}
  830.  
  831. {block:Chat}
  832. <div class="text">
  833. {block:Title}
  834. <a href="{Permalink}">{Title}</a>
  835. {/block:Title}
  836. <ul class="chat">
  837. {block:Lines}
  838. <li class="{Alt} user_{UserNumber}"> {block:Label} <span class="label">{Label}</span> {/block:Label}
  839.  
  840. {Line} </li>
  841. {/block:Lines}
  842. </ul>
  843. {block:indexpage}
  844. <div class="permahover"><br><p><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
  845. {/block:indexpage}
  846. </div>{/block:Chat}
  847.  
  848. {block:Video}
  849.  
  850. {block:IndexPage}<div style="width:225px; overflow-y:hidden; overflow-x:hidden;">{Video-250} </div>{/block:IndexPage}
  851.  
  852. {block:IndexPage}<div class="perms">
  853. {DayofWeek} / <a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a>
  854. </div> {/block:IndexPage}
  855.  
  856. {block:permalinkpage}
  857. {Video-500}
  858. {/block:permalinkpage}
  859.  
  860.  
  861. {/block:Video}
  862.  
  863.  
  864. {block:Audio}
  865. <div id="album">{block:AlbumArt}<img width="80px" src="{AlbumArtURL}"/>{/block:AlbumArt}</div>
  866. <div id="player"><div style="margin-top:-3px;">{AudioPlayerWhite}</div></div>
  867. <div id="infos">
  868. <span style="letter-spacing:1px; color:{color:link};">{block:TrackName}{TrackName}{/block:TrackName}</span><br>
  869. {block:Artist}
  870. {Artist}
  871. {/block:Artist}
  872. <br>
  873. {block:Album}
  874. {Album}
  875. {/block:Album}<br>
  876. {PlayCountWithLabel}
  877.  
  878. </div>
  879.  
  880. {block:IndexPage}<div class="perms">
  881. {DayofWeek} / <a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a>
  882. </div> {/block:IndexPage}
  883. {/block:Audio}
  884.  
  885. {block:Answer}<div class="text">
  886. <div class="question">
  887. <span style="text-transform:uppercase; color:{color:Link}">{Asker}:</span> {Question}</div><div class="answer">{Answer}</div>
  888. {block:indexpage}
  889. <div class="permahover"><p><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a> </p></div>
  890. {/block:indexpage}
  891. </div>{/block:Answer}
  892.  
  893.  
  894. {block:PermalinkPage}
  895. <div id="note3"><div style="text-align:right; text-transform:uppercase;">
  896. {block:NoteCount}<br>{block:Date}Posted {TimeAgo}{/block:Date} with {NoteCountwithLabel}
  897. {block:HasTags}/ tagged as: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}{/block:NoteCount}</div>
  898.  
  899. {block:PostNotes}
  900. {PostNotes}
  901. {/block:PostNotes}
  902. </div>
  903. {/block:PermalinkPage}
  904. </div>
  905. {/block:Posts}
  906. </div>
  907. </div>
  908. {block:Pagination}
  909. <ul id="pagination">
  910. {block:PreviousPage}
  911. <li><a href="{PreviousPage}"></a></li>
  912. {/block:PreviousPage}
  913. {block:JumpPagination length="5"}
  914. {block:CurrentPage}
  915. <li><span class="current_page numbersNav"><strong>{PageNumber}</strong></span></li>
  916. {/block:CurrentPage}
  917. {block:JumpPage}
  918. <li><a class="jump_page numbersNav" href="{URL}">{PageNumber}</a></li>
  919. {/block:JumpPage}
  920. {/block:JumpPagination}
  921. {block:NextPage}
  922. <li><a id="nextPage" href="{NextPage}"></a></li>
  923. {/block:NextPage}
  924. </ul>
  925. {/block:Pagination}
  926.  
  927. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  928. <script src="http://static.tumblr.com/fxpo5zq/HCHm5q8gs/infinitescroll.js"></script>
  929. {block:IndexPage}
  930. <script type="text/javascript">
  931. $(window).load(function () {
  932. $('#content').masonry(),
  933. $('.masonryWrap').infinitescroll({
  934. navSelector : '#pagination',
  935. nextSelector : '#pagination a#nextPage',
  936. itemSelector : ".entry",
  937. bufferPx : 100,
  938. loadingText : "<em></em>",
  939. },
  940. function() { $('#content').masonry({ appendedContent: $(this) }); }
  941. );
  942. });
  943. </script>
  944. {/block:IndexPage}
  945.  
  946. <script type="text/javascript">
  947.  
  948. $('.show').click(function(e){
  949. e.preventDefault();
  950. $('.panel').stop(true,true);
  951. var target = $(this).attr('href');
  952. if($('.panel').is(':visible')){
  953. if($(target).is(':visible')){
  954. $(target).slideUp();
  955. return false;
  956. }else{
  957. $('.panel:visible').slideUp(400, function(){
  958. $(target).slideDown();
  959. });
  960. }
  961. }else {
  962. $(target).slideDown();
  963. }
  964. });
  965.  
  966. </script>
  967. <script type="text/javascript" src="http://static.tumblr.com/fxpo5zq/OTlme21c1/like_script.js"></script>
  968. <script type="text/javascript" src="http://static.tumblr.com/fxpo5zq/hPeme202n/like.js"></script>
  969. <iframe id="likeiframe" style="width: 1px; height: 1px;"></iframe>
  970. </body>
  971.  
  972. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/c9Sle1h85/jquery.collapser.js"></script>
  973. <script type="text/javascript">
  974. $(document).ready(function(){
  975. $('#button').collapser({
  976. target: '#hidden',
  977. effect: 'slide',
  978. changeText: 0
  979. });
  980. });
  981. </script>
  982.  
  983. <div style="position:fixed; bottom:10px; right:5px; opacity:.6">
  984. <a href="http://naeive.tumblr.com"><img src="http://static.tumblr.com/mzoniyw/mxclpl0i4/e31d192b1a76dcc3887129e7ff8445ef.gif" width="20px"></a>
  985. </div>
  986.  
  987. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement