API tools faq
paste
Advertisement
Carolaine_Vieira

agoravai

Carolaine_Vieira
Sep 8th, 2016
944
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 32.25 KB | None | 0 0
raw download clone embed print report
  1. <!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.  
  4. <head>
  5. <!---
  6. ╔═══╦═╗╔═╦═══╦╗──╔═══╦═╗╔═╦═══╦═╗─╔╦════╦═══╗
  7. ║╔═╗║║╚╝║║╔═╗║║──║╔═╗║║╚╝║║╔══╣║╚╗║║╔╗╔╗║╔══╝
  8. ║║─║║╔╗╔╗║╚═╝║║──║║─║║╔╗╔╗║╚══╣╔╗╚╝╠╝║║╚╣╚══╗
  9. ║╚═╝║║║║║║╔══╣║─╔╣╚═╝║║║║║║╔══╣║╚╗║║─║║─║╔══╝
  10. ║╔═╗║║║║║║║──║╚═╝║╔═╗║║║║║║╚══╣║─║║║─║║─║╚══╗
  11. ╚╝─╚╩╝╚╝╚╩╝──╚═══╩╝─╚╩╝╚╝╚╩═══╩╝─╚═╝─╚╝─╚═══╝
  12. THEME; 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. <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>
  20. <link rel="shortcut icon" href="{Favicon}">
  21. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  22. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  23.  
  24. <meta name="color:Background" content="#363636" />
  25. <meta name="color:Post" content="#fff" />
  26. <meta name="color:Perma link" content="#ffffff" />
  27. <meta name="color:Borders" content="#f1f1f1" />
  28. <meta name="color:Text" content="#999" />
  29. <meta name="color:Accent" content="#56bc8a" />
  30. <meta name="color:Link" content="#888888" />
  31. <meta name="color:Link hover" content="#cccccc" />
  32. <meta name="color:Title" content="#fff" />
  33. <meta name="color:Description" content="#666666" />
  34. <meta name="color:Header bg" content="#222222" />
  35. <meta name="color:Header accent" content="#45966e" />
  36. <meta name="color:Header link" content="#666666" />
  37. <meta name="color:Header link hover" content="#56bc8a" />
  38.  
  39. <meta name="if:TumblrControls" content="1" />
  40. <meta name="if:ViaBox" content="1" />
  41. <meta name="if:Borders" content="" />
  42. <meta name="if:PostBorders" content="" />
  43. <meta name="if:Tags" content="" />
  44.  
  45. <meta name="image:Background" content="" />
  46. <meta name="image:Header" content="http://i.imgur.com/QdOMxbm.png" />
  47. <meta name="image:HeaderImage" content="http://i.imgur.com/5UlJtnX.jpg" />
  48.  
  49. <meta name="select:Post Width" title="350" content="350" />
  50. <meta name="select:Post Width" title="400" content="400" />
  51. <meta name="select:Post Width" title="450" content="450" />
  52. <meta name="select:Post Width" title="500" content="500" />
  53. <meta name="select:Post Width" title="550" content="550" />
  54. <meta name="select:Post Width" title="600" content="600" />
  55. <meta name="select:Post Width" title="• used • 650" content="650" />
  56. <meta name="select:Post Width" title="700" content="700" />
  57.  
  58. <meta name="select:Post Border Radius" title="0" content="0" />
  59. <meta name="select:Post Border Radius" title="1" content="1" />
  60. <meta name="select:Post Border Radius" title="2" content="2" />
  61. <meta name="select:Post Border Radius" title="3" content="3" />
  62. <meta name="select:Post Border Radius" title="• used • 4" content="4" />
  63. <meta name="select:Post Border Radius" title="5" content="5" />
  64. <meta name="select:Post Border Radius" title="6" content="6" />
  65. <meta name="select:Post Border Radius" title="7" content="7" />
  66. <meta name="select:Post Border Radius" title="8" content="8" />
  67. <meta name="select:Post Border Radius" title="9" content="9" />
  68. <meta name="select:Post Border Radius" title="10" content="10" />
  69.  
  70. <meta name="select:Body Font" title="• used • Open Sans" content="Open Sans" />
  71. <meta name="select:Body Font" title="Roboto" content="Roboto" />
  72. <meta name="select:Body Font" title="Lato" content="Lato" />
  73. <meta name="select:Body Font" title="Raleway" content="Raleway" />
  74. <meta name="select:Body Font" title="Oxygen" content="Oxygen" />
  75. <meta name="select:Body Font" title="Poppins" content="Poppins" />
  76. <meta name="select:Body Font" title="Montserrat" content="Montserrat" />
  77.  
  78. <meta name="text:Font Size" content="13" />
  79.  
  80. <meta name="text:Link 1 Title" content="Message" />
  81. <meta name="text:Link 1 Url" content="/ask" />
  82. <meta name="text:Link 2 Title" content="Submit" />
  83. <meta name="text:Link 2 Url" content="/submit" />
  84. <meta name="text:Link 3 Title" content="Archive" />
  85. <meta name="text:Link 3 Url" content="/archive" />
  86. <meta name="text:Link 4 Title" content="Random" />
  87. <meta name="text:Link 4 Url" content="/random" />
  88.  
  89. <link href='https://fonts.googleapis.com/css?family=Open+Sans|Montserrat|Oxygen|Raleway|Bangers|Great+Vibes|Roboto|Pt+Sans|Lato|Quicksand|Cinzel+Decorative' rel='stylesheet' type='text/css'>
  90.  
  91. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  92.  
  93. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  94. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  95. <script>
  96. (function($){
  97.  
  98. $(document).ready(function(){
  99. $("[title]").style_my_tooltips();
  100. });
  101. })(jQuery);
  102. </script>
  103.  
  104. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  105. <script type="text/javascript" src="http://static.tumblr.com/s2qsk1o/XEhoa9hzk/scrollup.js"></script>
  106.  
  107. <style type="text/css">
  108.  
  109. html, body {
  110. width:100%;
  111. }
  112. body {
  113. margin:0;
  114. background:{color:background} url("{image:background}") fixed;
  115. color:{color:text};
  116. font-size:{text:font size}px;
  117. font-family:{select:body font};
  118. }
  119.  
  120. a {
  121. text-decoration:none;
  122. color:{color:link};
  123. -moz-transition: 0.3s ease-in;
  124. -webkit-transition: 0.3s ease-in;
  125. -o-transition: 0.3s ease-in;
  126. transition: 0.3s ease-in;
  127. }
  128. a:hover {
  129. color:{color:link hover};
  130. -moz-transition: 0.3s ease-in;
  131. -webkit-transition: 0.3s ease-in;
  132. -o-transition: 0.3s ease-in;
  133. transition: 0.3s ease-in;
  134. }
  135.  
  136. #post {
  137. width:calc({select:post width}px + 90px);
  138. margin:0px auto 0 auto;
  139. position:relative;
  140. top:-140px;
  141. padding:0;
  142. }
  143. .entry {
  144. width:{select:post width}px;
  145. border-radius:{select:post border radius}px;
  146. line-height:1.4em;
  147. background:{color:post};
  148. margin:30px;
  149. padding:15px;
  150. {block:IfPostBorders} border:1px solid {color:borders}; {/block:IfPostBorders}
  151. text-align:left;
  152. }
  153.  
  154. .entry img {
  155. max-width:100%;
  156. height:auto;
  157. }
  158. .photoset {
  159.  
  160. }
  161. .from {
  162. width:calc(100% - 4px);
  163. height:36px;
  164. margin:-15px 0px 15px -15px;
  165. padding:13px 17px 0 17px;
  166. border-bottom:1px solid {color:borders};
  167. border-top-left-radius:{select:post border radius}px;
  168. border-top-right-radius:{select:post border radius}px;
  169. }
  170. .from span {
  171. margin:0 2px;
  172. font-weight:600;
  173. }
  174. .si {
  175. float:left;
  176. width:25px;
  177. max-width:25px;
  178. border-radius:100px;
  179. margin-top:0px;
  180. margin-left:-2px;
  181. z-index:0;
  182. background:transparent;
  183. }
  184.  
  185. .si img{
  186. max-width:25px;
  187. z-index:0;
  188. float:left;
  189. width:25px;
  190. }
  191.  
  192. .sit {
  193. float:left;
  194. margin-left:7px;
  195. text-transform:uppercase;
  196. font-weight:600;
  197. margin-top:5px;
  198. font-size:11px;
  199. padding-bottom:10px;
  200. }
  201.  
  202.  
  203. #notas {
  204. padding:0px 20px 20px 20px;
  205. text-transform:lowercase;
  206. }
  207. .notes img {
  208. width: 20px;
  209. border-radius:100%;
  210. float:left;
  211. list-style:none;
  212. }
  213. ol.notes, .notes li {
  214. border-bottom:1px solid {color:borders};
  215. list-style:none;
  216. width: 100%;
  217. padding:10px;
  218. font-size:13px;
  219. margin-left:0px;
  220. padding-left: 0px;}
  221. ol.notes, .notes li a { margin-right:8px; }
  222.  
  223. pre {
  224. overflow:auto;
  225. color:{color:post};
  226. background:{color:accent};
  227. font-style:italic;
  228. padding:3px;
  229. width:100%;
  230. }
  231.  
  232. ::-webkit-scrollbar {height:5px; width:5px;}
  233. ::-webkit-scrollbar-track-piece { background-color:{color:post};}
  234. ::-webkit-scrollbar-thumb {background-color:{color:accent};}
  235.  
  236. h1 {
  237. color:{color:accent};
  238. font-size:30px;
  239. text-align:center;
  240. padding:20px 10px 10px 10px;
  241. margin:0;
  242. }
  243.  
  244. h2 { color:{color:accent}; font-size:20px; }
  245.  
  246. blockquote {
  247. margin-left:15px;
  248. padding-left:10px;
  249. border-left:2px solid {color:accent};
  250. }
  251. blockquote img {
  252. max-width:100% !important;
  253. height:auto !important;
  254. width:auto !important;
  255. }
  256.  
  257. #tumblr_controls, .tmblr-iframe { -moz-transform: scale(0.8); -webkit-transform: scale(0.8); -o-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); opacity:0.3 !important; right:-40px !important; z-index:9999999!important; {block:IfNotTumblrControls} display:none; {/block:IfNotTumblrControls}}
  258.  
  259. .caption {
  260. padding:3px 10px;
  261.  
  262. }
  263. .caption a {border-bottom:1px solid {color:borders};}
  264. .caption a:hover {border-bottom:1px solid;}
  265. .tcaption a {border-bottom:1px solid {color:borders};}
  266. .tcaption a:hover {border-bottom:1px solid;}
  267. .tcaption {
  268. padding:10px;
  269. }
  270. .tcaption img {
  271. height:auto !important; width:100%;
  272. }
  273.  
  274. .seureblog {
  275. text-align:left
  276. font-size:11px;
  277. margin:5px 0px -15px -15px;
  278. width:calc(100% + 0px);
  279. text-transform:uppercase;
  280. font-weight:bold;
  281. background:{color:accent};
  282. padding:15px !important;
  283. border-bottom-left-radius:{select:post border radius}px;
  284. border-bottom-right-radius:{select:post border radius}px;
  285. }
  286. .seureblog a {
  287. margin-right:12px;
  288. color:{color:perma link};
  289. display:inline-block;
  290. }
  291. .seureblog a:hover {
  292. border-color:{color:link hover};
  293. color:{color:link hover};
  294. }
  295. .seureblog i {
  296. display:inline-block;
  297. margin-right:5px;
  298. color:rgba(0,0,0,0.5);
  299. }
  300.  
  301. .rbb {
  302. float:right;
  303. }
  304. .likie {
  305. margin:0px 2px 0px 0px;
  306. float:right;
  307. display:block;
  308. cursor:pointer;
  309. }
  310. .like a { cursor:pointer; }
  311. .reblogie {
  312. float:right;
  313. margin:0px -2px 0px 0px;
  314. }
  315. .reblogie a {
  316. padding:0;
  317. }
  318.  
  319. .tab-links {
  320. margin-top:-116px;
  321. margin-left:150px;
  322. text-align:left;
  323. float:left;
  324. background:{color:header bg};
  325. border:1px solid {color:header accent};
  326. border-right-color:{color:header bg};
  327. width:calc({select:post width}px - 117px);
  328. padding-left:25px;
  329. font-size:12.5px;
  330. height:36px;
  331. overflow-y:auto;
  332. }
  333.  
  334. .tab-links li {
  335. margin-right:3px;
  336. display:inline-block;
  337. list-style:none;
  338. }
  339. .tab-links span {
  340. display:inline-block;
  341. margin-right:3px;
  342. font-size:calc({text:font size}px - 1px);
  343. }
  344. .tab-links a {
  345. padding:11.5px 5px;
  346. display:inline-block;
  347. color:{color:header link};
  348. background:{color:header bg};
  349. text-transform:lowercase;
  350. font-size:11px;
  351. font-family:Roboto;
  352. -webkit-transition: all .3s;
  353. -moz-transition: all .3s;
  354. -o-transition: all .3s;
  355. -ms-transition: all .3s;
  356. transition: all .3s;
  357. }
  358. .tab-links a:hover {
  359. color:{color:header link hover};
  360. -webkit-transition: all .3s;
  361. -moz-transition: all .3s;
  362. -o-transition: all .3s;
  363. -ms-transition: all .3s;
  364. transition: all .3s;
  365. }
  366.  
  367. .scrollup {
  368. position: fixed;
  369. bottom: 40px;
  370. right: 1px;
  371. padding:15px;
  372. display:none;
  373. z-index:999;
  374. padding-top:10px;
  375. padding-bottom:10px;
  376. color:{color:accent};
  377. font-size:25px;
  378. }
  379. .scrollup a {color:{color:accent}; font-size:25px;}
  380.  
  381. #ccr {
  382. color:{color:accent};
  383. position:fixed;
  384. bottom:10px;
  385. right:10px;
  386. padding:6px 8px 6px 8px;
  387. font-size:25px;
  388. opacity:1;
  389. width:21px;
  390. height:25px;
  391. overflow:hidden;
  392. border-radius:100%;
  393. -moz-transition-duration: 0.4s;
  394. -o-transition-duration: 0.4s;
  395. -webkit-transition-duration: 0.4s;
  396. transition-duration: 0.4s;
  397. z-index:9999;
  398. }
  399. #ccr i {
  400. display:inline-block;
  401. top:-2px;
  402. position:relative;
  403. -moz-transition-duration: 0.4s;
  404. -o-transition-duration: 0.4s;
  405. -webkit-transition-duration: 0.4s;
  406. transition-duration: 0.4s;
  407. -moz-transform: rotate(-360deg);
  408. -webkit-transform: rotate(-360deg);
  409. -o-transform: rotate(-360deg);
  410. -ms-transform: rotate(-360deg);
  411. transform: rotate(-360deg);
  412. }
  413. #cn {
  414. color:{color:accent};
  415. font-family:roboto;
  416. font-size:13px;
  417. margin-top:-25px;
  418. margin-left:28px;
  419. position:absolute;
  420. text-transform:uppercase;
  421. }
  422. #ccr:hover i {
  423. -moz-transform: rotate(360deg);
  424. -webkit-transform: rotate(360deg);
  425. -o-transform: rotate(360deg);
  426. -ms-transform: rotate(360deg);
  427. transform: rotate(360deg);
  428. -moz-transition-duration: 0.4s;
  429. -o-transition-duration: 0.4s;
  430. -webkit-transition-duration: 0.4s;
  431. transition-duration: 0.4s;
  432. }
  433. #ccr:hover {
  434. color:{color:accent};
  435. width:120px;
  436. border-radius:0;
  437. -moz-transition-duration: 0.4s;
  438. -o-transition-duration: 0.4s;
  439. -webkit-transition-duration: 0.4s;
  440. transition-duration: 0.4s;
  441. }
  442. #ccr a { color:{color:accent}; }
  443. #cn a { color:{color:accent}; }
  444.  
  445. footer {
  446. margin:0 auto;
  447. width:100%;
  448. height:auto;
  449. vertical-align:bottom;
  450. overflow:hidden;
  451. padding:20px 0px;
  452. text-align:center;
  453. bottom:0;
  454. z-index:99;
  455. background:{color:accent};
  456. color:{color:post};
  457. clear:both;
  458. text-transform:uppercase;
  459. }
  460.  
  461. .article {
  462. background:transparent;
  463. margin-left:auto;
  464. margin-right:auto;
  465. padding:0px;
  466. text-align:center;
  467. color:{color:text}
  468. font-style:italic;
  469. margin-bottom:10px;
  470. }
  471. .ftl {
  472.  
  473. }
  474. .ftl a {
  475. font-size:12px;
  476. color:{color:post};
  477. display:inline-block;
  478. margin:0px 4px 0px 4px;
  479. text-transform:uppercase;
  480. font-weight:600;
  481. font-style:normal;
  482. }
  483.  
  484. #paginacao {
  485. margin:-100px auto 50px auto;
  486. text-transform:uppercase;
  487. text-align:center;
  488. font-family:roboto;
  489. font-size:11px;
  490. }
  491. #paginacao a{
  492. margin:0 1px 0 1px;
  493. padding:11px;
  494. color:{color:text};
  495. background:{color:post};
  496. border:1px solid {color:borders};
  497. display:inline-block;
  498. text-align:center;
  499. min-width:16px;
  500. border-radius:2px;
  501. }
  502. span.current_page {
  503. color:{color:post};
  504. background:{color:accent};
  505. margin:0 1px 0 1px;
  506. border-radius:2px;
  507. display:inline-block;
  508. padding:11px;
  509. min-width:16px;
  510. text-align:center;
  511. }
  512. span.total_pages {
  513. color:{color:text};
  514. background:{color:post};
  515. border:1px solid {color:borders};
  516. margin:0 1px 0 1px;
  517. display:inline-block;
  518. padding:11px;
  519. min-width:16px;
  520. text-align:center;
  521. border-radius:2px;
  522. }
  523. #paginacao a:hover{
  524. box-shadow:inset 0px 40px {color:accent};
  525. border:1px solid {color:accent};
  526. color:{color:post};
  527. }
  528.  
  529. .quote {
  530. font-size:15px;
  531. text-align:center;
  532. padding:15px 30px;
  533. }
  534. .qsub {
  535. font-size:11px;
  536. font-weight:900;
  537. color:{color:accent};
  538. margin:10px auto 0px auto;
  539. text-transform:uppercase;
  540. }
  541.  
  542. .ch { background:transparent; padding:15px;}
  543. .ch .ch1 { padding:10px; margin-bottom:5px;}
  544. .ch1:nth-child(2n+1){ background:{color:accent}; border:1px solid {color:accent}; color:{color:post}; border-radius:6px; margin-right:50px; border-bottom-left-radius:0px; }
  545. .ch1:nth-child(2n+1) b { color:{color:post}; }
  546. .ch1:nth-child(2n+2) b { color:{color:accent}; }
  547. .ch1:nth-child(2n+2){text-align:right; background:{color:post}; border:1px solid {color:accent}; color:{color:accent}; border-radius:6px; margin-left:100px; border-bottom-right-radius:0px; }
  548. .ch b{text-transform:uppercase; margin-right:5px; }
  549.  
  550. .albumfoto{
  551. float:left;
  552. width:150px;
  553. margin-top:0px;
  554. margin-left:0px;
  555. }
  556. .albumfoto img{
  557. width:150px;
  558. }
  559. .audiodesc {
  560. margin-left:150px;
  561. padding:25px;
  562. padding-bottom:10px;
  563. padding-top:35px;
  564. padding-left:25px;
  565. background:{color:accent};
  566. color:{color:post};
  567. margin-top:0px;
  568. min-height:105px;
  569. font-weight:bold;
  570. margin-bottom:0px;
  571. text-align:center;
  572. }
  573. .audioplay {
  574. overflow:hidden;
  575. padding:5px;
  576. max-width:26px;
  577. width:26px;
  578. height:28px;
  579. margin-left:6px;
  580. margin-top:4px;
  581. background:transparent
  582. -webkit-transition:all 0.3s ease-out;
  583. }
  584. .playbg {
  585. opacity:0.6;
  586. position:absolute;
  587. overflow:hidden;
  588. padding:10px;
  589. width:50px;
  590. max-width:50px;
  591. height:45px;
  592. background:{color:post};
  593. margin-left:38px;
  594. margin-top:-110px;
  595. -webkit-transition:all 0.3s ease-out;
  596. }
  597. .entry:hover .playbg {opacity:0.8; -webkit-transition:all 0.3s ease-out;}
  598.  
  599. .pessoap {
  600. text-transform:uppercase;
  601. font-size:({text:font size}px + 2px);
  602. font-weight:bold;
  603. margin-bottom:5px;
  604. color:rgba(000,000,000,0.5);
  605. }
  606. .pessoap a{
  607. color:{color:post};
  608. }
  609. .pessoapfototri {
  610. float:left;
  611. margin-top:10px;
  612. margin-left:7px;
  613. width: 0;
  614. height: 0;
  615. border-style: solid;
  616. border-width: 12.5px 12.5px 12.5px 0;
  617. border-color: transparent {color:accent} transparent transparent;
  618. }
  619. .pessoapfoto {
  620. margin-left:0px;
  621. }
  622. .pessoapfoto img{
  623. width:64px;
  624. border-radius:10%;
  625. margin-top:0px;
  626. margin-left:0px;
  627. padding:4px;
  628. background:transparent;
  629. float:left;
  630. }
  631. .pergunta {
  632. color:{color:post};
  633. padding:15px;
  634. min-height:45px;
  635. margin-left:90px;
  636. background:{color:accent};
  637. border-left:2px solid {color:accent};
  638. border:1px solid {color:accent};
  639. border-radius:4px;
  640. }
  641. .sresposta {
  642. padding:10px;
  643. padding-bottom:5px;
  644. color:rgba(000,000,000,0.5);
  645. background:{color:accent};
  646. border-left:2px solid {color:accent};
  647. border:1px solid {color:accent};
  648. margin:10px 0px;
  649. border-radius:4px;
  650. }
  651. .sresposta img {
  652. max-width:100%;
  653. height:auto;
  654. }
  655. .srespostatri {
  656. margin-top:-22px;
  657. margin-left:14px;
  658. width: 0;
  659. height: 0;
  660. border-style: solid;
  661. border-width: 0 12.5px 12.5px 12.5px;
  662. border-color: transparent transparent {color:accent} transparent;
  663. }
  664. .sresposta blockquote {padding:0px; background:transparent;}
  665.  
  666.  
  667. hr {
  668. border:1px solid {color:post};
  669. background:{color:borders};
  670. width:80%;
  671. height:1px;
  672. margin:20px auto;
  673. }
  674.  
  675. .entry ol, ul { padding-left:10px; }
  676. .entry li { list-style-type: none; position:relative; }
  677. .entry ul li:before {
  678. content:"›";
  679. position: absolute;
  680. left:-13px;
  681. top:0px;
  682. color:{color:accent};
  683. }
  684. .entry ul li { text-indent:15px; }
  685.  
  686. .link {
  687. padding:20px;
  688. margin-bottom:10px;
  689. background:{color:accent};
  690. color:rgba(000,000,000,0.5);
  691. text-align:center;
  692. font-weight:bold;
  693. font-size:14px;
  694. width:calc(100% - 40px);
  695. }
  696. .linktitle{
  697. font-size:25px;
  698. text-transform:uppercase;
  699. margin-top:15px;
  700. }
  701. .linktitle a {
  702. color:rgba(000,000,000,0.5);
  703. }
  704. .linkdesc {
  705. width:80%;
  706. margin:0 auto;
  707. margin-top:0px;
  708. }
  709. .linkhost {
  710. border-top:1px dotted rgba(000,000,000,0.5);
  711. padding:5px;
  712. display:inline-block;
  713. text-transform:uppercase;
  714. font-size:11px;
  715. margin-top:10px;
  716. }
  717.  
  718. .src { display:none; }
  719.  
  720. #s-m-t-tooltip {
  721. max-width:300px;
  722. padding:6px;
  723. padding-left:8px;
  724. padding-right:8px;
  725. margin:15px 20px;
  726. font-size:11px;
  727. letter-spacing:1px;
  728. text-transform:uppercase;
  729. color:{color:post};
  730. background:{color:accent};
  731. z-index:99999999999;
  732. }
  733.  
  734. .sform input { outline:none; border:none; width:170px; margin-top:-8px; float:right; margin-right:0px; padding:10px; text-transform:uppercase; background:transparent; font-size:10px; font-weight:600; font-family:Roboto; }
  735. ::-webkit-input-placeholder { color:rgba({RGBcolor:text},0.7); }
  736. :-moz-placeholder { color:rgba({RGBcolor:text},0.7); }
  737. ::-moz-placeholder { color:rgba({RGBcolor:text},0.7); }
  738. :-ms-input-placeholder { color:rgba({RGBcolor:text},0.7); }
  739. .sbox {-webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; transition:all 0.3s ease-out; color:{color:Accent};}
  740. .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; }
  741. .search i {
  742. display:inline-block;
  743. position:relative;
  744. margin-top:-0px;
  745. float:right;
  746. text-align:right;
  747. margin-right:10px;
  748. color:rgba({RGBcolor:text},0.7);
  749. }
  750.  
  751. .ic {
  752. margin-right:auto;
  753. margin-left:auto;
  754. width:100%;
  755. vertical-align:bottom;
  756. overflow:hidden;
  757. padding-top:10px;
  758. padding-bottom:10px;
  759. margin-top:0px;
  760. margin-bottom:0px;
  761. text-align:center;
  762. z-index:99;
  763. background:black;
  764. border-bottom:1px solid #333;
  765. clear:both;
  766. font-weight:bold;
  767. }
  768. .ic a { color:black; }
  769.  
  770. #novex {
  771. margin-top:3px;
  772. text-align:center;
  773. }
  774. #novex a {
  775. color:{color:text};
  776. text-transform:uppercase;
  777. margin:3px;
  778. padding:5px;
  779. border-radius:2px;
  780. margin-left:20px;
  781. display:inline-block;
  782. font-size:11px;
  783. }
  784. #novex a:hover:nth-child(8n+1){ color:#3b5998; }
  785. #novex a:hover:nth-child(8n+2){ color:#00aced; }
  786. #novex a:hover:nth-child(8n+3){ color:#dd4b39; }
  787. #novex a:hover:nth-child(8n+4){ color:#cb2027; }
  788. #novex a:hover:nth-child(8n+5){ color:#517fa4; }
  789. #novex a:hover:nth-child(8n+6){ color:#bb0000; }
  790. #novex a:hover:nth-child(8n+7){ color:#32506d; }
  791.  
  792. .tags {
  793. {block:IndexPage} background:{color:background}; {/block:IndexPage}
  794. }
  795. span.tgt {
  796. text-transform:uppercase;
  797. }
  798. .tags {
  799. {block:IfNotTags}
  800. {block:IndexPage}
  801. display:none;
  802. {/block:IndexPage}
  803. {/block:IfNotTags}
  804. text-align:center;
  805. padding:10px;
  806. text-transform:uppercase;
  807. font-size:calc({text:font size}px - 1px);
  808. margin:14px 0px -16px -16px;
  809. width:calc(100% + 20px);
  810. }
  811. .tags a{
  812. margin-left:6px;
  813. opacity:0.7;
  814. }
  815. .tags a:hover {
  816. font-weight:bold;
  817. opacity:1;
  818. }
  819.  
  820. b { color:{color:accent}; }
  821. u { border-bottom:1px solid {color:accent}; text-decoration:none;}
  822.  
  823. header {
  824. width:100%;
  825. height:300px;
  826. margin:0px auto;
  827. background:{color:header accent} url("{image:HeaderImage}") fixed;
  828. background-size:100% auto;
  829. }
  830. header:hover .profile {
  831. -webkit-transition: all 0.5s linear;
  832. -moz-transition: all 0.5s linear;
  833. -ms-transition: all 0.5s linear;
  834. -o-transition: all 0.5s linear;
  835. transition: all 0.5s linear;
  836. -moz-transform: rotate(360deg);
  837. -webkit-transform: rotate(360deg);
  838. -o-transform: rotate(360deg);
  839. -ms-transform: rotate(360deg);
  840. transform: rotate(360deg);
  841. }
  842. header .profile {
  843. background:{color:header bg};
  844. border-right:1px solid {color:header accent};
  845. width:150px;
  846. height:150px;
  847. padding:10px;
  848. float:left;
  849. border-radius:100%;
  850. position:relative;
  851. z-index:9;
  852. -webkit-transition: all 0.5s linear;
  853. -moz-transition: all 0.5s linear;
  854. -ms-transition: all 0.5s linear;
  855. -o-transition: all 0.5s linear;
  856. transition: all 0.5s linear;
  857. }
  858. header .title {
  859. font-size:12px;
  860. font-weight:600;
  861. background:{color:header accent};
  862. border:1px solid {color:header accent};
  863. color:{color:header bg};
  864. color:{color:title};
  865. border-top-right-radius:5px;
  866. text-transform:uppercase;
  867. padding:11px 30px;
  868. margin:16px 0px 0px 136px;
  869. height:20px;
  870. }
  871. header .description {
  872. background:{color:header bg};
  873. color:{color:description};
  874. border:1px solid {color:header accent};
  875. border-right-color:{color:header bg};
  876. border-bottom-right-radius:5px;
  877. padding:10px 10px 10px 45px;
  878. margin:-80px 0px 10px 131px;
  879. text-transform:lowercase;
  880. height:40px;
  881. overflow-y:auto;
  882. float:left;
  883. }
  884. header .ct {
  885. width:calc({select:post width}px + 60px);
  886. margin:0px auto;
  887. padding:35px 0px 10px 0px;
  888. }
  889.  
  890. #sec2 {
  891. background:{color:header bg};
  892. {block:IfBorders} border-bottom:1px solid {color:borders}; {/block:IfBorders}
  893. width:100%;
  894. height:50px;
  895. }
  896. #sec2 .ct {
  897. padding:10px 0px;
  898. width:calc({select:post width}px + 460px);
  899. margin:0 auto;
  900. }
  901. #sec2 .p1 {
  902. float:left;
  903. width:200px;
  904. margin-right:15px;
  905. margin-left:-10px;
  906. }
  907. #sec2 .p4 {
  908. float:right;
  909. width:195px;
  910. padding:6px;
  911. margin-right:0px;
  912. }
  913. #sec2 #viu { text-align:left; margin-top:2px; }
  914. #sec2 #viu a {
  915. display:inline-block;
  916. border-radius:2px;
  917. width:22px;
  918. height:22px;
  919. margin:2px;
  920. opacity:0.6;
  921. }
  922. #sec2 #viu a:nth-child(8n+1){ background:#ff1a1a; }
  923. #sec2 #viu a:nth-child(8n+2){ background:yellow; }
  924. #sec2 #viu a:nth-child(8n+3){ background:orange; }
  925. #sec2 #viu a:nth-child(8n+4){ background:#cc66ff; }
  926. #sec2 #viu a:nth-child(8n+5){ background:#3399ff; }
  927. #sec2 #viu a:nth-child(8n+6){ background:#009973; }
  928. #sec2 #viu a:nth-child(8n+7){ background:#4dffd2; }
  929. #sec2 #viu a:hover { transform: scale(1.5); opacity:1;}
  930.  
  931. {CustomCSS}
  932.  
  933. </style>
  934.  
  935. <div id="ccr"><span class="lnr lnr-smile"></span>
  936. <a href="http://ttamplamente.tumblr.com/tagged/my" target="_blank">
  937. <div id="cn">amplamente</div></a>
  938. </div>
  939.  
  940. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  941. <script src="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  942.  
  943. </head>
  944.  
  945. <body>
  946.  
  947. <a href="#" class="scrollup" title="scroll to top"><span class="lnr lnr-arrow-up"></span></a>
  948.  
  949. <header><div class="ct">
  950.  
  951. <img src="{image:header}" class="profile" >
  952. <div class="title">
  953. {title}
  954. </div>
  955. <div class="tabs">
  956. <ul class="tab-links">
  957. <li><a href="/"><span class="lnr lnr-home"></span>{lang:Home}</a></li>
  958. <li><a href="{text:link 1 url}"><span class="lnr lnr-envelope"></span>{text:link 1 title}</a></li>
  959. <li><a href="{text:link 2 url}"><span class="lnr lnr-upload"></span>{text:link 2 title}</a></li>
  960. <li><a href="{text:link 3 url}"><span class="lnr lnr-layers"></span>{text:link 3 title}</a></li>
  961. <li><a href="{text:link 4 url}"><span class="lnr lnr-book"></span>{text:link 4 title}</a></li>
  962. </ul>
  963. </div>
  964. <div class="description">
  965. {Description}
  966. </div>
  967.  
  968. </div></header>
  969.  
  970. <div id="sec2">
  971. <div class="ct">
  972.  
  973. <div class="p1">
  974. <div id="viu">
  975. <a href="/tagged/red"></a>
  976. <a href="/tagged/yellow"></a>
  977. <a href="/tagged/orange"></a>
  978. <a href="/tagged/lilac"></a>
  979. <a href="/tagged/blue"></a>
  980. <a href="/tagged/green"></a>
  981. <a href="/tagged/aqua"></a>
  982. </div>
  983. </div>
  984.  
  985. <div class="p4">
  986. <div class="search">
  987. <form action="/search" method="get" class="sform" name="form">
  988. <input type="text" name="q" value="{SearchQuery}" class="sbox" placeholder="{lang:Search}"/></form></div>
  989. </div>
  990. </div>
  991.  
  992. </div>
  993. </div>
  994.  
  995. <div id="post">
  996.  
  997. {block:Posts}
  998.  
  999. <div class="entry">
  1000.  
  1001. {block:IfViaBox}<div class="from">
  1002. {block:RebloggedFrom}
  1003. <a href="{ReblogParentURL}">
  1004. <img class="si" src="{ReblogParentPortraitURL-64}"> </a>
  1005. <div class="sit"><a href="{ReblogParentURL}" title="via">{ReblogParentName}</a> <span class="lnr lnr-sync"></span>
  1006. <a href="{ReblogRootURL}" title="src">{ReblogRootName}</a>
  1007. </div>
  1008. {/block:RebloggedFrom}
  1009. <div class="sit" style="float:right;"><span class="lnr lnr-clock"></span> {ShortMonth} {DayOfMonthWithZero}{DayofMonthSuffix} {ShortYear}</div>
  1010. </div>{/block:IfViaBox}
  1011.  
  1012. {block:Title}
  1013. <h1>{Title}</h1>
  1014. {/block:Title}
  1015.  
  1016. {block:Text}<div class="tcaption">{Body}</div>{/block:Text}
  1017.  
  1018. {block:Photo}<img src="{PhotoURL-HighRes}" width="{select:post width}" />{/block:Photo}
  1019.  
  1020. {block:Photoset}
  1021. <div class="set"><center><div class="pxu"><div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}
  1022. <div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div></div></center></div>
  1023. {/block:Photoset}
  1024.  
  1025. {block:Quote}
  1026. <div class="quote">{Quote}
  1027. <div class="qsub">&mdash; {block:Source} {Source} {/block:Source} </div>
  1028. </div>
  1029. {/block:Quote}
  1030.  
  1031. {block:Chat}
  1032. <div class="ch">{block:Lines}<div class="ch1">{block:Label}<b>{Label}</b>{/block:Label}{Line}</div>{/block:Lines}</div>{/block:Chat}
  1033.  
  1034. {block:Audio}
  1035. <div class="albumfoto">{block:AlbumArt}<img src="{AlbumArtURL}" />{/block:AlbumArt}<div class="playbg"><div class="audioplay">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer} </div></div></div><div class="audiodesc">{block:Artist}{Artist}{/block:Artist}</br>{block:Album}{Album}{/block:Album}</br>{block:TrackName}{TrackName}{/block:TrackName}</br>{block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}</div>{/block:Audio}
  1036.  
  1037. {block:Link}
  1038. <div class="link">
  1039. <div class="linktitle"><a href="{URL}" {Target}>{Name}</a></div>
  1040. <div class="linkdesc">{block:Description} {Description} {/block:Description}
  1041. {block:Host}<div class="linkhost">{Host}</div>{/block:Host}
  1042. </div></div>
  1043. {/block:Link}
  1044.  
  1045. {block:Video}<div class="video">{Video-500}</div>{PlayCountWithLabel}{/block:Video}
  1046.  
  1047. {block:Answer}
  1048. <div class="pessoapfoto"><img src="{AskerPortraitURL-64}"><div class="pessoapfototri"></div></div><div class="pergunta"><div class="pessoap">{lang:Asked by Asker 2} :</div>{Question}</div><div class="sresposta"><div class="srespostatri"></div>{Answer}</div>
  1049. {/block:Answer}
  1050.  
  1051. {block:Caption}<div class="caption">{Caption}</div>{block:Caption}
  1052.  
  1053. <div class="seureblog">
  1054. {block:Date}
  1055. <a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero} {Year}</a>
  1056. {/block:Date}
  1057. <a href="{Permalink}">{NoteCountWithLabel}</a>
  1058.  
  1059. <div class="rbb">
  1060. <div class="likie">{LikeButton Color="White" Size="16"}</div>
  1061. <div class="reblogie">{ReblogButton Color="White" Size="16"}</div>
  1062. </div>
  1063. </div>
  1064.  
  1065. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}</div>{/block:HasTags}
  1066.  
  1067. {block:PermalinkPage}<div id="notas">{block:PostNotes}{PostNotes-64}{/block:PostNotes}</div>{/block:PermalinkPage}
  1068.  
  1069. </div>{/block:Posts}
  1070.  
  1071. </div>
  1072.  
  1073. {block:Pagination}<div id="paginacao">
  1074. {block:PreviousPage}
  1075. <a href="{PreviousPage}">{lang:Previous}</a>
  1076. {/block:PreviousPage}
  1077. {block:JumpPagination length="6"}
  1078. {block:CurrentPage}
  1079. <span class="current_page">{CurrentPage}</span>
  1080. {/block:CurrentPage}
  1081. {block:JumpPage}
  1082. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1083. {/block:JumpPage}
  1084. {/block:JumpPagination}
  1085. <span class="total_pages">...{TotalPages}</span>
  1086. {block:NextPage}
  1087. <a href="{NextPage}">{lang:Next}</a>
  1088. {/block:NextPage}
  1089. </div>
  1090. {/block:Pagination}
  1091.  
  1092. <footer>
  1093. <div class="article">
  1094. <div class="ftl">
  1095. <a href="/">{lang:Home}</a>
  1096. <a href="/ask">Message</a>
  1097. <a href="/submit">Submit</a>
  1098. <a href="/archive">{lang:Archive}</a>
  1099. <a href="/rss">Rss</a>
  1100. <a href="/random">Random</a>
  1101. <a href="/rl">Rules</a>
  1102. </div>
  1103. <br>
  1104. {Title} • {CopyrightYears} • All rights reserved
  1105. </div>
  1106. </footer>
  1107.  
  1108. <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>
  1109.  
  1110. <link href="//static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  1111. <script src="//static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1112. <link href="//static.tumblr.com/wupwnyt/qWVoc4phj/resizing.css" rel="stylesheet" type="text/css"/>
  1113.  
  1114. <script>
  1115. // PXU Photoset Script by Pixel Union
  1116. $(document).ready(function(){
  1117. $('.photo-slideshow').pxuPhotoset({
  1118. lightbox:true,
  1119. rounded:false,
  1120. gutter:'0px',
  1121. borderRadius:'0px',
  1122. photoset:'.photo-slideshow',
  1123. photoWrap:'.photo-data',
  1124. photo:'.pxu-photo'
  1125. });
  1126. });
  1127. </script>
  1128.  
  1129. </body>
  1130. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!