API tools faq
paste
Advertisement
dds-themex

Theme masculino

dds-themex
May 19th, 2013
170
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.08 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3. <link rel="shortcurt icon" href="{Favicon}">
  4. <title>{title}</title>
  5.  
  6. <link href='http://fonts.googleapis.com/css?family=Quando' rel='stylesheet' type='text/css'>
  7. <link href='http://fonts.googleapis.com/css?family=Scada' rel='stylesheet' type='text/css'>
  8.  
  9. </head>
  10.  
  11. <style>
  12. body {background-image:url('http://24.media.tumblr.com/tumblr_maasi5YEBZ1r3rnp2o1_250.png'); background-position: center; background-attachment: fixed; background-repeat: repeat; font-family: lucida sans; font-size: 10px;}
  13.  
  14. a:link {color: #000; text-decoration: none;}
  15. a:hover {color: #000;}
  16.  
  17. .sidebar {
  18. position: absolute;
  19. padding: 5px;
  20. float: right;
  21. background: #fff;
  22. border-radius: 5px;
  23. margin-top: 25px;
  24. margin-left: 100px;
  25. width: 250px;
  26. height: auto;}
  27.  
  28. #post {
  29. position: absolute;
  30. padding: 5px;
  31. background: #transparent;
  32. border-radius: 5px;
  33. margin-top: 25px;
  34. margin-left: 400px;
  35. width: 500px;
  36. }
  37.  
  38. /*menu*/
  39. .menu{text-align: center; text-decoration: none;}
  40. .menu a{text-transform:uppercase!important; padding:
  41. 5px 5px 5px 5px; display: inline-block; background:#7EC0EE;
  42. margin-top: 5px; font-size: 8px; color: #fff;
  43. font-family: tahoma; -webkit-transition: all 0.6s ease-out;
  44. -moz-transition: all 0.6s ease-out; font-weight: bold;}
  45. .menu a:hover{background: ##7EC0EE;
  46. color: #fff;}
  47.  
  48. /*caixa*/
  49. .caixa {
  50. background: #fff;
  51. border-radius: 5px;
  52. padding: 5px;
  53. margin-bottom: 4px;}
  54.  
  55. /*** Paginação por things to help you ******/
  56. #paginacaoml {display: block; font-size: 10px; font-weight: bold; padding-top: 8px; padding-bottom: 8px; text-shadow: 0 1px 1px #; background: #; margin-top: 3px; margin-left: 22px; margin-right: 22px; text-align: left;}
  57. #paginacaoml a {width: 40px; height: 20px; background: url('http://static.tumblr.com/ifqwhnb/UpEm233hw/psdlinha.png') no-repeat; color: #fff; padding-top: 3px; margin-top: -2px; text-align: center; margin-bottom: -8px; text-decoration: none; margin-left: -1px;text-transform:uppercase; display: inline-block; text-shadow: 1px 1px 1px #85b5b4;}
  58. #paginacaoml a:hover {width: 40px; height: 20px; background: url('http://static.tumblr.com/ifqwhnb/KUSm233q9/psdlinha.png') no-repeat; color: #fff; padding-top: 3px; margin-top: -2px; text-align: center; margin-bottom: -8px; text-decoration: none; margin-left: -1px;text-transform:uppercase; display: inline-block; text-shadow: 1px 1px 1px #e2a6d3;}
  59. #paginacaoml span.pagina_atual {width: 40px; height: 20px; background: url('http://static.tumblr.com/ifqwhnb/fdlm233m7/psdlinha.png') no-repeat; color: #fff; padding-top: 3px; margin-top: -2px; text-align: center; margin-bottom: -8px; text-decoration: none; margin-left: -1px;text-transform:uppercase; display: inline-block;}
  60.  
  61. /*EFEITO DASHED POR BABI (FIXAD4) */
  62. #apple {
  63. border-radius: 15px; border: 3px dashed #eee; width: 250px;}
  64. #apple:hover {
  65. border-radius: 30px; border: 6px dashed #000; -webkit-transition:10s; ease-out;}
  66.  
  67. /*titulo*/
  68. h1 {background: #eee; border: 2px dotted #000; font-family: 'Quando', serif; color: #000;}
  69.  
  70. /********* Créditos por all-teardrop-is-a-waterfall ********/
  71. .creditos {background: #7EC0EE; padding: 5px; color: #fff;border-radius: 3px;font-size: 8px; font-family:"04b03", small fonts; text-transform: uppercase;-webkit-transition-duration: .90s;display: inline-block;}
  72. .creditos a{color: #fff;-webkit-transition-duration: .90s; }
  73. .creditos:hover {opacity: 0.7; padding: 5px; color: #fff;-webkit-transition-duration: .90s; }
  74. .creditos2 { line-height: 13px;margin-left: 2px; text-decoration: none; padding: 2px; vertical-align:text-top; font-style: normal;font-size: 10px; color: #767676; background: transparent;display: inline-block;}
  75. .borderbottom { border-bottom: 1px solid #e8e8e8; display: block; }
  76. /******* Font-Face por TTHY ********/
  77. @font-face {font-family: "04b03";
  78. src: url('http://static.tumblr.com/icz5xqv/ZUmlobzpk/bonjourlindas.blgspt_upload_pxl.ttf'); format("truetype"); }
  79.  
  80.  
  81. b, strong {color: #CD5C5C; text-decoration: none; cursor: help;}
  82.  
  83. s {color: #CD5C5C;cursor: help;}
  84.  
  85. i {color: #CD5C5C; text-decoration: none;cursor: help;}
  86.  
  87. u, underline {color: #CD5C5C; text-decoration: none; border-bottom: 1px dashed #eee;cursor: help;}
  88.  
  89. /*wish*/
  90. .wish {background: #eee; font-family: 'Scada'; font-size: 10px; border-left: 2px solid #aca5bb; text-transform: uppercase; padding: 5px; margin-left: 4px; margin-bottom: 1px; width: 220px;}
  91. .wish:hover {background: #eee; font-family: 'Scada'; font-size: 10px; border-right: 2px solid #98d1bd;}
  92.  
  93.  
  94. /*borda redonda*/
  95. .b {border-radius: 100px;}
  96.  
  97.  
  98. /* --- notes por HTMLASK/HEARTUSUFFIX.TUMBLR.COM --- */
  99. .notas {margin-top: 1px; opacity: 0; margin-left: 5px;; position: absolute; -webkit-transition-duration: 0.4s; }
  100. .notas a{margin-right: 3px;}
  101. #post:hover .notas{opacity: 1; margin-top: -12px;}
  102.  
  103. /****** Balão da Ask, by: daniideutscher.tumblr *****/
  104. @font-face {src: url('http://static.tumblr.com/08l8cbl/UsQmgu9kz/pf_arma_five.ttf'); font-family: PF Arma Five; font-weight: normal;}
  105.  
  106. .estilodeask {
  107. overflow: hidden;
  108. font: 11px Verdana; /* Tamanho e nome da Fonte */
  109. margin-bottom: 8px;
  110. }
  111.  
  112. .balao {
  113. position: relative;
  114. background: #eee; /* Cor de Fundo da Caixa da Pergunta */
  115. margin-right: 65px;
  116. padding: 4px;
  117. color: #a7a7a7; /* Cor da Fonte */
  118. }
  119.  
  120. .balao:after {
  121. left: 100%;
  122. border: solid transparent;
  123. content: " ";
  124. height: 0;
  125. width: 0;
  126. position: absolute;
  127. pointer-events: none;
  128. }
  129.  
  130. .balao:after {
  131. border-left-color: #eee; /* Cor da Setinha do Balão */
  132. border-width: 10px;
  133. top: 65%;
  134. margin-top: -10px;
  135. }
  136.  
  137. .asker {
  138. font: 8px PF Arma Five; /* Tamanho e nome da fonte de quem perguntou */
  139. background: #88b7d5; /* Cor de Fundo */
  140. color: #fff; /* Cor da Fonte */
  141. padding: 2px;
  142. margin-right: -4px;
  143. margin-left: -4px;
  144. margin-bottom: 12px;
  145. margin-top: -4px;
  146. text-align: center;
  147. }
  148.  
  149.  
  150. asker {
  151. color: #000;
  152. }
  153.  
  154. .balao a {
  155. color: #000;
  156. }
  157.  
  158. .askphoto {
  159. background: #88b7d5; /* Cor de fundo da foto */
  160. padding: 6px;
  161. border-radius: 100px;
  162. }
  163.  
  164. /* Estilo de Quote - by: daniideutscher.tumblr */
  165. quote {
  166. position: relative;
  167. display: block;
  168. background: #eee; /* Fundo do quote */
  169. color: #a7a7a7; /* Cor da letra */
  170. font: italic 11px Georgia; /* estilo, tamanho e fonte */
  171. padding: 7px;
  172. }
  173. quote:after {
  174. top: 100%;
  175. border: solid transparent;
  176. content: " ";
  177. height: 0;
  178. width: 0;
  179. position: absolute;
  180. pointer-events: none;
  181. }
  182.  
  183. quote:after {
  184. border-color: rgba(136, 183, 213, 0);
  185.  
  186. border-width: 10px;
  187. left: 10%;
  188. margin-left: -10px;
  189. }
  190.  
  191. quote2 {display: block;
  192. padding: 2px;
  193. font: bold 11px Verdana; /* Tipo, tamanho e nome da fonte */
  194. line-height: 20px;
  195. background: #820027; ; /* Cor de Fundo */
  196. color: #5d001c; /* Cor da Fonte, escolha sempre uma cor mais escura do que a cor de fundo */
  197. text-shadow: 1px 1px 0px rgba(255,255,255,0.1);
  198. overflow: hidden;
  199. text-align: center;
  200. }
  201. </style>
  202.  
  203. <body>
  204. <DIV STYLE=" BACKGROUND-IMAGE: URL('http://media.tumblr.com/3bcdd7fbd47a3f36ea544ac6db3f1b98/tumblr_inline_mj7jefVMmE1qz4rgp.png'); BOTTOM: 0PX; LEFT: 0PX; WIDTH: 100%; HEIGHT: 15PX; Z-INDEX: 100; POSITION: FIXED;"></DIV>
  205. <div class="sidebar">
  206. <img style="border-radius: 5px; margin-top: -1px;" src="http://25.media.tumblr.com/tumblr_lr2n4o8zCz1qlkxo2o1_250.gif" width="250px">
  207. Tá vendo essa partezinha aqui? apague ela, e escreva seu texto... ou poe sua descrição, sl. Não retire os créditos desse theme, falow? plágio é crime. não desvalorize meu trabalho, plix. <img src="http://media.tumblr.com/tumblr_m89sr96HNZ1qdlkyg.gif">
  208.  
  209. <div class="menu">
  210. <a href="/">1st</a>
  211. <a href="/ask">ask</a>
  212. <a onClick="document.getElementById('post').innerHTML=document.getElementById('01').innerHTML;"> sobre</a>
  213. <a onClick="document.getElementById('post').innerHTML=document.getElementById('02').innerHTML;"> tumblr</a>
  214. </div>
  215. </div>
  216.  
  217. <div id="post">
  218. {block:Posts}
  219.  
  220. <!-- TEXTOS -->
  221. {block:Text}
  222. <div class="caixa">
  223. {block:Title} <h1>{Title}</h1> {/block:Title}
  224. {Body}
  225. <div class="notas"><a href="{reblogurl}" target="_blank"><img src="http://www.themecloud.co/themes/narnia/reblog.png" /></a> <a href="{permalink}"><img src="http://www.themecloud.co/themes/narnia/like.png" /></a></div>
  226. </div>
  227. {/block:Text}
  228.  
  229. <!-- FOTO -->
  230. {block:Photo}
  231. <div class="caixa">
  232. {LinkOpenTag}<img style="border-radius: 5px" src="{PhotoURL-500}" width="494px">{LinkCloseTag}
  233. {block:Caption} {Caption} {/block:Caption}
  234. <div class="notas"><a href="{reblogurl}" target="_blank"><img src="http://www.themecloud.co/themes/narnia/reblog.png" /></a> <a href="{permalink}"><img src="http://www.themecloud.co/themes/narnia/like.png" /></a></div>
  235. </div>
  236. {/block:Photo}
  237.  
  238. <!-- PHOTOSET -->
  239. {block:Photoset}
  240. <div class="caixa">
  241. <center>{Photoset-500}</center>
  242. {block:Caption} {Caption} {/block:Caption}
  243. <div class="notas"><a href="{reblogurl}" target="_blank"><img src="http://www.themecloud.co/themes/narnia/reblog.png" /></a> <a href="{permalink}"><img src="http://www.themecloud.co/themes/narnia/like.png" /></a></div>
  244. </div>
  245. {/block:Photoset}
  246.  
  247. <!-- QUOTE -->
  248. {block:Quote}
  249. <div class="caixa">
  250. <quote>{Quote}</quote>
  251. <quote2>— {Source}</quote2>
  252. <div class="notas"><a href="{reblogurl}" target="_blank"><img src="http://www.themecloud.co/themes/narnia/reblog.png" /></a> <a href="{permalink}"><img src="http://www.themecloud.co/themes/narnia/like.png" /></a></div>
  253. </div>
  254. {/block:Quote}
  255.  
  256. <!-- LINK -->
  257. {block:Link}
  258. <div class="caixa">
  259. <a href="{URL}" {Target}>{Name}</a>
  260. {block:Description} {Description}{/block:Description}
  261. <div class="notas"><a href="{reblogurl}" target="_blank"><img src="http://www.themecloud.co/themes/narnia/reblog.png" /></a> <a href="{permalink}"><img src="http://www.themecloud.co/themes/narnia/like.png" /></a></div>
  262. </div>
  263. {/block:Link}
  264.  
  265. <!-- CHAT -->
  266. {block:Chat}
  267. <div class="caixa">
  268. {block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}
  269. {block:Lines}<li class="{Alt} user_{UserNumber}"> {block:Label} <b>{Label}</b> {/block:Label} {Line}</li>{/block:Lines}
  270. <div class="notas"><a href="{reblogurl}" target="_blank"><img src="http://www.themecloud.co/themes/narnia/reblog.png" /></a> <a href="{permalink}"><img src="http://www.themecloud.co/themes/narnia/like.png" /></a></div>
  271. </div>
  272. {block:Chat}
  273.  
  274. <!-- VIDEO -->
  275. {block:Video}
  276. <div class="caixa">
  277. {Video-500}
  278. {block:Caption}{Caption}{/block:Caption}
  279. <div class="notas"><a href="{reblogurl}" target="_blank"><img src="http://www.themecloud.co/themes/narnia/reblog.png" /></a> <a href="{permalink}"><img src="http://www.themecloud.co/themes/narnia/like.png" /></a></div>
  280. </div>
  281. {/block:Video}
  282.  
  283. <!-- AUDIO -->
  284. {block:Audio}
  285. <div class="caixa">
  286. {AudioPlayerGrey}
  287. {block:TrackName}{TrackName}{/block:TrackName}
  288. {block:Artist}{Artist}{/block:Artist}
  289. {block:Album}{Album}{/block:Album}
  290. {block:PlayCount}{PlayCount}{/block:PlayCount}
  291. {block:Caption}{Caption}{/block:Caption}
  292. <div class="notas"><a href="{reblogurl}" target="_blank"><img src="http://www.themecloud.co/themes/narnia/reblog.png" /></a> <a href="{permalink}"><img src="http://www.themecloud.co/themes/narnia/like.png" /></a></div>
  293. </div>
  294. {/block:Audio}
  295.  
  296. <!-- ASKS -->
  297. {block:Answer}
  298. <div class="caixa">
  299. <div class="estilodeask">
  300. <img src="{AskerPortraitURL-40}" class="askphoto" width="40px" align="right">
  301.  
  302. <div class="balao">
  303. <div class="asker">Ask by: <asker>{Asker}</asker></div>
  304. {Question}
  305. </div>
  306.  
  307. </div>
  308.  
  309. {Answer}
  310. <div class="notas"><a href="{reblogurl}" target="_blank"><img src="http://www.themecloud.co/themes/narnia/reblog.png" /></a> <a href="{permalink}"><img src="http://www.themecloud.co/themes/narnia/like.png" /></a></div>
  311. </div>
  312. {/block:Answer}
  313.  
  314. <!-- NOTES DO PERMALINK-->
  315. {block:PostNotes}
  316. {NoteCount}
  317. {/block:PostNotes}
  318.  
  319.  
  320. {/block:Posts}
  321.  
  322. <center>
  323. {block:IndexPage}
  324. <div id="paginacaoml">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}{/block:Pagination}
  325. {block:JumpPagination length="9"}
  326. {block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage}
  327. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  328. {/block:JumpPagination}
  329. {block:Pagination}{block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}{/block:Pagination}
  330. </div></center>
  331. {/block:IndexPage}
  332. </div>
  333.  
  334.  
  335. <div id="01" style="display:none;">
  336. <div class="caixa">
  337. <h1>About me</h1>
  338. <img style="margin-top: -7px" src="{PortraitURL-30}" class="b" align="left">
  339. Escreva <b>aqui</b> sobre você!! Não retire os créditos, cuidado se for mexer em algo....
  340.  
  341.  
  342. <h1>Wishlist</h1>
  343.  
  344.  
  345.  
  346. <table><tr><td>
  347. <div class="wish">Escreva</div>
  348. <div class="wish">Escreva</div>
  349. </td><td>
  350. <div class="wish">Escreva</div>
  351. <div class="wish">Escreva</div>
  352. </td></tr></table>
  353. </div></div>
  354.  
  355. <div id="02" style="display:none;">
  356. <div class="caixa">
  357. Escreva sobre seu tumblr aqui.
  358.  
  359. <h1>Créditos</h1>
  360. <div class="borderbottom"><div class="creditos"><a href="http://fixad4.tumblr.com">babi</a></div> <div class="creditos2"> Desenvolvimento do theme </div></div>
  361. <div class="borderbottom"><div class="creditos"><a href="http://htmlask.tumblr.com">lask</a></div> <div class="creditos2"> Notes hover </div></div>
  362. <div class="borderbottom"><div class="creditos"><a href="http://chasinghtml.tumblr.com">chasing html</a></div> <div class="creditos2"> Wishlist </div></div>
  363. <div class="borderbottom"><div class="creditos"><a href="http://mundohtml.tumblr.com"> Mundo Html</a></div> <div class="creditos2"> Menu dos Créditos.</div></div>
  364. <div class="borderbottom"><div class="creditos"><a href="http://cantinho-html.tumblr.com">CH</a></div> <div class="creditos2">Background </div></div>
  365. <div class="borderbottom"><div class="creditos"><a href="http://things-to-help-you.com">TTHY</a></div> <div class="creditos2"> Menu, blocks de postagens, e outras ajudas. </div></div>
  366. <div class="borderbottom"><div class="creditos"><a href="http://fortunefaded-extras.tumblr.com">Danii</a></div> <div class="creditos2"> Estilo de ask e quote</div></div>
  367. <div class="borderbottom"><div class="creditos"><a href="http://lovers-of-designs.tumblr.com">LOD</a></div> <div class="creditos2"> Cortininha debaixo. </div></div>
  368. </div></div>
  369. </body>
  370. </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!