API tools faq
paste
Advertisement
Carolaine_Vieira

ph old

Carolaine_Vieira
Apr 16th, 2016
135
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 32.60 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <!--[if lt IE 7 ]> <html class="ie6"> <![endif]-->
  4. <!--[if IE 7 ]> <html class="ie7"> <![endif]-->
  5. <!--[if IE 8 ]> <html class="ie8"> <![endif]-->
  6. <!--[if IE 9 ]> <html class="ie9"> <![endif]-->
  7. <!--[if (gt IE 9)|!(IE)]><!--<![endif]-->
  8. <head>
  9. <meta charset="utf-8">
  10. <title>{Title}</title>
  11. <link rel="shortcut icon" href="{Favicon}">
  12. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  13. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  14.  
  15. <meta name="color:Background" content="#222222"/>
  16. <meta name="color:Text" content="#999999"/>
  17. <meta name="color:Link" content="#999999"/>
  18. <meta name="color:Link hover" content="#cccccc"/>
  19. <meta name="color:Accent2" content="#cccccc"/>
  20. <meta name="color:Accent3" content="#4f2318"/>
  21. <meta name="color:Post bg" content="#393939"/>
  22. <meta name="color:Post borders" content="#444444"/>
  23. <meta name="color:Perma link" content="#999999"/>
  24. <meta name="color:Sidebar text" content="#ffffff"/>
  25.  
  26. <meta name="if:InfiniteScroll" content="0"/>
  27.  
  28. <meta name="image:Dai" content="http://i.imgur.com/4B5uIne.png"/>
  29. <meta name="image:Gabi" content="http://i.imgur.com/4B5uIne.png"/>
  30. <meta name="image:Carol" content="http://i.imgur.com/4B5uIne.png"/>
  31. <meta name="image:Paula" content="http://i.imgur.com/4B5uIne.png"/>
  32. <meta name="image:Juh" content="http://i.imgur.com/4B5uIne.png"/>
  33. <meta name="image:Background" content="http://i.imgur.com/xoq9x0E.jpg"/>
  34. <meta name="image:Header bg" content=""/>
  35. <meta name="image:Perma bg" content="http://i.imgur.com/xoq9x0E.jpg"/>
  36.  
  37. <meta name="text:Disqus Shortname" content="" />
  38. <meta name="text:Statistics" content="essa é a estatistica"/>
  39. <meta name="text:YoutubeVideoUrl" content="/"/>
  40. <meta name="text:Tags" content=""/>
  41. <meta name="text:HeaderLink1Title" content="link"/>
  42. <meta name="text:HeaderLink1Url" content="/"/>
  43. <meta name="text:HeaderLink2Title" content="link"/>
  44. <meta name="text:HeaderLink2Url" content="/"/>
  45. <meta name="text:HeaderLink3Title" content="link"/>
  46. <meta name="text:HeaderLink3Url" content="/"/>
  47. <meta name="text:HeaderLink4Title" content="link"/>
  48. <meta name="text:HeaderLink4Url" content="/"/>
  49. <meta name="text:HeaderLink5Title" content="link 5"/>
  50. <meta name="text:HeaderLink5Url" content="/"/>
  51. <meta name="text:Link1Title" content="link"/>
  52. <meta name="text:Link1Url" content="/"/>
  53. <meta name="text:Link2Title" content="link"/>
  54. <meta name="text:Link2Url" content="/"/>
  55. <meta name="text:Link3Title" content="link"/>
  56. <meta name="text:Link3Url" content="/"/>
  57. <meta name="text:Link4Title" content="link"/>
  58. <meta name="text:Link4Url" content="/"/>
  59.  
  60. <link href='https://fonts.googleapis.com/css?family=Roboto|Open+Sans|Lato|Raleway|PT+Sans|Droid+Sans' rel='stylesheet' type='text/css'>
  61. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  62. <link href='https://fonts.googleapis.com/css?family=Geo' rel='stylesheet' type='text/css'>
  63. <link href='https://fonts.googleapis.com/css?family=Candal' rel='stylesheet' type='text/css'>
  64. <link href='https://fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet' type='text/css'>
  65. <link href='https://fonts.googleapis.com/css?family=Source+Code+Pro' rel='stylesheet' type='text/css'>
  66.  
  67. <script>
  68. window.onload = function () {
  69. document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' );
  70. document.addEventListener( 'click', function ( event ) {
  71. var myLike = event.target;
  72. if( myLike.className.indexOf( 'my-like' ) > -1 ) {
  73. var frame = document.getElementById( 'my-like-frame' ),
  74. liked = ( myLike.className == 'my-liked' ),
  75. command = liked ? 'unlike' : 'like',
  76. reblog = myLike.getAttribute( 'data-reblog' ),
  77. id = myLike.getAttribute( 'data-id' ),
  78. oauth = reblog.slice( -8 );
  79. frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id;
  80. liked ? myLike.className = 'my-like' : myLike.className = 'my-liked';
  81. };
  82. }, false );
  83. };
  84. </script>
  85.  
  86. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  87. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  88. <script> (function($){$(document).ready(function(){$("[title]").style_my_tooltips();});})(jQuery);</script>
  89. <script>
  90. $(document).ready(function () {$(window).scroll(function () {if ($(this).scrollTop() > 100) {$('.scrollup').fadeIn();} else {$('.scrollup').fadeOut();}});$('.scrollup').click(function () {$("html, body").animate({scrollTop: 0}, 600);return false;});});
  91. </script>
  92. <script>$(function(){$(".scroll").click(function(){$("html,body").animate({scrollTop:$("#post").offset().top},"2000");return false})})</script>
  93.  
  94.  
  95. <style type="text/css">
  96. .source{display:none;}
  97.  
  98. #s-m-t-tooltip {
  99.  
  100. max-width:300px;
  101. padding:6px;
  102. padding-left:8px;
  103. padding-right:8px;
  104. margin:15px 20px;
  105. font-size:9px;
  106. letter-spacing:1px;
  107. text-transform:uppercase;
  108. color:{color:sidebar text};
  109. background:{color:accent2};
  110. z-index:9999999;
  111.  
  112. }
  113.  
  114. .my-like {
  115. cursor:pointer;
  116. display:inline-block;
  117. vertical-align:top;
  118. background:transparent;
  119. color:{color:perma link};
  120. }
  121. .my-liked, .my-like:hover {
  122. background:transparent;
  123. color: red;
  124. cursor:pointer;
  125. display:inline-block;
  126. vertical-align:top;
  127. }
  128.  
  129. hr {
  130. border:1px solid #eee;
  131. width:180px;
  132. margin-top:20px;
  133. margin-bottom:20px;
  134. }
  135.  
  136. body {
  137. background: {color:background} url("{image:background}") fixed;
  138. {block:PermalinkPage}
  139. background: url("{image:perma bg}") fixed;
  140. {/block:PermalinkPage}
  141. color:{color:text};
  142. font-size:12px;
  143. font-family:Roboto;
  144. overflow-x:hidden;
  145. }
  146. b {text-transform:uppercase;}
  147.  
  148. a {
  149. text-decoration:none;
  150. color:{color:link};
  151. -webkit-transition: all 0.5s ease-out;
  152. -moz-transition: all 0.5s ease-out;
  153. -ms-transition: all 0.5s ease-out;
  154. -o-transition: all 0.5s ease-out;
  155. transition: all 0.5s ease-out;
  156. }
  157. a:hover {
  158. color:{color:link hover};
  159. -webkit-transition: all 0.5s ease-out;
  160. -moz-transition: all 0.5s ease-out;
  161. -ms-transition: all 0.5s ease-out;
  162. -o-transition: all 0.5s ease-out;
  163. transition: all 0.5s ease-out;
  164. }
  165.  
  166. #post {
  167. width:1150px;
  168. background:transparent;
  169. margin-left:auto;
  170. margin-right:auto;
  171. margin-top:55px;
  172. padding:20px;
  173. padding-top:50px;
  174. position:relative;
  175. z-index:99;
  176. }
  177.  
  178. .entry {
  179. width:500px;
  180. padding:30px;
  181. margin-bottom:50px;
  182. margin-left:290px;
  183. background:{color:post bg};
  184. border:1px solid {color:post borders};
  185. border-radius:3px;
  186. }
  187.  
  188. #page4 {
  189. height:auto;
  190. width:auto;
  191. letter-spacing:1px;
  192. margin-left:auto;
  193. margin-right:auto;
  194. margin-top:50px;
  195. margin-bottom:70px;
  196. font-size:10px;
  197. text-transform:uppercase;
  198. z-index:4;
  199. text-align:center;
  200. background:transparent;
  201. }
  202.  
  203. #page4 a{
  204. margin-left:1px;
  205. background:{color:post bg};
  206. border:1px solid {color:post borders};
  207. border-radius:3px;
  208. padding:10px;
  209. color:{color:text};
  210. text-decoration:none;
  211. -webkit-transition:all 0.8s ease-out;
  212. -moz-transition:all 0.8s ease-out;
  213. transition:all 0.8s ease-out;
  214. }
  215. #page4 a:hover{
  216. color:{color:post bg};
  217. background:{color:accent2};
  218. border:1px solid {color:accent2};
  219. -webkit-transition:all 0.8s ease-out;
  220. -moz-transition:all 0.8s ease-out;
  221. transition:all 0.8s ease-out;
  222. }
  223.  
  224. #notas {
  225. margin-top:0px;
  226. width:95%;
  227. height:200px;
  228. overflow-y:auto;
  229. padding:20px;
  230. text-transform:lowercase;
  231. margin-left:auto;
  232. margin-right:auto;
  233. float:center;
  234. }
  235.  
  236. .notes img {
  237. width: 15px;
  238. border-radius:100px;
  239. float:right;
  240. list-style:none;
  241. -webkit-transition: all 0.5s linear;
  242. -moz-transition: all 0.5s linear;
  243. transition: all 0.5s linear;}
  244. ol.notes, .notes li {
  245. border-bottom:1px solid {color:post borders};
  246. list-style:none;
  247. width: 100%;
  248. padding:10px;
  249. font-size:12px;
  250. margin-top: 5px;
  251. margin-left:0px;
  252. padding-left: 0px}
  253. .notes li:hover img {
  254. list-style:none;
  255. -webkit-transition: all 0.5s linear;
  256. -moz-transition: all 0.5s linear;
  257. transition: all 0.5s linear;}
  258.  
  259. /*tumblr controls*/
  260. #tumblr_controls, .tmblr-iframe{ z-index:9999999 !important;
  261. -webkit-filter:invert(100%); -moz-filter:invert(100%); -o-filter:invert(100%); -ms-filter:invert(100%); filter:invert(100%); position:fixed!important;
  262. right:0px!important; top:50px !important; margin-top:50px !important;
  263. -webkit-transition:all 0.6s ease-out;-webkit-transition: opacity 0.7s linear;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out}
  264. #tumblr_controls, .tmblr-iframe:hover{ z-index:9999999 !important; webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;
  265. -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%);}
  266. #tumblr_controls,.tmblr-iframe {{block:IndexPage}display:none!important;{/block:IndexPage}}
  267.  
  268. ol, ul {padding:0px;list-style-type:none;}
  269. ul li {position:relative;padding-left:20px;}
  270. ul li:before {
  271. content:'';
  272. position:absolute;
  273. display:block;
  274. top:8px;
  275. left:0px;
  276. width:10px;
  277. height:1px;
  278. background:{color:accent3};
  279. }
  280.  
  281. ::-webkit-scrollbar {height:5px; width:2px;}
  282. ::-webkit-scrollbar-track-piece { background-color:{color:background};}
  283. ::-webkit-scrollbar-thumb { background-color:{color:accent2};}
  284.  
  285. .quote {
  286. font-size:18px;
  287. text-align:center;
  288. padding-left:35px;
  289. padding-right:35px;
  290. padding:20px;
  291. padding-top:15px;
  292. }
  293. .qsub {font-size:13px;}
  294.  
  295. .ch {
  296. padding:15px;
  297. background:transparent;
  298. }
  299. .ch .ch1 {
  300. padding:10px;
  301. margin-bottom:5px;
  302. }
  303. .ch1{
  304. background:{color:post borders};
  305. border:1px solid {color:post borders};
  306. }
  307. .ch .ch1 b{
  308. color:{color:accent3};
  309. text-transform:uppercase;
  310. font-size:11px;}
  311.  
  312. h1 {
  313.  
  314. text-align:left;
  315. font-size:17px;
  316. text-transform:uppercase;
  317. margin-top:15px;
  318.  
  319. }
  320.  
  321. blockquote {
  322. margin-left:15px;
  323. padding-left:10px;
  324. border-left:2px solid {color:post borders};
  325. }
  326. blockquote img{max-width:300px !important; width:300px !important;}
  327.  
  328. .caption {padding:20px; padding-top:0px;}
  329. .tcaption {padding:20px; padding-top:0px;}
  330. .caption a{border-bottom:1px solid {color:accent3};}
  331. .caption a:hover {border-bottom:1px solid;}
  332.  
  333. .albumfoto{
  334.  
  335. float:left;
  336. width:80px;
  337. margin-top:5px;
  338. margin-left:10px;
  339.  
  340. }
  341. .albumfoto img{
  342.  
  343. width:80px;
  344. padding:7px;
  345. background:transparent;
  346. border-radius:100%;
  347.  
  348. }
  349. .audiodesc {
  350.  
  351. margin-left:100px;
  352. padding:10px;
  353. background:transparent;
  354. margin-top:15px;
  355. min-height:64px;
  356. font-weight:bold;
  357. margin-bottom:10px;
  358. font-size:9.5px;
  359. text-transform:uppercase;
  360.  
  361. }
  362. .audioplay {
  363.  
  364. position:absolute;
  365. overflow:hidden;
  366. max-width:30px;
  367. height:28px;
  368. background:transparent;
  369. margin-left:33px;
  370. margin-top:-65px;
  371.  
  372. }
  373. .pessoap {
  374. text-transform:uppercase;
  375. font-size:13px;
  376. font-weight:bold;}
  377. .pessoap a{
  378. color:{color:post bg};
  379. text-transform:uppercase;
  380. font-size:13px;
  381. font-weight:bold;
  382.  
  383. }
  384. .pessoapfoto img{
  385.  
  386. float:left;
  387. border-radius:100%;
  388. margin-top:-25px;
  389. margin-left:228px;
  390. padding:4px;
  391. background:{color:post borders};
  392. }
  393. .pergunta {
  394. background:{color:accent2};
  395. color:{color:post bg};
  396. padding:15px;
  397. padding-bottom:38px;
  398. margin-left:0px;
  399. border-bottom:2px solid {color:post borders};
  400. text-align:center;
  401. }
  402. .sresposta {
  403. padding:15px;
  404. padding-top:25px;
  405. padding-bottom:0px;
  406. background:transparent;
  407. border-top:2px solid {color:post borders};
  408.  
  409. }
  410.  
  411. #disqus_thread {
  412. margin-top:800px;
  413. width:500px;
  414. height:400px;
  415. margin-left:auto;
  416. margin-right:auto;
  417. padding:30px;
  418. background:{color:post bg};
  419. border:1px solid {color:post borders};
  420. border-radius:3px;
  421. margin-top:10px;
  422. text-align:center;
  423.  
  424. }
  425.  
  426. .seureblog2 {
  427. width:530px;
  428. height:16px;
  429. padding:15px;
  430. margin-left:-30px;
  431. margin-top:-30px;
  432. margin-bottom:30px;
  433. border-bottom:1px solid {color:post borders};
  434. background:#fbfbfb;
  435. text-align:left;
  436. text-transform:uppercase;
  437. font-size:10px;
  438. {block:PermalinkPage}
  439. display:none;
  440. {/block:PermalinkPage}
  441. }
  442. .seureblog2 a {font-weight:bold; color:{color:link} !important;}
  443. .seureblog {
  444. text-align:center !important;
  445. padding:15px;
  446. margin-left:-31px;
  447. margin-bottom:-31px;
  448. width:532px;
  449. border-top:1px solid {color:post borders};
  450. background:{color:accent2};
  451. text-align:left;
  452. text-transform:uppercase;
  453. font-size:11px;
  454. {block:PermalinkPage}
  455. display:none;
  456. {/block:PermalinkPage}
  457. }
  458. .seureblog a {margin-right:10px; color:{color:perma link}; }
  459.  
  460. .pagination {display:none;}
  461.  
  462. #navigation{
  463. background:transparent;
  464. text-align:left;
  465. margin-top:5px;
  466. margin-bottom:5px;
  467. padding:10px;
  468. padding-top:5px;
  469. padding-left:0px;
  470. width:229px;
  471. margin-left:auto;
  472. margin-right:auto;
  473. }
  474. #navigation a {
  475. position:relative;
  476. cursor:pointer;
  477. text-shadow:none;
  478. padding:6px;
  479. padding-top:10px;
  480. padding-bottom:10px;
  481. display:inline-block;
  482. color:{color:Text};
  483. background:transparent;
  484. width:90px;
  485. margin-bottom:4px;
  486. margin-left:10px;
  487. font-size:11px;
  488. border-bottom:1px solid {color:post borders};
  489. -webkit-transition:all 0.3s ease-out;
  490. -moz-transition:all 0.3s ease-out;
  491. transition:all 0.3s ease-out;
  492. }
  493. #navigation a:hover {
  494. text-shadow:none;
  495. color:{color:accent2};
  496. border-bottom:1px solid {color:accent3};
  497. -webkit-transition:all 0.3s ease-out;
  498. -moz-transition:all 0.3s ease-out;
  499. transition:all 0.3s ease-out;
  500. }
  501.  
  502. .link {
  503.  
  504. width:532px;
  505. margin-left:-31px;
  506. margin-top:-31px;
  507. border-top-left-radius:3px;
  508. border-top-right-radius:3px;
  509. padding:15px;
  510. background:{color:accent2};
  511. color:{color:post bg};
  512. text-align:center !important;
  513.  
  514. }
  515. .linktitle a{
  516.  
  517. font-size:25px;
  518. font-weight:bold;
  519. text-transform:uppercase;
  520. text-align:center !important;
  521. color:{color:post bg};
  522.  
  523. }
  524. .linkdesc {
  525.  
  526. height:auto;
  527.  
  528. }
  529.  
  530. .boxs {
  531.  
  532. margin-left:20px;
  533. margin-bottom:50px;
  534. width:250px;
  535. background:{color:post bg};
  536. padding:0px;
  537. border:1px solid {color:post borders};
  538. border-radius:2px;
  539.  
  540. }
  541.  
  542. #lef {
  543. {block:PermalinkPage}display:none;{/block:PermalinkPage}
  544. z-index:9;
  545. margin-top:0px;
  546. position:relative;
  547. float:left;
  548. left:50%;
  549. margin-left:-605px;
  550. width:270px;
  551. background:transparent;
  552. padding:5px;
  553.  
  554. }
  555.  
  556. #lef2 {
  557. {block:PermalinkPage}display:none;{/block:PermalinkPage}
  558. z-index:9;
  559. margin-top:0px;
  560. position:relative;
  561. float:right;
  562. margin-right:0px;
  563. width:270px;
  564. background:transparent;
  565. padding:5px;
  566.  
  567. }
  568.  
  569. .title {
  570. width:170px;
  571. float:left;
  572. margin-top:-58px;
  573. margin-left:50px;
  574. text-align:left;
  575. font-size:12px;
  576. padding:15px;
  577. font-weight:bold;
  578. color:{color:accent3};
  579. text-transform:uppercase;
  580. background:#fbfbfb;
  581. border-left-color:transparent;
  582. border-top:none;
  583. margin-bottom:20px;
  584. border-top-right-radius:2px;
  585. border-bottom:1px solid {color:post borders};
  586.  
  587. }
  588.  
  589. .pi {
  590. border-top-left-radius:2px;
  591. border-right-color:transparent;
  592. background:#fbfbfb;
  593. color:{color:accent3};
  594. border-bottom:1px solid {color:post borders};
  595. width:27px;
  596. margin-left:0px;
  597. margin-top:0px;
  598. margin-bottom:0px;
  599. padding:10px;
  600. padding-left:18px;
  601. padding-right:18px;
  602. font-size:30px;
  603. margin-right:10px;
  604. }
  605.  
  606. #sptitle {
  607. position:fixed;
  608. height:45px;
  609. padding:15px;
  610. padding-left:50px;
  611. background: {color:accent2} url("{image:header bg}") fixed;
  612. float:left;
  613. left:0px;
  614. top:0px;
  615. width:100%;
  616. z-index:999;
  617. border-bottom:1px solid {color:post borders};
  618. }
  619.  
  620. #sptitle a{
  621.  
  622. text-transform:uppercase;
  623. font-weight:bold;
  624. color:{color:sidebar text};
  625. font-size:26px;
  626. letter-spacing:0px;
  627. -webkit-transition:all 0.3s ease-out;
  628. -moz-transition:all 0.3s ease-out;
  629. transition:all 0.3s ease-out;
  630.  
  631. }
  632. #sptitle a:hover {
  633. color:{color:accent3};
  634. -webkit-transition:all 0.3s ease-out;
  635. -moz-transition:all 0.3s ease-out;
  636. transition:all 0.3s ease-out;
  637.  
  638. }
  639.  
  640. .nlinks {
  641. margin-top:-59px;
  642. margin-right:200px;
  643. margin-bottom:10px;
  644. float:right;
  645. letter-spacing:1px;
  646. text-align:right;
  647. font-weight:normal;
  648. text-transform:uppercase;
  649. width:auto;
  650. background:transparent;
  651. color:{color:sidebar text};
  652.  
  653. }
  654. .nlinks a{
  655. display:inline-block;
  656. color:{color:sidebar text};
  657. font-size:12px !important;
  658. padding-left:28px;
  659. padding-right:28px;
  660. padding:30px;
  661. transition: all 0.9s ease;
  662. -o-transition-transition: all 0.9s ease;
  663. -webkit-transition: all 0.9s ease;
  664. -moz-transition: all 0.9s ease;
  665.  
  666. }
  667. .nlinks a:hover {
  668. background:{color:sidebar text};
  669. color:{color:accent2};
  670. -webkit-transition: color 0.4s ease-out;
  671. -moz-transition: color 0.4s ease-out;
  672. }
  673.  
  674. #footer {
  675. {block:PermalinkPage}display:none;{/block:PermalinkPage}
  676. bottom:-30px;
  677. position:relative;
  678. margin-left:-30px;
  679. margin-bottom:-30px;
  680. width:102%;
  681. height:300px;
  682. padding: 30px;
  683. background-color: {color:accent2};
  684. color:{color:sidebar text};
  685. line-height:18px;
  686. letter-spacing:1px;
  687. font-size:12px;
  688. }
  689.  
  690. #descfooter {
  691.  
  692. width:700px;
  693. margin-left:auto;
  694. margin-right:auto;
  695. text-align:center;
  696. PADDING:5px;
  697.  
  698. }
  699.  
  700. .lf {
  701.  
  702. padding:10px;
  703. text-align:center;
  704. FLOAT:LEFT;
  705. width:600px;
  706. background:transparent;
  707.  
  708. }
  709.  
  710. .rg {
  711.  
  712. padding:10px;
  713. padding-bottom:0px;
  714. text-align:center;
  715. FLOAT:LEFT;
  716. width:600px;
  717. background:transparent;
  718.  
  719. }
  720.  
  721. .bt {
  722. padding-top:0px;
  723. padding:20px;
  724. margin-top:0px;
  725. text-align:left;
  726. float:left;
  727. width:600px;
  728. background:transparent;
  729. }
  730.  
  731. .tagged {
  732. background:transparent;
  733. text-align:left;
  734. margin-top:10px;
  735. }
  736. .tagged a {
  737. cursor:pointer;
  738. position:relative;
  739. text-shadow:none;
  740. margin:3px;
  741. padding:10px;
  742. padding-top:7px;
  743. padding-bottom:7px;
  744. border-radius:2px;
  745. font-size:9.5px;
  746. display:inline-block;
  747. text-align:left;
  748. text-transform:uppercase;
  749. color:{color:text};
  750. background:{color:post bg};
  751. border:1px solid {color:post borders};
  752. -webkit-transition:all 0.3s ease-out;
  753. -moz-transition:all 0.3s ease-out;
  754. transition:all 0.3s ease-out;
  755. }
  756. .tagged a:hover {
  757. text-shadow:none;
  758. background:{color:accent3};
  759. border-color:{color:accent3};
  760. color:{color:sidebar text};
  761. -webkit-transition:all 0.3s ease-out;
  762. -moz-transition:all 0.3s ease-out;
  763. transition:all 0.3s ease-out;
  764. }
  765.  
  766. #search form {outline: none; margin: 0px 0px 0px 0px;padding: 0}
  767. #search fieldset {outline: none; margin: 0;padding: 0;border: none;}
  768. #search p {color:{color:sidebar text};}
  769. #s {outline: none; background:transparent;width: 100px;height: 27px;border:none;
  770. text-transform: uppercase; font-family: Candal; font-size: 11px; color: {color:sidebar text}; float:left;display: inline-block; padding-left: 11px;padding-right: 6px;}
  771. #sform { outline: none; border:none; padding:4px 5px;}
  772.  
  773. #sh {
  774.  
  775. position:fixed;
  776. right:20px;
  777. z-index:9999;
  778. top:21px;
  779.  
  780. }
  781.  
  782. #cr {
  783. {block:PermalinkPage}display:none;{/block:PermalinkPage}
  784. bottom:-30px;
  785. position:relative;
  786. margin-left:-30px;
  787. margin-bottom:-30px;
  788. width:102%;
  789. height:15px;
  790. padding: 20px;
  791. text-align:center;
  792. background-color:{color:accent3};
  793. color:{color:sidebar text};
  794. text-transform:uppercase;
  795. font-weight:bold;
  796. letter-spacing:1px;
  797. font-size:11px;
  798. }
  799.  
  800. #cr a{padding:5px; color:{color:sidebar text};}
  801. #cr a:hover {background:{color:sidebar text}; color:{color:accent3};}
  802.  
  803. .partners {
  804. float:left;
  805. }
  806. .partners a{
  807. width:20px;
  808. background:{color:accent2};
  809. padding-left:10px;
  810. padding-right:10px;
  811. padding-top:11px;
  812. padding-bottom:11px;
  813. display:inline-block;
  814. font-size:14px;
  815. color:{color:post bg};
  816. margin:5px;
  817. -webkit-transition: all 0.6s ease-out;
  818. -moz-transition: all 0.6s ease-out;
  819. -ms-transition: all 0.6s ease-out;
  820. -o-transition: all 0.6s ease-out;
  821. transition: all 0.6s ease-out;
  822.  
  823. }
  824. .partners a:hover {
  825. background:{color:accent3};
  826. -webkit-border-radius: 100px 100px 100px 100px;
  827. border-radius: 100px 100px 100px 100px;
  828. -webkit-transition: all 0.6s ease-out;
  829. -moz-transition: all 0.6s ease-out;
  830. -ms-transition: all 0.6s ease-out;
  831. -o-transition: all 0.6s ease-out;
  832. transition: all 0.6s ease-out;
  833. -moz-transform: scale(0.9) rotate(360deg);
  834. -webkit-transform: scale(0.9) rotate(360deg);
  835. -o-transform: scale(0.9) rotate(360deg);
  836. -ms-transform: scale(0.9) rotate(360deg);
  837. transform: scale(0.9) rotate(360deg);
  838. }
  839.  
  840. .nois {
  841. width:210px;
  842. background:#fff;
  843. border:1px solid #eee;
  844. border-radius:2px;
  845. padding:10px;
  846. float:left;
  847. margin-bottom:5px;
  848.  
  849. }
  850. .nois img {
  851.  
  852. width:35px;
  853. margin-left:-10px;
  854. margin-top:-10px;
  855. margin-bottom:-13px;
  856. margin-right:10px;
  857. -webkit-border-radius: 2px 0px 0px 2px;
  858. border-radius: 2px 0px 0px 2px;
  859.  
  860. }
  861.  
  862. .si {
  863.  
  864. float:left;
  865. width:24px;
  866. max-width:24px;
  867. border-radius:100%;
  868. margin-top:-8px;
  869. margin-left:-7px;
  870. z-index:0;
  871. position:relative;
  872. padding:3px;
  873. background:transparent;
  874.  
  875. }
  876.  
  877. .si img{
  878.  
  879. max-width:24px;
  880. z-index:0;
  881. position:relative;
  882. float:left;
  883. width:24px;
  884.  
  885. }
  886.  
  887. .sit {
  888.  
  889. float:left;
  890. margin-left:6px;
  891. text-transform:lowercase;
  892. margin-top:1px;
  893. font-size:11px;
  894.  
  895.  
  896. }
  897. .sit a{color:{color:perma link};}
  898.  
  899.  
  900. {CustomCSS}
  901.  
  902. </style>
  903. <body>
  904.  
  905. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  906. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  907.  
  908. <script>
  909. $(function(){
  910. var $container = $('#post');
  911. $container.imagesLoaded(function(){
  912. $container.masonry({
  913. itemSelector: '.entry',
  914. });
  915. });
  916. $container.infinitescroll({
  917. itemSelector : ".entry",
  918. navSelector : "div.pagination",
  919. nextSelector : ".pagination a#next",
  920. loadingImg : "http://static.tumblr.com/nnc3xz0/eYDo4b927/loading5.gif",
  921. loadingText : "<em></em>",
  922. bufferPx : 10000,
  923. extraScrollPx: 12000,
  924. },
  925. // trigger Masonry as a callback
  926. function( newElements ) {
  927. var $newElems = $( newElements ).css({ opacity: 0 });
  928. // ensure that images load before adding to masonry layout
  929. $newElems.imagesLoaded(function(){
  930. $newElems.animate({ opacity: 1 });
  931. $container.masonry( 'appended', $newElems, true );});});});
  932. </script>
  933.  
  934. <div id="sh">
  935. <form action="/search" method="get">
  936. <input type="text" id="s" name="q" value="" placeholder="search">
  937. <i style="margin-top:10px; font-size:10px; text-align:right; float:right; z-index:00;" class="fa fa-search"></i>
  938. </form>
  939. </div>
  940.  
  941. <div id="sptitle"><a href="/">{Title}
  942. <div style="font-size:11px; color:{color:Accent3};">HTML • CSS • PS • TUTOS • THEMES</div>
  943. </a>
  944. <div class="nlinks">
  945. <a href="{text:headerlink1url}">{text:headerlink1title}</a>
  946. <a href="{text:headerlink2url}">{text:headerlink2title}</a>
  947. <a href="{text:headerlink3url}">{text:headerlink3title}</a>
  948. <a href="{text:headerlink4url}">{text:headerlink4title}</a>
  949. <a style="border:none;" href="{text:headerlink5url}">{text:headerlink5title}</a>
  950. </div></div>
  951. <div id="post">
  952.  
  953. <div id="lef">
  954.  
  955. <div class="boxs"><div class="pi"><li class="fa fa-bars"></li></div>
  956. <div class="title">navigation<div style="font-size:11px; font-weight:normal; text-transform:lowercase">more links</div></div>
  957. <div id="navigation">
  958. <a href="{text:Link1Url}">{text:Link1Title}</a>
  959. <a href="{text:Link2Url}">{text:Link2Title}</a>
  960. <a href="{text:Link3Url}">{text:Link3Title}</a>
  961. <a href="{text:Link4Url}">{text:Link4Title}</a>
  962. </div></div>
  963.  
  964. <div style="height:205px;" class="boxs"><div class="pi"><li class="fa fa-group"></li></div>
  965. <div class="title">Afiliados<div style="font-size:11px; font-weight:normal; text-transform:lowercase">nossos parceiros</div></div><div style="padding:20px; padding-top:15px;">
  966. <div class="partners">
  967. <a href="http://glamhelp.tumblr.com/" target="_blank" title="Glam Help">GH</a>
  968. <a href="http://singlethemes.tumblr.com/" target="_blank" title="Single Themes">ST</a>
  969. <a href="http://artdotcode.tumblr.com/" target="_blank" title="Art Code">AC</a>
  970. <a href="http://anyhs-themes.tumblr.com/" target="_blank" title="Anhys Themes">AH</a>
  971. <a href="http://infinitdesign.tumblr.com/" target="_blank" title="Infinit Design">ID</a>
  972. <a href="http://this-is-html.tumblr.com/" target="_blank" title="This is Html">TIH</a>
  973. <a href="http://tips-4you.tumblr.com/" target="_blank" title="tips 4 you">TY</a>
  974. <a href="#" target="_blank" title="Vem também!">PH</a>
  975.  
  976. </div>
  977. </div></div>
  978.  
  979. <div class="boxs"><div class="pi"><li class="fa fa-bar-chart"></li></div>
  980. <div class="title">statistics<div style="font-size:11px; font-weight:normal; text-transform:lowercase">blog statistics</div></div><div style="padding:15px;">{text:statistics}</div></div>
  981.  
  982. </div>
  983.  
  984. <div id="lef2">
  985.  
  986. <div class="boxs"><div class="pi"><li class="fa fa-youtube"></li></div>
  987. <div class="title">youtube<div style="font-size:11px; font-weight:normal; text-transform:lowercase">subscribe</div></div><div style="padding:10px; padding-bottom:15px; text-align:center; margin-left:auto; margin-right:auto;">
  988. <iframe width="210" height="auto" src="https://www.youtube.com/embed/Phhc0_A9Hi0" frameborder="0" allowfullscreen></iframe>
  989. </div></div>
  990.  
  991. <!-- nois -->
  992.  
  993. <div style="height:280px;" class="boxs"><div class="pi"><li class="fa fa-star-o"></li></div>
  994. <div class="title" style="margin-bottom:10px;">Members<div style="font-size:11px; font-weight:normal; text-transform:lowercase">o bonde</div></div><div style="padding:10px; padding-top:0px;">
  995. <div class="nois"><img src="{image:dai}" />dai, arcaicas</div>
  996. <div class="nois"><img src="{image:paula}" />paula, lembraveis</div>
  997. <div class="nois"><img src="{image:carol}" />carol, amplamente</div>
  998. <div class="nois"><img src="{image:juh}" />juh, melancolizava</div>
  999. <div class="nois"><img src="{image:gabi}" />gabi, clamam</div>
  1000. </div></div>
  1001.  
  1002.  
  1003.  
  1004.  
  1005. </div>
  1006.  
  1007. {block:Posts}
  1008.  
  1009. <div class="entry">
  1010.  
  1011. <div class="seureblog2">
  1012.  
  1013. <a href="{PostAuthorURL}"><img class="si" src="{PostAuthorPortraitURL-24}"> </a>
  1014. <div class="sit"><a href="{PostAuthorURL}">{PostAuthorName}</a> postou isso {TimeAgo}</div>
  1015.  
  1016. </div>
  1017.  
  1018. {block:Title} <h1>{TItle}</h1> {/block:Title}
  1019.  
  1020. {block:Text}
  1021. <div class="tcaption"> {Body} {block:Caption} {Caption} {block:Caption}</div>
  1022. {/block:Text}
  1023.  
  1024. {block:Photo}
  1025. <img src="{PhotoURL-500}" width="500" />
  1026. <div class="caption">{block:Caption} {Caption} {block:Caption}</div>
  1027. {/block:Photo}
  1028.  
  1029. {block:Photoset}
  1030. {Photoset-500}
  1031. <div class="caption">{block:Caption} {Caption} {block:Caption}</div>
  1032. {/block:Photoset}
  1033.  
  1034. {block:Quote}
  1035. <div class="quote">
  1036. "{Quote}"
  1037. <div class="qsub">— {block:Source} {Source} {/block:Source} {block:Caption} {Caption} {block:Caption}</div>
  1038. </div>
  1039. {/block:Quote}
  1040.  
  1041. {block:Link}
  1042. <div class="link">
  1043. <div class="linktitle"><a href="{URL}"{Target}>{Name}</a></div>
  1044. <div class="linkdesc">{block:Description} {Description} {/block:Description}</div></div>
  1045. {/block:Link}
  1046.  
  1047. {block:Chat}
  1048. <div class="ch">{block:Lines}<div class="ch1">{block:Label}<b>{Label}</b>
  1049. {/block:Label}{Line}</div>{/block:Lines}</div>
  1050. <div class="caption">{block:Caption} {Caption} {block:Caption}</div>
  1051. {/block:Chat}
  1052.  
  1053. {block:Audio}
  1054. <div class="albumfoto">
  1055. {block:AlbumArt}<img src="{AlbumArtURL}" />{/block:AlbumArt}
  1056. <div class="audioplay">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer} </div></div>
  1057.  
  1058. <div class="audiodesc">
  1059. {block:Artist}{Artist}{/block:Artist}</br>
  1060. {block:Album}{Album}{/block:Album}</br>
  1061. {block:TrackName}{TrackName}{/block:TrackName}</br>
  1062. {block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}
  1063. </div>
  1064.  
  1065. <div class="caption">{block:Caption} {Caption} {block:Caption}</div>
  1066. {/block:Audio}
  1067.  
  1068. {block:Video}
  1069. {Video-500}
  1070. {PlayCountWithLabel}
  1071. <div class="caption">{block:Caption} {Caption} {block:Caption}</div>
  1072. {/block:Video}
  1073.  
  1074. {block:Answer}
  1075. <div class="pergunta">
  1076. <div class="pessoap">{Asker} asked:</div>
  1077. {Question}
  1078. </div>
  1079. <div class="pessoapfoto"><img src="{AskerPortraitURL-40}" /></div>
  1080. <div class="sresposta">{Answer}</div>
  1081. <div class="caption">{block:Caption} {Caption} {block:Caption}</div>
  1082. {/block:Answer}
  1083.  
  1084. <div class="seureblog">
  1085.  
  1086. {block:Date}<a href="{Permalink}"><li class="fa fa-clock-o"></li>&nbsp;&nbsp;{DayOfMonthWithZero} {ShortMonth} {ShortYear}</a>{/block:Date}
  1087. <a href="{ReblogUrl}"><li class="fa fa-share"></li>&nbsp;&nbsp;Share</a>
  1088. <div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}">like</div>
  1089. <a style="margin-left:8px;" href="{Permalink}"><li class="fa fa-heart"></li>&nbsp;&nbsp;{NoteCountWithLabel}</a>
  1090.  
  1091. </div>
  1092.  
  1093.  
  1094. {block:PermalinkPage}
  1095.  
  1096. <div style="padding:15px; line-height:20px;">
  1097.  
  1098. {block:Date}<b><li class="fa fa-clock-o"></li>&nbsp;&nbsp;Posted:</b> {DayOfMonthWithZero} {Month}, {TimeAgo} {/block:Date}</br>
  1099.  
  1100. {block:RebloggedFrom}
  1101. <b><li class="fa fa-retweet"></li>&nbsp;&nbsp;Via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a></br>
  1102.  
  1103. <b><li class="fa fa-globe"></li>&nbsp;&nbsp;Source:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a></br>
  1104. {/block:RebloggedFrom}
  1105.  
  1106. {block:NoteCount}<b><li class="fa fa-heart"></li>&nbsp;&nbsp;Notes:</b> {NoteCount}{/block:NoteCount}
  1107. </br>
  1108. {block:HasTags}
  1109. <b><li class="fa fa-tags"></li>&nbsp;&nbsp;Tags:</b>
  1110. {block:Tags}
  1111. <a href="{TagURL}">#{Tag}</a>
  1112. {/block:Tags}{/block:HasTags}
  1113.  
  1114. </div>
  1115.  
  1116. {block:PostNotes}<div id="notas">{PostNotes}</div>{/block:PostNotes}</div>
  1117.  
  1118. {/block:PermalinkPage}
  1119.  
  1120. </div>
  1121. {block:IndexPage}
  1122. <script type="text/javascript">
  1123. var disqus_shortname = '{text:Disqus Shortname}';
  1124.  
  1125. (function () {
  1126. var s = document.createElement('script'); s.async = true;
  1127. s.type = 'text/javascript';
  1128. s.src = '//' + disqus_shortname + '.disqus.com/count.js';
  1129. (document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
  1130. }());
  1131. </script>
  1132. {/block:IndexPage}
  1133.  
  1134. {block:PermalinkPage}
  1135. {block:IfDisqusShortname}
  1136. <div id="disqus_thread"></div>
  1137. <script type="text/javascript">
  1138. /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
  1139. var disqus_shortname = '{text:Disqus Shortname}'; // Required - Enter shortname in Tumblr Theme Options
  1140. var disqus_url = '{Permalink}';
  1141.  
  1142. /* * * DON'T EDIT BELOW THIS LINE * * */
  1143. (function() {
  1144. var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
  1145. dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
  1146. (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
  1147. })();
  1148. </script>
  1149. {/block:IfDisqusShortname}
  1150. {/block:PermalinkPage}
  1151.  
  1152. {/block:Posts}
  1153. </div>
  1154.  
  1155.  
  1156. {block:IfNotInfiniteScroll}
  1157. <div id="page4">
  1158.  
  1159. {block:Pagination}
  1160. {block:PreviousPage}
  1161. <a href="{PreviousPage}">Back</a>
  1162. {/block:PreviousPage}
  1163.  
  1164. {block:JumpPagination length="5"}
  1165.  
  1166. {block:CurrentPage}
  1167. <a href="#" style="background:{color:accent2}; border:1px solid {color:accent2}; color:{color:post bg};"><span class="current_page">{CurrentPage}</a></span></a>
  1168. {/block:CurrentPage}
  1169.  
  1170. {block:JumpPage}
  1171. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1172. {/block:JumpPage}
  1173. {/block:JumpPagination}
  1174.  
  1175. {block:NextPage}
  1176. <a href="{NextPage}">Next</a>
  1177. {/block:NextPage}
  1178.  
  1179. <a href="#" class="scrollup"><li style="font-size:13px;" class="fa fa-angle-up"></li>&nbsp;&nbsp;Top</a>
  1180.  
  1181. {/block:Pagination}
  1182.  
  1183. </div>
  1184. {/block:IfNotInfiniteScroll}
  1185.  
  1186.  
  1187. {block:IfInfiniteScroll}
  1188. <div class="pagination">
  1189. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}
  1190. <a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
  1191. </div>
  1192. {/block:IfInfiniteScroll}
  1193.  
  1194. <div id="footer"><div id="descfooter">
  1195.  
  1196. <div class="lf">
  1197.  
  1198. <b>CONTACT:</B> helphtml@outlook.com </br>
  1199. <b>INFORMATION:</B> Licensed by creative commons</br>
  1200. <b>SINCE:</b> {CopyrightYears} </br>
  1201. <b>{Title} - All rights reserved. </br>
  1202. </div>
  1203.  
  1204. <div class="rg">
  1205.  
  1206. <a href="/">Home</a>&nbsp;|&nbsp;
  1207. <a href="/archive">Archive</a>&nbsp;|&nbsp;
  1208. <a href="/submit">Submit</a>&nbsp;|&nbsp;
  1209. <a href="/random">Random</a>
  1210.  
  1211. </div>
  1212.  
  1213. <div class="bt"><h2>Tags:</h2><div class="tagged">{text:Tags}</div></div>
  1214. </div></div>
  1215.  
  1216. <div id="cr">
  1217.  
  1218. &copy; Theme created by <a href="http://ttamplamente.tumblr.com/">carolaine vieira</a>
  1219.  
  1220. </div>
  1221.  
  1222. <div class="source">{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}</div>
  1223.  
  1224. </body>
  1225. </head>
  1226. </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!