API tools faq
paste
Advertisement
natashabartz

theme15.2

natashabartz
Jun 2nd, 2016
71
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.41 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head profile="http://gmpg.org/xfn/11">
  2.  
  3. <!----------------------------------------------------------------------------
  4. •----------------------------------•
  5. . BASE FEITA POR WAJESTOU .
  6. . THEME FEITO POR SUA CAFAJESTIADA.
  7. . NÃO COPIE, TENHA CRIATIVIDADE .
  8. . PLÁGIO É CRIME .
  9. •----------------------------------•
  10. ------------------------------------------------------------------------------>
  11.  
  12. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  13.  
  14. <head>
  15. <!-- APPEARANCE -->
  16. <meta name="color:background" content="#ffffff" />
  17. <meta name="color:text" content="#999999" />
  18. <meta name="image:sidebar" content="" />
  19.  
  20. <title>{Title}</title>
  21.  
  22. </head>
  23.  
  24. <style type="text/css">
  25.  
  26. /* BOTÕES DE FOLLOW, DASHBOARD DO THEME, NÃO MEXA NESSE CODIGO */
  27.  
  28. iframe#tumblr_controls{top: 1px !important;margin: 0 0 0 0; right: 6px !important;position: fixed !important;z-index:52;}
  29.  
  30. /* BACKGROUND E AFINS, CONFIGURAÇÕES TOTAIS DO THEME */
  31.  
  32. body{background:{color:background}; color:{color:text}; font-family:Corbel; font-size:11px; text-align:center;}
  33. a {color:{color:text}; text-decoration:none;}
  34.  
  35. /* NO #POSTS VC MUDA O LEFT E O TOP DOS POSTS */
  36.  
  37. #posts{float:left; margin-top:0px; margin-left:220px; width:1100px; padding-bottom:20px;}
  38.  
  39. /* CODIGO DOS POSTS, AQUI VC PERSONALIZA OS POSTS */
  40.  
  41. .postagens {{block:permalinkpage} width:450px; float:center; position:fixed {/block:permalinkpage} width:195px; position:relative; float:left; display:inline-block; top:00px; margin:9px; padding:6px 6px 3px 6px; border:1px solid #ddd;}
  42.  
  43.  
  44. /* AQUI É O TAMANHO DAS IMAGENS NO POST, TEM QUE ESTAR IGUAL AO TAMANHO DA ENTRY, PARA FICAR TUDO CERTO */
  45.  
  46. .postagens img{{block:permalinkpage} width:550px; float:center; position:fixed {/block:permalinkpage} max-width:195px; height:auto; transition:1s;}
  47.  
  48. /* BLOQUEIO DA VIA E SOURCE DOS QUOTES */
  49.  
  50. .vsanna{display:none;}
  51.  
  52. /* AQUI É O TEXTO DO THEME, OS TITULOS */
  53.  
  54. .postagens texto{font-family:Lobster; font-size:11px; line-height:11px; color:{color:text};}
  55.  
  56. /* AQUI É O CORPO DOS TEXTOS, O QUE TIVER ESCRITO ABAIXO */
  57.  
  58. .postagens corpo{font-family:Corbel; font-size:10px; color:{color:text};}
  59.  
  60. /* AQUI SÃO OS LINKS */
  61.  
  62. .postagens links{font-family:Baumans; text-transform:lowercase; font-family:Courier; font-style:italic; font-size:13px; }
  63.  
  64. /* AQUI É O QUOTE */
  65.  
  66. .quotes {font-family:Baumans; font-size:12px; text-align:center; line-height:15px; margin-top:5px; color:{color:text};}
  67. .quotes::first-letter {font-family:'Great Vibes', cursive; font-size:20px;}
  68. .source {margin-top:5px; border-top:2px dotted {color:bordinhas}; font-family:Calibri; font-size:9px; text-align:right; text-transform:uppercase; line-height:17px; color:{color:text};}
  69.  
  70. /* BLOCKQUOTE DOS TEXTOS (O QUE TEM NO CORPO DE UMA POSTAGEM EM TEXTO) */
  71.  
  72. blockquote {margin:3px; text-align:left; padding:5px; background:#f9f9f9; width:185px; border:1px solid #eee;}
  73. blockquote img{width:183px;}
  74.  
  75. /* ASKS (PERGUNTA 1 = CONFIGURAÇÕES SOBRE A URL DA PESSOA Q TE MANDOU A ASK, PERGUNTA 2 = A ASK) */
  76.  
  77.  
  78.  
  79.  
  80. /* CODIGO DOS NOTES DA FOTO */
  81.  
  82. .postagens .photos {position:absolute; padding:5px 2px 2px 5px; text-align:left;width:188px; margin-top:-10px; height:25px; font-family:Consolas; font-size:9px; text-transform:uppercase; line-height:11px; margin-left:5px; transition:.9s; background:rgba(255,255,255,.4); opacity:0;} .photos a{color:white; text-shadow:1px 1px 1px black;}
  83. .postagens:hover .photos{position:absolute; margin-top:-34px; opacity:1; transition:.8s;}
  84.  
  85. /* CODIGO DOS NOTES DOS TEXTOS */
  86. .postagens .permalink{position: relative; padding-left:5px; text-align:left;width:202px; top:3px; height:15px; font-family:Courier; font-size:9px; text-transform:uppercase; line-height:16px; margin-left:-6px; transition:.9s; background:#eee; }
  87.  
  88. /* CODIGO DOS CHATS */
  89. .chat {line-height: 10px; list-style: none }
  90. .chat ul {line-height: 10px; list-style: none; padding: 0px; line-height:14px;}
  91. .person1 {border:1px solid #eee; color: #999; font-size:9px; font-family:Calibri; text-transform:uppercase;}
  92. .person1 .label {font-weight: bold; padding: 0px; margin-left: 5px; color:pink}
  93. .person2 {border:1px solid #eee; color:#999; font-size:9px; font-family:Calibri; text-transform:uppercase; }
  94. .person2 .label {font-weight: bold; padding: 0px; margin-left: 5px; color:lightblue}
  95.  
  96. /* SELEÇÃO DO TEXTO DO THEME */
  97.  
  98. ::selection {color:white; background-color:grey;}
  99.  
  100. /* BARRA DE ROLAGEM */
  101.  
  102. ::-webkit-scrollbar-thumb{background:#ddd; border: 3px solid #ddd; height:auto;}
  103. ::-webkit-scrollbar {height:5px; width:5px; background:#ddd; border:2px solid {color:background};}
  104.  
  105. .imagem{position:fixed;}
  106. .imagem img {width:80px; height:80px; margin-left:45px; margin-top:17px; padding:3px; border:1px solid #ddd; background:#fff; box-shadow:2px 2px 0px #ddd }
  107.  
  108. .navigate{position:fixed; margin-left:45px; margin-top:120px; height:15px; width:88px; background:white; border:1px solid #ddd; font-size:10px; font-family:Calibri; text-align:center; line-height:15px; text-transform:uppercase; -webkit-transform:rotatex(1,1); z-index:9;}
  109.  
  110. .links {position:fixed; float:left; width:80px; margin-left:100px; margin-top:-15px; transition:1s; background:white; opacity:0;}
  111. .links a {display:block; float:left; font-family:Calibri; font-size:10px; text-align:left; padding-left:3px; margin-bottom:1px; width:75px; height:17px; line-height:17px; background:#fff; border:1px solid #ddd; color:#999999; text-transform: uppercase; transition:1s; }
  112. .links a:hover {color:pink; transition:.9s;}
  113.  
  114. .navigate:hover .links{ margin-top:-115px; opacity:1;}
  115.  
  116. .frase{position:fixed; margin-left:-0px; margin-top:-0px; height:42px; width:88px; background:white; border:1px solid #ddd; font-size:10px; font-family:Calibri; text-align:center; line-height:10px; text-transform:uppercase; opacity:0; transition:.7s;}
  117.  
  118. .navigate:hover .frase {transform:rotatey(360deg); margin-top:-16px; transition:.7s; opacity:1;}
  119.  
  120. /*ESTILO DE ASK FEITO POR LUXUOSEI*/
  121.  
  122. .pergunta{position:absolute; display:inline-block;font-size:8px;text-decoration:none;text-transform:uppercase;margin-left:21px;margin-top:2px;background:#fff;padding:1px 1px 1px 1px;;border-top:1px solid transparent;width:auto;;font-family:nova mono;letter-spacing:0px;height:12px;line-height:12px;border:1px solid #ddd;font-size:8px;border-radius:2px;padding-left:4px;padding-right:4px;}
  123. .pergunta2{;text-decoration:none;;padding:1px;margin-top:21px;border-bottom:1px solid #ddd;}
  124. #resposta{margin-top:2px;}
  125. .ask-img img{width:13px;height:13px;padding:2px;border:1px solid #ddd;background:#fff;position:absolute;margin-left:0px;margin-top:0px;border-radius:2px;outline-offset: -4px; outline: 1px solid transparent}
  126.  
  127. </style>
  128.  
  129.  
  130. <link rel="shortcut icon" href="{Favicon}">
  131. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"
  132. />
  133. <meta name="viewport" content="width=1062" />
  134.  
  135. <!--- FONTES PERSONALIZADAS GOOGLE --->
  136.  
  137. <link href='https://fonts.googleapis.com/css?family=Baumans' rel='stylesheet' type='text/css'>
  138.  
  139. <link href='https://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>
  140.  
  141. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  142.  
  143. <body>
  144. <div style=“position:fixed; right:70px; bottom:40px; background:white; border:1px solid #ccc; width:50px; height:15px; line-height:15px; text-align:center; font-size:9px; font-family:Calibri; text-transform:uppercase;”> <a href=http://cafajestiada.tumblr.com title=“Design 2016, Plágio é crime, tenha criatividade, não copie. ”>Design
  145.  
  146. <!--- CODIGO DA SIDE --->
  147. <div style="position:fixed; margin-left:30px; margin-top:-10px; width:110px; height:100%; background-image: url(http://static.tumblr.com/p8arnnl/5K2o78wps/backgrounds-for-tumblr-vintage-i4.png); border:2px solid #ddd; outline:1px dotted #ddd; outline-offset:-4px"></div>
  148.  
  149. <!--- CODIGO DOS PONTINHOS --->
  150. <div style="position:fixed; margin-top:-10px; margin-left:45px; color:#CCC; text-shadow:1px 1px 0px #fff; font-family:Gabriola; font-size:22px; text-align:center; z-index:3">. . . . . . . . . . . . </div>
  151.  
  152. <div style="position:fixed; margin-top:93px; margin-left:45px; color:#CCC; text-shadow:1px 1px 0px #fff; font-family:Gabriola; font-size:22px; text-align:center; z-index:3">. . . . . . . . . . . . </div>
  153.  
  154. <!--- CODIGO DA FOTO DA SIDE --->
  155. <div class="imagem"><img src="{image:sidebar}"></div>
  156.  
  157. <!--- CODIGO DO NAVIGATE + LINKS --->
  158. <div class="navigate">Navigate
  159. <div class="links">
  160. <a href="{text:Link1}"><i class="fa fa-home"></i> first page</a>
  161. <a href="{text:Link1}"><i class="fa fa-comment"></i> message</a>
  162. <a href="{text:Link1}"><i class="fa fa-pencil"></i> my things</a>
  163. <a href="{text:Link1}"><i class="fa fa-heart"></i> designs</a>
  164. </div>
  165. <!--- CODIGO DA FRASE HOVER --->
  166.  
  167. <div class="frase">I did not come to play with you hoes, I came to slay, bitch.</div>
  168. </div>
  169.  
  170.  
  171. <div id="posts">
  172. {block:Posts}
  173. <div class="postagens">
  174.  
  175. <!-- TEXTOS -->
  176. {block:Text}
  177. {block:Title}<texto><center>{Title}</center></texto>{/block:Title}
  178. <corpo>{body}</corpo>
  179.  
  180. <!--- NOTES DOS TEXTOS --->
  181. <div class="permalink">
  182. <a href="{Permalink}"><i class="fa fa-folder-open"></i> post with {NoteCount} notes / {DayOfMonthWithZero}.{MonthNumberWithZero}
  183. <div style="position:absolute; margin-top:-16px; margin-left:185px; font-size:12px;" href="{ReblogURL}" title="Reblog!" target="_blank"><i class="fa fa-retweet"></i></div>
  184. </div>
  185. {/block:Text}
  186.  
  187. <!-- FOTOS -->
  188. {block:Photo}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  189.  
  190. <!--- NOTES DAS FOTOS --->
  191. <div class="photos">
  192. <a href="{Permalink}"><i class="fa fa-folder-open"></i> {NoteCount} notes / {DayOfMonthWithZero} {ShortMonth} {Year}<br>
  193. <a style="margin-left:-1px; font-size:11px; " href="{ReblogURL}" target="_blank"><i class="fa fa-retweet"></i> <font style="font-size:9px">Reblog this post here!</font></a>
  194. </div>
  195. {/block:Photo}
  196.  
  197. <!-- PHOTOSETS -->
  198.  
  199. {block:Photoset}{Photoset}
  200.  
  201. <!--- NOTES DOS PHOTOSETS --->
  202. <div class="photos">
  203. <a href="{Permalink}"><i class="fa fa-folder-open"></i> {NoteCount} notes / {DayOfMonthWithZero} {ShortMonth} {Year}<br>
  204. <a style="margin-left:-1px; font-size:11px; " href="{ReblogURL}" target="_blank"><i class="fa fa-retweet"></i> <font style="font-size:9px">Reblog this post here!</font></a>
  205. </div>
  206. {/block:Photoset}
  207.  
  208. <!-- QUOTES -->
  209.  
  210. {block:Quote}
  211. <div class="quotes">{Quote}</div></font>
  212. {block:Source}<div class="source">• {Source} </div>{/block:Source}
  213.  
  214. <!--- NOTES DOS QUOTES --->
  215. <div class="permalink">
  216. <a href="{Permalink}"><i class="fa fa-folder-open"></i> post with {NoteCount} notes / {DayOfMonthWithZero}.{MonthNumberWithZero}
  217. <div style="position:absolute; margin-top:-16px; margin-left:185px; font-size:12px;" href="{ReblogURL}" title="Reblog!" target="_blank"><i class="fa fa-retweet"></i></div>
  218. </div>
  219. {/block:Quote}
  220.  
  221. <!-- VIDEOS -->
  222.  
  223. {block:Video}{block:Indexpage}<div style="max-width:210px; height:auto; overflow-x:hidden; overflow-y:hidden">{Video-250}</div>{/block:IndexPage}{block:PermalinkPage}{Video-400}{/block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}
  224.  
  225. <!--- NOTES DOS VIDEOS --->
  226. <div class="photos">
  227. <a href="{Permalink}"><i class="fa fa-folder-open"></i> {NoteCount} notes / {DayOfMonthWithZero} {ShortMonth} {Year}<br>
  228. <a style="margin-left:-1px; font-size:11px; " href="{ReblogURL}" target="_blank"><i class="fa fa-retweet"></i> <font style="font-size:9px">Reblog this post here!</font></a>
  229. </div>
  230. {/block:Video}
  231.  
  232. <!-- LINKS -->
  233.  
  234. {block:Link}
  235. <a href="{URL}" class="link" {Target}><links>{Name}</links>
  236. {block:Description} {Description}{/block:Description}
  237. {/block:Link}
  238.  
  239. <!-- CHAT -->
  240.  
  241. {block:Chat}
  242. {block:Title}
  243. <texto>{Title}</texto>
  244. {/block:Title}
  245. <div class="chat"><ul>{block:Lines}
  246. <li class="person{UserNumber}">{block:Label}
  247. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  248. <div class="permalink">
  249. <a href="{Permalink}"><i class="fa fa-folder-open"></i> post with {NoteCount} notes / {DayOfMonthWithZero}.{MonthNumberWithZero}
  250. <div style="position:absolute; margin-top:-16px; margin-left:185px; font-size:12px;" href="{ReblogURL}" title="Reblog!" target="_blank"><i class="fa fa-retweet"></i></div>
  251. </div>
  252. {/block:Chat}
  253.  
  254. {block:Answer}
  255. <div class="ask-img"><img src="{AskerPortraitURL-30}"></div>
  256. <div class="pergunta"> <font color="{color:detalhes}"> ❤</font> {Asker} </div>
  257. <div class="pergunta2">{Question}</div>
  258. <div id="resposta">{Answer}</div>
  259. {/block:Answer}
  260.  
  261. {block:Audio}
  262. {AudioPlayer}
  263. {/block:Audio}
  264.  
  265. <!-- BLOQUEIO VIA/SOURCE -->
  266. <div class="vsanna">
  267. {block:RebloggedFrom}
  268. <a href="{ReblogParentURL}">via</a>
  269. {/block:RebloggedFrom}
  270. {block:ContentSource}
  271. <a href="{SourceURL}">source</a>
  272. {/block:ContentSource}
  273. </div>
  274.  
  275. </div>
  276. {/block:Posts}
  277. </div>
  278.  
  279. <!-- SCRIPT DE ORGANIZAÇÃO DE POSTS PARA TEMA EM GRADE -->
  280. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  281. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  282. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  283. <script type="text/javascript">
  284. $(window).load(function () {
  285. $('#posts').masonry(),
  286. $('.masonryWrap').infinitescroll({
  287. navSelector : "div#navigation",
  288. nextSelector : "div#navigation a#nextPage",
  289. itemSelector : ".postagens",
  290. bufferPx : 10000,
  291. extraScrollPx: 11000,
  292. loadingImg : "http://static.tumblr.com/8yo5xxv/3Dem80mch/loading.gif",
  293. loadingText : "carregando",
  294. },
  295. // call masonry as a callback.
  296. function() { $('#posts').masonry({ appendedContent: $(this) }); }
  297. );
  298. });
  299. </script>
  300. <!-- FIM DO SCRIPT DE ORGANIZAÇÃO DE POSTS PARA TEMA EM GRADE -->
  301.  
  302.  
  303. <!-- ROLAGEM INFINITA PARA TEMA EM GRADE -->
  304. {block:IndexPage}
  305. <div class="column navigation" id="navigation">
  306. {block:Pagination}
  307. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  308. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  309. </div>
  310. {/block:IndexPage}
  311. <!-- FIM - ROLAGEM INFINITA PARA TEMA EM GRADE -->
  312. </body>
  313. </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!