API tools faq
paste
Advertisement
Carolaine_Vieira

Hermanos

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