API tools faq
paste
Advertisement
EllenMaty

Mau Gosto Tumblr Theme

EllenMaty
Mar 2nd, 2014
344
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.89 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. Base Code by disikes.tumblr.com
  3.  
  4. Edit this code to your heart's content! You don't have to credit me anywhere on the theme, but if people ask where you got your base, it'd be cool if you sent them my way!
  5.  
  6. PLEASE DO NOT REDISTRIBUTE THIS CODE AS YOUR OWN BASE CODE.
  7. -->
  8.  
  9. <html lang="en">
  10. <head>
  11.  
  12. <meta name="image:Background" content=""/>
  13. <meta name="color:Background" content="#f4f4f4"/>
  14. <meta name="color:Post Title" content="#777"/>
  15. <meta name="color:Blog Title" content="#616161"/>
  16. <meta name="color:Link" content="#8a8a8a"/>
  17. <meta name="color:Hover" content="#ccc"/>
  18. <meta name="color:Sidelinks" content="#fff"/>
  19. <meta name="color:Text" content="#777777"/>
  20. <meta name="color:Post" content="#fff"/>
  21. <meta name="color:Post Shadow" content="#ddd"/>
  22. <meta name="color:Selec 1" content="#dae2e7"/>
  23. <meta name="color:Selec 2" content="#fff"/>
  24. <meta name="color:Scroll 1" content="#fff"/>
  25. <meta name="color:Scroll 2" content="#ccc"/>
  26. <meta name="color:Borders" content="#f4f4f4"/>
  27. <meta name="color:Side Bg" content="#ccc"/>
  28. <meta name="image:Side Bg" content=""/>
  29. <meta name="text:Link One URL" content=""/>
  30. <meta name="text:Link One Title" content="link"/>
  31. <meta name="text:Link Two URL" content=""/>
  32. <meta name="text:Link Two Title" content="link"/>
  33. <meta name="text:Link Three URL" content=""/>
  34. <meta name="text:Link Three Title" content="link"/>
  35. <meta name="if:Post Shadow" content="1"/>
  36. <meta name="if:Side Line" content="1"/>
  37. <meta name="if:Column Style" content="1"/>
  38.  
  39. <title>{Title}</title>
  40. {block:Description}
  41. <meta name="description" content="{MetaDescription}" />
  42. {/block:Description}
  43. <link rel="shortcut icon" href="{Favicon}">
  44.  
  45. <!---------------DO NOT REMOVE THESE SCRIPTS--------------->
  46.  
  47. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  48.  
  49. <script src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  50. <script>
  51. (function($){$(document)
  52. .ready(function(){$("[title]")
  53. .style_my_tooltips();});})
  54. (jQuery);
  55. </script>
  56.  
  57. {block:IndexPage}
  58. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  59. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  60.  
  61. <script type="text/javascript">
  62. $(window).load(function(){
  63. var $wall = $('#entries');
  64. $wall.imagesLoaded(function(){
  65. $wall.masonry({
  66. itemSelector: '#post, #post_photo',
  67. isAnimated : false
  68. });
  69. });
  70.  
  71. $wall.infinitescroll({
  72. navSelector : '#pagination',
  73. nextSelector : '#pagination a',
  74. itemSelector : '#post, #post_photo',
  75. bufferPx : 2000,
  76. debug : false,
  77. errorCallback: function() {
  78. $('#scroll').fadeOut('normal');
  79. }},
  80. function( newElements ) {
  81. var $newElems = $( newElements );
  82. $newElems.hide();
  83. $newElems.imagesLoaded(function(){
  84. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  85. });
  86. }); $('#entries').show(500);
  87. });
  88. </script>
  89. {/block:IndexPage}
  90.  
  91. <!---------------END SCRIPTS--------------->
  92.  
  93. <style type="text/css">
  94.  
  95.  
  96. /************EDIT BODY HERE************/
  97.  
  98. ::-webkit-scrollbar
  99. {width: 5px; height: 5px;}
  100. ::-webkit-scrollbar-track-piece
  101. {background-color: {color:Scroll 1};}
  102. ::-webkit-scrollbar-thumb:vertical
  103. {height: 5px; background-color: {color:Scroll 2};}
  104. ::-webkit-scrollbar-thumb:horizontal
  105. {width: 5px; background-color: {color:Scroll 2};}
  106.  
  107. ::-moz-selection {
  108. background:{color:Selec 1};
  109. color:{color:Selec 2};
  110. }
  111. ::selection {
  112. background: {color:Selec 1};
  113. color:{color:Selec 2};
  114. }
  115.  
  116. body{
  117. margin:0px;
  118. background-color: {color:Background};
  119. background-image: url({image:Background});
  120. background-attachment:fixed;
  121. background-repeat:100%;
  122. background-position:bottom-right;
  123. font-family: "Ronda";
  124. font-size:8px;
  125. letter-spacing:1px;
  126. text-align:left;
  127. line-height:11px;
  128. color: {color:Text};cursor:url('http://static.tumblr.com/p7wg3p9/o3jmn8igq/tiny.png'), auto;}
  129.  
  130.  
  131. @font-face {
  132.  
  133. font-family: "Ronda";
  134.  
  135. src: url('http://static.tumblr.com/gvd42r2/ywYm7jt3k/pf_ronda_seven.ttf');
  136.  
  137. }
  138.  
  139. a:link, a:active, a:visited{
  140. text-decoration: none; cursor:url('http://static.tumblr.com/p7wg3p9/o3jmn8igq/tiny.png'), auto;
  141. color: {color:Link};
  142. -moz-transition: 0.5s;
  143. -webkit-transition: 0.5s;
  144. -o-transition: 0.5s;}
  145.  
  146. a:hover {
  147. color:{color:Link};
  148. text-decoration:none; cursor: url('http://static.tumblr.com/p7wg3p9/EWnmn8ip5/tinyhover.png'), auto;
  149. -moz-transition: 0.3s;
  150. -webkit-transition: 0.3s;
  151. -o-transition: 0.3s;}
  152.  
  153. /************EDIT TOOLTIP HERE************/
  154.  
  155.  
  156. #s-m-t-tooltip {
  157. padding: 5px;
  158. padding-top: 4px;
  159. padding-right: 3px;
  160. display: none;
  161. font-size: 8px;
  162. text-align: center;
  163. letter-spacing:1px;
  164. margin-top:10px;
  165. margin-left: 10px;
  166. line-height: 8px;
  167. z-index: 999999999999;
  168. background: rgba({RGBcolor:Link}, 0.6);
  169. color: {color:Sidelinks};-moz-transition: 0.3s;
  170. -webkit-transition: 0.3s;
  171. -o-transition: 0.3s;}
  172.  
  173. /************EDIT POST POSITION/WIDTH HERE************/
  174.  
  175. /*To increase the amount of columns, increase the width. To decrease the amount of columns, decrease the width.*/
  176.  
  177. #entries{
  178. text-align:left;
  179. {block:IfColumnStyle}
  180. width:660px;
  181. {/block:IfColumnStyle}
  182. {block:IfNotColumnStyle}
  183. width:880px;
  184. {/block:IfNotColumnStyle}
  185. margin-left:0px;
  186. margin-top:10px;
  187. padding-bottom: 40px;
  188. position:relative;
  189. overflow: hidden;
  190. {block:PermalinkPage}
  191. width:550px;
  192. {/block:PermalinkPage}}
  193.  
  194. /************EDIT OVERALL POSTS HERE************/
  195.  
  196. /*When increasing the amount of columns, you may have to decrease the #post width. Otherwise, to get larger posts, increase the width.*/
  197.  
  198. #post{
  199. text-align:left;
  200. margin:10px;
  201. background:{color:Post};
  202. max-width: 100%;
  203. display:block;
  204. overflow:hidden;
  205. width:190px;
  206. padding: 5px;
  207. {block:PermalinkPage}
  208. width:500px;
  209. {/block:PermalinkPage}
  210. {block:IfPostShadow}
  211. box-shadow: 1px 1px 3px {color:Post Shadow};
  212. {/block:IfPostShadow}
  213. }
  214.  
  215. /*Do not delete #post img.*/
  216.  
  217. #post img{
  218. max-width:100%;
  219. opacity: 0.8;}
  220.  
  221. /*Edit the permalinks all posts.*/
  222.  
  223. .permalinke {
  224. position: relative;
  225. margin-top: -10px;
  226. text-transform: uppercase;
  227. text-align: right;
  228. border-top: 1px solid {color:Borders}; opacity: 0; -moz-transition: 0.5s;
  229. -webkit-transition: 0.5s;
  230. -o-transition: 0.5s;
  231. }
  232.  
  233. #post:hover .permalinke {
  234. margin-top: 3px; opacity: 1; -moz-transition: 0.5s;
  235. -webkit-transition: 0.5s;
  236. -o-transition: 0.5s;
  237. }
  238.  
  239. #post:hover .permalink{
  240. opacity: 1;
  241. -moz-transition: 0.5s;
  242. -webkit-transition: 0.5s;
  243. -o-transition: 0.5s;
  244. }
  245.  
  246. #post:hover .permabg{
  247. opacity: 1;
  248. -moz-transition: 0.5s;
  249. -webkit-transition: 0.5s;
  250. -o-transition: 0.5s;
  251. }
  252.  
  253. .permabg {
  254. width: 100%;
  255. height: 100%;
  256. top: 1px;
  257. position: absolute;
  258. background-color: rgba({RGBcolor:Post},0.6);
  259. opacity: 0;-moz-transition: 0.5s;
  260. -webkit-transition: 0.5s;
  261. -o-transition: 0.5s;
  262. }
  263.  
  264. .permalink{
  265. position: absolute;
  266. text-align: center;
  267. top: 46%;
  268. width: 100%;
  269. z-index: 9;
  270. margin-left: -5px;
  271. opacity: 0;
  272. padding-bottom: 2px;
  273. background-color: {color:Post};
  274. -moz-transition: 0.5s;
  275. -webkit-transition: 0.5s;
  276. -o-transition: 0.5s;}
  277.  
  278. @font-face {
  279. font-family: 'RondaB';
  280. src: url('http://static.tumblr.com/gvd42r2/xbkm7jt4b/pf_ronda_seven_bold.ttf');
  281. }
  282.  
  283. ul
  284. {
  285. list-style: square;
  286. }
  287.  
  288. ul li {
  289. margin-left: -15px;
  290. }
  291.  
  292. .permalink a{
  293. text-transform:uppercase;
  294. line-height:15px;
  295. top: -10px;}
  296.  
  297. .permalink a:hover {
  298. color: {color:Hover};
  299. }
  300.  
  301. /*Edit the titles on any text-based post.*/
  302.  
  303. .posttitle{
  304. font-size:8px;
  305. margin-left: 2px;
  306. font-family: "rondab";
  307. color:{color:Post Title};}
  308.  
  309. .posttitle a{
  310. color:{color:Post Title};}
  311.  
  312. /************EDIT QUOTE POSTS HERE************/
  313.  
  314. .quote{
  315. margin-right: 5px;}
  316.  
  317. .source{
  318. padding-top:5px;
  319. display:block;
  320. text-align:right;}
  321.  
  322.  
  323. /************EDIT ANSWER POSTS HERE************/
  324.  
  325. .ask{
  326. padding:4px;
  327. background:{color:Borders};}
  328. .asker{
  329. color:{color:Link};}
  330. .answer{
  331. margin-top:10px;}
  332.  
  333. /************EDIT AUDIO POSTS HERE************/
  334.  
  335. .audio{
  336. {block:IndexPage}width:180px;{/block:IndexPage}
  337. {block:PermalinkPage}width:239px;{/block:PermalinkPage};}
  338. .info{
  339. padding:2px 0px 1px 57px;}
  340. .i {
  341. letter-spacing:1px;
  342. font-size:8px;}
  343. .pl b,strong{
  344. text-transform:lowercase;
  345. font-size:9px;}
  346. .player{
  347. position:absolute;
  348. overflow:hidden;
  349. margin-top:0px;
  350. margin-left:15px;
  351. background:#ffffff;
  352. width:24px;
  353. height:23px;}
  354.  
  355. /************EDIT VIDEO POSTS HERE************/
  356. /***********DO NOT DELETE THIS CODE************/
  357.  
  358. .video-container {
  359. position:relative;
  360. padding-bottom:56.25%;
  361. padding-top: 30px;
  362. height:0;
  363. overflow:hidden;}
  364.  
  365. .video-container iframe,
  366. .video-container object,
  367. .video-container embed {
  368. position: absolute;
  369. top: 0;
  370. left: 0;
  371. width: 100%;
  372. height: 100%;}
  373.  
  374. /************EDIT CHAT POSTS HERE************/
  375.  
  376. .chat{
  377. line-height:12px;
  378. list-style:none;}
  379. .chat ul{
  380. list-style:none;
  381. padding:0px 5px;
  382. line-height:15px;}
  383. .chat ul li {
  384. margin-left: 0px;
  385. }
  386. .label{
  387. color:{color:Link};}
  388.  
  389. /************EDIT SIDEBAR HERE************/
  390.  
  391. #faixa {
  392. width: 100%;
  393. background-color: {color:Side Bg};
  394. background-image: url('{image:Side Bg}');
  395. position: fixed;
  396. z-index: 999;
  397. height: 40px;
  398. bottom: 0px;
  399. }
  400.  
  401. #sidebar{
  402. background: transparent;
  403. bottom:0px;
  404. margin-left: 60px;
  405. {block:IfColumnStyle}
  406. width: 540px;
  407. {/block:IfColumnStyle}
  408. {block:IfNotColumnStyle}
  409. width: 720px;
  410. {/block:IfNotColumnStyle}
  411. height: 40px;
  412. position:fixed;
  413. text-align:center;
  414. z-index: 999;}
  415.  
  416. .blogtitle{
  417. padding:5px;
  418. padding-bottom:0px;
  419. text-align:center;
  420. font-size:12px;
  421. margin-top: -2px;}
  422.  
  423. .blogtitle a{
  424. color: {color:Blog Title};}
  425.  
  426. .description{
  427. padding:5px;}
  428.  
  429. .links{
  430. margin-left:-10px;
  431. padding:0px 10px 5px 10px;
  432. margin-top:-2px;
  433. z-index: 9999;}
  434.  
  435. .links a{
  436. margin-left:10px;
  437. background-color: {color:Sidelinks};
  438. padding: 5px;
  439. padding-top: 0px;
  440. color: {color:Link};
  441. padding-right: 4px;
  442. padding-bottom: 2px;}
  443.  
  444. .links a:hover{
  445. color: {color:Sidelinks};
  446. background-color: {color:Blog Title};}
  447.  
  448. #linee {
  449. width: 100%;
  450. {block:ifsideline}
  451. background-color: {color:Sidelinks};
  452. {/block:ifsideline}
  453. bottom: 10px;
  454. position: fixed;
  455. height: 1px;
  456. z-index: 999;
  457. }
  458.  
  459. /************EDIT TEXT SETTINGS HERE************/
  460.  
  461. i, em{
  462. color:{color:Link};}
  463. b, strong{
  464. font-weight:normal;
  465. text-transform:uppercase;
  466. color:{color:Link};}
  467. ul,ol{
  468. margin:0px;
  469. margin-left:-5px;}
  470. p{
  471. padding:0px;
  472. margin:2px;}
  473. u{
  474. text-decoration:none;
  475. color:{color:Title};}
  476.  
  477. blockquote {
  478. margin: 0px;
  479. margin-top: 4px;
  480. padding-left: 5px;
  481. padding-bottom: 5px;
  482. padding-top: 2px;
  483. background: {color:Borders};}
  484.  
  485. /************DO NOT DELETE #SCROLL************/
  486.  
  487. #scroll{
  488. bottom:-20px;
  489. position: absolute;
  490. left: 50%;
  491. width:10px;
  492. height:5px;
  493. overflow:hidden;
  494. margin-bottom:80px;}
  495.  
  496. /************EDIT CREDIT HERE************/
  497.  
  498. #credit{
  499. position:fixed;
  500. left:10px;
  501. top:13px;
  502. text-transform:uppercase;
  503. font-size:8px;}
  504.  
  505. #credit a{
  506. background-color: {color:Post};
  507. color: {color:Link};
  508. padding: 3px;
  509. padding-left: 5px;
  510. {block:IfPostShadow}
  511. box-shadow: 1px 1px 3px {color:Post Shadow};
  512. {/block:IfPostShadow}}
  513.  
  514. ol.notes li.note img.avatar {
  515. vertical-align: -4px;
  516. margin-right: 10px;
  517. }
  518. ol.notes li.note {margin-bottom: 3px;}
  519. </style>
  520. </head>
  521.  
  522. <body>
  523.  
  524.  
  525. <center>
  526.  
  527. <div id="faixa"></div>
  528. <div id="linee"></div>
  529.  
  530. <div id="entries">
  531.  
  532. <!---------------EDIT SIDEBAR CONTENT HERE--------------->
  533.  
  534. <div id="sidebar">
  535. <div class="blogtitle"><a href="/">{Title}</a></div>
  536. <div class="description">{Description}</div>
  537. <div class="links">
  538. <a href="/">home</a>
  539. <a href="/ask">ask</a>
  540. <a href="{text:Link One URL}">{text:Link One Title}</a>
  541. <a href="{text:Link Two URL}">{text:Link Two Title}</a>
  542. <a href="{text:Link Three URL}">{text:Link Three Title}</a>
  543.  
  544. </div>
  545. </div>
  546.  
  547.  
  548. {block:Posts}
  549.  
  550. <!---------------DO NOT DELETE block:ContentSource--------------->
  551.  
  552. {block:ContentSource}
  553. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  554. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  555. {/block:SourceLogo}
  556. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  557. {/block:ContentSource}
  558.  
  559. <div id="post">
  560.  
  561. {block:Text}
  562. <div class="text">
  563. <div class="posttitle">{block:Title}{Title}{/block:Title}</div>
  564. {Body}{block:IndexPage}<div class="permalinke"><a href="{ReblogURL}">Reblog</a>&nbsp;&nbsp;<a href="{Permalink}">{NoteCount}</a>
  565. </div>{/block:IndexPage}</div>
  566. {/block:Text}
  567.  
  568. {block:Link}
  569. <a href="{URL}"><div class="posttitle">{Name}</div></a>
  570. {block:Description}{Description}{/block:Description}
  571. {block:IndexPage}<div class="permalinke"><a href="{ReblogURL}">Reblog</a>&nbsp;&nbsp;<a href="{Permalink}">{NoteCount}</a>
  572. </div>{/block:IndexPage}
  573. {/block:Link}
  574.  
  575. {block:Photo}
  576. {block:IndexPage}
  577. <img src="{PhotoURL-250}" alt="{PhotoAlt}" width="200px"/><div class="permabg"></div><div class="permalink"><a href="{ReblogURL}">Reblog</a>&nbsp;&nbsp;<a href="{Permalink}">{NoteCount}</a>
  578. </div>{/block:IndexPage}{block:PermalinkPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{/block:PermalinkPage}</a>
  579. {/block:Photo}
  580.  
  581. {block:Photoset}
  582. {block:IndexPage}{block:Photos}<a href="{Permalink}"><img src="{PhotoURL-500}" /></a>{/block:Photos}<div class="permalinke"><a href="{ReblogURL}">Reblog</a>&nbsp;&nbsp;<a href="{Permalink}">{NoteCount}</a>
  583. </div>{/block:IndexPage}
  584. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  585. {/block:Photoset}
  586.  
  587. {block:Quote}
  588. {Quote}{block:Source}
  589. <div class="source">{Source}</div>{/block:Source}
  590. {block:IndexPage}
  591. <div class="permalinke"><a href="{ReblogURL}">Reblog</a> /
  592. <a href="{Permalink}">{NoteCount}</a>{/block:IndexPage}</div>
  593. {/block:Quote}
  594.  
  595. {block:Answer}
  596. <div class="ask"><span class="asker">{Asker}:</span> {Question}</div>
  597. <div class="answer">{Answer}</div>
  598. {block:IndexPage}
  599. <div class="permalinke"><a href="{ReblogURL}">Reblog</a> /
  600. <a href="{Permalink}">{NoteCount}</a></div>{/block:IndexPage}
  601. {/block:Answer}
  602.  
  603. <!---------------EDIT CHAT POSTS HERE--------------->
  604.  
  605. {block:Chat}
  606. {block:Title}<div class="posttitle">{Title}</div>{/block:Title}
  607. <div class="chat"><ul>{block:Lines}
  608. <li class="person{UserNumber}">{block:Label}
  609. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>{block:IndexPage}<div class="permalinke"><a href="{ReblogURL}">Reblog</a> /<a href="{Permalink}">{NoteCount}</a></div>
  610. {/block:IndexPage}
  611. {/block:Chat}
  612.  
  613. <!---------------EDIT AUDIO POSTS HERE--------------->
  614.  
  615. {block:Audio}<div class="player">{AudioPlayerWhite}</div>
  616. <div class="info"><div class="i"><font face="rondab"><span{block:TrackName} style="display: none;"{block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}</div></font><div class="i">by<span{block:Artist} style="display: none;"{block:Artist}>Unknown</span> {block:Artist}{Artist}{/block:Artist}</div></div>{block:IndexPage}<div class="permalinke"><a href="{ReblogURL}">Reblog</a>&nbsp;&nbsp;<a href="{Permalink}">{NoteCount}</a></div>
  617. {/block:IndexPage}
  618. {/block:Audio}
  619.  
  620. {block:Video}
  621. {block:IndexPage}<div class="video-container">{Video-250}</div>
  622. <div class="permalinke"><a href="{ReblogURL}">Reblog</a>&nbsp;&nbsp;<a href="{Permalink}">{NoteCount}</a></div>{/block:IndexPage}
  623. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  624. {/block:Video}
  625.  
  626. {block:PermalinkPage}
  627. {block:Caption}{Caption}{/block:Caption}
  628. <p>{block:Date} {Month} {DayofMonthWithSuffix}, {Year}{/block:Date} {block:NoteCount}, {NoteCountWithLabel}{/block:NoteCount} {block:RebloggedFrom} , (via <a href="{ReblogParentURL}">{ReblogParentName}</a>){/block:RebloggedFrom}
  629. <div class="permapage">
  630. <div style="margin-top:10px; margin-left:-5px;">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>{/block:PermalinkPage}
  631. </div>
  632. {/block:Posts}
  633. </div>
  634.  
  635. {block:IndexPage}
  636. {block:Pagination}
  637. <div id="pagination">
  638. {block:NextPage}
  639. <a id="nextPage" href="{NextPage}"></a>
  640. {/block:NextPage}
  641. {block:PreviousPage}
  642. <a href="{PreviousPage}"></a>
  643. {/block:PreviousPage}
  644. </div>
  645. {/block:Pagination}
  646. {/block:IndexPage}
  647. </center>
  648. </body>
  649.  
  650. <div id="credit"><a href="http://thelittledanger.tumblr.com/" title="base: dislikes.tumblr.com | adaptação: elly">credit</a></div>
  651. </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!