Advertisement
planthed

Ride

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