API tools faq
paste
Advertisement
planthed

Wonderwall

planthed
Jan 19th, 2016
1,055
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.45 KB | None | 0 0
raw download clone embed print report
  1. <!-----
  2.  
  3. theme made by tumblr user planthed ★彡
  4.  
  5. keep the creds u lil bitch (◡_◡✿)
  6.  
  7. — http://painthemes.tumblr.com/
  8. — http://planthed.tumblr.com/
  9.  
  10. ------>
  11.  
  12.  
  13. <html lang="en">
  14. <head>
  15.  
  16.  
  17. <title>{title}</title>
  18. <link rel="shortcut icon" href="{favicon}">
  19. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  20. <link href='http://fonts.googleapis.com/css?family=Abel|Abril+Fatface|Raleway|Montserrat' rel='stylesheet' type='text/css'>
  21. <meta name="image:Background" content=""/>
  22. <meta name="image:Sidebar" content=""/>
  23. <meta name="color:Background" content="#fff"/>
  24. <meta name="color:Link" content="#000"/>
  25. <meta name="color:borders" content="#000"/>
  26. <meta name="color:blogtitle" content="#000"/>
  27. <meta name="color:text" content="#000"/>
  28. <meta name="text:blogtitle" content="wonderwall" />
  29. <meta name="text:Link 1 Title" content="home" />
  30. <meta name="text:Link 1" content="/" />
  31. <meta name="text:Link 2 Title" content="mail"/>
  32. <meta name="text:Link 2" content="/ask" />
  33. <meta name="text:Link 3 Title" content="more" />
  34. <meta name="text:Link 3" content="/" />
  35. <meta name="text:Link 4 Title" content="faves" />
  36. <meta name="text:Link 4" content="/" />
  37. <meta name="text:Link 5 Title" content="about" />
  38. <meta name="text:Link 5" content="/" />
  39. <meta name="text:Link 6 Title" content="archive" />
  40. <meta name="text:Link 6" content="/archive" />
  41.  
  42. <link href="http://static.tumblr.com/eih4pta/Flam72cb8/animate-custom__1_.css" rel="stylesheet">
  43. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  44. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  45. <script>
  46. (function($){
  47. $(document).ready(function(){
  48. $("a[title]").style_my_tooltips({
  49. tip_follows_cursor:true,
  50. tip_delay_time:90,
  51. tip_fade_speed:600,
  52. attribute:"title"
  53. });
  54. });
  55. })(jQuery);
  56. </script>
  57.  
  58.  
  59. <style type="text/css">
  60.  
  61.  
  62.  
  63. #s-m-t-tooltip{
  64. max-width:300px;
  65. padding:5px;
  66. background:white;
  67. margin:20px 0px 0px 20px;
  68. font-family:times;
  69. font-style:italic;
  70. font-size:12px;
  71. border:1px solid {color:borders};
  72. color:{color:text};
  73. line-height:16px;
  74. opacity:1;
  75. z-index:9999999999999999999;
  76. }
  77.  
  78. .tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop{
  79. position:fixed !important;
  80. z-index:999999999!important;
  81. -webkit-filter: invert(100%)
  82. }
  83. .tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop {
  84. !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;}
  85.  
  86. .tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  87.  
  88. ::-webkit-scrollbar{
  89. height:0px;
  90. width:9px;
  91. background-color:{color:link};
  92. border:4px solid {color:background};
  93. }
  94. ::-webkit-scrollbar-thumb{
  95. height:6px;
  96. background-color:{color:link};
  97. border: 2px solid {color:background};
  98. }
  99.  
  100. body, a, a:hover {cursor: url('http://33.media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png'), progress;}
  101.  
  102.  
  103. a:link, a:active, a:visited{
  104. color:{color:link};
  105. text-decoration: none;
  106. -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;
  107. }
  108. a:hover {
  109. font-style: none;
  110. color:{color:text};
  111. }
  112.  
  113. #a{width:250px; height:auto;}
  114. }
  115.  
  116. #center{
  117. padding-top:3px;
  118. padding-bottom:3px;
  119. position:fixed !important;
  120. width:250px;
  121. height:207px;
  122. {block:PermalinkPage}
  123. width:410px;
  124. height:207px;
  125. {/block:PermalinkPage}
  126. }
  127. body{
  128. margin:5px;
  129. background-color:{color:background};
  130. background-attachment: fixed;
  131. background-repeat: repeat;
  132. color:{color:Text};
  133. background-image:url({image:Background});
  134. background-attachment:fixed;
  135. background-repeat:repeat;
  136. }
  137. #audio {
  138. width:250px;
  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. li {
  172. position:relative;
  173. display:block;
  174. }
  175.  
  176. li:before {
  177. content:'―';
  178. font-size:15px;
  179. position:absolute;
  180. left:-20px;
  181. color:{color:link};
  182. top:0px;
  183. }
  184.  
  185. .title{
  186. font-family:times;
  187. padding:2px;
  188. font-size:14px;
  189. text-transform:uppercase;
  190. letter-spacing:3px;
  191. line-height: 18px;
  192. color:{color:link};
  193. margin-top:5px;
  194.  
  195. }
  196. askk {
  197. font-family:calibri;
  198. font-weight:bold;
  199. font-size:9px;
  200. text-transform:uppercase;
  201. letter-spacing:2px;
  202. z-index:1;
  203. }
  204.  
  205. #posts{
  206. float:center;
  207. width:700px;
  208. margin-left:330px;
  209. margin-top:0px;
  210. }
  211.  
  212. #entry img{
  213. {block:indexpage}
  214. border:1px solid {color:borders};
  215. max-width:100%;
  216. {/block:indexpage}
  217. -webkit-transition:All 0.9s ease;
  218. }
  219.  
  220.  
  221. #postnotes{
  222. background:{color:background};
  223. overflow:auto;
  224. border:1px solid {color:borders};
  225. height:auto;
  226. max-height:170px;
  227. line-height:20px;
  228. padding:8px;
  229. }
  230.  
  231. #entry {
  232. font-family:times;
  233. font-size:11px;
  234. line-height: 16px;
  235. color:{color:text};
  236. padding:0px;
  237. padding-bottom:0px;
  238. font-style:italic;
  239. margin-top:50px;
  240. margin-left:60px;
  241. float:left;
  242. width:250px;
  243. {block:PermalinkPage}
  244. width:400px;
  245. padding:15px;
  246. background:#fff;
  247. border:1px solid {color:borders};
  248. {/block:PermalinkPage}
  249. }
  250.  
  251.  
  252. .video iframe,
  253. .video .tumblr_video_container,
  254. .video .tumblr_video_container iframe {
  255. display:block;
  256. width:100%;
  257. height:auto;
  258. }
  259.  
  260. .video #youtube_iframe {
  261. display:block;
  262. width:100%;
  263. height:auto;
  264. }
  265.  
  266.  
  267.  
  268. .perma{
  269. display:block;
  270. text-align:left;
  271. text-decoration:none;
  272. font-size:10px;
  273. margin-top:10px;
  274. letter-spacing:1px;
  275. font-family:times;
  276. font-style:normal;
  277. text-transform:uppercase;
  278. line-height:10px;
  279. height:10px;
  280. opacity:0;
  281. color:{color:link};
  282. position:absolute;
  283. width:150px;
  284. -webkit-transition:All 0.9s ease;
  285. }
  286.  
  287. #entry:hover .perma{
  288. opacity:1;
  289. }
  290.  
  291. #sidebar {
  292. position:fixed;
  293. z-index:99999;
  294. width:200px;
  295. margin-top:50px;
  296. margin-left:110px;
  297. height:auto;
  298. padding:7px;
  299. font-size:10px;
  300. line-height:13px;
  301. color:{color:text};
  302. font-family:arial;
  303. }
  304.  
  305.  
  306. .foto img{
  307. width:180px;
  308. margin-left:0px;
  309. margin-top:0px;
  310. z-index:999;
  311. border:1px solid {color:borders};
  312. }
  313.  
  314.  
  315. .titulo {
  316. margin-top:10px;
  317. margin-left:0px;
  318. font-family:Times;
  319. z-index:999999;
  320. text-align:left;
  321. padding-left:4px;
  322. padding-bottom:10px;
  323. width:auto;
  324. height:14px;
  325. font-style:italic;
  326. font-size:25px;
  327. width:180px;
  328. line-height:14px;
  329. letter-spacing:4px;
  330. color:{color:blogtitle};
  331. border-bottom:1px solid {color:borders};
  332. }
  333.  
  334. .desc{
  335. padding:5px;
  336. width:170px;
  337. font-size:11px;
  338. text-align:left;
  339. font-style:italic;
  340. font-family:times;
  341. border-bottom:1px solid {color:borders};
  342. }
  343.  
  344. .links{
  345. opacity:1;
  346. margin-top:1px;
  347. padding:5px;
  348. max-width:170px;
  349. margin-left:0px;
  350. text-align:center;
  351. }
  352.  
  353.  
  354. .links a{
  355. text-decoration:none;
  356. color:{color:link};
  357. font-size:11px;
  358. font-family:times;
  359. display:inline-block;
  360. line-height:15px;
  361. position:relative;
  362. font-style:italic;
  363. text-align:center;
  364. margin-top:5px;
  365. margin-left:4px;
  366. }
  367.  
  368. .links a:hover{
  369. color:black;
  370. }
  371.  
  372.  
  373.  
  374. #lace{
  375. position:fixed;
  376. opacity:1;
  377. width:30px;
  378. padding:3px;
  379. height:100%;
  380. background:{color:blogtitle};
  381. margin-top:-10px;
  382. margin-left:-5px;
  383. z-index:99999999999;
  384. text-align:center;
  385. -webkit-transition: all .7s ease;
  386. -moz-transition: all .7s ease;
  387. -o-transition: all .7s ease;
  388. transition: all .7s ease;}
  389.  
  390.  
  391. .wow {
  392. position:fixed;
  393. font-family:times;
  394. font-size:12px;
  395. right:15px;
  396. font-style:italic;
  397. bottom:15px;
  398. z-index:99999999999999999;
  399. }
  400.  
  401.  
  402. ol.notes li.note img.avatar {
  403. display:none;}
  404.  
  405. </style>
  406.  
  407. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" /><meta name="viewport" content="width=720" /></head>
  408.  
  409. <body>
  410. <div id="center">
  411. <div id="content">
  412. <!--don't delete my credits, thank you ^-^ --->
  413. <div class="wow"><a title="theme credit" href="http://planthed.tumblr.com" target="_blank">thm.</a>
  414. </div>
  415.  
  416. <div id="lace"></div>
  417.  
  418. <div id="sidebar">
  419. <div class="foto"><img src="{image:sidebar}"></div>
  420. <div class="titulo">{text:blogtitle}</div>
  421. <div class="desc">{description}</div>
  422. <div class="links">
  423. <a href="{text:Link 1}">{text:Link 1 Title}</a>
  424. <a href="{text:Link 2}">{text:Link 2 Title}</a>
  425. <a href="{text:Link 3}">{text:Link 3 Title}</a>
  426. <a href="{text:Link 4}">{text:Link 4 Title}</a>
  427. <a href="{text:Link 5}">{text:Link 5 Title}</a>
  428. <a href="{text:Link 6}">{text:Link 6 Title}</a>
  429. <a href="http://planthed.tumblr.com" target="_blank">credit</a>
  430. </div>
  431. </div>
  432. </div>
  433.  
  434.  
  435.  
  436.  
  437.  
  438. <div id="posts">
  439. {block:Posts}
  440. <div id="entry">
  441.  
  442.  
  443. {block:Text}
  444. {block:Title}<span class="title">{Title}</span></span>{/block:Title}
  445. <span class="entrytext">{Body}</span></span></a>
  446. {/block:Text}
  447.  
  448.  
  449. {block:Link}
  450. <a href="{URL}" class="title">{Name}</a>
  451. {block:Description}{Description}{/block:Description}
  452. {block:Link}
  453.  
  454.  
  455. {block:Photo}
  456. {block:IndexPage}
  457. <a href="{permalink}"><img src="{PhotoURL-250}"alt="{PhotoAlt}"/></a>
  458. {/block:IndexPage}
  459. {block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=100%/>{LinkCloseTag}{/block:PermalinkPage}
  460. {/block:Photo}
  461.  
  462.  
  463. {block:Photoset}
  464. {block:IndexPage}
  465. {Photoset-250}
  466. {/block:IndexPage}
  467. {block:PermalinkPage}
  468. {Photoset-400}
  469. {/block:PermalinkPage}
  470. {/block:Photoset}
  471.  
  472.  
  473.  
  474. {block:Quote}
  475. <div class="quote">❝{quote}</div>
  476. {/block:Quote}
  477.  
  478. {block:Chat}
  479. {block:Title}<span class="title">{Title}</span>{/block:Title}
  480. <ul class="chat">
  481. {block:Lines}
  482. <li class="user_{UserNumber}">
  483. {block:Label}
  484. <span class="label">{Label}</span>
  485. {/block:Label}
  486. {Line}<p>
  487. {/block:Lines}
  488. {/block:Chat}
  489.  
  490. {block:Audio}
  491. <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>
  492. {/block:Audio}
  493.  
  494.  
  495. {block:Video}
  496. {block:IndexPage}
  497. <div class="video">{Video-500}</div>
  498. {/block:IndexPage}</center>
  499. {block:PermalinkPage}{Video-400}{/block:PermalinkPage}</center>
  500. {block:Video}
  501.  
  502.  
  503. {block:Answer}
  504. <div style="margin-top:2px;;margin-bottom:0px;min-height:auto; padding: 6px; background-color:{color:background};border:1px solid {color:borders}">
  505. <askk>{asker}:</askk>{Question}</div>
  506. <div style="margin-top:5px;line-height:11px;margin-bottom:2px; text-align-align:left;">
  507. {Answer}</div>
  508. {/block:Answer}
  509.  
  510. {block:IndexPage}
  511. <div class="perma">
  512. <a title="posted {timeago} with {notecountwithlabel}" href="{permalink}" target="_blank"><i class="fa fa-eye"></i></a> | <a href="{ReblogURL}" target="_blank"> reblog this post</a>
  513. </div>
  514. {/block:IndexPage}
  515.  
  516.  
  517.  
  518. {block:PermalinkPage}
  519. {block:Caption}{Caption}{/block:Caption}
  520. {block:RebloggedFrom}
  521. posted {12Hour}:{Minutes} {AmPm} on {DayOfWeek}, {Month} {DayOfMonth}, {Year} with {notecountwithlabel}<br>
  522. <b>orginally posted by:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> | <b>reblogged from:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br>{/block:RebloggedFrom}
  523. {block:HasTags} tags: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}
  524.  
  525. {block:NoteCount} <div style="border-bottom: 1px solid #eee; text-align: center; margin: 8px;"></div>{/block:NoteCount}
  526. </center>
  527. {/block:PermalinkPage}
  528.  
  529. {block:PostNotes}<div align="middle"></div>
  530. <center></center></span><br>
  531. <div id="postnotes">{PostNotes}</div>
  532. {/block:PostNotes}
  533. </div>
  534. {/block:Posts}
  535. </div></div>
  536.  
  537. {block:indexpage}
  538. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  539. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  540. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  541. <script type="text/javascript">
  542. $(window).load(function(){
  543. var $wall = $('#posts');
  544. $wall.imagesLoaded(function(){
  545. $wall.masonry({
  546. itemSelector: '#entry, #entry_photo',
  547. isAnimated : false
  548. });
  549. });
  550.  
  551. $wall.infinitescroll({
  552. navSelector : '#page-nav',
  553. nextSelector : '#page-nav a',
  554. itemSelector : '#entry, #entry_photo',
  555. bufferPx : 2000,
  556. debug : false,
  557. errorCallback: function() {
  558. $('#infscr-loading').fadeOut('normal');
  559. }},
  560. function( newElements ) {
  561. var $newElems = $( newElements );
  562. $newElems.hide();
  563. $newElems.imagesLoaded(function(){
  564. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  565. });
  566. }); $('#content').show(500);
  567. });
  568. </script>
  569. {/block:indexpage}
  570.  
  571. </body>
  572. </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!