API tools faq
paste
Advertisement
jujuubamorena

Theme 27 - M3lancolizada

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