Advertisement
joicealmeida

theme da jennel garcia ><

Jul 7th, 2013
175
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 47.65 KB | None | 0 0
  1.  
  2.  
  3. <html>
  4.  
  5. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  6. <link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz' rel='stylesheet' type='text/css'>
  7.  
  8. <link href='http://fonts.googleapis.com/css?family=Terminal+Dosis:300' rel='stylesheet' type='text/css'></head>
  9.  
  10. <!-- BEGIN TUMBLR CODE --><iframe src="http://assets.tumblr.com/iframe.html?8&src=http%3A%2F%2FNOME.com%2F&amp;lang=en_US&amp;name=NOME" scrolling="no" width="330" height="25" frameborder="0" style="position:absolute; z-index:1337; top:0px; right:0px; border:0px; background-color:transparent; overflow:hidden;" id="tumblr_controls"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('tumblr_controls').allowTransparency=true;</script><![endif]--><script type="text/javascript">_qoptions={qacct:"p-19UtqE8ngoZbM"};</script><script type="text/javascript" src="http://edge.quantserve.com/quant.js"></script><noscript><img src="http://pixel.quantserve.com/pixel/p-19UtqE8ngoZbM.gif" style="display:none; border-width:0px; height:1px; width:1px;" alt=""/></noscript><!-- END TUMBLR CODE --></body>
  11. <link href='http://fonts.googleapis.com/css?family=Shadows+Into+Light+Two' rel='stylesheet' type='text/css'>
  12. <iframe id="likeiframe" style="width: 1px; height: 1px;"></iframe>
  13. <link href='http://static.tumblr.com/5dbytsa/a3Hme5zsw/fadein.css' rel='stylesheet' type='text/css'>
  14. <link href='http://fonts.googleapis.com/css?family=Londrina+Solid' rel='stylesheet' type='text/css'>
  15. <script type="text/javascript">
  16. function changeNavigation(id) {document.getElementById('liuc').innerHTML=document.getElementById(id).innerHTML}
  17. </script>
  18.  
  19. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  20. <head>
  21.  
  22.  
  23. <title>{Title}</title>
  24. <link href='http://fonts.googleapis.com/css?family=Arbutus+Slab|Ubuntu+Mono|Carrois+Gothic|Port+Lligat+Slab|Carrois+Gothic+SC|Scada' rel='stylesheet' type='text/css'>
  25.  
  26. <link href='http://fonts.googleapis.com/css?family=Play' rel='stylesheet' type='text/css'>
  27.  
  28.  
  29. </head>
  30. <style>
  31.  
  32.  
  33. /********** Fundo do Theme */
  34. body {
  35.  
  36. background-attachment: fixed;
  37. background-color: #393937;
  38. font-family: tahoma;
  39. font-size: 8pt;
  40. color: gray;
  41. text-align: justify;
  42. }
  43.  
  44. /**** SELECAO COLORIDA - MADLYLUV.com ****/
  45.  
  46. ::-moz-selection
  47. {color: #9acbcb;text-shadow: 0 1px 1px #000;background: #000;}
  48. ::selection
  49. {color: #9acbcb;text-shadow: 0 1px 1px #000;background: #000;}
  50.  
  51.  
  52. /* Titulo dos posts */
  53. .h1 {font-size:28px; color:#dcc218; margin-left: 14px; font-family:'Ubuntu Mono'; text-transform: uppercase;}
  54.  
  55. /***caixas***/
  56. .box {background-color: #2e2e2c; color:#959090; margin-bottom: 10px; padding: 5px; text-align: justify; border: 5px solid rgba(0,0,0,0.1);
  57. background-clip: padding-box; -moz-background-clip: padding-box;
  58. -webkit-background-clip: padding-box; font-family:'Ubuntu Mono'; text-transform: uppercase;
  59. }
  60.  
  61. /* Página */
  62. #pagina {width: 900px; margin-left:20px; top:300px; padding-top:20px;}
  63.  
  64. /* Sidebar */
  65. #sidebar {text-align: juste4b5b9ify; float: left; width: 300px; top: 400px; padding-top:1px; margin-left: 0px;font-family:'Ubuntu Mono';
  66. font-size:11px; text-transform: uppercase; position: absolute;}
  67.  
  68. .letragrande{font-family:'Ubuntu Mono'; color:#f9e69f; font-size:45px; float:left;margin-top:-5px;line-height:15px;}
  69.  
  70. /* Posts */
  71. #posts {width: 580px; text-align: justify; float: right; padding-bottom: 8px; font-family: georgia; margin-left:-70px;font-size: 11px; margin-top:0px;}
  72.  
  73. /* Posts */
  74. #joybox {width: 590px; text-align: justify; float: right; padding-bottom: 8px; font-family: georgia; font-size: 11px; margin-top:-20px;}
  75.  
  76. /* FONTE PIXEL */
  77. @font-face {font-family: "04b03";
  78. src: url('http://static.tumblr.com/p0nqcte/56im0rvo6/04b_03__.ttf'); format("truetype"); }
  79.  
  80. @font-face {font-family: "handy"; src: url('http://static.tumblr.com/lnvca6d/E6vm63ih7/pf_ronda_seven__1_.ttf');}
  81.  
  82. li {background:#4b5a72; padding:3px 7px 3px 7px; display: inline-block; margin-bottom:2px; width:500px; text-transform: uppercase; font-family:'Ubuntu Mono'; font-size:11px; color:#f5f5f5; text-shadow:1px 1px 0px #2a3d5c; margin-left: -30px;}
  83.  
  84. li:hover {background:#d02c2d; padding:3px 7px 3px 7px; display: inline-block; margin-bottom:2px; width:500px; text-transform: uppercase; font-family:'Ubuntu Mono'; font-size:11px; color:#f5f5f5; text-shadow:1px 1px 0px #8f0f0f; margin-left: -30px; }
  85.  
  86.  
  87. .bot1 {background:#ffadad; padding: 1px; -webkit-border-radius: 2px; text-transform:uppercase; text-align: center; display: inline-block; float: center; font-size: 6pt; font-family: "PF Tempesta Seven Condensed"; text-shadow: 1px 1px 0px #e09797; color:#fff; padding: 0px 4px 2px 4px; }
  88. .bot1:hover {background:#baced5; font-family: "PF Tempesta Seven Condensed"; text-shadow: 1px 1px 0px #9bbeca; color:#fff; padding: 0px 4px 2px 4px;}
  89. .bot1
  90. a{color: #fff;}
  91. .bot1
  92. b{color: #fff;}
  93. .tag {background:#c0cf78; padding: 1px; -webkit-border-radius: 2px; text-transform:uppercase; text-align: center; display: inline-block; float: center; font-size: 6pt; font-family: "PF Tempesta Seven Condensed"; text-shadow: 1px 1px 0px #a0a95c; color:#fff; padding: 0px 4px 2px 4px; }
  94.  
  95. /* Chat por Anna *********/
  96. .chat {background: #fff; margin: 0; font-size: 10px; font-family: verdana;}
  97. .chat .chat1 {margin-left: 0px;}
  98. .chat .chat1 .chat2 {background:#d4c226; color: #fff; margin-bottom: 1px; padding: 4px 5px 4px 5px;}
  99. .chat .chat1 .chat2.even {background: #d02c2d; color: #fff;}
  100. .chat .chat1 .chat2 span{font-weight: bold;}
  101.  
  102. .wisha{background:#f7f7f7; padding:4px 10px 4px 5px; margin-bottom:1px; width: 460px; text-align:left; font-family:'Carrois Gothic'; color:#3d3d3d; border-left: 8px solid #ededed; }
  103.  
  104. .titlems {text-align: justy;display: block;font-size:28px; color:#d4c226; margin-left: 14px; font-family:'Ubuntu Mono'; text-transform: uppercase; line-height: 21px; padding: 5px; margin-top: -50px; margin-left: 20px;}
  105. .quotems {text-align: justy; color: #ffffff; display: block; font: normal 50px georgia;vertical-align: middle; padding: 5px; line-height: 50px; margin-top: -5px; opacity: 0.2}
  106.  
  107. /***negrito, itálico e blabla***/
  108. b, strong {color: #d02c2d; text-decoration: none; cursor: help;}
  109. s {color: #4b5a72;cursor: help;}
  110. i {color: #fbe341; text-decoration: none;cursor: help;}
  111. u, underline {color: #7aac47; text-decoration: none; border-bottom: 1px dashed #4b5a72;cursor: help;}
  112.  
  113. -moz-box-shadow: 2px 2px 2px 2px #eee;
  114. -webkit-box-shadow: 2px 2px 2px 2px #eee;
  115. -khtml-box-shadow: 2px 2px 2px 2px #eee;
  116.  
  117. /** LNKS**/
  118. a:link {color: #4b5a72; text-decoration: none;}
  119. a:active {color: #4b5a72; text-decoration: none;}
  120. a:visited {color: #4b5a72; text-decoration: none;}
  121. a:hover { color: #d02c2d;}
  122.  
  123.  
  124. a:link,a:active,a:visited { color: #4b5a72; text-decoration: none; -webkit-transition-duration: .50s;}
  125. a:hover { color: #d02c2d;}
  126.  
  127. /* menuzinho muchhelp */
  128. .desq {display: inline-block;}
  129. .desq a {background: url(http://static.tumblr.com/23ogsyz/mOomi4rxf/taged2.png)no-repeat left center #eee; width: 130px; padding: 3px; padding-left: 17px; border-radius: 4px; color: #afafaf; font-size: 10px; font-family: 'Scada'; text-transform: uppercase; text-shadow: 1px 1px 1px #fff; border-bottom: 1px solid #d9d9d9; float: left; margin: 1px; -webkit-transition-duration: 0.9s; text-decoration: none;}
  130. .desq a:hover {color: #d07484; background: url(http://static.tumblr.com/23ogsyz/TDmmi4rx5/taged.png)no-repeat left center #eebfc7; border-bottom: 1px solid #de9ba7}
  131. /* fonte personalizada muchhelp */
  132. @font-face {font-family: Scada; src: url('http://themes.googleusercontent.com/static/fonts/scada/v1/uIa9-L3o-vNXk-UyBI3PSw.woff')}
  133.  
  134. @font-face {font-family: "04b03";
  135. src: url('http://static.tumblr.com/icz5xqv/ZUmlobzpk/bonjourlindas.blgspt_upload_pxl.ttf'); format("truetype"); }
  136. .u21 {border-bottom:1px solid #b5b5b5; padding:2px; font-family: "PF Tempesta Seven Condensed"; text-shadow: 1px 1px 0px #f0f0f0; color:#b9b9b9; text-transform:uppercase; font-size: 6pt;}
  137.  
  138. ol.notes{margin:0;padding:0;list-style:none;}
  139. ol.notes li{margin:2px 3px 1px 1px;padding:2px;list-style:none; background:#2a2a2a; border-left: 3px solid #202020; font-family:'Ubuntu Mono'; text-transform: uppercase; color:#d02c2d; text-transform: uppercase; font-size:12px;
  140. -webkit-border-top-right-radius: 10px;
  141. -webkit-border-bottom-right-radius: 10px;
  142. -moz-border-radius-topright: 10px;
  143. -moz-border-radius-bottomright: 10px;
  144. border-top-right-radius: 10px;
  145. border-bottom-right-radius: 10px;}
  146. ol.notes img {
  147. width: 15px;
  148. position: relative;
  149. top: 1px;
  150. padding-left: 5px;
  151. opacity: .7;
  152. -moz-border-radius: 8px;
  153. -webkit-border-radius: 8px;
  154. border-radius: 8px;}
  155. ol.notes a{font-weight: bold; color:#52637c; text-shadow: 1px 1px 0px #202020;}
  156. /** ask body **/
  157. .ask {align:right;background:#393937; margin-right:5px; margin-top: -37px;padding:10px; font-family:'Ubuntu Mono'; text-transform: uppercase; color:#d02c2d; text-shadow: 1px 1px 1px #333333;border-top: 0px double #3a3a3b;border-bottom: 0px double #3a3a3b; padding-left:60px; border-radius: 5px; width: 470px; box-shadow: 2px 2px 2px #272727 inset; margin-left: 25px;}
  158.  
  159. .askerr {float: right; margin-top: -10px;background: #475d7f;
  160. color: #fff; font-family: '04b03'; font-size: 8px;text-transform: uppercase;text-shadow: 1px 1px 1px #485583; padding: 5px; text-align: left; border-radius: 0px 7px 7px 0px;display: inline-block;
  161. }
  162.  
  163. .askerr2 {float: right; margin-top: -10px;background: #d02c2d;
  164. color: #fff; font-family: '04b03'; font-size: 8px;text-transform: uppercase;text-shadow: 1px 1px 1px #822525; padding: 5px; text-align: right; border-radius: 7px 0px 0px 7px;display: inline-block;
  165. }
  166. .askerr a {color: #fff; text-shadow: 1px 1px 1px #4c4f57;}
  167. .imageasker {width: 36px; height: 36px; margin-top: -45px; margin-left: 9px;float: left; border-radius: 7px; opacity: 0.7; -webkit-transition-duration: .50s;position: relative; }
  168. .imageasker:hover {opacity: 1; -webkit-transition-duration: .50s;}
  169.  
  170. .bordha {position: relative; background: url(http://static.tumblr.com/b1gnlwd/I0ymefnak/askphoto.png); width: 65px; height: 55px; margin-top: 0px;}
  171. /** Resposta **/
  172. .res {background: #393937; font-family:'Ubuntu Mono'; text-transform: uppercase; font-size:12px; color:#fff; text-align:left; padding: 8px; margin-top: 5px;}
  173.  
  174.  
  175. .barzita{background: #fec2cb; color:#fff; font-family:'Ubuntu Mono'; padding:3px 5px 3px 5px; text-shadow:1px 1px 0px #cddbde; margin-top:5px; text-align:center; text-transform: uppercase;-webkit-border-radius: 4px;
  176. -moz-border-radius: 4px;
  177. border-radius: 4px;}
  178.  
  179. .barzita a{color: #fff; padding:3px 2px 3px 2px; text-shadow:1px 1px 0px #eb98a5;}
  180.  
  181. .barzita a:hover{text-shadow:1px 1px 0px #7db4a6; background:#b6d9d0; padding:3px 2px 3px 2px; color:#fff;}
  182.  
  183. .barzita heart{color:#81aaa0; font-weight: bold; text-shadow:1px 1px 0px #fff;}
  184.  
  185. /*------ PERMALINK NÃO ROUBE ESSE CÓDIGO/MYCAELLA FERNANDA-----------*/
  186. .tags {background: #f2f2f2;color: #777;font-family: "PF Tempesta Seven Condensed"; font-size: 8px;margin-top:1px; text-align:left;padding:4px; text-transform: uppercase; margin left: 210px; color: #c7cdce; text-shadow: 1px 1px 0 #fff}
  187.  
  188. .sidetop {margin-top: -24px; margin-bottom: 2px; margin-left: -55px;}
  189. .sidelado {margin-top: -132px; margin-bottom: 66px; margin-left: -310px;}
  190. .sidebaixo {margin-top: -10px; margin-bottom: 6px; margin-left: 0px;}
  191. .postbaixo {margin-top: -9px; margin-bottom: 6px; margin-left: 30px;}
  192.  
  193.  
  194. @-webkit-keyframes smallToBig{from {-webkit-transform: scale(1);}to {-webkit-transform: scale(1.1);}}
  195. @-moz-keyframes smallToBig{from {-moz-transform: scale(1);}to {-moz-transform: scale(1.1);}}
  196. .bass{max-width:108px; margin:1px;}
  197. .bass:hover{-webkit-animation: smallToBig 300ms alternate infinite ease;-moz-animation: smallToBig 300ms alternate infinite ease;}
  198.  
  199.  
  200.  
  201. .parceiro{width:70px; margin:1px;border-radius:10px;-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; cursor:pointer;}
  202. .parceiro:hover{-webkit-transform: translateY(-25%) rotate(-360deg);}
  203.  
  204.  
  205. .bass1{margin:1px;border-radius:0px;-webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;transition: all 0.4s linear;}
  206. .bass1:hover{-webkit-animation: smallToBig 300ms alternate infinite ease;-moz-animation: smallToBig 300ms alternate infinite ease;}
  207.  
  208.  
  209. .seletag{width:264px; text-align: center;}
  210.  
  211. .seletag a{color:#aebfc3; background:#f5f5f5; display:inline-block; padding:4px 5px 4px 5px; margin-bottom:4px; text-align:justify; -webkit-border-radius: 3px; font-family: georgia; font-style: italic; text-shadow: 1px 1px 0px #fff; box-shadow:1px 1px 0px #ededed;
  212. -moz-border-radius: 3px;
  213. border-radius: 3px;}
  214.  
  215. .seletag a aste{color:#eeb9c9; padding:4px 2px 4px 2px; background:#ededed; text-shadow:1px 1px 0px #fff;}
  216.  
  217. .joy{background:#e3e8b1; padding:3px 5px 4px 6px; color:#fff; text-decoration: none; width: 50px; text-shadow:1px 1px 0px #d8df93; font-family: georgia; font-style: italic; font-size:11px; font-weight: bold;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.2s ease-out; -webkit-transition-duration:.50s; }
  218.  
  219. .joy:hover{background:#f6c2d1; color:#f7f7f7; text-shadow:1px 1px 0px #f3a8be; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.2s ease-out; -webkit-transition-duration:.50s; }
  220.  
  221. .side {background: #f5f5f5; padding: 5px; text-align: justify; margin-top: 0px; line-height: 12px; margin-left: 8px; margin-right: 15px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; font-family: 'Play';text-shadow: 1px 1px 0px #fff; box-shadow:1px 1px 0px #ededed; -moz-border-radius: 3px;
  222. border-radius: 3px;width: 320px; float:left; font-size: 12px;}
  223.  
  224.  
  225. #header{
  226. width:311px;
  227. height:272px;
  228. background-image:url('http://static.tumblr.com/drl2z9y/xY8mgjged/dd.png');
  229. margin-left:292px;
  230. margin-top: -22px;
  231.  
  232. }
  233.  
  234. #morri{
  235. width:201px;
  236. height:36px;
  237. background-image:url('http://static.tumblr.com/drl2z9y/uKOmgkfgi/mods.png');
  238. margin-left:480px;
  239. margin-top:-22px;
  240.  
  241. }
  242.  
  243.  
  244. .side1 {line-height: 12px; margin-left:-166px; margin-right: 15px; text-shadow: 1px 1px 0px #fff;
  245. border-radius: 3px;width: 780px; float:left; font-size: 12px; margin-top:-200px;}
  246.  
  247.  
  248. .side2 {background: #f5f5f5; padding: 5px; text-align: justify; margin-top: -10px; line-height: 12px; margin-left: 8px; margin-right: 15px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; font-family: 'Play';text-shadow: 1px 1px 0px #fff; box-shadow:1px 1px 0px #ededed; -moz-border-radius: 3px;
  249. border-radius: 3px;width: 320px; float:left; font-size: 12px;}
  250.  
  251. .regras{
  252. text-shadow:2px 2px 2px #141313;
  253. color: #adadad;
  254. background:#333333;
  255. text-align: left;
  256. font-family:'Ubuntu Mono';
  257. font-size:11px;
  258. text-transform: uppercase;
  259. border-left:6px solid #fbe646;
  260. margin-bottom:2px;
  261. padding:5px 10px 5px 10px;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.2s ease-out; -webkit-transition-duration:.50s;}
  262.  
  263. .regras:hover{
  264. border-left:6px solid #69bd3a;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.2s ease-out; -webkit-transition-duration:.50s;}
  265.  
  266. .regras aviso {color:#fff;
  267. background:#fc7ca5;
  268. -webkit-border-radius: 3px;
  269. -moz-border-radius: 3px;
  270. border-radius: 3px;
  271. text-shadow:1px 1px 0px #f7739d;
  272. padding:1px 3px 1px 3px;
  273. }
  274.  
  275. .wishlist{
  276. text-shadow:2px 2px 2px #141313;
  277. color: #adadad;
  278. background:#333333;
  279. text-align: left;
  280. font-family:'Ubuntu Mono';
  281. font-size:11px;
  282. text-transform: uppercase;
  283. border-left:6px solid #fbe646;
  284. margin-bottom:2px;
  285. padding:5px 10px 5px 10px;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.2s ease-out; -webkit-transition-duration:.50s;}
  286.  
  287.  
  288. .wishlist:hover{
  289. border-left:6px solid #69bd3a;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.2s ease-out; -webkit-transition-duration:.50s;}
  290.  
  291. .wishlist aviso {color:#fff;
  292. background:#fc7ca5;
  293. -webkit-border-radius: 3px;
  294. -moz-border-radius: 3px;
  295. border-radius: 3px;
  296. text-shadow:1px 1px 0px #f7739d;
  297. padding:1px 3px 1px 3px;
  298. }
  299.  
  300.  
  301. .cred {background:#d02c2d;
  302. color:#f9f9f9;
  303. text-shadow: 1px 1px 0px #7e2538;
  304. text-transform: uppercase;
  305. padding:2px 3px 2px 3px;
  306. font-family:'Play';
  307. width: 50px;
  308. margin-bottom:12px;
  309. font-size:11px;
  310. -webkit-border-radius: 3px;
  311. -moz-border-radius: 3px;
  312. border-radius: 3px;}
  313.  
  314. .cdt{margin: 2px;
  315. border-bottom:1px dashed #7f7f7f; padding: 2px 0px 5px 0px;}
  316.  
  317. .cdt m{background:#d02c2d;
  318. color:#f9f9f9;
  319. text-shadow: 1px 1px 0px #7e2538;
  320. text-transform: uppercase;
  321. padding:2px 3px 2px 3px;
  322. font-family:'Play';
  323. margin-bottom:12px;
  324. font-size:11px;
  325. -webkit-border-radius: 3px;
  326. -moz-border-radius: 3px;
  327. border-radius: 3px;}
  328.  
  329. hv{font-family:'PF Tempesta Seven Condensed'; padding:1px 8px 3px 8px;
  330. color:#adadad; text-transform: uppercase; font-size:8px; background:#2b2b2b; margin-left:7px;}
  331. .ti { margin-left:457px; margin-bottom: 5px;margin-left: 284px;}
  332.  
  333. .ti2 { margin-left:457px; margin-bottom: 5px;margin-left: 438px;}
  334.  
  335. .content {position: relative; width: 300px; }
  336.  
  337.  
  338. .content a{background: #3f536f; text-shadow:1px 1px 0px #172c4a; padding:5px 8px 4px 9px; display: inline-block; margin-bottom:3px; font-family:'Scada'; font-size:10px; color:#777992; text-transform: uppercase; width:178px; -webkit-border-radius: 3px; border:1px dotted rgba(181, 181, 181, 0.2); -moz-border-radius: 3px;-webkit-animation: pageLeft 5000ms alternate ease; width: 530px;}
  339.  
  340. .content a newli{font-family:'Scada'; color:#d02122; padding-left:22px;}
  341.  
  342. .content a:hover{background:#be2122; border:1px dotted #d45170; color:#fff; text-shadow: 1px 1px 0px #943746;}
  343. .content a:hover newli{font-family:'Scada'; color:#f7f7f7; padding-left:2px;}
  344. .content {clear: both;}
  345.  
  346. .menugh a{
  347. color:#85a8b8;
  348. text-shadow:1px 1px 0px #f7f7f7;
  349. padding:6px 0px 7px 0px;
  350. display:inline-block;
  351. text-align: center;
  352. text-transform: uppercase;
  353. width:90px; margin-left:2px;
  354. font-family:'Dosis';
  355. font-size:17px;
  356. text-decoration: none;
  357. background: -webkit-gradient(linear, left top, left bottom, from(#cfdde3), to(#b2cad4)) repeat-X;
  358. background: -moz-linear-gradient(top, #cfdde3, #b2cad4) repeat-X; }
  359.  
  360. blockquote {border-left: 3px solid #d02c2d; padding: 8px 8px 8px; margin: 2px; background: #333333; }
  361.  
  362. .pressgh{
  363. margin-left:5px;
  364. -webkit-border-radius: 6px;
  365. -moz-border-radius: 6px;
  366. border-radius: 6px;
  367. background-color:#eff0f1;
  368. box-shadow: inset 0px 1px 1px #a3bdc8, 0px 1px 0px #fff;
  369. display:inline-block;
  370. padding:6px 6px 4px 4px;}
  371.  
  372. .menugh a:hover{
  373. color:#f7f7f7;
  374. text-shadow:1px 1px 0px #85a8b8;
  375. background: -webkit-gradient(linear, left top, left bottom, from(#b2cad4), to(#cfdde3)) repeat-X;
  376. background: -moz-linear-gradient(top, #b2cad4, #cfdde3) repeat-X;}
  377.  
  378.  
  379. pre {
  380. background:#333333;
  381. padding-top:8px;
  382. padding-bottom:8px;
  383. padding-left:10px;
  384. padding-right:10px;
  385. overflow: hidden;
  386. line-height:10px;
  387. display:block;
  388. white-space:pre;
  389. text-align:left;
  390. word-wrap:break-word;
  391. color:#fbe64d;
  392. text-transform: uppercase; font-family:'Ubuntu Mono'; font-size:11px;
  393. text-shadow: 1px 1px 0px #3e3e3e;
  394. -webkit-border-radius: 5px;
  395. -moz-border-radius: 5px;
  396. border-radius: 5px;
  397. -webkit-box-shadow: inset 0 1px 1px 1px rgba(64, 64, 64, 0.3);
  398. -moz-box-shadow: inset 0 1px 1px 1px rgba(64, 64, 64, 0.3);
  399. box-shadow: inset 0 1px 1px 1px rgba(64, 64, 64, 0.3);
  400. }
  401.  
  402.  
  403. .banner{margin-left:0px;}
  404.  
  405. .side {background: #f5f5f5; padding: 5px; text-align: justify; margin-top: 0px; line-height: 12px; margin-left: 8px; margin-right: 15px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; font-family: 'Play';text-shadow: 1px 1px 0px #fff; box-shadow:1px 1px 0px #494949; -moz-border-radius: 3px;
  406. border-radius: 3px;width: 320px; float:left; font-size: 12px;}
  407.  
  408. #centraliza {width: 900px; margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 40px;}
  409.  
  410. #morri2{
  411. width:27px;
  412. height:213px;
  413. background-image:url('http://static.tumblr.com/drl2z9y/rvDmhfxv5/xx.png');
  414.  
  415. }
  416.  
  417. .sidesz {background: #f5f5f5; padding: 5px; text-align: justify; margin-top: 0px; line-height: 12px; margin-left: 8px; margin-right: 15px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; font-family: 'Play';text-shadow: 1px 1px 0px #fff; box-shadow:1px 1px 0px #ededed; -moz-border-radius: 3px;
  418. border-radius: 3px;width: 200px;float:left; font-size: 12px;}
  419.  
  420. #morri3{
  421. width:269px;
  422. height:71px;
  423. background-image:url('http://static.tumblr.com/drl2z9y/Yjtmhfz6h/tutos.png');
  424.  
  425. }
  426. /*** Efeito rotate por Ju (a-vendedora-de-sonhos) (helpfromhtml) ***/
  427.  
  428. .efeitorotate {-webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; margin: 1px;}
  429. .efeitorotate:hover {-webkit-transform: rotate(600deg) scale(0.4); -moz-transform: rotate(600deg) scale(0.4); -o-transform: rotate(600deg) scale(0.4);}
  430.  
  431.  
  432. /* --------- Menu ------------------------------ */
  433. .menu{float: left; position: absolute; margin-top: 75px; margin-left: 11px;}
  434. .menu a{background: #9c80a2;padding: 3px 10px 4px 10px; font-family: 'Source Code Pro', sans-serif; text-transform: uppercase; font-size: 10px; text-shadow: 1px 1px 0 #baa1c0; color: #79637e; margin: 0 0px 0 0; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
  435. .menu a:hover{color: #664c6b; border-top: 7px solid #9c80a2; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
  436.  
  437. /* destaque da sidebar */
  438. .destaque {float: left; margin-left: 2px; margin-top:3px; background: url('http://static.tumblr.com/2jiprob/0kdmh9b3o/s.png'); background-repeat: no-repeat!important; width: 20px; height: 10px; }
  439.  
  440. .boxdestaque:hover .destaque {background-position: 0px -10px;}
  441. .boxdestaque {border-bottom: 1px solid #3e3e3e; margin-left: 1px; margin-right: -2px; overflow: hidden; display: inline-block; width: 130px; text-align: left; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #333333; padding: 2px; margin-top: 3px; margin-bottom: 1px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
  442. .boxdestaque:hover { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
  443. .boxdestaque .title {text-shadow: 1px 1px 0px #3a3a3a; margin-left: 3px; letter-spacing: 1px; color:#435776; font-size: 9px; font-weight:none;font-family: 'Scada', sans-serif; --webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; text-transform: uppercase;}
  444. .boxdestaque:hover .title{color: #d02c2d; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear;}
  445.  
  446. .pag {margin-left:0px; font-size:23px; font-family:'arial black'; bottom:250px; position:fixed; color:#fff; background:#d02c2d; text-shadow:1px 1px 0px #97263e; padding-top:2px; padding-bottom:6px; padding-right:6px; padding-left:6px; -webkit-border-top-right-radius: 10px;-webkit-border-bottom-right-radius: 10px;-moz-border-radius-topright: 10px;-moz-border-radius-bottomright: 10px;border-top-right-radius: 10px;border-bottom-right-radius: 10px;}
  447. .pag a {color:#fff; text-shadow:1px 1px 0px #97263e;}
  448.  
  449. .icon {background: #c85a5b; padding: 3px; border: 1px solid #d06465; margin-left: 5px;float:right; margin-top: 2px; margin-bottom:-1px;}
  450.  
  451.  
  452. .blur{-webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;transition: all 0.4s linear;filter: blur(2px); -webkit-filter: blur(1px); -moz-filter: blur(1px);} .blur:hover{filter: none; -webkit-filter: blur(0px);-moz-filter: blur(0px);filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');}
  453.  
  454. .toptop a {background: url(http://static.tumblr.com/23ogsyz/mOomi4rxf/taged2.png)no-repeat left center #eee; padding: 3px; padding-left: 17px; width: 105px; border-radius: 4px; color: #afafaf; display: inline-block; width: 91px; font-size: 10px; font-family: 'Scada'; text-transform: uppercase; text-shadow: 1px 1px 1px #fff; border-bottom: 1px solid #d9d9d9; float: left; margin: 1px; -webkit-transition-duration: 0.9s; text-decoration: none;}
  455. .toptop a:hover {color: #d07484; background: url(http://static.tumblr.com/23ogsyz/TDmmi4rx5/taged.png)no-repeat left center #eebfc7; border-bottom: 1px solid #de9ba7}
  456.  
  457.  
  458. .side1 {line-height: 12px; margin-left:-166px; margin-right: 15px; text-shadow: 1px 1px 0px #fff;
  459. border-radius: 3px;width: 780px; float:left; font-size: 12px; margin-top:-200px;}
  460.  
  461. .hyperlink{position:absolute; margin-left:575px; margin-top:55px;}
  462. .rebloga{position:absolute; margin-left:570px; margin-top:12px;}
  463.  
  464. .util a{font-family:'Patua One'; text-transform:uppercase; background:#ffe295; color:#c7e5dc; text-shadow: 0px 1px 1px #cd8f00; display:inline-block; margin:1px; text-align:right; padding:3px;box-shadow: 2px 2px 0px rgba(108, 71, 119, 0.5); color:#fff; margin-bottom:5px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
  465.  
  466. .util a:hover{background:#a8d1e2;text-shadow: 0px 1px 1px #4c636c;box-shadow: 2px 2px 0px #ffe295;}
  467. .escrita2 {font-family: play; font-size: 12px; width: 308px; margin-left:5px; margin-top: -50px; text-shadow: 1px 1px 0px #fff; color: #686868;}
  468. </style>
  469. <link href='http://fonts.googleapis.com/css?family=Play' rel='stylesheet' type='text/css'>
  470. <link href='http://fonts.googleapis.com/css?family=Dosis' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Ubuntu+Mono' rel='stylesheet' type='text/css'>
  471. <link href='http://fonts.googleapis.com/css?family=Scada' rel='stylesheet' type='text/css'>
  472. <link href='http://fonts.googleapis.com/css?family=Dosis' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Ubuntu+Mono' rel='stylesheet' type='text/css'>
  473. <link href='http://fonts.googleapis.com/css?family=Patua+One' rel='stylesheet' type='text/css'>
  474.  
  475.  
  476. <body onkeydown="return false">
  477. <div class="fadein">
  478. <DIV STYLE=" BACKGROUND-IMAGE: URL('http://static.tumblr.com/drl2z9y/ENdmisvm4/zz.png'); TOP: 0PX; LEFT: 0PX; WIDTH: 100%; HEIGHT: 12PX; Z-INDEX: 100; POSITION: FIXED;"></DIV>
  479.  
  480. <div class="pag">{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}</div>
  481.  
  482. <center>
  483.  
  484. <div id="pagina">
  485.  
  486. <div id="centraliza">
  487. <div style="margin-left: 49px; position: absolute; margin-top: 231px;">
  488.  
  489. <a href="http://a-vendedora-de-sonhos.tumblr.com/"><img src="http://static.tumblr.com/drl2z9y/Wuhmisz3b/ju.png" class="blur" title="Juliana"></a>
  490.  
  491.  
  492. <a href="http://stalke4r.tumblr.com/"><img src="http://static.tumblr.com/drl2z9y/R2Tmisytd/joy.png" class="blur" title="Joyce Almeida"></a>
  493.  
  494. <a href="/"><img src="http://static.tumblr.com/drl2z9y/AeRmisysr/brev.png" class="blur" title="TALVEZ!!"></a>
  495.  
  496.  
  497. </div>
  498.  
  499. <div class="banner">
  500. <img id="imgmap2013225125553" src="http://static.tumblr.com/drl2z9y/v2Mmisyyf/zz.png" usemap="#imgmap2013225125553" type="image/png"/>
  501. <map id="imgmap2013225125553" name="imgmap2013225125553">
  502. <area shape="rect" alt="" title="" coords="418,151,477,173" href="" target="" />
  503. <span onClick="changeNavigation('ask')"><area shape="rect" alt="" title="" coords="482,151,543,174" target="" /></span>
  504. <span onClick="changeNavigation('faq')"><area shape="rect" alt="" title="" coords="546,152,605,172" target="" /></span>
  505. <span onClick="changeNavigation('materiais')"><area shape="rect" alt="" title="" coords="608,152,670,173" target="" /></span>
  506. <span onClick="changeNavigation('theme')"><area shape="rect" alt="" title="" coords="482,179,542,196" target="" /></span>
  507. <area shape="rect" alt="" title="" coords="545,177,607,197" href="" target="" /><!-- Created by Online Image Map Editor (http://www.maschek.hu/imagemap/index) --></map></object>
  508. </div>
  509.  
  510. <div id="sidebar">
  511.  
  512. <div class="box">
  513. <div class="sidetop"><img src="http://static.tumblr.com/drl2z9y/5YRmiqnl0/faixa.png"></div>
  514.  
  515. <div class="icon"><img src="http://media.tumblr.com/tumblr_m87irnzcor1qafqn9.png" align="right" width="74"></div>
  516. <div class="letragrande">O</div>lá, seja bem vindo enfim perguntas, sempre bem vindas, mais respeitando as regras da ask, não retire os créditos dos themes, em ipotese alguma.. sempre credite tudo o que pegaar, nunca esqueça de creditar, sabemos o que é nosso. Lembre-se não é sempre que poderemos, te ajudar mais tentaremos fazer o melhor para poder ajudar vocês. Enfim, espero que gostem e que <i>voltem muito mas vezes!</i> <div style="font-size: 10px; letter-spacing: 2px; display: inline-block;">(<b><script src="http://fastwebcounter.com/secure.php?s=www.helpfromhtml.tumblr.com"></script></b> visitas <font color="f54757">?</font>)</div>
  517. <br><br>
  518.  
  519.  
  520.  
  521. </div>
  522. <div class="sidebaixo"><img src="http://static.tumblr.com/drl2z9y/YT4miqo87/sidebaixo.png"></div>
  523. <div class="sidelado"><img src="http://static.tumblr.com/drl2z9y/jOkmiqm24/sidelado.png"></div>
  524.  
  525. <div class="box">
  526. <div class="sidetop"><img src="http://static.tumblr.com/drl2z9y/d2Smiqnn6/faixa.png"></div><center>
  527.  
  528.  
  529. <a href="http://things-to-help-you.tumblr.com/"><img class="efeitorotate" src="http://static.tumblr.com/drl2z9y/jN0miswtm/parceiros.png" /></a>
  530. <a href="http://ilovehtml.tumblr.com/"><img class="efeitorotate" src="http://static.tumblr.com/drl2z9y/uEomiswvg/parceiros.png" /></a>
  531. <a href="http://lovers-of-designs.tumblr.com/"><img class="efeitorotate" src="http://static.tumblr.com/drl2z9y/vIkmiswwp/parceiros.png" /></a>
  532. <a href="http://mel-html.tumblr.com/"><img class="efeitorotate" src="http://static.tumblr.com/drl2z9y/2Qymiswxj/parceiros.png" /></a>
  533. <a href="http://i-lovethings.tumblr.com/"><img class="efeitorotate" src="http://static.tumblr.com/drl2z9y/WUKmiswyf/parceiros.png" /></a>
  534. <a href="http://strong-html.tumblr.com/"><img class="efeitorotate" src="http://static.tumblr.com/drl2z9y/7e5misx0q/parceiros.png" /></a>
  535. <a href="http://infinitydesigns.tumblr.com/"><img class="efeitorotate" src="http://static.tumblr.com/drl2z9y/5n9misx1s/parceiros.png" /></a>
  536. <a href="http://musichtml.tumblr.com/"><img class="efeitorotate" src="http://static.tumblr.com/drl2z9y/FIHmisx30/parceiros.png" /></a>
  537. <a href="http://cantinho-html.tumblr.com/"><img class="efeitorotate" src="http://static.tumblr.com/drl2z9y/O3zmisx4z/parceiros.png" /></a>
  538. <a href="/"><img class="efeitorotate" src="http://static.tumblr.com/drl2z9y/LC5misx6g/parceiros.png" /></a></div>
  539.  
  540. <center>
  541. <div class="sidebaixo"><img src="http://static.tumblr.com/drl2z9y/YT4miqo87/sidebaixo.png"></div>
  542. <div class="sidelado"><img src="http://static.tumblr.com/drl2z9y/jOkmiqm24/sidelado.png"></div>
  543.  
  544. <div class="box">
  545. <div class="sidetop"><img src="http://static.tumblr.com/drl2z9y/rtFmiqnqr/faixa.png"></div>
  546.  
  547. <div class="boxdestaque">
  548. <span class="title">estilo quote</span>
  549. <a class="destaque" href="http://helpfromhtml.tumblr.com/post/38873953286/estilo-de-quote"></a>
  550. </div>
  551.  
  552. <div class="boxdestaque">
  553. <span class="title">Estilo de ask</span>
  554. <a class="destaque" href="http://helpfromhtml.tumblr.com/tagged/estiloask"></a>
  555. </div>
  556.  
  557. <div class="boxdestaque">
  558. <span class="title">Efeito modes</span>
  559. <a class="destaque" href="http://helpfromhtml.tumblr.com/tagged/bend"></a>
  560. </div>
  561.  
  562. <div class="boxdestaque">
  563. <span class="title">Menu diminui</span>
  564. <a class="destaque" href="http://helpfromhtml.tumblr.com/tagged/menudiminui"></a>
  565. </div>
  566.  
  567. <div class="boxdestaque">
  568. <span class="title">Efeito hidden.</span>
  569. <a class="destaque" href="http://helpfromhtml.tumblr.com/tagged/hidden"></a>
  570. </div>
  571.  
  572.  
  573. <div class="boxdestaque">
  574. <span class="title">
  575. Código Uteis.</span>
  576. <a class="destaque" href="http://helpfromhtml.tumblr.com/tagged/codes"></a>
  577. </div>
  578.  
  579. <div class="boxdestaque">
  580. <span class="title">
  581. Tutoriais.</span>
  582. <a class="destaque" href="/tagged/tutoriais"></a>
  583. </div>
  584.  
  585. <br><br><br><br></div></center>
  586.  
  587.  
  588. <div class="sidebaixo"><img src="http://static.tumblr.com/drl2z9y/YT4miqo87/sidebaixo.png"></div>
  589. <div class="sidelado"><img src="http://static.tumblr.com/drl2z9y/jOkmiqm24/sidelado.png"></div>
  590.  
  591.  
  592.  
  593.  
  594. <div class="box">
  595. <div class="sidetop"><img src="http://static.tumblr.com/drl2z9y/NVTmiqntl/faixa.png"></div>
  596. Jamais se <u>inspire</u> ou <u>copie</u> algo daqui, codigo fonte nao e tutorial, de valor ao que os outros fazem, caso queira algo daqui peça na ask. Design exclusivo para o <u>help from html</u>, feito por <i>Joyce Almeida</i>,com a ajuda de outras pessoa <b>diretamente</b> ou <b>indiretamente</b>.<div class="cred"> <span onClick="changeNavigation('about')">se more</a></div>
  597. <br>
  598. <center> <script id="_wauggr">var _wau = _wau || []; _wau.push(["small", "ekaz5m47zl0v", "ggr"]);
  599. (function() {var s=document.createElement("script"); s.async=true;
  600. s.src="http://widgets.amung.us/small.js";
  601. document.getElementsByTagName("head")[0].appendChild(s);
  602. })();</script></center>
  603. </div>
  604.  
  605. <div class="sidebaixo"><img src="http://static.tumblr.com/drl2z9y/YT4miqo87/sidebaixo.png"></div>
  606. <div class="sidelado"><img src="http://static.tumblr.com/drl2z9y/jOkmiqm24/sidelado.png"></div>
  607.  
  608. </div>
  609. <div id="faixasidebar">
  610.  
  611. </div>
  612. <div id="posts">
  613.  
  614. <div id="mar">
  615. <div id="liuc">
  616. {block:Posts}
  617.  
  618. <div class="hyperlink"><a href="{ReblogURL}"><img src="http://static.tumblr.com/drl2z9y/2X3mir3mv/reblogue.png"></a></div>
  619.  
  620. <div class="rebloga"><a href="{Permalink}"><img src="http://static.tumblr.com/drl2z9y/M0fmir3nc/notes.png"></a></div>
  621.  
  622. <!-- textos -->
  623. {block:Text}<div class="post">
  624.  
  625. <div class="box"><br>{block:Title}<a href="{Permalink}" class="title"><div class="h1">{Title}</div></a>{/block:Title}
  626. <div>{Body}</div>
  627. {block:Date}
  628. <div class="both">
  629.  
  630. {/block:Date}
  631. {block:Caption}{Caption}{/block:Caption}
  632. </div>
  633. <center><img src="http://static.tumblr.com/drl2z9y/xaRmiqpge/linha.png"></center>
  634.  
  635. {block:PostNotes}<br />{PostNotes}{/block:PostNotes}
  636.  
  637. </div>
  638. <div class="postbaixo"><img src="http://static.tumblr.com/drl2z9y/Lzumiqokz/postbaixo.png"></div>
  639. {/block:Text}
  640.  
  641. <!-- photos -->
  642. {block:Photo}<div class="post">
  643.  
  644. <div class="box"><br>
  645. <center>{LinkOpenTag}<a href="{Permalink}"><img class="border ; opacidade" src="{PhotoURL-500}" width="470" title="{PhotoAlt}"/>{LinkCloseTag}</center></a>
  646. {block:Caption}{Caption}{/block:Caption}
  647. <center><img src="http://static.tumblr.com/drl2z9y/xaRmiqpge/linha.png"></center>
  648.  
  649. {block:PostNotes}<br />{PostNotes}{/block:PostNotes}
  650.  
  651. </div>
  652. <div class="postbaixo"><img src="http://static.tumblr.com/drl2z9y/Lzumiqokz/postbaixo.png"></div>
  653. {/block:Photo}
  654.  
  655.  
  656. <!-- quotes -->
  657. {block:Quote}<div class="post"><div class="box"><br>
  658. <div class="quotems">“</div><div class="titlems">{Quote}</div><br>
  659. {block:Source}<div align="right">- {Source}</div>{/block:Source}
  660.  
  661.  
  662.  
  663. <center><img src="http://static.tumblr.com/drl2z9y/xaRmiqpge/linha.png"></center>
  664.  
  665. {block:PostNotes}<br />{PostNotes}{/block:PostNotes}
  666.  
  667. </div>
  668. <div class="postbaixo"><img src="http://static.tumblr.com/drl2z9y/Lzumiqokz/postbaixo.png"></div>
  669.  
  670. {/block:Quote}
  671.  
  672. <!-- links -->
  673. {block:Link}
  674. <div class="post"><div class="box"><br>
  675. <a href="{URL}" class="link" {Target}><div class="h1">{Name}</div></a>
  676. {block:Description}
  677. <div class="description">{Description}</div>
  678. {/block:Description}
  679. <BR>
  680. <center><img src="http://static.tumblr.com/drl2z9y/xaRmiqpge/linha.png"></center>
  681. {block:PostNotes}<br />{PostNotes}{/block:PostNotes}
  682.  
  683. </div>
  684. <div class="postbaixo"><img src="http://static.tumblr.com/drl2z9y/Lzumiqokz/postbaixo.png"></div>
  685.  
  686. {/block:Link}
  687.  
  688.  
  689.  
  690. <!-- asks -->
  691.  
  692.  
  693.  
  694. {block:Answer}
  695. <div class="post">
  696. <div class="box">
  697.  
  698. <div class="bordha"></div>
  699.  
  700. <img src="{AskerPortraitURL-64}" align="right" class="imageasker"> <div class="ask">{Question}</div>
  701. <div class="askerr">asked by {Asker}</div><div class="askerr2">volte sempre!</div>
  702. <div class="res">{Answer}</div>
  703.  
  704. <center><img src="http://static.tumblr.com/drl2z9y/xaRmiqpge/linha.png"></center>
  705. {block:PostNotes}<br />{PostNotes}{/block:PostNotes}
  706.  
  707. </div>
  708. <div class="postbaixo"><img src="http://static.tumblr.com/drl2z9y/Lzumiqokz/postbaixo.png"></div>
  709. {/block:Answer}
  710.  
  711. <!-- chat -->
  712. {block:Chat}
  713. <div class="post">
  714. <div class="box">
  715. <br>
  716. <div class="h1">{Title}</div>{/block:Title}
  717. <div class="chat"><div class="chat1">{block:Lines}
  718. <div class="chat2 {Alt}">{block:Label}<span>{Label}</span>{/block:Label}
  719. {Line}</div>{/block:Lines}</div></div>
  720. </table><br>
  721.  
  722. <center><img src="http://static.tumblr.com/drl2z9y/xaRmiqpge/linha.png"></center>
  723.  
  724. {block:PostNotes}<br />{PostNotes}{/block:PostNotes}
  725.  
  726.  
  727.  
  728. </div>
  729. <div class="postbaixo"><img src="http://static.tumblr.com/drl2z9y/Lzumiqokz/postbaixo.png"></div>
  730. {/block:Chat}
  731.  
  732.  
  733. <!-- musicas -->
  734. {block:Audio}<div class="post">
  735. <div class="box"><div style="float:right; margin-top: 6px;"><i>Música ouvida {PlayCount} vezes</i> {block:ExternalAudio}(<a href="{ExternalAudioURL}">download!</a>){/block:ExternalAudio}</div>
  736.  
  737. <center>{AudioPlayerWhite}</centeR>
  738. {block:Caption}{Caption}{/block:Caption}<br>
  739.  
  740.  
  741. <center><img src="http://static.tumblr.com/drl2z9y/xaRmiqpge/linha.png"></center>
  742.  
  743. {block:PostNotes}<br />{PostNotes}{/block:PostNotes}
  744.  
  745. </div>
  746. <div class="postbaixo"><img src="http://static.tumblr.com/drl2z9y/Lzumiqokz/postbaixo.png"></div>
  747. {/block:Audio}
  748.  
  749.  
  750. <!-- videos -->
  751. {block:Video}<div class="post">
  752. <div class="box"><br><center>{Video-500}</center>
  753. {block:Caption}{Caption}{/block:Caption}
  754. <BR>
  755. <center><img src="http://static.tumblr.com/drl2z9y/xaRmiqpge/linha.png"></center>
  756.  
  757. {block:PostNotes}<br />{PostNotes}{/block:PostNotes}
  758.  
  759. </div>
  760.  
  761. <div class="postbaixo"><img src="http://static.tumblr.com/drl2z9y/Lzumiqokz/postbaixo.png"></div>
  762. {/block:Video}
  763.  
  764.  
  765. {/block:Posts}
  766. <!-- falso iframe -->
  767.  
  768. <div id="ask" style="display:none;"><div class="box">
  769.  
  770. <div class="ti"> <img src="http://static.tumblr.com/drl2z9y/xsCmisb41/ask.png">
  771. </div>
  772. <div class="wishlist ">Antes de perguntar leia a faq e os tutoriais.</a> </div>
  773. <div class="wishlist ">Nossa educação não vai depender da sua. Nós fomos bem educadas. </a> </div>
  774. <div class="wishlist ">Não perca seu tempo nos xingando, nós não ligamos! </a> </div>
  775. <div class="wishlist">Só divulgamos tumblrs de html, e se ele também nos divulga quando pedimos</a> </div>
  776. <div class="wishlist ">Obrigada por ler, agora pode perguntar</a> </div>
  777.  
  778. <div style="margin-top: 7px;"></div>
  779. <iframe frameborder="0" scrolling="no" width="100%" height="150" src="http://www.tumblr.com/ask_form/helpfromhtml.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]-->
  780. <br>
  781.  
  782. </div>
  783.  
  784. <div id="about" style="display:none">
  785. <div class="box">
  786. <div class="ti"> <img src="http://static.tumblr.com/drl2z9y/5Qrmisb65/thanks.png"></div>
  787. <blockquote>Caso tenha esquecido de te creditar, me desculpe pois na hora de colocar os créditos, tenha esquecido de por. enfim, seja educado e vá até a ask haha e me avise por favor.. </blockquote><br><br>
  788.  
  789.  
  790. <div class="cdt"><a href="http://stalke4r.tumblr.com/"><m> JOYCE ALMEIDA </m></a> <hv> THEME, DESIGN.. ETC! <hv></div>
  791. <div class="cdt"><a href="http://a-vendedora-de-sonhos.tumblr.com/"><m> JULIANA </m></a> <hv> EFEITO DOS PARCEIROS. <hv></div>
  792. <div class="cdt"><a href="adobe"><m> TUMBLR </m></a> <hv> HOSPEDAGEM DE IMAGENS, CÓDIGOS UTEIS. <hv></div>
  793. <div class="cdt"><a href="adobe"><m> MUCH HELP</m></a> <hv> VÁRIOS TUTORIAIS, UTEIS.. GRANDES AJUDAS ETC.. <3 <hv></div>
  794.  
  795. <div class="cdt"><a href="http://html-mylove.tumblr.com"><m> HTML MY LOVE</m></a> <hv> PAGINAÇAO QUE EU SEMPRE AMEI <3 <hv></div>
  796. <div class="cdt"><a href="http://www.tumblr.com/themes/upload_static_file"><m> PHOTOSHOP CS4 </m></a> <hv> EDIÇÕES DE IMAGENS. <hv></div>
  797. <div class="cdt"><a href="htmluv.tumblr.com"><m> HTMLUV </m></a> <hv> PRE PERSONALIZADO. <hv></div>
  798. <div class="cdt"><a href="http://things-to-help-you.tumblr.com"><m>THINGS TO HELP YOU </m></a> <hv>GRANDES AJUDAS, BOX SIDE, FAIXAS PARA SIDEBAR. E OUTRAS COISAS. <hv></div>
  799. <div class="cdt"><a href="greathelp.tumblr.com"><m> GREATHELP </m></a> <hv>CREDITOS FOFOS, ESTILOS DE NOTES, PERMALINK, E OUTROS TUTORIAIS <hv></div>
  800.  
  801. <br><br>
  802.  
  803. </div>
  804.  
  805. </div>
  806.  
  807. <div id="faq" style="display:none">
  808. <div class="box">
  809. <div class="ti"> <img src="http://static.tumblr.com/drl2z9y/2qgmisacq/tutoriais.png"></div>
  810.  
  811. oi oi oi , enfim leia os tutoriais com bastante atenção, caso não ler com atenção não vai entender o que ele esta explicando e etc.. enfim, caso algum tutorial for util pra você, credite ok? caso não creditar, apenas vá na ask e agradeça por favor, enfim fazemos os tutoriais com todo carinho, caso for repassar o nossos tutoriais avise na ask, e pensaremos se iremos deixar ou não. <b>thanks!</b><br><br>
  812.  
  813. <div class="ti2"> <img src="http://static.tumblr.com/drl2z9y/K7pmisb8w/css.png"></div>
  814. <div class="content">
  815.  
  816. <a href='/tagged/eefeitogrooming'>Efeito Grooming</a>
  817. <a href='/tagged/efeitoopen'><h>Efeito Open</h></a>
  818. <a href='/tagged/aboutheader'><h>Escrevendo em fotos e gifs</h></a>
  819. <a href='http://helpfromhtml.tumblr.com/post/40516577160/efeito-moderador'><h>Efeito moderador.</h></a>
  820. <a href='http://helpfromhtml.tumblr.com/post/40516561920/descricao-em-cima-do-gif-ou-foto'><h>Descrição em cima do gif ou foto.</h></a>
  821. <a href='http://helpfromhtml.tumblr.com/post/40516404262/arrumando-o-seu-theme-desconfigurado'><h>Themes desconfigurados(Solução).</h></a>
  822. <a href='/tagged/hidden'><h>Efeito Hidden Image</h></a>
  823. <a href='/tagged/opacidadeimg'><h>Opacidade nas imagens</h></a>
  824. <a href='/tagged/codes'><h>Códigos úteis </h></a>
  825. <a href='/tagged/bordaimg'><h>Borda nas Imagens</h></a>
  826. <a href='/tagged/descriimg'><h>Imagem no começo da descrição</h></a>
  827. <a href='/tagged/contador'><h>Caixa para contadores de visitas </h></a>
  828. <a href='/tagged/askfaq'><h>Ask + faq </h></a>
  829. <a href='/tagged/bend'><h>Efeito Bend</h></a>
  830. <a href='/tagged/sea'><h>Efeito Sea</h></a>
  831. <a href='/tagged/cothover'><h>Cortininha hover</h></a>
  832. <a href='/post/39930789070/paginacao-de-setas'><h>Paginação de setas</h></a>
  833. <a href='/post/41389450572/frases-hover'><h>Frases Hover</h></a>
  834. <a href='/post/41464679553/estilo-de-creditos'><h>Estilo de Créditos</h></a>
  835. <a href='/post/42510020727/estilo-de-creditos'><h>Estilo de Créditos 2</h></a>
  836. <a href='/post/42029239120/efeito-appear'><h>Efeito Appear</h></a>
  837. <a href='/post/42797249441/efeito-rotate'><h>Efeito Rotate</h></a>
  838. <a href='/post/43751550714/sabe-qual-feito-que-coloca-na-imagem-da-side-que-quando'><h>Opacidade na imagem</h></a>
  839. <a href='/post/43248543228/tipos-de-bordas
  840. '><h>Tipos de bordas</h></a>
  841.  
  842. <div class="ti2"> <img src="http://static.tumblr.com/drl2z9y/erCmisbjd/menus.png"></div>
  843.  
  844. <a href='/tagged/menucute'><h>Menu Cute</h></a>
  845.  
  846. <a href='/tagged/menuinfo'><h>Menu Info</h></a>
  847. <a href='/tagged/menuside'><h>Menu ao lado da sidebar</h></a>
  848. <a href='/tagged/menuduascores'><h>Menu simples de duas cores</h></a>
  849. <a href='/tagged/menudiminui'><h>Menu que diminui</h></a>
  850. <a href='/tagged/menuhover'><h>Menu hover na imagem</h></a>
  851. <a href='/post/40690276326/menu-heart'><h>Menu heart</h></a>
  852. <a href='/post/40190059625/menu-pushing'><h>Menu pushing</h></a>
  853. <a href='/post/42680565956/menu-rotate'><h>Menu rotate</h></a>
  854. <a href='/post/42690400976/menu-para-sidebar'><h>Menu para sidebar</h></a>
  855. <a href='/post/43245951355/menu-up-and-down'><h>Menu up and down</h></a>
  856. <a href='/post/43152012450/menu-para-sidebar-02'><h>Menu para sidebar 2</h></a>
  857.  
  858.  
  859.  
  860. <div class="ti2"> <img src="http://static.tumblr.com/drl2z9y/QiFmisbjv/photoshop.png"></div>
  861. <a href='/tagged/bordaicon'>Borda diferente em icons</a>
  862. <a href='/tagged/envolver'>Envolvendo pessoas em fio de luz></a>
  863. <a href='http://helpfromhtml.tumblr.com/post/40516570945/sobrinha-escura-na-linha-ps'><h>Sobrinha escura na linha.</h></a>
  864. <a href='http://helpfromhtml.tumblr.com/post/40516517165/degrade-em-linhass'><h>Degrade em linha</h></a>
  865. <a href='http://helpfromhtml.tumblr.com/post/40516485738/como-colocar-brilho-na-font-ps'><h>Brilho na font</h></a>
  866. <a href='hhttp://helpfromhtml.tumblr.com/post/40516414796/reflexo-no-photofiltre'><h>Reflexo no PFS</h></a>
  867. <a href='/tagged/escrevernuvem'><h>Como escrever com nuvens no PS</h></a>
  868. <a href='/tagged/pixelfoto'>Instalar e usar pixels em fotos</h></a>
  869. <a href='/tagged/cbox'><h>Como fazer Box Sides</h></a>
  870. <a href='/tagged/recolorir'><h>Modos de recolorir imagem no PS</h></a>
  871.  
  872.  
  873.  
  874. <div class="ti2"> <img src="http://static.tumblr.com/drl2z9y/mwfmisbvf/tumblr.png"></div>
  875.  
  876. <a href='/tagged/quoteestilo'><h>Estilos de Quote</h></a>
  877. <a href='/tagged/audioestilo'><h>Estilos de Áudio</h></a>
  878. <a href='/tagged/estiloperma'><h>Estilos de Permalink</h></a>
  879. <a href='/tagged/blockquote'><h>Estilos de Blockquote</h></a>
  880. <a href='/tagged/estiloask'><h>Estilos de Ask</h></a>
  881. <a href='/tagged/notehover'><h>Notes hover (themes em grade)</h></a>
  882. <a href='/tagged/win'><h>Como mudar cursos windows 7</h></a>
  883. <a href='/tagged/previewt'><h>Como fazer previews de themes</h></a>
  884. <a href='/tagged/'><h>algo</h></a>
  885.  
  886.  
  887.  
  888. </div>
  889.  
  890. </div>
  891.  
  892. <div id="materiais" style="display:none">
  893. <div class="box">
  894. <div class="ti"> <img src="http://static.tumblr.com/drl2z9y/mmkmisb4x/materiais.png"></div>
  895.  
  896. <div class="content">
  897. <a href='/tagged/avatar'><h>Icons/Avatares</h></a>
  898. <a href='/tagged/blends'><h>Blends</h></a>
  899. <a href='/tagged/action'><h>Actions</h></a>
  900. <a href='/tagged/psd'><h>PSD's</h></a>
  901. <a href='/tagged/favicon'><h>Favicons</h></a>
  902. <a href='/tagged/cursores'><h>Cursores</h></a>
  903. <a href='/tagged/fontes'><h>Dicas de fontes</h></a>
  904. <a href='/tagged/pngs'><h>Pngs</h></a>
  905. <a href='/tagged/cores'><h>Paletas</h></a>
  906. <a href='/tagged/gis'><h>Gifs</h></a>
  907. <a href='/tagged/rib'><h>Faixas para themes</h></a>
  908. <a href='/tagged/cortininha'><h>Cortininhas para themes</h></a>
  909. <a href='/tagged/style'><h>Styles para photop</h></a>
  910. <a href='/tagged/iconsredess'><h>Icons de redes sociais</h></a>
  911. <a href='/tagged/drawings-av'><h>Drawings / Gráficos</h></a>
  912. <a href='/tagged/enfeites'><h>Enfeites para banner</h></a>
  913. <a href='/tagged/banners'><h>Banners para themes</h></a>
  914. <a href='/tagged/base+header'><h>Base para header</h></a>
  915. <a href='/tagged/bases'><h>Bases
  916. </h></a>
  917. <a href='/tagged/bg'><h>Backgrounds</h></a>
  918. <a href='/tagged/fiodeluz'><h>Fios de Luz para photoshop</h></a>
  919. <a href='/tagged/rebloglike'><h>Ribbons para reblog e like</h></a>
  920.  
  921. <a href='/tagged/capasparafacebook'><h>Capas para Facebook</h></a>
  922.  
  923. <a href='/tagged/pixel'><h>Pixels para photoshop</h></a>
  924. <a href='/tagged/boxside'><h>Box Side para themes</h></a>
  925.  
  926.  
  927. </div>
  928.  
  929.  
  930. </div>
  931.  
  932. </div>
  933.  
  934. <div id="theme" style="display:none">
  935. <div class="box">
  936. <div class="ti"> <img src="http://static.tumblr.com/drl2z9y/bU4misb5p/themes.png"></div>
  937.  
  938. <div class="regras">Os themes foram todos <b>feitos por nós</b>, as vezes usamos bases</div>
  939. <div class="regras">Nunca retire os <u>créditos</u>. Nós sabemos reconhecer e plágio é <b>crime</b>. </div>
  940. <div class="regras">Não esqueça de fazer as <b>modificações necessárias</b>.</div>
  941. <div class="regras">Você só pode usar nossos themes como base para uso próprio, mantendo os créditos. Não pode disponibilizar, <b>para isso</b> existe as <u>bases</u>.</div>
  942. <div class="regras">Se pegar algum de <b>like</b> e <b>avise na ask</b>!</div>
  943. <div class="regras">Leu todas as regras? <a href="/tagged/themes">Sim</a> - <a href="/">Não</a></div>
  944. </div>
  945. </div>
  946.  
  947. </div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div>
  948.  
  949. </body>
  950.  
  951. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement