API tools faq
paste
Advertisement
Carolaine_Vieira

heroine

Carolaine_Vieira
Dec 5th, 2015
685
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.48 KB | None | 0 0
raw download clone embed print report
  1. <!-- ─────────╔╗────────────╔╗
  2. ─────────║║───────────╔╝╚╗
  3. ╔══╦╗╔╦══╣║╔══╦╗╔╦══╦═╬╗╔╬══╗
  4. ║╔╗║╚╝║╔╗║║║╔╗║╚╝║║═╣╔╗╣║║║═╣
  5. ║╔╗║║║║╚╝║╚╣╔╗║║║║║═╣║║║╚╣║═╣
  6. ╚╝╚╩╩╩╣╔═╩═╩╝╚╩╩╩╩══╩╝╚╩═╩══╝
  7. ──────║║
  8. ──────╚╝
  9. -->
  10.  
  11.  
  12.  
  13. <head>
  14.  
  15. <script type="text/javascript"
  16. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  17. <script>
  18. $(document).ready(function() {
  19. //
  20. $('a.poplight[href^=#]').click(function() {
  21. var popID = $(this).attr('rel'); //Get Popup Name
  22. var popURL = $(this).attr('href'); //Get Popup href to define size
  23. var query= popURL.split('?');
  24. var dim= query[1].split('&');
  25. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  26. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close">CLOSE</a>');
  27. var popMargTop = ($('#' + popID).height() + 80) / 2;
  28. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  29. //Apply Margin to Popup
  30. $('#' + popID).css({
  31. 'margin-top' : -popMargTop,
  32. 'margin-left' : -popMargLeft
  33. });
  34. $('body').append('<div id="fade"></div>');
  35. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  36. return false;
  37. });
  38. $('a.close, #fade').live('click', function() {
  39. $('#fade , .popup_block').fadeOut(function() {
  40. $('#fade, a.close').remove(); //fade them both out
  41. });
  42. return false;
  43. });
  44. });
  45. </script>
  46.  
  47. <title>{title}</title>
  48. <link rel="shortcut icon" href="{Favicon}"/>
  49. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  50. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  51.  
  52. <meta name="color:Background" content="#fff"/>
  53. <meta name="color:Post Bg" content="#fff"/>
  54. <meta name="color:Perma bg" content="green"/>
  55. <meta name="color:Sidebar description" content="#888888"/>
  56. <meta name="color:Tooltip bg" content="#000000"/>
  57. <meta name="color:Tooltip text" content="#ffffff"/>
  58. <meta name="color:Search box text" content="#999"/>
  59. <meta name="color:Search box text typing" content="#fff"/>
  60. <meta name="color:Border" content="#fff"/>
  61. <meta name="color:Text" content="#999"/>
  62. <meta name="color:Link" content="#222222"/>
  63. <meta name="color:Bold" content="#191919"/>
  64. <meta name="color:Italic" content="#f54349"/>
  65. <meta name="color:Sidebar link" content="#191919"/>
  66. <meta name="color:Sidebar link hover" content="#ffffff"/>
  67. <meta name="color:Sidebar bg" content="#000"/>
  68. <meta name="color:Sidebar Border" content="#999"/>
  69. <meta name="color:Title" content="#888888"/>
  70. <meta name="color:Scrollbar" content="#000000"/>
  71.  
  72. <meta name="if:InfiniteScroll" content="0"/>
  73. <meta name="if:Tags" content="0"/>
  74. <meta name="if:Caption" content="0"/>
  75.  
  76. <meta name="image:Background" content=""/>
  77. <meta name="image:Sidebar image" content="http://i.imgur.com/TAFaAB3.png"/>
  78.  
  79. <meta name="text:Title 1" content="title 1" />
  80. <meta name="text:Title 2" content="title 2" />
  81. <meta name="text:Your Url" content="amplamente" />
  82. <meta name="text:link1" content="link 1" />
  83. <meta name="text:link1url" content="/" />
  84. <meta name="text:link2" content="link 2" />
  85. <meta name="text:link2url" content="/" />
  86. <meta name="text:link3" content="link 3" />
  87. <meta name="text:link3url" content="/" />
  88. <meta name="text:link4" content="link 4" />
  89. <meta name="text:link4url" content="/" />
  90. <meta name="text:link5" content="link 5" />
  91. <meta name="text:link5url" content="/" />
  92. <meta name="text:link6" content="link 6" />
  93. <meta name="text:link6url" content="/" />
  94. <meta name="text:Facebook Url" content="https://www.facebook.com/Exemplo" />
  95. <meta name="text:Instagram Url" content="/" />
  96. <meta name="text:Twitter Url" content="/" />
  97. <meta name="text:Pinterest Url" content="/" />
  98. <meta name="text:Tumblr Url" content="/" />
  99.  
  100. <script type="text/javascript"
  101. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  102. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  103. <script>
  104. (function($){
  105.  
  106. $(document).ready(function(){
  107. $("[title]").style_my_tooltips();
  108. });
  109. })(jQuery);
  110. </script>
  111.  
  112.  
  113. <link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
  114.  
  115. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  116. <link href='https://fonts.googleapis.com/css?family=Allura' rel='stylesheet' type='text/css'>
  117. <link href='https://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>
  118. <link href='https://fonts.googleapis.com/css?family=Cantarell:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
  119.  
  120. <style type="text/css">
  121.  
  122. h5 {
  123.  
  124. font-family:Montserrat;
  125. text-transform:uppercase;
  126. font-weight:normal;
  127. padding:10px;
  128. background:transparent;
  129. margin-top:0;
  130. margin-bottom:10px;
  131. text-align:left;
  132. font-size:20px;
  133.  
  134.  
  135. }
  136.  
  137. #fitinha {
  138.  
  139. z-index:0px;
  140. position:fixed;
  141. width:360px;
  142. height:50px;
  143. left:0px;
  144. top:80px;
  145. background:{color:sidebar bg};
  146. border:1px solid {color:sidebar border};
  147.  
  148. }
  149.  
  150. .lerd {
  151.  
  152. z-index:3;
  153. position:fixed;
  154. left:0px;
  155. top:95px;
  156. text-align:right;
  157. font-family:montserrat;
  158. text-transform:uppercase;
  159. font-size:11.5px;
  160. padding-bottom:20px;
  161. padding-top:0px;
  162. padding:5px;
  163. width:100px;
  164. background:transparent;
  165. font-weight:normal;
  166. color:{color:title};
  167.  
  168. }
  169.  
  170. blockquote {
  171. margin-left:20px;
  172. padding-left:10px;
  173. border-left:2px solid{color:text};
  174. background:transparent;
  175. }
  176.  
  177. .sform input {
  178. font-family:cantarell;
  179. text-transform:uppercase;
  180. font-size:8px;
  181. letter-spacing:2px;
  182. color:{color:search box text};
  183. text-align:center;
  184. background:{color:sidebar bg};
  185. border:0px;
  186. padding:7px;
  187. border:1px solid transparent;
  188.  
  189. }
  190.  
  191. ::-webkit-input-placeholder { color: {color:search box text}; }
  192. :-moz-placeholder { color: {color:search box text}; }
  193. ::-moz-placeholder { color: {color:search box text}; }
  194. :-ms-input-placeholder { color: {color:search box text}; }
  195.  
  196. .sbox {
  197. border-radius:2px;
  198. margin-left:0px;
  199. margin-top:20px;
  200. margin-bottom:10px;
  201. width:150px;
  202. float:center;
  203. -webkit-transition:all 0.3s ease-out;
  204. -moz-transition:all 0.3s ease-out;
  205. transition:all 0.3s ease-out;
  206. }
  207. .sbox:hover {
  208. border:1px solid {color:sidebar border};
  209. color:{color:search box text typing};
  210. -webkit-transition:all 0.3s ease-out;
  211. -moz-transition:all 0.3s ease-out;
  212. transition:all 0.3s ease-out;
  213. }
  214.  
  215. #sidepam {
  216.  
  217. position:fixed;
  218. width:351px;
  219. height:100%;
  220. left:0px;
  221. top:0px;
  222. text-align:center;
  223. background:{color:sidebar bg};
  224. border-right:1px solid {color:sidebar border};
  225. padding:5px;
  226. }
  227.  
  228. #sidepam img {
  229.  
  230. position:relative;
  231. z-index:5;
  232. height:100px;
  233. max-width:100px;
  234. float:center;
  235. padding:10px;
  236. margin-top:40px;
  237. background:{color:sidebar bg};
  238. border:1px solid {color:sidebar border};
  239. -webkit-transition: all 0.5s ease;
  240. -moz-transition: all 0.5s ease;
  241. -o-transition: all 0.5s ease;
  242. -ms-transition: all 0.5s ease;
  243. transition: all 0.5s ease;
  244. -webkit-filter: grayscale(0);
  245.  
  246. }
  247.  
  248. #sidepam img:hover {
  249. -webkit-filter: grayscale(0.7);
  250. transition:All .5s ease;
  251. -o-transition:All .5s ease;
  252. -webkit-transition: all 0.5s ease;
  253. -moz-transition: all 0.5s ease;
  254. -o-transition: all 0.5s ease;
  255. -ms-transition: all 0.5s ease;
  256. transition: all 0.5s ease;
  257.  
  258. }
  259.  
  260. #question {padding:0px; margin-bottom:5px;}
  261.  
  262. #asker {font-weight:normal; font-family:montserrat; text-transform:uppercase; font-style:normal; }
  263.  
  264. #asker a { text-align:center; font-size:12px; padding-bottom:5px;}
  265.  
  266. #asked_question {
  267. background-color:transparent;
  268. padding:10px;
  269. width:100%;
  270. font-style:italic;
  271. text-align:center;
  272. border:1px solid {color:text};
  273. padding-top:20px;
  274. padding-bottom:20px;
  275. margin-top:10px;
  276. min-height:20px;
  277. max-width:100px;
  278. {block:permalinkpage}
  279. max-width:490px;
  280. {/block:permalinkpage}
  281. margin-left:auto;
  282. margin-right:auto;
  283. padding-left:50px;
  284. padding-right:50px;
  285. }
  286.  
  287. #answer {
  288.  
  289. padding:2px 10px;
  290. background:transparent;
  291. margin-left:5px;
  292. }
  293.  
  294. #s-m-t-tooltip {
  295.  
  296. max-width:300px;
  297. padding:8px;
  298. margin:15px 20px;
  299. background-color: {color:tooltip bg};
  300. font-family: cantarell;
  301. font-size:9px;
  302. letter-spacing:2px;
  303. text-transform:uppercase;
  304. color:{color:tooltip text};
  305. z-index:9999999;
  306.  
  307. }
  308.  
  309. ul {
  310. list-style-image: url('https://36.media.tumblr.com/42d55f9956e3e8c0dfb590b504f4939d/tumblr_inline_nvag3cwzpq1rj4inb_540.png');
  311. }
  312.  
  313. b { color: {color:bold}; !important; }
  314.  
  315. i { color: {color:italic} ;!important; }
  316.  
  317. u { border-bottom: 1px solid {color:link}; text-decoration:none;}
  318.  
  319.  
  320. #social{
  321. background:transparent;
  322. margin-left:0px;
  323. margin-top:-9px;
  324. width:100%;
  325. text-align:center;
  326. }
  327. #social a {
  328. text-shadow:none;
  329. padding:5px;
  330. padding-left:8px;
  331. padding-right:8px;
  332. font-size:10px;
  333. margin-left:5px;
  334. display:inline-block;
  335. background:{color:sidebar bg};
  336. color:{color:Sidebar link};
  337. border:1px solid {color:Sidebar border};
  338. border-top:1px solid transparent;
  339. -webkit-transition:all 0.3s ease-out;
  340. -moz-transition:all 0.3s ease-out;
  341. transition:all 0.3s ease-out;
  342. }
  343. #social a:hover {
  344. border-radius:0px;
  345. text-shadow:none;
  346. -webkit-transition:all 0.3s ease-out;
  347. -moz-transition:all 0.3s ease-out;
  348. transition:all 0.3s ease-out;
  349. }
  350.  
  351. #calado{
  352. background:transparent;
  353. margin-left:auto;
  354. margin-right:auto;
  355. margin-top:30px;
  356. margin-bottom:-9px;
  357. width:250px;
  358. text-align:center;
  359. }
  360. #calado a {
  361. text-shadow:none;
  362. padding:5px;
  363. padding-left:6px;
  364. padding-right:6px;
  365. font-size:9px;
  366. font-weight:normal;
  367. margin-left:5px;
  368. text-transform:uppercase;
  369. font-family: cantarell;
  370. display:inline-block;
  371. text-align:center;
  372. border:1px solid {color:Sidebar border};
  373. border-bottom:1px solid transparent;
  374. color:{color:Sidebar link};
  375. -webkit-transition:all 0.3s ease-out;
  376. -moz-transition:all 0.3s ease-out;
  377. transition:all 0.3s ease-out;
  378. }
  379. #calado a:hover {
  380. text-shadow:none;
  381. box-shadow: inset 0px 25px {color:sidebar link hover};
  382. color: {color:Sidebar link};
  383. -webkit-transition:all 0.3s ease-out;
  384. -moz-transition:all 0.3s ease-out;
  385. transition:all 0.3s ease-out;
  386. }
  387.  
  388. #fitinha {
  389.  
  390. z-index:0px;
  391. position:fixed;
  392. width:361px;
  393. height:50px;
  394. left:-1px;
  395. top:80px;
  396. background:{color:sidebar bg};
  397. border:1px solid {color:sidebar border};
  398.  
  399. }
  400.  
  401. iframe#tumblr_controls {
  402. white-space:nowrap; filter: invert(100%); -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%);opacity:0.2;
  403. }
  404. #tumblr_controls{
  405. position:fixed !important;
  406. -webkit-filter: invert(100%)
  407. }
  408.  
  409. h1 {
  410. font-size:35px;
  411. color:{color:bold};
  412. font-family:allura;
  413. text-align:center;
  414. -webkit-transition:all 0.3s ease-out;
  415. -moz-transition:all 0.3s ease-out;
  416. transition:all 0.3s ease-out;
  417.  
  418. }
  419.  
  420. h1:hover {
  421. -webkit-transition:all 0.3s ease-out;
  422. -moz-transition:all 0.3s ease-out;
  423. transition:all 0.3s ease-out;
  424.  
  425. }
  426.  
  427. .optional {
  428. padding:10px;
  429. margin-top:10px;
  430. float:center;
  431. margin-bottom:10px;
  432. margin-left:auto;
  433. margin-right:auto;
  434. width:70%;
  435. background:transparent;
  436. font-size:10px;
  437. font-family: Cantarell ;
  438. text-align:justify;
  439. color:{color:sidebar description};
  440. border-top:1px solid {color:sidebar border};
  441. border-bottom:1px solid {color:sidebar border};
  442. }
  443.  
  444. .date {
  445. font-family:cantarell;
  446. line-height:20px;
  447. margin-top:5px;
  448. margin-right:5px;
  449. padding:5px;
  450. float:right;
  451. color:black;
  452. text-align:right;
  453. background-color:transparent;
  454. font-size:10px;
  455. {block:PermalinkPage}
  456. display:none;
  457. {/block:PermalinkPage}
  458. }
  459. .date a{color:black; text-shadow:none;}
  460. .date a:hover {border-bottom:none; cursor:help; text-shadow:none; color:{color:link hover}; }
  461.  
  462.  
  463. .reblog {
  464.  
  465. margin-top:7px;
  466. margin-left:10px;
  467. float:left;
  468. background-color:transparent;
  469. padding:5px;
  470. font-size:12px;
  471. color:gray;
  472. font-weight:bold;
  473. {block:PermalinkPage}
  474. display:none;
  475. {/block:PermalinkPage}
  476. }
  477. .likie {
  478. margin-top:6px;
  479. margin-left:5px;
  480. float:left;
  481. background-color:transparent;
  482. padding:5px;
  483. padding-bottom:3px;
  484. font-size:15px;
  485. color:#000;
  486. font-weight:bold;
  487. {block:PermalinkPage}
  488. display:none;
  489. {/block:PermalinkPage}
  490. }
  491. .reblog a{color:{color:post bg};}
  492.  
  493.  
  494. .popup_block{
  495. width:300px;
  496. display:none;
  497. background:transparent;
  498. padding:20px;
  499. float:left;
  500. position:fixed;
  501. top:50%;left:50%;
  502. z-index: 99999;
  503. }
  504.  
  505. *html #fade {position: absolute;}
  506. *html .popup_block {position: absolute;}
  507. #fade {
  508. display:none;
  509. position:fixed;
  510. left:400px;
  511. top:0px;
  512. width:100%;
  513. height:100%;
  514. z-index:9999;
  515. background:{color:background};
  516. opacity:1;
  517. }
  518.  
  519. a{
  520. color:{color:Link};
  521. text-decoration:none;
  522. -webkit-transition:all 0.3s ease-out;
  523. -moz-transition:all 0.3s ease-out;
  524. transition:all 0.3s ease-out;
  525. text-shadow:10px 0px transparent, -10px 0px transparent;
  526. }
  527.  
  528. a:hover{
  529. text-shadow:0px 0px {color:link}, 0px 0px {color:link};
  530. -webkit-transition:all 0.3s ease-out;
  531. -moz-transition:all 0.3s ease-out;
  532. transition:all 0.3s ease-out;
  533.  
  534. }
  535.  
  536. body{
  537. overflow-x:hidden;
  538. cursor:crosshair;
  539. color:{color:Text};
  540. font-family: 'Cantarell', sans-serif;
  541. font-size:10px;
  542. background: {color:background} url("{image:background}") fixed;
  543.  
  544. }
  545.  
  546. h2 {text-align:center; text-transform:none;}
  547.  
  548. #post{
  549. margin-top:20px;
  550. padding-top:0px;
  551. width:1100px;
  552. margin-left:400px;
  553. background-color:transparent;
  554. }
  555.  
  556. .entry{
  557. border:1px solid {color:border};
  558. padding:2px;
  559. background:{color:post bg};
  560. width:255px;
  561. height:auto;
  562. float:right;
  563. margin:5px;
  564. {block:PermalinkPage}
  565. width:505px;
  566. height:auto;
  567. {/block:PermalinkPage}
  568. -webkit-animation: tada 2s;
  569. -moz-animation: tada 2s;
  570. -ms-animation: tada 2s;
  571. -webkit-transition: 1s ease-in-out;
  572. -moz-transition: 1s ease-in-out;
  573. -o-transition: 1s ease-in-out;
  574.  
  575. }
  576.  
  577. .entry:hover {
  578. -webkit-transition: 1s ease-in-out;
  579. -moz-transition: 1s ease-in-out;
  580. -o-transition: 1s ease-in-out;
  581. }
  582. .entry img{
  583. float:right;
  584. margin:2px;
  585. margin-bottom:4px;
  586. max-width:250px;
  587. {block:permalinkpage}
  588. width:500px;
  589. max-width:500px;
  590. {/block:permalinkpage}
  591. }
  592.  
  593. .entry .perm{
  594.  
  595. text-transform:uppercase;
  596. background:{color:perma bg};
  597. padding:5px;
  598. text-align:left;
  599. margin-top:1px;
  600. margin-left:3px;
  601. width:240px;
  602. height:auto;
  603. position:absolute;
  604. opacity:0.0;
  605. font-family: inconsolata;
  606. {block:PermalinkPage}
  607. display:none;
  608. {/block:PermalinkPage}
  609. -webkit-transition:all 0.5s ease-out;
  610. -moz-transition:all 0.5s ease-out;
  611. transition:all 0.5s ease-out;
  612.  
  613. }
  614. .entry:hover .perm{
  615. opacity:1;
  616. -webkit-transition:all 0.5s ease-out;
  617. -moz-transition:all 0.5s ease-out;
  618. transition:all 0.5s ease-out;
  619.  
  620. }
  621.  
  622. ::-moz-selection { background: {color:text}; color: {color:background}; }
  623. ::selection { background: {color:text}; color: {color:background}; }
  624.  
  625. .pagination {
  626. display: none;
  627. }
  628.  
  629. ::-webkit-scrollbar-thumb:vertical {
  630. background-color: {color:scrollbar};
  631. width:1px;
  632. height:2px;
  633. border-left: 5px solid {color:background};
  634. border-right: 5px solid {color:background};
  635. }
  636.  
  637. ::-webkit-scrollbar-thumb:horizontal {
  638. background-color:{color:background};
  639.  
  640. }
  641.  
  642. ::-webkit-scrollbar {
  643. width: 11px;
  644. background-color:{color:background};
  645.  
  646. }
  647.  
  648. ::-webkit-scrollbar-track {
  649. background-color: #ddd;
  650. border-left: 5px solid {color:background};
  651. border-right: 5px solid {color:background};
  652. border-top: 15px solid {color:background};
  653. border-bottom: 15px solid {color:background};
  654. }
  655.  
  656.  
  657.  
  658. #notas {
  659. margin-top:10px;
  660. width:100%;
  661. height:200px;
  662. overflow-y:auto;
  663. background:transparent;
  664.  
  665. }
  666.  
  667. .notes img {
  668. width: 0px;
  669. height:0px;
  670. border-radius:100%;
  671. float:left;
  672. border-right:10px solid transparent;
  673. -webkit-transition: all 0.5s linear;
  674. -moz-transition: all 0.5s linear;
  675. transition: all 0.5s linear;}
  676. ol.notes, .notes li {
  677. height:20px;
  678. width: 100%;
  679. margin-top: 5px;
  680. margin-left:0px;
  681. padding-left: 0px}
  682. .notes li:hover img {
  683. -webkit-transition: all 0.5s linear;
  684. -moz-transition: all 0.5s linear;
  685. transition: all 0.5s linear;}
  686.  
  687. #uou {
  688. padding:20px;
  689. top:60px;
  690. left:950px;
  691. position:fixed;
  692. margin-bottom:10px;
  693. padding:2px:
  694. width:300px!important;
  695. height:auto;
  696. background:#fff;
  697. font-size:10px;
  698. font-family: 'calibri', ;
  699. text-transform:uppercase;
  700. text-align:center;
  701. color:{color:text};
  702.  
  703. }
  704.  
  705. h4 {
  706.  
  707. font-weight:bold;
  708. font-size:20px;
  709. text-transform:none;
  710. text-align:center;
  711. Font-family:allura;
  712. color:{color:Sidebar link};
  713.  
  714.  
  715. }
  716.  
  717.  
  718.  
  719. #poxa {
  720. margin-top:15px;
  721. margin-left:0px;
  722. text-align:center;
  723. margin-bottom:0px;
  724. }
  725.  
  726. #poxa a {
  727. padding:10px;
  728. padding-bottom:35px;
  729. font-size:10px;
  730. text-align:left;
  731. color:{color:sidebar link hover};
  732. border-bottom:2.5px solid transparent;
  733. margin-left:3px;
  734. width:auto;
  735. font-family:montserrat;
  736. text-transform:uppercase;
  737. display:inline-block;
  738. -webkit-transition:all 0.3s ease-out;
  739. -moz-transition:all 0.3s ease-out;
  740. transition:all 0.3s ease-out;
  741. text-decoration:none;
  742. text-shadow:none;
  743. }
  744.  
  745. #poxa a:hover {
  746. text-shadow:none;
  747. color:{color:sidebar link};
  748. border-bottom:2.5px solid;
  749. padding-bottom:10px;
  750. -webkit-transition:all 0.3s ease-out;
  751. -moz-transition:all 0.3s ease-out;
  752. transition:all 0.3s ease-out;}
  753.  
  754. .tags {
  755.  
  756. text-align:center;
  757. padding:2px;
  758. font-family:cantarell;
  759. font-size:9px;
  760. width:200px;
  761. background:transparent;
  762. float:center;
  763. margin-top:20px;
  764. margin-bottom:10px;
  765. margin-left:15px;
  766. text-transform:none;
  767.  
  768. }
  769.  
  770. .tags a{
  771.  
  772. padding:2px;
  773. margin-left:4px;
  774. color:#999;
  775.  
  776. }
  777.  
  778. .tags a:hover {
  779. font-style:italic;
  780. background:transparent;
  781. color:#999;
  782.  
  783. }
  784.  
  785. #top1 { position:fixed; font-weight:bold; width:auto; height:auto; letter-spacing: 1px; left:30px; bottom:20px; padding:8px; font-size:10px; text-transform:uppercase; font-family:montserrat; line-height:14px; text-align:right; z-index:99; color:{color:Sidebar link};background: transparent;}
  786.  
  787. #top1 a{color:{color:link};}
  788. #top1 a:hover {color:{color:Sidebar link hover}; }
  789.  
  790. #top3 { font-weight:bold; width:350px; height:auto; letter-spacing: 1px; float:center; font-family:montserrat; padding:0px; font-size:10px; text-transform:uppercase; text-align:center; color:{color:Sidebar link};background: transparent;}
  791.  
  792. #top3 a{color:{color:link};}
  793. #top3 a:hover {color:{color:Sidebar link hover}; }
  794.  
  795. .ff {
  796.  
  797. width:300px;
  798. height:300px;
  799. padding:10px;
  800. background:transparent;
  801. overflow-y:auto;
  802. overflow-x:hidden;
  803.  
  804. }
  805.  
  806. .ff img{
  807.  
  808. max-width:30px;
  809. padding:3px;
  810. background:{color:sidebar bg};
  811. border:1px solid {color:sidebar border};
  812. margin:5px;
  813. -webkit-transition: all 0.5s ease;
  814. -moz-transition: all 0.5s ease;
  815. -o-transition: all 0.5s ease;
  816. -ms-transition: all 0.5s ease;
  817. transition: all 0.5s ease;
  818. -webkit-filter: grayscale(0);
  819.  
  820. }
  821.  
  822. .ff img:hover {
  823.  
  824. -webkit-transition: all 0.5s ease;
  825. -moz-transition: all 0.5s ease;
  826. -o-transition: all 0.5s ease;
  827. -ms-transition: all 0.5s ease;
  828. transition: all 0.5s ease;
  829. -webkit-filter: grayscale(1);
  830.  
  831. }
  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. </head>
  839. <body>
  840.  
  841. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  842.  
  843. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script
  844.  
  845. src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  846.  
  847. <script>
  848. $(function(){
  849. var $container = $('#post');
  850. $container.imagesLoaded(function(){
  851. $container.masonry({
  852. itemSelector: '.entry',
  853. });
  854. });
  855. $container.infinitescroll({
  856. itemSelector : ".entry",
  857. navSelector : "div.pagination",
  858. nextSelector : ".pagination a#next",
  859. loadingImg : "",
  860. loadingText : "<em></em>",
  861. bufferPx : 10000,
  862. extraScrollPx: 12000,
  863. },
  864. // trigger Masonry as a callback
  865. function( newElements ) {
  866. var $newElems = $( newElements ).css({ opacity: 0 });
  867. // ensure that images load before adding to masonry layout
  868. $newElems.imagesLoaded(function(){
  869. $newElems.animate({ opacity: 1 });
  870. $container.masonry( 'appended', $newElems, true );
  871. });
  872. }
  873. );
  874. });
  875. </script>
  876.  
  877.  
  878. <div id="sidepam">
  879.  
  880. <div class="lerd">{text:title 1}</div>
  881. <div class="lerd" style="text-align:left; left:250px;">{text:title 2}</div>
  882.  
  883. <img src="{image:sidebar image}">
  884.  
  885. <div id="fitinha"></div>
  886.  
  887. <div id="calado">
  888.  
  889. <a href="/" title="home">.01</a>
  890. <a href="/archive" title="archive">.02</a>
  891. <a href="/submit" title="submit">.03</a>
  892. <a href="#?w=300" title="blogroll" rel="box1" class="poplight">.04</a>
  893. <a href="#?w=300" title="ask" rel="box2" class="poplight">.05</a>
  894. <a href="#?w=300" title="navigation" rel="box3" class="poplight">.05</a>
  895.  
  896. </div>
  897.  
  898. <div class="optional">{description}</div>
  899.  
  900. <div id="social">
  901.  
  902. <a href="{text:Facebook Url}" target="_blank" title="facebook"><li class="fa fa-facebook"></li>
  903. </a>
  904. <a href="{text:Instagram Url}" target="_blank" title="instagram"><li class="fa fa-instagram"></li>
  905. </a>
  906. <a href="{text:Twitter Url}" target="_blank" title="twitter"><li class="fa fa-twitter"></li></a>
  907. <a href="{text:Pinterest Url}" target="_blank" title="pinterest">
  908. <li class="fa fa-pinterest"></li>
  909. </a>
  910. <a href="{text:Tumblr Url}" target="_blank" title="tumblr"><li class="fa fa-tumblr"></li></a>
  911.  
  912. </div>
  913.  
  914. <form action="/search" method="get" class="sform" name="form">
  915. <input type="text" name="q" value="{SearchQuery}" class="sbox" placeholder="search here"/></form>
  916.  
  917. <div id="top3">
  918.  
  919. {block:IfNotInfiniteScroll}
  920. {block:Pagination}
  921. {block:PreviousPage}
  922. <a href="{PreviousPage}"><li style="font-size:8px" class="fa fa-chevron-left"></li>&nbsp;previous</a></br>
  923. {/block:PreviousPage}
  924. {block:NextPage}
  925. <a href="{NextPage}" id="next">next&nbsp;<li style="font-size:8px" class="fa fa-chevron-right"></li>
  926. </a>
  927. {/block:NextPage}
  928. {/block:Pagination}
  929. {/block:IfNotInfiniteScroll}
  930.  
  931. </div>
  932.  
  933. </div>
  934.  
  935. <div id="post">
  936. {block:Posts}
  937. <div class="entry">
  938.  
  939. <div class="perm">
  940.  
  941. <div class="reblog">{ReblogButton color="black" size="13"}</div>
  942. <div class="likie" >{LikeButton color="black" size="13"}</div>
  943. <div class="date"><a href="{permalink}" >{block:date}{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}{/block:date}</a>&nbsp;&nbsp;//
  944. &nbsp;&nbsp;<a href="{permalink}">{NoteCount}</a>
  945. </div> </div>
  946.  
  947. {block:Title}<h1>{Title}</h1>{/block:Title}
  948.  
  949. {block:Text}
  950. {Body}
  951. {/block:Text}
  952.  
  953. {block:Photo}
  954.  
  955. <a href="{permalink}" ><img src="{PhotoURL-500}" width="250"/></a>
  956.  
  957. {/block:Photo}
  958.  
  959. {block:Photoset}
  960.  
  961. {Photoset-250}
  962.  
  963. {/block:Photoset}
  964.  
  965.  
  966. {block:Quote}
  967. <div style="padding:10px;">
  968. {Quote}
  969. <div align="right">
  970. {block:Source}-{Source}{/block:Source}
  971. </div></div>
  972. {/block:Quote}
  973.  
  974.  
  975. {block:Video}
  976.  
  977. {Video-250}
  978. <br>
  979. {PlayCountWithLabel}
  980.  
  981. {/block:Video}
  982.  
  983.  
  984. {block:Link}
  985. <h1><a href="{URL}" class="link" {Target}>{Name}</a></h1>
  986. {block:Description}{Description}{/block:Description}
  987. {/block:Link}
  988.  
  989. {block:Chat}
  990. {block:Lines}
  991. {block:Label}
  992. <br><b>{Label}</b>
  993. {/block:Label}
  994. &nbsp;{Line}
  995. {/block:Lines}
  996. {/block:Chat}
  997.  
  998. {block:Audio}
  999. {AudioPlayerGrey}
  1000. <br><div align="right">{block:Artist}
  1001. Artist: {Artist}</div>
  1002. {/block:Artist}<br>
  1003. {/block:Audio}
  1004.  
  1005.  
  1006. {block:Answer}
  1007. <div id="question">
  1008. <div id="asked_question"><span id="asker">{Asker}</span>:<br>{Question}</div>
  1009. </div>
  1010. <div id="answer">
  1011. {Answer}
  1012. </div>
  1013. {/block:Answer}
  1014.  
  1015. {block:IFCaption}
  1016. <div style="padding:10px;">{block:Caption}{Caption}{/block:Caption}</div>
  1017. {/block:IFCaption}
  1018. {block:IfTags}<div class="tags">
  1019. {block:HasTags} </br> {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}</div>{/block:IfTags}
  1020.  
  1021. {block:PermalinkPage}
  1022. <br>
  1023. <center>{block:Date}{ShortMonth} {DayofMonth}{DayofMonthSuffix} {Year}{/block:Date}{block:NoteCount} </br> {NoteCount}{/block:NoteCount}{block:HasTags} </br> {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}</center>
  1024. <Br>
  1025. {block:PostNotes}<div id="notas">{PostNotes}</div>{/block:PostNotes}
  1026.  
  1027. </div>
  1028. {/block:PermalinkPage}
  1029. </div>
  1030.  
  1031.  
  1032. {/block:Posts}
  1033.  
  1034. </div>
  1035.  
  1036. {block:IfInfiniteScroll}
  1037. <div class="pagination">
  1038. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}
  1039. <a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
  1040. </div>
  1041. {/block:IfInfiniteScroll}
  1042.  
  1043. <div id="box3" class="popup_block">
  1044.  
  1045. <h5>extra links</h5>
  1046.  
  1047. <div id="poxa">
  1048.  
  1049. <a href="{text:link1url}" >{text:link1}</a>
  1050. <a href="{text:link2url}" >{text:link2}</a>
  1051. <a href="{text:link3url}" >{text:link3}</a>
  1052. <a href="{text:link4url}" >{text:link4}</a>
  1053. <a href="{text:link5url}" >{text:link5}</a>
  1054. <a href="{text:link6url}" >{text:link6}</a>
  1055.  
  1056. </div>
  1057.  
  1058. </div>
  1059.  
  1060. <div id="box2" class="popup_block">
  1061.  
  1062. <h5>Ask</h5>
  1063.  
  1064. <iframe frameborder="0" height="250px" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/{text:Your Url}.tumblr.com" width="100%"></iframe>
  1065.  
  1066. </div>
  1067.  
  1068. <div id="box1" class="popup_block">
  1069.  
  1070. <h5>following</h5>
  1071.  
  1072. <div class="ff">
  1073.  
  1074. {block:Following}{block:Followed}<a href="{FollowedURL}" title="{FollowedName}"><img src="{FollowedPortraitURL-48}">{/block:Followed}{/block:Following}
  1075.  
  1076. </div>
  1077.  
  1078. </div>
  1079.  
  1080.  
  1081. <div id="top1">
  1082. <a href="http://amplamente.tumblr.com/" title="tema feito por amplamente">am</a>
  1083. </div>
  1084.  
  1085.  
  1086. </body>
  1087. </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!