API tools faq
paste
Advertisement
planthed

Outside v1

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