Advertisement
planthed

Drag me down

Aug 29th, 2015
681
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.87 KB | None | 0 0
  1. <!--
  2.  
  3. ✧* 。♡ theme made by tumblr user @planthed ♡ 。*✧
  4.  
  5. theme blog: @themekid
  6.  
  7. -->
  8.  
  9. <html lang="en">
  10.  
  11.  
  12. <link rel="stylesheet" type="text/css" href="http://assets.tumblr.com/fonts/avalon/stylesheet.css?v=1">
  13. <script type="text/javascript">
  14. WebFontConfig = {
  15. google: { families: [ 'Allura::latin', 'Roboto:100:latin', 'Dancing+Script::latin', 'Pinyon+Script::latin', 'Allura::latin', 'Ruthie::latin', 'Noto+Sans:400,400italic:latin', 'Libre+Baskerville:400,400italic:latin', 'Satisfy::latin', 'Dawning+of+a+New+Day::latin','Dosis::latin', 'Raleway:200:latin', 'Parisienne::latin', 'Great+Vibes::latin', 'Clicker+Script::latin' ] }
  16. };
  17. (function() {
  18. var wf = document.createElement('script');
  19. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  20. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  21. wf.type = 'text/javascript';
  22. wf.async = 'true';
  23. var s = document.getElementsByTagName('script')[0];
  24. s.parentNode.insertBefore(wf, s);
  25. })(); </script>
  26.  
  27.  
  28.  
  29. <script type="text/javascript">
  30. <!--
  31.  
  32. // Disable Right Click Script
  33.  
  34. function IE(e)
  35. {
  36. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  37. {
  38. return false;
  39. }
  40. }
  41. function NS(e)
  42. {
  43. if (document.layers || (document.getElementById && !document.all))
  44. {
  45. if (e.which == "2" || e.which == "3")
  46. {
  47. return false;
  48. }
  49. }
  50. }
  51. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  52.  
  53. //-->
  54. </script>
  55. <meta name="color:Background" content="#fbfbfb"/>
  56. <meta name="color:Text" content="#999999"/>
  57. <meta name="color:Link" content="#bfe4a8"/>
  58. <meta name="color:Hover Link" content="#9fbe8c"/>
  59. <meta name="image:Background" content=""/>
  60. <meta name="image:Sidebar" content=""/>
  61. <meta name="text:blogtitle" content="drag me down"/>
  62. <meta name="if:border posts" content="1" />
  63. <meta name="if:box shadow" content="1" />
  64. <meta name="if:faded posts" content="1" />
  65. <meta name="if:circular sidebar" content="0" />
  66. <meta name="if:sidebar left" content="0"/>
  67. <meta name="if:hover links" content="0"/>
  68. <meta name="if:text shadow" content="0" />
  69. <meta name="if:outline sidebar image" content="1" />
  70. <meta name="if:outline posts" content="1" />
  71. <meta name="if:inverted sidebar" content="0" />
  72. <meta name="if:hover title" content="0" />
  73. <meta name="if:description option 2" content="1" />
  74. <meta name="text:title font size" content="40" />
  75. <meta name="text:Link 1" content="/" />
  76. <meta name="text:Link 2" content="/ask" />
  77. <meta name="text:Link 3" content="/" />
  78. <meta name="text:Link 4" content="/" />
  79. <meta name="text:Link 5" content="/" />
  80. <meta name="text:Link 1 Title" content="home" />
  81. <meta name="text:Link 2 Title" content="message"/>
  82. <meta name="text:Link 3 Title" content="more" />
  83. <meta name="text:Link 4 Title" content="favorites" />
  84. <meta name="text:Link 5 Title" content="archive" />
  85. <meta name="select:title font" content="raleway" title="font 1"/>
  86. <meta name="select:title font" content="Arial" title="font 2"/>
  87. <meta name="select:title font" content="roboto" title="font 3"/>
  88. <meta name="select:title font" content="dancing script" title="font 4"/>
  89. <meta name="select:title font" content="Edwardian Script ITC" title="font 5"/>
  90. <meta name="select:title font" content="Parisienne" title="font 6"/>
  91. <meta name="select:title font" content="satisfy" title="font 7"/>
  92. <meta name="select:title font" content="Avalon, sans-serif" title="font 8"/>
  93.  
  94.  
  95.  
  96.  
  97. </script>
  98.  
  99. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  100. <script src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  101. <script>
  102. (function($){$(document)
  103. .ready(function(){$("[title]")
  104. .style_my_tooltips();});})
  105. (jQuery);
  106. </script>
  107.  
  108. <script src="http://static.tumblr.com/kjtbii3/44Nmyhtju/slidetoggle.js">
  109. </script>
  110.  
  111. <style type="text/css">
  112.  
  113.  
  114.  
  115. #s-m-t-tooltip{
  116. max-width:300px;
  117. padding:5px;
  118. margin-left: 20px;
  119. margin-top: 2px;
  120. background:{color:link};
  121. border: 1px solid {color:link};
  122. text-transform:uppercase;
  123. font-family:calibri;
  124. font-size:10px;
  125. color:#fff;
  126. letter-spacing:1px;
  127. z-index:99999999;
  128. {block:ifboxshadow}
  129. box-shadow:rgba(0,0,0,.02) 6px 6px;
  130. {/block:ifboxshadow}
  131. }
  132.  
  133.  
  134.  
  135. #tumblr_controls, .tmblr-iframe{ z-index:999999999999999999!important; -webkit-filter:invert(100%); -moz-filter:invert(100%); -o-filter:invert(100%); -ms-filter:invert(100%); filter:invert(100%); position:fixed!important; top:0px!important; right:0px!important; opacity:.5;
  136. -webkit-transition:all 0.6s ease-out;-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}
  137.  
  138. #tumblr_controls, .tmblr-iframe:hover{
  139. opacity:.9;webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;
  140. -webkit-transition:all 0.6s ease-out;-webkit-filter:invert(80%); -moz-filter:invert(80%); -o-filter:invert(80%); -ms-filter:invert(80%); filter:invert(80%);
  141. }
  142.  
  143.  
  144. ::-webkit-scrollbar {width: 10px; height: 2px; background:transparent; border:4px solid transparent; }
  145.  
  146. ::-webkit-scrollbar-thumb { background-color:{color:link}; border-bottom: 3px solid {color:background}; border-radius:0px; border-top: 3px solid {color:background}; border-left: 3px solid {color:background}; border-right: 3px solid {color:background}; }
  147.  
  148. body, a, a:hover {cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;}
  149.  
  150.  
  151. body {
  152. padding:0px;
  153. margin:0px;
  154. color:{color:Text};
  155. font-family:calibri;
  156. font-size:10px;
  157. line-height:12px;
  158. text-transform:normal;
  159. background-color:{color:Background};
  160. background-image:url({image:Background});
  161. background-attachment:fixed;
  162. background-repeat:repeat;
  163. cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;}
  164.  
  165. a:link, a:active, a:visited{
  166. color:{color:Link};
  167. text-decoration:none;
  168. -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;}
  169.  
  170. a:hover{
  171. color:#aaa;
  172. -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;cursor: url(https://31.media.tumblr.com/fbf95db7e1a57a5f78f13ef8043481e7/tumblr_inline_n0qqzoPxCU1rugs40.png), auto;
  173. }
  174.  
  175. #audio {
  176. width:200px;
  177. height:auto;
  178. min-height:60px;
  179. padding-bottom:0px;
  180. }
  181.  
  182. .cover {
  183. position:absolute;
  184. z-index:1;
  185. width:50px;
  186. height:50px;
  187. }
  188.  
  189. .cover img {
  190. float:left;
  191. width:50px;
  192. height:50px;
  193. }
  194.  
  195. .playbox {
  196. opacity:0.6;
  197. width:27px;
  198. height:30px;
  199. overflow:hidden;
  200. position:absolute;
  201. z-index:1000;
  202. margin-left:17px;
  203. margin-top:17px;
  204. text-align:center;
  205. }
  206.  
  207. .info {
  208. margin-left:77px;
  209. margin-top:4px;
  210. line-height:14px;
  211. }
  212.  
  213. #cunt{width:250px; height:auto;}
  214. {block:PermalinkPage}
  215. width:10px;
  216. {/block:PermalinkPage}
  217. }
  218.  
  219. #center{
  220. padding-top:3px;
  221. padding-bottom:3px;
  222. position:fixed !important;
  223. width:250px;
  224. height:207px;
  225. background-color:#fff;
  226. {block:PermalinkPage}
  227. width:410px;
  228. height:207px;
  229. {/block:PermalinkPage}
  230. }
  231.  
  232. #posts{
  233. margin-left:90px;
  234. {block:ifborderposts}
  235. border-right:35px solid {color:link};
  236. border-left:35px solid {color:link};
  237. {/block:ifborderposts}
  238. height:100%;
  239. float:center;
  240. {block:indexpage}
  241. width:660px;
  242. {/block:indexpage}
  243. {block:permalinkpage}
  244. width:660px;
  245. border-right:35px solid {color:link};
  246. border-left:35px solid {color:link};
  247. height:900px;
  248. {/block:permalinkpage}
  249. {block:ifsidebarleft}
  250. margin-left:480px;
  251. {/block:ifsidebarleft}
  252. margin-top:30px;
  253. padding-left:10px;
  254. padding-top:10px;
  255. z-index:999;
  256. }
  257.  
  258. #entry img{
  259. {block:ifoutlineposts}
  260. outline:1px solid #fff;
  261. outline-offset:-7px;
  262. {/block:ifoutlineposts}
  263. {block:indexpage}
  264. max-width:100%;
  265. z-index:999;
  266. -webkit-transition:all 0.7s ease-out;
  267. -moz-transition:all 0.7s ease-out;
  268. transition:all 0.7s ease-out;
  269. {/block:indexpage}
  270. }
  271.  
  272. #entry{
  273. {block:ifboxshadow}
  274. box-shadow:rgba(0,0,0,.02) 10px 10px;
  275. {/block:ifboxshadow}
  276. z-index:999;
  277. margin:15px;
  278. float:left;
  279. margin-left:15px;
  280. border:1px solid #eee;
  281. background:#fff;
  282. font-size:9px;
  283. letter-spacing:1px;
  284. font-family:calibri;
  285. line-height:17px;
  286. text-transform:uppercase;
  287. width:250px;
  288. padding:20px;
  289. {block:PermalinkPage}
  290. width:570px;
  291. z-index:999;
  292. {/block:PermalinkPage}
  293. }
  294.  
  295. .lovely{
  296. position:absolute;
  297. width:250px;
  298. height:92%;
  299. opacity:0.3;
  300. background:#fff;
  301. z-index:3;
  302. -webkit-transition: all 0.3s linear;
  303. -webkit-transition: all 0.3s linear;
  304. -moz-transition: all 0.3s linear;
  305. transition: all 0.3s linear;
  306. }
  307.  
  308. #entry:hover .lovely{
  309. opacity:0.0;
  310. width:0px;
  311. -webkit-transition: all 0.3s linear;
  312. -webkit-transition: all 0.3s linear;
  313. -moz-transition: all 0.3s linear;
  314. transition: all 0.3s linear;
  315. }
  316.  
  317. #entry .perm1{
  318. padding:7px;
  319. width:20px;
  320. height:20px;
  321. margin-top:15px;
  322. margin-left:15px;
  323. opacity:0;
  324. background:{color:link};
  325. position:absolute;
  326. z-index:99999;
  327. overflow:hidden;
  328. -webkit-transform: scale(0);
  329. -webkit-transition: all .9s ease;
  330. -moz-transition: all .9s ease;
  331. -o-transition: all .9s ease;
  332. transition: all .9s ease;
  333. }
  334.  
  335. #entry:hover .perm1{
  336. opacity:1;
  337. overflow:visible;
  338. -webkit-transform: scale(1);
  339. }
  340.  
  341. #entry .perm2{
  342. padding:7px;
  343. width:20px;
  344. height:20px;
  345. margin-top:15px;
  346. margin-left:60px;
  347. opacity:0;
  348. background:{color:link};
  349. position:absolute;
  350. z-index:99999;
  351. overflow:hidden;
  352. -webkit-transform: scale(0);
  353. -webkit-transition: all .9s ease;
  354. -moz-transition: all .9s ease;
  355. -o-transition: all .9s ease;
  356. transition: all .9s ease;
  357. }
  358.  
  359. #entry:hover .perm2{
  360. overflow:visible;
  361. opacity:1;
  362. -webkit-transform: scale(1);
  363. }
  364.  
  365.  
  366.  
  367. #entry .perm3{
  368. padding:7px;
  369. width:20px;
  370. height:20px;
  371. margin-top:15px;
  372. margin-left:105px;
  373. opacity:0;
  374. background:{color:link};
  375. position:absolute;
  376. z-index:99999;
  377. overflow:hidden;
  378. -webkit-transform: scale(0);
  379. -webkit-transition: all .9s ease;
  380. -moz-transition: all .9s ease;
  381. -o-transition: all .9s ease;
  382. transition: all .9s ease;
  383. }
  384.  
  385. #entry:hover .perm3{
  386. overflow:visible;
  387. opacity:1;
  388. -webkit-transform: scale(1);
  389. }
  390.  
  391.  
  392. .permalinktext a{
  393. color:white;
  394. border-bottom:0px solid transparent;
  395. }
  396. .permalinktext{
  397. display:block;
  398. text-align:right;
  399. text-decoration:none;
  400. margin-top:5px;
  401. font-size:8px;
  402. letter-spacing:1px;
  403. padding-top:2px;font-family:calibri;
  404. text-transform:uppercase;
  405. background:{color:link};
  406. color:#fff;
  407. padding:4px;
  408. }
  409.  
  410.  
  411.  
  412. #postnotes{
  413. background:{color:background};
  414. overflow:scroll;
  415. border:1px solid #eee;
  416. height:170px;
  417. font-size:8px;
  418. line-height:20px;
  419. padding:8px;
  420. }
  421.  
  422. #postnotes uote{
  423. border:0px;}
  424.  
  425. uote{
  426. padding:2px;
  427. padding-left:5px;
  428. margin:5px 5px 5px 5px;
  429. border-left:1px solid #fff;
  430. }
  431.  
  432. ol.notes li.note img.avatar {
  433. width:15px;
  434. display:inline;
  435. position:relative;
  436. list-style-type:none;
  437. display:none;
  438. }
  439.  
  440. .title{
  441. font-family:Raleway;
  442. font-size:18px;
  443. line-height:15px;
  444. text-transform:uppercase;
  445. letter-spacing:1px;
  446. color:{color:link};
  447. }
  448.  
  449.  
  450. blockquote a{
  451. color:white;
  452. border-bottom:0px solid transparent;
  453. }
  454.  
  455. blockquote{
  456. background:{color:background};
  457. padding:10px;
  458. border:1px solid #eee;
  459. letter-spacing:2px;
  460. font-size:8px;
  461. width:100%;
  462. margin:0px 0px 2px 1px;
  463. }
  464.  
  465.  
  466. ul, ol, li{
  467. list-style:none;
  468. margin:0px;
  469. padding:0px;
  470. }
  471.  
  472.  
  473. #titulo{
  474. text-transform:none;
  475. position:fixed;
  476. {block:iftextshadow}
  477. text-shadow: 4px 4px #eee;
  478. {/block:iftextshadow}
  479. font-size:{text:title font size}px;
  480. {block:ifhovertitle}
  481. margin-top:-80px;
  482. opacity:0;
  483. {/block:ifhovertitle}
  484. {block:ifNOThovertitle}
  485. margin-top:-63px;
  486. opacity:1;
  487. {/block:ifNOThovertitle}
  488. font-family:{select:title font};
  489. letter-spacing:2px;
  490. text-align:center;
  491. color:{color:link};
  492. margin-left:-30px;
  493. z-index:999999999;
  494. -webkit-transition:All 0.5s ease-in-out;
  495. -moz-transition:All 0.5s ease-in-out;
  496. -ms-transition:All 0.5s ease-in-out;
  497. -o-transition:All 0.5s ease-in-out;
  498. transition:All 0.5s ease-in-out;
  499.  
  500. }
  501.  
  502. #sidebar:hover #titulo{
  503. {block:ifhovertitle}
  504. margin-top:-63px;
  505. opacity:1;
  506. {/block:ifhovertitle}
  507. -webkit-transition:All 0.5s ease-in-out;
  508. -moz-transition:All 0.5s ease-in-out;
  509. -ms-transition:All 0.5s ease-in-out;
  510. -o-transition:All 0.5s ease-in-out;
  511. transition:All 0.5s ease-in-out;
  512.  
  513. }
  514.  
  515. #sidebar{
  516. position:fixed !important;
  517. width:170px;
  518. height:170px;
  519. padding:30px;
  520. z-index:999;
  521. {block:ifsidebarleft}
  522. margin-left:100px;
  523. {/block:ifsidebarleft}
  524. margin-top:120px;
  525. {block:ifNOTsidebarleft}
  526. margin-left:900px;
  527. {/block:ifNOTsidebarleft}
  528. line-height:10px;
  529. font-size:8px;
  530. font-family:calibri;
  531. background-color:{color:link};
  532. letter-spacing:1px;
  533. opacity:1;
  534. text-transform:uppercase;
  535. text-align:left;
  536. {block:ifboxshadow}
  537. box-shadow:rgba(0,0,0,.02) 13px 13px;
  538. {/block:ifboxshadow}
  539. -o-transition-transition: all 0.9s ease;
  540. -webkit-transition: all 0.9s ease;
  541. -moz-transition: all 0.9s ease;
  542. transition: all 0.9s ease;
  543. {block:ifcircularsidebar}
  544. border-radius:100%;
  545. {/block:ifcircularsidebar}
  546. }
  547.  
  548. #sidebar:hover{
  549. border-radius:0px;
  550. }
  551.  
  552. .foto img{
  553. {block:ifoutlinesidebarimage}
  554. outline:1px solid #fff;
  555. {/block:ifoutlinesidebarimage}
  556. outline-offset:-10px;
  557. {block:ifinvertedsidebar}
  558. -webkit-filter: grayscale(100%);
  559. {/block:ifinvertedsidebar}
  560. width:170px;
  561. height:170px;
  562. -o-transition-transition: all 0.9s ease;
  563. -webkit-transition: all 0.9s ease;
  564. -moz-transition: all 0.9s ease;
  565. transition: all 0.9s ease;
  566. {block:ifcircularsidebar}
  567. border-radius:100%;
  568. outline:0px solid #fff;
  569. {/block:ifcircularsidebar}
  570. }
  571.  
  572. #sidebar:hover .foto img{
  573. border-radius:0px;
  574. }
  575.  
  576. #desc{
  577. position:fixed;
  578. width:130px;
  579. height:131px;
  580. overflow:scroll;
  581. margin-left:10px;
  582. margin-top:-163px;
  583. background:white;
  584. text-align:left;
  585. letter-spacing:2px;
  586. color:#555;
  587. opacity:0;
  588. padding:10px;
  589. font-size:8px;
  590. font-family:calibri;
  591. line-height:14px;
  592. -o-transition-transition: all 0.9s ease;
  593. -webkit-transition: all 0.9s ease;
  594. -moz-transition: all 0.9s ease;
  595. transition: all 0.9s ease;
  596. -moz-transform: scale(0.0);
  597. -webkit-transform: scale(0.0);
  598. transform: scale(0.0);
  599. }
  600.  
  601. #sidebar:hover #desc{
  602. opacity:.9;
  603. -moz-transform: scale(1.0);
  604. -webkit-transform: scale(1.0);
  605. transform: scale(1.0);
  606. }
  607.  
  608. .taissa{
  609. {block:ifNOThoverlinks}
  610. opacity:1;
  611. -moz-transform: scale(1.0);
  612. -webkit-transform: scale(1.0);
  613. transform: scale(1.0);
  614. {/block:ifNOThoverlinks}
  615. {block:ifhoverlinks}
  616. opacity:0;
  617. -moz-transform: scale(0.0);
  618. -webkit-transform: scale(0.0);
  619. transform: scale(0.0);
  620. {/block:ifhoverlinks}
  621. margin-left:230px;
  622. margin-top:-200px;
  623. position:fixed;
  624. padding:5px;
  625. transition: all 0.9s ease-out;
  626. -o-transition-transition: all 0.9s ease;
  627. -webkit-transition: all 0.9s ease;
  628. -moz-transition: all 0.9s ease;
  629. transition: all 0.9s ease;
  630.  
  631. }
  632.  
  633.  
  634. #sidebar:hover .taissa{
  635. {block:ifhoverlinks}
  636. opacity:1;
  637. -moz-transform: scale(1.0);
  638. -webkit-transform: scale(1.0);
  639. transform: scale(1.0);
  640. {/block:ifhoverlinks}
  641. }
  642.  
  643.  
  644. .taissa a{
  645. text-decoration:none;
  646. padding:10px;
  647. background:{color:link};
  648. color:#fff;
  649. font-size:10px;
  650. letter-spacing:1px;
  651. font-family: 'Avalon', sans-serif;
  652. display:block;
  653. margin-top:10px;
  654. line-height:13px;
  655. transition: all 0.9s ease-out;
  656. text-shadow:10px 0px transparent, -10px 0px transparent;
  657.  
  658. }
  659.  
  660. .taissa a:hover{
  661. background:{color:link};
  662. color:#fff;
  663. box-shadow:inset 0px 0px 0px 20px {color:Hover Link};
  664. }
  665.  
  666. #desc2 a{color:#fff;}
  667.  
  668. #desc2{
  669. position:fixed;
  670. width:190px;
  671. height:auto;
  672. margin-left:-30px;
  673. margin-top:120px;
  674. background:{color:link};
  675. text-align:left;
  676. letter-spacing:2px;
  677. color:white;
  678. opacity:0;
  679. padding:20px;
  680. font-size:8px;
  681. font-family:calibri;
  682. line-height:14px;
  683. -o-transition-transition: all 0.9s ease;
  684. -webkit-transition: all 0.9s ease;
  685. -moz-transition: all 0.9s ease;
  686. transition: all 0.9s ease;
  687. {block:ifboxshadow}
  688. box-shadow:rgba(0,0,0,.02) 13px 13px;
  689. {/block:ifboxshadow}
  690. }
  691.  
  692. #sidebar:hover #desc2{
  693. margin-top:70px;
  694. opacity:1;
  695. -moz-transform: scale(1.0);
  696. -webkit-transform: scale(1.0);
  697. transform: scale(1.0);
  698. }
  699.  
  700. #desc2:before {
  701. font-style:normal;
  702. margin-top:-25px;
  703. margin-left:2%;
  704. content:"♦";
  705. position:absolute;
  706. float:right;
  707. font-size: 50px;
  708. color:{color:link}; }
  709.  
  710.  
  711.  
  712. .video iframe,
  713. .video .tumblr_video_container,
  714. .video .tumblr_video_container iframe {
  715. display:block;
  716. width:100%;
  717. height:auto;
  718. }
  719.  
  720. .video #youtube_iframe {
  721. display:block;
  722. width:100%;
  723. height:auto;
  724. }
  725.  
  726. #lace{
  727. position:fixed;
  728. opacity:1;
  729. width:100%;
  730. height:40px;
  731. padding:3px;
  732. background:{color:link};
  733. margin-top:-45px;
  734. margin-left:0px;
  735. z-index:9999;
  736. text-align:center;
  737. -webkit-transition: all .7s ease;
  738. -moz-transition: all .7s ease;
  739. -o-transition: all .7s ease;
  740. transition: all .7s ease;}
  741.  
  742. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  743. .user_7 .label, .user_8 .label, .user_9 .label {color:Title};}
  744. </style>
  745.  
  746.  
  747. <title>{Title}</title>
  748. <link rel="shortcut icon" href="https://31.media.tumblr.com/tumblr_m230lpzA3A1qfamg6.png">
  749. <link href='http://static.tumblr.com/blpgwiz/EfNmijxib/tada.css' rel='stylesheet' type='text/css'>
  750. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  751. <meta name="viewport" content="width=720" />
  752. </head>
  753.  
  754.  
  755.  
  756.  
  757. <body>
  758. <div id="lace"></div>
  759. <div id="sidebar">
  760. <div id="titulo">{text:blogtitle}</div>
  761. <div class="foto"><img src="{image:sidebar}"></div>
  762. {block:ifNOTdescriptionoption2}
  763. <div id="desc">{description}</div>
  764. {/block:ifNOTdescriptionoption2}
  765. {block:ifdescriptionoption2}
  766. <div id="desc2">{description}</div>
  767. {/block:ifdescriptionoption2}
  768. <div class="taissa">
  769. <a title="{text:Link 1 Title}" href="{text:Link 1}">.01</a>
  770. <a title="{text:Link 2 Title}" href="{text:Link 2}">.02</a>
  771. <a title="{text:Link 3 Title}" href="{text:Link 3}">.03</a>
  772. <a title="{text:Link 4 Title}" href="{text:Link 4}">.04</a>
  773. <a title="{text:Link 5 Title}" href="{text:Link 5}">.05</a>
  774. </div>
  775. </div>
  776.  
  777.  
  778.  
  779. <div id="center">
  780. <div id="content">
  781.  
  782.  
  783.  
  784.  
  785. <div id="posts">
  786. {block:Posts}
  787. <div id="entry">
  788.  
  789. {block:Text}
  790. {block:Title}<span class="title">{Title}</span>{/block:Title}
  791. <span class="entrytext">{Body}</span></a>
  792. {block:IndexPage}<br>
  793. <div class="permalinktext">
  794. {DayOfMonth}, {ShortMonth} with <a href="{permalink}">{notecount} notes</a></div>{/block:IndexPage}
  795. {/block:Text}
  796.  
  797. {block:Link}
  798. <a href="{URL}" class="title">{Name}</a>
  799. {block:Description}{Description}{/block:Description}
  800. {block:IndexPage}<br>
  801. <div class="permalinktext">
  802. {Month} {DayOfMonth} with <a href="{permalink}">{notecount} notes</a>
  803. </div>
  804. {/block:IndexPage}
  805. {block:Link}
  806.  
  807. {block:Photo}
  808. {block:IndexPage}
  809. {block:iffadedposts}
  810. <div class="lovely"></div>
  811. {/block:iffadedposts}
  812. <div class="perm1">
  813. <a href="{ReblogURL}" target="_blank">{ReblogButton color="white" size="20"}</a>
  814. </div>
  815. <div class="perm2">
  816. <a href="{Like}" target="_blank">{LikeButton color="white" size="20"}</a></div>
  817. <div class="perm3"><a title="posted {timeago} with {notecountwithlabel}" href="{permalink}" target="_blank"><img src="http://images.clipartpanda.com/search-png-white-active-search-xxl.png" style="outline:0px;"></a></div>
  818. {/block:IndexPage}
  819. {block:IndexPage}
  820. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=100%;>
  821. {/block:IndexPage}
  822. {block:permalinkpage}{LinkOpenTag}<center>
  823. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=100%;/>
  824. {LinkCloseTag}</center>{/block:permalinkpage}
  825. {/block:Photo}
  826.  
  827. {block:Photoset}
  828. {block:IndexPage}
  829. {Photoset-250}
  830. {/block:IndexPage}
  831. <center>{block:PermalinkPage}<div style="width: auto; overflow-x:hidden;overflow-y:hidden;">{Photoset}{/block:PermalinkPage}</center>
  832. {block:IndexPage}
  833. <div class="permalinktext">
  834. {Month} {DayOfMonth} with <a href="{permalink}">{notecount} notes</a>
  835. </div>
  836. {/block:IndexPage}
  837. {/block:Photoset}
  838.  
  839. {block:Quote}
  840. <div class="quote">❝ {quote}</div>
  841. {block:IndexPage}<br>
  842. <div class="permalinktext">
  843. {DayOfMonth}, {ShortMonth} with <a href="{permalink}">{notecount} notes</a></div>{/block:IndexPage}
  844. {/block:Quote}
  845.  
  846. {block:Chat}
  847. {block:Title}<span class="title">{Title}</span>{/block:Title}
  848. <ul class="chat">
  849. {block:Lines}
  850. <li class="user_{UserNumber}">
  851. {block:Label}
  852. <span class="label">{Label}</span>
  853. {/block:Label}
  854.  
  855. {Line}<br>
  856. {/block:Lines}
  857. {block:IndexPage}<br>
  858. <div class="permalinktext">
  859. {DayOfMonth}, {ShortMonth} with <a href="{permalink}">{notecount} notes</a></div>{/block:IndexPage}
  860. {/block:Chat}
  861.  
  862. {block:Audio}
  863. <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>
  864. {block:IndexPage}
  865. <div class="permalinktext">
  866. <center> <font color="#fff">{DayOfMonth}, {ShortMonth} with</font> <a href="{permalink}"><font color="#fff">{notecount} notes</font></a></center></div>{/block:IndexPage}
  867. {/block:Audio}
  868.  
  869. {block:Video}
  870. {block:IndexPage}
  871. {Video-250}
  872. <div class="permalinktext">
  873. <center> <font color="#fff">{DayOfMonth}, {ShortMonth} with</font> <a href="{permalink}"><font color="#fff">{notecount} notes</font></a></center></div>{/block:IndexPage}
  874. {block:Permalinkpage}
  875. {Video-500}
  876. {/block:permalinkpage}
  877. {block:Video}
  878.  
  879.  
  880.  
  881. {block:Answer}
  882. <div style="margin:2px 2px 2px 2px; min-height:30px; padding:3px; background-color:#fafafa; border:1px solid #eee; border-radius:0px">
  883. <div style="background:transparent; padding:1px; height:auto">
  884. <askk>{Asker}:</askk> {Question}</div></div>
  885. <div style="margin-left:-1px; margin-bottom:3px; padding:4px; background:transparent; line-height:12px; text-align:justify; width:195px">{Answer}</div>
  886. {block:indexpage}
  887. <div class="permalinktext">
  888. <center> <font color="#fff">{DayOfMonth}, {ShortMonth} with</font> <a href="{permalink}"><font color="#fff">{notecount} notes</font></a></center></div>
  889. {/block:indexpage}
  890. {/block:Answer}
  891.  
  892. {block:PermalinkPage}
  893. <center>{capiton}<br>
  894. {block:Date}posted <u>{DayOfWeek}</u>{/block:Date} {block:NoteCount}with {NoteCount} notes<br>{/block:NoteCount}
  895. {block:RebloggedFrom}<b>source:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> | <b>of:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br>{/block:RebloggedFrom}
  896. {block:NoteCount} <div style="text-align:center; margin:5px"></div>{/block:NoteCount}</center>
  897. {/block:PermalinkPage}
  898. {block:PostNotes}
  899. <div id="postnotes">{PostNotes}</div>
  900. {/block:PostNotes}</div>{/block:Posts}
  901. </div></div>
  902.  
  903. {block:indexpage}
  904. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  905. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  906. <script type="text/javascript" src="http://static.tumblr.com/5jb4lhb/HUOncl3cj/lmtxt.txt"></script>
  907. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  908. <script type="text/javascript">
  909. $(window).load(function(){
  910. var $wall = $('#posts');
  911. $wall.imagesLoaded(function(){
  912. $wall.masonry({
  913. itemSelector: '#entry, #entry_photo',
  914. isAnimated : false
  915. });
  916. });
  917.  
  918. $wall.infinitescroll({
  919. navSelector : '#page-nav',
  920. nextSelector : '#page-nav a',
  921. itemSelector : '#entry, #entry_photo',
  922. bufferPx : 2000,
  923. debug : false,
  924. errorCallback: function() {
  925. $('#infscr-loading').fadeOut('normal');
  926. }},
  927. function( newElements ) {
  928. var $newElems = $( newElements );
  929. $newElems.hide();
  930. $newElems.imagesLoaded(function(){
  931. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  932. });
  933. }); $('#content').show(500);
  934. });
  935. </script>
  936. {/block:indexpage}
  937.  
  938. </body>
  939. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement