Advertisement
stylens

super simple theme-theme week!

Mar 6th, 2013
151
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.68 KB | None | 0 0
  1. <!-
  2. i have no idea what to call this by perys
  3. -!>
  4.  
  5. <html lang="en">
  6.  
  7. <head>
  8. <script type="text/javascript"
  9. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  10.  
  11. <script>
  12. $(document).ready(function() {
  13. //
  14. $('a.poplight[href^=#]').click(function() {
  15. var popID = $(this).attr('rel'); //Get Popup Name
  16. var popURL = $(this).attr('href'); //Get Popup href to define size
  17. var query= popURL.split('?');
  18. var dim= query[1].split('&');
  19. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  20. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  21. var popMargTop = ($('#' + popID).height() + 80) / 2;
  22. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  23. //Apply Margin to Popup
  24. $('#' + popID).css({
  25. 'margin-top' : -popMargTop,
  26. 'margin-left' : -popMargLeft
  27. });
  28. $('body').append('<div id="fade"></div>');
  29. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  30. return false;
  31. });
  32. $('a.close, #fade').live('click', function() {
  33. $('#fade , .popup_block').fadeOut(function() {
  34. $('#fade, a.close').remove(); //fade them both out
  35. });
  36. return false;
  37. });
  38. });
  39. </script>
  40. </script>
  41. <link href='http://fonts.googleapis.com/css?family=Didact+Gothic' rel='stylesheet' type='text/css'>
  42.  
  43.  
  44. <meta name="color:highlight" content="#cecece"/>
  45. <meta name="color:border" content="#cecece">
  46.  
  47. <meta name="color:text" content="#8B8B8B"/>
  48. <meta name="color:background" content="#dddddd"/>
  49. <meta name="color:links" content="#F8B1C5"/>
  50. <meta name="color:scrollbar" content="#8B8B8B"/>
  51. <meta name="color:navigation" content="fff"/>
  52. <meta name="color:scrollbar bg" content="#fff"/>
  53. <meta name="color:sidebar" content="#fff"/>
  54. <meta name="image:background" content=""/>
  55. <meta name="image:sidebar" content="http://i52.tinypic.com/14t5wqu.jpg"/>
  56. <meta name="text:Link 1" content="link" />
  57. <meta name="text:Link 1 URL" content="/" />
  58. <meta name="text:Link 2" content="link" />
  59. <meta name="text:Link 2 URL" content="/" />
  60. <meta name="text:Link 3" content="link" />
  61. <meta name="text:Link 3 URL" content="/" />
  62. <meta name="text:Link 4" content="link" />
  63. <meta name="text:Link 4 URL" content="/" />
  64. </script>
  65.  
  66. <style type="text/css">
  67. #fade { /*--Transparent background layer--*/
  68. display: none; /*--hidden by default--*/
  69. background: #000;
  70. position: fixed; left: 0; top: 0;
  71. width: 100%; height: 100%;
  72. opacity: .6;
  73. z-index: 9999;
  74. }
  75. .popup_block{
  76. display: none; /*--hidden by default--*/
  77. background: #ffffff;
  78. color:{color:text};
  79. border:1px solid #ddd;
  80. padding: 10px;
  81. float: left;
  82. font-family:calibri;
  83. font-size: 12px;
  84. position: fixed;
  85. top: 50%; left: 50%;
  86. z-index: 99999;
  87. -webkit-transition: all .7s ease;
  88. -moz-transition: all .7s ease;
  89. -o-transition: all .7s ease;
  90. transition: all .7s ease;
  91. /*--CSS3 Box Shadows--*/
  92. -webkit-box-shadow: 0px 0px 20px #000;
  93. -moz-box-shadow: 0px 0px 20px #000;
  94. box-shadow: 0px 0px 20px #000;
  95. /*--CSS3 Rounded Corners--*/
  96.  
  97. border-bottom-left-radius: 10px;
  98. -moz-border-radius-bottomleft: 10px;
  99. border-top-right-radius: 10px;
  100. -moz-border-radius-topright: 10px;
  101. }
  102. /*--Making IE6 Understand Fixed Positioning--*/
  103. *html #fade {
  104. position: absolute;
  105. }
  106. *html .popup_block {
  107. position: absolute;
  108. }
  109.  
  110. highlight{
  111. background:{color:highlight};
  112. line-height:12px;
  113. margin:0px;
  114. padding:0px;
  115. }
  116.  
  117.  
  118.  
  119.  
  120.  
  121. body{
  122. margin:5px;
  123. background-color: {color:Background};
  124. background-image:url({image:Background});
  125. background-attachment: fixed;
  126. background-repeat: repeat;
  127. font-family:calibri;
  128. font-size:10px;
  129. line-height:10px;
  130. color:{color:Text};
  131. }
  132.  
  133.  
  134.  
  135.  
  136. a:link, a:active, a:visited{
  137. color: {color:Links};
  138. text-decoration: none;
  139. -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;-o-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
  140. }
  141.  
  142. a:hover{
  143. color:{color:Hover};
  144. text-decoration: none;
  145. -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;
  146. text-shadow:0px 0px 2px {color:text shadow};
  147. cursor: url(http://i.imgur.com/2qleX.jpg), auto;
  148. }
  149.  
  150. #cunt{width:250px; height:auto;}
  151. {block:PermalinkPage}
  152. width:410px;
  153. {/block:PermalinkPage}
  154. }
  155.  
  156. #center{
  157. padding-top:3px;
  158. padding-bottom:3px;
  159. position:fixed !important;
  160. width:250px;
  161. height:207px;
  162. background-color:#fff;
  163. {block:PermalinkPage}
  164. width:410px;
  165. height:207px;
  166. {/block:PermalinkPage}
  167. }
  168.  
  169. #posts{
  170. float:center;
  171. {block:indexpage}
  172. width:650px;
  173. {/block:indexpage}
  174. {block:permalinkpage}
  175. width:800px;
  176. {/block:permalinkpage}
  177. margin-left:600px;
  178. margin-top: 15px;
  179. }
  180.  
  181. r{
  182. font-style:normal;
  183. background: #ebebeb;
  184. display: block;}
  185.  
  186.  
  187. iframe#tumblr_controls {
  188. position:fixed !important;-webkit-filter: invert(100%) ;
  189. -moz-transition: all 0.8s ease-out;
  190. -webkit-transition: opacity 0.7s linear;
  191. -webkit-transition: all 0.8s ease-out;
  192. transition: all 0.8s ease-out;
  193. opacity: 0.5;}
  194.  
  195.  
  196.  
  197.  
  198. iframe#tumblr_controls {
  199. top:2px !important;
  200. right:3px !important;
  201. position: fixed !important;
  202. -webkit-transition: opacity 0.7s linear;
  203. opacity: 0.5;
  204. -webkit-transition: all 0.8s ease-out;
  205. -moz-transition: all 0.8s ease-out;
  206. transition: all 0.8s ease-out;
  207. }
  208.  
  209. iframe#tumblr_controls:hover {
  210. -webkit-transition: opacity 0.7s linear;
  211. opacity: 1;
  212. -webkit-transition: all 0.4s ease-out;
  213. -moz-transition: all 0.4s ease-out;
  214. transition: all 0.4s ease-out;
  215. }
  216.  
  217. ::selection {
  218. background:#f1f1f1;
  219. color: #777;
  220. }
  221.  
  222. ::-moz-selection {
  223. background:#f1f1f1;
  224. color: #777;
  225. }
  226.  
  227.  
  228. #note3 {
  229. width: 500px;
  230. text-align:left;
  231. }
  232.  
  233.  
  234.  
  235. div#side{
  236. padding: 20px;
  237. height:auto;
  238. background: {color:sidebar};
  239. float:left;
  240. position:fixed;
  241. margin-left: 250px;
  242. top: 15px;
  243. width:270px;}
  244.  
  245. div#sidelife{
  246. padding: 20px;
  247. height:auto;
  248. background: {color:sidebar};
  249. float:left;
  250. position:fixed;
  251. margin-left: 250px;
  252. top: 350px;
  253. width:270px;}
  254. div#sidelinks{
  255. padding: 20px;
  256. height:auto;
  257. background: {color:sidebar};
  258. font-size:20px;
  259. float:left;
  260. position:fixed;
  261. margin-left: 250px;
  262. top: 436px;
  263. width:270px;}
  264.  
  265. .popuptitle{
  266. background: {color:highlight};
  267. font-family: consolas;
  268. font-size:18px;
  269. letter-spacing:px;
  270. line-height:24px;
  271. text-align:left;
  272. border-left:1px solid #fff;
  273. color:#fff;
  274. width: 100%;
  275. text-shadow: 1px 1px 0px #aaa;
  276. border-top-left-radius: 100px;
  277. border-bottom-left-radius: 100px;
  278. margin-bottom:2px;
  279. padding-left:5px;
  280. }
  281. @font-face {font-family:Punkboy; src:url(http://static.tumblr.com/9wzbixa/kMum26o0j/punkboy_tbs.ttf);}
  282. .linkss {
  283. padding:5px;
  284. font-family:punkboy
  285. text-align:center;
  286. width:192px;
  287. letter-spacing:1px;
  288. position:absolute;
  289. float:left;
  290. font-size:25px;
  291. background:#ffffff;
  292. margin-left:-1px;
  293. margin-top:-10px;
  294.  
  295.  
  296. }
  297.  
  298.  
  299. askk {
  300. font-family: consolas;
  301. color: {color:Title};
  302. font-size:12px;
  303. text-transform:uppercase;
  304. z-index:1;
  305. }
  306.  
  307. .cred {
  308. font-family:monda; letter-spacing:1px; font-size:10px; bottom:-10px; right:4px; position:fixed; padding:10px; text-align:right; font-weight:normal; }
  309.  
  310. .cred:hover #name
  311. { margin-bottom:0;
  312. -webkit-transition: all 0.2s ease-out;
  313. -o-transition: all 0.2s ease-out;
  314. -webkit-transition: all 0.2s ease-out;
  315. -moz-transition: all 0.2s ease-out;}
  316.  
  317. .cred:hover #star { opacity:0;
  318. -webkit-transition: all 0.2s ease-out;
  319. -o-transition: all 0.2s ease-out;
  320. -webkit-transition: all 0.2s ease-out;
  321. -moz-transition: all 0.2s ease-out;}
  322.  
  323. #star { font-size:20px; padding-bottom:17px; }
  324. #name { margin-bottom:-40px;
  325. -webkit-transition: all 0.2s ease-out;
  326. -o-transition: all 0.2s ease-out;
  327. -webkit-transition: all 0.2s ease-out;
  328. -moz-transition: all 0.2s ease-out;}
  329. #name a { color:{color:italic}; }
  330.  
  331.  
  332.  
  333. @font-face { font-family: "consolas"; src: url('http://static.tumblr.com/jdjsstr/8ovm78cbb/pf_consolas_five_1_.ttf'); }
  334.  
  335.  
  336.  
  337. .permalink {
  338. display: block;
  339. border-top: 1px solid #ddd;
  340. padding: 3px;
  341. margin: 4px 10px 0px 10px;
  342. font-family: calibri;
  343. font-size: 60px;
  344. color: #424242;
  345. line-height: 110px;
  346. text-align: center;
  347. text-decoration: none;
  348. -webkit-transition: color 0.9s ease-out;
  349. -moz-transition: color 0.9s ease-out;
  350. }
  351.  
  352. #entry .perma a{
  353. color:;
  354. -webkit-transition: color 0.9s ease-out;
  355. -moz-transition: color 0.9s ease-out;
  356. }
  357.  
  358.  
  359. #entry .perma{
  360. width:25px;
  361. height: 20px;
  362. padding:2px;
  363. font-family: consolas;
  364. text-transform:uppercase;
  365. position: absolute;
  366. font-size: 20px;
  367. line-height: 11px;
  368. text-align: center;
  369. overflow:hidden;
  370. opacity: 0.0;
  371. background:white;
  372. letter-spacing:0px;
  373. margin-top:9px;
  374. margin-left: -5px;
  375. display:block;
  376. transition: all 0.9s ease-out;
  377. -o-transition-transition: all 0.9s ease-out;
  378. -webkit-transition: all 0.9s ease-out;
  379. -moz-transition: all 0.9s ease-out;
  380. }
  381.  
  382. #entry:hover .perma{
  383. margin-top: 9px;
  384. opacity: 0.8;
  385. margin-left: -5px;
  386. width: 100%;
  387. text-transform:uppercase;
  388. overflow:visible;
  389.  
  390. }
  391.  
  392. .permalinktext {
  393. display: block;
  394. padding: 1px;
  395. margin: 0px 0px 0px 10px;
  396. font-family:calibri;
  397.  
  398. letter-spacing: 0px;
  399. font-size:11px;
  400. color: #424242;
  401. line-height: 10px;
  402. text-align: right;
  403. text-decoration: none;
  404. -webkit-transition: color 0.5s ease-out;
  405. -moz-transition: color 0.5s ease-out;
  406. border-top: 1px solid #dcdcdc;
  407. }
  408.  
  409. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  410. #postnotes{
  411. text-align: left;
  412. }
  413.  
  414. #postnotes blockquote{
  415. border: 0px;
  416. }
  417.  
  418. #entry{
  419. font-family:calibri;
  420. font-size:10px;
  421. line height: 11px;
  422. text-align:left;
  423. float:left;
  424. width: 265px;
  425.  
  426.  
  427. {block:PermalinkPage}
  428. width: 460px;
  429. height: auto;
  430. {/block:PermalinkPage}
  431. line-height:17px;
  432. background:#ffffff;
  433. padding:19px;
  434.  
  435. margin-right:10px;
  436. overflow:hidden;
  437. margin-bottom:10px;
  438. }
  439.  
  440. #entry:hover{
  441. opacity: 1.0;
  442. transition: all 1.0s ease-out;
  443. -o-transition-transition: all 1.0s ease-out;
  444. -webkit-transition: all 1.0s ease-out;
  445. -moz-transition: all 1.0s ease-out;
  446. }
  447.  
  448. @font-face {font-family: "Meow";src: url( http://static.tumblr.com/kauezwz/YlIlz8nop/theonlyexception.ttf) format("truetype");}
  449.  
  450. #permapage{
  451. font-family: consolas;
  452. font-size: 10px;
  453. line-height: 10px;
  454. text-align: center;
  455. padding-bottom:10px;
  456. z-index:9999;}
  457.  
  458. .title{
  459. font-family:consolas;
  460. font-size: 19px;
  461. line-height: 25px;
  462. color: {color:Title};
  463. font-weight: normal;
  464. text-transform:lowercase;
  465. letter-spacing: 0px;
  466. padding:0px 0px 0px 0px;
  467. }
  468.  
  469. .titlee{
  470. font-family:consolas;
  471. font-size: 15px;
  472. line-height: 25px;
  473. color: {color:Title};
  474. font-weight: normal;
  475. text-transform:lowercase;
  476. letter-spacing: 0px;
  477. padding:0px 0px 0px 0px;
  478. }
  479.  
  480. @font-face { font-family: "beauty"; src: url('http://static.tumblr.com/2zvjoo9/n9Mm31t9e/discoverbeauty.ttf');}
  481.  
  482. .blogtitle{
  483. font-family: meow;
  484. font-size: 110px;
  485. line-height: 110px;
  486. color: {color:Link};
  487. font-weight: normal;
  488. }
  489.  
  490. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/jdjsstr/wyqmco9g9/wendy_1_.ttf');}
  491.  
  492. blockquote{
  493. padding:0px 0px 2px 3px;
  494. margin:0px 0px 2px 1px;
  495. }
  496. ul, ol, li{
  497. list-style:none;
  498. margin:0px;
  499. padding:0px;
  500. }
  501.  
  502. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  503. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:Title};
  504. }
  505.  
  506.  
  507.  
  508. #album
  509. {
  510. {block:IndexPage}
  511. width:70px;
  512. height:80px;
  513. margin:10px;
  514. {/block:IndexPage}
  515. float:left;
  516. {block:PermalinkPage}
  517. width:500px;
  518. height:500px;
  519. {/block:PermalinkPage}
  520.  
  521. }
  522.  
  523.  
  524. #infos
  525. {float:left;
  526. margin-top:10px;
  527. background-color: #e4e4e4;
  528. padding:5px;
  529. width:165px;
  530. }
  531.  
  532. #player
  533. {float:left;
  534. {block:IndexPage}
  535. width:130px;
  536. margin-top:10px;
  537. padding-left:45px;
  538. {/block:IndexPage}
  539. padding-top:10px;
  540. padding-bottom:10px;
  541. height:20px;
  542. background-color:#e4e4e4;
  543. overflow:hidden;
  544. {block:PermalinkPage}
  545. margin-top:5px;
  546. width:265px;
  547. padding-left:235px;
  548. {/block:PermalinkPage}
  549. }
  550.  
  551. .spacer {
  552. width:70px;
  553. height:1px;
  554. background-color:#e9e9e9;
  555. margin-top:5px;
  556. margin-bottom:5px;
  557. margin-left:17px;
  558. margin-right:17px;
  559. display: block;
  560. -webkit-transition: opacity 1s ease-out;
  561. opacity: 0;
  562. height: 0;
  563. overflow: hidden;}
  564.  
  565. #description:hover .spacer {
  566. opacity:1;
  567. width:80px;
  568. height:1px;
  569. background-color:#e9e9e9;
  570. margin-top:5px;
  571. margin-bottom:5px;
  572. margin-left:17px;
  573. margin-right:17px;
  574. display:block;
  575. -moz-transition-duration:1.5s;
  576. -webkit-transition-duration:1.5s;
  577. -o-transition-duration:1.5s;
  578. }
  579.  
  580. </style>
  581.  
  582.  
  583.  
  584. <title>{title}</title>
  585. <link rel="shortcut icon" href="{favicon}">
  586. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  587. <meta name="viewport" content="width=720" />
  588. </head>
  589. <body>
  590.  
  591.  
  592. <div id="side">
  593.  
  594. <a href="/"><img src="{image:sidebar}" width="270" height="271" style="margin-bottom:2px; margin-top:1px; margin-left:1px; float:left; padding-top:0px; padding-right: 4px;"/></a>
  595.  
  596. </div>
  597.  
  598. </div>
  599.  
  600. <div id="sidelife">
  601.  
  602. {description}
  603.  
  604.  
  605. </div>
  606. <div id="sidelinks">
  607.  
  608. <a href="/">home</a>
  609. {block:IfLink1} <a href="{text:Link 1 URL}" title="{text:link 1}">{text:Link 1}</a>{/block:IfLink1}
  610. {block:IfLink2} <a href="{text:Link 2 URL}" title="{text:link 2}">{text:Link 2}</a>{/block:IfLink2}
  611.  
  612. {block:IfLink3} <a href="{text:Link 3 URL}" title="{text:link 3}">{text:Link 3}</a>{/block:IfLink3}
  613. {block:IfLink4} <a href="{text:Link 4 URL}" title="{text:link 4}">{text:Link 4}</a>{/block:IfLink4}
  614.  
  615.  
  616. </div>
  617. <div id="posts">
  618. {block:Posts}
  619.  
  620. <div id="entry">
  621.  
  622. {block:Text}
  623. {block:Title}<span class="title">{Title}</span>{/block:Title}
  624. <span class="entrytext">{Body}</span>
  625. <div class="permalinktext"><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  626. {/block:Text}
  627.  
  628. {block:Link}
  629. <a href="{URL}" class="title">{Name}</a>
  630. {block:Description}{Description}{/block:Description}
  631. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{permalink}">{timeago}</a> </div>
  632. {block:Link}
  633.  
  634. {block:Photo}{block:IndexPage}
  635. <div class="perma">
  636. <div style="padding-top:4px;"><a href="{permalink}">${NoteCount}</a> / <a> <a href="{ReblogURL}" target="_blank"> buy </a></span></div></div>
  637. {/block:IndexPage}
  638. {block:IndexPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width=265px /></a>{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=460px/>{LinkCloseTag}{/block:PermalinkPage}
  639. {/block:Photo}
  640.  
  641.  
  642. {block:Quote}
  643. <span class="entrytext">{Quote}</span>
  644. {block:Source}<b><a href="{Permalink}">{Source}</a></b>{/block:Source}
  645. <div class="permalinktext"><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  646. {/block:Quote}
  647.  
  648. {block:Chat}
  649. {block:Title}<span class="title">{Title}</span>{/block:Title}
  650. <ul class="chat">
  651. {block:Lines}
  652. <li class="user_{UserNumber}">
  653. {block:Label}
  654. <span class="label">{Label}</span>
  655. {/block:Label}
  656.  
  657. {Line}
  658. </li>
  659. {/block:Lines}
  660. </ul>
  661. <div class="permalinktext"><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  662. {/block:Chat}
  663.  
  664.  
  665. {block:Audio}
  666. {block:IndexPage}
  667. <div id="album">{block:AlbumArt}<img width="80px" src="{AlbumArtURL}"/>{/block:AlbumArt}</div>
  668. <div id="player"><div style="margin-top:-3px;">{AudioPlayerGrey}</div></div>
  669. <div id="infos">
  670. {block:TrackName}{TrackName}{/block:TrackName}
  671. {block:Artist}by {Artist}{/block:Artist}
  672. </div>
  673. <br>
  674. <div class="permalinktext"><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  675. {/block:IndexPage}
  676. {block:PermalinkPage}
  677. <div id="album">{block:AlbumArt}<img width="500px" src="{AlbumArtURL}"/>{/block:AlbumArt}</div>
  678. <div id="player"><div style="margin-top:-3px;margin-bottom:20px;">{AudioPlayerGrey}</div></div>
  679.  
  680. {/block:PermalinkPage}
  681. {/block:Audio}
  682.  
  683. {block:Video}<center>
  684. <div style="padding-top:0px; padding-bottom:2px;">
  685. {Video-250}</div>
  686. <div style="padding-bottom:5px;">{block:Caption}{/block:Caption}</div>
  687. <div class="permalinktext"><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  688. {block:Video}
  689.  
  690.  
  691. {block:Answer}
  692. <br>
  693. <div style="border-radius:5px; border: 3px double #dddddd; margin: 3px; margin-top: -2px; height:30px; overflow:auto; padding: 3px; background: white; box-shadow: 0px 0px 5px 3px #eee;">
  694. <img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-right:3px; box-shadow: 0px 0px 0px 2px #E6DFDF; border-radius: 3px;"/>
  695. <askk>{Asker}</askk>: {Question}<br></div>
  696. <div style="font-family: consolas; font-size: 10px;">
  697. {Answer}
  698. </div><div class="permalinktext"><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  699. {/block:Answer}
  700.  
  701. {block:PostNotes}<div align="middle">{caption}</div>
  702. <center>
  703.  
  704. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  705.  
  706. {block:HasTags}
  707. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  708. {block:RebloggedFrom}
  709. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  710. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  711.  
  712. {/block:RebloggedFrom}
  713. </center></span>
  714. <br>
  715.  
  716.  
  717. <div id="postnotes">{PostNotes}</div><br>
  718.  
  719. <center>{block:ContentSource}
  720. <br><a href="{SourceURL}">
  721. {lang:Source}:
  722. {block:SourceLogo}
  723. <img src="{BlackLogoURL}" width="{LogoWidth}"
  724. height="{LogoHeight}" alt="{SourceTitle}" />
  725. {/block:SourceLogo}
  726. {block:NoSourceLogo}
  727. {SourceLink}
  728. {/block:NoSourceLogo}
  729. </a>
  730. {/block:ContentSource}</center>
  731.  
  732. {/block:PostNotes}
  733. </div>
  734. {/block:Posts}
  735. </div></div>
  736.  
  737. {block:indexpage}
  738. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  739. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  740. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  741. <script type="text/javascript">
  742. $(window).load(function(){
  743. var $wall = $('#posts');
  744. $wall.imagesLoaded(function(){
  745. $wall.masonry({
  746. itemSelector: '#entry, #entry_photo',
  747. isAnimated : false
  748. });
  749. });
  750.  
  751. $wall.infinitescroll({
  752. navSelector : '#page-nav',
  753. nextSelector : '#page-nav a',
  754. itemSelector : '#entry, #entry_photo',
  755. bufferPx : 2000,
  756. debug : false,
  757. errorCallback: function() {
  758. $('#infscr-loading').fadeOut('normal');
  759. }},
  760. function( newElements ) {
  761. var $newElems = $( newElements );
  762. $newElems.hide();
  763. $newElems.imagesLoaded(function(){
  764. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  765. });
  766. }); $('#content').show(500);
  767. });
  768. </script>
  769. {/block:indexpage}
  770.  
  771.  
  772.  
  773. <body onkeydown="return false">
  774. <div class="cred"><div id="star">music</div>
  775. <div id="name"><object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_multi.swf" width="200" height="23">
  776. <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_multi.swf" />
  777. <param name="bgcolor" value="#ffffff" />
  778. <param name="FlashVars" value="mp3=http%3A//a.tumblr.com/tumblr_m8lpsoJUwx1rn1ugio1.mp3%7Chttp%3A//a.tumblr.com/tumblr_m2aaarUiUX1qjia25o1.mp3%7Chttp%3A//fs.tistory.com/attach/1610/1324606613.mp3%7Chttp%3A//mp3.wapos.ru/base/0/c/7/369/wapos3306.mp3%7Chttp%3A//api.ning.com/files/CX8vN6BB-jZrYkjXS40DKucuIrIn0zieDYt2Y*U09*Ues08UgCvwKbGpXJr3KrLe9X6U21Qt0oxiP56uN4M86pmVX0WXmUC3/mGeYjJuBiqmWo3aVo6ZknJmMqKKmgJijoaCci6WBeW-commXoqeKp6GTeoeCnVtcMQ%24%24.mp3%7Chttp%3A//a.tumblr.com/tumblr_m862kuPZWu1qmvfxjo1.mp3%7Chttp%3A//www.metrojolt.com/wp-content/uploads/2011/05/It-Wasnt-Me.mp3&amp;height=23&amp;shuffle=0&amp;bgcolor1=ffffff&amp;bgcolor2=ffffff&amp;slidercolor1=7c95cc&amp;slidercolor2=7c95cc&amp;buttoncolor=7c95cc&amp;showlist=0" />
  779. </object>
  780. <br>
  781. theme by <a href="http://perys.tumblr.com/">perys</a>
  782. </div>
  783. </div>
  784.  
  785.  
  786. </body>
  787.  
  788.  
  789.  
  790.  
  791. </hmtl>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement