API tools faq
paste
Advertisement
Guest User

Theme 28 - M3lancolizada

a guest
Oct 25th, 2014
109
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.94 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4.  
  5.  
  6.  
  7. <!-- THEME BASE POR POESIFICADAS.TUMBLR.COM
  8. CUSTOMIZADO POR M3LANCOLIZADA.TUMBLR.COM (M3LANCOLIZADA)
  9.  
  10. Regras:
  11. •Não retire os créditos
  12. •Não plagie
  13. •Não Disponibilize
  14. •Avise se pegar
  15.  
  16. Obrigado
  17.  
  18. <-- BASE THEME FOR POESIFICADAS.TUMBLR.COM
  19. CUSTOM FOR M3LANCOLIZADA.TUMBLR.COM (M3LANCOLIZADA)
  20.  
  21. rules:
  22. •Do not remove the credits
  23. •Do not plagiarise
  24. •Do not Deliver
  25. •Tell catch
  26.  
  27. Thanks
  28. -->
  29.  
  30.  
  31.  
  32.  
  33. <html><head>
  34. <meta name="image:background" content=""/>
  35. <meta name="color:Texts" content="#000" />
  36. <meta name="color:Posts Border" content="#fff" />
  37. <meta name="color:Scrollbar" content="#000" />
  38. <meta name="color:Information" content="#000" />
  39. <meta name="color:background" content="#fff"/>
  40. <meta name="color:Links" content="#666" />
  41. <meta name="color:Links Background" content="#eee" />
  42.  
  43.  
  44.  
  45. <meta name="text:Link1" content="url 1" />
  46. <meta name="text:Link1 Title" content="Inicio" />
  47. <meta name="text:Link2" content="url 2" />
  48. <meta name="text:Link2 Title" content="Escritos" />
  49. <meta name="text:Link3" content="url 3" />
  50. <meta name="text:Link3 Title" content="Gaveta" />
  51.  
  52.  
  53.  
  54. <title>{Title}</title>
  55. <link rel="shortcut icon" href="{favicon}">
  56. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  57. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  58.  
  59. <link type="text/css" href="csshake.css">
  60.  
  61. <link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Josefin+Sans|Baumans' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Poiret+One|Waiting+for+the+Sunrise' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=PT+Serif|Inconsolata' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Permanent+Marker|Maiden+Orange|Oranienbaum|Kreon|Tulpen+One|Graduate|Pacifico|Squada+One' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Playfair+Display' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Lora' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Playfair+Display|Kreon:300,400|Old+Standard+TT' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
  62. {block:IndexPage}<script type="text/javascript">Cufon.now(); </script><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script><script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script><script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script></script>{/block:IndexPage}
  63.  
  64.  
  65.  
  66.  
  67.  
  68.  
  69. <style type="text/css">
  70.  
  71. /*** corpo básico ***/
  72.  
  73.  
  74.  
  75.  
  76.  
  77. body {background-color:{color:background}; font-family:calibri; font-size:14px; color:{color:texts}; background:url('{image:background}'); background-attachment: fixed; background-repeat: no-repeat;background-size:100% 100%; background-position: fixed;}
  78.  
  79.  
  80. a {color: {color:texts}; text-decoration: none; text-transform: none;}
  81. a:hover {color: {color:texts};}
  82.  
  83. p {margin: 6px 0 0 0}
  84.  
  85. blockquote {margin: 0px; padding-left: 0px; }
  86. blockquote img{width: 400px!important; text-align:justify;}
  87.  
  88. /*** NO CONTAINER VOCÊ VAI AUMENTAR O WIDTH SE QUISER MAIS COLUNAS/ O MARGIN-TOP É A ALTURA DOS POSTS E O MARGIN-LEFT É A DISTÂNCIA DA ESQUERDA DO CONJUNTO DAS COLUNAS ***/
  89.  
  90. #container {width:650px; margin-top:5px; margin-left: 430px;}
  91.  
  92.  
  93.  
  94. /*** ESSA TAG POSTS SE REFERE AS CONFIGURAÇÕES DE UMA SÓ COLUNA (AO CONTRÁRIO DO CONTAINER QUE É O CONJUNTO DE COLUNAS) ***/
  95.  
  96. .posts {margin-bottom:20px;width:250px; padding:5px; position:relative; float:left; {block:PermalinkPage} width:500px;{/block:PermalinkPage}; }
  97.  
  98.  
  99. .posts img{width:250px; {block:PermalinkPage}width:500px; {/block:PermalinkPage};}
  100.  
  101.  
  102.  
  103.  
  104.  
  105.  
  106.  
  107.  
  108.  
  109. /*** O RESTO DO CÓDIGO É A MESMA COISA DO DE UMA COLUNA ***/
  110.  
  111.  
  112.  
  113.  
  114.  
  115.  
  116. h1 {font-family:calibri;text-align:center;padding:0px;color:{color:texts};line-height:18px;font-weight: normal; font-size: 14px;{block:PermalinkPage}padding:0px; {/block:PermalinkPage}}
  117. h1 a {color: {color:texts};}
  118.  
  119. .photoset {width:160px;}
  120. .source {display: none; color:#000;}
  121.  
  122. .quote:first-letter {font-style:none;font-family: ‘gabriola’;font-size: 18px;line-height:15px; font-weight:bold;}
  123. .quote {font-family:CALIBRI; font-size: 14px; letter-spacing:0px; line-height: 15px; padding:5px; text-align: justify; font-weight: normal;color: {color:texts}; background-color:transparent;}
  124. .sorc {font-family: calibri; font-size: 12px; line-height: 9px; padding:3px; text-align: left; font-weight: normal;color: {color:texts}; text-transform: bold; background-color:transparent; opacity:1;}
  125. .sorc a {text-transform: bold; color:{color:texts}}
  126.  
  127.  
  128.  
  129.  
  130.  
  131.  
  132. .posts .pergunta {background-color:transparent; padding:5px; color:{color:texts}; width:auto;line-height:10px;} .pergunta img {width:30px; float:left; padding-right:5px;padding-bottom:1px;} .posts .pergunta a {color:{color:texts};} .resposta {color:{color:texts};} .resposta img {max-width:100%;height:auto;} .pergunta img {border-radius: 10px;width:30px; float:left; padding-right:5px;padding-bottom:5px;}
  133.  
  134.  
  135. .album img { width:100px; height:100px; opacity:0.9; -webkit-filter: grayscale(40%);float:left; padding-right:10px;border:none}
  136. .pplayer1 {width:30px; height:25px; overflow:hidden; margin-top:137px; margin-left:140;}
  137. .pplayer2 {width:130px; height:27px; overflow:hidden; margin-top:-120px; margin-left:140; background-color:transparent;}
  138.  
  139.  
  140.  
  141.  
  142.  
  143.  
  144.  
  145.  
  146.  
  147. /*** info e tags ***/
  148.  
  149. #permalinks {width:400px; padding:18px; z-index:10; text-align:left; -webkit-transition: all 0.4s ease-out; -moz-transition: all .4s ease-out; }
  150.  
  151. .sorce {text-transform:uppercase;width:155px; height:auto; text-transform: lowercase; background-color:transparent; font-size:9px; line-height:12px; text-align:right; position: absolute; margin-left:5px; opacity:0; display:block; -webkit-transition: all 0.4s ease-out; -moz-transition: all .4s ease-out;color:{color:information}; font-family:consolas;text-transform:uppercase;margin-top:-1px; }
  152. .sorce a{font-size:9px; font-family:consolas;color:{color:information}; text-transform:uppercase;}
  153. .posts:hover .sorce {opacity:1; z-index:9; font-size:9px; text-transform:lowercase; -webkit-transition: all 0.4s ease-out; -moz-transition: all .4s ease-out;text-transform:uppercase;margin-top:-1px;}
  154.  
  155.  
  156.  
  157.  
  158.  
  159. </style>
  160.  
  161. <script type="text/javascript">
  162. $(window).load(function(){
  163. var $wall = $('#container');
  164. $wall.imagesLoaded(function(){
  165. $wall.masonry({
  166. itemSelector: '.posts',
  167. isAnimated : true
  168. });
  169. });
  170. $wall.infinitescroll({
  171. navSelector : "div#navigation",
  172. nextSelector : "div#navigation a#nextPage",
  173. itemSelector : '.posts',
  174. loadingImg : "http://static.tumblr.com/kwz90l7/bIdlst7ub/transparent.png",
  175. loadingText : " ",
  176. donetext : " ",
  177. extraScrollPx : 9000,
  178. bufferPx : 10000,
  179. debug : false,
  180. errorCallback: function() {
  181. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  182. }},
  183. function( newElements ) {
  184. var $newElems = $( newElements );
  185. $newElems.hide();
  186. $newElems.imagesLoaded(function(){
  187. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 750, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  188. });
  189. }); $('#container').show(500);
  190. });
  191. </script>
  192. <style>
  193.  
  194. /*** barra de rolagem ***/
  195.  
  196. iframe#tumblr_controls { position:fixed;white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:.3;transition: .8s ease-in-out; -webkit-transition: .8s ease-in-out;-moz-transition: .8s ease-in-out;-o-transition: .8s ease-in-out; }
  197.  
  198. ::-webkit-scrollbar{width:5px;height:5px;}
  199. ::-webkit-scrollbar-button:start:decrement
  200. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  201. ::-webkit-scrollbar-track-piece{background-color: transparent; -webkit-border-radius:0;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;}
  202. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color:{color:scrollbar};-webkit-border-radius:px;}
  203. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color:{color:scrollbar};-webkit-border-radius:px;}
  204.  
  205. iframe#tumblr_controls{top: 2px !important; position: fixed !important; right: 5px !important; margin: 0 0 0 0;}
  206.  
  207. /*** topbar ***/
  208.  
  209. /*** sidebar ***/
  210.  
  211. #sidebar {position:fixed; width: auto; height:auto; margin-left:200px;margin-top:48px;}
  212.  
  213. #frufru1 {height:70px; margin-top:10px; margin-left:-2px; position:fixed; text-align:left;}
  214. #frufru1 img { width:150px; height:185px; {block:IfOpacidade}opacity:0.9; -webkit-filter: grayscale(40%){/block:IfOpacidade};}
  215.  
  216.  
  217.  
  218.  
  219.  
  220.  
  221.  
  222.  
  223.  
  224. #description {position:fixed;width:175px;margin-top:50px;font-family:garamond;font-size:14px;color:{color:title};margin-left:-4px;width:150px;height:auto; background-color:transparent; text-align:left;}
  225.  
  226.  
  227.  
  228.  
  229.  
  230.  
  231.  
  232. #links {-webkit-transition: all 0.4s ease-out; -moz-transition: all .4s ease-out;z-index:10; position:fixed; width:150px; font-style:none; margin-top:250px; margin-left:200px; font-family:calibri; background-color:{color:links background}; font-size:9px; line-height:18px; padding:2px; text-align:center; text-transform:uppercase;opacity:1;}
  233. #links a {padding-right:10px; padding-left:10px;color:{color:links};text-transform:uppercase;}
  234.  
  235.  
  236. /*******feito por futurasuicida exclusivo ao helpdesigns. Não esqueça de creditar ao helpdesigns *********/
  237.  
  238. #linkborder {width:300px; height: 42px; float: left; margin-left:195px; margin-top:240px; text-align: center; position: fixed;}/**helpdesigns**/
  239.  
  240. #linkborder a {display: inline-block;float: left;font-family: Ubuntu Mono; font-size: 11px; text-align:center text-align: center; margin-top: 0px; height: 23px; width: 49px; color:#fff; line-height: 22px;text-transform: none;-webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; font-style: normal; background-color:#000; opacity:1; -webkit-transition: all 0.99s ease-in-out;-webkit-transition-duration: 0.8s;}/**helpdesigns**/
  241.  
  242. #linkborder a:hover{border-bottom:2px solid #FF3030; color:#fff;}/**helpdesigns**/
  243.  
  244.  
  245.  
  246. @font-face {
  247.  
  248. font-family: ‘Ubuntu Mono’;
  249.  
  250. font-style: normal;
  251.  
  252. font-weight: 400;
  253.  
  254. src: local(‘Ubuntu Mono’), local(‘UbuntuMono-Regular’), url(http://themes.googleusercontent.com/static/fonts/ubuntumono/v3/ViZhet7Ak-LRXZMXzuAfkYbN6UDyHWBl620a-IRfuBk.woff) format(‘woff’);
  255.  
  256.  
  257. }
  258.  
  259.  
  260.  
  261.  
  262.  
  263.  
  264.  
  265.  
  266.  
  267. </style>
  268.  
  269.  
  270.  
  271. <body>
  272.  
  273.  
  274.  
  275. <div id="linkborder">
  276.  
  277.  
  278. <a href="{text:link1}">{text:link1 title}</a>
  279.  
  280. <a href="{text:link2}">{text:link2 title}</a>
  281.  
  282. <a href="{text:link3}">{text:link3 title}</a>
  283.  
  284. </center></div></div>
  285.  
  286.  
  287. <div id="sidebar">
  288.  
  289. <div id="frufru1"><img src={image:sidebar}></div>
  290.  
  291.  
  292. <div id="description">{description}</div>
  293.  
  294.  
  295.  
  296.  
  297. </div>
  298.  
  299.  
  300. <div id="container">{block:Posts}
  301.  
  302. {block:Text}<div class="posts">{block:Title}<h1>{Title}</h1>{/block:Title}{body}<!-- permalink --->{block:IndexPage}<div class="sorce"><a href="{ReblogURL}" title="Reblog" target="_blank">Compartilhe</a> ↻ <span class="heart" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like">like</span> / <a href="{Permalink}">{block:NoteCount}{block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel} {block:IndexPage} {/block:IndexPage}</div> {/block:IndexPage}</div><!-- permalink --->{/block:Text}
  303.  
  304. {block:Photo}<div class="posts"><img src="{PhotoURL-500}">{block:IndexPage}<!-- permalink --->{block:IndexPage}<div class="sorce"><a href="{ReblogURL}" title="Reblog" target="_blank">Compartilhe</a> ↻ {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} {block:IndexPage} {/block:IndexPage}</div> {/block:IndexPage}</div><!-- permalink --->{/block:Photo}
  305.  
  306. {block:Photoset}<div class="posts">{Photoset}{block:IndexPage}<!-- permalink --->{block:IndexPage}<div class="sorce"><a href="{ReblogURL}" title="Reblog" target="_blank">Compartilhe</a> ↻ {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} {block:IndexPage} {/block:IndexPage}</div> {/block:IndexPage}</div><!-- permalink --->{/block:Photoset}
  307.  
  308.  
  309.  
  310. {block:Quote}<div class="posts"><div class="quote">{Quote}</div><div class="sorc">{Source}</div>{block:IndexPage}<!-- permalink --->{block:IndexPage}<div class="sorce"><a href="{ReblogURL}" title="Reblog" target="_blank">Compartilhe</a> ↻ <a href="{Permalink}">{block:NoteCount}{block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel} {block:IndexPage} {/block:IndexPage}</div> {/block:IndexPage}</div><!-- permalink --->{/block:Quote}
  311.  
  312.  
  313.  
  314.  
  315.  
  316. {block:Link}<div class="posts">{block:IndexPage}<h1><a href="{URL}">{Name}</h1></a>{block:Description}{Description}{/block:Description}<!-- permalink --->{block:IndexPage}<div class="sorce"><a href="{ReblogURL}" title="Reblog" target="_blank">Compartilhe</a> ↻ {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} {block:IndexPage} {/block:IndexPage}</div><br>{/block:IndexPage}<!-- permalink --->{/block:IndexPage}</div>{/block:Link}
  317.  
  318. {block:Chat}<div class="posts">{block:Title}<h1>{Title}</h1>{/block:Title}<div id="chat">{block:Lines}{block:Label}<b>{Label}</b> {/block:Label}{Line}<br>{/block:Lines}</div>{block:IndexPage}<!-- permalink --->{block:IndexPage}<div class="sorce"><a href="{ReblogURL}" title="Reblog" target="_blank">Compartilhe</a> ↻ {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} {block:IndexPage} {/block:IndexPage}</div> {/block:IndexPage}<!-- permalink --->{/block:IndexPage}</div>{/block:Chat}
  319.  
  320. {block:Audio}<div class="posts">{block:AlbumArt}<div class ="album"><img src="{AlbumArtURL}" /><p>{/block:AlbumArt}</div><div class="pplayer1">{AudioPlayerGrey}</div><div class="pplayer2"></div>{block:Caption}{Caption}{PlayCount}{/block:Caption}<p>{block:IndexPage}<!-- permalink --->{block:IndexPage}<div class="sorce"><a href="{ReblogURL}" title="Reblog" target="_blank">Compartilhe</a> / {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} {block:IndexPage} {/block:IndexPage}</div> {/block:IndexPage}<br></div><!-- permalink --->{/block:Audio}
  321.  
  322. {block:Video}<div class="posts">{Video-250}{block:IndexPage}<!-- permalink --->{block:IndexPage}<div class="sorce"><a href="{ReblogURL}" title="Reblog" target="_blank">Compartilhe/a> / {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} {block:IndexPage} {/block:IndexPage}</div> {/block:IndexPage}<br></div><!-- permalink --->{/block:Video}
  323.  
  324. {block:Answer}<div class="posts"><div class="pergunta" style="font-family:garamond; border-bottom:1px solid #{color:posts border};line-height:12px;"><a href="/" style="text-transform:uppercase; font-weight:bold;"><b><img src="{AskerPortraitURL-128}">{Asker}:</b></a> {Question}</div><div class="resposta">{Answer}</div><!-- permalink ---><div class="sorce"><a href="{Permalink}">{NoteCountWithLabel}</a>{block:RebloggedFrom} <a href="{ReblogParentURL}"><a href="{ReblogParentURL}"></a>{/block:RebloggedFrom} {block:ContentSource} <a href="{SourceURL}"></a>{/block:ContentSource} {block:IndexPage} / <a href="{ReblogUrl}" target="_blank">Compartilhe</a>{/block:IndexPage} </div><!-- permalink ---></div>{/block:Answer}
  325.  
  326. {block:PostNotes}<div id="permalinks">{TimeAgo}{NoteCountWithLabel}{block:HasTags}{block:Tags}<a href="{TagURL}" style="margin-right:5px;">{Tag}</a>{/block:Tags}{/block:HasTags}</div>{/block:PostNotes}{/block:posts}
  327.  
  328. {block:IndexPage}<div class="column navigation" id="navigation">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}</div>{/block:IndexPage}
  329.  
  330. <!---- Não RETIRE meus créditos ---->
  331. <a style=" font-size:11px; color:#aaa00;font-family:pf arma five;;position:fixed;bottom:30px;padding:3px;z-index:55554235555;border-bottom:0px dashed #e55ba9 ;left:10px;" href="http://m3lancolizada.tumblr.com/" title="Bom Uso ♥"><img src="http://media.tumblr.com/7aa2ee02ac568bc26a21c8a379a54fe5/tumblr_inline_mwdsekPwEe1s14gux.png"> M3lancolizada <font color="#e55ba9"></font></a></div>
  332. <!---- Não RETIRE meus créditos ---->
  333.  
  334.  
  335. </body></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!