API tools faq
paste
Advertisement
Gabss

Theme 37 Gabs HDUR

Gabss
Nov 19th, 2014
192
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 15.98 KB | None | 0 0
raw download clone embed print report
  1. <!-- All theme by Gabs Sperandeo html-deumarebelde -->
  2. <!-- Não use como base :D, plágio é crime. -->
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml">
  5. <head profile="http://gmpg.org/xfn/11">
  6. <head>
  7. <title>{title}</title>
  8. <link rel="shortcut icon" href="http://3.bp.blogspot.com/-xAvkr8YOkoE/T6m_pXHO1aI/AAAAAAAAAi4/gw2AuVwxtEg/s1600/Brushes-cora%C3%A7%C3%B5es-all-star-c%C3%A2meras-aspas-mickey-torre-paris-garota-moustache-chaves-cutes-NERDS-feras+(17).png">
  9.  
  10. <script type="text/javascript">
  11. function changeNavigation(id) {document.getElementById('main').innerHTML=document.getElementById(id).innerHTML}
  12. </script>
  13.  
  14.  
  15.  
  16.  
  17.  
  18. </head>
  19. <style type="text/css" media="screen">
  20.  
  21.  
  22.  
  23. /* --- body  - */
  24. body {background: url('http://static.tumblr.com/b8i92gi/39Nneb8bn/bg.png');
  25. color: #f8eabd;
  26. font-family: arial;
  27. font-size: 11px;
  28. margin: 0;
  29. padding: 0;
  30. text-align: justify;}
  31.  
  32.  
  33. /* --- meio  - */
  34. #content {
  35. width: 878px;
  36. background: url('http://static.tumblr.com/b8i92gi/QnDnfb4wv/content.png');
  37. margin: auto;}
  38.  
  39. /* --- topo  - */
  40. #header {background: url('http://static.tumblr.com/b8i92gi/CBdnfb4vv/header.png');
  41. background-repeat: no-repeat;
  42. width: 878px;
  43. height: 513px;
  44. margin-left: auto 0px;}
  45.  
  46. /* --- final  - */
  47. #footer {background: url('http://static.tumblr.com/b8i92gi/ikfnfb4wd/footer.png');
  48. background-repeat: no-repeat;
  49. background-position: bottom;
  50. width: 885px;
  51. height: 124px;
  52. clear: both;}
  53.  
  54.  
  55. /* --- sidebar  - */
  56. #sidebar {background: #175ea3;
  57. width: 290px;
  58. float: left;
  59. position: relative;
  60. margin-left: 10px;
  61. margin-bottom: 20px;
  62. margin-top: 10px;}
  63.  
  64.  
  65. /* --- postagens  - */
  66. #main {background: #175ea3;
  67. width: 490px;
  68. float: right;
  69. position: relative;
  70. margin-right: 21px;
  71. margin-bottom: 20px;
  72. margin-top: -80px;}
  73.  
  74. .caixa {background: #fff; padding: 5px; margin-bottom: 10px;}
  75.  
  76. /*** Block de audio - TTHY **/
  77. .trackid  {font-family: 'Economica', Economica;  font-size: 9pt; margin-left: 98px;padding: 7px; margin-top: 1px; margin-bottom: 2px; background:#f8eabd;margin-right: 0px; text-shadow: 0px 1px 1px #;}
  78. .trackid  c {color: #131313;text-transform:uppercase; font-size: 8pt;}
  79. .trackid2  {margin-top: 1px; background:#f8eabd; display: block; height:27px;overflow:hidden; padding:1px;}
  80. .album {opacity: 0.7;margin-top: 0px; float: left; display: inline-block;}
  81. .boxmusica {background:#fff;}
  82. .clear {margin-top:1px;}
  83.  
  84.                 /*Permalink por ILB*/
  85. .fundo{background: #175ea3}
  86. .h5 {background: #175ea3; width: 494px; color: #f6aa00;font-size: 8px; margin-top: -10px; text-align:right;padding:3px; text-transform: uppercase; text-indent: 8px; letter-spacing:1px; font-family: calibri;}
  87.  
  88. /* Chat por Anna TTHY *********/
  89. .chat {background: #7e7360; margin: 2; font-size: 9px; font-family: piximisa;}
  90. .chat .lines {margin-left: 0; background: #f6aa00; color:
  91. #000; margin-bottom: 1px; padding: 4px 5px 4px 5px;}
  92. .chat .lines span{font-weight: bold;}
  93.  
  94. /*** Quote estilo por: things-to-help-you***********/
  95. .quote  {font-family: 'Economica', Economica;  font-size: 14px;  text-align:justy; padding: 4px; color: #000; }
  96. .quotem {overflow: hidden; padding: 5px; background: #ececec; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
  97. .bottomq {background: url('http://static.tumblr.com/b8i92gi/RTGmhzgyo/bottomquote.png') no-repeat; width: 69px; height: 19px; margin-left: 30px; margin-bottom: 10px;}
  98. .ci {color: #f6aa00; display: inline-block;background: #ececec; padding: 3px; margin-left: 20px; margin-top: -14px; margin-bottom: 10px;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
  99. .ci a {color: #00142B;}
  100. .ci a:hover {color: #e3d6ba;}
  101.  
  102. /*** Paginação by madlyluv.com ***/
  103. #paginacaoml {font-size: 10px; font-weight: bold; line-height: 21px; text-shadow: 0 1px 1px #;}
  104. #paginacaoml a {background: #175ea3; margin: 0 1px 0 0; padding: 2px 4px; color: #131313; text-decoration: none;}
  105. #paginacaoml a:hover {background: #175ea3; border: none;}
  106. #paginacaoml span.pagina_atual {background: #175ea3; margin: 0 1px 0 0; padding: 2px 4px; color: #f6aa00; text-decoration: none;}
  107. #paginacaoml span.info {background: #175ea3; margin: 0 1px 0 0; padding: 2px 4px; color: #f6aa00; text-decoration: none;}
  108.  
  109. /*-Título personalizado TTHY-*/
  110.  
  111. .h1 {line-height: 18px;
  112. border: none;
  113. font-style: normal;
  114. font-size: 27px;
  115. color: #000;
  116. letter-spacing: 1px;
  117. background: #175ea3;
  118. padding: 10px;
  119. margin-left: 4px;
  120. display: block;
  121. margin-top: 0px;
  122. font-family: 'Rochester';
  123. font-style: ;
  124. text-shadow: 0px 0px 0px #;}
  125.  
  126. /*-Título personalizado TTHY credits-*/
  127.  
  128. .hc {line-height: 18px;
  129. border: none;
  130. font-style: normal;
  131. font-size: 16px;
  132. color: #f8eabd;
  133. letter-spacing: 1px;
  134. background: #175ea3;
  135. padding: 10px;
  136. margin-left: 4px;
  137. display: block;
  138. margin-top: 0px;
  139. font-family: 'Rochester';
  140. font-style: ;
  141. text-shadow: px px px #;}
  142.  
  143. /* --- POSTAGEM  ------- */
  144. #main {width: 500px; float: right; position: relative; margin-left: 0px;}
  145. .caixa  {background: #175ea3; overflow: hidden; padding: 2px;font-family: Economica;font-size: 12pt;color: #f8eabd; text-align: justify;outline: 0px solid #; margin-top: 10px; margin-bottom: 10px; margin-left: 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
  146.  
  147. /* --- SIDEBAR  ------- */
  148. #sidebar { width: 270px; float: left: ;margin-top: 16px; position: relative;  margin-top: -25px; margin-left: 36px;}
  149. .side {background: #175ea3; padding: 7px;text-align: justify; color: #fff; margin-bottom: 5px; margin-top: 30px; margin-left: 10px; -moz-border-radius: 2px; -webkit-border-radius: 2px;}
  150.  
  151. /*** Stilo da Ask por things-to-help-you **/
  152. .pergunta  {background: #313941; padding: 11px; margin-top: 0px; border-bottom: 1px solid #; margin-left: 67px;margin-right: 0;overflow: hidden; text-shadow: 0px 1px 1px #;}
  153. .perguntou  {letter-spacing: 1px; text-transform:uppercase;font-family: 'Economica', Economica;  font-size: 12px; background: #6d88cd; padding: 9px; margin-top: -11px; border-bottom: 1px solid #; margin-left: -11px;margin-right: -11px;overflow: hidden; text-shadow: 0px 1px 1px #;color: #fff; margin-bottom: 7px;}
  154. .perguntou g  {color: #fd5252;}
  155. .perguntou a {color: #fd5252; }
  156. .askfoto {opacity: 0.7;}
  157. .askfoto:hover {opacity: 0.9;}
  158.  
  159.  
  160. /* --- LINKS E SELEÇÃO  ------- */
  161. ::-moz-selection { color: #fff; background: #transparent; text-shadow: 0 1px 1px #FFF; }
  162. ::selection { color:#fff; background: #transparent;  }
  163. a {color: #000; text-decoration: none; }
  164. a:hover {color: #f6aa00; }
  165.  
  166. /***negrito, itálico e blabla***/
  167. b, strong {color: #f6aa00; text-decoration: none; cursor: help;}
  168. s {color: #ecd485;cursor: help;}
  169. i {color: #eab94c; text-decoration: none;cursor: help;}
  170. u, underline {color: #ecd485; text-decoration: none; border-bottom: 1px dashed #f6aa00;cursor: help;}
  171.  
  172.  
  173. /***Efeito de link give up futurasuicida usar credite a mim. pegar sem credito vai ter porrada, se for usarcomo insp pra fazer outro codigo credita mesmo assim. HELPDESIGNS e iframe tmb***/
  174.  
  175. #linkgiveup{width:800px; height: 100px; padding: 295px; margin-top: 0px; margin-left: -200px; position; opacity: 1;}/***futurasuicida refuse imitations ***/
  176.  
  177. #linkgiveup a {float: left; display: block; margin-left: 1px; line-height: 50px; padding: 42px;  font-family: Rochester; font-size: 30px; text-align: center; color: #131313; border-radius:10px 10px 10px 10px; text-decoration: none; text-transform: upercase; margin-right: 0px; margin-bottom: 1px; text-transform: lowercase;  -webkit-transition: all 0.9s ease-out; width:10px; height:5px; border-bottom: 3px solid transparent; opacity: 1; -webkit-transition: all 0.7s ease-out; background: transparent; text-shadow: 0px 15px 1px transparent, 0px -15px 1px transparent; -webkit-transition: all 0.6s ease-out; background-color:#;}/***futurasuicida refuse imitations ***/
  178.  
  179. #linkgiveup a:hover {color: transparent; text-shadow: 0px 0px 0px #175ea3, 0px 0px 0px #f6aa00; -webkit-transition: all 0.6s ease-out;}/***futurasuicida refuse imitations ***/
  180.  
  181. @font-face {
  182.   font-family: 'Rochester';
  183.   font-style: normal;
  184.   font-weight: 400;
  185.   src: local('Rochester'), local('Rochester-Regular'), url(http://themes.googleusercontent.com/static/fonts/rochester/v3/nE50b4-SbQ54pks-8vOplz8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
  186. }
  187.  
  188. @font-face {font-family: "04b03";
  189. src: url('http://static.tumblr.com/icz5xqv/ZUmlobzpk/bonjourlindas.blgspt_upload_pxl.ttf'); format("truetype"); }
  190.  
  191. }
  192.  
  193. </style>
  194.  
  195.  
  196. <body>
  197.  
  198. <div id="content">
  199. <div id="header">
  200.  
  201. <div class="bgx">
  202. <div id="content">
  203.  
  204. <div id="header">
  205. <div id="linkgiveup">
  206. <a href="/">Home</a>
  207. <a onClick="changeNavigation('01')">Ask</a>
  208. <a onClick="changeNavigation('02')">About</a>
  209. <a href="/tags">Tags</a>
  210. <a href="link">link</a>
  211. <a href="link">link</a>
  212. <a href="http://html-deumarebelde.tumblr.com">®</a>
  213. </div>
  214.  
  215. </div></div>
  216. </div>
  217.       </div>
  218.      
  219.      
  220. <div id="sidebar"><br>
  221. Descrição aqui \o/
  222. Estou deixando aqui até quantas linhas fica bom pra escrever no tamanho dessa side. <b>Observação:</b> Esse é o meu <u>minions'</u> theme em psd, não está muito bom u.u mas espero que gostem '-'. Aliás, fiz com mt amor e carinho u.u.u
  223. Não sei se deu pra perceber mas tava enrolando pra conseguir um pouco de linha na side haiuoshoiuahsoiuh, enfim, acho que já está bom u.u Qualquer coisa só configurar no theme ou ir na ask que eu ajudo (por causa das faixinhas e tal-caso escreva mais).<br>
  224. Se virem ai, gurizada HUAHUAH<br>
  225. Brincadeira, não precisa ter um tamanho certo de linhas, escreva à vontade. :3/<u><i>Gabs</i></u><br><br>
  226.  
  227.  
  228. <img src="http://static.tumblr.com/b8i92gi/jHInfb5m1/parte2.png" style="margin-left: -30px; margin-top: -10px; margin-bottom: -10px"><br><br>
  229.  
  230. <marquee>
  231.     <img src="http://static.tumblr.com/b8i92gi/ejrnfb7wa/img1.png">
  232.     <img src="http://static.tumblr.com/b8i92gi/nsFnfb7wr/img2.png">
  233.     <img src="http://static.tumblr.com/b8i92gi/KvInfb7xb/img3.png">
  234.     <img src="http://static.tumblr.com/b8i92gi/xIlnfb7xo/img4.png">
  235.     <img src="http://static.tumblr.com/b8i92gi/JMTnfb7xy/img5.png">
  236.     <img src="http://static.tumblr.com/b8i92gi/z3infb7y9/img6.png">
  237. </marquee>
  238. <br><br><br>
  239. <marquee>Escreva aqui sua frase :3</marquee>
  240.  
  241.  
  242. <br><br><br><img src="http://static.tumblr.com/b8i92gi/KF2nfb5mi/status.png" style="margin-left: -30px; margin-top: -10px; margin-bottom: -10px"><br><br><br>
  243.  
  244. <div class="hc">Visitantes Online:<u><!-- Inicio Codigo Visitas online gratis opromo.com  -->
  245. <script language="Javascript" src="http://www.opromo.com/servicos/usuariosonline/useronline.php?site=sitewwwseutumblrtumblrcom&corfont1=FF5B5B&texto=8&formato=negrito&tipo=verdana&tamanho=1&simbo=7" type="text/javascript"></script></u></div>
  246. <div class="hc">Total de Visitas: <u><script src="http://fastwebcounter.com/secure.php?s=http://seutumblr.tumblr.com"></script></u></div>
  247. <div class="hc">Todo o theme feito por <a href="http://html-deumarebelde.tumblr.com/gabs"><u>Gabs Sperandeo</u></a>.</div>
  248. <div class="hc"><a onClick="changeNavigation('05')"><i>See more.</i></a></div>
  249.  
  250. </div>
  251.  
  252.  
  253.  
  254. <div id="main">
  255.  
  256. {block:Posts}
  257. <div class="caixa">
  258. <!-- TEXTOS -->
  259. {block:Title}
  260. <div class="h1"><a href="{Permalink}">{Title}</a></div>
  261. {Body}
  262.  
  263. {/block:Title}
  264.  
  265. <!-- FOTO -->
  266.  
  267. {block:Photo}
  268. <div class="caixa">
  269. {LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  270. {block:IndexPage}
  271.  
  272. {block:NoteCount}<div class="notas">
  273. <a href="{Permalink}">{NoteCount}</a>
  274. </div>{/block:NoteCount}
  275. {/block:IndexPage}
  276. {block:Caption}{Caption}{/block:Caption}
  277. </div>
  278. {/block:Photo}
  279.  
  280. <!-- PHOTOSET -->
  281. {block:Photoset}
  282. <center>{Photoset-500}</center>
  283. {block:Caption} {Caption} {/block:Caption}
  284. {/block:Photoset}
  285.  
  286. <!-- QUOTE -->
  287. {block:Quote}  
  288. <div class="caixa">    
  289. <div class="quotem">
  290. <div class="quote">{Quote}</div>  
  291. </div>
  292. <div class="bottomq"></div>
  293. <div class="ci">{block:Source}
  294. <div class="source">{Source}</div>
  295. {/block:Source}</div>
  296. </div>        
  297. {/block:Quote}
  298.  
  299. <!-- LINK -->
  300. {block:Link}
  301. <a href="{URL}" {Target}>{Name}</a>
  302. {block:Description} {Description}{/block:Description}
  303. {/block:Link}
  304.  
  305. <!-- CHAT -->
  306. {block:Chat}
  307. {block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}
  308. {block:Lines}
  309. <div class="chat">
  310. <div class="lines">{block:Label}
  311. <span>{Label}</span>
  312. {/block:Label}
  313. {Line}</div></div>
  314. {/block:Lines}
  315. {block:Chat}
  316.  
  317. <!-- VIDEO -->
  318. {block:Video}
  319. {Video-500}
  320. {block:Caption}{Caption}{/block:Caption}
  321. {/block:Video}
  322.  
  323. <!-- AUDIO -->
  324. {block:Audio}
  325. <div class="caixa">
  326. <div class="trackid2">{AudioPlayerGrey}</div>
  327. <div class="boxmusica">
  328. <div class="album">{block:AlbumArt}
  329. <img src="{AlbumArtURL}" class="album"width="95" >
  330. {/block:AlbumArt}</div>
  331. {block:TrackName}<div class="trackid">
  332. <c>Faixa:</c> {TrackName}</div>{/block:TrackName}
  333. {block:Artist} <div class="trackid"><c>Artista:</c> {Artist}</div>{/block:Artist}
  334. <div class="trackid"><c>Executado:</c> ({PlayCount}) Vezes</div>
  335. <div class="clear"></div>
  336. </div>
  337. </div>
  338. {/block:Audio}
  339.  
  340. <!-- ASKS -->
  341. {block:Answer}
  342. <div class="caixa">
  343. <img src="{AskerPortraitURL-64}" align="left" class="askfoto">
  344. <div class="pergunta">
  345. <div class="perguntou"><g>{Asker}</g> asked  {TimeAgo}</div>
  346. {Question}    
  347. </div><br>
  348. {Answer}
  349. </div>
  350. {/block:Answer}
  351.  
  352. <!-- REBLOG COM FOTO TTHY -->
  353.  
  354. {block:RebloggedFrom}
  355. <a href="{ReblogParentURL}">
  356. <b>@</bi>Via:
  357. <img src="{ReblogParentPortraitURL-30}">
  358. </a>
  359. {/block:RebloggedFrom}  
  360.  
  361. {block:RebloggedFrom}
  362. <a href="{ReblogParentURL}">
  363. <b>@</b>Source:
  364. <img src="{ReblogRootPortraitURL-30}">
  365. </a>
  366. {/block:RebloggedFrom}
  367.  
  368. <!-- NOTES DO PERMALINK-->
  369. {block:PostNotes}
  370. {NoteCount}
  371. {/block:PostNotes}
  372. </div>
  373. <div class="h5"><a href="{Permalink}" class="fundo">{TimeAgo} </a>  △ <a href="{Permalink}" class="fundo">{NoteCount} notes</a> △ <a href="{ReblogURL}" class="fundo" target="_blank"> Reblog </a><br>{block:HasTags}{block:Tags}<a href="{TagURL}"><img src="http://static.tumblr.com/qlfmldj/wOKmcnquv/untitled-2.png"/> {Tag}</a>&nbsp;&nbsp;&nbsp;&nbsp;{/block:Tags}{/block:HasTags}</div>
  374.  
  375. {/block:Posts}
  376.  
  377. {block:IndexPage}  
  378. <div id="paginacaoml"><span class="info" style="font-weight: normal;">Página <b>{CurrentPage}</b> de <b>{TotalPages}</b></span> {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}{/block:Pagination}
  379. {block:JumpPagination length="10"}
  380. {block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage}
  381. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  382. {/block:JumpPagination}
  383. {block:Pagination}{block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}{/block:Pagination}
  384. </div></center>
  385.  
  386. {block:NoteCount}<div class="notas">
  387. <a href="{Permalink}">{NoteCount}</a>
  388. </div>{/block:NoteCount}
  389.  
  390.  {/block:IndexPage}
  391. </div>
  392.  
  393.  
  394.  
  395.  
  396.      
  397.  
  398. <div id="footer">
  399.       </div>
  400.  
  401. </div>
  402.  
  403. <div id="01" style="display:none;">
  404. <div id="class">
  405. <p><iframe frameborder="0" scrolling="no" width="100%" height="200" src="http://www.tumblr.com/ask_form/seutumblr.tumblr.com"style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!—[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]—></p>
  406. </div>
  407. </div>
  408.  
  409. <div id="02" style="display:none;">
  410. <div id="class">
  411. <div class="h1">About me</div>
  412. About you bla bla bla bla
  413. </div>
  414.  
  415. <div id="05" style="display:none;">
  416. <div id="class">
  417. <div class="h1">Obrigada a todos, favor não retire nada.</div>
  418. <div class="hc">Gabrielle Sperandeo </div><b>-></b> <i>Todo o theme, configuração, palleta, e coisas do ps.</i><br>
  419. <div class="hc">TTHY </div><b>-></b> <i>MUITAS ajudas.</i><br>
  420. <div class="hc">Futurasuicida&Help Designs </div><b>-></b> <i>Iframe e menu linkgiveup</i><br>
  421. <div class="hc">Menuhover </div><b>-></b> <i>ahelphtml</i><br>
  422. <div class="hc">Ilovebanner </div><b>-></b> <i>permalink</i><br>
  423. <div class="hc">Madlyluv </div><b>-></b> <i>paginação</i><br>
  424. <div class="hc">Google </div><b>-></b> <i>brushes do header e imagens</i><br>
  425.  
  426.  
  427.  
  428. </div>
  429. </div>
  430.  
  431.  
  432. </body>
  433. </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!