API tools faq
paste
Advertisement
Carolaine_Vieira

todas as flores

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