Advertisement
reptilha

Espinho — 003

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