Advertisement
planthed

Heroine

Jul 23rd, 2015
1,375
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.09 KB | None | 0 0
  1. <!-----
  2.  
  3. theme made by tumblr user planthed // weedhs ★彡
  4.  
  5. keep the creds u lil bitch
  6.  
  7. — http://painthemes.tumblr.com/
  8. — http://planthed.tumblr.com/
  9. — http://weedhs.tumblr.com/
  10.  
  11. ------>
  12.  
  13. <html lang="en">
  14. <head>
  15.  
  16. <link href='http://fonts.googleapis.com/css?family=Abel|Abril+Fatface|Raleway|Montserrat' rel='stylesheet' type='text/css'>
  17.  
  18.  
  19. <meta name="image:Background" content=""/>
  20. <meta name="text:blogtitle" content="heroine"/>
  21. <meta name="if:faded posts" content="0"/>
  22. <meta name="if:box shadow" content="0"/>
  23. <meta name="if:gray scale posts" content="1"/>
  24. <meta name="if:sidebar left" content="0"/>
  25. <meta name="if:graphic img" content="0"/>
  26. <meta name="text:Link 1 Title" content="home" />
  27. <meta name="text:Link 1" content="/" />
  28. <meta name="text:Link 2 Title" content="message"/>
  29. <meta name="text:Link 2" content="/ask" />
  30. <meta name="text:Link 3 Title" content="more" />
  31. <meta name="text:Link 3" content="/" />
  32. <meta name="text:Link 4 Title" content="archive" />
  33. <meta name="text:Link 4" content="/archive" />
  34. <link href="http://static.tumblr.com/eih4pta/Flam72cb8/animate-custom__1_.css" rel="stylesheet">
  35. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  36. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  37. <script>
  38. (function($){
  39. $(document).ready(function(){
  40. $("a[title]").style_my_tooltips({
  41. tip_follows_cursor:true,
  42. tip_delay_time:90,
  43. tip_fade_speed:600,
  44. attribute:"title"
  45. });
  46. });
  47. })(jQuery);
  48. </script>
  49.  
  50.  
  51.  
  52. <style type="text/css">
  53.  
  54.  
  55. #s-m-t-tooltip{
  56. max-width:300px;
  57. padding:8px;
  58. background:white;
  59. margin:20px 0px 0px 20px;
  60. font-family:calibri;
  61. font-weight:bold;
  62. font-size:8px;
  63. letter-spacing:1px;
  64. text-transform:uppercase;
  65. border:1px solid black;
  66. color:#000;
  67. line-height:16px;
  68. {block:ifboxshadow}
  69. box-shadow:6px 6px rgba(0, 0, 0, 0.9);
  70. {/block:ifboxshadow}
  71. opacity:1;
  72. z-index:9999999999999999999;
  73. }
  74.  
  75.  
  76. .tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop{
  77. z-index:9999999999999999999999999999999999999;
  78. opacity:.2 !important;
  79. -webkit-filter:invert(100%);
  80. position:fixed!important;
  81. }
  82.  
  83. .tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop:hover{
  84. -webkit-transition:opacity 0.7s linear;
  85. opacity:1.0;
  86. -webkit-transition:all 0.4s ease-out;
  87. -moz-transition:all 0.4s ease-out;
  88. transition: all 0.4s ease-out;
  89. z-index:99999;
  90. }
  91.  
  92. ::-webkit-scrollbar {
  93. height: 5px;
  94. width: 9px;
  95. background: #ffffff;
  96. }
  97.  
  98. ::-webkit-scrollbar-thumb:vertical {
  99. background: #000000;
  100. border: 4px solid #ffffff;
  101. }
  102.  
  103.  
  104.  
  105. body, a, a:hover {cursor: url(http://i1347.photobucket.com/albums/p718/TheLittleDanger/Pointer%20Cursors/Pointer_0013_Camada-22_zpsfa75fec5.png), auto;}
  106.  
  107.  
  108. a:link, a:active, a:visited{
  109. color:black;
  110. cursor: url(http://i1347.photobucket.com/albums/p718/TheLittleDanger/Pointer%20Cursors/Pointer_0013_Camada-22_zpsfa75fec5.png), progress;
  111. text-decoration: none;
  112. -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;
  113. }
  114. a:hover {
  115. font-style: none;
  116. color:black;
  117. cursor: url(http://i1347.photobucket.com/albums/p718/TheLittleDanger/Pointer%20Cursors/Pointer_0013_Camada-22_zpsfa75fec5.png), progress;
  118. }
  119.  
  120. #a{width:250px; height:auto;}
  121. {block:PermalinkPage}
  122. width:410px;
  123. {/block:PermalinkPage}
  124. }
  125. #center{
  126. padding-top:3px;
  127. padding-bottom:3px;
  128. position:fixed !important;
  129. width:250px;
  130. height:207px;
  131. background-color:white;
  132. {block:PermalinkPage}
  133. width:410px;
  134. height:207px;
  135. {/block:PermalinkPage}
  136. }
  137. body{
  138. margin:5px;
  139. background-color:white;
  140. background-image:url({image:Background});
  141. background-attachment: fixed;
  142. background-repeat: repeat;
  143. color:{color:Text};
  144. }
  145. #audio {
  146. width:350px;
  147. height:auto;
  148. min-height:60px;
  149. padding-bottom:0px;
  150. }
  151. .cover {
  152. position:absolute;
  153. z-index:1;
  154. width:60px;
  155. height:60px;
  156. }
  157. .cover img {
  158. float:left;
  159. width:60px;
  160. height:60px;
  161. }
  162. .playbox {
  163. opacity:0.6;
  164. width:27px;
  165. height:30px;
  166. overflow:hidden;
  167. position:absolute;
  168. z-index:1000;
  169. margin-left:17px;
  170. margin-top:17px;
  171. text-align:center;
  172. }
  173. .info {
  174. margin-left:73px;
  175. margin-top:4px;
  176. line-height:14px;
  177. }
  178.  
  179.  
  180. .title{
  181. font-family:arial;
  182. font-weight:bold;
  183. font-size:11px;
  184. font-style:italic;
  185. text-transform:uppercase;
  186. letter-spacing:3px;
  187. line-height: 16px;
  188. color:black;
  189. margin-top:5px;
  190. padding: 2px 0px 0px 0px;
  191.  
  192. }
  193. askk {
  194. font-family:calibri;
  195. font-weight:bold;
  196. font-size:9px;
  197. text-transform:uppercase;
  198. letter-spacing:2px;
  199. z-index:1;
  200. }
  201.  
  202. #posts{
  203. float:center;
  204. width:410px;
  205. margin-left:260px;
  206. margin-top:50px;
  207. height:100%;
  208. {block:ifsidebarleft}
  209. margin-left:500px;
  210. {/block:ifsidebarleft}
  211. }
  212.  
  213. #entry img{
  214. {block:ifgrayscaleposts}
  215. -webkit-filter: grayscale(60%);
  216. {/block:ifgrayscaleposts}
  217. {block:ifboxshadow}
  218. box-shadow:6px 6px rgba(0, 0, 0, 0.9);
  219. {/block:ifboxshadow}
  220. border:1px solid #000;
  221. {block:iffadedposts}
  222. opacity:0.8;
  223. {/block:iffadedposts}
  224. {block:indexpage}
  225. max-width:100%;
  226. {/block:indexpage}
  227. -webkit-transition: all .7s ease;
  228. -moz-transition: all .7s ease;
  229. -o-transition: all .7s ease;
  230. transition: all .7s ease;
  231. }
  232.  
  233. #entry img:hover{
  234. -webkit-filter: grayscale(0%);
  235. opacity:1;
  236. -webkit-transition: all .7s ease;
  237. -moz-transition: all .7s ease;
  238. -o-transition: all .7s ease;
  239. transition: all .7s ease;
  240. }
  241.  
  242.  
  243. #entry {
  244. font-family:calibri;
  245. padding:-10px;
  246. font-size:8px;
  247. text-transform:uppercase;
  248. line-height: 16px;
  249. color:#000;
  250. letter-spacing:1px;
  251. margin:60px;
  252. background:white;
  253. float:left;
  254. width:290px;
  255. {block:PermalinkPage}
  256. width:400px;
  257. {/block:PermalinkPage}
  258. }
  259.  
  260.  
  261. #perma1 {
  262. margin-left:-25px;
  263. opacity:0;
  264. margin-top:0px;
  265. width:15px;
  266. height:15px;
  267. z-index:9999999;
  268. background:white;
  269. border:1px solid #000;
  270. position:absolute;
  271. -webkit-transition: 2s ease;
  272. -moz-transition: 2s ease;
  273. transition: 2s ease;
  274. }
  275.  
  276.  
  277. #entry:hover #perma1 {
  278. opacity:1;
  279. -webkit-transition: 1s ease;
  280. -moz-transition: 1s ease;
  281. transition: 1s ease;
  282. }
  283.  
  284. #perma2 {
  285. margin-left:-25px;
  286. margin-top:25px;
  287. opacity:0;
  288. width:15px;
  289. height:15px;
  290. z-index:9999999;
  291. background:white;
  292. border:1px solid #000;
  293. position:absolute;
  294. -webkit-transition: 1.5s ease;
  295. -moz-transition: 1.5s ease;
  296. transition: 1.5s ease;
  297. }
  298.  
  299. #entry:hover #perma2 {
  300. opacity:1;
  301. -webkit-transition: 1.5s ease;
  302. -moz-transition: 1.5s ease;
  303. transition: 1.5s ease;
  304. }
  305.  
  306. #perma3 {
  307. margin-left:-25px;
  308. margin-top:50px;
  309. opacity:0;
  310. width:15px;
  311. height:15px;
  312. z-index:9999999;
  313. background:white;
  314. border:1px solid #000;
  315. position:absolute;
  316. -webkit-transition: 1s ease;
  317. -moz-transition: 1s ease;
  318. transition: 1s ease;
  319. }
  320.  
  321.  
  322. #entry:hover #perma3 {
  323. opacity:1;
  324. -webkit-transition: 2s ease;
  325. -moz-transition: 2s ease;
  326. transition: 2s ease;
  327. }
  328.  
  329.  
  330. .video iframe,
  331. .video .tumblr_video_container,
  332. .video .tumblr_video_container iframe {
  333. display:block;
  334. width:100%;
  335. height:Auto;
  336. }
  337.  
  338. .video #youtube_iframe {
  339. display:block;
  340. width:100%;
  341. height:Auto;
  342. }
  343.  
  344.  
  345. #sidebar {
  346. {block:ifsidebarleft}
  347. margin-left:300px;
  348. {/block:ifsidebarleft}
  349. position:fixed;
  350. background:white;
  351. padding:10px;
  352. z-index:999;
  353. width:170px;
  354. margin-top:450px;
  355. {block:ifNOTsidebarleft}
  356. margin-left:720px;
  357. {/block:ifNOTsidebarleft}
  358. z-index:999;
  359. height:82px;
  360. -o-transition-transition:0.4s;
  361. -webkit-transition-duration:0.4s;
  362. -moz-transition-duration:0.4s;{block:ifboxshadow}
  363. box-shadow:6px 6px rgba(0, 0, 0, 0.9);
  364. {/block:ifboxshadow}
  365. }
  366.  
  367.  
  368. .titulo {
  369. color:#000;
  370. margin-top:-10px;
  371. margin-left:-10px;
  372. font-family:arial;
  373. z-index:99999999999999999999999999999999;
  374. text-align:right;
  375. font-weight:bold;
  376. font-style:italic;
  377. width:175px;
  378. padding:7px;
  379. font-size:10px;
  380. line-height:23px;
  381. letter-spacing:1px;
  382. text-transform:uppercase;
  383. position:absolute;
  384. border:1px solid #000;
  385. -webkit-transition:all 0.6s ease-out;
  386. -moz-transition:all 0.6s ease-out;
  387. transition:all 0.6s ease-out;
  388. }
  389.  
  390. #sidebar:hover .titulo{
  391. margin-top:-40px;
  392. -webkit-transition:all 0.6s ease-out;
  393. -moz-transition:all 0.6s ease-out;
  394. transition:all 0.6s ease-out;
  395. }
  396.  
  397. .desc {position:fixed;
  398. margin-top:28px;
  399. margin-left:-10px;
  400. font-family:calibri;
  401. font-size:8px;
  402. z-index:999999;
  403. text-align:left;
  404. width:169px;
  405. border:1px solid #000;
  406. padding:10px;
  407. height:42;
  408. line-height:14px;
  409. letter-spacing:1px;
  410. text-transform:uppercase;
  411. color:black;
  412. overflow-y:scroll;
  413. }
  414.  
  415.  
  416.  
  417. .links{
  418. position:fixed;
  419. width:179px;
  420. height:19px;
  421. padding:5px;
  422. border:1px solid #000;
  423. z-index:-9999999999999;
  424. margin-top:-2px;
  425. margin-left:-10px;
  426. opacity:0;
  427. transition:0.4s;
  428. -webkit-transition:all 0.6s ease-out;
  429. -moz-transition:all 0.6s ease-out;
  430. transition:all 0.6s ease-out;
  431. }
  432.  
  433. #sidebar:hover .links{
  434. -moz-transition: all 1s ease-out;
  435. -o-transition: all 1s ease-out;
  436. -webkit-transition: all 1s ease-out;
  437. transition: all 1s ease-out;
  438. opacity:1;
  439. }
  440. .links a{
  441. text-shadow:10px 0px transparent, -10px 0px transparent;
  442. position:relative;
  443. font-family:calibri;
  444. font-size:8px;
  445. letter-spacing:1px;
  446. text-transform:uppercase;
  447. color:#000;
  448. display:inline-block;
  449. margin-left:5px;
  450. padding:2px;
  451. -webkit-transition:All 0.5s ease-in-out;
  452. -moz-transition:All 0.5s ease-in-out;
  453. -ms-transition:All 0.5s ease-in-out;
  454. -o-transition:All 0.5s ease-in-out;
  455. transition:All 0.5s ease-in-out;
  456. outline:1px solid transparent;
  457. outline-offset:-5px;
  458. }
  459.  
  460. .links a:hover {
  461. color:black;
  462. text-shadow:0px 0px #666, 0px 0px #666;
  463. transition: all 0.9s ease;
  464. -o-transition-transition: all 0.9s ease;
  465. -webkit-transition: all 0.9s ease;
  466. -moz-transition: all 0.9s ease;
  467. }
  468.  
  469.  
  470.  
  471. ol.notes li.note img.avatar {
  472. display:none;}
  473.  
  474. </style>
  475.  
  476.  
  477. <title>{title}</title>
  478. <link rel="shortcut icon" href="{favicon}">
  479. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" /><meta name="viewport" content="width=720" /></head>
  480.  
  481. <body>
  482. <div id="center">
  483. <div id="content">
  484.  
  485. <div id="sidebar">
  486. <div class="titulo">{text:blogtitle}</div>
  487. <div class="desc">{description}</div>
  488. <div class="links">
  489. <a href="{text:Link 1}">{text:Link 1 Title}</a>
  490. <a href="{text:Link 2}">{text:Link 2 Title}</a>
  491. <a href="{text:Link 3}">{text:Link 3 Title}</a>
  492. <a href="{text:Link 4}">{text:Link 4 Title}</a>
  493. </div>
  494. </div>
  495. </div>
  496.  
  497.  
  498.  
  499.  
  500.  
  501.  
  502. <div id="posts">
  503. {block:Posts}
  504. <div id="entry">
  505.  
  506. {block:IndexPage}
  507. <a href="{reblogurl}" title="reblog"target="_blank"><div id="perma1"></div></a>
  508. <a href="{permalink}" title="{NoteCountWithLabel}"target="_blank"><div id="perma2"></div></a>
  509. <a href="{permalink}" title="posted at {12Hour}:{Minutes} {AmPm} on {DayOfWeek}"target="_blank"><div id="perma3"></div></a>
  510. {/block:IndexPage}
  511.  
  512. {block:Text}
  513. {block:Title}<span class="title">{Title}</span></span>{/block:Title}
  514. <span class="entrytext">{Body}</span></span></a>
  515. {/block:Text}
  516.  
  517. {block:Link}
  518. <a href="{URL}" class="title">{Name}</a>
  519. {block:Description}{Description}{/block:Description}
  520. {block:Link}
  521.  
  522.  
  523. {block:Photo}
  524. {block:IndexPage}
  525. <img src="{PhotoURL-500}" alt="{PhotoAlt}" style="" /></a>
  526. {/block:IndexPage}
  527. {block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=350px/>{LinkCloseTag}{/block:PermalinkPage}
  528. {/block:Photo}
  529.  
  530.  
  531. {block:Photoset}
  532. {block:IndexPage}
  533. {block:Photos}<a href="{permalink}"><img src="{PhotoURL-500}" width="100%" style="padding:0px;"/></a>
  534. {/block:Photos}
  535. {/block:IndexPage}
  536. {block:PermalinkPage}{Photoset-400}{/block:PermalinkPage}
  537. {/block:Photoset}
  538.  
  539. {block:Quote}
  540. <div class="quote">❝{quote}</div>
  541. {/block:Quote}
  542.  
  543. {block:Chat}
  544. {block:Title}<span class="title">{Title}</span>{/block:Title}
  545. <ul class="chat">
  546. {block:Lines}
  547. <li class="user_{UserNumber}">
  548. {block:Label}
  549. <span class="label">{Label}</span>
  550. {/block:Label}
  551. {Line}<p>
  552. {/block:Lines}
  553. {/block:Chat}
  554.  
  555. {block:Audio}
  556. <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}>Unknown</span>{block:Album}{Album}{/block:Album}{block:PlayCount}<br><b>Plays:</b> {FormattedPlayCount}{/block:PlayCount}</div></div>
  557. {/block:Audio}
  558.  
  559. {block:Video}
  560. {block:IndexPage}
  561. <div class="video">{Video-500}</div>
  562. {/block:IndexPage}{block:PermalinkPage}{Video-400}{/block:PermalinkPage}
  563. {block:Video}
  564.  
  565. {block:Answer}
  566. <div style="margin-top:2px;;margin-bottom:0px;min-height:auto; padding: 6px; background-color:{color:background};border:1px solid black">
  567. {Question} <askk>— {asker}</askk></div>
  568. <div style="margin-top:5px;line-height:11px;margin-bottom:2px; text-align-align:left;">
  569. {Answer}</div>
  570. {/block:Answer}
  571.  
  572. {block:PermalinkPage}
  573. <center>
  574. {block:Caption}{Caption}{/block:Caption}
  575. {block:RebloggedFrom}
  576. posted {12Hour}:{Minutes} {AmPm} on {DayOfWeek}, {Month} {DayOfMonth}, {Year} with {notecountwithlabel}<br>
  577. <b>orginally posted by:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> | <b>reblogged from:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br>{/block:RebloggedFrom}
  578. {block:HasTags} tags: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}
  579.  
  580. {block:NoteCount} <div style="border-bottom: 1px solid #eee; text-align: center; margin: 10px;"></div>{/block:NoteCount}
  581. </center>
  582. {/block:PermalinkPage}
  583.  
  584. {block:PostNotes}<div align="middle"></div>
  585. <center></center></span><br>
  586. <div id="postnotes">{PostNotes}</div><br>
  587. <center>{block:ContentSource}
  588. <br><a href="{SourceURL}">
  589. {lang:Source}:
  590. {block:SourceLogo}
  591. <img src="{BlackLogoURL}" width="{LogoWidth}"
  592. height="{LogoHeight}" alt="{SourceTitle}" />
  593. {/block:SourceLogo}
  594. {block:NoSourceLogo}
  595. {SourceLink}
  596. {/block:NoSourceLogo}
  597. </a>
  598. {/block:ContentSource}</center>
  599.  
  600. {/block:PostNotes}
  601. </div>
  602. {/block:Posts}
  603. </div></div>
  604.  
  605. {block:indexpage}
  606. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  607. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  608. <script type="text/javascript" src="http://static.tumblr.com/dbhjqlo/rd3nc0jpe/effectsxp.txt"></script>
  609. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  610. <script type="text/javascript">
  611. $(window).load(function(){
  612. var $wall = $('#posts');
  613. $wall.imagesLoaded(function(){
  614. $wall.masonry({
  615. itemSelector: '#entry, #entry_photo',
  616. isAnimated : false
  617. });
  618. });
  619.  
  620. $wall.infinitescroll({
  621. navSelector : '#page-nav',
  622. nextSelector : '#page-nav a',
  623. itemSelector : '#entry, #entry_photo',
  624. bufferPx : 2000,
  625. debug : false,
  626. errorCallback: function() {
  627. $('#infscr-loading').fadeOut('normal');
  628. }},
  629. function( newElements ) {
  630. var $newElems = $( newElements );
  631. $newElems.hide();
  632. $newElems.imagesLoaded(function(){
  633. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  634. });
  635. }); $('#content').show(500);
  636. });
  637. </script>
  638. {/block:indexpage}
  639. <script type="text/javascript">
  640. <!--
  641.  
  642. // Disable Right Click Script
  643.  
  644. function IE(e)
  645. {
  646. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  647. {
  648. return false;
  649. }
  650. }
  651. function NS(e)
  652. {
  653. if (document.layers || (document.getElementById && !document.all))
  654. {
  655. if (e.which == "2" || e.which == "3")
  656. {
  657. return false;
  658. }
  659. }
  660. }
  661. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  662.  
  663. //-->
  664. </script>
  665. </body>
  666. {block:ifgraphicimg}
  667. <img src="http://static.tumblr.com/1d904e9dd7134d5f24b4363dcc541e3c/iqvfzph/p2cnqgl7v/tumblr_static_2nufjvtgxiasow40go08o4s4o.png" style="position:fixed; width:350px; height:309px; opacity:1; top:0px;left:0px; z-index:-999;
  668. -webkit-filter: grayscale(100%);
  669. "/></div>
  670. {/block:ifgraphicimg}
  671.  
  672. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement