API tools faq
paste
Advertisement
0Melancolizava

Theme exclusivo 1 para reluza

0Melancolizava
May 21st, 2015
239
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.49 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <!------ BASE POR ASUNA [LEMBRAVEIS.TUMBLR.BOM] CUSTOMIZADO POR MELANCOLIZAVA
  3. <head>
  4. <!------- aqui é a parte do appeareance ----------->
  5.  
  6. <meta name="color:text" content="#999">
  7. <meta name="color:frase" content="#000">
  8. <meta name="color:bordas" content="#000">
  9. <meta name="color:background" content="#fff">
  10. <meta name="color:links" content="#999">
  11. <meta name="color:linkshover" content="#999">
  12. <meta name="image:background" content="" />
  13. <meta name="image:foto" content="" />
  14. <meta name="text:frase" content="/" />
  15. <meta name="text:Link1" content="/" />
  16. <meta name="text:Link2" content="/" />
  17. <meta name="text:Link3" content="/" />
  18. <meta name="text:Link4" content="/" />
  19. <meta name="text:Link5" content="/" />
  20. <meta name="text:Link6" content="/" />
  21. <meta name="text:Link1 Title" content="link 1" />
  22. <meta name="text:Link2 Title" content="link 2" />
  23. <meta name="text:Link3 Title" content="link 3" />
  24. <meta name="text:Link4 Title" content="link 4" />
  25. <meta name="text:Link5 Title" content="link 5" />
  26. <meta name="text:Link6 Title" content="link 6" />
  27.  
  28. <link href='http://fonts.googleapis.com/css?family=Indie+Flower' rel='stylesheet' type='text/css'>
  29.  
  30. <title>{Title}</title>
  31. <link rel="shortcut icon" href="{Favicon}">
  32. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  33. {block:Description}
  34. <meta name="description"content="{MetaDescription}"/>
  35. {/block:Description}
  36.  
  37.  
  38. <!--- base por lembraveis.tumblr.com [credite se usar] ----->
  39. <style type="text/css">
  40.  
  41.  
  42.  
  43.  
  44. body { margin:0; font-family:'calibri'; font-size:12px; line-height:150%; color:{color:text}; background-color:{color:background};background-image: url('{image:background}');text-align:justify;background-repeat: no-repeat; background-attachment:fixed;background-size:100% 100%; margin-top:0px; margin-left:-100px;}
  45. a {text-decoration:none; color: {color:links}; -webkit-transition:all.70s ease-out; -moz-transition:all.70s ease-out; transition:all.70s ease-out;}
  46. a:hover {text-decoration:none; color:{color:linkshover}}
  47. /**** Aqui é a parte da barra de rolagem, edite do seu jeito ***/
  48.  
  49. ::-webkit-scrollbar-thumb:vertical{background-color:#999;height:12px;width:13px;}
  50. ::-webkit-scrollbar{height:14px;width:7px;background-color:{color:background}} p {margin:6px 0 0 0;}
  51. ul {list-style-type:circle;}
  52. blockquote {padding-left:10px; margin-left:0px; border-left:1px dotted {color:dtls};}
  53. /**** Aqui é a parte da edição dos posts / tamanho e quantidade de colunas [está mega básico] ***/
  54. #content {width:600px; padding:9px; margin-left:420px;}
  55.  
  56. .posts {{block:IndexPage} margin:2px; padding:18px; float:left; width:250px; background:{color:posts};{/block:IndexPage} {block:PermalinkPage} margin-left:40px; width:250px;padding:12px; {/block:PermalinkPage};;border: 0px solid {color:link};border-radius:0px;background:{color:post};border: 5px ridge {color:bordas};}
  57. /**** Aqui é a parte da edição das fotos/photosets e tal ***/
  58.  
  59. img {-webkit-transition-duration: .90s ease-out;opacity:1;}
  60. img:hover {/**** Aqui é a parte do hover das fotos dos posts do theme / se quiser mudar, é aqui ***/}
  61.  
  62. .photoset {max-width: 400px; margin-bottom: 2px;-webkit-transition-duration: .90s ease-out;opacity:1;}
  63. .photoset:hover {/**** Aqui é a parte do hover dos photosets dos posts do theme / se quiser mudar, é aqui ***/}
  64. /* aqui a parte dos títulos das postagens */
  65.  
  66. .h4 {font-size:14px; line-height:15px; text-align:left; color:{color:text}; font-family:arial;}
  67. .h4 a {color:{color:link};font-size:17px; line-height:15px; text-align:left; font-family:calibri;}
  68. .h4 a:hover {color:{color:lhover}}
  69. /**** Aqui é a parte dos quotes, já vai um efeito meu, mas edite a seu gosto [mude fontes, estilos, essas coisas] ***/
  70.  
  71. .pquote{font-size:12px; font-family:arial; line-height:18px; margin-top:-1px;text-align:justify;font-weight:; font-style:;letter-spacing:0;font-style:normal; color: {color:text};border-bottom: 0px solid {color:text};text-transform:; border-bottom: 2px solid #ccc;}
  72. .pquotesource {font-family:'calibri';font-size:13px;text-align:left;padding:0px;margin-top:3px;font-style:;letter-spacing:0; background:#;color: {color:dtls}}
  73. /**** Aqui é a parte da ask [coloque algum estilo de alguém/algum efeito, vc que sabe ***/
  74. /*ESTILO DE ASK POR MAY, DO MIR4GEM.TUMBLR.COM E DO HTML-PARTY.TUMBLR.COM! É BOM NÃO TIRAR ISSO AQUI :@@ */
  75. .boxask {background: #e9e9e9; padding: 10px; font: normal 11px georgia; text-align:left; border-radius: 7px; z-index: 1;}
  76. .seta {background: #e9e9e9; width: 10px; height: 10px; -webkit-transform: rotate(45deg); margin-left: 20px; margin-top: -5px; z-index: 1;}
  77. .perguntou {font-size: 8px; font-family: "handy"; text-transform: uppercase;margin-left: 14px;}
  78. .perguntou img {-webkit-border-radius: 5px;
  79. -moz-border-radius: 5px;
  80. border-radius: 5px;}
  81. .resposta {background: transparent; width:98%;padding: 2px;}
  82. /**** Aqui é a parte dos notes, é meu tbm. Você pode/deve mudar, se quiser, esse é simples. Lembre-se: se mudar a div aqui, mude em cada block de posts. Se adicionar outros estilos de notes, ALTERE NOS BLOCKS também ou então não pega e buga ***/
  83.  
  84. .posts .qts {position: absolute;bottom:-6px;text-align:center;font-family:arial;font-size:10px;width:200px;height:10px;letter-spacing:2px;opacity:0;padding: 3px 6px 6px 0px;color:{color:links};background:#fff;{block:indexpage}-webkit-transition: 0.9s;-moz-transition: 0.9s;-o-transition: 0.9s;transition: 0.6s;margin-left:25px;}
  85. .posts:hover .qts{opacity:1;-webkit-transition: 0.9s;-moz-transition: 0.9s;-o-transition: 0.9s;transition: 0.9s;{/block:indexpage};}
  86.  
  87. /**** Aqui não tem necessidade de apagar ***/
  88. #infscr-loading {bottom:-70px; position:absolute; left:50%; margin-left:-8px; width:16px; height:20px; overflow:hidden; margin-bottom:50px;}
  89. #info {width:500px; margin:5px auto;}
  90. .postnotes {display:block; margin-bottom:3px;}
  91. #mais {width:500px; margin:2px auto;}
  92. /*** base por asuna [lembraveis.tumblr.com] parte dos chats/video/audio ***/
  93. .player {background:{color:detalhes};text-align:left}
  94. .chat {line-height: 13px; list-style: none }
  95. .chat ul {line-height: 13px; list-style: none; padding: 1px; line-height:14px;}
  96. .person1 {color: {color:text}; padding: 2px; background: #;border-bottom: 1px dotted {color:dtls}}
  97. .person1 .label {font-weight: bold; color:{color:text}}
  98. .person2 {color: {color:text}; padding: 2px; }
  99. .person2 .label {font-weight: bold; color:{color:text}}
  100. ol.notes {padding:0px; margin:0px; list-style-type:none; border-bottom: solid 0px }
  101. ol.notes li.note {border-top:solid 0px ; padding:5px;}
  102. ol.notes li.note img.avatar {vertical-align:-4px; margin-right:10px; width:17px; height:17px;}
  103. ol.notes li.note span.action {font-weight:normal;}
  104. ol.notes li.note .answer_content {font-weight:normal;}
  105. ol.notes li.note blockquote {padding-left:10px; margin:5px 0px 5px 15px; border-left:2px solid }
  106. ol.notes li.note blockquote a {text-decoration:none;}
  107. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  108. /*** aqui tá só os links, tirei a sidebar pra vc editar. Tá os links, mas edita pelamor, editaa ***/
  109.  
  110.  
  111. .linksdap {;margin-top:100px;margin-left:5px;text-align:center;font-size:10px;font-family:cambria;;position:fixed;letter-spacing:2px;height:20px;line-height:18px;color: {color:text}}
  112. .linksdap a:hover {font-style:italic;letter-spacing:3px;}
  113.  
  114.  
  115.  
  116. #pside {text-align: justify;margin-top:80px;width:180px;padding:0px;position: fixed;margin-left:180px;background: transparent;z-index:999; }
  117. ul {margin-bottom: .75em;}
  118.  
  119. #pfotinha {margin-top:5px;margin-left:-0px; position:relative; text-align:center;}
  120. #pfotinha img { width:150px; height:180px; border: 5px ridge {color:bordas};; }
  121.  
  122. #title {font-family: 'Indie Flower', cursive; font-size: 18px;color:{color:frase};line-height: 1.5em;margin-top:-0px;margin-left:12px;width:150px;text-align:center;border: 5px ridge {color:bordas};}
  123.  
  124. #description {line-height:17px;color:{color:descricao};padding-left:5px;padding-right:5px;margin-left:05px; margin-top:0px; text-align:justify; font-size:13px;border-bottom:1px ;}
  125.  
  126.  
  127.  
  128. /*******by futurasuicida usar credite ao helpdesigns pegar sem credito vai ter porrada.*** *******/
  129. #linkzoom {position: relative; width:205px; margin-left:0px; margin-top:0px; padding: 0px; text-align: center;}
  130. #linkzoom a {float: left; display: block; letter-spacing:1px; font-size:12px; font-family:Calibri; text-align: center; margin-left:-4px; color:{color:links}; line-height:25px;-webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; height:25px;width:65px;background-color:;}
  131. #linkzoom a:hover {-webkit-transition: all 0.9s ease-out; color:#f196c8; -webkit-transition: all 0.9s ease-out;font-size:14px; }
  132. /*helpdesigns*/
  133.  
  134. .header {font-family:'Calibri', sans-serif; font-size:10px; text-transform:uppercase; position:absolute; z-index:9; width:200px; left:0px; bottom:10px; padding:3px;transition:all 1s ease; opacity:0; }
  135. .post:hover .header {bottom:-0px; padding:3px; background: #fff;opacity:1; border-radius:2px;}
  136. .hreblog {float:left; padding-right:10px; ;}
  137. .hperma {float:right; padding-right:10px;}
  138.  
  139. </style>
  140. <!-- aqui tá bloqueado o botão direito do mouse, quiser tirar procura um tuto ---->
  141. <body oncontextmenu="return false" onkeydown="return false">
  142. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  143. <!-- base por asuna [lembraveis.tumblr.com] credite, se usar ---->
  144.  
  145.  
  146. <div id="pside">
  147. <div class="text">
  148.  
  149.  
  150. <div id="title">{text:frase}</div>
  151.  
  152.  
  153. <div id="pfotinha"><img src="{image:foto}"></div>
  154.  
  155.  
  156. <div id="linkzoom">
  157.  
  158. <a href="{text:link1}">{text:link1 title}</a>
  159. <a href="{text:link2}">{text:Link2 Title}</a>
  160. <a href="{text:link3}">{text:link3 Title}</a>
  161.  
  162. <a href="{text:link4}">{text:link4 Title}</a>
  163. <a href="{text:link5}">{text:link5 Title}</a>
  164. <a href="{text:link6}">{text:link6 Title}</a>
  165.  
  166.  
  167.  
  168. </div></div></div>
  169. <a style="position:fixed; right:45px; bottom:60px; font-family:ARIAL; font-size:9px; color:#bbb; background:transparent; " href="http://melancolizava.tumblr.com/" title="Theme exclusivo. Não copie . Base por lembraveis"> MELANCOLIZAVA </a>
  170.  
  171.  
  172.  
  173. {block:IndexPage}
  174. <!-- base por asuna [lembraveis.tumblr.com] credite, se usar // não apague isso, bj ---->
  175. <script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>
  176. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  177. <script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  178. <script type="text/javascript">
  179. $(window).load(function(){
  180. var $wall = $('#content');
  181. $wall.imagesLoaded(function(){
  182. $wall.masonry({
  183. itemSelector: '.posts',
  184. isAnimated : true
  185. });
  186. });
  187. $wall.infinitescroll({
  188. navSelector : "div#navigation",
  189. nextSelector : "div#navigation a#nextPage",
  190. itemSelector : '.posts',
  191. loadingImg : "http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif",
  192. loadingText : " ",
  193. donetext : " ",
  194. extraScrollPx : 9000,
  195. bufferPx : 10000,
  196. debug : false,
  197. errorCallback: function() {
  198. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  199. }},
  200. function( newElements ) {
  201. var $newElems = $( newElements );
  202. $newElems.hide();
  203. $newElems.imagesLoaded(function(){
  204. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 250, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  205. });
  206. }); $('#content').show(500);
  207. });
  208. </script>
  209. {/block:IndexPage}
  210. </head>
  211. <body>
  212. <div id="content">
  213. {block:Posts}
  214. {block:Text}
  215. <div class="posts">
  216. {block:Title}<div class="h4">{Title}</div>{/block:Title}
  217. {Body}<br>
  218. {block:IndexPage}
  219. <!-- Aqui é a parte dos notes que você editou lá [no caso já vai um editado por mim, mas se vc quiser usar outro tipo, vc vai ter que mudar aqui também, ou seja, em cada block.] ----><div class="qts"><a href="{reblogurl}" target="_blank">rReblog</a> / <a href="{permalink}">{notecount} Notes</a>
  220. </div>
  221. {/block:IndexPage}</div>
  222. {/block:Text}
  223. {block:Photo}
  224. <div class="posts">
  225. {block:IndexPage}<center><a href="{Permalink}"><img src="{PhotoURL-250}" width="250"></a></center>{/block:IndexPage}
  226. {block:PermalinkPage}
  227. <center><img src="{PhotoURL-250}" width="250">
  228. {block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  229. {block:IndexPage}
  230. <!-- Aqui é a parte dos notes que você editou lá [no caso já vai um editado por mim, mas se vc quiser usar outro tipo, vc vai ter que mudar aqui também, ou seja, em cada block.] ----><div class="qts"><a href="{reblogurl}" target="_blank">Reblog</a> / <a href="{permalink}">{notecount} Notes</a></div>
  231. {/block:IndexPage}</div>
  232. {/block:Photo}
  233. {block:Photoset}
  234. <div class="posts">
  235. {block:IndexPage}<center>{Photoset-250}</center>{/block:IndexPage}
  236. {block:PermalinkPage}
  237. <center>{Photoset-250}</center>
  238. {block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  239. {block:IndexPage}
  240. <!-- Aqui é a parte dos notes que você editou lá [no caso já vai um editado por mim, mas se vc quiser usar outro tipo, vc vai ter que mudar aqui também, ou seja, em cada block.] ----><div class="qts"><a href="{reblogurl}" target="_blank">reblog</a> / <a href="{permalink}">{notecount} Notes</a></div>
  241. {/block:IndexPage}</div>
  242. {/block:Photoset}
  243. {block:Quote}
  244. <div class="posts">
  245. <div class="pquote">{Quote}</div> {block:Source}<div class="pquotesource"><b>— {Source}</b></div>{/block:Source}
  246. {block:IndexPage}
  247. <!-- Aqui é a parte dos notes que você editou lá [no caso já vai um editado por mim, mas se vc quiser usar outro tipo, vc vai ter que mudar aqui também, ou seja, em cada block.] ---->{block:IndexPage}
  248. <div class="qts"><a href="{reblogurl}" target="_blank">reblog</a> / <a href="{permalink}">{notecount} Notes</a></div>
  249. {/block:IndexPage}
  250. {/block:IndexPage}
  251. {/block:IndexPage}</div>
  252. {/block:Quote}
  253. {block:Link}
  254. <div class="posts">
  255. <div class="h4"><a href="{URL}">{Name}</a></div>
  256. {block:Description}{Description}{/block:Description}
  257. {block:IndexPage}
  258. <!-- Aqui é a parte dos notes que você editou lá [no caso já vai um editado por mim, mas se vc quiser usar outro tipo, vc vai ter que mudar aqui também, ou seja, em cada block.] ---->
  259. <div class="qts"><a href="{reblogurl}" target="_blank">reblog</a> / <a href="{permalink}">{notecount} Notes</a></div>
  260. {/block:IndexPage}</div>
  261. {/block:Link}
  262. {block:Audio}
  263. <div class="posts">
  264. <div class="player"><center>{AudioPlayerBlack}</center></div>
  265. {block:Caption}{Caption}{/block:Caption}
  266. {block:IndexPage}
  267. <!-- Aqui é a parte dos notes que você editou lá [no caso já vai um editado por mim, mas se vc quiser usar outro tipo, vc vai ter que mudar aqui também, ou seja, em cada block.] ----><div class="qts"><a href="{reblogurl}" target="_blank">reblog</a> / <a href="{permalink}">{notecount} Notes</a></div>
  268. {/block:IndexPage}</div>
  269. {/block:Audio}
  270. {block:Chat}<div class="posts">
  271. <div class="chat"><ul>{block:Lines}
  272. <li class="person{UserNumber}">{block:Label}
  273. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>{block:IndexPage}
  274. <!-- Aqui é a parte dos notes que você editou lá [no caso já vai um editado por mim, mas se vc quiser usar outro tipo, vc vai ter que mudar aqui também, ou seja, em cada block.] ----><div class="qts"><a href="{reblogurl}" target="_blank">Reblog</a> / <a href="{permalink}">{notecount} Notes</a></div>
  275. {/block:IndexPage}</div>
  276. {/block:Chat}
  277. {block:Video}
  278. <div class="posts">
  279. {block:IndexPage}<center>{Video-250}</center>{/block:IndexPage}
  280. {block:PermalinkPage}
  281. <center>{Video-250}</center>
  282. {block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  283. {block:IndexPage}
  284. <!-- Aqui é a parte dos notes que você editou lá [no caso já vai um editado por mim, mas se vc quiser usar outro tipo, vc vai ter que mudar aqui também, ou seja, em cada block.] ----><div class="qts"><a href="{reblogurl}" target="_blank">Reblog</a> / <a href="{permalink}">{notecount} Notes</a></div>
  285. {/block:IndexPage}</div>
  286. {/block:Video}
  287. {block:Answer}
  288. <div class="posts">
  289. <!-- Aqui é a parte dos notes que você editou lá [no caso já vai um editado por mim, mas se vc quiser usar outro tipo, vc vai ter que mudar aqui também, ou seja, em cada block.] ----><div class="qts"><a href="{reblogurl}" target="_blank">Reblog</a> / <a href="{permalink}">{notecount} Notes</a>
  290. </center></div>
  291.  
  292. <div class="boxask">{Question}</div>
  293. <div class="seta"></div><br>
  294. <div class="perguntou"><img src="{AskerPortraitURL-24}" border="0" align="left"/>&nbsp;&nbsp;
  295. {Asker}:</div><br>
  296. <div class="resposta">{Answer}</div>
  297. {block:IndexPage}{/block:IndexPage}</div>
  298. {/block:Answer}
  299. {block:PermalinkPage}
  300. <div id="info" class="postnotes">
  301. {block:Date}<div class="postnotes">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Posted {TimeAgo} with {NoteCountWithLabel}</div>{/block:Date}
  302. {block:RebloggedFrom}</div>{/block:RebloggedFrom}
  303. </div>{/block:PermalinkPage}
  304. {/block:Posts}
  305. {block:IndexPage}
  306. <div class="column navigation" id="navigation">
  307. {block:Pagination}
  308. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  309. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  310. </div>
  311. {/block:IndexPage}
  312. {block:IndexPage}
  313. {/block:IndexPage}
  314. </div>
  315. </div>
  316. {block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank">Via</a>{/block:RebloggedFrom}
  317. {block:ContentSource}<a href="{SourceURL}" target="_blank">Source</a>{/block:ContentSource}
  318. <!-- base por asuna [lembraveis.tumblr.com] credite, se usar ---->
  319.  
  320.  
  321.  
  322. </body>
  323. </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!