API tools faq
paste
Advertisement
jujuubamorena

Theme 11 - M3lancolizada

jujuubamorena
Oct 2nd, 2014
196
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.91 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 POESIFICADA.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 POESIFICADA.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.  
  55. <title>{Title}</title>
  56. <link rel="shortcut icon" href="{favicon}">
  57. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  58. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  59.  
  60. <link type="text/css" href="csshake.css">
  61.  
  62. <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'>
  63. {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}
  64.  
  65.  
  66.  
  67.  
  68.  
  69.  
  70. <style type="text/css">
  71.  
  72. /*** corpo básico ***/
  73.  
  74.  
  75.  
  76.  
  77.  
  78. 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;}
  79.  
  80.  
  81. a {color: {color:texts}; text-decoration: none; text-transform: none;}
  82. a:hover {color: {color:texts};}
  83.  
  84. p {margin: 6px 0 0 0}
  85.  
  86. blockquote {margin: 0px; padding-left: 0px; }
  87. blockquote img{width: 400px!important; text-align:justify;}
  88.  
  89. /*** 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 ***/
  90.  
  91. #container {width:650px; margin-top:5px; margin-left: 430px;}
  92.  
  93.  
  94.  
  95. /*** ESSA TAG POSTS SE REFERE AS CONFIGURAÇÕES DE UMA SÓ COLUNA (AO CONTRÁRIO DO CONTAINER QUE É O CONJUNTO DE COLUNAS) ***/
  96.  
  97. .posts {margin-bottom:20px;width:270px; padding:5px; position:relative; float:left; {block:PermalinkPage} width:600px;{/block:PermalinkPage}; }
  98.  
  99.  
  100. .posts img{width:270px; {block:PermalinkPage}width:600px; {/block:PermalinkPage};}
  101.  
  102.  
  103.  
  104.  
  105.  
  106.  
  107.  
  108.  
  109.  
  110. /*** O RESTO DO CÓDIGO É A MESMA COISA DO DE UMA COLUNA ***/
  111.  
  112.  
  113.  
  114.  
  115.  
  116.  
  117. 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}}
  118. h1 a {color: {color:texts};}
  119.  
  120. .photoset {width:160px;}
  121. .source {display: none; color:#000;}
  122.  
  123. .quote:first-letter {font-style:none;font-family: ‘gabriola’;font-size: 18px;line-height:15px; font-weight:bold;}
  124. .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;}
  125. .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;}
  126. .sorc a {text-transform: bold; color:{color:texts}}
  127.  
  128.  
  129.  
  130.  
  131.  
  132.  
  133. .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;}
  134.  
  135.  
  136. .album img { width:100px; height:100px; opacity:0.9; -webkit-filter: grayscale(40%);float:left; padding-right:10px;border:none}
  137. .pplayer1 {width:30px; height:25px; overflow:hidden; margin-top:137px; margin-left:140;}
  138. .pplayer2 {width:130px; height:27px; overflow:hidden; margin-top:-120px; margin-left:140; background-color:transparent;}
  139.  
  140.  
  141.  
  142.  
  143.  
  144.  
  145.  
  146.  
  147.  
  148. /*** info e tags ***/
  149.  
  150. #permalinks {width:400px; padding:18px; z-index:10; text-align:left; -webkit-transition: all 0.4s ease-out; -moz-transition: all .4s ease-out; }
  151.  
  152. .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; }
  153. .sorce a{font-size:9px; font-family:consolas;color:{color:information}; text-transform:uppercase;}
  154. .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;}
  155.  
  156.  
  157.  
  158.  
  159.  
  160. </style>
  161.  
  162. <script type="text/javascript">
  163. $(window).load(function(){
  164. var $wall = $('#container');
  165. $wall.imagesLoaded(function(){
  166. $wall.masonry({
  167. itemSelector: '.posts',
  168. isAnimated : true
  169. });
  170. });
  171. $wall.infinitescroll({
  172. navSelector : "div#navigation",
  173. nextSelector : "div#navigation a#nextPage",
  174. itemSelector : '.posts',
  175. loadingImg : "http://static.tumblr.com/kwz90l7/bIdlst7ub/transparent.png",
  176. loadingText : " ",
  177. donetext : " ",
  178. extraScrollPx : 9000,
  179. bufferPx : 10000,
  180. debug : false,
  181. errorCallback: function() {
  182. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  183. }},
  184. function( newElements ) {
  185. var $newElems = $( newElements );
  186. $newElems.hide();
  187. $newElems.imagesLoaded(function(){
  188. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 750, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  189. });
  190. }); $('#container').show(500);
  191. });
  192. </script>
  193. <style>
  194.  
  195. /*** barra de rolagem ***/
  196.  
  197. 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; }
  198.  
  199. ::-webkit-scrollbar{width:5px;height:5px;}
  200. ::-webkit-scrollbar-button:start:decrement
  201. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  202. ::-webkit-scrollbar-track-piece{background-color: transparent; -webkit-border-radius:0;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;}
  203. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color:{color:scrollbar};-webkit-border-radius:px;}
  204. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color:{color:scrollbar};-webkit-border-radius:px;}
  205.  
  206. iframe#tumblr_controls{top: 2px !important; position: fixed !important; right: 5px !important; margin: 0 0 0 0;}
  207.  
  208. /*** topbar ***/
  209.  
  210. /*** sidebar ***/
  211.  
  212. #sidebar {position:fixed; width: auto; height:auto; margin-left:200px;margin-top:28px;}
  213.  
  214.  
  215.  
  216.  
  217.  
  218.  
  219.  
  220.  
  221.  
  222.  
  223.  
  224.  
  225.  
  226. #descryp {z-index:9;background:#000 transparent;padding:2px; margin-top:230px; margin-left:-7px; padding:2px; text-align:justify; position:fixed; font-family:garamond; font-size:14px; color:{color:title}; width:162px;}
  227.  
  228. #frufru1 {height:70px; margin-top:45px; margin-left:-27px; position:fixed; text-align:left;}
  229. #frufru1 img { width:178px; height:185px; {block:IfOpacidade}opacity:0.9; -webkit-filter: grayscale(40%){/block:IfOpacidade};}
  230.  
  231.  
  232.  
  233.  
  234.  
  235.  
  236. #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;}
  237. #links a {padding-right:10px; padding-left:10px;color:{color:links};text-transform:uppercase;}
  238.  
  239.  
  240. /*******by futurasuicida usar credite ao helpdesigns pegar sem credito vai ter porrada.*** *******/
  241.  
  242. #linkbasic {width:388px; height: 42px; float: left; margin-left:195px; margin-top:360px; text-align: center; position: fixed;}/*helpdesigns*/
  243.  
  244. #linkbasic a {DISPLAY: inline-block;float: left; font: 10px PF Arma Five;text-align:center text-align: center; margin-top: 0px; height: 23px; width: 54px; color:#ffffff; line-height: 22px;text-transform: none;-webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; font-style: normal; background-color: #000000; opacity:1; -webkit-transition: all 0.99s ease-in-out}/*helpdesigns*/
  245.  
  246. #linkbasic a:hover{background-color: #aaa;; color:#FFFFFF;-webkit-transition: all 0.99s ease-in-out;}/*helpdesigns*/
  247.  
  248. @font-face {src: url('http://static.tumblr.com/08l8cbl/bxDmeztw0/pf_arma_five.ttf'); font-family: PF Arma Five;}
  249.  
  250. /*proibida qualquer copia, ou plagios*//*não remova os créditos*/
  251.  
  252.  
  253.  
  254.  
  255.  
  256.  
  257.  
  258.  
  259.  
  260.  
  261. </style>
  262.  
  263.  
  264.  
  265. <body>
  266.  
  267.  
  268.  
  269. <div id="linkbasic">
  270.  
  271.  
  272. <a href="{text:link1}">{text:link1 title}</a>
  273.  
  274. <a href="{text:link2}">{text:link2 title}</a>
  275.  
  276. <a href="{text:link3}">{text:link3 title}</a>
  277.  
  278.  
  279.  
  280. </center></div></div>
  281.  
  282.  
  283. <div id="sidebar">
  284.  
  285. <div id="frufru1"><img src="http://2.bp.blogspot.com/-6eYtejpYKVU/Tjn13tM-E7I/AAAAAAAAAg8/dboaG14V9FI/s1600/C%25C3%25B3pia+de+brush+de+flor.png"></div>
  286.  
  287.  
  288.  
  289. <div id="descryp">{description}</div>
  290.  
  291.  
  292.  
  293.  
  294. </div>
  295.  
  296.  
  297. <div id="container">{block:Posts}
  298.  
  299. {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}
  300.  
  301. {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}
  302.  
  303. {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}
  304.  
  305.  
  306.  
  307. {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}
  308.  
  309.  
  310.  
  311.  
  312.  
  313. {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}
  314.  
  315. {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}
  316.  
  317. {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}
  318.  
  319. {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}
  320.  
  321. {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}
  322.  
  323. {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}
  324.  
  325. {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}
  326.  
  327. <!---- Não RETIRE meus créditos ---->
  328. <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>
  329. <!---- Não RETIRE meus créditos ---->
  330.  
  331.  
  332. </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!