API tools faq
paste
Advertisement
Eitapanicat

Theme1

Eitapanicat
Apr 24th, 2015
224
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.19 KB | None | 0 0
raw download clone embed print report
  1. <!-- Base do theme feito por Fckraw
  2. Theme modificado por Altamadame -->
  3.  
  4.  
  5.  
  6.  
  7.  
  8.  
  9. <html><head>
  10. <meta name="color:background" content="#fff" />
  11. <meta name="color:posts" content="#fff" />
  12. <meta name="color:scrollbar" content="#f8f8f8" />
  13. <meta name="color:texts" content="#666" />
  14. <meta name="color:info" content="#666"/>
  15.  
  16. <meta name="color:descryp" content="#666" />
  17. <meta name="color:links" content="#666" />
  18. <meta name="color:linksb" content="#f8f8f8" />
  19.  
  20. <meta name="text:descryp" content="will you still love me when i'm no longer" />
  21.  
  22. <meta name="if:Rolagem infinita" content="1"/>
  23. <meta name="if:Opacidade" content="1"/>
  24.  
  25. <meta name="image:sidebar" content="https://secure.static.tumblr.com/26c6a1a7710fcf88b95c68bbc1cc21cf/fgnlpj8/jFRnnc0k7/tumblr_static_1n4klcujdfesgok8cg0kcg4w8.jpg"/>
  26.  
  27. <meta name="image:emoji" content="https://secure.static.tumblr.com/e80743225491dc98161578c1a890f1af/fgnlpj8/bYOnnc4g5/tumblr_static_exutbw7y7hck40o44w4w40cco.png"/>
  28.  
  29. <meta name="image:background" content=""/>
  30.  
  31.  
  32.  
  33. <meta name="text:Link1" content="/" />
  34. <meta name="text:Link1 Title" content="" />
  35. <meta name="text:Link2" content="" />
  36. <meta name="text:Link2 Title" content="" />
  37. <meta name="text:Link3" content="" />
  38. <meta name="text:Link3 Title" content="" />
  39. <meta name="text:Link4" content="" />
  40. <meta name="text:Link4 Title" content="" />
  41.  
  42. <title>{Title}</title><link rel="shortcut icon" href="{FavIcon}"><link rel="alternate" type="application/rss+xml" href="{RSS}">{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  43.  
  44. <link href='http://fonts.googleapis.com/css?family=IM+Fell+English:400,400italic' rel='stylesheet' type='text/css'> <script src='http://static.tumblr.com/iihcsbj/QUElox2fq/jquery-1.1.3.1.min.js'type='text/javascript'/></script><script src='http://static.tumblr.com/iihcsbj/NTDlox2gu/jquery.easing.min.js' type='text/javascript'/></script> <style type="text/css">
  45.  
  46.  
  47. /*** CORPO BÁSICO
  48.  
  49. jamais exclua os px (exemplo:220px)
  50.  
  51. todas as cores precisam ser em código,
  52. tem várias opções nesse site aqui:
  53. http://www.color-hex.com/color/000000
  54.  
  55. - font-family é a fonte dos texts, com exceção dos títulos e quotes
  56. - font-size é o tamanho da fonte
  57. - background é a cor do fundo do theme
  58. - background-image é a imagem de fundo. se vc quiser colocar um bg, pegue a url (www) e coloque entre os apostrofos
  59. - color é a cor dos textos
  60.  
  61. ***/
  62.  
  63.  
  64.  
  65.  
  66.  
  67. body {font-family:times; font-size: 10px; background-attachment: fixed;background:{color:background};background-image:url('{image:background}'); color:{color:texts};}
  68.  
  69. a {color: #666; text-decoration: none; text-transform: none;}
  70. a:hover {color: #666;}
  71. p {margin: 6px 0 0 0}
  72.  
  73. blockquote {margin: 0px; padding-left: 0px; }
  74. blockquote img{width: 400px!important; text-align:justify;}
  75.  
  76. #entryys {position:absolute; margin:auto; margin-top:50px; margin-bottom:30px; margin-left:520px; width:700px;}
  77.  
  78. #everytg {margin:0px auto 20px auto; width:auto;}
  79.  
  80. .posts {background:#fff; border:1px solid #fff; margin: 1px; width: 250px; -webkit-transition: opacity 1.55s linear;-moz-transition: opacity 1.55s linear;-webkit-transition: all 1.55s ease-in-out;-moz-transition: all 1.55s ease-in-out;-o-transition: all 1.55s ease-in-out; overflow: hidden; float:left; position:relative; padding:5px;}
  81. .posts:hover {width:250px;opacity:1; -webkit-transition:all 0.66s linear;-moz-transition:all 0.66s linear;transition:all 0.66s linear;}
  82. .posts:hover .infoimg{opacity:9;}
  83.  
  84. .bpostx {overflow: hidden; float:left; position:relative; -webkit-transition: opacity 1.55s linear;-moz-transition: opacity 1.55s linear;-webkit-transition: all 1.55s ease-in-out;-moz-transition: all 1.55s ease-in-out;-o-transition: all 1.55s ease-in-out; width: 250px; }
  85. .bpostx:hover {width:250px; opacity:9; -webkit-transition:all 0.66s linear;-moz-transition:all 0.66s linear;transition:all 0.66s linear;}
  86.  
  87. h1 {font-family:calibri;text-align:center; font-size: 14px; letter-spacing:1px; font-weight: normal; line-height: 14px;color: #000;}
  88. h1 a {text-align: center;color: #000; }
  89.  
  90. .quote {text-align:justify; font-family:arial; line-height:15px; font-size:10px; color:#000; padding:3px;margin-left:-2px;margin-bottom:3px; margin-top:2px;background-color:transparent;}
  91. .sc {font-family:calibri; color:#000; text-transform:uppercase; float:right;font-size:11px; margin-top:1px;}
  92.  
  93. .chat {font-size:10px; font-family:arial;background:transparent;margin:0}
  94. .chat .lines {padding: 0px 0px 0px 0px; background: transparent; color: #000;}
  95. .chat .lines span{font-style: italic;}
  96. .person1 {color: #000; padding: 2px; }
  97. .person1 .label {color:#000}
  98. .person2 {color: #000; padding: 2px; }
  99. .person2 .label {color:#000}
  100. .player {background-color: #000; text-align: left; display:block;}
  101.  
  102. #balaoask{font-size:12px; background-color:#eee; padding:5px; margin-left:0px;}
  103. #balaoask a {color:#000;}
  104. #answer{font-family: arial; margin-top:20px; font-size:8px; }
  105.  
  106. .infoimg{height:14px; top:45%; width:250px; left:0; bottom:0;position:absolute;-webkit-transition-duration: 0.4s; -moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out;text-align:center;opacity:0;}
  107.  
  108. .infoimg spam {padding:10px;background-color:#000; margin-left:3px; color:#fff; opacity:0.9;font-family:consolas;}
  109. .infoimg img {background-color:#000; opacity:0.9;}
  110.  
  111. .infotxt {font-family:arial; opacity:0; font-size:8px; text-transform: lowercase; text-align:right; color:#666; -webkit-transition: all 0.8s ease-in-out; -moz-transition-duration:0.8s; -webkit-transition-duration:0.8s; -o-transition-duration:0.8s; margin-bottom:0px; margin-top:10px;}
  112. .posts:hover .infotxt {-webkit-transition: all 0.8s ease-in-out; -moz-transition-duration:0.8s; opacity:1; font-size:8px; -webkit-transition-duration:0.8s; -o-transition-duration:0.8s;}
  113.  
  114. .source {display: none;} .vsanna{display: none;}
  115.  
  116. ::-webkit-scrollbar{width:5px;height:5px;}
  117. ::-webkit-scrollbar-button:start:decrement
  118. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:#fff;}
  119. ::-webkit-scrollbar-track-piece{background-color: transparent; -webkit-border-radius:0;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;}
  120. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color: #f8f8f8;-webkit-border-radius:px;}
  121. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color: #f8f8f8;-webkit-border-radius:px;}
  122.  
  123.  
  124. 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; }
  125.  
  126. .tumblrAutoPager_page_separator,
  127. .tumblrAutoPager_page_info {display: none;}
  128.  
  129. #tumblr_controls{position: fixed!important}
  130. #tumblr_controls{position: fixed!important}
  131. #tumblr_controls{position: fixed!important}
  132. #tumblr_controls{position: fixed!important}
  133.  
  134. #sidebar {position:fixed; width: auto; height:auto; margin-left:255px;margin-top:100px;}
  135.  
  136. #frufru {height:auto; margin-top:0px; position:fixed; text-align:left;}
  137. #frufru img { width:125px; height:173px; opacity:0.9; -webkit-filter: grayscale(0%)}
  138.  
  139. #emoji {height:auto; margin-top:174px; position:fixed; text-align:left; margin-left:2px;}
  140. #emoji img { width:20px; height:22px; opacity:0.9; -webkit-filter: grayscale(0%)}
  141.  
  142. #descryp {-webkit-transition: all 0.8s ease-in-out; -moz-transition-duration:0.4s; -webkit-transition-duration:0.4s; -o-transition-duration:0.4s;background:{color:descrypb}; width:102px; padding:1px; margin-top:174px; margin-left:24px; opacity:1; text-align:center; position:fixed; font-family:arial;  font-size:0px; color:{color:descryp};}
  143. #sidebar:hover #descryp {-webkit-transition: all 0.8s ease-in-out; -moz-transition-duration:0.8s; -webkit-transition-duration:0.8s; -o-transition-duration:0.8s;color:{color:descryp}; background-color:{color:descrypb}; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; width:90px;}
  144.  
  145. #links {-webkit-transition-duration: 0.7s;  -moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; transition: all .7s ease-in-out;font-family:arial; -webkit-transition: all .7s ease-in-out;font-size:9px; margin-top:200px; overflow: hidden; padding:4px; text-align:center; width:120px; opacity:0;}
  146. #sidebar:hover #links {opacity:1};
  147. #links a {color:{color:links}; font-family:arial; line-height:12px}
  148.  
  149. /* Ask por Warvada. Não retire os créditos. */
  150. .pergunta{margin-top:0px; width:244px; height:auto; padding:2px; font-family:'Corbel'; font-size:10px; text-align:left; text-transform:lowercase; border-radius:6px; line-height:13px;
  151. background:#eee; /*fundo da pergunta*/
  152. color:#000; /*cor da pergunta*/
  153. border-bottom:1px dashed #fff; /*cor da boda da pergunta*/}
  154. .pergunta a{font-weight:bold;
  155. color:#000; /*cor da url de quem fez a pergunta*/}
  156.  
  157. .ask-heart{display:inline-block; font-size:11px; font-family:corbel; transform:rotate(1deg);
  158. color:#fff; /*cor do coração*/
  159. }
  160.  
  161. .resposta{margin-top:-2px; width:244px; height:auto; padding:2px; font-family:'Corbel'; font-size:10px;
  162. border-bottom:1px dashed #eee; /*cor da borda da resposta*/}
  163. /* Ask por Warvada. Não retire os créditos. */
  164.  
  165. /*Barrinha por Warvada*/
  166. .wr1{position:fixed; top:-10px; left:20px; width:5px; height:700px;
  167. background:#eee; /*Fundo da barrinha*/
  168. border-left:2px solid #ddd;  /*bordinha da esquerda*/
  169. border-right:1px dashed #fff; /*bordinha da direita*/}
  170. /*Barrinha por Warvada*/
  171. img {-webkit-transition:opacity 0.8s linear; opacity:0.9; -webkit-transition: 0.8s ease-in;-moz-transition: 0.8s ease-in; transition: 0.8s ease-in; -webkit-filter: grayscale(0.4);} /*html-party effect*/
  172. img:hover {-webkit-transition: 0.8s ease-in;-moz-transition: 0.8s ease-in; transition: 0.8s ease-in; -webkit-filter: grayscale(0);}</style>
  173.  
  174. <body>
  175. <div class="wr1"></div>
  176.  
  177. <div id="sidebar">
  178. <div id="frufru"><img src="{image:sidebar}"></div>
  179. <div id="emoji"><img src="{image:emoji}"></div>
  180. <div id="descryp">{text:descryp}</div>
  181. <div id="links">
  182. <a href="{text:Link1}">{text:Link1 Title}</a>
  183. <a href="{text:Link2}">{text:Link2 Title}</a>
  184. <a href="{text:Link3}">{text:Link3 Title}</a>
  185. <a href="{text:Link4}">{text:Link4 Title}</a></div>
  186.  
  187. </div>
  188.  
  189.  
  190. <div id="entryys">{block:Posts}<div class="posts"><div class="bpostx">
  191.  
  192. <!-- postagem texto-->{block:Text}{/block:IndexPage}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{block:IndexPage}
  193. <div class="infotxt">{block:IndexPage}{block:NoteCount} <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a>{block:RebloggedFrom} / <a href="{ReblogParentURL}"><a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} {block:ContentSource} / <a href="{SourceURL}">source</a>{/block:ContentSource}{block:IndexPage} / <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}</div>{/block:Text}
  194.  
  195. <!--postagem foto--><div id="cap">{block:Photo}{block:IndexPage}<div class="infoimg"><a href="{ReblogURL}" title="Reblog" target="_blank"><img src="http://static.tumblr.com/qft2cvq/kgLn9bnz0/reblog.png"></a><spam href="{Permalink}" title="Permalink" style="margin-top:-30px;margin-right:3px;">{NoteCount}</spam><a href="{ReblogURL}"><img src="http://static.tumblr.com/qft2cvq/xRqn9bnyk/like.png"></a></div>{/block:IndexPage}{block:IndexPage}<img src="{PhotoURL-400}" width="250">{/block:IndexPage}{/block:Photo}
  196.  
  197. <!--postagem photoset-->
  198. {block:Photoset}{block:IndexPage}{Photoset-250}{/block:IndexPage}{block:PermalinkPage}{Photoset-250}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{block:IndexPage}<div class="infoimg"><a href="{ReblogURL}" title="Reblog" target="_blank"><img src="http://static.tumblr.com/qft2cvq/kgLn9bnz0/reblog.png"></a><spam href="{Permalink}" title="Permalink" style="margin-top:-30px;margin-right:3px;">{NoteCount}</spam><a href="{ReblogURL}"><img src="http://static.tumblr.com/qft2cvq/xRqn9bnyk/like.png"></a></div>{/block:IndexPage}{/block:Photoset}
  199. <!--postagem quote-->{block:Quote}<div class="quote">"{Quote}"</div><div class="sc">– {Source}</div>{block:IndexPage}<div class="infotxt"><br>{block:NoteCount} <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a>{block:RebloggedFrom} / <a href="{ReblogParentURL}"><a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} {block:ContentSource} / <a href="{SourceURL}">source</a>{/block:ContentSource}{block:IndexPage} / <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}</div>{/block:IndexPage}{/block:Quote}
  200.  
  201. <!--postagem links-->{block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{block:IndexPage}<div class="infotxt">{block:NoteCount} <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a>{block:RebloggedFrom} / <a href="{ReblogParentURL}"><a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} {block:ContentSource} / <a href="{SourceURL}">source</a>{/block:ContentSource}{block:IndexPage} / <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}</div>{/block:IndexPage}{/block:Link}
  202.  
  203. <!--chat-->{block:chat}{block:lines}<div class="chat"><div class="lines">{block:Label}<span>{Label}</span>{/block:Label} {Line}</div></div>{/block:lines}{block:IndexPage}<div class="infotxt">{block:NoteCount} <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a>{block:RebloggedFrom} / <a href="{ReblogParentURL}"><a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} {block:ContentSource} / <a href="{SourceURL}">source</a>{/block:ContentSource}{block:IndexPage} / <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}</div>{/block:IndexPage}{/block:chat}
  204.  
  205. <!--musica-->{block:Audio}<div class="player">{AudioPlayerBlack}</div>{block:Caption}{Caption}{/block:Caption}{block:IndexPage}<div class="infotxt">{block:NoteCount} <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a>{block:RebloggedFrom} / <a href="{ReblogParentURL}"><a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} {block:ContentSource} / <a href="{SourceURL}">source</a>{/block:ContentSource}{block:IndexPage} / <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}</div>{/block:IndexPage}{/block:Audio}
  206.  
  207. <!--video-->{block:Video}{block:IndexPage}<div class="infoimg"><a href="{ReblogURL}" title="Reblog" target="_blank"><span class="rebblog"><img src="http://media.tumblr.com/tumblr_mboy88Mmjo1qk7o6d.png"></span></a><a href="{Permalink}" title="Permalink"><span class="notess">{NoteCount}</span></a><span class="heart" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"><img src="http://media.tumblr.com/tumblr_mbp2zdKVHR1qk7o6d.png"></span></div>{/block:IndexPage}{block:IndexPage}{Video-400}{/block:IndexPage}{block:PermalinkPage}<center>{Video-400}</center>{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Video}
  208.  
  209. <!--ask-->{block:Answer}<div class="pergunta">
  210. <div class="ask-heart">❥</div>
  211. {Asker}: {Question}</div>
  212.  
  213. <div class="resposta">{Answer}</div>{/block:answer}</div>
  214.  
  215. <div class="vsanna">{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  216. {block:ContentSource}<a href="{SourceURL}">source</a>{/block:ContentSource}</div></div></div>{/block:Posts}
  217.  
  218.  
  219.  
  220.  
  221. <script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>
  222. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  223. <script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  224. <script type="text/javascript">
  225. $(window).load(function(){
  226. var $wall = $('#entryys');
  227. $wall.imagesLoaded(function(){
  228. $wall.masonry({
  229. itemSelector: '.posts',
  230. isAnimated : true
  231. });
  232. });
  233. $wall.infinitescroll({
  234. navSelector : "div#navigation",
  235. nextSelector : "div#navigation a#nextPage",
  236. itemSelector : '.posts',
  237. loadingImg : "http://static.tumblr.com/8yo5xxv/3Tum7rjpo/loader.gif",
  238. loadingText : "",
  239. donetext : " ",
  240. extraScrollPx : 1000,
  241. bufferPx : 10100,
  242. debug : false,
  243. errorCallback: function() {
  244. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  245. }},
  246. function( newElements ) {
  247. var $newElems = $( newElements );
  248. $newElems.hide();
  249. $newElems.imagesLoaded(function(){
  250. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 25, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  251. });
  252. }); $('#entryys').show(500);
  253. });
  254. </script>
  255. <div class="column navigation" id="navigation">
  256. {block:Pagination}
  257. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  258. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  259. </div>
  260. {/block:IndexPage}
  261.  
  262. </div></div></div></div></div>
  263. </div></div></div></div></div></div></div></div></div>
  264. </body>
  265. </html>
  266.  
  267. <style>
  268. .thm {position:fixed;BOTTOM:30px;right:15px;font-size:11px; font-family:consolas;color:#ccc;text-transform:upercase}</style>
  269.  
  270. <div CLASS="thm" title=""><a href="http://altamadame.co.vu/">madame</a></div>
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!