API tools faq
paste
Advertisement
0Melancolizava

Tema exclusivo para angelhalfblood

0Melancolizava
Jan 17th, 2016
89
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.28 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <!------ BASE POR ASUNA [LEMBRAVEIS|PASSO-HTML]
  3. NÃO COPIAR / NÃO DIZER QUE FEZ [CREDITE SE USAR]
  4. ESSA BASE ESTÁ TODA EXPLICADA PRA SEU ENTENDIMENTO
  5.  
  6. CUSTOMIZADO POR MELANCOLIZAVA NÃO COPIE, NÃO PLAGIE
  7. ------>
  8.  
  9. <a style="position:fixed; right:45px; bottom:45px; font-family:ARIAL; font-size:8px; color:{color:textos}; background:transparent; " href="http://geada.co.vu/" title="Theme por melancolizava + base por lembraveis"> <font color={color:frase}> ➤ </font> EXCLUSIVO</a>
  10.  
  11. <head>
  12. <!------- aqui é a parte do appeareance ----------->
  13. <meta name="color:text" content="#999">
  14. <meta name="color:menu" content="#999">
  15. <meta name="color:source" content="#999">
  16. <meta name="color:background" content="#fff">
  17. <meta name="color:background ask" content="#ccc">
  18. <meta name="color:links" content="#999">
  19. <meta name="color:linkshover" content="#999">
  20. <meta name="image:background" content="" />
  21. <meta name="image:sidebar" content="" />
  22. <meta name="text:frase" content="Que sejamos a paz que o mundo que tirar" />
  23. <meta name="text:Link1" content="/" />
  24. <meta name="text:Link2" content="/" />
  25. <meta name="text:Link3" content="/" />
  26. <meta name="text:Link4" content="/" />
  27. <meta name="text:Link5" content="/" />
  28. <meta name="text:Link1 Title" content="link 1" />
  29. <meta name="text:Link2 Title" content="link 2" />
  30. <meta name="text:Link3 Title" content="link 3" />
  31. <meta name="text:Link4 Title" content="link 4" />
  32. <meta name="text:Link5 Title" content="link 5" />
  33. <meta name="if:3colunas" content="0"/>
  34. <title>{Title}</title>
  35. <link rel="shortcut icon" href="{Favicon}">
  36. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  37. {block:Description}
  38. <meta name="description"content="{MetaDescription}"/>
  39. {/block:Description}
  40. <!--- base por lembraveis.tumblr.com [credite se usar] ----->
  41. <style type="text/css">
  42. /**** Aqui é a parte do corpo do theme, o básico ***/
  43. 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: 40px;}
  44. a {text-decoration:none; color: {color:links}; -webkit-transition:all.70s ease-out; -moz-transition:all.70s ease-out; transition:all.70s ease-out;}
  45. a:hover {text-decoration:none; color:{color:linkshover}}
  46. /**** Aqui é a parte da barra de rolagem, edite do seu jeito ***/
  47. ::-webkit-scrollbar-thumb:vertical{background-color:#999;height:12px;width:13px;}
  48. ::-webkit-scrollbar{height:14px;width:7px;background-color:{color:background}} p {margin:6px 0 0 0;}
  49. ul {list-style-type:circle;}
  50. blockquote {padding-left:10px; margin-left:0px; border-left:1px dotted {color:dtls};}
  51. /**** Aqui é a parte da edição dos posts / tamanho e quantidade de colunas [está mega básico] ***/
  52. #content {width:900px; padding:9px; margin-left:220px;}
  53. .posts {{block:IndexPage} margin:5px; padding:18px; float:left; width:400px; {block:if3colunas} width:250px; {/block:if3colunas} background:#fff; box-shadow: 3px 3px 10px #545454;{/block:IndexPage} {block:PermalinkPage} margin-left:40px; width:500px;padding:12px; {/block:PermalinkPage};;border: 0px solid {color:link};border-radius:0px;background:{color:post};}
  54. /**** Aqui é a parte da edição das fotos/photosets e tal ***/
  55. img {-webkit-transition-duration: .90s ease-out;opacity:1; {block:if3colunas} width:250px; {/block:if3colunas} }
  56. img:hover {/**** Aqui é a parte do hover das fotos dos posts do theme / se quiser mudar, é aqui ***/}
  57. .photoset {max-width: 400px;{block:if3colunas} width:250px; {/block:if3colunas} ;margin-bottom: 2px;-webkit-transition-duration: .90s ease-out;opacity:1;}
  58. .photoset:hover {/**** Aqui é a parte do hover dos photosets dos posts do theme / se quiser mudar, é aqui ***/}
  59. /* aqui a parte dos títulos das postagens */
  60. .h4 {font-size:14px; line-height:15px; text-align:left; color:{color:text}; font-family:arial;}
  61. .h4 a {color:{color:link};font-size:17px; line-height:15px; text-align:left; font-family:calibri;}
  62. .h4 a:hover {color:{color:lhover}}
  63. /**** Aqui é a parte dos quotes, já vai um efeito meu, mas edite a seu gosto [mude fontes, estilos, essas coisas] ***/
  64. .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:}
  65. .pquotesource {font-family:'calibri';font-size:13px;text-align:left;padding:0px;margin-top:3px;font-style:;letter-spacing:0; background:#;color: {color:source}}
  66.  
  67.  
  68. /**** 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 ***/
  69. .posts .qts {position: absolute;bottom:-0px;text-align:center;font-family:arial;font-size:10px;width:300px; {block:if3colunas} width:250px; {/block:if3colunas}; height:10px;letter-spacing:2px;opacity:0;padding: 3px 6px 6px 0px;color:{color:links};background:#;{block:indexpage}-webkit-transition: 0.9s;-moz-transition: 0.9s;-o-transition: 0.9s;transition: 0.6s;margin-left:41px;border-bottom:1px dashed {color:links}; margin-left:-10px;}
  70. .posts:hover .qts{margin-left:30px;opacity:1;-webkit-transition: 0.9s;-moz-transition: 0.9s;-o-transition: 0.9s;transition: 0.9s;{/block:indexpage}; {block:if3colunas} width:250px; margin-left:-0px; {/block:if3colunas}; }
  71. /**** Aqui não tem necessidade de apagar ***/
  72. #infscr-loading {bottom:-70px; position:absolute; left:50%; margin-left:-8px; width:16px; height:20px; overflow:hidden; margin-bottom:50px;}
  73. #info {width:500px; margin:5px auto; }
  74. .postnotes {display:block; margin-bottom:3px;}
  75. #mais {width:500px; margin:2px auto;}
  76. /*** base por asuna [lembraveis.tumblr.com] parte dos chats/video/audio ***/
  77. .player {background:{color:detalhes};text-align:left}
  78. .chat {line-height: 13px; list-style: none }
  79. .chat ul {line-height: 13px; list-style: none; padding: 1px; line-height:14px;}
  80. .person1 {color: {color:text}; padding: 2px; background: #;border-bottom: 1px dotted {color:dtls}}
  81. .person1 .label {font-weight: bold; color:{color:text}}
  82. .person2 {color: {color:text}; padding: 2px; }
  83. .person2 .label {font-weight: bold; color:{color:text}}
  84. ol.notes {padding:0px; margin:0px; list-style-type:none; border-bottom: solid 0px }
  85. ol.notes li.note {border-top:solid 0px ; padding:5px;}
  86. ol.notes li.note img.avatar {vertical-align:-4px; margin-right:10px; width:17px; height:17px;}
  87. ol.notes li.note span.action {font-weight:normal;}
  88. ol.notes li.note .answer_content {font-weight:normal;}
  89. ol.notes li.note blockquote {padding-left:10px; margin:5px 0px 5px 15px; border-left:2px solid }
  90. ol.notes li.note blockquote a {text-decoration:none;}
  91. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  92.  
  93. /*******by futurasuicida usar credite ao helpdesigns pegar sem credito vai ter porrada.*** *******/
  94.  
  95. #linkbasic { background:transparent;text-align:center;line-height:22px; margin-top:10px;margin-left:0px; position: relative;text-transform:uppercase; width: 100%; }/*helpdesigns*/
  96.  
  97. #linkbasic a {
  98.  
  99. font-size:15px; font-family:georgia; color:{color:menu}; padding:2px; border-left: 1px solid transparent; -webkit-transition: 0.3s ease-in;
  100. }/*helpdesigns*/
  101.  
  102. #linkbasic a:hover{color: {color:title}; -webkit-transition: 0.3s ease-in; letter-spacing: 3px; }/*helpdesigns*/
  103.  
  104. #title {font-family: 'bebas', serif;font-size: 40px;color:;line-height: 1.5em;margin-top:10px;margin-left:0px;text-align:center; -webkit-transition: all 0.99s ease-in-out ; color: #211f50;text-transform:uppercase }
  105. #title:hover { -webkit-transition: all 0.99s ease-in-out}
  106.  
  107. #pside {text-align: justify;top: -40px;width:100%; padding:0px;position: relative;left:0px; background:#131313; z-index:999; height: 170px; -ms-animation: bounceInRight 3s;
  108. -moz-animation: bounceInRight 3s;
  109. -webkit-animation: bounceInRight 3s;
  110.  
  111. }
  112. #description {line-height:17px;color:{color:descricao};padding-left:5px;padding-right:5px;margin-left:0px; margin-top:10px; text-align:center; position:relative;font-size:12px;
  113. }
  114.  
  115. .boxask {background: transparent; padding: 10px; font-size: 11px calibri; text-align:left; border-radius: 2px; z-index: 1;}
  116. .seta {background: transparent; width: 20px; height: 20px; -webkit-transform: rotate(45deg); margin-left: 140px; margin-top: -10px; z-index: 1;text-align:center;}
  117. .perguntou {font-size: 10px; font-family: calibri; text-transform: uppercase;text-align:center;border:1px solid #e9e9e9;;margin-top:-5px;}
  118. .perguntou img {-webkit-border-radius: 5px;
  119. -moz-border-radius: 5px;
  120. border-radius: 5px;}
  121. .resposta {background:#; width:98%;padding: 2px;}
  122.  
  123. .divisoria {display: block; margin-top: 4px; margin-bottom: 4px;font-style:normal;}
  124.  
  125. div.treme img{position:relative;font-style:normal;}
  126.  
  127. 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; }
  128.  
  129. </style>
  130. <!-- aqui tá bloqueado o botão direito do mouse, quiser tirar procura um tuto ---->
  131. <body oncontextmenu="return false" onkeydown="return false">
  132.  
  133.  
  134.  
  135.  
  136.  
  137.  
  138. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  139. <!-- base por asuna [lembraveis.tumblr.com] credite, se usar ---->
  140.  
  141. {block:IndexPage}
  142. <!-- base por asuna [LEMBRAVEIS|PASSO-HTML] credite, se usar // não apague isso abaixo, bj ---->
  143. <script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>
  144. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  145. <script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  146. <script type="text/javascript">
  147. $(window).load(function(){
  148. var $wall = $('#content');
  149. $wall.imagesLoaded(function(){
  150. $wall.masonry({
  151. itemSelector: '.posts',
  152. isAnimated : true
  153. });
  154. });
  155. $wall.infinitescroll({
  156. navSelector : "div#navigation",
  157. nextSelector : "div#navigation a#nextPage",
  158. itemSelector : '.posts',
  159. loadingImg : "http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif",
  160. loadingText : " ",
  161. donetext : " ",
  162. extraScrollPx : 9000,
  163. bufferPx : 10000,
  164. debug : false,
  165. errorCallback: function() {
  166. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  167. }},
  168. function( newElements ) {
  169. var $newElems = $( newElements );
  170. $newElems.hide();
  171. $newElems.imagesLoaded(function(){
  172. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 250, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  173. });
  174. }); $('#content').show(500);
  175. });
  176. </script>
  177. {/block:IndexPage}
  178. </head>
  179.  
  180.  
  181. <body>
  182. <div id="pside">
  183.  
  184. <div id="title"> {text:frase} </div>
  185. <div id="linkbasic">
  186.  
  187. <a href="{text:link1}">{text:link1 title} </a>
  188. <a href="{text:link2}">{text:link2 title} </a>
  189. <a href="{text:link3}">{text:link3 title}</a>
  190. <a href="{text:link4}">{text:link4 title}</a>
  191.  
  192.  
  193. </div>
  194.  
  195.  
  196.  
  197. </div>
  198. <div id="content">
  199. {block:Posts}
  200. {block:Text}
  201. <div class="posts">
  202. {block:Title}<div class="h4">{Title}</div>{/block:Title}
  203. {Body}<br>
  204. {block:IndexPage}
  205. <!-- 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>
  206. </div>
  207. {/block:IndexPage}</div>
  208. {/block:Text}
  209. {block:Photo}
  210. <div class="posts">
  211. {block:IndexPage}<center><a href="{Permalink}"><img src="{PhotoURL-400}" width="400"></a></center>{/block:IndexPage}
  212. {block:PermalinkPage}
  213. <center><img src="{PhotoURL-400}" width="400">
  214. {block:Caption}<!--- legenda das fotos, se tiver, aparecem graças a esse código--->{Caption}{/block:Caption}{/block:PermalinkPage}
  215. {block:IndexPage}
  216. <!-- 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>
  217. {/block:IndexPage}</div>
  218. {/block:Photo}
  219. {block:Photoset}
  220. <div class="posts">
  221. {block:IndexPage}<center>{Photoset-250}</center>{/block:IndexPage}
  222. {block:PermalinkPage}
  223. <center>{Photoset-250}</center>
  224. {block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  225. {block:IndexPage}
  226. <!-- 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>
  227. {/block:IndexPage}</div>
  228. {/block:Photoset}
  229. {block:Quote}
  230. <div class="posts">
  231. <div class="pquote">{Quote}</div> {block:Source}<div class="pquotesource"><b>— {Source}</b></div>{/block:Source}
  232. {block:IndexPage}
  233. <!-- 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>
  234. {/block:IndexPage}</div>
  235. {/block:Quote}
  236. {block:Link}
  237. <div class="posts">
  238. <div class="h4"><a href="{URL}">{Name}</a></div>
  239. {block:Description}{Description}{/block:Description}
  240. {block:IndexPage}
  241. <!-- 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>
  242. </div>{/block:IndexPage}</div>
  243. {/block:Link}
  244. {block:Audio}
  245. <div class="posts">
  246. <div class="player"><center>{AudioPlayerBlack}</center></div>
  247. {block:Caption}{Caption}{/block:Caption}
  248. {block:IndexPage}
  249. <!-- 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>
  250. {/block:IndexPage}</div>
  251. {/block:Audio}
  252. {block:Chat}<div class="posts">
  253. <div class="chat"><ul>{block:Lines}
  254. <li class="person{UserNumber}">{block:Label}
  255. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>{block:IndexPage}
  256. <!-- 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>
  257. {/block:IndexPage}</div>
  258. {/block:Chat}
  259. {block:Video}
  260. <div class="posts">
  261. {block:IndexPage}<center>{Video-250}</center>{/block:IndexPage}
  262. {block:PermalinkPage}
  263. <center>{Video-250}</center>
  264. {block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  265. {block:IndexPage}
  266. <!-- 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>
  267. {/block:IndexPage}</div>
  268. {/block:Video}
  269. {block:Answer}
  270. <div class="posts">
  271. <!-- 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>
  272. </center></div>
  273.  
  274.  
  275.  
  276. <div class="boxask">{Question}</div>
  277. <div class="seta"></div><br>
  278. <div class="perguntou">&nbsp;&nbsp;
  279. {Asker} susurrou:</div><br>
  280. <div class="resposta">{Answer} </div>
  281.  
  282.  
  283.  
  284. {block:IndexPage}{/block:IndexPage}</div>
  285. {/block:Answer}
  286. {block:PermalinkPage}
  287. <div id="info" class="postnotes">
  288. {block:Date}<div class="postnotes">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Posted {TimeAgo} with {NoteCountWithLabel}</div>{/block:Date}
  289. {block:RebloggedFrom}</div>{/block:RebloggedFrom}
  290. </div>{/block:PermalinkPage}
  291. {/block:Posts}
  292. {block:IndexPage}
  293. <div class="column navigation" id="navigation">
  294. {block:Pagination}
  295. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  296. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  297. </div>
  298. {/block:IndexPage}
  299. {block:IndexPage}
  300. {/block:IndexPage}
  301. </div>
  302. </div>
  303. {block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank">Via</a>{/block:RebloggedFrom}
  304. {block:ContentSource}<a href="{SourceURL}" target="_blank">Source</a>{/block:ContentSource}
  305. <!-- base por asuna [LEMBRAVEIS|PASSO-HTML] credite, se usar ---->
  306. </body>
  307. </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!