API tools faq
paste
planthed

Never Enough

planthed
Apr 15th, 2016
744
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.31 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. ✧* 。♡ Never Enough theme | @planthed | @themekid ♡ 。*✧
  4.  
  5.  
  6. — Do not delete the credit.
  7. — Do not copy or steal any code.
  8. — Do not claim as yours.
  9.  
  10. Enjoy (✿◠‿◠)
  11.  
  12. infinite scroll with masonry + pxu: @shythemes
  13. -->
  14.  
  15. <html lang="en">
  16. <head>
  17.  
  18.  
  19. <title>{block:PostSummary}{PostSummary}: {/block:PostSummary}{Title}</title>
  20. <link rel="shortcut icon" href="{favicon}">
  21. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  22. {block:hidden}
  23. <!--Default Variables-->
  24. <meta name="image:background" content=""/>
  25. <meta name="image:sidebar" content=""/>
  26.  
  27. <meta name="color:Background" content="#fbfbfb"/>
  28. <meta name="color:Link" content="#000"/>
  29. <meta name="color:text" content="#000"/>
  30. <meta name="color:post background" content="#fff"/>
  31. <meta name="color:border" content="#C4CED7"/>
  32. <meta name="color:bars" content="#C4CED7"/>
  33. <meta name="color:border bars" content="#C4CED7"/>
  34. <meta name="color:blogtitle text" content="#000"/>
  35. <meta name="color:navigation links" content="#000"/>
  36. <meta name="color:description text" content="#000"/>
  37. <meta name="color:description background" content="#fff"/>
  38. <meta name="color:description border" content="#C4CED7"/>
  39. <meta name="color:permalink background" content="#fff"/>
  40. <meta name="color:permalink text" content="#000"/>
  41. <meta name="color:shadow" content="#C4CED7"/>
  42.  
  43. <meta name="text:blogtitle" content="title;" />
  44. <meta name="text:Link 1 Title" content="title 1" />
  45. <meta name="text:Link 1" content="http://" />
  46. <meta name="text:Link 2 Title" content="title 2"/>
  47. <meta name="text:Link 2" content="http://" />
  48. <meta name="text:Link 3 Title" content="title 3" />
  49. <meta name="text:Link 3" content="http://" />
  50. <meta name="text:Link 4 Title" content="title 4" />
  51. <meta name="text:Link 4" content="http://" />
  52. <meta name="text:Link 5 Title" content="title 5" />
  53. <meta name="text:Link 5" content="http://" />
  54.  
  55.  
  56. <meta name="if:White Tiny cursor" content="" />
  57. <meta name="if:Black Tiny cursor" content="" />
  58. <meta name="if:faded hover" content=""/>
  59. <meta name="if:shadow" content=""/>
  60. <meta name="if:description shadow" content=""/>
  61.  
  62. <meta name="select:font size" content="9px" title="9px">
  63. <meta name="select:font size" content="10px" title="10px">
  64. <meta name="select:font size" content="11px" title="11px">
  65. <meta name="select:font size" content="12px" title="12px">
  66.  
  67.  
  68.  
  69. {/block:hidden}
  70.  
  71.  
  72. <!---pxu script--->
  73. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  74.  
  75. <!--- tooltips script --->
  76. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  77. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  78. <script>
  79. (function($){
  80. $(document).ready(function(){
  81. $("a[title]").style_my_tooltips({
  82. tip_follows_cursor:true,
  83. tip_delay_time:90,
  84. tip_fade_speed:600,
  85. attribute:"title"
  86. });
  87. });
  88. })(jQuery);
  89. </script>
  90.  
  91. <!-------
  92.  
  93. A FEW RULES YOU NEED TO KNOW BEFORE START EDITING THE THEME:
  94.  
  95. > You CAN'T use my themes as base
  96. > You CAN'T remove my credits, even if you edited the theme a lot.
  97. > Don't use any part of my codes without permission.
  98. > You can edit the theme as your own like and make it look too different as the original one but if you edit the theme a lot and you're having problems with it, I'll not allowed to help you.
  99.  
  100.  
  101. YOU ARE NOT ALLOWED TO USE MY CODES FOR YOUR OWN THEME OR ANY OTHER THEME
  102. BY OTHER THEME MAKER WITHOUT PERMISSION, IF YOU WANNA USE ONE OF MY CODES
  103. ASK FIRST, DON'T CLAIM AS YOURS, DON'T BE A BITCH.
  104.  
  105. ---------->
  106.  
  107.  
  108. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
  109.  
  110. <script>
  111. $(document).ready(function(){
  112. $(".show").click(function(){
  113. $(".notas").slideToggle("slow");
  114. });
  115. });
  116. </script>
  117.  
  118. <style type="text/css">
  119.  
  120.  
  121.  
  122. .video, .video iframe{
  123. display:block;
  124. {block:indexpage}
  125. width:240px;
  126. height:auto;
  127. {/block:indexpage}
  128. {block:PermalinkPage}
  129. width:500px;
  130. height:auto;
  131. {/block:PermalinkPage}
  132. }
  133.  
  134. /*tooltips style*/
  135. #s-m-t-tooltip{
  136. max-width:300px;
  137. padding:7px;
  138. background:{color:post background};
  139. color:{color:text};
  140. border:1px solid {color:border};
  141. min-height:7px;
  142. margin:20px 0px 0px 20px;
  143. line-height:100%;
  144. word-wrap:break-word;
  145. word-break:break-all;
  146. opacity:1;
  147. z-index:9999999999999999999;
  148. }
  149.  
  150.  
  151.  
  152. #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:4px!important; right:5px!important; opacity:.5;
  153. -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}
  154.  
  155. #tumblr_controls, .tmblr-iframe:hover{
  156. opacity:.9;webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;
  157. -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%);
  158. }
  159.  
  160.  
  161.  
  162. /*tumblr controls and lightbox*/
  163.  
  164.  
  165.  
  166. #tumblr_lightbox,.tmblr-lightbox{
  167. background:rgba({RGBcolor:background}, 0.8)!important;}
  168.  
  169. #vignette,#tumblr_lightbox_caption,.vignette,.lightbox-caption{
  170. opacity:0!important;
  171. }
  172.  
  173. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image, .lightbox-image {
  174. box-shadow:none!important;
  175. border-radius:0px!important;
  176. padding:0px!important;
  177. background:{color:post background}!important;
  178. border:0px solid {color:border}!important;
  179. }
  180.  
  181. ::-webkit-scrollbar{
  182. height:3px;
  183. width:11px;
  184. background:inherit;
  185. background:rgba({RGBcolor:border}, 0.4);
  186. border:5px solid {color:background};
  187. }
  188.  
  189. ::-webkit-scrollbar-track {background:transparent;}
  190.  
  191. ::-webkit-scrollbar-thumb {
  192. height:150px!important;
  193. background:{color:border};
  194. border:5px solid {color:background};
  195. }
  196.  
  197. /*tiny cursor*/
  198.  
  199.  
  200. html, body, img, a {
  201. {block:ifWhiteTinycursor}
  202. cursor:url(http://static.tumblr.com/vmteopo/fhxo3gbrd/small_white_cursor.png), auto;
  203. {/block:ifWhiteTinycursor}
  204. {block:ifBlackTinyCursor}
  205. cursor: url('http://33.media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png'), auto;
  206. {/block:ifBlackTinyCursor}
  207. }
  208.  
  209. a:hover, a:active, iframe{
  210. {block:ifWhiteTinycursor}cursor:url(http://static.tumblr.com/vmteopo/RQ9o3gbth/small_white_cursor_help.png), crosshair;
  211. {/block:ifWhiteTinycursor}
  212. {block:ifBlackTinyCursor}
  213. cursor:url(http://static.tumblr.com/vmteopo/DH3njhg50/help_cursor.png), crosshair;
  214. {/block:ifBlackTinyCursor}
  215. }
  216.  
  217.  
  218. /*main structure*/
  219.  
  220. body{
  221. background-color:{color:background};
  222. background-image:url({image:Background});
  223. background-attachment:fixed;
  224. background-repeat:repeat;
  225. font-size:{select:font size};
  226. font-family:PT Serif;
  227. color:{color:text};
  228. line-height:1.5em;
  229. -moz-osx-font-smoothing:grayscale;
  230. -webkit-font-smoothing:antialiased;
  231. font-smoothing:antialiased;
  232. }
  233.  
  234.  
  235. a:link, a:active, a:visited{
  236. color:{color:link};
  237. text-decoration:none;
  238. -webkit-transition:all 0.5s linear;
  239. -moz-transition:all 0.5s linear;
  240. transition:all 0.5s linear;
  241. }
  242.  
  243. a:hover {color:{color:text};}
  244.  
  245.  
  246. .center {
  247. position:relative;
  248. margin:60px auto;
  249. width:calc(520px + 130px);
  250. {block:PermalinkPage}
  251. width:calc(400px + 200px);
  252. {/block:PermalinkPage}
  253. }
  254.  
  255. #posts{
  256. position:relative;
  257. {block:PermalinkPage}
  258. margin-top:100px;
  259. {/block:PermalinkPage}
  260. }
  261.  
  262.  
  263. .entry {
  264. margin:25px;
  265. padding:15px;
  266. background:{color:post background};
  267. color:{color:text};
  268. border:1px solid {color:border};
  269. {block:ifshadow}
  270. box-shadow: 6px 6px {color:shadow};
  271. {/block:ifshadow}
  272. {block:indexpage}
  273. width:240px;
  274. opacity:0;
  275. z-index:-1;
  276. {/block:indexpage}
  277. {block:PermalinkPage}
  278. width:500px;
  279. padding-bottom:10px;
  280. {/block:PermalinkPage}
  281. }
  282.  
  283.  
  284.  
  285. .entry img{
  286. max-width:100%;
  287. display:block;
  288. position:relative;
  289. overflow:hidden;
  290. }
  291.  
  292.  
  293. .entry:hover img{
  294. {block:iffadedhover}
  295. opacity:.7;
  296. {/block:iffadedhover}
  297. -webkit-transition: all .3s ease;
  298. -moz-transition: all .3s ease;
  299. -o-transition: all .3s ease;
  300. transition: all .3s ease;
  301. }
  302.  
  303. /*permas*/
  304.  
  305. .permalinktext{
  306. display:block;
  307. text-decoration:none;
  308. margin-top:-10px;
  309. font-size:7px;
  310. letter-spacing:2px;
  311. font-family:open sans;
  312. text-transform:uppercase;
  313. line-height:15px;
  314. width:240px;
  315. height:8px;
  316. opacity:0;
  317. -webkit-transition: all .3s ease;
  318. -moz-transition: all .3s ease;
  319. -o-transition: all .3s ease;
  320. transition: all .3s ease;
  321. }
  322.  
  323. .entry:hover .permalinktext{
  324. opacity:1;
  325. margin-top:10px;
  326. -webkit-transition: all .3s ease;
  327. -moz-transition: all .3s ease;
  328. -o-transition: all .3s ease;
  329. transition: all .3s ease;
  330. }
  331.  
  332. .permalinktext a{
  333. color:{color:link};
  334. }
  335.  
  336. .permalinktext a:hover{
  337. color:{color:text};
  338. letter-spacing:3px;
  339. }
  340.  
  341. #perm a, #perm2 a{
  342. color:{color:permalink text};
  343. }
  344.  
  345. #perm{
  346. padding:5px;
  347. width:auto;
  348. height:15px;
  349. margin-top:10px;
  350. position:absolute!important;
  351. margin-left:30px;
  352. letter-spacing:0px;
  353. text-align:center;
  354. opacity:0;
  355. font-family:roboto;
  356. font-size:9px;
  357. width:50px;
  358. line-height:15px;
  359. text-transform:uppercase;
  360. color:{color:permalink text};
  361. background:{color:permalink background};
  362. z-index:99999;
  363. overflow:hidden;
  364. -webkit-transition: all .3s ease;
  365. -moz-transition: all .3s ease;
  366. -o-transition: all .3s ease;
  367. transition: all .3s ease;
  368. }
  369.  
  370. .entry:hover #perm{
  371. opacity:1;
  372. overflow:visible;
  373. margin-left:10px;
  374. -webkit-transition: all .3s ease;
  375. -moz-transition: all .3s ease;
  376. -o-transition: all .3s ease;
  377. transition: all .3s ease;
  378. }
  379.  
  380. #perm2{
  381. padding:5px;
  382. width:auto;
  383. height:15px;
  384. margin-top:41px;
  385. position:absolute!important;
  386. margin-left:30px;
  387. letter-spacing:0px;
  388. text-align:center;
  389. opacity:0;
  390. width:50px;
  391. font-family:roboto;
  392. font-size:9px;
  393. line-height:15px;
  394. text-transform:uppercase;
  395. color:{color:permalink text};
  396. background:{color:permalink background};
  397. z-index:99999;
  398. overflow:hidden;
  399. -webkit-transition: all .3s ease;
  400. -moz-transition: all .3s ease;
  401. -o-transition: all .3s ease;
  402. transition: all .3s ease;
  403. }
  404.  
  405. .entry:hover #perm2{
  406. opacity:1;
  407. overflow:visible;
  408. margin-left:10px;
  409. -webkit-transition: all .3s ease;
  410. -moz-transition: all .3s ease;
  411. -o-transition: all .3s ease;
  412. transition: all .3s ease;
  413. }
  414.  
  415.  
  416. pre {
  417. white-space: pre-wrap;
  418. white-space: -moz-pre-wrap;
  419. white-space: -pre-wrap;
  420. white-space: -o-pre-wrap;
  421. word-wrap: break-word;
  422. }
  423.  
  424. p {margin:5px 0;}
  425.  
  426. p:first-of-type {
  427. margin-top:0;
  428. padding-top:0;
  429. }
  430.  
  431. p:last-of-type {
  432. margin-bottom:0;
  433. padding-bottom:0;
  434. }
  435.  
  436.  
  437. small, big {font-size:1em;}
  438.  
  439. h1, h2, h3, h4 {
  440. font-size:2em;
  441. margin:0;
  442. padding:0;
  443. }
  444.  
  445.  
  446. /*audio player*/
  447.  
  448.  
  449. #audio {
  450. width:auto;
  451. margin:0px;
  452. height:auto;
  453. min-height:60px;
  454. line-height:20px;
  455. }
  456. .cover {
  457. z-index:1;
  458. width:70px;
  459. height:70px;
  460. position:absolute;
  461. }
  462. .cover img {
  463. float:left;
  464. position:absolute;
  465. border-radius:0px;
  466. width:70px;
  467. height:70px;
  468. }
  469.  
  470. .playbox {
  471. position:absolute;
  472. z-index:9;
  473. background:black;
  474. opacity:0;
  475. width:70px;
  476. height:70px;
  477. -webkit-transition:opacity 0.5s linear;
  478. -webkit-transition:all 0.5s linear;
  479. -moz-transition:all 0.5s linear;
  480. transition:all 0.5s linear;
  481. }
  482.  
  483. .entry:hover .playbox{
  484. opacity:.8;
  485. -webkit-transition:opacity 0.5s linear;
  486. -webkit-transition:all 0.5s linear;
  487. -moz-transition:all 0.5s linear;
  488. transition:all 0.5s linear;
  489. }
  490.  
  491. .button {
  492. position:relative;
  493. z-index: 1000;
  494. overflow:hidden;
  495. width:25px;
  496. height:25px;
  497. margin:20px 20px 20px 20px;
  498. }
  499.  
  500.  
  501. .info {
  502. margin-left:70px;
  503. margin-top:0px;
  504. font-size:10px;
  505. letter-spacing:2px;
  506. text-align:right;
  507. text-transform:uppercase;
  508. line-height:25px;
  509. background:{color:bars};
  510. padding:10px;
  511. }
  512.  
  513. /*title*/
  514.  
  515. .title{
  516. margin-bottom:6px;
  517. text-align:center;
  518. font-size:15px;
  519. text-transform:uppercase;
  520. letter-spacing:2px;
  521. line-height:28px;
  522. }
  523.  
  524. .title a{
  525. color:{color:Accent text};
  526. }
  527.  
  528. /*blockquote & quote*/
  529.  
  530. blockquote{
  531. border-left:1px solid {color:border};
  532. margin:5px;
  533. padding-left:10px;
  534. line-height:15px;
  535. }
  536.  
  537. .quote{
  538. font-size:12px;
  539. text-transform:uppercase;
  540. letter-spacing:2px;
  541. line-height:19px;
  542. margin-bottom:5px;
  543. }
  544.  
  545. .cite{
  546. line-height:15px;
  547. text-align:right;
  548. font-size:10px;
  549. font-style:italic;
  550. padding-top:5px;
  551. border-top:1px solid {color:border};
  552. }
  553.  
  554. .cite a{
  555. color:{color:Accent text};
  556. }
  557.  
  558. /*ask style*/
  559.  
  560.  
  561. .as{
  562. color:{color:text};
  563. letter-spacing:0px;
  564. text-transform:uppercase;
  565. letter-spacing:1px;
  566. padding:10px;
  567. font-family:roboto;
  568. font-size:10px;
  569. text-align:center;
  570. overflow:hidden;
  571. background:{color:bars};
  572. color:{color:navigation links};
  573. }
  574.  
  575. .as a{color:{color:navigation links};}
  576.  
  577. .q{
  578. margin-top:10px;
  579. margin-bottom:10px;
  580. line-height:14px;
  581. }
  582.  
  583. .qline{
  584. height:1px;
  585. display:block;
  586. width:50%;
  587. margin-left:25%;
  588. background:{color:border};
  589. }
  590.  
  591. .a{
  592. line-height:14px;
  593. margin-top:10px;
  594. }
  595.  
  596. .a img{
  597. width:100%;
  598. height:auto;
  599. }
  600.  
  601.  
  602. #reblogged {
  603. bottom:30px!important;
  604. right:30px!important;
  605. }
  606. /*chat styling*/
  607.  
  608. .user_1, .user_3, .user_5, .user_7, .user_9, .user_11, .user_13, .user_15, .user_17, .user_19, .user_21, .user_23, .user_25, .user_27, .user_29, .user_31, .user_33, .user_35, .user_37, .user_39, .user_41, .user_43, .user_45, .user_47, .user_49, .user_51, .user_53, .user_55, .user_57, .user_59, .user_61, .user_63, .user_65, .user_67, .user_69, .user_71, .user_73, .user_75, .user_77, .user_79, .user_81, .user_83, .user_85, .user_87, .user_89, .user_91, .user_93, .user_95, .user_97, .user_99, .user_101, .user_103, .user_105, .user_107, .user_109, .user_111, .user_113, .user_115, .user_117, .user_119, .user_121, .user_123, .user_125, .user_127, .user_129, .user_131, .user_133, .user_135, .user_137, .user_139, .user_141, .user_143, .user_145, .user_147, .user_149{
  609. background:rgba({RGBcolor:bars}, 1);
  610. padding:7px;}
  611.  
  612. .user_2, .user_4, .user_6, .user_8, .user_10, .user_12, .user_14, .user_16, .user_18, .user_20, .user_22, .user_24, .user_26, .user_28, .user_30, .user_32, .user_34, .user_36, .user_38, .user_40, .user_42, .user_44, .user_46, .user_48, .user_50, .user_52, .user_54, .user_56, .user_58, .user_60, .user_62, .user_64, .user_66, .user_68, .user_70, .user_72, .user_74, .user_76, .user_78, .user_80, .user_82, .user_84, .user_86, .user_88, .user_90, .user_92, .user_94, .user_96, .user_98, .user_100, .user_102, .user_104, .user_106, .user_108, .user_110, .user_112, .user_114, .user_116, .user_118, .user_120, .user_122, .user_124, .user_126, .user_128, .user_130, .user_132, .user_134, .user_136, .user_138, .user_140, .user_142, .user_144, .user_146, .user_148, .user_150{
  613. background:rgba({RGBcolor:bars}, 0.6);
  614. padding:7px;}
  615.  
  616.  
  617. .back li, .a li{position:relative;display:block;}
  618. .back li:before, .a li:before{content:'―';font-size:10px;position:absolute;left:-15px;color:{color:border};top:0px;}
  619.  
  620.  
  621. /*permalink notes*/
  622.  
  623. .caption{
  624. padding:10px;
  625. margin-top:10px;
  626. border:1px solid {color:border};
  627. }
  628.  
  629.  
  630. .inf{
  631. display:block;
  632. margin-top:10px;
  633. margin-bottom:10px;
  634. padding:10px;
  635. border:1px solid {color:border};
  636. line-height:17px;
  637. }
  638.  
  639. .tg{display:block;}
  640. .tg a:after{content:',';}
  641. .tg a:last-of-type:after {content:'.';}
  642. .inf a, .notas a, .tg a{color:{color:text};}
  643. .inf a:hover, .notas a:hover, .tg a:hover{color:{color:link};}
  644.  
  645. .notas{
  646. margin-top:0px;
  647. display:none;
  648. border:1px solid {color:border};
  649. border-top:0px solid transparent;
  650. padding:0px;
  651. color:{color:text};
  652. }
  653.  
  654.  
  655. ol.notes {
  656. padding:0px!important;
  657. margin: 0;
  658. list-style-type: none;
  659. }
  660. ol.notes li.note {
  661. padding:8px;
  662. border-top:1px solid {color:border};
  663. }
  664. ol.notes li.note img.avatar {
  665. float:right;
  666. border-radius:50%;
  667. padding:0px!important;
  668. }
  669. ol.notes li.note blockquote a {
  670. text-decoration: none;
  671. }
  672. li.more_notes_link_container {
  673. text-transform: uppercase;
  674. font-size:1em;
  675. letter-spacing:1px;
  676. }
  677.  
  678. li.more_notes_link_container:hover{
  679. letter-spacing:4px;
  680. }
  681.  
  682. img:not(.lightbox-image) {
  683. max-width:100%;
  684. height:auto;
  685. }
  686.  
  687. /*top bar*/
  688.  
  689. #top{
  690. position:fixed;
  691. opacity:1;
  692. width:100%;
  693. height:30px;
  694. background:{color:bars};
  695. top:0px;
  696. border-bottom:1px solid {color:border bars};
  697. left:0px;
  698. z-index:999999;
  699. }
  700.  
  701. #left{
  702. position:fixed;
  703. opacity:1;
  704. width:30px;
  705. height:100%;
  706. border-right:1px solid {color:border bars};
  707. background:{color:bars};
  708. top:30px;left:0px;
  709. z-index:999999;
  710. }
  711.  
  712. #nav{
  713. margin-top:1px;
  714. text-align:center;
  715. font-family:PT Serif;
  716. }
  717.  
  718. #nav a{
  719. display:inline-block;
  720. font-size:11px;
  721. margin:3px;
  722. color:{color:navigation links};
  723. }
  724.  
  725.  
  726. #nav:hover a{color:{color:text};opacity:.3;}
  727. #nav a:hover{color:{color:navigation links};opacity:1;}
  728.  
  729. bt{
  730. font-family:PT Serif;
  731. font-size:14px;
  732. font-style:italic;
  733. line-height:25px;
  734. padding-right:3px;
  735. text-align:center;
  736. color:{color:blogtitle text};
  737. }
  738.  
  739. #sidebar{
  740. position:fixed;
  741. top:100px;
  742. margin-left:calc(20px - 270px);
  743. width:200px;
  744. font-size:{select:font size};
  745. }
  746.  
  747. #sidebar img {
  748. width:170px;
  749. display:none;
  750. margin-bottom:10px;
  751. {block:ifsidebarimage}
  752. display:block;visibility:visible;
  753. {/block:ifsidebarimage}
  754. }
  755.  
  756. .desc{
  757. background:{color:description background};
  758. margin-top:7px;
  759. color:{color:description text};
  760. padding:15px;
  761. border:1px solid {color:description border};
  762. {block:ifdescriptionshadow}
  763. box-shadow: 6px 6px {color:shadow};
  764. {/block:ifdescriptionshadow}
  765. }
  766.  
  767.  
  768.  
  769. </style>
  770. </head>
  771.  
  772. <body>
  773.  
  774. <div id="top">
  775. <div id="nav">
  776. <bt>{text:blogtitle}</bt>
  777. <a href="{text:Link 1}">{text:Link 1 Title}</a> -
  778. <a href="{text:Link 2}">{text:Link 2 Title}</a> -
  779. <a href="{text:Link 3}">{text:Link 3 Title}</a> -
  780. <a href="{text:Link 4}">{text:Link 4 Title}</a> -
  781. <a href="{text:Link 5}">{text:Link 5 Title}</a> -
  782. <a href="http://planthed.tumblr.com" target="_blank">theme</a>
  783. </div></div>
  784. <div id="left"></div>
  785.  
  786. <div class="center">
  787.  
  788. <div id="sidebar">
  789. <div class="desc">
  790. <img src="{image:sidebar}"> {Description}</div>
  791. </div>
  792.  
  793.  
  794.  
  795. <div id="posts">
  796. {block:Posts}
  797. <div class="entry">
  798.  
  799. {block:Text}<div class="back">
  800. {block:Title}<div class="title">{Title}</div>{/block:Title}
  801. {Body}</div>{block:IndexPage}
  802. <div class="permalinktext">
  803. Posted on {Month} {DayOfMonth}, {Year} <div style="text-align:right;margin-top:-15px"><a href="{permalink}" target="_blank">{notecountwithlabel}</a></div></div>
  804. {/block:IndexPage}
  805. {/block:Text}
  806.  
  807.  
  808. {block:Link}<div class="back">
  809. <div class="title">
  810. <a href="{URL}">{Name} <i class="fa fa-angle-right"></i></a></div>
  811. {block:Description}{Description}{/block:Description}
  812. </div>
  813. {block:IndexPage}
  814. <div class="permalinktext">
  815. Posted on {Month} {DayOfMonth}, {Year} <div style="text-align:right;margin-top:-15px"><a href="{permalink}" target="_blank">{notecountwithlabel}</a></div></div>
  816. {/block:IndexPage}
  817. {block:Link}
  818.  
  819.  
  820. {block:Photo}
  821. {block:IndexPage}
  822. <div id="perm">
  823. <a title="{timeago}" href="{permalink}" target="_blank">{block:NoteCount}{notecount}{/block:NoteCount}</a></div>
  824. <div id="perm2"><a href="{ReblogURL}" target="_blank">reblog</a>
  825. </div>
  826. {/block:IndexPage}
  827. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/>
  828. {/block:Photo}
  829.  
  830.  
  831. {block:Photoset}
  832. {block:IndexPage}
  833. <div id="perm">
  834. <a title="{timeago}" href="{permalink}" target="_blank">{block:NoteCount}{notecount}{/block:NoteCount}</a></div>
  835. <div id="perm2"><a href="{ReblogURL}" target="_blank">reblog</a>
  836. </div>
  837. {/block:IndexPage}
  838. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  839. {/block:Photoset}
  840.  
  841.  
  842. {block:Quote}
  843. <div class="back">
  844. <div class="quote">❝&nbsp;{quote}</div>
  845. <div class="cite">&mdash; {Source}</div></div>{block:IndexPage}
  846. <div class="permalinktext">
  847. Posted on {Month} {DayOfMonth}, {Year} <div style="text-align:right;margin-top:-15px"><a href="{permalink}" target="_blank">{notecountwithlabel}</a></div></div>
  848. {/block:IndexPage}
  849. {/block:Quote}
  850.  
  851. {block:Chat}
  852. <div class="back">
  853. <div class="chat">
  854. {block:Title}<span class="title">{Title}</span></span>{/block:Title}
  855. {block:Lines}<div class="lines {Alt}"><div class="{Alt} user_{UserNumber}">{block:Label}<i>{Label}</i> {/block:Label}{Line}</div></div>{/block:Lines}
  856. </div></div>
  857. {block:IndexPage}
  858. <div class="permalinktext">
  859. Posted on {Month} {DayOfMonth}, {Year} <div style="text-align:right;margin-top:-15px"><a href="{permalink}" target="_blank">{notecountwithlabel}</a></div></div>
  860. {/block:IndexPage}
  861. {/block:Chat}
  862.  
  863. {block:Audio}
  864. <div class="back">
  865. <div id="audio">
  866. <div class="cover"><img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>
  867. {block:AlbumArt}
  868. <div class="cover"><img src="{AlbumArtURL}"></div>
  869. {/block:AlbumArt}
  870. <div class="playbox">
  871. <div class="button">
  872. {block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}</div></div>
  873. <div class="info">
  874. <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}
  875. <div style="text-transform:uppercase;font-size:8px;letter-spacing:2px;color:{color:Accent text};font-family:{select:Font};">
  876. <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}</div>
  877. </div>
  878. </div></div>
  879. {block:IndexPage}
  880. <div class="permalinktext">
  881. Posted on {Month} {DayOfMonth}, {Year} <div style="text-align:right;margin-top:-15px"><a href="{permalink}" target="_blank">{notecountwithlabel}</a></div></div>
  882. {/block:IndexPage}
  883. {/block:Audio}
  884.  
  885.  
  886. {block:Video}
  887. <div class="video">{Video-500}</div>
  888. {block:IndexPage}
  889. <div class="permalinktext">
  890. Posted on {Month} {DayOfMonth}, {Year} <div style="text-align:right;margin-top:-15px"><a href="{permalink}" target="_blank">{notecountwithlabel}</a></div></div>
  891. {/block:IndexPage}
  892. {/block:Video}
  893.  
  894.  
  895. {block:Answer}
  896. <div class="back">
  897. <div class="as">{Asker} asked:</div>
  898. <div class="q">{Question}</div>
  899. <div class="qline"></div>
  900. <div class="a">{Answer}</div>
  901. </div>
  902. {block:IndexPage}
  903. <div class="permalinktext">
  904. Posted on {Month} {DayOfMonth}, {Year} <div style="text-align:right;margin-top:-15px"><a href="{permalink}" target="_blank">{notecountwithlabel}</a></div></div>
  905. {/block:IndexPage}
  906. {/block:Answer}
  907.  
  908. {block:ContentSource}<!-- {SourceURL}
  909. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  910. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  911. {/block:ContentSource}
  912.  
  913. <!-- {block:NoRebloggedFrom}
  914. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  915. {/block:NoRebloggedFrom} -->
  916.  
  917. {block:PermalinkPage}
  918. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  919. {block:Date}
  920. <div class="inf">
  921. Posted on {month} {dayofmonth}{dayofmonthsuffix} at {12hour}:{minutes}{ampm} <br>
  922. {block:RebloggedFrom}
  923. source: <a href="{ReblogRootURL}">{ReblogRootName}</a> <br> via: <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  924. {/block:RebloggedFrom}
  925. <div class="tg">
  926. {block:HasTags}
  927. tags: {block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;
  928. {/block:Tags}{/block:HasTags}
  929. </div>
  930. <a title="show notes" class="show">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</a></div>
  931. <div class="notas">
  932. {block:PostNotes}
  933. {PostNotes}
  934. {/block:PostNotes}
  935. {/block:Date}
  936. </div>
  937. {/block:PermalinkPage}
  938. {/block:Date}
  939. </div>
  940. {/block:Posts}
  941. </div>
  942.  
  943.  
  944. <div class="pagination">
  945. {block:Pagination}
  946. {block:PreviousPage}
  947. <a href="{PreviousPage}"></a>
  948. {/block:PreviousPage}
  949.  
  950. {block:NextPage}
  951. <a href="{NextPage}" class="next"></a>
  952. {/block:NextPage}
  953. {/block:Pagination}</div></div>
  954.  
  955. <!--Like seriously guys, DON'T TOUCH any of this scripts unless you know what it does or you will ruin your whole theme--->
  956. <link href='https://fonts.googleapis.com/css?family=Montserrat:400,700|Source+Sans+Pro:400,700|Hind:400,700|Dancing+Script:400,700|Open+Sans:400,700|Muli|Kurale|PT+Serif:400,700|Old+Standard+TT:400,700|Roboto:400,700|Roboto+Condensed:400,700|Lato:400,700|Raleway:400,700,300|Montez|Karla:400,700|Quicksand:400,700|Petit+Formal+Script|Clicker+Script|Mako|Maven+Pro:400,700' rel='stylesheet' type='text/css'>
  957. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">
  958. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  959. <script src ="http://static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  960. <link rel="stylesheet" href="http://static.tumblr.com/8pnyeus/29To2og0o/styles.css">
  961. <script src="http://static.tumblr.com/8pnyeus/nfIo2oh8w/l-script.js" type="text/javascript"></script>
  962. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  963. {block:IndexPage}
  964. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  965. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  966. {/block:IndexPage}
  967. <script>
  968. $(document).ready(function(){
  969. $('.photo-slideshow').pxuPhotoset({
  970. lightbox: true,
  971. rounded: false,
  972. gutter: '10px',
  973. photoset: '.photo-slideshow',
  974. photoWrap: '.photo-data',
  975. photo: '.pxu-photo'
  976. });
  977. {block:IndexPage}
  978. var $container = $('#posts');
  979. $container.masonry({ itemSelector: '.entry' });
  980. $container.imagesLoaded(function(){
  981. $container.masonry();
  982. $container.find('.entry').animate({ opacity: 1, zIndex: 1 });
  983. });
  984. $container.infinitescroll({
  985. itemSelector: '.entry',
  986. navSelector: '.pagination',
  987. nextSelector: '.next',
  988. loadingImg: '',
  989. loadingText: '<em></em>',
  990. bufferPx: 2000
  991. },
  992. function( newElements ) {
  993. var $newElems = $( newElements );
  994. $newElems.find('.photo-slideshow').pxuPhotoset({
  995. lightbox: true,
  996. rounded: false,
  997. gutter: '10px',
  998. photoset: '.photo-slideshow',
  999. photoWrap: '.photo-data',
  1000. photo: '.pxu-photo'
  1001. },
  1002.  
  1003. function(){
  1004. resizeVideos(); },
  1005.  
  1006. function(){
  1007. $container.masonry();
  1008. });
  1009. $newElems.imagesLoaded(function(){
  1010. $container.masonry( 'appended', $newElems );
  1011. $newElems.animate({ opacity: 1, zIndex: 1 });
  1012. });
  1013. });
  1014. {/block:IndexPage}
  1015. });
  1016. </script>
  1017. </body>
  1018. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
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!