API tools faq
paste
Advertisement
Darkpng

Theme 7 by Virioid

Darkpng
Sep 13th, 2014
550
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.19 KB | None | 0 0
raw download clone embed print report
  1. <!------------------------------------------------------------------
  2.  
  3. THIS THEME WAS MAKE BY WATERTHEMES AKA VIRIOID.
  4.  
  5. You may edit this theme as much as you would like but please do NOT claim it as your own, redistribute it or take the credit off. If you do take the credit off please keep it in your faq or somewhere else on your blog. If I find out you breaking any of my rules I will chop you. If you have any questions or concerns about the theme message me on either my theme blog or my main blog, I don't really care. Anyway enjoy!!
  6.  
  7. __ __ _ _ _
  8. \ \ / / | | | | | |
  9. \ \ /\ / /_ _| |_ ___ _ __| |_| |__ ___ _ __ ___ ___ ___
  10. \ \/ \/ / _` | __/ _ \ '__| __| '_ \ / _ \ '_ ` _ \ / _ \/ __|
  11. \ /\ / (_| | || __/ | | |_| | | | __/ | | | | | __/\__ \
  12. \/ \/ \__,_|\__\___|_| \__|_| |_|\___|_| |_| |_|\___||___/
  13. ------------------------------------------------------------------->
  14.  
  15. <html lang="en">
  16. <script type="text/javascript">
  17. <!--
  18.  
  19. // Disable Right Click Script
  20.  
  21. function IE(e)
  22. {
  23. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  24. {
  25. return false;
  26. }
  27. }
  28. function NS(e)
  29. {
  30. if (document.layers || (document.getElementById && !document.all))
  31. {
  32. if (e.which == "2" || e.which == "3")
  33. {
  34. return false;
  35. }
  36. }
  37. }
  38. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  39.  
  40. //-->
  41. </script>
  42.  
  43.  
  44. <meta name="color:Background" content="#fafafa"/>
  45. <meta name="color:Title" content="#78cc6f"/>
  46. <meta name="color:Text" content="#b3b3b3"/>
  47. <meta name="color:Link" content="#ffdbd4"/>
  48. <meta name="color:Hover" content="#56bf4b"/>
  49. <meta name="color:Blogtitle" content="#9ad993"/>
  50. <meta name="color:Permalink" content="#bbe5b7"/>
  51. <meta name="color:Scrollbar" content="#ddf2e8"/>
  52. <meta name="color:Highlighted Text" content="#ddf2db"/>
  53. <meta name="image:Sidebar" content=""/>
  54. <meta name="image:Sidebar Background" content=""/>
  55. <meta name="image:Transparent" content=""/>
  56. <meta name="if:FadedPosts" content"1"/>
  57. <meta name="text:Blogtitle" content=""/>
  58. <meta name="text:Link One" content="" />
  59. <meta name="text:Link Two" content="" />
  60. <meta name="text:Link Three" content="" />
  61. <meta name="text:Link One Title" content="refresh"/>
  62. <meta name="text:Link Two Title" content="inbox"/>
  63. <meta name="text:Link Three Title" content="navigation"/>
  64. </script>
  65.  
  66. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  67. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  68. <script>
  69. (function($){
  70. $(document).ready(function(){
  71. $("[title]").style_my_tooltips();
  72. });
  73. })(jQuery);
  74. </script>
  75.  
  76. <style type="text/css">
  77.  
  78. ::selection {
  79. background:{color:highlighted text};
  80. color: #fff;
  81. }
  82. ::-moz-selection {
  83. background:{color:highlighted text};
  84. color: #fff;
  85. }
  86.  
  87. #s-m-t-tooltip {
  88. background: white;
  89. padding: 4px 7px 4px 8px;
  90. height:8px;
  91. display: block;
  92. text-align: center;
  93. font-size:8px;
  94. font-family:calibri;
  95. line-height:8px;
  96. letter-spacing:1px;
  97. border-radius:0px;
  98. z-index: 9999999999;
  99. border:1px solid #ddd;
  100. color:{color:text};
  101. text-transform:uppercase;
  102. letter-spacing: 1px;
  103. margin: 15px 14px 7px 12px;
  104. }
  105.  
  106. iframe#tumblr_controls{
  107. z-index:9;
  108. opacity:0.5 !important;
  109. -webkit-filter:invert(100%);
  110. top:0px !important;
  111. right:8px !important;
  112. position:fixed!important;
  113. }
  114.  
  115. iframe#tumblr_controls {right:3px !important; position:fixed !important;-webkit-transition:opacity 0.7s linear; opacity:0.2; -webkit-transition: all 0.8s ease-out; -moz-transition:all 0.8s ease-out; transition:all 0.8s ease-out; z-index:99999}
  116.  
  117. iframe#tumblr_controls:hover {-webkit-transition:opacity 0.7s linear; opacity:1.0; -webkit-transition:all 0.4s ease-out; -moz-transition:all 0.4s ease-out; transition: all 0.4s ease-out; z-index:99999;}
  118.  
  119. ::-webkit-scrollbar {
  120. width: 8px;
  121. height: 4px;
  122. background:{color:background};
  123. border-left: 1px solid {color:background};
  124. }
  125.  
  126. ::-webkit-scrollbar-thumb {
  127. background-color:{color:Scrollbar};
  128. border-bottom: 1px solid #fff;
  129. border-radius:0px;
  130. border-top: 1px solid #fff;
  131. border-left: 1px solid #fff;
  132. border-right: 1px solid #fff;
  133. }
  134.  
  135.  
  136. /*--I RECCOMMEND TO NOT TOUCH ANY OF THIS--*/
  137. body, a, a:hover {cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;}
  138.  
  139. body {
  140. padding:0px;
  141. margin:0px;
  142. color:{color:Text};
  143. font-family:calibri;
  144. font-size:10px;
  145. line-height:12px;
  146. text-transform:normal;
  147. background-color:{color:Background};
  148. background-image:url({image:Background});
  149. background-attachment:fixed;
  150. background-repeat:repeat;
  151. cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;}
  152.  
  153. a:link, a:active, a:visited{
  154. color:{color:Link};
  155. text-decoration:none;
  156. -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;}
  157.  
  158. a:hover{
  159. color:{color:Hover};
  160. text-decoration:none;
  161. -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;
  162. cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;}
  163.  
  164.  
  165. /*--I RECCOMMEND TO NOT TOUCH ANY OF THIS--*/
  166. #audio {
  167. width:200px;
  168. height:auto;
  169. min-height:60px;
  170. padding-bottom:0px;
  171. }
  172.  
  173. .cover {
  174. position:absolute;
  175. z-index:1;
  176. width:60px;
  177. height:60px;
  178. }
  179.  
  180. .cover img {
  181. float:left;
  182. width:60px;
  183. height:60px;
  184. }
  185.  
  186. .playbox {
  187. opacity:0.6;
  188. width:27px;
  189. height:30px;
  190. overflow:hidden;
  191. position:absolute;
  192. z-index:1000;
  193. margin-left:17px;
  194. margin-top:17px;
  195. text-align:center;
  196. }
  197.  
  198. .info {
  199. margin-left:73px;
  200. margin-top:4px;
  201. line-height:14px;
  202. }
  203.  
  204. #cunt{width:250px; height:auto;}
  205. {block:PermalinkPage}
  206. width:10px;
  207. {/block:PermalinkPage}
  208. }
  209.  
  210. #center{
  211. padding-top:3px;
  212. padding-bottom:3px;
  213. position:fixed !important;
  214. width:250px;
  215. height:207px;
  216. background-color:#fff;
  217. {block:PermalinkPage}
  218. width:410px;
  219. height:207px;
  220. {/block:PermalinkPage}
  221. }
  222.  
  223. @font-face { font-family: "dawning"; src: url('http://static.tumblr.com/viiafci/Hyzlxws2r/dawningofanewday.ttf'); }
  224.  
  225. @font-face { font-family: "notera"; src: url('http://static.tumblr.com/jwmwfrz/p7Qnbus0p/notera_personaluseonly.ttf'); }
  226.  
  227. @font-face { font-family: "signerica"; src: url('http://static.tumblr.com/jwmwfrz/Wq5n9lryx/signerica_thin.ttf'); }
  228.  
  229. @font-face { font-family: "avenir"; src: url('http://static.tumblr.com/jwmwfrz/DpZn9lr88/avenircondensedhand.ttf'); }
  230.  
  231.  
  232. #posts{
  233. float:center;
  234. {block:indexpage}
  235. width:650px;
  236. {/block:indexpage}
  237. {block:permalinkpage}
  238. width:600px;
  239. {/block:permalinkpage}
  240. margin-left:450px;
  241. margin-top:30px;
  242. z-index:999999999;
  243. }
  244.  
  245. #entry img{
  246. {block:indexpage}
  247. background:#fff;
  248. max-width:250px;
  249. {block:IfFadedPosts}
  250. opacity:0.7;
  251. {/block:IfFadedPosts}
  252. z-index:9999999;
  253. -webkit-transition:all 0.7s ease-out;
  254. -moz-transition:all 0.7s ease-out;
  255. transition:all 0.7s ease-out;
  256. {/block:indexpage}
  257. }
  258.  
  259. #entry img:hover{
  260. {block:IfFadedPosts}
  261. opacity:1;
  262. -webkit-transition:all 0.7s ease-out;
  263. -moz-transition:all 0.7s ease-out;
  264. transition:all 0.7s ease-out;
  265. {/block:IfFadedPosts}
  266. }
  267.  
  268. #entry{
  269. z-index:999;
  270. margin:15px;
  271. float:left;
  272. background:#fff;
  273. font-size:10px;
  274. line-height:13px;
  275. text-transform:normal;
  276. width:250px;
  277. padding:12px;
  278. border:1px solid #eee;
  279. -moz-box-shadow: 0 0 10px #fff;
  280. -webkit-box-shadow: 0 0 10px #fff;
  281. box-shadow:rgba(0,0,0,.07) 5px 5px;
  282. {block:PermalinkPage}
  283. opacity:1;
  284. width:400px;
  285. margin-top:20px;
  286. margin-left:100px;
  287. z-index:999;
  288. border:1px solid {color:border};
  289. {/block:PermalinkPage}
  290. -moz-transition: all 1s ease-out;
  291. -o-transition: all 1s ease-out;
  292. -webkit-transition: all 1s ease-out;
  293. transition: all 1s ease-out;
  294. }
  295.  
  296. #entry .perma{
  297. position:absolute;
  298. width:auto;
  299. height:auto;
  300. background:{color:permalink};
  301. border:1px solid #fff;
  302. margin-top:10px;
  303. margin-left:10px;
  304. padding:6px;
  305. border-radius:0px;
  306. z-index:99999;
  307. opacity:0;
  308. -webkit-transition:opacity 0.7s linear;
  309. -webkit-transition:all 0.7s linear;
  310. -moz-transition:all 0.7s linear;
  311. transition:all 0.7s linear;
  312. }
  313.  
  314. #entry:hover .perma{
  315. opacity:1;
  316. color:{color:hover};
  317. -webkit-transition:opacity 0.7s linear;
  318. -webkit-transition:all 0.7s linear;
  319. -moz-transition:all 0.7s linear;
  320. transition:all 0.7s linear;
  321. }
  322.  
  323. #entry .perma2{
  324. position:absolute;
  325. width:auto;
  326. height:auto;
  327. background:{color:permalink};
  328. border:1px solid #fff;
  329. margin-top:10px;
  330. margin-left:10px;
  331. padding:6px;
  332. border-radius:0px;
  333. z-index:99999;
  334. opacity:0;
  335. -webkit-transition:opacity 0.7s linear;
  336. -webkit-transition:all 0.7s linear;
  337. -moz-transition:all 0.7s linear;
  338. transition:all 0.7s linear;
  339. }
  340.  
  341. #entry:hover .perma2{
  342. opacity:1;
  343. margin-left:35px;
  344. -webkit-transition:opacity 0.7s linear;
  345. -webkit-transition:all 0.7s linear;
  346. -moz-transition:all 0.7s linear;
  347. transition:all 0.7s linear;
  348. }
  349.  
  350. #entry .perma3{
  351. position:absolute;
  352. width:auto;
  353. height:auto;
  354. background:{color:permalink};
  355. border:1px solid #fff;
  356. margin-top:10px;
  357. margin-left:10px;
  358. padding:6px;
  359. border-radius:0px;
  360. z-index:99999;
  361. opacity:0;
  362. -webkit-transition:opacity 0.7s linear;
  363. -webkit-transition:all 0.7s linear;
  364. -moz-transition:all 0.7s linear;
  365. transition:all 0.7s linear;
  366. }
  367.  
  368. #entry:hover .perma3{
  369. opacity:1;
  370. margin-left:60px;
  371. -webkit-transition: all 0.7s linear;
  372. -webkit-transition: all 0.7s linear;
  373. -moz-transition: all 0.7 linear;
  374. transition: all 0.7s linear;
  375. }
  376.  
  377. .permalinktext{
  378. display:block;
  379. text-align:center;
  380. text-decoration:none;
  381. padding-top:5px;
  382. background:{color:permalink};
  383. padding:2px;
  384. color:#fff;
  385. font-size:9px;
  386. text-align:left;
  387. }
  388.  
  389. .title{
  390. line-height:12px;
  391. font-size:17px;
  392. color:{color:Title};
  393. font-family:calibri;
  394. font-weight:thin;
  395. text-transform:uppercase;
  396. }
  397.  
  398. #blogtitle{
  399. position: fixed !important;
  400. text-align:left;
  401. width:250px;
  402. margin-top:128px;
  403. margin-left:165px;
  404. color:{color:blogtitle};
  405. font-family:Rage;
  406. font-size:40px;
  407. line-height:10px;
  408. z-index:999999999;
  409. }
  410.  
  411. #sidebar{
  412. position:fixed;
  413. width:auto;
  414. height:auto;
  415. margin-top:140px;
  416. margin-left:160px;
  417. padding:12px;
  418. background-color:#fff;
  419. border:1px solid #ddd;
  420. z-index:9999999;
  421. }
  422.  
  423. #desc{
  424. position:fixed !important;
  425. background:#fff;
  426. color:{color:text};
  427. background:white;
  428. margin-top:120px;
  429. margin-left:-16px;
  430. font-size:11px;
  431. line-height:13px;
  432. font-family:calibri;
  433. border:1px solid #ddd;
  434. text-align:justify;
  435. z-index:9999999999;
  436. padding-bottom:10px;
  437. opacity:0;
  438. -webkit-transition: all .7s ease-in-out;
  439. -moz-transition: all .7s ease-in-out;
  440. -o-transition: all .7s ease-in-out;
  441. }
  442.  
  443. #sidebar:hover #desc{
  444. opacity:1;
  445. -webkit-transition: all 0.7s linear;
  446. -webkit-transition: all 0.7s linear;
  447. -moz-transition: all 0.7 linear;
  448. transition: all 0.7s linear;
  449. }
  450.  
  451. #link1{
  452. position:fixed!important;
  453. margin-left:200px;
  454. margin-top:10px;
  455. z-index:9999;
  456. -webkit-transition: all .7s ease-in-out;
  457. -moz-transition: all .7s ease-in-out;
  458. -o-transition: all .7s ease-in-out;
  459. }
  460.  
  461. #link1 a{
  462. opacity:1;
  463. width:15px;
  464. height:15px;
  465. display:inline-block;
  466. font-size:10px;
  467. text-align:justify;
  468. background:#fff;
  469. padding-top:5px;
  470. padding-bottom:3px;
  471. padding-left:5px;
  472. padding-right:5px;
  473. border: 1px solid #ddd;
  474. border-radius:0px;
  475. font-family:consolas;
  476. box-shadow:rgba(0,0,0,.05) 3px 3px;
  477. z-index:9;
  478. -webkit-transition: all .7s ease-in-out;
  479. -moz-transition: all .7s ease-in-out;
  480. -o-transition: all .7s ease-in-out;
  481. }
  482.  
  483. #sidebar:hover #link1 a:hover{
  484. opacity:1;
  485. margin-left:0px;
  486. width:20px;
  487. padding-left:10px;
  488. -webkit-transition: all .7s ease-in-out;
  489. -moz-transition: all .7s ease-in-out;
  490. -o-transition: all .7s ease-in-out;
  491. }
  492.  
  493. #link2{
  494. position:fixed!important;
  495. margin-left:200px;
  496. margin-top:40px;
  497. z-index:9999;
  498. -webkit-transition: all .7s ease-in-out;
  499. -moz-transition: all .7s ease-in-out;
  500. -o-transition: all .7s ease-in-out;
  501. }
  502.  
  503. #link2 a{
  504. opacity:1;
  505. width:15px;
  506. height:15px;
  507. display:inline-block;
  508. font-size:10px;
  509. text-align:justify;
  510. background:#fff;
  511. padding-top:7px;
  512. padding-bottom:3=1px;
  513. padding-left:6px;
  514. padding-right:4px;
  515. border: 1px solid #ddd;
  516. border-radius:0px;
  517. font-family:consolas;
  518. box-shadow:rgba(0,0,0,.05) 3px 3px;
  519. z-index:9;
  520. -webkit-transition: all .7s ease-in-out;
  521. -moz-transition: all .7s ease-in-out;
  522. -o-transition: all .7s ease-in-out;
  523. }
  524.  
  525. #sidebar:hover #link2 a:hover{
  526. opacity:1;
  527. margin-left:0px;
  528. width:20px;
  529. padding-left:12px;
  530. -webkit-transition: all .7s ease-in-out;
  531. -moz-transition: all .7s ease-in-out;
  532. -o-transition: all .7s ease-in-out;
  533. }
  534.  
  535. #link3{
  536. position:fixed!important;
  537. margin-left:200px;
  538. margin-top:70px;
  539. z-index:9999;
  540. -webkit-transition: all .7s ease-in-out;
  541. -moz-transition: all .7s ease-in-out;
  542. -o-transition: all .7s ease-in-out;
  543. }
  544.  
  545. #link3 a{
  546. opacity:1;
  547. width:15px;
  548. height:15px;
  549. display:inline-block;
  550. font-size:10px;
  551. text-align:justify;
  552. background:#fff;
  553. padding-top:6px;
  554. padding-bottom:2px;
  555. padding-left:6px;
  556. padding-right:4px;
  557. border: 1px solid #ddd;
  558. border-radius:0px;
  559. font-family:consolas;
  560. box-shadow:rgba(0,0,0,.05) 3px 3px;
  561. z-index:9;
  562. -webkit-transition: all .7s ease-in-out;
  563. -moz-transition: all .7s ease-in-out;
  564. -o-transition: all .7s ease-in-out;
  565. }
  566.  
  567. #sidebar:hover #link3 a:hover{
  568. opacity:1;
  569. margin-left:0px;
  570. width:20px;
  571. padding-left:14px;
  572. -webkit-transition: all .7s ease-in-out;
  573. -moz-transition: all .7s ease-in-out;
  574. -o-transition: all .7s ease-in-out;
  575. }
  576.  
  577. #credits{
  578. width:auto;
  579. position:fixed;
  580. color:{color:text};
  581. bottom:75px;
  582. left:-2px;
  583. }
  584.  
  585. #credits a{
  586. position:fixed;
  587. font-size:12px;
  588. font-family:arial;
  589. line-height:12px;
  590. text-align:center;
  591. width:2px;
  592. height:10px;
  593. margin-top:33px;
  594. margin-left:0px;
  595. padding:5px;
  596. padding-right:10px;
  597. background:#fff;
  598. opacity:1;
  599. border:1px solid #ddd;
  600. }
  601.  
  602. .triangle{
  603. position:absolute;
  604. width: 0px;
  605. height: 0px;
  606. margin-left:48px;
  607. margin-top:11px;
  608. border-top: 12px solid transparent;
  609. border-bottom: 12px solid transparent;
  610. border-right: 12px solid #ddd;
  611. }
  612.  
  613. /*--I RECCOMMEND TO NOT TOUCH ANY OF THIS--*/
  614. #infscr-loading{
  615. bottom: -70px;
  616. position: absolute;
  617. left: 50%;
  618. margin-left:-8px;
  619. width:16px;
  620. height:11px;
  621. overflow:hidden;
  622. margin-bottom: 50px;
  623. }
  624.  
  625. #postnotes{
  626. text-align: justify;}
  627.  
  628. #postnotes blockquote{
  629. border: 0px;}
  630.  
  631. blockquote{
  632. padding:0px 0px 2px 5px;
  633. margin:0px 0px 2px 10px;
  634. border-left: 1px dotted #eee;
  635. }
  636.  
  637. blockquote p, ul{
  638. margin:0px;
  639. padding:0px;
  640. }
  641.  
  642. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  643. .user_7 .label, .user_8 .label, .user_9 .label {color:Title};}
  644. </style>
  645.  
  646.  
  647. <title>{Title}</title>
  648.  
  649. <link rel="shortcut icon" href="{favicon}">
  650.  
  651. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  652. <meta name="viewport" content="width=720" />
  653.  
  654. </head>
  655.  
  656. <body>
  657.  
  658. <img style="position:fixed; opacity: 1; width: 210px; height: 210px; TOP:190px; LEFT:135px; z-index:9; padding:5px; border:1px solid #ddd; background:#fff;" src="{image:sidebar background}"></div>
  659.  
  660. <img style="position:fixed; opacity: 1; width: 350px; height:auto; TOP:425px; LEFT:1100px; z-index:9;" src="{image:transparent}">
  661.  
  662. <div id="center">
  663. <div id="content">
  664.  
  665. <div id="blogtitle">{text:blogtitle}</div>
  666.  
  667. <div id="sidebar">
  668.  
  669. <div id="desc">
  670. <div style="overflow:auto; width: 194px; height: 35px; color:{color:text}; line-height: 11px; font-size:11px; border-radius:15px; padding-left: 12px; padding-right: 12px; padding-top:7px;font-family: calibri; text-align: justify;">{description}
  671. </div></div>
  672.  
  673. <div id="link1">
  674. <a href="{text:Link One}" title="{text:Link One Title}"><img src="https://cdn4.iconfinder.com/data/icons/ionicons/512/icon-ios7-refresh-empty-16.png" style= "opacity:.3;"></a></div>
  675.  
  676. <div id="link2">
  677. <a href="{text:Link Two}" title="{text:Link Two Title}"><img src="http://static.tumblr.com/jwmwfrz/uWnnbuwvn/list-unordered-16.png" style= "opacity:.3;"></a></div>
  678.  
  679. <div id="link3">
  680. <a href="{text:Link Three}" title="{text:Link Three Title}"><img src="http://static.tumblr.com/jwmwfrz/thWnbux9n/basics-15-16.png" style= "opacity:.3;"></a></div>
  681.  
  682. <img src="{image:sidebar}" style="border:1px solid #ddd; padding:10px; opacity:1; width:166px; height:166px; margin-top:0px; background: #fff;"></div>
  683.  
  684. <div id="posts">
  685. {block:Posts}
  686. <div id="entry">
  687.  
  688. {block:Text}
  689. {block:Title}<span class="title">{Title}</span>{/block:Title}
  690. <span class="entrytext">{Body}</span></a>
  691. {block:IndexPage}<br>
  692. <div class="permalinktext">
  693. {DayOfMonth}, {ShortMonth} with <a href="{permalink}"><font color="#fff">{notecount} notes</font></a></div>{/block:IndexPage}
  694. {/block:Text}
  695.  
  696. {block:Link}
  697. <a href="{URL}" class="title">{Name}</a>
  698. {block:Description}{Description}{/block:Description}
  699. {block:IndexPage}<br>
  700. <div class="permalinktext">
  701. {Month} {DayOfMonth} with <a href="{permalink}"><font color="#fff">{notecount} notes</font></a>
  702. </div>
  703. {/block:IndexPage}
  704. {block:Link}
  705.  
  706. {block:Photo}
  707. {block:IndexPage}
  708. <center>
  709. <a href="{Permalink}" target="_blank" title="Posted {timeago}"> <div class="perma"></div></a>
  710. <a href="{Permalink}" target="_blank" title="{notecount} notes"> <div class="perma2"></div></a>
  711. <a href="{ReblogURL}" target="_blank" title="Reblog this post"> <div class="perma3"></div></a>{/block:IndexPage}
  712.  
  713. {block:IndexPage}
  714. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=250px;>
  715. {/block:IndexPage}
  716. {block:permalinkpage}{LinkOpenTag}<center>
  717. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=360px;/>
  718. {LinkCloseTag}</center>{/block:permalinkpage}
  719. {/block:Photo}
  720.  
  721. {block:Quote}
  722. <div class="quote">❝ {quote}</div>
  723. {block:IndexPage}<br>
  724. <div class="permalinktext">
  725. {DayOfMonth}, {ShortMonth} with <a href="{permalink}"><font color="#fff">{notecount} notes</font></a></div>{/block:IndexPage}
  726. {/block:Quote}
  727.  
  728. {block:Chat}
  729. {block:Title}<span class="title">{Title}</span>{/block:Title}
  730. <ul class="chat">
  731. {block:Lines}
  732. <li class="user_{UserNumber}">
  733. {block:Label}
  734. <span class="label">{Label}</span>
  735. {/block:Label}
  736.  
  737. {Line}<br>
  738. {/block:Lines}
  739. {block:IndexPage}<br>
  740. <div class="permalinktext">
  741. {DayOfMonth}, {ShortMonth} with <a href="{permalink}"><font color="#fff">{notecount} notes</font></a></div>{/block:IndexPage}
  742. {/block:Chat}
  743.  
  744. {block:Audio}
  745. <div id="audio"><div class="cover"><img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>{block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="playbox">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div><div class="info"><b>Artist:</b> <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br><b>Title:</b> <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br><b>Album:</b> <span{block:Album} style="display:none;"{/block:Album}>Lovers</span>{block:Album}{Album}{/block:Album}{block:PlayCount}<br><b>Touch:</b> {FormattedPlayCount}{/block:PlayCount}</div></div>
  746. {block:IndexPage}<br>
  747. <div class="permalinktext">
  748. <center> <font color="#fff">{DayOfMonth}, {ShortMonth} with</font> <a href="{permalink}"><font color="#fff">{notecount} notes</font></a></center></div>{/block:IndexPage}
  749. {/block:Audio}
  750.  
  751. {block:Video}
  752. <center>{block:IndexPage}
  753. <a href="{Permalink}" target="_blank" title="Posted {timeago}"> <div class="perma"></div></a>
  754. <a href="{Permalink}" target="_blank" title="{notecount} notes"> <div class="perma2"></div></a>
  755. <a href="{ReblogURL}" target="_blank" title="reblog this post" > <div class="perma3"></div></a>
  756. <div style="width:250px; overflow-x:hidden; overflow-y:hidden;">{Video-250}</div>{/block:IndexPage}</center><div></div>
  757. <center>{block:PermalinkPage}<div style="width: 500px; overflow-x:hidden; overflow-y:hidden">{Video-500}{/block:PermalinkPage}</center><div></div>
  758. {block:Video}
  759.  
  760. {block:Answer}
  761. <div style="border:1px solid #eee; margin:3px; margin-top:0px; min-height:30px; width:190px; padding:3px; margin-left:50px; background:#f8f8f8">
  762. <img src="{AskerPortraitURL-30}" width="30" align="left"
  763. style="margin-right:4px; max width:30px; margin-top:-10px; margin-left:-55px; border:1px solid #ddd; border-radius:0px; padding:7px; background:#fff; box-shadow:0px 2px 6px rgba(0, 0, 0, 0.06); -moz-box-shadow:0px 2px 6px rgba(0, 0, 0, 0.06); -webkit-box-shadow:0px 2px 6px rgba(0, 0, 0, 0.06)">
  764. <askk>{Asker}</askk>: {Question}</div>
  765. <div style="font-family:calibri; font-size:10px">{Answer}</div>
  766. <div class="permalinktext">
  767. {DayOfMonth}, {ShortMonth} with <a href="{permalink}"><font color="#fff">{notecount} notes</font></a></div>
  768. {/block:Answer}
  769.  
  770. {block:PermalinkPage}
  771. <center><br>
  772. {block:caption}{caption}{/block:caption}{block:Date}posted <u>{DayOfWeek}</u>{/block:Date} {block:NoteCount}with {NoteCount} notes<br>{/block:NoteCount}
  773. {block:RebloggedFrom}<b>source:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> | <b>of:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br>{/block:RebloggedFrom}
  774. {block:NoteCount} <div style="text-align:center; margin:5px"></div>{/block:NoteCount}</center>
  775. {/block:PermalinkPage}
  776. {block:PostNotes}
  777. <div id="postnotes">{PostNotes}</div>
  778. {/block:PostNotes}</div>{/block:Posts}
  779. </div></div>
  780.  
  781. {block:indexpage}
  782. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  783. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  784. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  785. <script type="text/javascript">
  786. $(window).load(function(){
  787. var $wall = $('#posts');
  788. $wall.imagesLoaded(function(){
  789. $wall.masonry({
  790. itemSelector: '#entry, #entry_photo',
  791. isAnimated : false
  792. });
  793. });
  794.  
  795. $wall.infinitescroll({
  796. navSelector : '#page-nav',
  797. nextSelector : '#page-nav a',
  798. itemSelector : '#entry, #entry_photo',
  799. bufferPx : 2000,
  800. debug : false,
  801. errorCallback: function() {
  802. $('#infscr-loading').fadeOut('normal');
  803. }},
  804. function( newElements ) {
  805. var $newElems = $( newElements );
  806. $newElems.hide();
  807. $newElems.imagesLoaded(function(){
  808. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  809. });
  810. }); $('#content').show(500);
  811. });
  812. </script>
  813. {/block:indexpage}
  814.  
  815. <body onkeydown="return false">
  816. </body>
  817.  
  818. <div id="credits"><div id="credits a"><a href="http://virioid.tumblr.com/" title="Theme made by virioid"><div style="z-index:999; color:{color:text}">♥</div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!