Advertisement
reptilha

Margarida — 002

Jul 23rd, 2018
302
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.32 KB | None | 0 0
  1. <!--
  2.  
  3. Theme desenvolvido por @reptilha
  4. Não copie detalhes e não remova os créditos.
  5.  
  6. Grata pela preferência.
  7. Atenciosamente, G.
  8.  
  9. --->
  10.  
  11.  
  12. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  13. "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  14.  
  15. <html xmlns="https://www.w3.org/1999/xhtml">
  16.  
  17. <head>
  18.  
  19. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  20.  
  21. <title>{Title}</title>
  22. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  23. <link rel="shortcut icon" href="{Favicon}">
  24. {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
  25.  
  26. <!-- jquery -->
  27. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  28. <!-- jquery -->
  29.  
  30. <script>
  31. $(document).ready(function(){
  32. /**** tumblr blogs avatars ****/
  33. $(".tumblr_blog").each(function() {
  34. var tumblrblogurl = $(this).text();
  35. $(this).before("<img src='https://api.tumblr.com/v2/blog/" + tumblrblogurl + ".tumblr.com/avatar/24' class='tumblr_blog_avatar'/>");
  36. });
  37. /**** tumblr blogs avatars ****/
  38. });
  39. </script>
  40.  
  41. <link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet">
  42.  
  43. <meta name="color:Font" content="#000"/>
  44. <meta name="color:Background" content="#fff"/>
  45. <meta name="color:Posts" content="#fff"/>
  46. <meta name="color:Links" content="#000"/>
  47. <meta name="color:Links Menu" content="#ccc"/>
  48. <meta name="color:Link Hover" content="#ccc"/>
  49. <meta name="color:Titles" content="#000"/>
  50. <meta name="color:Links Hover Menu" content="#ccc"/>
  51. <meta name="color:Borders" content="#eee"/>
  52.  
  53. <meta name="text:AskLabel" content="perguntou" />
  54. <meta name="if:DarkButtons" content="perguntou" />
  55.  
  56. <meta name="text:Link 1" content="Link" />
  57. <meta name="text:Link 1 url" content="" />
  58. <meta name="text:Link 2" content="Link" />
  59. <meta name="text:Link 2 url" content="" />
  60. <meta name="text:Link 3" content="Link" />
  61. <meta name="text:Link 3 url" content="" />
  62. <meta name="text:Link 4" content="Link" />
  63. <meta name="text:Link 4 url" content="" />
  64. <meta name="text:Link 5" content="Link" />
  65. <meta name="text:Link 5 url" content="" />
  66.  
  67. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  68. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  69. <script> (function($){ $(document).ready(function(){ $("[title],a[title],img[title]").style_my_tooltips({ tip_follows_cursor:true, tip_delay_time:100, tip_fade_speed:300, attribute:"title" }); }); })(jQuery); </script>
  70.  
  71. <style type="text/css">
  72.  
  73. /* config */
  74.  
  75. body{
  76. font-family:georgia;
  77. background:{color:Background};
  78. font-size:15px;
  79. color:{color:Font};
  80. line-height:22px;
  81. overflow-x:hidden;
  82. }
  83.  
  84. img {
  85. height: auto;
  86. width: auto;
  87. }
  88.  
  89. iframe, img, embed, object, video{
  90. max-width: 100%;
  91. }
  92.  
  93. .photo{
  94. width:100%;
  95. }
  96.  
  97.  
  98. a{
  99. color:{color:Links};
  100. cursor:help;
  101. font-weight:bold;
  102. -webkit-transition: all 0.5s ease-out;
  103. -moz-transition: all 0.5s ease-out;
  104. -o-transition: all 0.5s ease-out;
  105. transition: all 0.5s ease-out;
  106. }
  107.  
  108. .box iframe {
  109. max-width: 100%;
  110.  
  111. }
  112.  
  113. .text img {
  114. max-width: 100%;
  115.  
  116. }
  117.  
  118. blockquote{
  119. margin-left:0%;
  120. width:100%;
  121. }
  122.  
  123. .box img {
  124. display: block;
  125.  
  126. }
  127.  
  128. .clear {
  129. clear: both;
  130.  
  131. }
  132.  
  133. #pagination {
  134. display: none;
  135.  
  136. }
  137.  
  138. a:hover{
  139. color:{color:Link Hover};
  140. }
  141.  
  142. .clearfix:after{
  143. content:".";
  144. display:block;
  145. clear:both;
  146. visibility:hidden;
  147. line-height:0;
  148. height:0;
  149.  
  150. }
  151.  
  152. .clearfix{
  153. display:inline-block;
  154.  
  155. }
  156.  
  157. html[xmlns] .clearfix{
  158. display:block;
  159.  
  160. }*
  161.  
  162. html .clearfix{
  163. height:1%;
  164.  
  165. }
  166.  
  167. a{
  168. text-decoration:none;
  169. }
  170.  
  171. .post {
  172. position: relative;
  173. width:350px;
  174. border:1px solid {color:Borders};
  175. float:left;
  176. margin:20px;
  177. background:{color:Posts};
  178. {block:PermalinkPage}
  179. width:700px;
  180. border:transparent;
  181. float:center;
  182. {/block:PermalinkPage}
  183.  
  184. }
  185.  
  186. #contain {
  187. width:1200px;
  188. margin-left:auto;
  189. height:100%;
  190. margin-right:auto;
  191. min-height:700px;
  192. {block:PermalinkPage}
  193. {/block:PermalinkPage}
  194.  
  195. }
  196.  
  197. #content {
  198. width:1200px;
  199. margin-top:330px;
  200. {block:PermalinkPage}
  201. {/block:PermalinkPage}
  202. }
  203.  
  204. #infscr-loading {display:none!important;}
  205. #infscr-loading img {display:none;}
  206. #pagination {display:none;}
  207.  
  208. /**** tumblr blogs avatars ****/
  209. .tumblr_blog {margin-left: 36px;text-transform:uppercase;
  210. font-weight:normal; font-size:15px;
  211. } /** aqui você edita a aparência do link do blog **/
  212. .tumblr_blog_avatar {width: 30px; height: 30px; border-radius: 1px;position:absolute;margin-right:px;margin-top:-4px;vertical-align:-5px;} /** aqui você edita a aparência do avatar **/
  213. /**** tumblr blogs avatars ****/
  214.  
  215.  
  216.  
  217. .iframe-controls--desktop {
  218. position:fixed;
  219. padding-top:20px;
  220. padding-right:20px;
  221. z-index:9999999999999999999999999999;
  222. {block:IfDarkButtons}
  223. filter:invert(100%);
  224. -webkit-filter:invert(100%);
  225. {/block:IfDarkButtons}
  226. -webkit-transform:scale(0.6,0.6);
  227. -webkit-transform-origin: 100% 0%;
  228. -ms-transform-origin:100% 0%;
  229. -ms-transform:scale(0.6,0.6);
  230. transform:scale(0.6,0.6);
  231. transform-origin:100% 0%;
  232. }
  233.  
  234. .thememaker{
  235. position:fixed;
  236. margin-top:-310px;
  237. right:0px;
  238. font-size:13px;
  239. z-index:9999999999999999999999999999;
  240. {block:IfDarkButtons}
  241. color:black;
  242. {/block:IfDarkButtons}
  243. {block:IfNotDarkButtons}
  244. color:white;
  245. {/block:IfNotDarkButtons}
  246. }
  247.  
  248. #scrollToTop{
  249. right:5px;
  250. bottom:10px;
  251. position:fixed;
  252. font-size:13px;
  253. z-index:9999999999999999999999999999;
  254. {block:IfDarkButtons}
  255. color:black;
  256. {/block:IfDarkButtons}
  257. {block:IfNotDarkButtons}
  258. color:white;
  259. text-shadow: 1px 1px 1px rgba(68,68,68,.4), -1px -1px 1px rgba(68,68,68,.4), -1px 1px 1px rgba(68,68,68,.4), 1px -1px 1px rgba(68,68,68,.4);
  260. {/block:IfNotDarkButtons}
  261. }
  262.  
  263.  
  264.  
  265. ::-moz-selection {color:inherit;background: transparent;}
  266.  
  267. ::selection {color:inherit;background: transparent;}
  268.  
  269. b{
  270. font-weight:bold;
  271. }
  272.  
  273. .caption{
  274. margin-top:10px;
  275. }
  276.  
  277. ::-webkit-scrollbar
  278. {width: 23px; height: 23px; z-index:-1;}
  279. ::-webkit-scrollbar-track-piece
  280. {background-color: {color:Background};-webkit-border-radius:px;}
  281. ::-webkit-scrollbar-thumb:vertical
  282. {height: 3px; background-color: {color:Borders}; -webkit-border-radius:px;border:10px solid {color:Background}; }
  283. ::-webkit-scrollbar-thumb:horizontal
  284. {width: 3px; background-color: {color:Borders}; -webkit-border-radius:px;border:10px solid {color:Background}; }
  285.  
  286. .source{
  287. font-weight:bold;
  288. margin-top:3px;
  289. }
  290.  
  291. #s-m-t-tooltip {
  292. max-width:200px;
  293. padding:3px 10px 3px 10px;
  294. border:1px solid {color:Borders};
  295. margin:15px 20px;
  296. border-radius:3px;
  297. background:{color:Background};
  298. z-index:123456789;
  299.  
  300. }
  301.  
  302. #tumblr_lightbox {
  303. background-color:rgba(225, 225, 225, .7)!important;
  304. z-index:99999!important;
  305. }
  306.  
  307. #tumblr_lightbox img {opacity:0;}
  308.  
  309. #tumblr_lightbox_caption {
  310. color:black!important;
  311. font-family:arial!important;
  312. font-size:10px!important;
  313. font-weight:normal!important;
  314. text-shadow:none!important;
  315. }
  316. #tumblr_lightbox_center_image,
  317. #tumblr_lightbox_left_image,
  318. #tumblr_lightbox_right_image {
  319. background:white!important;
  320. -moz-box-shadow:none!important;
  321. -webkit-box-shadow:none!important;
  322. box-shadow:none!important;
  323. -moz-border-radius:0px!important;
  324. -webkit-border-radius:0px!important;
  325. border-radius:0px!important;
  326. opacity:1!important;
  327. }
  328.  
  329. #tumblr_lightbox_left_image,
  330. #tumblr_lightbox_right_image {opacity:.6!important;}
  331.  
  332. /* config */
  333.  
  334. reb{
  335. display:block;
  336. font-style:;
  337. }
  338.  
  339. reb span{
  340. vertical-align:0px;
  341. margin-left:5px;
  342. margin-right:5px;
  343. display:inline-block;
  344. font-size:8px;
  345. }
  346.  
  347. time{ font-style:;
  348. margin-right:0px;
  349. -webkit-transition: all 0.5s ease-out;
  350. -moz-transition: all 0.5s ease-out;
  351. -o-transition: all 0.5s ease-out;
  352. transition: all 0.5s ease-out;
  353. opacity:0.0;
  354. {block:PermalinkPage}
  355. display:none;
  356. {/block:PermalinkPage}
  357. }
  358.  
  359. pd{
  360. display:block;
  361. padding:15px;
  362. }
  363.  
  364. /**Fragile Help**/
  365. .lnotes {display:block; margin-top:5px;}
  366. .lnotes .avatar {border:none; margin:5px; width:46px; padding:0;border-radius:1px;}
  367. .lnotes ol {margin:0; padding:0;}
  368. .lnotes li {list-style:none; border:none; float:left; margin:0; padding:0; margin-right:4px; margin-bottom:-2px;}
  369. .lnotes .note .action {display:none; visibility:hidden; margin:0; padding:0;}
  370. .more_box {display:block; width:500px; height:35px; margin:0; padding:0;width:}
  371. .more_notes_link_container a {width:500px; font-style:italic; font-size:12px; font-style:italic; display:block; text-align:center; width:500px;margin-top:30px;margin-bottom:30px;}
  372. .lnotes blockquote {display:none;}
  373.  
  374. lin{
  375. display:block;
  376. padding:10px;
  377. width:500px;
  378. }
  379.  
  380. lin span{
  381. margin:5px;
  382. font-size:15px;
  383. }
  384. {block:Tags}
  385. a{
  386. font-weight:normal;
  387. }
  388. {/block:Tags}
  389.  
  390. .chat li{
  391. list-style:none;
  392. }
  393.  
  394. blockquote{
  395. margin-left:0px;
  396. }
  397.  
  398. .chat span{
  399. font-weight:bold;
  400. font-family:calibri;
  401. text-transform:uppercase;
  402. letter-spacing:1px;
  403. }
  404.  
  405. .pessoa { text-transform:uppercase; font-size:12px;;line-height:20px;}
  406. .pessoa a{display:;text-transform:uppercase; font-size:13px; font-weight:normal; color:{color:Links Hover};letter-spacing:x;
  407. border-bottom:1px solid {color:Borders};}
  408. .pessoa img{ width:40px;border-radius:1px;margin-bottom:5px;display:inline-block;position:absolute;}
  409. .pergunta { background:; margin-top:10px;padding-bottom:20px; margin-left:0px; border-bottom:1px solid {color:Borders}; text-align:left; }
  410. .resposta { padding:15px; padding-top:px; padding-bottom:10px; background:transparent;margin-top:-20px;}
  411.  
  412. sidebar{
  413. position:absolute;
  414. width:600px;
  415. margin-top:-290px;
  416. height:200px;
  417. margin-left:300px;
  418. display:block;
  419. }
  420.  
  421. h1, h2, h3{
  422. font-size:20px;
  423. font-weight:normal;
  424. color:{color:Titles};
  425. }
  426.  
  427. sidebar h1{
  428. display:inline-block;
  429. margin-top:-5px;
  430. font-size:40px;
  431. z-index:99999999999999999;
  432. margin-bottom:-5px;
  433. background:{color:Background};
  434. padding:10px;
  435. font-family: 'Alex Brush', cursive;
  436. margin-left:10px;
  437. }
  438.  
  439. bio{
  440. text-align:;
  441. display:block;
  442. margin-top:-10px;
  443. margin-bottom:20px;
  444.  
  445. padding:50px;
  446. border:1px solid {color:Borders};
  447. }
  448.  
  449. .source{
  450. font-style:italic;
  451. font-weight:bold;
  452. }
  453.  
  454. notes{
  455. display:block;
  456. width:80%;
  457. margin-top:10px;
  458. text-align:center;
  459. border-top:1px solid {color:Borders};
  460. font-size:px;
  461. padding-bottom:20px;
  462. font-size:13px;
  463. text-transform:uppercase;
  464. font-family:calibri;
  465. opacity:0.7;
  466. padding-top:15px;
  467. }
  468.  
  469. nav2{
  470. display:block;
  471. width:80%;
  472. margin-top:10px;
  473. text-align:center;
  474. border-bottom:1px solid {color:Borders};
  475. font-size:px;
  476. padding-bottom:15px;
  477. font-size:13px;
  478. text-transform:uppercase;
  479. font-family:calibri;
  480. opacity:0.7;
  481. padding-top:15px;
  482. }
  483.  
  484. hov a{
  485. margin-right:0px;
  486. font-weight:normal;
  487. opacity:0.0;
  488. -webkit-transition: all 0.5s ease-out;
  489. -moz-transition: all 0.5s ease-out;
  490. -o-transition: all 0.5s ease-out;
  491. transition: all 0.5s ease-out;
  492. font-style:;
  493. }
  494.  
  495. .post:hover hov a{
  496. margin-right:20px;
  497. opacity:1.0;
  498. }
  499.  
  500. .post:hover time{
  501. margin-right:20px;
  502. opacity:1.0;
  503. }
  504.  
  505. .menu a{
  506. font-weight:normal;
  507. margin:5px;
  508. display:inline-block;
  509. font-style:italic;
  510. text-transform:capitalize;
  511. color:{color:Links Menu};
  512. }
  513.  
  514. .menu a:hover{
  515. color:{color:Links Hover Menu};
  516. }
  517.  
  518. .menu{
  519. background:{color:Background};
  520. padding:10px;
  521. display:inline-block;
  522. }
  523.  
  524. </style>
  525.  
  526. <a href="#" id="scrollToTop"><span class="fa fa-angle-up" aria-hidden="true"></span></a>
  527.  
  528. <script type="text/javascript" src="https://static.tumblr.com/kecu8nj/auyouzq5m/jquery.js"></script>
  529. <script type="text/javascript" src="https://static.tumblr.com/kecu8nj/uGBow50r6/info.js"></script>
  530.  
  531. <link href="https://fonts.googleapis.com/css?family=Alex+Brush|Dancing+Script|Great+Vibes|Petit+Formal+Script|Rochester" rel="stylesheet">
  532.  
  533. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  534.  
  535. <script src="https://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  536.  
  537. <a class="thememaker" href="https://reptilha.tumblr.com/themes"><span class="fa fa-download"></span></a>
  538.  
  539.  
  540. </head>
  541.  
  542. <body>
  543.  
  544. <div id="contain">
  545.  
  546. <sidebar>
  547.  
  548. <line></line>
  549. <left><h1>{Title}</h1></left>
  550. <bio>{Description}
  551. </bio>
  552.  
  553. <center> <nav class="menu">
  554. <a href="{text:Link 1 Url}">{text:Link 1}</a> <a href="{text:Link 2 Url}">{text:Link 2}</a> <a href="{text:Link 3 Url}">{text:Link 3}</a> <a href="{text:Link 4 Url}">{text:Link 4}</a> <a href="{text:Link 5 Url}">{text:Link 5}</a>
  555. </nav></center>
  556.  
  557. </sidebar>
  558.  
  559. <div id="content">
  560. {block:Posts}
  561. <div class="post">
  562.  
  563. {block:RebloggedFrom}
  564. {block:IndexPage}
  565. <center><nav2><reb>{Name}
  566. <span class="sf sf-refresh"></span>
  567. <a href="{ReblogParentURL}">{ReblogParentName}</a></reb>
  568. {/block:IndexPage}
  569. </nav2></center>{/block:RebloggedFrom}
  570.  
  571. {block:Text}
  572. <pd> {block:Title}
  573. <h1>{Title}</h1>
  574. {/block:Title}{Body}</pd>
  575. {/block:Text}
  576.  
  577. {block:Photo}
  578. <pd> <img src="{PhotoURL-500}" alt="{PhotoAlt}" class="photo"/>
  579.  
  580. {block:Caption}
  581. <div class="caption">{Caption}</div>
  582. {/block:Caption}</pd>
  583. {/block:Photo}
  584.  
  585. {block:Panorama}
  586. {LinkOpenTag}
  587. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  588. {LinkCloseTag}<pd>{block:Caption}
  589. <div class="caption">{Caption}</div>
  590. {/block:Caption}</pd>
  591. {/block:Panorama}
  592.  
  593. {block:Photoset}
  594. <pd> {Photoset}
  595. {block:Caption}{Caption}{/block:Caption}</pd>
  596. {/block:Photoset}
  597.  
  598. {block:Quote}
  599. <pd> {Quote}
  600.  
  601. {block:Source}
  602. <div class="source">{Source}</div>
  603. {/block:Source}</pd>
  604. {/block:Quote}
  605.  
  606. {block:Link}
  607. <pd> <a href="{URL}" class="link" {Target}><span class="fa fa-link" style="margin-right:10px;"></span>{Name}</a>
  608. {block:Description}
  609. <div class="description">{Description}</div>
  610. {/block:Description}</pd>
  611. {/block:Link}
  612.  
  613. {block:Chat}
  614. <pd> {block:Title}
  615. <h3><a href="{Permalink}">{Title}</a></h3>
  616. {/block:Title}
  617.  
  618. <ul class="chat">
  619. {block:Lines}
  620. <li class="{Alt} user_{UserNumber}">
  621. {block:Label}
  622. <span class="label">{Label}</span>
  623. {/block:Label}{Line}
  624. </li>
  625. {/block:Lines}
  626. </ul></pd>
  627. {/block:Chat}
  628.  
  629. {block:Video}
  630. {Video-500}<pd>{block:Caption}
  631. <div class="caption">{Caption}</div>
  632. {/block:Caption}</pd>
  633. {/block:Video}
  634.  
  635. {block:Audio}
  636. {AudioEmbed}<pd>{block:Caption}
  637. <div class="caption">{Caption}</div>
  638. {/block:Caption}</pd>
  639. {/block:Audio}
  640.  
  641. {block:Answer}
  642. <pd><div class="pessoa">{Asker} {text:AskLabel}</div>
  643. <div class="pergunta">{Question}</div></pd>
  644. <div class="resposta">{Answer}</div>
  645. {/block:Answer}
  646.  
  647. {block:ContentSource}
  648. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  649. {/block:ContentSource}
  650. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  651.  
  652. <center>{block:IndexPage}<notes>
  653. <time>{TimeAgo}</time> <hov><a href="{Permalink}" title="Dados da Postagem"><span class="fa fa-heart-o"></span> {NoteCount}</a> <a href="{ReblogUrl}" title="Compartilhar"><span class="fa fa-refresh"></span></a></hov></notes>{/block:IndexPage} </center>
  654.  
  655. </div>
  656.  
  657. {block:PermalinkPage}
  658. {block:PostNotes}
  659. <div class="post">
  660.  
  661. <lin><span class="fa fa-clock-o"></span> {TimeAgo}</lin>
  662. <lin><span class="fa fa-heart"></span> {NoteCountWithLabel}</lin>
  663. {block:ContentSource}
  664. <lin>{lang:Source}:<a href="{SourceURL}">{Source}</a></lin>{/block:ContentSource}
  665. {block:HasTags}<lin><span class="fa fa-tags"></span> Marcadores:{block:Tags} <a href="{TagURL}">#{Tag}</a> {/block:Tags} </lin>{/block:HasTags}
  666.  
  667. </div>
  668. {/block:PostNotes}
  669. {block:PostNotes}<div class="post"><div class="lnotes">{PostNotes-64}</div><br><br></div>{/block:PostNotes}
  670.  
  671. {/block:PermalinkPage}
  672.  
  673. {block:Pagination}
  674. <div id="pagination">
  675. {block:PreviousPage}
  676. <a href="{PreviousPage}"></a>
  677. {/block:PreviousPage}
  678. {block:NextPage}
  679. <a id="nextPage" href="{NextPage}"></a>
  680. {/block:NextPage}
  681. </div>
  682. {/block:Pagination}
  683.  
  684.  
  685.  
  686.  
  687.  
  688. {block:IndexPage}
  689. <script type="text/javascript">
  690. $(window).load(function () {
  691. $('#content').masonry(),
  692. $('.masonryWrap').infinitescroll({
  693. navSelector : '#pagination',
  694. nextSelector : '#nextPage',
  695. itemSelector : ".post, .loading",
  696. bufferPx : 20,
  697. },
  698. function() { $('#content').masonry({ appendedContent: $(this) }); });
  699. });
  700. </script>
  701. {/block:IndexPage}
  702.  
  703. {/block:Posts}
  704.  
  705.  
  706. </div>
  707.  
  708. <div class="loading"></div>
  709.  
  710.  
  711.  
  712. </body>
  713.  
  714. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement