API tools faq
paste
planthed

Reptilia

planthed
Jun 1st, 2016
2,325
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 32.28 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. ✧* 。♡ Reptilia 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. <title>{block:PostSummary}{PostSummary}: {/block:PostSummary}{Title}</title>
  18. <link rel="shortcut icon" href="{favicon}">
  19. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  20. {block:hidden}
  21. <!--Default Variables-->
  22. <meta name="image:background" content=""/>
  23. <meta name="image:sidebar" content=""/>
  24.  
  25. <meta name="color:Background" content="#ffffff"/>
  26. <meta name="color:Link" content="#000000"/>
  27. <meta name="color:Text" content="#000000"/>
  28. <meta name="color:Title" content="#000000"/>
  29.  
  30. <meta name="color:Posts" content="#ffffff"/>
  31. <meta name="color:Post borders" content="#BDC0DA"/>
  32.  
  33. <meta name="color:Sidebar" content="#ffffff"/>
  34. <meta name="color:Sidebar borders" content="#BDC0DA"/>
  35. <meta name="color:Description text" content="#000000"/>
  36.  
  37. <meta name="color:Navigation" content="#ffffff"/>
  38. <meta name="color:Navigation borders" content="#BDC0DA"/>
  39. <meta name="color:Navigation text" content="#BDC0DA"/>
  40. <meta name="color:Navigation text hover" content="#000000"/>
  41.  
  42. <meta name="color:Accent" content="#BDC0DA"/>
  43. <meta name="color:Accent text" content="#000000"/>
  44. <meta name="color:Borders" content="#BDC0DA"/>
  45.  
  46. <meta name="text:Font size" content="10" />
  47. <meta name="text:Title font size" content="15" />
  48. <meta name="text:Blogtitle font size" content="20" />
  49. <meta name="text:Blogtitle" content="" />
  50. <meta name="text:Home label" content="home" />
  51. <meta name="text:Ask label" content="ask"/>
  52. <meta name="text:Archive label" content="Past" />
  53. <meta name="text:Extra link 1 title" content="" />
  54. <meta name="text:Extra link 1" content="http://" />
  55. <meta name="text:Extra link 2 title" content="" />
  56. <meta name="text:Extra link 2" content="http://" />
  57.  
  58. <meta name="if:White Tiny cursor" content="" />
  59. <meta name="if:Black Tiny cursor" content="" />
  60. <meta name="if:Post borders" content="" />
  61. <meta name="if:Uppercase title" content="" />
  62. <meta name="if:Bolded title" content="" />
  63. <meta name="if:Blogtitle border" content="" />
  64. <meta name="if:Sidebar borders" content="" />
  65. <meta name="if:Icon links" content=""/>
  66.  
  67. <meta name="if:Navigation Left Border" content="" />
  68. <meta name="if:Navigation Right Border" content="" />
  69. <meta name="if:Navigation Top Border" content="" />
  70. <meta name="if:Navigation Bottom Border" content="" />
  71.  
  72. <meta name="if:Left Border" content="1" />
  73. <meta name="if:Right Border" content="" />
  74. <meta name="if:Top Border" content="" />
  75. <meta name="if:Bottom Border" content="" />
  76.  
  77. <meta name="if:grayscale sidebar image" content=""/>
  78. <meta name="if:Hover grayscale img" content="1" />
  79.  
  80. <meta name="select:Title font" content="quicksand" title="Quicksand"/>
  81. <meta name="select:Title font" content="raleway" title="Raleway"/>
  82. <meta name="select:Title font" content="roboto" title="Roboto"/>
  83. <meta name="select:Title font" content="petit formal script" title="Petit Formal Script"/>
  84. <meta name="select:Title font" content="Clicker Script" title="Clicker Script"/>
  85. <meta name="select:Title font" content="Kurale" title="Kurale"/>
  86. <meta name="select:Title font" content="PT Serif" title="PT Serif"/>
  87. <meta name="select:Title font" content="Montserrat" title="Montserrat"/>
  88.  
  89. <meta name="select:Letter spacing title" content="0" title="0" />
  90. <meta name="select:Letter spacing title" content="1" title="1" />
  91. <meta name="select:Letter spacing title" content="2" title="2" />
  92. <meta name="select:Letter spacing title" content="3" title="3" />
  93.  
  94. <meta name="select:Font" content="Raleway" title="Raleway" />
  95. <meta name="select:Font" content="Source Sans Pro" title="Source Sans Pro"/>
  96. <meta name="select:Font" content="Muli" title="Muli" />
  97. <meta name="select:Font" content="Kurale" title="Kurale" />
  98. <meta name="select:Font" content="Open Sans" title="Open Sans" />
  99. <meta name="select:Font" content="Oxygen" title="Oxygen" />
  100. <meta name="select:Font" content="Poppins" title="Poppins" />
  101. <meta name="select:Font" content="Roboto" title="Roboto" />
  102. <meta name="select:Font" content="PT Serif" title="PT Serif" />
  103. <meta name="select:Font" content="Mako" title="Mako" />
  104.  
  105.  
  106. <meta name="select:Sidebar img width" content="50" title="50px" />
  107. <meta name="select:Sidebar img width" content="60" title="60px" />
  108. <meta name="select:Sidebar img width" content="70" title="70px" />
  109. <meta name="select:Sidebar img width" content="80" title="80px" />
  110. <meta name="select:Sidebar img width" content="90" title="90px" />
  111. <meta name="select:Sidebar img width" content="100" title="100px" />
  112. <meta name="select:Sidebar img width" content="200" title="200px" />
  113.  
  114. {/block:hidden}
  115.  
  116.  
  117. <!---pxu script--->
  118. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  119.  
  120. <!--- tooltips script --->
  121. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  122. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  123. <script>
  124. (function($){
  125. $(document).ready(function(){
  126. $("a[title]").style_my_tooltips({
  127. tip_follows_cursor:true,
  128. tip_delay_time:90,
  129. tip_fade_speed:600,
  130. attribute:"title"
  131. });
  132. });
  133. })(jQuery);
  134. </script>
  135.  
  136.  
  137. <!-------
  138.  
  139. A FEW RULES YOU NEED TO KNOW BEFORE START EDITING THE THEME:
  140.  
  141. > You CAN'T use my themes as base
  142. > You CAN'T remove my credits, even if you edited the theme a lot.
  143. > Don't use any part of my codes without permission.
  144. > 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.
  145.  
  146.  
  147. YOU ARE NOT ALLOWED TO USE MY CODES FOR YOUR OWN THEME OR ANY OTHER THEME
  148. BY OTHER THEME MAKER WITHOUT PERMISSION, IF YOU WANNA USE ONE OF MY CODES
  149. ASK FIRST, DON'T CLAIM AS YOURS, DON'T BE A BITCH.
  150.  
  151. ---------->
  152.  
  153.  
  154. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
  155.  
  156. <script>
  157. $(document).ready(function(){
  158. $(".show").click(function(){
  159. $(".notas").slideToggle("slow");
  160. });
  161. });
  162. </script>
  163.  
  164. <style type="text/css">
  165.  
  166.  
  167.  
  168. /*tooltips style*/
  169. #s-m-t-tooltip{
  170. max-width:300px;
  171. padding:7px;
  172. border-radius:3px;
  173. min-height:7px;
  174. background:{color:Accent};
  175. color:{color:Accent text};
  176. margin:20px 0px 0px 20px;
  177. line-height:100%;
  178. word-wrap:break-word;
  179. word-break:break-all;
  180. opacity:1;
  181. z-index:9999999999999999999;
  182. }
  183.  
  184.  
  185. /*tumblr controls and lightbox*/
  186.  
  187. #tumblr_controls, .tmblr-iframe{
  188. position:fixed!important;
  189. top:1px!important;
  190. right:0px!important;
  191. opacity:.9;
  192. z-index:99999999999999999999999999!important;
  193. -webkit-filter:invert(100%);
  194. -moz-filter:invert(100%);
  195. -o-filter:invert(100%);
  196. -ms-filter:invert(100%);
  197. filter:invert(100%);
  198. -webkit-transition:all 0.6s ease-out;
  199. -webkit-transition: opacity 0.7s linear;
  200. -webkit-transition: all 0.8s ease-out;
  201. -moz-transition: all 0.8s ease-out;
  202. transition: all 0.8s ease-out}
  203.  
  204.  
  205. #tumblr_lightbox,.tmblr-lightbox{
  206. background:rgba({RGBcolor:background}, 0.8)!important;}
  207.  
  208. #vignette,#tumblr_lightbox_caption,.vignette,.lightbox-caption{
  209. opacity:0!important;
  210. }
  211.  
  212. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image, .lightbox-image {
  213. box-shadow:none!important;
  214. border-radius:0px!important;
  215. padding:0px!important;
  216. background:{color:post background}!important;
  217. border:0px solid {color:border}!important;
  218. }
  219.  
  220.  
  221. ::-webkit-scrollbar{
  222. height:3px;
  223. width:11px;
  224. background:inherit;
  225. background:#eee;
  226. border:5px solid {color:background};
  227. }
  228.  
  229. ::-webkit-scrollbar-track {background:transparent;}
  230.  
  231. ::-webkit-scrollbar-thumb {
  232. background:{color:borders};
  233. border:5px solid {color:background};
  234. }
  235.  
  236.  
  237. /*tiny cursor*/
  238.  
  239.  
  240. html, body, img, a {
  241. {block:ifWhiteTinycursor}
  242. cursor:url(http://static.tumblr.com/vmteopo/fhxo3gbrd/small_white_cursor.png), auto;
  243. {/block:ifWhiteTinycursor}
  244. {block:ifBlackTinyCursor}
  245. cursor: url('http://33.media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png'), auto;
  246. {/block:ifBlackTinyCursor}
  247. }
  248.  
  249. a:hover, a:active, iframe{
  250. {block:ifWhiteTinycursor}cursor:url(http://static.tumblr.com/vmteopo/RQ9o3gbth/small_white_cursor_help.png), crosshair;
  251. {/block:ifWhiteTinycursor}
  252. {block:ifBlackTinyCursor}
  253. cursor:url(http://static.tumblr.com/vmteopo/DH3njhg50/help_cursor.png), crosshair;
  254. {/block:ifBlackTinyCursor}
  255. }
  256.  
  257.  
  258. /*main structure*/
  259.  
  260. body{
  261. background-color:{color:background};
  262. background-image:url({image:Background});
  263. background-attachment:fixed;
  264. background-repeat:repeat;
  265. font-family:{select:Font};
  266. font-size:{text:Font size}px;
  267. color:{color:text};
  268. line-height:1.5em;
  269. -moz-osx-font-smoothing:grayscale;
  270. -webkit-font-smoothing:antialiased;
  271. font-smoothing:antialiased;
  272. }
  273.  
  274.  
  275. a:link, a:active, a:visited{
  276. color:{color:link};
  277. text-decoration:none;
  278. -webkit-transition:all 0.5s linear;
  279. -moz-transition:all 0.5s linear;
  280. transition:all 0.5s linear;
  281. }
  282.  
  283. a:hover {color:{color:text};}
  284.  
  285.  
  286. #posts{
  287. position:relative;
  288. left:40px;
  289. {block:IfTopBorder}
  290. margin:70px auto;
  291. {/block:IfTopBorder}
  292. {block:IfNOTtopBorder}
  293. margin:30px auto;
  294. {/block:IfNOTtopBorder}
  295. {block:IndexPage}
  296. width:670px;
  297. {/block:IndexPage}
  298. {block:PermalinkPage}
  299. width:500px;
  300. margin-top:80px;
  301. {/block:PermalinkPage}
  302. }
  303.  
  304. .entry {
  305. margin:30px;
  306. background:{color:Posts};
  307. {block:IfPostBorders}
  308. border:1px solid {color:Post borders};
  309. padding:10px;
  310. {/block:IfPostBorders}
  311. {block:indexpage}
  312. width:250px;
  313. opacity:0;
  314. z-index:-1;
  315. {/block:indexpage}
  316. {block:PermalinkPage}
  317. width:400px;
  318. {/block:PermalinkPage}
  319. }
  320.  
  321.  
  322. .entry img{
  323. max-width:100%;
  324. }
  325.  
  326. #zoom{
  327. position:relative;
  328. overflow:hidden;
  329. }
  330.  
  331. .entry #zoom img{
  332. display:block;
  333. height:auto;
  334. -webkit-transition:opacity 0.5s linear;
  335. -webkit-transition:all 0.5s linear;
  336. -moz-transition:all 0.5s linear;
  337. transition:all 0.5s linear;
  338.  
  339. }
  340.  
  341. .entry:hover #zoom img{
  342. {block:ifHoverGrayscaleimg}
  343. -webkit-filter: grayscale(100%);
  344. {/block:ifHoverGrayscaleimg}
  345. -webkit-transform: scale(1.4);
  346. -moz-transform: scale(1.4);
  347. -o-transform: scale(1.4);
  348. transform: scale(1.4);
  349. }
  350.  
  351.  
  352.  
  353. #perm a{color:{color:Accent text};}
  354. #perm{width:80px;height:80px;top:38%;position:absolute!important;margin-left:85px;letter-spacing:0px;text-align:center;opacity:1;font-family:roboto;font-size:9px;line-height:15px;text-transform:uppercase;z-index:99;overflow:hidden;letter-spacing:1px;}
  355. #perm1{
  356. padding:5px;width:70px;height:15px;opacity:0;background:{color:Accent};z-index:99999;display:block;overflow:hidden;margin-left:-200px;-webkit-transition:opacity 0.5 linear;-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;transition:all 0.5s linear;}
  357. #perm2{padding:5px;width:70px;height:15px;opacity:0;background:{color:Accent};z-index:99999;display:block;overflow:hidden;margin-left:200px;margin-top:2px;-webkit-transition:opacity 0.5 linear;-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;transition:all 0.5s linear;}
  358. #perm3{
  359. padding:5px;width:70px;height:15px;opacity:0;background:{color:Accent};z-index:99999;display:block;overflow:hidden;margin-left:-200px;margin-top:2px;
  360. -webkit-transition:opacity 0.5 linear;-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;transition:all 0.5s linear;}
  361. .entry:hover #perm1, .entry:hover #perm2, .entry:hover #perm3{opacity:1;margin-left:0px;overflow:visible;-webkit-transition:opacity 0.5 linear;-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;transition:all 0.5s linear;}
  362.  
  363. pre {
  364. white-space: pre-wrap;
  365. white-space: -moz-pre-wrap;
  366. white-space: -pre-wrap;
  367. white-space: -o-pre-wrap;
  368. word-wrap: break-word;
  369. }
  370.  
  371. p {margin:5px 0;}
  372.  
  373. p:first-of-type {
  374. margin-top:0;
  375. padding-top:0;
  376. }
  377.  
  378. p:last-of-type {
  379. margin-bottom:0;
  380. padding-bottom:0;
  381. }
  382.  
  383.  
  384. small, big {font-size:1em;}
  385.  
  386. h1, h2, h3, h4 {
  387. font-size:2em;
  388. margin:0;
  389. padding:0;
  390. }
  391.  
  392.  
  393. .back{
  394. margin-top:7px;
  395. }
  396.  
  397. .back a, .a a{
  398. color:{color:text};
  399. border-bottom:1px solid {color:borders};
  400. }
  401.  
  402. .back a:hover, .a a:hover{
  403. color:{color:link};
  404. border-bottom:1px solid {color:link};
  405. }
  406.  
  407. .ptext{
  408. position:absolute;
  409. right:5px;
  410. {block:ifPostBorders}
  411. margin-top:15px;
  412. {/block:ifPostBorders}
  413. {block:ifNOTPostBorders}
  414. margin-top:5px;
  415. {/block:ifNOTPostBorders}
  416. display:block;
  417. font-size:12px;
  418. text-align:right;
  419. word-spacing:5px;
  420. }
  421.  
  422. /*audio player*/
  423.  
  424.  
  425. #audio {
  426. width:auto;
  427. margin:0px;
  428. height:auto;
  429. min-height:60px;
  430. line-height:20px;
  431. }
  432. .cover {
  433. z-index:1;
  434. width:70px;
  435. height:70px;
  436. position:absolute;
  437. }
  438. .cover img {
  439. float:left;
  440. position:absolute;
  441. border-radius:0px;
  442. width:70px;
  443. height:70px;
  444. }
  445.  
  446. .playbox {
  447. position:absolute;
  448. z-index:9;
  449. background:black;
  450. opacity:0;
  451. width:70px;
  452. height:70px;
  453. -webkit-transition:opacity 0.5s linear;
  454. -webkit-transition:all 0.5s linear;
  455. -moz-transition:all 0.5s linear;
  456. transition:all 0.5s linear;
  457. }
  458.  
  459. .entry:hover .playbox{
  460. opacity:.8;
  461. -webkit-transition:opacity 0.5s linear;
  462. -webkit-transition:all 0.5s linear;
  463. -moz-transition:all 0.5s linear;
  464. transition:all 0.5s linear;
  465. }
  466.  
  467. .button {
  468. position:relative;
  469. z-index: 1000;
  470. overflow:hidden;
  471. width:25px;
  472. height:25px;
  473. margin:20px 20px 20px 20px;
  474. }
  475.  
  476.  
  477. .info {
  478. margin-left:70px;
  479. margin-top:0px;
  480. font-size:15px;
  481. {block:IfBoldedtitle}
  482. font-weight:700;
  483. {/block:IfBoldedtitle}
  484. letter-spacing:1px;
  485. text-align:right;
  486. font-family:{select:Title font};
  487. {block:ifUppercasetitle}
  488. text-transform:uppercase;
  489. {/block:ifUppercasetitle}
  490. line-height:25px;
  491. background:{color:Accent};
  492. color:{color:Accent text};
  493. padding:10px;
  494. }
  495.  
  496. /*title*/
  497.  
  498. .title{
  499. display:inline-block;
  500. font-family:{select:Title font};
  501. margin-bottom:7px;
  502. font-size:{text:Title font size}px;
  503. border-bottom:1px solid {color:borders};
  504. color:{color:Title};
  505. {block:IfBoldedtitle}
  506. font-weight:700;
  507. {/block:IfBoldedtitle}
  508. {block:ifUppercasetitle}
  509. text-transform:uppercase;
  510. {/block:ifUppercasetitle}
  511. letter-spacing:{select:Letter spacing title}px;
  512. line-height:28px;
  513. }
  514.  
  515. .title a{
  516. color:{color:Title};
  517. }
  518.  
  519. /*blockquote & quote*/
  520.  
  521. blockquote{
  522. border-left:1px solid {color:borders};
  523. margin:5px;
  524. padding-left:10px;
  525. line-height:15px;
  526. }
  527.  
  528. .quote{
  529. font-family:{select:Title font};
  530. font-size:{text:Title font size}px;
  531. color:{color:Title};
  532. font-style:italic;
  533. {block:ifUppercasetitle}
  534. text-transform:uppercase;
  535. {/block:ifUppercasetitle}
  536. letter-spacing:{select:Letter spacing title}px;
  537. line-height:20px;
  538. padding:7px;
  539. background:{color:Accent};
  540. color:{color:Accent text};
  541. }
  542.  
  543. .cite{
  544. line-height:15px;
  545. text-align:right;
  546. font-family:9px;
  547. font-style:italic;
  548. padding-top:5px;
  549. padding-right:5px;
  550. }
  551.  
  552. /*ask style*/
  553.  
  554.  
  555. .as{
  556. color:{color:text};
  557. letter-spacing:0px;
  558. text-transform:uppercase;
  559. letter-spacing:1px;
  560. padding:10px;
  561. text-align:center;
  562. overflow:hidden;
  563. background:{color:Accent};
  564. color:{color:Accent text};
  565. }
  566.  
  567. .as a{color:{color:Accent text};}
  568.  
  569. .q{
  570. margin-top:10px;
  571. margin-bottom:10px;
  572. line-height:14px;
  573. }
  574.  
  575. .qline{
  576. height:1px;
  577. display:block;
  578. width:50%;
  579. margin-left:25%;
  580. background:{color:borders};
  581. }
  582.  
  583. .a{
  584. line-height:14px;
  585. margin-top:10px;
  586. }
  587.  
  588. .a img{
  589. width:100%;
  590. height:auto;
  591. }
  592.  
  593. .video, .video iframe{
  594. display:block;
  595. width:100%;
  596. height:auto;
  597. }
  598. #reblogged {
  599. bottom:30px!important;
  600. right:30px!important;
  601. }
  602. /*chat styling*/
  603.  
  604. .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{
  605. background:{color:Accent};
  606. padding:5px;
  607. margin-bottom:4px;
  608. color:{color:Accent text};}
  609.  
  610. .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{
  611. background:rgba({RGBcolor:Accent}, 0.8);
  612. padding:5px;
  613. margin-bottom:4px;
  614. color:{color:Accent text};}
  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:borders};top:0px;}
  619.  
  620.  
  621. /*permalink notes*/
  622.  
  623. .caption{
  624. margin-top:10px;
  625. }
  626.  
  627. .inf{
  628. border-top:1px solid {color:borders};
  629. display:block;
  630. margin-top:10px;
  631. padding-top:10px;
  632. padding-bottom:10px;
  633. line-height:17px;
  634. }
  635.  
  636. .tg{display:block;}
  637. .tg a:after{content:',';}
  638. .tg a:last-of-type:after {content:'.';}
  639. .inf a, .notas a, .tg a{color:{color:text};}
  640. .inf a:hover, .notas a:hover, .tg a:hover{color:{color:link};}
  641.  
  642. .notas{
  643. border-top:1px solid {color:borders};
  644. margin-top:10px;
  645. padding-top:10px;
  646. display:none;
  647. color:{color:text};
  648. }
  649.  
  650.  
  651.  
  652. ol.notes {
  653. padding:0;
  654. margin: 0;
  655. list-style-type: none;
  656. }
  657. ol.notes li.note {
  658. padding: 3px 0;
  659. margin-bottom:3px;
  660. }
  661. ol.notes li.note img.avatar {
  662. float:right;
  663. border-radius:50%;
  664. padding:0px!important;
  665. border:1px solid #fff;
  666. }
  667. ol.notes li.note blockquote a {
  668. text-decoration: none;
  669. }
  670. li.more_notes_link_container {
  671. font-weight: bold;
  672. text-transform: uppercase;
  673. font-size: 0.85em;
  674. }
  675.  
  676. img:not(.lightbox-image) {
  677. max-width:100%;
  678. height:auto;
  679. }
  680.  
  681. #left{
  682. position:fixed;
  683. top:0px;
  684. left:0px;
  685. width:30px;
  686. height:100%;
  687. background:{color:borders};
  688. z-index:999999;
  689. }
  690.  
  691. #right{
  692. position:fixed;
  693. top:0px;
  694. right:0px;
  695. width:30px;
  696. height:100%;
  697. background:{color:borders};
  698. z-index:999999;
  699. }
  700.  
  701. #top{
  702. position:fixed;
  703. top:0px;
  704. left:0px;
  705. width:100%;
  706. height:30px;
  707. background:{color:borders};
  708. z-index:999999;
  709. }
  710.  
  711. #bottom{
  712. position:fixed;
  713. bottom:0px;
  714. left:0px;
  715. width:100%;
  716. height:30px;
  717. background:{color:borders};
  718. z-index:999999;
  719. }
  720.  
  721. #sidebar{
  722. position:fixed;
  723. top:90px;
  724. left:100px;
  725. {block:PermalinkPage}
  726. left:120px;
  727. {/block:PermalinkPage}
  728. width:220px;
  729. padding:10px;
  730. z-index:999999;
  731. }
  732.  
  733.  
  734. .blogtitle{
  735. font-family:{select:Title font};
  736. font-size:{text:Blogtitle font size}px;
  737. color:{color:Title};
  738. {block:IfBoldedtitle}
  739. font-weight:700;
  740. {/block:IfBoldedtitle}
  741. {block:ifUppercasetitle}
  742. text-transform:uppercase;
  743. {/block:ifUppercasetitle}
  744. letter-spacing:{select:Letter spacing title}px;
  745. display:inline-block;
  746. {block:IfBlogtitleborder}
  747. border-bottom:1px solid {color:borders};
  748. {/block:IfBlogtitleborder}
  749. padding-bottom:5px;
  750. height:auto;
  751. z-index:999999999999999;
  752. }
  753.  
  754. .desc{
  755. color:{color:description text};
  756. {block:IfSidebarborders}
  757. padding:10px;
  758. background:{color:Sidebar};
  759. margin-top:-1px;
  760. border:1px solid {color:Sidebar borders};
  761. {/block:IfSidebarborders}
  762. {block:IfNOTSidebarborders}
  763. margin-top:6px;
  764. {/block:IfNOTSidebarborders}
  765. }
  766.  
  767. .desc a{
  768. color:{color:description text};
  769. }
  770.  
  771. .desc img{
  772. {block:ifgrayscalesidebarimage}
  773. -webkit-filter: grayscale(100%);
  774. filter: grayscale(100%);
  775. {/block:ifgrayscalesidebarimage}
  776. width:{select:sidebar img width}px;
  777. margin-right:9px;
  778. float:left;
  779. display:none;
  780. {block:ifsidebarimage}
  781. display:block;visibility:visible;
  782. {/block:ifsidebarimage}}
  783.  
  784. .nav{
  785. width:208px;
  786. background:{color:navigation};
  787. position:absolute;
  788. {block:IfNavigationtopborder}
  789. padding-top:7px;
  790. border-top:1px solid {color:navigation borders};
  791. {/block:IfNavigationtopborder}
  792. {block:IfNavigationleftborder}
  793. padding-left:5px;
  794. text-align:center;
  795. border-left:1px solid {color:navigation borders};
  796. {/block:IfNavigationleftborder}
  797. {block:IfNavigationrightborder}
  798. padding-right:5px;
  799. border-right:1px solid {color:navigation borders};
  800. {/block:IfNavigationrightborder}
  801. {block:IfNavigationbottomborder}
  802. padding-bottom:5px;
  803. border-bottom:1px solid {color:navigation borders};
  804. {/block:IfNavigationbottomborder}
  805. margin-top:5px;
  806. height:auto;
  807. line-height:17px;
  808. }
  809.  
  810. .nav a{
  811. display:inline-block;
  812. {block:ifNOTiconlinks}
  813. margin-right:3px;
  814. margin-bottom:4px;
  815. {/block:ifNOTiconlinks}
  816. {block:IfIconlinks}
  817. font-size:12px;
  818. padding-bottom:5px;
  819. margin-top:5px;
  820. margin-left:10px;
  821. margin-right:10px;
  822. {/block:IfIconlinks}
  823. color:{color:Navigation text};
  824. -webkit-transition: all 0.5s ease;
  825. -moz-transition: all 0.5s ease;
  826. -o-transition: all 0.5s ease;
  827. transition: all 0.5s ease;
  828. }
  829.  
  830. .nav a:hover{
  831. color:{color:Navigation text hover};
  832. }
  833.  
  834.  
  835.  
  836.  
  837.  
  838. </style>
  839. </head>
  840.  
  841. <body>
  842.  
  843. {block:IfLeftBorder}
  844. <div id="left"></div>
  845. {/block:IfLeftBorder}
  846. {block:IfRightBorder}
  847. <div id="right"></div>
  848. {/block:IfRightBorder}
  849. {block:IfTopBorder}
  850. <div id="top"></div>
  851. {/block:IfTopBorder}
  852. {block:IfBottomBorder}
  853. <div id="bottom"></div>
  854. {/block:IfBottomBorder}
  855.  
  856. <div id="sidebar">
  857. <div class="blogtitle">{text:blogtitle}</div>
  858. <div class="desc">
  859. <img src="{image:sidebar}">
  860. {description}</div>
  861. <div class="nav">
  862. <!--
  863. NOTE: If you're going to install popups, make sure that you're replacing the link in the correct place.
  864.  
  865. If you're using the text links, make sure you're replacing the links below
  866. ifNOTiconlinks
  867.  
  868. If you're going to use the icons for links, make sure you'te replacing the links below ifIconLinks
  869. -->
  870. {block:ifNOTiconlinks}
  871. <a href="/">{text:Home Label}</a>
  872. <a href="/ask">{text:Ask Label}</a>
  873. <a href="{text:Extra link 1}">{text:Extra link 1 Title}</a>
  874. <a href="{text:Extra link 2}">{text:Extra link 2 Title}</a>
  875. <a href="/archive">{text:Archive Label}</a>
  876. <a href="http://planthed.tumblr.com" target="_blank">Theme</a>
  877. {/block:ifNOTiconlinks}
  878. <!--------------fa icons--------------------->
  879. {block:ificonlinks}
  880. <a title="{text:Home Label}" href="/"><i class="fa fa-home"></i></a>
  881. <a title="{text:Ask Label}" href="/ask"><i class="fa fa-envelope"></i></a>
  882. <a title="{text:Extra link 1 Title}" href="{text:Extra link 1}"><i class="fa fa-link"></i></a>
  883. <a title="{text:Extra link 2 Title}" href="{text:Extra link 2}"><i class="fa fa-tags"></i></a>
  884. <a title="{text:Archive Label}" href="/archive"><i class="fa fa-calendar"></i></a>
  885. <a title="Theme" href="http://planthed.tumblr.com" target="_blank"><i class="fa fa-code"></i></a>
  886. {/block:ificonlinks}
  887. </div>
  888. </div>
  889.  
  890. <div id="posts">
  891. {block:Posts}
  892. <div class="entry">
  893.  
  894. {block:Text}
  895. {block:Title}<div class="title">{Title}</div>{/block:Title}
  896. <div class="back">{Body}</div>
  897. {block:IndexPage}
  898. <div class="ptext">
  899. <a title="{timeago} with {notecountwithlabel}" href="{permalink}" target="_blank"><i class="fa fa-comments"></i></a>
  900. <a title="reblog" href="{ReblogURL}" target="_blank"><i class="fa fa-retweet"></i></a></div>
  901. {/block:IndexPage}
  902. {/block:Text}
  903.  
  904.  
  905. {block:Link}
  906. <div class="title">
  907. <a href="{URL}">{Name} <i class="fa fa-angle-right"></i></a></div>
  908. <div class="back">{block:Description}{Description}{/block:Description}
  909. </div>{block:IndexPage}
  910. <div class="ptext">
  911. <a title="{timeago} with {notecountwithlabel}" href="{permalink}" target="_blank"><i class="fa fa-comments"></i></a>
  912. <a title="reblog" href="{ReblogURL}" target="_blank"><i class="fa fa-retweet"></i></a></div>
  913. {/block:IndexPage}
  914. {block:Link}
  915.  
  916.  
  917. {block:Photo}
  918. {block:IndexPage}
  919. <div id="perm">
  920. <div id="perm1">
  921. <a title="notes" href="{permalink}" target="_blank">{block:NoteCount}{notecount}{/block:NoteCount}</a></div>
  922. <div id="perm2"><a href="{ReblogURL}" target="_blank">reblog</a>
  923. </div>
  924. <div id="perm3"><a href="{permalink}" target="_blank">{Month} {DayOfMonth}</a>
  925. </div>
  926. </div>
  927. <div id="zoom"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></div>
  928. {/block:IndexPage}
  929. {block:PermalinkPage}
  930. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/>
  931. {/block:PermalinkPage}
  932. {/block:Photo}
  933.  
  934.  
  935. {block:Photoset}
  936. <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>
  937. {block:IndexPage}
  938. <div class="ptext">
  939. <a title="{timeago} with {notecountwithlabel}" href="{permalink}" target="_blank"><i class="fa fa-comments"></i></a>
  940. <a title="reblog" href="{ReblogURL}" target="_blank"><i class="fa fa-retweet"></i></a></div>
  941. {/block:IndexPage}
  942. {/block:Photoset}
  943.  
  944.  
  945. {block:Quote}
  946. <div class="quote">❝&nbsp;{quote}</div>
  947. <div class="cite">&mdash; {Source}</div>
  948. {block:IndexPage}
  949. <div class="ptext">
  950. <a title="{timeago} with {notecountwithlabel}" href="{permalink}" target="_blank"><i class="fa fa-comments"></i></a>
  951. <a title="reblog" href="{ReblogURL}" target="_blank"><i class="fa fa-retweet"></i></a></div>
  952. {/block:IndexPage}
  953. {/block:Quote}
  954.  
  955. {block:Chat}
  956. <div class="chat">
  957. {block:Title}<span class="title">{Title}</span></span>{/block:Title}
  958. {block:Lines}<div class="lines {Alt}"><div class="{Alt} user_{UserNumber}">{block:Label}<i>{Label}</i> {/block:Label}{Line}</div></div>{/block:Lines}
  959. </div>
  960. {block:IndexPage}
  961. <div class="ptext">
  962. <a title="{timeago} with {notecountwithlabel}" href="{permalink}" target="_blank"><i class="fa fa-comments"></i></a>
  963. <a title="reblog" href="{ReblogURL}" target="_blank"><i class="fa fa-retweet"></i></a></div>
  964. {/block:IndexPage}
  965. {/block:Chat}
  966.  
  967. {block:Audio}
  968. <div id="audio">
  969. <div class="cover"><img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>
  970. {block:AlbumArt}
  971. <div class="cover"><img src="{AlbumArtURL}"></div>
  972. {/block:AlbumArt}
  973. <div class="playbox">
  974. <div class="button">
  975. {block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}</div></div>
  976. <div class="info">
  977. <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}
  978. <div style="text-transform:uppercase;font-size:10px;letter-spacing:1px;color:{color:Accent text};font-family:{select:Font};">
  979. <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}</div>
  980. </div>
  981. </div>
  982. {block:IndexPage}
  983. <div class="ptext">
  984. <a title="{timeago} with {notecountwithlabel}" href="{permalink}" target="_blank"><i class="fa fa-comments"></i></a>
  985. <a title="reblog" href="{ReblogURL}" target="_blank"><i class="fa fa-retweet"></i></a></div>
  986. {/block:IndexPage}
  987. {/block:Audio}
  988.  
  989.  
  990. {block:Video}
  991. <div class="video">{Video-500}</div>
  992. {block:IndexPage}
  993. <div class="ptext">
  994. <a title="{timeago} with {notecountwithlabel}" href="{permalink}" target="_blank"><i class="fa fa-comments"></i></a>
  995. <a title="reblog" href="{ReblogURL}" target="_blank"><i class="fa fa-retweet"></i></a></div>
  996. {/block:IndexPage}
  997. {/block:Video}
  998.  
  999.  
  1000. {block:Answer}
  1001. <div class="as">{Asker} asked:</div>
  1002. <div class="q">{Question}</div>
  1003. <div class="qline"></div>
  1004. <div class="a">{Answer}</div>
  1005. {block:IndexPage}
  1006. <div class="ptext">
  1007. <a title="{timeago} with {notecountwithlabel}" href="{permalink}" target="_blank"><i class="fa fa-comments"></i></a>
  1008. <a title="reblog" href="{ReblogURL}" target="_blank"><i class="fa fa-retweet"></i></a></div>
  1009. {/block:IndexPage}
  1010. {/block:Answer}
  1011.  
  1012.  
  1013.  
  1014. {block:PermalinkPage}
  1015. <div class="caption">{block:Caption}{Caption}{/block:Caption}</div>
  1016. {block:Date}
  1017. <div class="inf">
  1018. Posted on {month} {dayofmonth}{dayofmonthsuffix} at {12hour}:{minutes}{ampm} <br>
  1019. {block:RebloggedFrom}
  1020. source: <a href="{ReblogRootURL}">{ReblogRootName}</a> <br> via: <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  1021. {/block:RebloggedFrom}
  1022. <div class="tg">
  1023. {block:HasTags}
  1024. tags: {block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;
  1025. {/block:Tags}{/block:HasTags}
  1026. </div>
  1027. <div class="show">
  1028. <a title="show notes" href="#">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</a></div>
  1029. <div class="notas">
  1030. {block:PostNotes}
  1031. {PostNotes}
  1032. {/block:PostNotes}
  1033. {/block:Date}
  1034. </div>
  1035. {/block:PermalinkPage}
  1036. </div>
  1037. {/block:Date}
  1038. {/block:Posts}
  1039. </div>
  1040.  
  1041.  
  1042. <div class="pagination">
  1043. {block:Pagination}
  1044. {block:PreviousPage}
  1045. <a href="{PreviousPage}"></a>
  1046. {/block:PreviousPage}
  1047.  
  1048. {block:NextPage}
  1049. <a href="{NextPage}" class="next"></a>
  1050. {/block:NextPage}
  1051. {/block:Pagination}</div>
  1052.  
  1053. <!--Like seriously guys, DON'T TOUCH any of this scripts unless you know what it does or you will ruin your whole theme--->
  1054. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">
  1055. <link href='https://fonts.googleapis.com/css?family=Montserrat:400,700|Montserrat+Alternates' rel='stylesheet' type='text/css'>
  1056. <link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,900,700,600' rel='stylesheet' type='text/css'>
  1057. <link href='https://fonts.googleapis.com/css?family=Oxygen' rel='stylesheet' type='text/css'>
  1058. <script type="text/javascript">
  1059. WebFontConfig = {
  1060. google: { families: [ 'Open+Sans::latin', 'Open+Sans+Condensed:300:latin', 'Muli::latin', 'Kurale::latin', 'PT+Serif::latin', 'Noto+Serif::latin', 'Crimson+Text::latin', 'Old+Standard+TT::latin', 'Roboto:400,300,100:latin', 'Roboto+Condensed::latin', 'Roboto+Mono::latin', 'Lato:400,300:latin', 'Raleway:400,300:latin', 'Montserrat:400,700:latin', 'Montez::latin', 'NTR::latin', 'Karla::latin', 'Quicksand::latin', 'Petit+Formal+Script::latin', 'Clicker+Script::latin', 'Source+Code+Pro::latin', 'Mako::latin', 'Maven+Pro::latin', 'Inconsolata::latin','Poppins::latin' ] }};
  1061. (function() {var wf = document.createElement('script'); wf.src = 'https://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';wf.type = 'text/javascript';wf.async = 'true'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(wf, s);})(); </script>
  1062. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1063. <script src ="http://static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  1064. <link rel="stylesheet" href="http://static.tumblr.com/8pnyeus/29To2og0o/styles.css">
  1065. <script src="http://static.tumblr.com/8pnyeus/nfIo2oh8w/l-script.js" type="text/javascript"></script>
  1066. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1067. {block:IndexPage}
  1068. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  1069. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  1070. {/block:IndexPage}
  1071. <script>
  1072. $(document).ready(function(){
  1073. $('.photo-slideshow').pxuPhotoset({
  1074. lightbox: true,
  1075. rounded: false,
  1076. gutter: '6px',
  1077. photoset: '.photo-slideshow',
  1078. photoWrap: '.photo-data',
  1079. photo: '.pxu-photo'
  1080. });
  1081. {block:IndexPage}
  1082. var $container = $('#posts');
  1083. $container.masonry({ itemSelector: '.entry' });
  1084. $container.imagesLoaded(function(){
  1085. $container.masonry();
  1086. $container.find('.entry').animate({ opacity: 1, zIndex: 1 });
  1087. });
  1088. $container.infinitescroll({
  1089. itemSelector: '.entry',
  1090. navSelector: '.pagination',
  1091. nextSelector: '.next',
  1092. loadingImg: '',
  1093. loadingText: '<em></em>',
  1094. bufferPx: 2000
  1095. },
  1096. function( newElements ) {
  1097. var $newElems = $( newElements );
  1098. $newElems.find('.photo-slideshow').pxuPhotoset({
  1099. lightbox: true,
  1100. rounded: false,
  1101. gutter: '6px',
  1102. photoset: '.photo-slideshow',
  1103. photoWrap: '.photo-data',
  1104. photo: '.pxu-photo'
  1105. },
  1106.  
  1107. function(){
  1108. resizeVideos(); },
  1109.  
  1110. function(){
  1111. $container.masonry();
  1112. });
  1113. $newElems.imagesLoaded(function(){
  1114. $container.masonry( 'appended', $newElems );
  1115. $newElems.animate({ opacity: 1, zIndex: 1 });
  1116. });
  1117. });
  1118. {/block:IndexPage}
  1119. });
  1120. </script>
  1121. </body>
  1122. </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!