API tools faq
paste
Advertisement
Carolaine_Vieira

emp 2

Carolaine_Vieira
Jul 3rd, 2016
766
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.60 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. <head>
  4.  
  5. <!---
  6. ╔═══╦═╗╔═╦═══╦╗──╔═══╦═╗╔═╦═══╦═╗─╔╦════╦═══╗
  7. ║╔═╗║║╚╝║║╔═╗║║──║╔═╗║║╚╝║║╔══╣║╚╗║║╔╗╔╗║╔══╝
  8. ║║─║║╔╗╔╗║╚═╝║║──║║─║║╔╗╔╗║╚══╣╔╗╚╝╠╝║║╚╣╚══╗
  9. ║╚═╝║║║║║║╔══╣║─╔╣╚═╝║║║║║║╔══╣║╚╗║║─║║─║╔══╝
  10. ║╔═╗║║║║║║║──║╚═╝║╔═╗║║║║║║╚══╣║─║║║─║║─║╚══╗
  11. ╚╝─╚╩╝╚╝╚╩╝──╚═══╩╝─╚╩╝╚╝╚╩═══.╩╝─╚═╝─╚╝─╚═══╝
  12. THEME; EMPIRE; 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. <html lang="pt-br">
  21. <title>
  22. {Title}
  23. {block:PermalinkPage}{block:PostSummary}&mdash; {PlaintextPostSummary}{/block:PostSummary}{block:PermalinkPage}
  24. {block:SearchPage}&mdash; {lang:Search results for SearchQuery} ({SearchResultCount}) {/block:SearchPage}
  25. {block:TagPage} &mdash; Posts tagged {Tag}{/block:TagPage}
  26. </title>
  27. <link rel="shortcut icon" href="{Favicon}">
  28. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  29. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  30.  
  31. <meta name="color:Post bg" content="#2b2b2b"/>
  32. <meta name="color:Borders" content="#333333"/>
  33. <meta name="color:Perma link" content="#888"/>
  34. <meta name="color:Text" content="#888888"/>
  35. <meta name="color:Link" content="#22f2222"/>
  36. <meta name="color:Link hover" content="#222222"/>
  37. <meta name="color:Subtitle" content="#888888"/>
  38. <meta name="color:Header bg" content="#2b2b2b"/>
  39. <meta name="color:Header borders" content="#333333"/>
  40. <meta name="color:Header link" content="#999999"/>
  41. <meta name="color:Header link hover" content="#fff"/>
  42. <meta name="color:Scrollbar" content="#000000"/>
  43.  
  44. <meta name="if:Caption" content=""/>
  45. <meta name="if:Tags" content=""/>
  46. <meta name="if:Triangles" content=""/>
  47. <meta name="if:ViaBox" content=""/>
  48. <meta name="if:Banner" content=""/>
  49. <meta name="if:ReblogHover" content=""/>
  50. <meta name="if:InfiniteScroll" content="0"/>
  51.  
  52. <meta name="image:Background" content=""/>
  53. <meta name="image:Header" content=""/>
  54.  
  55. <meta name="text:Font size" content="11" />
  56. <meta name="text:Subtitle" content="subtitle" />
  57. <meta name="text:Facebook Username" content="/" />
  58. <meta name="text:Instagram Username" content="/" />
  59. <meta name="text:LastFm Url" content="/" />
  60. <meta name="text:Skype Username" content="/" />
  61. <meta name="text:GooglePlus Url" content="/" />
  62. <meta name="text:Twitter Username" content="/" />
  63. <meta name="text:Tumblr Username" content="/" />
  64. <meta name="text:WeHeartIt Username" content="/" />
  65. <meta name="text:Link 1 Title" content="Home" />
  66. <meta name="text:Link 1 Url" content="/" />
  67. <meta name="text:Link 2 Title" content="Message" />
  68. <meta name="text:Link 2 Url" content="/ask" />
  69. <meta name="text:Link 3 Title" content="Archive" />
  70. <meta name="text:Link 3 Url" content="/archive" />
  71. <meta name="text:Link 4 Title" content="Random" />
  72. <meta name="text:Link 4 Url" content="/random" />
  73. <meta name="text:Link 5 Title" content="Rss" />
  74. <meta name="text:Link 5 Url" content="/rss" />
  75. <meta name="text:Link 6 Title" content="Stuff" />
  76. <meta name="text:Link 6 Url" content="/" />
  77.  
  78. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  79. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  80. <script>
  81. (function($){
  82.  
  83. $(document).ready(function(){
  84. $("[title]").style_my_tooltips();
  85. });
  86. })(jQuery);
  87. </script>
  88.  
  89. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  90. <script type="text/javascript" src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  91.  
  92. <style type="text/css">
  93.  
  94. *html, body { width:100%; margin:0; }
  95.  
  96. body{
  97. margin:0;
  98. cursor:crosshair;
  99. color:{color:Text};
  100. font-family: Open Sans;
  101. font-size:{text:font size}px;
  102. background: {BackgroundColor} url("{image:Background}") fixed no-repeat left top;
  103. }
  104.  
  105. h2 {text-align:center; text-transform:none; font-family:raleway; font-weight:normal; font-size:25px;}
  106.  
  107. #post{
  108. margin-top:20px;
  109. {block:IfNotBanner}margin-top:90px;{/block:IfNotBanner}
  110. color:{color:Text};
  111. background:transparent;
  112. margin-left:auto;
  113. margin-right:auto;
  114. width:890px;
  115. {block:PermalinkPage}
  116. width:700px;
  117. {/block:PermalinkPage}
  118. padding:0px;
  119. text-align:left;
  120. }
  121.  
  122. .entry{
  123. text-align:left;
  124. padding:0px;
  125. float:left;
  126. background:{color:post bg};
  127. border:1px solid {color:borders};
  128. width:400px;
  129. margin:20px;
  130. border-radius:3px;
  131. {block:PermalinkPage}
  132. width:700px;
  133. {/block:PermalinkPage}
  134. -webkit-transition: 1s ease-in-out;
  135. -moz-transition: 1s ease-in-out;
  136. -o-transition: 1s ease-in-out;
  137. }
  138.  
  139. .entry img{
  140. {block:IndexPage}
  141. max-width:400px;
  142. {/block:IndexPage}
  143. {block:PermalinkPage}
  144. max-width:700px;
  145. {/block:PermalinkPage}
  146. height:auto;
  147. margin-bottom:-4px;
  148. }
  149.  
  150. .custom-like-button *{cursor:pointer!important;}
  151. .custom-like-button {
  152. position:relative;
  153. display:inline-block;
  154. vertical-align:top;
  155. width:10px;
  156. height:10px;
  157. cursor:pointer;
  158. margin:0 5px 0 6px;
  159. font-size:14px;
  160. }
  161.  
  162. .like_button:hover + .our_button {color:{AccentColor};}
  163. .like_button.liked + .our_button {color:{AccentColor};}
  164. .like_button iframe {width:100%!important;height:100%!important;}
  165. .like_button {z-index:10;opacity:0;}
  166. .our_button {z-index:1;}
  167. .our_button,.like_button {
  168. position:absolute;
  169. top:0;
  170. left:0;
  171. width:100%;
  172. height:100%;
  173. }
  174.  
  175. .banner {
  176. background:{AccentColor} url("{HeaderImage}");
  177. position:relative;
  178. width:100%;
  179. height:400px;
  180. left:0;
  181. top:0;
  182. margin-left:auto;
  183. margin-right:auto;
  184. margin-top:0px;
  185. text-align:center;
  186. background-size:100% auto;
  187. }
  188.  
  189. blockquote {
  190. width:90%;
  191. margin-left:0px;
  192. padding:10px;
  193. padding-top:0px;
  194. padding-bottom:0px;
  195. border-left:2px solid {AccentColor};
  196. background:transparent;
  197. }
  198. blockquote img{max-width:calc(100% - 100px) !important; height:auto !important;}
  199.  
  200. #s-m-t-tooltip {
  201.  
  202. max-width:300px;
  203. padding:8px;
  204. margin:15px 20px;
  205. background-color:#fbfbfb;
  206. border-radius:3px;
  207. font-family: calibri;
  208. font-size:10px;
  209. letter-spacing:1px;
  210. text-transform:uppercase;
  211. color:#999;
  212. border:1px solid #eee;
  213. z-index:9999999;
  214.  
  215. }
  216.  
  217. ul { list-style:circle; }
  218. u { border-bottom: 1px solid {color:link}; text-decoration:none;}
  219.  
  220. #tumblr_controls, .tmblr-iframe{ z-index:99999999;margin-top:0px! important;
  221. -webkit-filter:invert(100%); -moz-filter:invert(100%); -o-filter:invert(100%); -ms-filter:invert(100%); filter:invert(100%); position:fixed!important; top:80px!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); }
  222. #tumblr_controls, .tmblr-iframe:hover{
  223. opacity:.9;webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out; font-size:10.5px !important;
  224. -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%);
  225. }
  226.  
  227. h1 {
  228. font-size:20px;
  229. color:{AccentColor};
  230. text-align:center;
  231. font-family:raleway;
  232. padding-bottom:10px;
  233. padding-left:10px;
  234. padding-right:10px;
  235. margin-bottom:0px;
  236. text-transform:uppercase;
  237. width:calc(100% - 20px);
  238. border-bottom:1px solid {color:borders};
  239. -webkit-transition:all 0.3s ease-out;
  240. -moz-transition:all 0.3s ease-out;
  241. transition:all 0.3s ease-out;
  242. }
  243.  
  244. h1:hover {
  245. letter-spacing:1px;
  246. -webkit-transition:all 0.3s ease-out;
  247. -moz-transition:all 0.3s ease-out;
  248. transition:all 0.3s ease-out;
  249. }
  250.  
  251. a{
  252. color:{color:Link};
  253. text-decoration:none;
  254. -webkit-transition:all 0.3s ease-out;
  255. -moz-transition:all 0.3s ease-out;
  256. transition:all 0.3s ease-out;
  257. }
  258.  
  259. a:hover{
  260. color:{color:Link hover};
  261. -webkit-transition:all 0.3s ease-out;
  262. -moz-transition:all 0.3s ease-out;
  263. transition:all 0.3s ease-out;
  264.  
  265. }
  266.  
  267. .src {{block:IndexPage} display:none; {/block:IndexPage}}
  268.  
  269. .pagination { display: none; }
  270.  
  271. ::-webkit-scrollbar {height:5px; width:4px;}
  272. ::-webkit-scrollbar-track-piece { background-color:{color:Header bg}; }
  273. ::-webkit-scrollbar-thumb { background-color:{color:scrollbar}; }
  274.  
  275. .from {
  276. width:calc(100% - 34px);
  277. height:37px;
  278. margin-bottom:0px;
  279. margin-top:7px;
  280. padding-left:17px;
  281. padding-right:17px;
  282. border-bottom:1px solid {color:borders};
  283. background:{color:post bg};
  284. {block:IndexPage}
  285. {block:IfReblogHover}
  286. padding-top:10px;
  287. position:absolute;
  288. opacity:0;
  289. width:216px;
  290. margin-top:-10px;
  291. border:1px solid {color:borders};
  292. border-left:none;
  293. border-right:none;
  294. {/block:IfReblogHover}
  295. {/block:IndexPage}
  296. -webkit-transition:all 0.3s ease-out;
  297. }
  298. .entry:hover .from {
  299. {block:IndexPage}
  300. {block:IfReblogHover}
  301. opacity:1;
  302. margin-top:-1px;
  303. {/block:IfReblogHover}
  304. {/block:IndexPage}
  305. -webkit-transition:all 0.3s ease-out;
  306. }
  307.  
  308. .si {
  309. float:left;
  310. width:22px;
  311. max-width:22px;
  312. border-radius:100px;
  313. margin-top:0px;
  314. margin-left:-10px;
  315. z-index:0;
  316. padding:3px;
  317. background:transparent;
  318. }
  319.  
  320. .si img{
  321. max-width:20px;
  322. z-index:0;
  323. float:left;
  324. width:20px;
  325. }
  326.  
  327. .sit {
  328. float:left;
  329. margin-left:6px;
  330. text-transform:lowercase;
  331. margin-top:6px;
  332. font-size:12px;
  333. padding-bottom:10px;
  334. }
  335.  
  336. .tags {
  337. {block:IfNotTags}
  338. {block:IndexPage}
  339. display:none;
  340. {/block:IndexPage}
  341. {/block:IfNotTags}
  342. text-align:center;
  343. padding:12px;
  344. {block:PermalinkPage}
  345. background:{color:post bg};
  346. margin-left:-13px;
  347. width:calc(100% + 0px);
  348. margin-top:15px;
  349. margin-bottom:30px;
  350. border:1px solid {color:borders};
  351. {/block:PermalinkPage}
  352. text-align:left;
  353. text-transform:uppercase;
  354. border-top:1px solid {color:borders};
  355. font-size:calc({text:font size} - 1.5px);
  356. {block:IndexPage}
  357. {block:IfReblogHover}
  358. display:none;
  359. {/block:IfReblogHover}
  360. {/block:IndexPage}
  361. }
  362. .tags a{
  363. margin-left:6px;
  364. opacity:0.7;
  365. -webkit-transition:all 0.3s ease-out;
  366. -moz-transition:all 0.3s ease-out;
  367. transition:all 0.3s ease-out;}
  368. .tags a:hover {
  369. font-weight:bold;
  370. opacity:1;
  371. -webkit-transition:all 0.3s ease-out;
  372. -moz-transition:all 0.3s ease-out;
  373. transition:all 0.3s ease-out;
  374. }
  375.  
  376. #ccr {
  377. color:#5a5a5a;
  378. position:fixed;
  379. bottom:10px;
  380. right:10px;
  381. padding:6px 8px 6px 8px;
  382. font-size:14px;
  383. border:1px solid #eeeeee;
  384. background-color:#ffffff;
  385. opacity:1;
  386. width:14px;
  387. overflow:hidden;
  388. border-radius:5%;
  389. -moz-transition-duration: 0.4s;
  390. -o-transition-duration: 0.4s;
  391. -webkit-transition-duration: 0.4s;
  392. transition-duration: 0.4s;
  393. }
  394.  
  395. #cn {
  396. color:#5a5a5a;
  397. font-size:11px;
  398. margin-top:-18px;
  399. margin-left:22px;
  400. position:absolute;
  401. text-transform:uppercase;
  402. }
  403.  
  404. #ccr:hover {
  405. color:#5a5a5a;
  406. width:100px;
  407. -moz-transition-duration: 0.4s;
  408. -o-transition-duration: 0.4s;
  409. -webkit-transition-duration: 0.4s;
  410. transition-duration: 0.4s;
  411. }
  412.  
  413. #ccr a:hover{
  414. color:#5a5a5a;
  415. }
  416.  
  417. #top2 {
  418. height:auto;
  419. width:800px;
  420. letter-spacing:1px;
  421. margin-left:auto;
  422. margin-right:auto;
  423. margin-top:70px;
  424. margin-bottom:70px;
  425. font-size:11px;
  426. text-transform:uppercase;
  427. text-align:center;
  428. -webkit-transition:all 0.3s ease-out;
  429. -moz-transition:all 0.3s ease-out;
  430. transition:all 0.3s ease-out;
  431. }
  432.  
  433. #top2 a{margin-left:8px; background:{color:post bg}; border-radius:2px; border:1px solid {color:borders}; padding:13px; color:{AccentColor};
  434. }
  435. #top2 a:hover{
  436. color:{color:post bg};
  437. background:{AccentColor};
  438. border-color:{AccentColor};
  439. -webkit-transition:all 0.8s ease-out;
  440. -moz-transition:all 0.8s ease-out;
  441. transition:all 0.8s ease-out;
  442. }
  443.  
  444. #sobre {
  445. -webkit-border-radius: 0 0 3px 3px;
  446. font-size:{text:font size}px;
  447. padding:5px;
  448. padding-left:15px;
  449. padding-right:15px;
  450. text-align:left;
  451. margin-top:0px;
  452. margin-bottom:5px;
  453. height:auto;
  454. width:calc(100% - 30px);
  455. {block:IfNotCaption}
  456. {block:IndexPage}
  457. display:none;
  458. {/block:IndexPage}
  459. {/block:IfNotCaption}
  460. }
  461.  
  462. hr {
  463. border-color:#eee;
  464. width:200px;
  465. margin-left:auto;
  466. margin-right:auto;
  467. margin-top:25px;
  468. margin-bottom:25px;
  469. }
  470.  
  471. .link {
  472. padding:15px;
  473. margin-left:0px;
  474. background:{AccentColor};
  475. color:{color:post bg};
  476. text-align:left;
  477.  
  478. }
  479. .linktitle a{
  480. font-size:23px;
  481. font-weight:bold;
  482. text-transform:uppercase;
  483. text-align:left;
  484. color:#fff;
  485. }
  486.  
  487. .pessoap {
  488. text-transform:uppercase;
  489. font-size:13px;
  490. font-weight:bold;}
  491. .pessoap a{
  492. color:{color:post bg};
  493. text-transform:uppercase;
  494. font-size:13px;
  495. font-weight:bold;
  496. }
  497. .pessoapfoto img{
  498. float:left;
  499. border-radius:100%;
  500. margin-top:-25px;
  501. margin-left:178px;
  502. padding:4px;
  503. background:{color:borders};
  504. }
  505. .pergunta {
  506. background:{AccentColor};
  507. color:{color:post bg};
  508. padding:15px;
  509. padding-bottom:38px;
  510. margin-left:0px;
  511. border-bottom:2px solid {color:borders};
  512. text-align:center;
  513. }
  514. .sresposta {
  515. padding:15px;
  516. padding-top:20px;
  517. padding-bottom:0px;
  518. background:transparent;
  519. border-top:2px solid {color:borders};
  520. }
  521.  
  522. .quote {
  523. padding:20px;
  524. padding-left:30px;
  525. padding-right:30px;
  526. font-size:14px;
  527. text-align:left;
  528. margin-bottom:5px;
  529. font-style:italic;
  530. }
  531. .qsub {
  532. margin-top:5px;
  533. font-weight:bold;
  534. color:{AccentColor};
  535. font-size:12px;
  536. font-style:normal;
  537. }
  538.  
  539. .ch { padding:15px; background:transparent;}
  540. .ch .ch1 { padding:10px; margin-bottom:5px;}
  541. .ch1{ background:{BackgroundColor}; border:1px solid {color:borders};}
  542. .ch .ch1 b{ color:{AccentColor}; text-transform:uppercase; font-size:11px;}
  543.  
  544.  
  545. blockquote {
  546. width:90%;
  547. margin-left:0px;
  548. padding:10px;
  549. padding-top:0px;
  550. padding-bottom:0px;
  551. border-left:2px solid {AccentColor};
  552. background:transparent;
  553. }
  554. blockquote img{max-width:300px !important; width:300px !important; height:auto;}
  555.  
  556. .albumfoto{
  557. float:left;
  558. width:80px;
  559. margin-top:0px;
  560. margin-left:0px;
  561. }
  562. .albumfoto img{
  563. width:80px;
  564. }
  565. .audiodesc {
  566. margin-left:80px;
  567. padding:15px;
  568. padding-bottom:10px;
  569. padding-top:10px;
  570. background:{AccentColor};
  571. color:{color:post bg};
  572. margin-top:0px;
  573. min-height:55px;
  574. font-weight:bold;
  575. margin-bottom:0px;
  576. text-align:left;
  577. }
  578. .audioplay {
  579. overflow:hidden;
  580. padding:5px;
  581. max-width:26px;
  582. width:26px;
  583. height:28px;
  584. margin-left:6px;
  585. margin-top:4px;
  586. background:transparent;
  587. -webkit-transition:all 0.3s ease-out;
  588. }
  589. .playbg {
  590. opacity:0.6;
  591. position:absolute;
  592. overflow:hidden;
  593. padding:10px;
  594. width:50px;
  595. max-width:50px;
  596. height:45px;
  597. background:{color:post};
  598. margin-left:5px;
  599. margin-top:-71px;
  600. background:black;
  601. -webkit-transition:all 0.3s ease-out;
  602. }
  603. .entry:hover .playbg {opacity:0.8; -webkit-transition:all 0.3s ease-out;}
  604.  
  605. .tcaption {padding:10px; }
  606. .tcaption img {max-width:calc(100% - 0px); height:auto !important; }
  607.  
  608. .description {
  609. width:600px;
  610. margin-left:320px;
  611. margin-top:-5px;
  612. text-align:center;
  613. }
  614.  
  615. .seureblog {
  616. margin-top:0px;
  617. padding:12px;
  618. height:20px;
  619. text-align:left;
  620. border-top:1px solid {color:borders};
  621. text-transform:uppercase;
  622. background:{color:post bg};
  623. {block:IndexPage}
  624. {block:IfReblogHover}
  625. position:absolute;
  626. opacity:0;
  627. width:226px;
  628. margin-top:10px;
  629. border:1px solid {color:borders};
  630. border-left:none;
  631. border-right:none;
  632. {/block:IfReblogHover}
  633. {/block:IndexPage}
  634. -webkit-transition:all 0.3s ease-out;
  635. }
  636. .entry:hover .seureblog {
  637. {block:IndexPage}
  638. {block:IfReblogHover}
  639. opacity:1;
  640. margin-top:-40px;
  641. {/block:IfReblogHover}
  642. {/block:IndexPage}
  643. -webkit-transition:all 0.3s ease-out;
  644. }
  645. .seureblog a {
  646. font-size:12px;
  647. color:{color:perma link};
  648. margin-left:4px;
  649. }
  650. .rbb {
  651. width: 0;
  652. height: 0;
  653. border-style: solid;
  654. border-width: 0 9px 8px 9px;
  655. border-color: transparent transparent {color:post bg} transparent;
  656. position:absolute;
  657. margin-top:-20px;
  658. margin-left:calc(50% - 20px);
  659. }
  660. .rbb2 {
  661. width: 0;
  662. height: 0;
  663. border-style: solid;
  664. border-width: 8px 9px 0 9px;
  665. border-color: {color:post bg} transparent transparent transparent;
  666. position:absolute;
  667. margin-top:37px;
  668. margin-left:calc(50% - 20px);
  669. }
  670.  
  671. header {
  672. position:fixed;
  673. background:{color:Header Bg};
  674. border-bottom:1px solid {color:header borders};
  675. padding-top:20px;
  676. padding-bottom:20px;
  677. padding:0px;
  678. height:80px;
  679. z-index:99;
  680. top:0px;
  681. left:0px;
  682. width:100%;
  683. text-align:center;
  684. }
  685.  
  686. .h_centralize {
  687. width:900px;
  688. margin:0 auto;
  689. background:transparent;
  690. }
  691.  
  692. .h_desc {
  693. float:left;
  694. }
  695. .h_desc img {
  696. margin-top:15px;
  697. border-radius:100%;
  698. height:50px;
  699. float:left;
  700. }
  701.  
  702. .h_title {
  703. text-align:left;
  704. font-size:16px;
  705. z-index:9;
  706. text-transform:lowercase;
  707. float:left;
  708. margin-top:10px;
  709. padding:10px;
  710. }
  711. .h_title a{ color:{TitleColor}; font-weight:bold;}
  712. .h_sub {
  713. font-size:14px;
  714. color:{color:subtitle};
  715. }
  716.  
  717. #header_links {
  718. margin-right:0px;
  719. margin-bottom:0px;
  720. padding-top:27px;
  721. text-align:right;
  722. margin-left:15px;
  723. }
  724. #header_links a {
  725. display:inline-block;
  726. font-size:14px;
  727. padding:3px;
  728. text-align:center;
  729. margin-left:7px;
  730. margin-right:7px;
  731. text-transform:uppercase;
  732. font-family:{select:Post Title};
  733. color:{color:header link};
  734. letter-spacing:1.5px;
  735. }
  736. #header_links a:hover {
  737. color:{color:header link hover};
  738. }
  739.  
  740. .desc_section {
  741. {block:IfNotBanner}top:80px;{/block:IfNotBanner}
  742. position:relative;
  743. background:{color:Header Bg};
  744. border-bottom:1px solid {color:borders};
  745. padding-top:20px;
  746. padding-bottom:20px;
  747. padding:0px;
  748. {block:IfBanner}top:0px;{/block:IfBanner}
  749. left:0px;
  750. width:100%;
  751. height:65px;
  752. text-align:center;
  753. }
  754.  
  755. .h_centralize2 {
  756. width:900px;
  757. margin:0 auto;
  758. padding:20px;
  759. background:transparent;
  760. text-align:left;
  761. }
  762.  
  763. .sform input { outline:none; text-align:left; border:none; width:150px; border-radius:3px; background:transparent; border:1px solid transparent; margin-top:-6px; float:right; padding:10px; font-size:12px;}
  764. ::-webkit-input-placeholder { color:{color:text}; }
  765. :-moz-placeholder { color:{color:text}; }
  766. ::-moz-placeholder { color:{color:text}; }
  767. :-ms-input-placeholder { color:{color:text}; }
  768. .sbox {-webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; transition:all 0.3s ease-out; color:{AccentColor};}
  769. .sbox:hover { color:{AccentColor}; border:1px solid {color:header borders}; background:{BackgroundColor}; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; transition:all 0.3s ease-out; }
  770.  
  771. #scial {
  772. text-align:center;
  773. float:left;
  774. margin-top:-5px;
  775. }
  776. #scial a {
  777. display:inline-block;
  778. font-size:16px;
  779. margin-bottom:4px;
  780. padding:8px;
  781. padding-top:5px;
  782. padding-bottom:5px;
  783. width:18px;
  784. text-align:center;
  785. text-transform:uppercase;
  786. color:{color:text};
  787. font-weight:bold;
  788. border-radius:2px;
  789. background:transparent;
  790. border:1px solid transparent;
  791. }
  792. #scial a:hover {
  793. color:{color:post bg};
  794. background:{AccentColor};
  795. border-color:{AccentColor};
  796. }
  797.  
  798. #notas {
  799. margin-top:0px;
  800. width:90%;
  801. height:200px;
  802. overflow-y:auto;
  803. padding:20px;
  804. text-transform:lowercase;
  805. margin-left:auto;
  806. margin-right:auto;
  807. float:center;
  808. }
  809.  
  810. .notes img {
  811. width: 15px;
  812. border-radius:2px;
  813. float:right;
  814. list-style:none;
  815. -webkit-transition: all 0.5s linear;
  816. -moz-transition: all 0.5s linear;
  817. transition: all 0.5s linear;}
  818. ol.notes, .notes li {
  819. border-bottom:1px solid {color:post borders};
  820. list-style:none;
  821. width: 100%;
  822. padding:10px;
  823. font-size:12px;
  824. margin-top: 5px;
  825. margin-left:0px;
  826. padding-left: 0px}
  827. .notes li:hover img {
  828. list-style:none;
  829. -webkit-transition: all 0.5s linear;
  830. -moz-transition: all 0.5s linear;
  831. transition: all 0.5s linear;}
  832.  
  833. {CustomCSS}
  834.  
  835. </style>
  836. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  837.  
  838. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script
  839.  
  840. src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  841.  
  842. <script>
  843. $(function(){
  844. var $container = $('#post');
  845. $container.imagesLoaded(function(){
  846. $container.masonry({
  847. itemSelector: '.entry',
  848. });
  849. });
  850. $container.infinitescroll({
  851. itemSelector : ".entry",
  852. navSelector : "div.pagination",
  853. nextSelector : ".pagination a#next",
  854. loadingImg : "",
  855. loadingText : "<em></em>",
  856. },
  857. function( newElements ) {
  858. var $newElems = $( newElements ).css({ opacity: 0 });
  859. $newElems.imagesLoaded(function(){
  860. $newElems.animate({ opacity: 1 });
  861. $container.masonry( 'appended', $newElems, true );
  862. });
  863. }
  864. );
  865. });
  866. </script>
  867.  
  868. </head>
  869. <body>
  870.  
  871. <header>
  872. <div class="h_centralize">
  873. <div class="h_desc">
  874. <img src="{image:header}" >
  875. <div class="h_title"><a href="/">{Title}</a>
  876. <div class="h_sub">{text:subtitle} <br>
  877. </div></div>
  878. </div>
  879. <div id="header_links">
  880. <a href="{text:Link 1 Url}">{text:Link 1 Title}</a>
  881. <a href="{text:Link 2 Url}">{text:Link 2 Title}</a>
  882. <a href="{text:Link 3 Url}">{text:Link 3 Title}</a>
  883. <a href="{text:Link 4 Url}">{text:Link 4 Title}</a>
  884. <a href="{text:Link 5 Url}">{text:Link 5 Title}</a>
  885. <a href="{text:Link 6 Url}">{text:Link 6 Title}</a>
  886. </div></div>
  887. </header>
  888.  
  889. {block:IfBanner}<div class="banner"></div>{/block:IfBanner}
  890.  
  891. <div class="desc_section">
  892. <div class="h_centralize2">
  893. <div id="scial">
  894. <a href="http://instagram.com/{text:instagram username}" target="_blank"><li class="fa fa-instagram" aria-hidden="true"></li></a>
  895. <a href="http://facebook.com/{text:facebook username}" target="_blank"><li class="fa fa-facebook" aria-hidden="true"></li></a>
  896. <a href="http://lastfm.com/{text:lastfm url}" target="_blank"><li class="fa fa-lastfm" aria-hidden="true"></li></a>
  897. <a href="https://twitter.com/{text:twitter username}" target="_blank"><li class="fa fa-twitter" aria-hidden="true"></li></a>
  898. <a href="skype:{text:skype username}" target="_blank"><li class="fa fa-skype" aria-hidden="true"></li></a>
  899. <a href="https://plus.google.com/{text:googleplus url}" target="_blank"><li class="fa fa-google-plus" aria-hidden="true"></li></a>
  900. <a href="http://{text:tumblr username}.tumblr.com" target="_blank"><li class="fa fa-tumblr" aria-hidden="true"></li></a>
  901. <a href="http://weheartit.com/{text:weheartit username}" target="_blank"><li class="fa fa-heart" aria-hidden="true"></li></a>
  902. <a href="http://amplamente.tumblr.com" title="theme credit" target="_new"><li class="fa fa-code" aria-hidden="true"></li></a>
  903. </div>
  904. <form action="/search" method="get" class="sform" name="form">
  905. <input type="text" name="q" value="{SearchQuery}" class="sbox" placeholder="{lang:Search}"/></form>
  906. </div>
  907. </div>
  908.  
  909. <div id="post">
  910.  
  911. {block:Posts}
  912. <div class="entry">
  913.  
  914. {block:IfViaBox}<div class="from">
  915. {block:RebloggedFrom}
  916. <a href="{ReblogParentURL}">
  917. <img class="si" src="{ReblogParentPortraitURL-64}"> </a>
  918. <div class="sit"><a href="{ReblogParentURL}" title="via">{ReblogParentName}</a></div>
  919. {/block:RebloggedFrom}
  920. <div class="sit" style="float:right;">{ShortMonth} {DayOfMonthWithZero}{DayofMonthSuffix}</div>
  921. {block:IfTriangles}<div class="rbb2"></div>{/block:IfTriangles}
  922. </div>{/block:IfViaBox}
  923.  
  924. {block:Title}<h1>{Title}</h1>{/block:Title}
  925.  
  926. {block:Text}<div class="tcaption">{Body}</div>{/block:Text}
  927.  
  928. {block:Photo}
  929. {block:IndexPage}
  930. <a href="{permalink}" ><img src="{PhotoURL-HighRes}" width="400"/></a>
  931. {/block:IndexPage}
  932.  
  933. {block:PermalinkPage}
  934. <a href="{permalink}" ><img src="{PhotoURL-HighRes}" width="700"/></a>
  935. {/block:PermalinkPage}
  936.  
  937. {/block:Photo}
  938.  
  939. {block:Photoset}
  940. {block:IndexPage}{Photoset-400}{/block:IndexPage}
  941. {block:PermalinkPage}{Photoset-700}{/block:PermalinkPage}
  942. {/block:Photoset}
  943.  
  944. {block:Quote}
  945. <div class="quote">{Quote}
  946. <div class="qsub">{block:Source}&mdash; {Source} {/block:Source}</div></div>
  947. {/block:Quote}
  948.  
  949. {block:Video}
  950. {block:IndexPage}{Video-400}{/block:IndexPage}
  951. {block:PermalinkPage}{Video-700}{/block:PermalinkPage}
  952. <br>{PlayCountWithLabel}
  953. {/block:Video}
  954.  
  955. {block:Link}
  956. <div class="link">
  957. {block:Thumbnail}{Thumbnail-HighRes}{/block:Thumbnail}
  958. <div class="linktitle"><a href="{URL}" {Target}>{Name} <li class="fa fa-angle-double-right" aria-hidden="true"></li>
  959. </a></div>
  960. <div class="linkdesc">{block:Description} {Description} {/block:Description}
  961. {block:Host}<i style="font-size:11px; margin-right:5px;" class="fa fa-link" aria-hidden="true"></i>{Host}{/block:Host}
  962. </div></div>
  963. {/block:Link}
  964.  
  965. {block:Chat}
  966. <div class="ch">{block:Lines}<div class="ch1">{block:Label}<b>{Label}</b>
  967. {/block:Label}{Line}</div>{/block:Lines}</div>
  968. {/block:Chat}
  969.  
  970. {block:Audio}
  971. <div class="albumfoto">
  972. {block:AlbumArt}<img src="{AlbumArtURL}" />{/block:AlbumArt}
  973. <div class="playbg">
  974. <div class="audioplay">
  975. {block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer} </div></div></div>
  976. <div class="audiodesc">
  977. {block:Artist}{Artist}{/block:Artist}</br>
  978. {block:Album}{Album}{/block:Album}</br>
  979. {block:TrackName}{TrackName}{/block:TrackName}</br>
  980. {block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}
  981. </div>{/block:Audio}
  982.  
  983. {block:Answer}
  984. <div class="pergunta">
  985. <div class="pessoap">{Asker} asked:</div>{Question}</div>
  986. <div class="pessoapfoto"><img src="{AskerPortraitURL-40}" /></div>
  987. <div class="sresposta">{Answer}</div>
  988. {/block:Answer}
  989.  
  990. {block:Caption}<div id="sobre">{Caption}</div>{/block:Caption}
  991.  
  992. <div class="seureblog">
  993. {block:IfTriangles}<div class="rbb"></div>{/block:IfTriangles}
  994. {block:NoteCount}
  995. <a href="{Permalink}"><i class="uniicons-bookmarks10" style="color:{AccentColor};" ></i> {NoteCount}</a>
  996. {/block:NoteCount}
  997.  
  998. {block:PermalinkPage}
  999.  
  1000. {block:Date}<a href="{Permalink}"><i class="uniicons-clocks27" style="color:{AccentColor};" ></i> {Month} {DayOfMonthWithZero}{DayofMonthSuffix} {Year}</a>{/block:Date}
  1001.  
  1002. {block:RebloggedFrom}
  1003. <a href="{ReblogParentURL}"><i class="fa fa-retweet" style="color:{AccentColor};"></i> {ReblogParentName}</a>
  1004. <a href="{ReblogRootURL}"><i class="fa fa-globe" style="color:{AccentColor};"></i> {ReblogRootName}</a>
  1005. {/block:RebloggedFrom}
  1006.  
  1007. {/block:PermalinkPage}
  1008.  
  1009. <div style="float:right;"> {block:IndexPage}
  1010. <a href="{ReblogUrl}"><i class="uniicons-reload22" ></i></a>
  1011. <div class="custom-like-button">{LikeButton}
  1012. <span class="our_button"><i class="uniicons-loving40"></i></span>
  1013. </div>
  1014. </div> {/block:IndexPage}
  1015. </div>
  1016.  
  1017. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}</div>{/block:HasTags}
  1018.  
  1019. </div>
  1020. {/block:Posts}
  1021. </div>
  1022.  
  1023. {block:IfNotInfiniteScroll}
  1024. {block:Pagination}<div id="top2">
  1025. {block:PreviousPage}
  1026. <a href="{PreviousPage}">{lang:Previous}</a>
  1027. {/block:PreviousPage}
  1028. {block:JumpPagination length="3"}
  1029. {block:CurrentPage}
  1030. <a href="#" style="background:{AccentColor}; border-color:{AccentColor}; color:{color:post bg};"><span class="current_page"><li style="font-size:10px;" class="fa fa-check"></li></a></span></a>
  1031. {/block:CurrentPage}
  1032. {block:JumpPage}
  1033. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1034. {/block:JumpPage}
  1035. {/block:JumpPagination}
  1036. <a href="#">...{TotalPages}</a>
  1037. {block:NextPage}
  1038. <a href="{NextPage}">{lang:Next}</a>
  1039. {/block:NextPage}
  1040. </div>
  1041. {/block:Pagination}
  1042. {/block:IfNotInfiniteScroll}
  1043.  
  1044. <div id="ccr"><i class="fa fa-code" aria-hidden="true"></i>
  1045. <a href="http://amplamente.tumblr.com">
  1046. <div id="cn">amplamente</div></a>
  1047. </div>
  1048.  
  1049. {block:IfInfiniteScroll}
  1050. <div class="pagination">
  1051. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}
  1052. <a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
  1053. </div>
  1054. {/block:IfInfiniteScroll}
  1055.  
  1056. {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}
  1057.  
  1058. <link href='https://fonts.googleapis.com/css?family=Open+Sans|Raleway:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
  1059.  
  1060. <link rel="stylesheet" type="text/css" href="https://dl.dropboxusercontent.com/s/33sakshawgsp033/UNIICONS-ADJ.css?dl=0">
  1061. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  1062.  
  1063. </body>
  1064. </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!