API tools faq
paste
Advertisement
Carolaine_Vieira

firstc

Carolaine_Vieira
Aug 29th, 2016
2,024
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 33.04 KB | None | 0 0
raw download clone embed print report
  1. s<!DOCTYPE html>
  2. <html lang="{block:English}en{/block:English}{block:French}fr{/block:French}{block:German}de{/block:German}{block:Japanese}ja{/block:Japanese}{block:Italian}it{/block:Italian}{block:Spanish}es{/block:Spanish}{block:Polish}pl{/block:Polish}{block:Portuguese}pt{/block:Portuguese}">
  3. <head>
  4.  
  5. <!---
  6. ╔═══╦═╗╔═╦═══╦╗──╔═══╦═╗╔═╦═══╦═╗─╔╦════╦═══╗
  7. ║╔═╗║║╚╝║║╔═╗║║──║╔═╗║║╚╝║║╔══╣║╚╗║║╔╗╔╗║╔══╝
  8. ║║─║║╔╗╔╗║╚═╝║║──║║─║║╔╗╔╗║╚══╣╔╗╚╝╠╝║║╚╣╚══╗
  9. ║╚═╝║║║║║║╔══╣║─╔╣╚═╝║║║║║║╔══╣║╚╗║║─║║─║╔══╝
  10. ║╔═╗║║║║║║║──║╚═╝║╔═╗║║║║║║╚══╣║─║║║─║║─║╚══╗
  11. ╚╝─╚╩╝╚╝╚╩╝──╚═══╩╝─╚╩╝╚╝╚╩═══.╩╝─╚═╝─╚╝─╚═══╝
  12. THEME; FIRSTC; CREATED BY CAROLAINE VIEIRA
  13. amplamente.tumblr.com
  14. --->
  15.  
  16. <html xmlns="http://www.w3.org/1999/xhtml">
  17. <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# blog: http://ogp.me/ns/blog#" profile="http://gmpg.org/xfn/11">
  18. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  19.  
  20. <title>{Title}{block:PermalinkPage}{block:PostSummary}&mdash; {PlaintextPostSummary}{/block:PostSummary}{block:PermalinkPage}{block:SearchPage}&mdash; {lang:Search results for SearchQuery} ({SearchResultCount}) {/block:SearchPage}{block:TagPage} &mdash; Posts tagged {Tag}{/block:TagPage}</title>
  21. <link rel="shortcut icon" href="{Favicon}">
  22. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  23. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  24.  
  25. {block:Hidden}
  26. <meta name="color:Background" content="#f6f6f6"/>
  27. <meta name="color:Accent" content="#546"/>
  28. <meta name="color:Post bg" content="#2b2b2b"/>
  29. <meta name="color:Borders" content="#333333"/>
  30. <meta name="color:Perma link" content="#888"/>
  31. <meta name="color:Container bg" content="#fbfbfb"/>
  32. <meta name="color:Text" content="#888888"/>
  33. <meta name="color:Link" content="#22f2222"/>
  34. <meta name="color:Link hover" content="#222222"/>
  35. <meta name="color:Header bg" content="#2b2b2b"/>
  36. <meta name="color:Header link" content="#999999"/>
  37. <meta name="color:Header link hover" content="#fff"/>
  38. <meta name="color:Scrollbar" content="#000000"/>
  39.  
  40. <meta name="if:Caption" content=""/>
  41. <meta name="if:Tags" content=""/>
  42. <meta name="if:ViaBox" content=""/>
  43. <meta name="if:Borders" content=""/>
  44.  
  45. <meta name="image:Background" content=""/>
  46. <meta name="image:Sidebar" content=""/>
  47.  
  48. <meta name="select:Container Height" title="650" content="650" />
  49. <meta name="select:Container Height" title="600" content="600" />
  50. <meta name="select:Container Height" title="550" content="550" />
  51. <meta name="select:Container Height" title="500" content="500" />
  52.  
  53. <meta name="select:Body Font" title="Open Sans" content="Open Sans" />
  54. <meta name="select:Body Font" title="Source Sans Pro" content="Source Sans Pro" />
  55. <meta name="select:Body Font" title="Roboto" content="Roboto" />
  56. <meta name="select:Body Font" title="Lato" content="Lato" />
  57. <meta name="select:Body Font" title="Raleway" content="Raleway" />
  58. <meta name="select:Body Font" title="Oxygen" content="Oxygen" />
  59. <meta name="select:Body Font" title="Poppins" content="Poppins" />
  60.  
  61. <meta name="text:Font size" content="11" />
  62. <meta name="text:Subtitle" content="subtitle" />
  63. {/block:Hidden}
  64.  
  65. <link href='https://fonts.googleapis.com/css?family=Open+Sans|Oxygen|Raleway|Bangers|Great+Vibes|Roboto|Pt+Sans|Source+Sans+Pro|Lato|Quicksand|Cinzel+Decorative' rel='stylesheet' type='text/css'>
  66. <link href='https://fonts.googleapis.com/css?family=Montserrat:400,700|Yellowtail|Dancing+Script:400,700|Satisfy|Great+Vibes|Cookie|Sacramento|Allura|Cabin+Sketch:400,700|Niconne|Montez|Rochester|Press+Start+2P|Fredericka+the+Great|Italianno|Monoton' rel='stylesheet' type='text/css'>
  67.  
  68.  
  69. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  70.  
  71. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  72.  
  73. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  74.  
  75. <script> (function($){$(document).ready(function(){$("[title]").style_my_tooltips();});})(jQuery);</script>
  76.  
  77. <script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  78. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  79.  
  80. <script type="text/javascript" src="http://static.tumblr.com/s2qsk1o/Hlxoa9hfj/tab1.js"></script>
  81. <script type="text/javascript" src="http://static.tumblr.com/s2qsk1o/BRkoa9hhm/tab2.js"></script>
  82. <script type="text/javascript" src="http://static.tumblr.com/s2qsk1o/XEhoa9hzk/scrollup.js"></script>
  83.  
  84. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  85.  
  86. <style type="text/css">
  87.  
  88. *html, body { width:100%; margin:0; }
  89.  
  90. body{
  91. margin:0;
  92. cursor:crosshair;
  93. color:{color:Text};
  94. font-family:{select:body font};
  95. font-size:{text:font size}px;
  96. background: {color:background} url("{image:background}");
  97. }
  98.  
  99. #post{
  100. height:calc({select:container height}px - 40px) !important;
  101. width:600px;
  102. padding:60px 20px 0px 20px;
  103. overflow-y:auto;
  104. overflow-x:hidden;
  105. left:50%;
  106. margin-left:-279px;
  107. margin-top:50px;
  108. background:{color:container bg};
  109. border:1px solid {color:borders};
  110. position:relative;
  111. z-index:5;
  112. }
  113. #com {
  114. margin-top:100px;
  115. }
  116.  
  117. .entry{
  118. text-align:left;
  119. background:{color:post bg};
  120. {block:IfBorders} border:1px solid {color:borders}; {/block:IfBorders}
  121. width:500px;
  122. margin:0 auto 100px auto;
  123. -webkit-transition: 1s ease-in-out;
  124. -moz-transition: 1s ease-in-out;
  125. -o-transition: 1s ease-in-out;
  126. }
  127. #com {
  128.  
  129. }
  130. #com .tril {
  131. border-top:1px solid;
  132. border-left:1px solid;
  133. border-color:{color:borders};
  134. width:40px;
  135. height:40px;
  136. position:relative;
  137. margin:-20px 0 0 -19px;
  138. float:left;
  139. -webkit-transition: 1s ease-in-out;
  140. -moz-transition: 1s ease-in-out;
  141. -o-transition: 1s ease-in-out;
  142. }
  143. #com .trir {
  144. border-bottom:1px solid;
  145. border-right:1px solid;
  146. border-color:{color:borders};
  147. width:40px;
  148. height:40px;
  149. position:relative;
  150. margin:-20px -20px 0px 0;
  151. float:right;
  152. -webkit-transition: 1s ease-in-out;
  153. -moz-transition: 1s ease-in-out;
  154. -o-transition: 1s ease-in-out;
  155. }
  156.  
  157. ::-webkit-scrollbar {
  158. width: 5px;
  159. height: 5px;
  160. }
  161. ::-webkit-scrollbar-thumb {
  162. background:{color:accent};
  163. }
  164. ::-webkit-scrollbar-track {
  165. background:rgba({RGBcolor:post bg},0.1);
  166. }
  167.  
  168. .entry img{
  169. max-width:500px;
  170. height:auto;
  171. margin-bottom:-4px;
  172. {block:IfViaBox}margin-top:-1px;{/block:IfViaBox}
  173. }
  174. .photoset {
  175. {block:IfViaBox}margin-top:-1px;{/block:IfViaBox}
  176. }
  177.  
  178. .custom-like-button *{cursor:pointer!important;}
  179. .custom-like-button {
  180. position:relative;
  181. display:inline-block;
  182. vertical-align:top;
  183. width:10px;
  184. height:10px;
  185. cursor:pointer;
  186. margin:0 5px 0 6px;
  187. font-size:14px;
  188. color:{color:perma link};
  189. }
  190.  
  191. .like_button:hover + .our_button {color:{color:Accent};}
  192. .like_button.liked + .our_button {color:{color:Accent};}
  193. .like_button iframe {width:100%!important;height:100%!important;}
  194. .like_button {z-index:10;opacity:0;}
  195. .our_button {z-index:1;}
  196. .our_button,.like_button {
  197. position:absolute;
  198. top:0;
  199. left:0;
  200. width:100%;
  201. height:100%;
  202. color:{color:perma link};
  203. }
  204.  
  205. .banner {
  206. background:{color:Accent} url("{HeaderImage}");
  207. position:relative;
  208. width:100%;
  209. height:250px;
  210. left:0;
  211. top:0;
  212. margin-left:auto;
  213. margin-right:auto;
  214. margin-top:0px;
  215. text-align:center;
  216. background-size:100% auto;
  217. }
  218.  
  219. blockquote {
  220. width:90%;
  221. margin-left:0px;
  222. padding:10px;
  223. padding-top:0px;
  224. padding-bottom:0px;
  225. border-left:2px solid {color:Accent};
  226. background:transparent;
  227. }
  228. blockquote img{max-width:calc(100% - 100px) !important; height:auto !important;}
  229.  
  230. #s-m-t-tooltip {
  231.  
  232. max-width:300px;
  233. padding:8px;
  234. margin:15px 20px;
  235. background-color:#fbfbfb;
  236. border-radius:3px;
  237. font-family: calibri;
  238. font-size:10px;
  239. letter-spacing:1px;
  240. text-transform:uppercase;
  241. color:#999;
  242. border:1px solid #eee;
  243. z-index:9999999;
  244.  
  245. }
  246.  
  247. ul { list-style:circle; }
  248. u { border-bottom: 1px solid {color:link}; text-decoration:none;}
  249.  
  250. #tumblr_controls, .tmblr-iframe{ z-index:99999999;margin-top:0px! important;
  251. -webkit-filter:invert(100%); -moz-filter:invert(100%); -o-filter:invert(100%); -ms-filter:invert(100%); filter:invert(100%); position:fixed!important; right:-45px!important; opacity:0;-webkit-transition:all 0.6s ease-out;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out; -moz-transform: scale(0.7); -webkit-transform: scale(0.7); -o-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); }
  252. #tumblr_controls, .tmblr-iframe:hover{
  253. opacity:.9;webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out; -webkit-transition:all 0.6s ease-out;-webkit-filter:invert(80%); -moz-filter:invert(80%); -o-filter:invert(80%); -ms-filter:invert(80%); filter:invert(80%);
  254. }
  255.  
  256. h1 {
  257. font-size:20px;
  258. color:{color:Accent};
  259. text-align:center;
  260. font-family:raleway;
  261. padding-bottom:10px;
  262. padding-left:10px;
  263. padding-right:10px;
  264. margin-bottom:0px;
  265. text-transform:uppercase;
  266. width:calc(100% - 20px);
  267. border-bottom:1px solid {color:borders};
  268. -webkit-transition:all 0.3s ease-out;
  269. -moz-transition:all 0.3s ease-out;
  270. transition:all 0.3s ease-out;
  271. }
  272.  
  273. h1:hover {
  274. letter-spacing:1px;
  275. -webkit-transition:all 0.3s ease-out;
  276. -moz-transition:all 0.3s ease-out;
  277. transition:all 0.3s ease-out;
  278. }
  279.  
  280. a{
  281. color:{color:Link};
  282. text-decoration:none;
  283. -webkit-transition:all 0.3s ease-out;
  284. -moz-transition:all 0.3s ease-out;
  285. transition:all 0.3s ease-out;
  286. }
  287.  
  288. a:hover{
  289. color:{color:Link hover};
  290. -webkit-transition:all 0.3s ease-out;
  291. -moz-transition:all 0.3s ease-out;
  292. transition:all 0.3s ease-out;
  293.  
  294. }
  295.  
  296. .src {{block:IndexPage} display:none; {/block:IndexPage}}
  297.  
  298. .pagination { display: none; }
  299.  
  300. .from {
  301. width:calc(100% - 34px);
  302. height:37px;
  303. padding:8px 17px 0 17px;
  304. margin-top:0px;
  305. background:{color:post bg};
  306. border-bottom:1px solid {color:borders};
  307. -webkit-transition:all 0.3s ease-out;
  308. }
  309.  
  310. .si {
  311. float:left;
  312. width:22px;
  313. max-width:22px;
  314. border-radius:100px;
  315. margin-top:0px;
  316. margin-left:-10px;
  317. z-index:0;
  318. padding:3px;
  319. background:transparent;
  320. }
  321.  
  322. .si img{
  323. max-width:20px;
  324. z-index:0;
  325. float:left;
  326. width:20px;
  327. }
  328.  
  329. .sit {
  330. float:left;
  331. margin-left:6px;
  332. text-transform:lowercase;
  333. margin-top:6px;
  334. font-size:12px;
  335. padding-bottom:10px;
  336. }
  337.  
  338. .tags {
  339. background:{color:post bg};
  340. border-top:1px solid {color:borders};
  341. }
  342. .tags {
  343. {block:IfNotTags}
  344. {block:IndexPage}
  345. display:none;
  346. {/block:IndexPage}
  347. {/block:IfNotTags}
  348. text-align:center;
  349. padding:12px;
  350. text-align:left;
  351. text-transform:uppercase;
  352. font-size:calc({text:font size} - 1.5px);
  353. }
  354. .tags a{
  355. margin-left:6px;
  356. opacity:0.7;
  357. }
  358. .tags a:hover {
  359. font-weight:bold;
  360. opacity:1;
  361. }
  362.  
  363. #ccr {
  364. color:{color:post bg};
  365. position:fixed;
  366. bottom:10px;
  367. right:10px;
  368. padding:6px 8px 6px 8px;
  369. font-size:17px;
  370. border:1px solid {color:accent};
  371. background-color:{color:accent};
  372. opacity:1;
  373. width:19px;
  374. height:20px;
  375. overflow:hidden;
  376. border-radius:100%;
  377. -moz-transition-duration: 0.4s;
  378. -o-transition-duration: 0.4s;
  379. -webkit-transition-duration: 0.4s;
  380. transition-duration: 0.4s;
  381. z-index:9999;
  382. }
  383. #ccr i {
  384. display:inline-block;
  385. top:-2px;
  386. position:relative;
  387. -moz-transition-duration: 0.4s;
  388. -o-transition-duration: 0.4s;
  389. -webkit-transition-duration: 0.4s;
  390. transition-duration: 0.4s;
  391. -moz-transform: rotate(-360deg);
  392. -webkit-transform: rotate(-360deg);
  393. -o-transform: rotate(-360deg);
  394. -ms-transform: rotate(-360deg);
  395. transform: rotate(-360deg);
  396. }
  397. #cn {
  398. color:#5a5a5a;
  399. font-family:roboto;
  400. font-size:11px;
  401. font-weight:600;
  402. margin-top:-19px;
  403. margin-left:28px;
  404. position:absolute;
  405. text-transform:uppercase;
  406. }
  407. #ccr:hover i {
  408. -moz-transform: rotate(360deg);
  409. -webkit-transform: rotate(360deg);
  410. -o-transform: rotate(360deg);
  411. -ms-transform: rotate(360deg);
  412. transform: rotate(360deg);
  413. -moz-transition-duration: 0.4s;
  414. -o-transition-duration: 0.4s;
  415. -webkit-transition-duration: 0.4s;
  416. transition-duration: 0.4s;
  417. }
  418. #ccr:hover {
  419. color:{color:text};
  420. background:{color:post bg};
  421. border:1px solid {color:borders};
  422. width:100px;
  423. border-radius:0;
  424. -moz-transition-duration: 0.4s;
  425. -o-transition-duration: 0.4s;
  426. -webkit-transition-duration: 0.4s;
  427. transition-duration: 0.4s;
  428. }
  429. #ccr a {
  430. color:{color:post bg};
  431. }
  432.  
  433. #paginacao {
  434. margin:-70px auto -150px auto;
  435. text-transform:uppercase;
  436. text-align:center;
  437. font-family:roboto;
  438. font-size:11px;
  439. }
  440. #paginacao a{
  441. margin:0 1px 0 1px;
  442. padding:11px;
  443. color:{color:text};
  444. background:{color:post bg};
  445. border:1px solid {color:borders};
  446. display:inline-block;
  447. text-align:center;
  448. min-width:16px;
  449. }
  450. span.current_page {
  451. color:{color:post bg};
  452. background:{color:accent};
  453. margin:0 1px 0 1px;
  454. display:inline-block;
  455. padding:11px;
  456. min-width:16px;
  457. text-align:center;
  458. }
  459. span.total_pages {
  460. color:{color:text};
  461. background:{color:post bg};
  462. border:1px solid {color:borders};
  463. margin:0 1px 0 1px;
  464. display:inline-block;
  465. padding:11px;
  466. min-width:16px;
  467. text-align:center;
  468. }
  469. #paginacao a:hover{
  470. color:{color:post};
  471. box-shadow:inset 0px 40px {color:accent};
  472. border:1px solid {color:accent};
  473. color:{color:post bg};
  474. }
  475.  
  476. #sobre {
  477. font-size:{text:font size}px;
  478. padding:5px;
  479. padding-left:15px;
  480. padding-right:15px;
  481. text-align:left;
  482. margin-top:0px;
  483. margin-bottom:5px;
  484. height:auto;
  485. width:calc(100% - 30px);
  486. background:rgba({RGBcolor:post bg},0.3);
  487. {block:IfNotCaption}
  488. {block:IndexPage}
  489. display:none;
  490. {/block:IndexPage}
  491. {/block:IfNotCaption}
  492. }
  493.  
  494. hr {
  495. background:#eee;
  496. border-color:transparent;
  497. width:200px;
  498. margin-left:auto;
  499. margin-right:auto;
  500. margin-top:25px;
  501. margin-bottom:25px;
  502. }
  503. pre {
  504. background:rgba({RGBcolor:post bg},0.3);
  505. color:{color:post bg};
  506. border-radius:3px;
  507. text-transform:lowercase;
  508. overflow:auto;
  509. padding:4px 6px;
  510. }
  511.  
  512. .link {
  513. padding:15px;
  514. margin-left:0px;
  515. background:{color:Accent};
  516. color:{color:post bg};
  517. text-align:left;
  518.  
  519. }
  520. .linktitle a{
  521. font-size:23px;
  522. font-weight:bold;
  523. text-transform:uppercase;
  524. text-align:left;
  525. color:#fff;
  526. }
  527.  
  528. .pessoap {
  529. text-transform:uppercase;
  530. font-size:calc({text:font size}px + 3px);
  531. font-weight:bold;
  532. margin-bottom:3px;
  533. }
  534. .pessoap a{
  535. color:{color:post bg};
  536. text-transform:uppercase;
  537. font-size:calc({text:font size}px + 3px);
  538. font-weight:bold;
  539. }
  540. .pessoapfoto img{
  541. float:left;
  542. border-radius:100%;
  543. margin-top:-25px;
  544. margin-left:calc(100% - 120px);
  545. padding:4px;
  546. background:{color:borders};
  547. }
  548. .pergunta {
  549. background:{color:Accent};
  550. color:{color:post bg};
  551. padding:15px;
  552. padding-bottom:38px;
  553. margin-left:0px;
  554. border-bottom:2px solid {color:borders};
  555. text-align:center;
  556. }
  557. .sresposta {
  558. padding:20px 15px 15px 15px;
  559. background:rgba({RGBcolor:post bg},0.3);
  560. border-top:2px solid {color:borders};
  561. }
  562.  
  563. .quote {
  564. padding:20px;
  565. padding-left:30px;
  566. padding-right:30px;
  567. font-size:14px;
  568. text-align:left;
  569. margin-bottom:5px;
  570. font-style:italic;
  571. }
  572. .qsub {
  573. margin-top:5px;
  574. font-weight:bold;
  575. color:{color:Accent};
  576. font-size:12px;
  577. font-style:normal;
  578. }
  579.  
  580. .ch { padding:15px; background:transparent;}
  581. .ch .ch1 { padding:10px; margin-bottom:5px;}
  582. .ch1{ background:{color:Background}; border:1px solid {color:borders};}
  583. .ch .ch1 b{ color:{color:Accent}; text-transform:uppercase; font-size:11px;}
  584.  
  585. blockquote {
  586. width:90%;
  587. margin-left:0px;
  588. padding:10px;
  589. padding-top:0px;
  590. padding-bottom:0px;
  591. border-left:2px solid {color:Accent};
  592. background:transparent;
  593. }
  594. blockquote img{
  595. width:auto;
  596. max-width:100%;
  597. height:auto;
  598. }
  599.  
  600. .albumfoto{
  601. float:left;
  602. width:80px;
  603. margin-top:0px;
  604. margin-left:0px;
  605. }
  606. .albumfoto img{
  607. width:80px;
  608. }
  609. .audiodesc {
  610. margin-left:80px;
  611. padding:15px;
  612. padding-bottom:10px;
  613. padding-top:10px;
  614. background:{color:Accent};
  615. color:{color:post bg};
  616. margin-top:0px;
  617. min-height:55px;
  618. font-weight:bold;
  619. margin-bottom:0px;
  620. text-align:left;
  621. }
  622. .audioplay {
  623. overflow:hidden;
  624. padding:5px;
  625. max-width:26px;
  626. width:26px;
  627. height:28px;
  628. margin-left:6px;
  629. margin-top:4px;
  630. background:transparent;
  631. -webkit-transition:all 0.3s ease-out;
  632. }
  633. .playbg {
  634. opacity:0.6;
  635. position:absolute;
  636. overflow:hidden;
  637. padding:10px;
  638. width:50px;
  639. max-width:50px;
  640. height:45px;
  641. background:{color:post};
  642. margin-left:5px;
  643. margin-top:-71px;
  644. background:black;
  645. -webkit-transition:all 0.3s ease-out;
  646. }
  647. .entry:hover .playbg {opacity:0.8; -webkit-transition:all 0.3s ease-out;}
  648.  
  649. .tcaption {padding:10px; background:rgba({RGBcolor:post bg},0.3);}
  650. .tcaption img {max-width:calc(100% - 0px); height:auto !important; }
  651.  
  652. .seureblog {
  653. margin-top:0px;
  654. padding:12px;
  655. height:20px;
  656. text-align:left;
  657. text-transform:uppercase;
  658. background:{color:post bg};
  659. border-top:1px solid {color:borders};
  660. -webkit-transition:all 0.3s ease-out;
  661. }
  662.  
  663. .seureblog a {
  664. font-size:12px;
  665. color:{color:perma link};
  666. margin-left:4px;
  667. }
  668.  
  669. .sform input { outline:none; border:none; width:100px; margin-top:-30px; float:right; margin-right:10px; padding:10px; text-transform:lowercase; background:transparent;}
  670. ::-webkit-input-placeholder { color:rgba({RGBcolor:text},0.7); }
  671. :-moz-placeholder { color:rgba({RGBcolor:text},0.7); }
  672. ::-moz-placeholder { color:rgba({RGBcolor:text},0.7); }
  673. :-ms-input-placeholder { color:rgba({RGBcolor:text},0.7); }
  674. .sbox {-webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; transition:all 0.3s ease-out; color:{color:Accent};}
  675. .sbox:hover { color:{color:Accent}; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; transition:all 0.3s ease-out; }
  676. .search i {
  677. display:inline-block;
  678. position:relative;
  679. margin-top:-20px;
  680. float:right;
  681. text-align:right;
  682. margin-right:10px;
  683. color:rgba({RGBcolor:text},0.7);
  684. }
  685.  
  686. #notas {
  687. height:200px;
  688. overflow-y:auto;
  689. padding:0 20px 20px 20px;
  690. text-transform:uppercase;
  691. margin:15px 10px 15px 0px;
  692. }
  693. .notes img {
  694. width: 20px;
  695. border-radius:100px;
  696. float:left;
  697. list-style:none;
  698. margin-right:5px;
  699. }
  700. ol.notes, .notes li {
  701. border-bottom:1px solid {color:borders};
  702. list-style:none;
  703. width: 100%;
  704. padding:10px;
  705. margin-left:0px;
  706. padding-left: 0px; }
  707.  
  708. .header .pp {
  709. position:relative;
  710. top:50%;
  711. margin-top:-220px;
  712. margin-left:-15px;
  713. text-align:center;
  714. background:transparent;
  715. }
  716. .header {
  717. position:fixed;
  718. width:70px;
  719. height:{select:container height}px;
  720. padding:10px;
  721. z-index:99;
  722. top:50px;
  723. left:50%;
  724. margin-left:-370px;
  725. z-index:99;
  726. background:{color:header bg};
  727. border:1px solid {color:borders}; border-right:none;
  728. }
  729. .header .profile {
  730. width:calc(100% + 0px);
  731. height:auto;
  732. margin:-10px 0 -3px -10px;
  733. padding:10px;
  734. border-bottom:1px solid {color:borders};
  735. }
  736. .header .profile a { cursor:help; }
  737. .header .profile img {
  738. width:100%;
  739. height:auto;
  740. margin-bottom:-3px;
  741. }
  742.  
  743. .tabs {
  744. width:100%;
  745. margin-left:0px;
  746. display:inline-block;
  747. }
  748. .tabt {
  749. text-align:center;
  750. color:{color:accent};
  751. font-size:40px;
  752. font-family:Allura;
  753. text-transform:lowercase;
  754. margin:10px auto;
  755. }
  756. #tab3 { margin-top:10px; }
  757. #tab4 { margin-top:10px; }
  758. #tab5 { margin-top:10px; }
  759. #tab4 img {
  760. padding:10px;
  761. width:100px;
  762. margin:5px;
  763. border:1px solid {color:borders};
  764. background:{color:post bg};
  765. }
  766. #tab4 img:hover {
  767. background:{color:accent};
  768. }
  769. .tab-links {
  770. position:relative;
  771. margin:0px 0px 0 -26px;
  772. text-align:center;
  773. background:transparent;
  774. }
  775.  
  776. .tab-links:after {
  777. display:block;
  778. clear:both;
  779. content:'';
  780. }
  781. .tabsub {
  782. opacity:0;
  783. }
  784. .tab-links li {
  785. font-family:roboto;
  786. display:inline-block;
  787. list-style:none;
  788. text-align:center;
  789. text-transform:uppercase;
  790. }
  791. .tab-links i {
  792. font-size:20px;
  793. display:block;
  794. margin-bottom:3px;
  795. text-align:center;
  796. }
  797. .tab-links a {
  798. margin-bottom:30px;
  799. text-align:center;
  800. display:inline-block;
  801. font-size:10px;
  802. color:{color:header link};
  803. -webkit-transition: all .3s;
  804. -moz-transition: all .3s;
  805. -o-transition: all .3s;
  806. -ms-transition: all .3s;
  807. transition: all .3s;
  808. }
  809.  
  810. .tab-links a:hover {
  811. color:{color:header link hover};
  812. -webkit-transition: all .3s;
  813. -moz-transition: all .3s;
  814. -o-transition: all .3s;
  815. -ms-transition: all .3s;
  816. transition: all .3s;
  817. }
  818. .tab-links a:hover .tabsub {
  819. opacity:1;
  820. }
  821. li.active a .tabsub {
  822. opacity:1;
  823. }
  824. li.active a, li.active a:hover {
  825. color:{color:header link hover};
  826. margin-bottom:35px;
  827. -webkit-transition: all .3s;
  828. -moz-transition: all .3s;
  829. -o-transition: all .3s;
  830. -ms-transition: all .3s;
  831. transition: all .3s;
  832. }
  833.  
  834. /*----- Content of Tabs -----*/
  835. .tab-content {
  836. }
  837.  
  838. .tabcontent {
  839. background:transparent;
  840. padding:20px;
  841. }
  842. .tab {
  843. display:none;
  844. }
  845.  
  846. .tab.active {
  847. display:block;
  848. }
  849.  
  850. #nav {
  851. font-size:11px;
  852. margin:20px auto 0 auto;
  853. text-align:center;
  854. width:575px;
  855. }
  856. #nav a {
  857. text-decoration:none;
  858. display:inline-block;
  859. margin:3px;
  860. margin-right:10px;
  861. padding:6px;
  862. color:{color:text};
  863. background:{color:post bg};
  864. border:1px solid {color:borders};
  865. width:160px;
  866. text-align:left;
  867. -webkit-transition: all 0.5s ease-out;
  868. transition: all 0.5s ease-out;
  869. }
  870. #nav a:hover {
  871. box-shadow:inset 295px 0px {color:accent};
  872. color:{color:post bg};
  873. border-color:{color:accent};
  874. -webkit-transition: all 0.5s ease-out;
  875. transition: all 0.5s ease-out;
  876. }
  877.  
  878. #sidebar {
  879. left:50%;
  880. margin-left:-278px;
  881. top:51px;
  882. z-index:99;
  883. padding:26px 18px;
  884. position:fixed;
  885. width:604px;
  886. height:38px;
  887. line-height:16px;
  888. background:{color:header bg};
  889. border-bottom:1px solid {color:borders};
  890. }
  891. #sidebar .title {
  892. font-size:calc({text:font size}px + 5px);
  893. }
  894. #sidebar .title a {
  895. color:{color:accent};
  896. font-weight:600;
  897. text-transform:lowercase;
  898. }
  899. #sidebar span.sub {
  900. font-size:calc({text:font size}px + 1px);
  901. }
  902.  
  903. {CustomCSS}
  904. </style>
  905.  
  906. </head>
  907. <body>
  908.  
  909. <div id="sidebar">
  910. <div class="title">
  911. <a href="{BlogUrl}">{Title}</a> <br>
  912. <span class="sub">{text:subtitle}</span>
  913. </div>
  914. <div class="search">
  915. <i class="fa fa-search" aria-hidden="true"></i>
  916. <form action="/search" method="get" class="sform" name="form">
  917. <input type="text" name="q" value="{SearchQuery}" class="sbox" placeholder="{lang:Search}"/></form></div>
  918. </div>
  919.  
  920. <div class="header">
  921. <div class="profile">
  922. <a href="{BlogUrl}">
  923. <img src="{image:sidebar}" >
  924. </a>
  925. </div>
  926.  
  927. <div class="pp">
  928. <div class="tabs">
  929. <ul class="tab-links">
  930. <li class="active"><a href="#tab1">
  931. <i class="fa fa-bookmark-o" aria-hidden="true"></i>
  932. <div class="tabsub">posts</div>
  933. </a></li>
  934. <li><a href="#tab3">
  935. <i class="fa fa-bars" aria-hidden="true"></i>
  936. <div class="tabsub">Navigation</div>
  937. </a></li>
  938. <li><a href="#tab4">
  939. <i class="fa fa-photo" aria-hidden="true"></i>
  940. <div class="tabsub">icons</div>
  941. </a></li>
  942. <li><a href="#tab5">
  943. <i class="fa fa-envelope-o" aria-hidden="true"></i>
  944. <div class="tabsub">contact</div>
  945. </a></li>
  946. <li><a href="/random">
  947. <i class="fa fa-random" aria-hidden="true"></i>
  948. <div class="tabsub">random</div>
  949. </a></li>
  950. <li><a href="/archive">
  951. <i class="fa fa-bolt" aria-hidden="true"></i>
  952. <div class="tabsub">{lang:Archive}</div>
  953. </a></li>
  954. </ul>
  955. </div>
  956. </div>
  957. </div>
  958.  
  959. <div id="post">
  960.  
  961. <!-- --------------------------- TABS -------------------------- -->
  962. <div class="tabs">
  963. <!-- --------------------------- TAB 1 -------------------------- -->
  964.  
  965. <div class="tab-content">
  966.  
  967. <div id="tab1" class="tab active">
  968.  
  969. <div id="com">
  970.  
  971. {block:Posts}
  972. <div class="entry">
  973.  
  974. <div class="tril"></div>
  975.  
  976. {block:IfViaBox}<div class="from">
  977. {block:RebloggedFrom}
  978. <a href="{ReblogRootURL}">
  979. <img class="si" src="{ReblogRootPortraitURL-64}"> </a>
  980. <div class="sit"><a href="{ReblogRootURL}" title="source">{ReblogRootName}</a> &mdash; <a href="{ReblogParentURL}" title="via">{ReblogParentName}</a></div>
  981. {/block:RebloggedFrom}
  982. <div class="sit" style="float:right;">{ShortMonth} {DayOfMonthWithZero}{DayofMonthSuffix}</div>
  983. </div>{/block:IfViaBox}
  984.  
  985. {block:Title}<h1>{Title}</h1>{/block:Title}
  986.  
  987. {block:Text}<div class="tcaption">{Body}</div>{/block:Text}
  988.  
  989. {block:Photo}
  990. <a href="{permalink}" ><img src="{PhotoURL-HighRes}" width="500"/></a>
  991. {/block:Photo}
  992.  
  993. {block:Photoset}<div class="photoset">{Photoset-500}</div>{/block:Photoset}
  994.  
  995. {block:Quote}
  996. <div class="quote">{Quote}
  997. <div class="qsub">{block:Source}&mdash; {Source} {/block:Source}</div></div>
  998. {/block:Quote}
  999.  
  1000. {block:Video}{Video-500}<br>{PlayCountWithLabel}{/block:Video}
  1001.  
  1002. {block:Link}
  1003. <div class="link">
  1004. {block:Thumbnail}<img src="{Thumbnail-HighRes}">{/block:Thumbnail}
  1005. <div class="linktitle"><a href="{URL}" {Target}>{Name} <li class="fa fa-angle-double-right" aria-hidden="true"></li>
  1006. </a></div>
  1007. <div class="linkdesc">{block:Description} {Description} {/block:Description}
  1008. {block:Host}<i style="font-size:11px; margin-right:5px;" class="fa fa-link" aria-hidden="true"></i>{Host}{/block:Host}
  1009. </div></div>
  1010. {/block:Link}
  1011.  
  1012. {block:Chat}
  1013. <div class="ch">{block:Lines}<div class="ch1">{block:Label}<b>{Label}</b>
  1014. {/block:Label}{Line}</div>{/block:Lines}</div>
  1015. {/block:Chat}
  1016.  
  1017. {block:Audio}
  1018. <div class="albumfoto">
  1019. {block:AlbumArt}<img src="{AlbumArtURL}" />{/block:AlbumArt}
  1020. <div class="playbg">
  1021. <div class="audioplay">
  1022. {block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer} </div></div></div>
  1023. <div class="audiodesc">
  1024. {block:Artist}{Artist}{/block:Artist}</br>
  1025. {block:Album}{Album}{/block:Album}</br>
  1026. {block:TrackName}{TrackName}{/block:TrackName}</br>
  1027. {block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}
  1028. </div>{/block:Audio}
  1029.  
  1030. {block:Answer}
  1031. <div class="pergunta">
  1032. <div class="pessoap">{Asker} asked:</div>{Question}</div>
  1033. <div class="pessoapfoto"><img src="{AskerPortraitURL-40}" /></div>
  1034. <div class="sresposta">{Answer}</div>
  1035. {/block:Answer}
  1036.  
  1037. {block:Caption}<div id="sobre">{Caption}</div>{/block:Caption}
  1038.  
  1039. <div class="seureblog">
  1040.  
  1041. {block:NoteCount}
  1042. <a href="{Permalink}"><i class="uniicons-bookmarks10" style="color:{color:Accent};" ></i> {NoteCount}</a>
  1043. {/block:NoteCount}
  1044.  
  1045. <div style="float:right;">
  1046. <a href="{ReblogUrl}"><i class="uniicons-reload22" ></i></a>
  1047. <div class="custom-like-button">{LikeButton}
  1048. <span class="our_button"><i class="uniicons-loving40"></i></span>
  1049. </div>
  1050. </div>
  1051. </div>
  1052.  
  1053. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}</div>{/block:HasTags}
  1054.  
  1055. {block:PermalinkPage}<div id="notas">{block:PostNotes}{PostNotes-64}{/block:PostNotes}</div>{/block:PermalinkPage}
  1056.  
  1057. <div class="trir"></div>
  1058.  
  1059. </div>
  1060. {/block:Posts}
  1061.  
  1062. {block:Pagination}<div id="paginacao">
  1063. {block:PreviousPage}
  1064. <a href="{PreviousPage}">{lang:Previous}</a>
  1065. {/block:PreviousPage}
  1066. {block:JumpPagination length="6"}
  1067. {block:CurrentPage}
  1068. <span class="current_page">{CurrentPage}</span>
  1069. {/block:CurrentPage}
  1070. {block:JumpPage}
  1071. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1072. {/block:JumpPage}
  1073. {/block:JumpPagination}
  1074. <span class="total_pages">...{TotalPages}</span>
  1075. {block:NextPage}
  1076. <a href="{NextPage}">{lang:Next}</a>
  1077. {/block:NextPage}
  1078. </div>
  1079. {/block:Pagination}
  1080.  
  1081. </div>
  1082.  
  1083. </div>
  1084.  
  1085. <!-- -------------------------- TAB 3 -------------------------- -->
  1086.  
  1087. <div id="tab3" class="tab">
  1088. <div class="tabcontent">
  1089.  
  1090. <div class="tabt">Navigation</div>
  1091.  
  1092. <div id="nav">
  1093.  
  1094. <a href="#">un</a>
  1095. <a href="#">deux</a>
  1096. <a href="#">trois</a>
  1097. <a href="#">quatre</a>
  1098. <a href="#">cinq</a>
  1099. <a href="#">six</a>
  1100. <a href="#">un</a>
  1101. <a href="#">deux</a>
  1102. <a href="#">trois</a>
  1103. <a href="#">quatre</a>
  1104. <a href="#">cinq</a>
  1105. <a href="#">six</a>
  1106. <a href="#">un</a>
  1107. <a href="#">deux</a>
  1108. <a href="#">trois</a>
  1109. <a href="#">quatre</a>
  1110. <a href="#">cinq</a>
  1111. <a href="#">six</a>
  1112. <a href="#">un</a>
  1113. <a href="#">deux</a>
  1114. <a href="#">trois</a>
  1115. <a href="#">quatre</a>
  1116. <a href="#">cinq</a>
  1117. <a href="#">six</a>
  1118. <a href="#">un</a>
  1119. <a href="#">deux</a>
  1120. <a href="#">trois</a>
  1121. <a href="#">quatre</a>
  1122. <a href="#">cinq</a>
  1123. <a href="#">six</a>
  1124.  
  1125. </div>
  1126.  
  1127.  
  1128. </div>
  1129. </div>
  1130.  
  1131.  
  1132. <!---------------------------- TAB 4 // GALERY -------------------------- -->
  1133.  
  1134. <div id="tab4" class="tab"><div class="tabcontent">
  1135. <div class="tabt">Icons</div>
  1136.  
  1137. <img src="http://i.imgur.com/dn7EjVO.png" >
  1138. <img src="http://i.imgur.com/7GgmF8G.png" >
  1139. <img src="http://i.imgur.com/9qt1K1Y.png" >
  1140. <img src="http://i.imgur.com/5OE3sQ8.png" >
  1141. <img src="http://i.imgur.com/QRVGmFz.png" >
  1142. <img src="http://i.imgur.com/pfd1Op2.png" >
  1143. <img src="http://i.imgur.com/MtExzU3.png" >
  1144. <img src="http://i.imgur.com/krC0hCJ.png" >
  1145.  
  1146. <div class="tabt">+more icons section two</div>
  1147.  
  1148. <img src="http://i.imgur.com/QRVGmFz.png" >
  1149. <img src="http://i.imgur.com/pfd1Op2.png" >
  1150. <img src="http://i.imgur.com/MtExzU3.png" >
  1151. <img src="http://i.imgur.com/krC0hCJ.png" >
  1152. <img src="http://i.imgur.com/dn7EjVO.png" >
  1153. <img src="http://i.imgur.com/7GgmF8G.png" >
  1154. <img src="http://i.imgur.com/9qt1K1Y.png" >
  1155. <img src="http://i.imgur.com/5OE3sQ8.png" >
  1156.  
  1157. <div class="tabt"><a href="http://noahczerny.tk/icons" target="_blank">icons by</a></div>
  1158.  
  1159. </div></div>
  1160.  
  1161. <!-- -------------------------- TAB 5 -------------------------- -->
  1162.  
  1163. <div id="tab5" class="tab"><div class="tabcontent">
  1164. <div class="tabt">Mande sua pergunta:</div>
  1165.  
  1166. <iframe frameborder="0" id="ask_form" scrolling="no" src="http://www.tumblr.com/ask_form/{name}.tumblr.com" style="background-color: transparent; overflow:hidden; width:100%; height:200px;"></iframe>
  1167.  
  1168. <div class="tabt" style="margin-top:30px;">Ou por submit se for muito grande:</div>
  1169.  
  1170. <iframe frameborder="0" scrolling="no" width="100%" height="150px" src="http://www.tumblr.com/submit_form/{name}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="submit_form"></iframe>
  1171.  
  1172. </div></div>
  1173.  
  1174. <!-- END OF TABS -->
  1175. </div></div></div>
  1176.  
  1177. <div id="ccr"><i class="fa fa-code" aria-hidden="true"></i>
  1178. <a href="http://ttamplamente.tumblr.com/tagged/my" target="_blank">
  1179. <div id="cn">amplamente</div></a>
  1180. </div>
  1181.  
  1182. {block:IndexPage}<div class="src">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo} <img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>{/block:ContentSource}{block:RebloggedFrom}<a href="{ReblogParentURL}">Via</a>{/block:RebloggedFrom}</div>{/block:IndexPage}
  1183.  
  1184. <link rel="stylesheet" type="text/css" href="https://dl.dropboxusercontent.com/s/33sakshawgsp033/UNIICONS-ADJ.css?dl=0">
  1185. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  1186.  
  1187. </body>
  1188. </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!