Advertisement
planejava

Theme 1

Apr 17th, 2014
73
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 10.71 KB | None | 0 0
  1. <!  THEME  BY  PLANEJAVA ! BASE E AJUDA POR SERENATA-S, PLÁGIO É CRIME. >
  2.  
  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"> <head profile="http://gmpg.org/xfn/11">
  5.  
  6.  
  7. <meta name="image:sidebar" content=""/>
  8.  
  9. <meta name="text:link1" content="" />
  10. <meta name="text:link1 simbolo" content="" />
  11. <meta name="text:link1 titulo" content="" />
  12.  
  13. <meta name="text:link2" content="" />
  14. <meta name="text:link2 simbolo" content="" />
  15. <meta name="text:link2 titulo" content="" />
  16.  
  17. <meta name="text:link3" content="" />
  18. <meta name="text:link3 simbolo" content="" />
  19. <meta name="text:link3 titulo" content="" />
  20.  
  21. <meta name="text:link4" content="" />
  22. <meta name="text:link4 simbolo" content="" />
  23. <meta name="text:link4 titulo" content="" />
  24.  
  25. <meta name="color:text" content="#000000" />
  26.  
  27. <meta name="color:background" content="#fff"/>
  28. <meta name="image:background" content="{image:background}" />
  29. <meta name="color:link hover" content="#7f7f7f"/>
  30. <meta name="color:link" content="#c8c8c8" />
  31.  
  32.           <title>{Title}</title>
  33. <link rel="shortcut icon" href="{Favicon}">
  34. <style type="text/css" media="screen">
  35.  
  36. /*CODIGO POR SERENATA-S*/
  37. body {color:{color:text};background-color:{color:background}; background-image: url('{image:background}'); font-family: Tahoma; font-size:9px; }
  38. /*CODIGO POR SERENATA-S*/
  39.  
  40. /*Links*/
  41. a:link, a:active, a:visited{ color:#000; text-decoration:none; -webkit-transition-duration: 0.4s; }
  42. a:hover{color:#aaa; -webkit-transition-duration: 0.4s;}
  43.  
  44. p {margin: 6px 0 0 0}
  45.  
  46. /*blockquote*/
  47. blockquote {margin: 5px 5px 5px 5px; border-left: 6px solid #eee; padding-left: 5px; }
  48. blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 5px solid #eee;}
  49. blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid #eee; }
  50. blockquote blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 3px solid #eee; }
  51. blockquote img{max-width: 470px!important}
  52. blockquote blockquote img{max-width: 450px!important}
  53. blockquote blockquote blockquote img{max-width: 430px!important}
  54. blockquote blockquote blockquote blockquote img{max-width: 410px!important}
  55.  
  56. /*barra de rolagem*/
  57. ::-webkit-scrollbar {width:6px;height:auto;background:transparent;}
  58. ::-webkit-scrollbar-corner {background-color:#000;}
  59. ::-webkit-scrollbar-button:vertical {height:4px; display: block; background-color: #000;}
  60. ::-webkit-scrollbar-thumb:vertical {background-color: #000; border-top: 1px solid #fffcfc; border-bottom: 1px solid #fffcfc;}
  61. ::-webkit-scrollbar-track-piece {background-color: ; border-top: 1pt solid #000; border-bottom: 1pt solid #000; width:4pt;}
  62. -::moz-selection {color:#fff; background-color: #000;}
  63. ::selection {color:#fff; background-color: #000;}
  64.  
  65.  
  66.  
  67. /*titulo dos posts*/
  68. h1 {color:#aaa; font-family:Tahoma; font-size:20px;font-weight:normal;text-align:center; letter-spacing:1px;}
  69.  
  70. /*caixas dos posts*/
  71. #posts {width:400px; margin-left:500px; background-color:#aaa;}
  72. .posts {position: relative; width:300px; float:left;margin-left:0px; margin-top: 5px;text-align:justify;}
  73.  
  74. /*notes hover: por serenata-s*/
  75. .posts .notes{position: absolute;top:0px;right:-50px; width:50px; font-family:'PF Arma Five'; font-size: 8px; float:center;text-align:center; z-index: 1000; opacity:0; -webkit-transition: all 0.5s linear;}
  76. .posts:hover .notes{opacity:1;right: -60px; -webkit-transition: all 0.5s linear;}
  77.  
  78.  
  79. /*ask por: Serenata-s*/
  80. .ask {float:left;border:3px solid #eee;margin-top:0px;margin-left:1px;}
  81. .perguntou {margin-left:10px;padding:7px; color:#888;font-family: calibri, sans-serif;font-size:12px;}
  82. .perguntou a{COLOR:#aaa; background-color:#eee; width:auto; padding:3px; border-radius:0px 5px 0px 0px;}
  83. .pergunta {margin-left:1px;margin-top:-11px;font-family:'Calibri';font-size:11px;padding:9px;color:#aaa;text-indent:5px;padding-left:4px; background-color:#eee;}
  84. .resposta {margin-left:1px;margin-top:-11px;font-family:'Calibri';font-size:10px;padding:3px;color:#aaa;text-indent:7px;text-align:justify;width:auto;}
  85.  
  86. /*quote  feito por blindar-te */
  87. .quote {text-align:justify;font-size: 12px; line-height:13px; padding:4px;margin-left:2px;color:#222;}
  88. .source {font-family:Tahoma;font-size:9px; font-weight:bold;padding:2px;text-transform:uppercase;text-align:right;}
  89. .source a {text-transform:uppercase;}
  90.  
  91. @font-face {src: url('http://static.tumblr.com/08l8cbl/bxDmeztw0/pf_arma_five.ttf'); font-family: PF Arma Five;}
  92.  
  93. #sidebarsm {width: 300px; height: 100%; top: 400px; left: 130px; padding: 20px; text-align: center; position: fixed;}
  94.  
  95. .imagesm {padding: 0px; width: 200px; height: 100px;}
  96.  
  97. .imagesm img { display: inline; text-align:center; height: 80px; width: 80px; }
  98.  
  99. /** bexfynch**/
  100.  #todos {width:26px; height:auto;margin-top:-95px;margin-left:55px;}
  101.  
  102. #cara {z-index:999999;position:fixed; letter-spacing:-1px; margin-top:-100px; text-align:center; margin-left:55px; width:20px; background-color:transparent; font-family:arial; color:#000; height:90px;font-size:26px;}
  103. #cara a {color: {color:link};}
  104. #cara img {width:17px; height: auto;color: {color:flor};}
  105. #cara a:hover {color: {color:link hover};}
  106.  
  107. #cara2 {z-index:999999;position:fixed; letter-spacing:-1px; margin-top:-100px; text-align:center; margin-left:70px; width:20px; background-color:transparent; font-family:arial; color:#000; height:90px;font-size:26px;}
  108. #cara2 a {color: {color:link};}
  109. #cara2 img {width:17px; height: auto; -webkit-transition-duration: 0.9s;}
  110. #cara2 a:hover {color: {color:link hover};}
  111.  
  112. #cara3 {z-index:999999;position:fixed; letter-spacing:-1px; margin-top:-100px; text-align:center; margin-left:85px; width:20px; background-color:transparent; font-family:arial; font-size:26px; color:#000; height:90px;  z-index:9;}
  113. #cara3 a {color: {color:link};}
  114. #cara3 img {width:17px; height: auto; -webkit-transition-duration: 0.9s;}
  115. #cara3 a:hover {color: {color:link hover};}
  116.  
  117. #cara4 {z-index:999999;position:fixed; letter-spacing:-1px; margin-top:-100px; text-align:center; margin-left:100px; width:20px; background-color:transparent; font-family:arial; font-size:26px; color:#000; height:90px;  z-index:9;}
  118. #cara4 a {color: {color:link};}
  119. #cara4 img {width:17px; height: auto; -webkit-transition-duration: 0.9s;}
  120. #cara4 a:hover {color: {color:link hover};}
  121. .linkss{text-align:right;width:100px;height: auto; padding-bottom:auto;position: absolute;letter-spacing:px;  z-index:0;font-style:;margin-left:4px; margin-top:-50px;padding:3px;opacity:1.0;-webkit-transition-duration: 0.6s;border-bottom:0px dotted {color:border};}
  122. .linkss a {display:; font-family: arial;font-size:11px; text-transform:;font-style:; letter-spacing:px;text-transform:; text-decoration:none; text-align:left; padding:1px;}
  123. .linkss a:hover {color: {color:link hover}; text-decoration:;}
  124. /** bexfynch**/
  125.  
  126. /** descrição por serenata-s **/
  127. .descricaosm{  margin-bottom: 2px; width: 80px; margin-left: 142px; margin-top: -96px; text-align:center; padding-top: 0px;  z-index: 2;font-family:Century Gothic;}
  128. /** descrição por serenata-s **/
  129.  
  130. /** SIMBOLO POR FIXAR-SE **/
  131. #simbolo {text-align:left;width:100px;height: auto; padding-bottom:auto;position: absolute;letter-spacing:px;  z-index:0;font-style:;margin-left:125px; margin-top:11px;padding:0px;opacity:1.0;-webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;;font-family: calibri;font-size:15px;letter-spacing:1px;}
  132.  
  133. #simbolo2 {text-align:left;width:100px;height: auto; padding-bottom:auto;position: absolute;letter-spacing:px;  z-index:0;font-style:;margin-left:117px; margin-top:8px;padding:0px;opacity:1.0;-webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;;font-family: calibri;font-size:15px;letter-spacing:1px;}
  134. /** SIMBOLO POR FIXAR-SE **/
  135.  
  136. /** CAIXA POR havingthemes **/
  137.  .caixaht {background-color: #fff; margin: 0 0px 10px 0;   padding: 10px; font-family: 'Sniglet', cursive; border: 1px solid #D3D3D3;}
  138.  /** CAIXA POR havingthemes **/
  139.  
  140.  
  141. </style>
  142. </head>
  143. <body>
  144.  
  145.  
  146.  
  147.  <div id="sidebarsm">
  148. <div class="imagesm"><img src="{image:sidebar} "></div>
  149.  
  150. <div class="descricaosm">{Description}</div>
  151.  
  152. <div id="simbolo">
  153.  
  154. </div>
  155.  
  156. <div id="simbolo2">
  157.  
  158. </div>
  159.  
  160.  
  161. <!-- bexfynch -->
  162. <div id="cara"><a href="{text:link1}" title="{text:link1 titulo}">{text:link1 simbolo}</div></a>
  163.  
  164. <div id="cara2"><a href="{text:link2}" title="{text:link2 titulo}">{text:link2 simbolo}</div></a>
  165.  
  166. <div id="cara3"><a href="{text:link3}" title="{text:link3 titulo}">{text:link3 simbolo}</div></a>
  167.  
  168. <div id="cara4"><a href="{text:link4}" title="{text:link4 titulo}">{text:link4 simbolo}</div></a>
  169. <!-- menu bexfynch -->
  170.  
  171. </div>
  172.  
  173.  
  174.  
  175. <div style="position:fixed; left:20px; bottom:30px;">© <a href="http://planejava.tumblr.com" title="Theme por planejava + Base por Serenata-s + dtlhs bexfynch, fixar-se, havingthemes">planejava</a></div>
  176.  
  177. <div id="posts">
  178. {block:Posts}
  179. <div class="posts">
  180.  
  181.  <div class="caixaht">
  182.  
  183. {block:Text}
  184. {block:Title}{Title}{/block:Title}
  185. {body}
  186. {/block:Text}
  187.  
  188.  
  189. {block:Photo}
  190. {block:IndexPage}{LinkOpenTag}<img src="{PhotoURL-400}"width=275p >{LinkCloseTag}{/block:IndexPage}
  191. {block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{/block:PermalinkPage}
  192. {/block:Photo}
  193.  
  194.  
  195. {block:Photoset}
  196. {block:IndexPage}{LinkOpenTag}{Photoset-250}{LinkCloseTag}{/block:IndexPage}
  197. {block:PermalinkPage}{LinkOpenTag}{Photoset-500}{LinkCloseTag}{/block:PermalinkPage}
  198.  
  199. {/block:Photoset}
  200.  
  201.  
  202. {block:Quote}
  203. <div class="quote">{Quote}</div>
  204. {block:Source}<div class="source"> - {Source}</div>
  205. {/block:Source}
  206. {/block:Quote}
  207.  
  208.  
  209. {block:Chat}
  210. {block:Lines}
  211. {block:Label}
  212. {Label}
  213. {/block:Label}
  214. {Line}
  215. {/block:Lines}
  216. {/block:Chat}
  217.  
  218.  
  219. {block:Link}
  220. <a href="{URL}" target="{Target}">{Name}</a>
  221. {block:Description}{Description}{/block:Description}
  222. {/block:Link}
  223.  
  224.  
  225. {block:Audio}
  226. {AudioPlayer}
  227. {block:PlayCount}Played: {PlayCount}{/block:PlayCount}
  228. {block:Artist}Artist: {Artist}{/block:Artist}
  229. {block:Album}Album: {Album}{/block:Album}
  230. {block:TrackName}Trackname: {TrackName}{/block:TrackName}
  231.  
  232. {/block:Audio}
  233.  
  234.  
  235. {block:Video}
  236. {block:Indexpage}{Video-250}{/block:IndexPage}
  237. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  238.  
  239. {/block:Video}
  240.  
  241.  
  242. {block:Answer}
  243. <img src="{AskerPortraitURL-24}"class="ask">
  244. <div class="perguntou">{Asker}</div><p></p>
  245. <div class="pergunta">{Question}</div><p></p>
  246. <div class="resposta">{Answer}</div>
  247. {/block:Answer}
  248.  
  249. {block:IndexPage}
  250. <div class="notes">
  251. <p>
  252. <a href="{Permalink}"> {DayOfMonthWithZero} {Month} {year} </a> </br>
  253. <a href="{permalink}">{NoteCount}</a></br>
  254. <a href="{reblogurl}">reblog</a>
  255. </span></div>
  256.  {/block:IndexPage}
  257.  </div>
  258.  </DIV>
  259. {/block:Posts}
  260.  
  261.  </div></div>
  262.  
  263. </body>
  264. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement