API tools faq
paste
Advertisement
Carolaine_Vieira

Plants

Carolaine_Vieira
Jan 19th, 2016
147
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.96 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <!--
  3.  
  4. ─────────╔╗────────────╔╗
  5. ─────────║║───────────╔╝╚╗
  6. ╔══╦╗╔╦══╣║╔══╦╗╔╦══╦═╬╗╔╬══╗
  7. ║╔╗║╚╝║╔╗║║║╔╗║╚╝║║═╣╔╗╣║║║═╣
  8. ║╔╗║║║║╚╝║╚╣╔╗║║║║║═╣║║║╚╣║═╣
  9. ╚╝╚╩╩╩╣╔═╩═╩╝╚╩╩╩╩══╩╝╚╩═╩══╝
  10. ──────║║
  11. ──────╚╝
  12.  
  13.  
  14. Theme made by: Amplamente.tumblr.com
  15.  
  16. --->
  17.  
  18.  
  19. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script><script>$(document).ready(function() {
  20. $('a.poplight[href^=#]').click(function() {var popID = $(this).attr('rel'); var popURL = $(this).attr('href');var query= popURL.split('?');var dim= query[1].split('&');var popWidth = dim[0].split('=')[1];$('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><li style="font-size:20px; margin-bottom:10px;" class="fa fa-times"></li></a>');var popMargTop = ($('#' + popID).height() + 80) / 2;var popMargLeft = ($('#' + popID).width() + 80) / 2;$('#' + popID).css({'margin-top' : -popMargTop,'margin-left' : -popMargLeft});$('body').append('<div id="fade"></div>');$('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn();return false;});$('a.close, #fade').live('click', function() {$('#fade , .popup_block').fadeOut(function() {$('#fade, a.close').remove();});return false;});});</script>
  21.  
  22. <script type="text/javascript"src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  23.  
  24. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  25. <script>
  26. (function($){
  27.  
  28. $(document).ready(function(){
  29. $("[title]").style_my_tooltips();
  30. });
  31. })(jQuery);
  32. </script>
  33.  
  34. <title>{title}</title>
  35. <link rel="shortcut icon" href="{Favicon}"/>
  36. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  37. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  38.  
  39. <meta name="color:Background" content="#f6f6f6"/>
  40. <meta name="color:Tooltip bg" content="#141414"/>
  41. <meta name="color:Tooltip text" content="#fff"/>
  42. <meta name="color:Post bg" content="#ffffff"/>
  43. <meta name="color:Borders" content="#eeeeee"/>
  44. <meta name="color:Link" content="#ffb1cc"/>
  45. <meta name="color:Link Hover" content="#fe4281"/>
  46. <meta name="color:Text" content="#999"/>
  47. <meta name="color:Bold" content="#141414"/>
  48. <meta name="color:Italic" content="#ffb1cc"/>
  49. <meta name="color:Search box text" content="#999"/>
  50. <meta name="color:Search box text typing" content="#666666"/>
  51. <meta name="color:Header bg" content="#ffffff"/>
  52. <meta name="color:Header link" content="#999"/>
  53. <meta name="color:Header link hover" content="#bbe4d0"/>
  54. <meta name="color:Title" content="#222222"/>
  55. <meta name="color:Description" content="#999"/>
  56. <meta name="color:Scrollbar" content="#141414"/>
  57. <meta name="color:Question" content="#bbe4d0"/>
  58. <meta name="color:Question link" content="#141414"/>
  59. <meta name="color:Answer" content="#ffffff"/>
  60.  
  61. <meta name="select:Columns" content="560px" title="One"/>
  62. <meta name="select:Columns" content="1140px" title="Two"/>
  63.  
  64. <meta name="if:InfiniteScroll" content="0"/>
  65. <meta name="if:Caption" content="0"/>
  66.  
  67. <meta name="image:Background" content=""/>
  68.  
  69. <meta name="text:Hits" content="1/5" />
  70. <meta name="text:link1" content="link 1" />
  71. <meta name="text:link1url" content="/" />
  72. <meta name="text:link2" content="link 2" />
  73. <meta name="text:link2url" content="/" />
  74. <meta name="text:link3" content="link 3" />
  75. <meta name="text:link3url" content="/" />
  76. <meta name="text:link4" content="link 4" />
  77. <meta name="text:link4url" content="/" />
  78.  
  79. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  80.  
  81. <link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
  82. <link href='https://fonts.googleapis.com/css?family=Cantarell:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
  83. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  84. <link href='https://fonts.googleapis.com/css?family=Lovers+Quarrel' rel='stylesheet' type='text/css'>
  85. <link href='https://fonts.googleapis.com/css?family=Roboto:400,500,500italic,400italic,700italic,700,900,900italic' rel='stylesheet' type='text/css'>
  86.  
  87. <style type="text/css">
  88.  
  89. b { color: {color:bold}; !important; }
  90. i { color: {color:italic} ;!important; }
  91. u { border-bottom: 1px dotted; text-decoration:none;}
  92.  
  93. #s-m-t-tooltip{
  94.  
  95. max-width:300px;
  96. padding:10px;
  97. padding-top:7px;
  98. padding-bottom:7px;
  99. margin:20px 0px 0px 20px;
  100. background-color: {color:tooltip bg};
  101. font-family:calibri;
  102. font-size:8.5px;
  103. text-transform:uppercase;
  104. color:{color:tooltip text};
  105. letter-spacing:1px;
  106. opacity:1;
  107. z-index:9999999999999999999;
  108. }
  109.  
  110. #s-m-t-tooltip:before{
  111. position: absolute;
  112. left: -10px;
  113. top: -4px;
  114. width: 0px;
  115. content:"";
  116. transform: scale(1.7, .3);
  117. -webkit-transform: scale(1.7, .3);
  118. -moz-transform: scale(1.7, .3);
  119. -o-transform: scale(1.7, .3);
  120. -ms-transform: scale(1.7, .3);
  121. height: 0px;
  122. border-right: 4px solid {color:tooltip bg};
  123. border-bottom: 17px solid transparent;
  124. border-left: 4px solid transparent;
  125. border-top: 17px solid transparent;
  126. }
  127.  
  128.  
  129.  
  130. #box {
  131. background-color: transparent;
  132. border: 1px solid transparent;
  133. height: 27px;
  134. float:right;
  135. margin-top:10px;
  136. margin-right:10px;
  137. width:175px;
  138. z-index: 9999999;
  139. }
  140.  
  141. .color:hover {
  142. opacity: 1;
  143. transition: opacity .25s ease-in-out;
  144. -moz-transition: opacity .25s ease-in-out;
  145. -webkit-transition: opacity .25s ease-in-out;
  146. border: 1px solid #bbbbbb;
  147. }
  148.  
  149.  
  150. .one { /* color one, set to pink */
  151. width: 15px;
  152. height: 15px;
  153. position: relative;
  154. display: inline-block;
  155. margin-left: 7px;
  156. margin-right: 7px;
  157. margin-top: 5px;
  158. border-radius:100%;
  159. background-color: #ff66ff; /* pink color of the first box */
  160. border: 1px solid #eeeeee;
  161. opacity: .7;
  162. }
  163.  
  164. .two { /* color two, set to orange */
  165. width: 15px;
  166. height: 15px;
  167. position: relative;
  168. display: inline-block;
  169. margin-right: 7px;
  170. margin-top: 5px;
  171. border-radius:100%;
  172. background-color: #ff6600; /* orange color of the second box */
  173. border: 1px solid #eeeeee;
  174. opacity: .7;
  175. }
  176.  
  177.  
  178. .three { /* color three, set to yellow */
  179. width: 15px;
  180. height: 15px;
  181. position: relative;
  182. display: inline-block;
  183. margin-right: 7px;
  184. margin-top: 5px;
  185. border-radius:100%;
  186. background-color: #ffff00; /* yellow color of the third box */
  187. border: 1px solid #eeeeee;
  188. opacity: .7;
  189.  
  190. }
  191.  
  192.  
  193. .four { /* color four, set to green */
  194. width: 15px;
  195. height: 15px;
  196. position: relative;
  197. display: inline-block;
  198. margin-right: 7px;
  199. margin-top: 5px;
  200. border-radius:100%;
  201. background-color: #33cc33; /* green color of the fourth box */
  202. border: 1px solid #eeeeee;
  203. opacity: .7;
  204.  
  205. }
  206.  
  207.  
  208. .five { /* color five, set to blue */
  209. width: 15px;
  210. height: 15px;
  211. position: relative;
  212. display: inline-block;
  213. margin-right: 7px;
  214. margin-top: 5px;
  215. border-radius:100%;
  216. background-color: #3399ff; /* blue color of the fifth box */
  217. border: 1px solid #eeeeee;
  218. opacity: .7;
  219. }
  220.  
  221.  
  222. .six { /* color six, set to purple */
  223. width: 15px;
  224. height: 15px;
  225. position: relative;
  226. display: inline-block;
  227. margin-right: 7px;
  228. margin-top: 5px;
  229. border-radius:100%;
  230. background-color: #6600cc; /* purple color of the sixth box */
  231. border: 1px solid #eeeeee;
  232. opacity: .7;
  233. }
  234.  
  235.  
  236. .seven { /* color seven, set to white */
  237. width: 15px;
  238. height: 15px;
  239. position: relative;
  240. display: inline-block;
  241. margin-right: 7px;
  242. margin-top: 5px;
  243. border-radius:100%;
  244. background-color: #ffffff; /* white color of the seventh box */
  245. border: 1px solid #dfdfdf;
  246. opacity: .7;
  247. }
  248.  
  249.  
  250.  
  251. a[tooltip]:hover:after {
  252. content: attr(tooltip);
  253. padding: 5px;
  254. font-size: 10px;
  255. color: #bbbbbb;
  256. font-style: italic;
  257. position: absolute;
  258. left: 50%;
  259. top: 220%;
  260. white-space: nowrap;
  261. z-index: 9999;
  262. -moz-border-radius: 3px;
  263. -webkit-border-radius: 3px;
  264. border-radius: 3px;
  265. -moz-box-shadow: 0px 0px 2px #c0c1c2;
  266. -webkit-box-shadow: 0px 0px 2px #c0c1c2;
  267. box-shadow: 0px 0px 2px #c0c1c2;
  268. background-color: #ffffff;
  269. }
  270.  
  271. #top1 { position:fixed; width:auto; height:auto; letter-spacing: 1px; right:10px; bottom:50px; padding:8px; font-size:30px; font-family:Lovers Quarrel; line-height:14px; text-align:right; z-index:99;
  272. -webkit-transition:all 0.3s ease-out;
  273. -moz-transition:all 0.3s ease-out;
  274. transition:all 0.3s ease-out;
  275. text-shadow:none;
  276. }
  277. #top1:hover {
  278. -webkit-transition:all 0.3s ease-out;
  279. -moz-transition:all 0.3s ease-out;
  280. transition:all 0.3s ease-out;
  281. -moz-transform: scale(1.5);
  282. -webkit-transform: scale(1.5);
  283. -o-transform: scale(1.5);
  284. -ms-transform: scale(1.5);
  285. transform: scale(1.5);
  286. text-shadow:none;
  287. }
  288.  
  289. #top2 {
  290. height:auto;
  291. width:auto;
  292. letter-spacing:1px;
  293. margin-bottom:50px;
  294. margin-left:950px;
  295. font-size:10px;
  296. text-transform:uppercase;
  297. text-align:center;
  298. float:center;
  299. -webkit-transition:all 0.3s ease-out;
  300. -moz-transition:all 0.3s ease-out;
  301. transition:all 0.3s ease-out;
  302. }
  303.  
  304. #top2 a{margin-left:4px; {color:header link};
  305. padding:7px; background:#fff; border:1px solid {color:borders}; border-top: 1px solid transparent;
  306. border-bottom:2px solid {color:borders}; border-radius:100%;
  307. }
  308. #top2:hover{
  309. -webkit-transition:all 0.8s ease-out;
  310. -moz-transition:all 0.8s ease-out;
  311. transition:all 0.8s ease-out;
  312. }
  313.  
  314. ol, ul {padding:0px;list-style-type:none; text-align:left !important;}
  315. ul li {position:relative;padding-left:20px; text-align:left !important;}
  316. ul li:before {
  317. text-align:left !important;
  318. content:'';
  319. position:absolute;
  320. display:block;
  321. top:8px;
  322. left:0px;
  323. width:10px;
  324. height:1px;
  325. background:{color:link};
  326. }
  327.  
  328. #navigation {
  329. z-index:4;
  330. background:transparent;
  331. float:left;
  332. margin-left:10px;
  333. margin-top:6px;
  334. width:700px;
  335. padding:5px;
  336. }
  337. #navigation a {
  338. text-shadow:none;
  339. margin-left:10px;
  340. padding:3px;
  341. font-size:11px;
  342. display:inline-block;
  343. text-align:left;
  344. background-color:transparent;
  345. color:{color:header link};
  346. -webkit-transition:all 0.3s ease-out;
  347. -moz-transition:all 0.3s ease-out;
  348. transition:all 0.3s ease-out;
  349. }
  350. #navigation a:hover {
  351. color:{color:header link hover};
  352. -webkit-transition:all 0.3s ease-out;
  353. -moz-transition:all 0.3s ease-out;
  354. transition:all 0.3s ease-out;
  355. }
  356.  
  357.  
  358. iframe#tumblr_controls {top:55px; black-space:nowrap; filter: invert(100%); -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%);opacity:0.2;}
  359. #tumblr_controls{top:55px; position:fixed !important;-webkit-filter: invert(100%)}
  360. .tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop {opacity:0.2; top:55px;}
  361.  
  362. .date {
  363. font-family:montserrat;
  364. line-height:0px;
  365. margin-top:15px;
  366. padding:5px;
  367. float:right;
  368. text-align:right;
  369. width:auto;
  370. background-color:transparent;
  371. text-transform:uppercase;
  372. font-size:9.5px;
  373. color:gray;
  374. {block:PermalinkPage}
  375. display:none;
  376. {/block:PermalinkPage}
  377. }
  378. .date a{color:#999; text-shadow:none;}
  379. .date a:hover {border-bottom:none; cursor:help; text-shadow:none; color:{color:link}; }
  380.  
  381. .reblog {
  382.  
  383. margin-top:4px;
  384. margin-left:180px;
  385. float:left;
  386. background-color:transparent;
  387. padding:5px;
  388. font-size:12px;
  389. color:gray;
  390. font-weight:bold;
  391. {block:PermalinkPage}
  392. display:none;
  393. {/block:PermalinkPage}
  394. }
  395.  
  396. .likie {
  397. margin-top:3px;
  398. margin-left:5px;
  399. float:left;
  400. background-color:transparent;
  401. padding:5px;
  402. padding-bottom:3px;
  403. font-size:12px;
  404. color:#999;
  405. text-transform:uppercase;
  406. font-family:montserrat;
  407. {block:PermalinkPage}
  408. display:none;
  409. {/block:PermalinkPage}
  410. }
  411. .likie a{ color:#999;}
  412.  
  413. .popup_block{
  414. display:none;
  415. background:transparent;
  416. padding:30px;
  417. width:500px;
  418. float:left;
  419. color:#141414;
  420. position:fixed;
  421. top:50%;left:50%;
  422. z-index: 9999999;
  423. }
  424.  
  425. *html #fade {position: absolute;}
  426. *html .popup_block {position: absolute;}
  427. #fade {
  428. display:none;
  429. position:fixed;
  430. left:0px;
  431. top:0px;
  432. width:100%;
  433. height:100%;
  434. z-index:999999;
  435. background:#fff;
  436. opacity:1;
  437. }
  438.  
  439. a{ color:{color:Link}; text-decoration:none;
  440. -webkit-transition:all 0.3s ease-out;
  441. -moz-transition:all 0.3s ease-out;
  442. transition:all 0.3s ease-out;
  443.  
  444. }
  445. a:hover{
  446. color:{color:Link Hover};
  447. -webkit-transition:all 0.3s ease-out;
  448. -moz-transition:all 0.3s ease-out;
  449. transition:all 0.3s ease-out;
  450.  
  451. }
  452.  
  453. #top3 {
  454. height:52px;
  455. width:100%;
  456. position:fixed;
  457. z-index:1;
  458. left:0px;
  459. top:0px;
  460. border-bottom:1px solid {color:borders};
  461. background:{color:header bg};
  462. }
  463.  
  464. h1 {
  465.  
  466. font-size:22px;
  467. text-align:center;
  468. text-transform:none;
  469. margin-top:20px;
  470. margin-bottom:-10px;
  471. padding-bottom:0px;
  472. font-weight:normal;
  473.  
  474. }
  475.  
  476. body{
  477. cursor:crosshair;
  478. color:{color:Text};
  479. font-family:roboto;
  480. text-align:left !important;
  481. font-size:11px;
  482. opacity:1;
  483. background: {color:background} url("{image:background}") fixed;
  484. }
  485.  
  486. #post{
  487. margin-top:100px;
  488. width:{select:columns};
  489. margin-left:auto;
  490. margin-right:auto;
  491. float:center;
  492. background-color:transparent;
  493. text-align:left !important;
  494. padding:0px;
  495. }
  496.  
  497. .entry{
  498. text-align:left !important;
  499. background-color: {color:post bg};
  500. width:400px;
  501. float:center;
  502. opacity:1;
  503. color:{color:Text};
  504. margin:80px;
  505. border:1px solid {color:borders};
  506. }
  507.  
  508. .entry img{
  509. max-width:400px;
  510. height:auto;
  511. }
  512.  
  513. .entry .perm{
  514. {block:PermalinkPage}
  515. display:none;
  516. {/block:PermalinkPage}
  517. background:{color:post bg};
  518. border-bottom:1px solid transparent;
  519. border:1px solid {color:borders};
  520. padding:5px;
  521. margin-top:-40px;
  522. width:390px;
  523. margin-left:-1px;
  524. border-top-left-radius:5px;
  525. border-top-right-radius:5px;
  526. height:35px;
  527. position:absolute;
  528. opacity:1;
  529. -webkit-transition:all 0.5s ease-out;
  530. -moz-transition:all 0.5s ease-out;
  531. transition:all 0.5s ease-out;
  532.  
  533. }
  534.  
  535. .entry:hover .perm{
  536. opacity:1;
  537. -webkit-transition:all 0.5s ease-out;
  538. -moz-transition:all 0.5s ease-out;
  539. transition:all 0.5s ease-out;
  540.  
  541. }
  542.  
  543. #notas {
  544. margin-top:10px;
  545. width:95%;
  546. height:200px;
  547. overflow-y:auto;
  548. border-radius:5px;
  549. padding:10px;
  550. font-family:calibri;
  551. margin-left:auto;
  552. margin-right:auto;
  553. float:center;
  554. }
  555.  
  556. .notes img {
  557. width: 0px;
  558. height:0px;
  559. border-radius:100%;
  560. float:left;
  561. list-style:none;
  562. border-right:10px solid transparent;
  563. -webkit-transition: all 0.5s linear;
  564. -moz-transition: all 0.5s linear;
  565. transition: all 0.5s linear;}
  566. ol.notes, .notes li {
  567. list-style:none;
  568. height:20px;
  569. width: 100%;
  570. margin-top: 5px;
  571. margin-left:0px;
  572. padding-left: 0px}
  573. .notes li:hover img {
  574. list-style:none;
  575. -webkit-transition: all 0.5s linear;
  576. -moz-transition: all 0.5s linear;
  577. transition: all 0.5s linear;}
  578.  
  579. #notas::-webkit-scrollbar-track-piece {
  580. background-color:{color:post bg};
  581. }
  582.  
  583. ::-moz-selection { background: {color:text}; color: {color:background}; }
  584. ::selection { background: {color:text}; color: {color:background}; }
  585.  
  586. .pagination {
  587. display: none;
  588. }
  589.  
  590. ::-webkit-scrollbar-thumb { background-color: {color:scrollbar}; margin-right:5px;}
  591. ::-webkit-scrollbar { height:5px; width: 3px;}
  592. ::-webkit-scrollbar-track { background-color:{color:link}; -moz-box-shadow: inset 0 0 0 1px {color:background}; -webkit-box-shadow: inset 0 0 0 1px {color:background}; box-shadow: inset 0 0 0px 1px {color:background}; }
  593.  
  594.  
  595. blockquote {
  596. margin-left:20px;
  597. padding-left:10px;
  598. border-left:2px solid{color:link};
  599. }
  600.  
  601. #question {padding:0px; margin-bottom:5px;}
  602.  
  603. #asker_portrait img{
  604.  
  605. border-top-left-radius:20px;
  606. border-top-right-radius:20px;
  607. border-bottom-right-radius:20px;
  608. max-width:40px;
  609. margin-top:-25px;
  610. position:relative;
  611. float:center;
  612. margin-right:20px;
  613. padding:4px;
  614. background:{color:question};
  615. {block:permalinkpage} margin-right:220px; {/block:permalinkpage}
  616.  
  617.  
  618. }
  619.  
  620. #asker {font-weight:normal; text-transform:uppercase; font-style:normal; }
  621.  
  622. #asker a {color:{color:question link}; text-align:center; font-size:12px;}
  623.  
  624. #asked_question {
  625. background-color:{color:question};
  626. padding:10px;
  627. font-style:italic;
  628. padding-top:20px;
  629. margin-top:30px;
  630. min-height:20px;
  631. text-align:center;
  632. font-size:12px;
  633. border-radius:5px;
  634. {block:permalinkpage}
  635. max-width:390px;
  636. width:390px;
  637. {/block:permalinkpage}
  638. margin-left:5px;
  639. padding-left:50px;
  640. padding-right:50px;
  641.  
  642. }
  643.  
  644. #answer {
  645.  
  646. border-radius:5px;
  647. background:{color:answer};
  648. padding:2px 10px;
  649. margin-left:5px;
  650. margin-top:10px;
  651. margin-bottom:5px;
  652. font-size:12px;
  653. }
  654.  
  655. .asktri {
  656.  
  657. width: 0;
  658. height: 0;
  659. border-style: solid;
  660. border-width: 18px 17.5px 0 17.5px;
  661. border-color: {color:question} transparent transparent transparent;
  662. float:center;
  663. margin-top:-5px;
  664. margin-left:110px;
  665. }
  666.  
  667. .audioicon {}
  668. .audioplay {width:28px; margin-top:3px; overflow:hidden;}
  669. .player { width:28px; padding:6px 10px;display:inline-block;}
  670. .audiodesc {display:inline-block; vertical-align:top; height:46px; line-height:46px; margin-left:14px;}
  671.  
  672.  
  673. .si {
  674.  
  675. float:left;
  676. width:24px;
  677. border-radius:3px;
  678. margin-top:5px;
  679. margin-left:5px;
  680. z-index:0;
  681. position:relative;
  682.  
  683. }
  684.  
  685. .si img{
  686.  
  687. z-index:0;
  688. position:relative;
  689. float:left;
  690. width:24px;
  691.  
  692. }
  693.  
  694. .sit {
  695.  
  696. float:left;
  697. margin-left:10px;
  698. text-transform:uppercase;
  699. margin-top:11px;
  700. font-size:10px;
  701.  
  702.  
  703. }
  704. .sit a{color:#999;}
  705.  
  706. .sp {
  707.  
  708. height:1px;
  709. background:{color:borders};
  710. width:400px;
  711. float:center;
  712. margin-left:-1px;
  713. margin-top:0px;
  714.  
  715. }
  716.  
  717. .tags {
  718. text-align:center;
  719. font-size:10px;
  720. width:300px;
  721. margin-left:auto;
  722. margin-right:auto;
  723. height:auto;
  724. background:transparent;
  725. text-transform:uppercase;
  726. float:center;
  727. padding:10px;
  728. margin-top:10px;
  729. margin-bottom:0px;
  730. font-size:7.5px;
  731. }
  732. .tags a{
  733.  
  734. margin-left:4px;
  735. background:transparent;
  736. text-transform:uppercase;
  737. color:#999;
  738. -webkit-transition: all 3s ease-in-out;
  739. -moz-transition: all 3s ease-in-out;
  740. -ms-transition: all 3s ease-in-out;
  741. -o-transition: all 3s ease-in-out;
  742. transition: all 3s ease-in-out;
  743.  
  744. }
  745.  
  746. .tags a:hover {
  747.  
  748. font-style:italic;
  749. -webkit-transition: all 3s ease-in-out;
  750. -moz-transition: all 3s ease-in-out;
  751. -ms-transition: all 3s ease-in-out;
  752. -o-transition: all 3s ease-in-out;
  753. transition: all 3s ease-in-out;
  754.  
  755. }
  756.  
  757. #copyr {
  758.  
  759. background:{color:header bg};
  760. border-top:1px solid {color:borders};
  761. padding:10px;
  762. height:20px;
  763. width:100%;
  764. position:fixed;
  765. bottom:0px;
  766. left:0px;
  767. z-index:9;
  768. text-align:center;
  769.  
  770. }
  771.  
  772. #meio {
  773.  
  774. margin-top:3px;
  775. width:200px;
  776. background:transparent;
  777. float:center;
  778. margin-left:auto;
  779. margin-right:auto;
  780. text-align:center;
  781.  
  782. }
  783.  
  784. .sform input {
  785. font-size:10px;
  786. color:{color:borders};
  787. text-align:left;
  788. float:left;
  789. background:transparent;
  790. border:0px;
  791. padding:5px;
  792. letter-spacing:2px;
  793. background:transparent;
  794. }
  795.  
  796. ::-webkit-input-placeholder { color: {color:search box text}; }
  797. :-moz-placeholder { color: {color:search box text}; }
  798. ::-moz-placeholder { color: {color:search box text}; }
  799. :-ms-input-placeholder { color: {color:search box text}; }
  800.  
  801. .sbox {
  802.  
  803. margin-left:5px;
  804. margin-top:0px;
  805. width:150px;
  806. float:left;
  807. -webkit-transition:all 0.3s ease-out;
  808. -moz-transition:all 0.3s ease-out;
  809. transition:all 0.3s ease-out;
  810. }
  811. .sbox:hover {
  812. background:#eee;
  813. color:{color:search box text typing};
  814. -webkit-transition:all 0.3s ease-out;
  815. -moz-transition:all 0.3s ease-out;
  816. transition:all 0.3s ease-out;
  817. }
  818.  
  819. .go {
  820.  
  821. background:transparent;
  822. padding-right:5px;
  823. border-right:1px solid {color:borders};
  824. color:#999;
  825. height:15px;
  826. width:15px;
  827. float:left;
  828. text-align:left;
  829. margin-top:3px;
  830. margin-left:20px;
  831.  
  832. }
  833.  
  834. #lado {
  835.  
  836. margin-top:-13px;
  837. height:10px;
  838. width:150px;
  839. background:transparent;
  840. float:right;
  841. margin-right:30px;
  842. text-align:right;
  843.  
  844. }
  845.  
  846. #plantes {
  847.  
  848. margin-top:-18px;
  849. margin-left:-1px;
  850. border-left:1px solid {color:borders};
  851. border-right:1px solid {color:borders};
  852. width:370px;
  853. text-align:left;
  854. padding-top:10px;
  855. padding-bottom:10px;
  856. padding:15px;
  857. background:transparent;
  858.  
  859. }
  860.  
  861. {CustomCSS}
  862.  
  863. </style>
  864. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  865.  
  866. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script
  867.  
  868. src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  869.  
  870. <script>
  871. $(function(){
  872. var $container = $('#post');
  873. $container.imagesLoaded(function(){
  874. $container.masonry({
  875. itemSelector: '.entry',
  876. });
  877. });
  878. $container.infinitescroll({
  879. itemSelector : ".entry",
  880. navSelector : "div.pagination",
  881. nextSelector : ".pagination a#next",
  882. loadingImg : "",
  883. loadingText : "<em></em>",
  884. bufferPx : 10000,
  885. extraScrollPx: 12000,
  886. },
  887. // trigger Masonry as a callback
  888. function( newElements ) {
  889. var $newElems = $( newElements ).css({ opacity: 0 });
  890. // ensure that images load before adding to masonry layout
  891. $newElems.imagesLoaded(function(){
  892. $newElems.animate({ opacity: 1 });
  893. $container.masonry( 'appended', $newElems, true );
  894. });
  895. }
  896. );
  897. });
  898. </script>
  899.  
  900.  
  901. </head>
  902. <body>
  903.  
  904. <div id="top3">
  905.  
  906. <div id="navigation">
  907. <a href="/" style="color:{color:title}; text-transform:uppercase; font-size:19px;">{Title}</a>
  908. <a href="{text:link1url}" >{text:link1}</a>
  909. <a href="{text:link2url}" >{text:link2}</a>
  910. <a href="{text:link3url}" >{text:link3}</a>
  911. <a href="{text:link4url}" >{text:link4}</a>
  912. </div>
  913.  
  914. <div id="box">
  915.  
  916. <a href="/tagged/pink" class="color one" tooltip="pink">
  917. <a href="/tagged/orange" class="color two" tooltip="orange">
  918. <a href="/tagged/yellow" class="color three" tooltip="yellow">
  919. <a href="/tagged/green" class="color four" tooltip="green">
  920. <a href="/tagged/blue" class="color five" tooltip="blue">
  921. <a href="/tagged/purple" class="color six" tooltip="purple">
  922. <a href="/tagged/white" class="color seven" tooltip="white">
  923. </a>
  924.  
  925. </div></div>
  926.  
  927. <div id="copyr">
  928.  
  929. <div class="go"><li class="fa fa-search"></li></div>
  930. <form action="/search" method="get" class="sform" name="form">
  931. <input type="text" name="q" value="{SearchQuery}" class="sbox" placeholder="Search here"/></form>
  932.  
  933. <div id="meio"> &copy; {CopyrightYears} - All rights reserved. </div>
  934.  
  935. <div id="lado">
  936. <li class="fa fa-bar-chart-o"></li>&nbsp;&nbsp;{text:hits}
  937. </div>
  938.  
  939. </div>
  940.  
  941. <div id="post">
  942. {block:Posts}
  943. <div class="entry">
  944.  
  945. <div class="perm">
  946.  
  947. {block:RebloggedFrom}
  948. <img class="si" src="{ReblogRootPortraitURL-24}">
  949. <div class="sit"><a href="{ReblogRootURL}">{ReblogRootName}</a></div>
  950. {/block:RebloggedFrom}
  951.  
  952. <div class="date">
  953. <a href="{Permalink}">{NoteCOunt}</a>&nbsp;&nbsp;
  954. <a href="{Permalink}">{DayOfMonthWithZero} {ShortMonth}</a>
  955. </div>
  956.  
  957. </div>
  958.  
  959.  
  960. {block:Title}<h1>{Title}</h1>{/block:Title}
  961.  
  962. {block:Text}
  963. <div style="padding:15px;">{Body}</div>
  964. {/block:Text}
  965.  
  966. {block:Photo}
  967. <div style="padding-bottom:15px;"><a href="{permalink}" ><img src="{PhotoURL-500}" width="400"/></a></div>
  968. {/block:Photo}
  969.  
  970. {block:Photoset}
  971. {Photoset-400}
  972. {/block:Photoset}
  973.  
  974.  
  975. {block:Quote}
  976.  
  977. <div style="text-align:center; padding:20px; padding-bottom:0px; font-weight:normal; font-size:15px;">{Quote}</br></div>
  978.  
  979. <div align="right" style="text-align:center; font-size:9px; text-transform:uppercase; margin-bottom:10px;">
  980. </br>{block:Source}- {Source}{/block:Source} </br>
  981. </div>
  982. {/block:Quote}
  983.  
  984.  
  985. {block:Video}
  986. {Video-400}
  987. <br>
  988. {PlayCountWithLabel}
  989. {/block:Video}
  990.  
  991.  
  992. {block:Link}
  993. <h1><a href="{URL}" class="link" {Target}>{Name}</a></h1>
  994. <div style="padding:15px;">{block:Description}{Description}{/block:Description}</div>
  995. {/block:Link}
  996.  
  997. {block:Chat}
  998. <div style="padding:15px;">
  999. {block:Lines}
  1000. {block:Label}
  1001. <br><b>{Label}</b>
  1002. {/block:Label}
  1003. &nbsp;{Line}
  1004. {/block:Lines}
  1005. </div>
  1006. {/block:Chat}
  1007.  
  1008. {block:Audio}
  1009. <div style="padding:15px;"><div class="audioicon"><div class="player"><div class="audioplay">{AudioPlayer}</div></div><div class="audiodesc"><b>{block:TrackName}{TrackName}{/block:TrackName}</b> {block:Artist}, {Artist}{/block:Artist}</div></div></div>{/block:Audio}
  1010.  
  1011.  
  1012. {block:Answer}
  1013. <div style="padding:15px;">
  1014. <div id="question">
  1015. <div id="asker_portrait"><img src="{AskerPortraitURL-40}"></div>
  1016. <div id="asked_question"><span id="asker">{Asker}</span>:<br>{Question}</div>
  1017. </div>
  1018. <div class="asktri"></div>
  1019. <div id="answer">
  1020. {Answer}
  1021. </div>
  1022. </div>
  1023. {/block:Answer}
  1024.  
  1025. <center><div style="width:400px;">
  1026.  
  1027. {block:Caption}
  1028. <div id="plantes">
  1029. {block:IfCaption} {block:Caption}{Caption}{/block:Caption} {/block:IfCaption}</div>
  1030. {/block:Caption}
  1031.  
  1032. <div class="sp"></div> <div style="float:center;">
  1033. <div class="reblog">{ReblogButton color="gray" size="13"}</div>
  1034. <div class="likie" >{LikeButton color="gray" size="13"}</div>
  1035. </div>
  1036.  
  1037. </div></center>
  1038.  
  1039. <div class="tags">
  1040. {block:HasTags} </br> {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}</div>
  1041.  
  1042.  
  1043. {block:PermalinkPage}
  1044. <div style="padding:10px;">
  1045. <b>NOTES:</b> {NoteCount} </br>
  1046. <b>DATE:</b> {DayOfMonthWithZero} {Month}
  1047. </div>
  1048. {block:PostNotes}<div id="notas">{PostNotes}</div>{/block:PostNotes}</div>
  1049. {/block:PermalinkPage}
  1050.  
  1051. </div>
  1052.  
  1053. {/block:Posts}
  1054.  
  1055. </div>
  1056.  
  1057. {block:IfNotInfiniteScroll}
  1058. <div id="top2">
  1059.  
  1060. {block:Pagination}
  1061. {block:PreviousPage}
  1062. <a href="{PreviousPage}">Back</a>
  1063. {/block:PreviousPage}
  1064.  
  1065. {block:JumpPagination length="5"}
  1066.  
  1067. {block:CurrentPage}
  1068. <a href="#"><span class="current_page"><li style="font-size:10px;" class="fa fa-music"></li></a></span></a>
  1069. {/block:CurrentPage}
  1070.  
  1071. {block:JumpPage}
  1072. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1073. {/block:JumpPage}
  1074. {/block:JumpPagination}
  1075.  
  1076. {block:NextPage}
  1077. <a href="{NextPage}">Next</a>
  1078. {/block:NextPage}
  1079.  
  1080. {/block:Pagination}
  1081.  
  1082. </div>
  1083. {/block:IfNotInfiniteScroll}
  1084.  
  1085. <div id="top1">
  1086. <a href="http://amplamente.tumblr.com/" title="amplamente">Am</a>
  1087. </div>
  1088.  
  1089. {block:IfInfiniteScroll}
  1090. <div class="pagination">
  1091. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}
  1092. <a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
  1093. </div>
  1094. {/block:IfInfiniteScroll}
  1095.  
  1096. </body>
  1097.  
  1098. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!