API tools faq
paste
planthed

Iris

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