obernardovieira

Botão "Iniciar Sessao" igual ao Google+

Jan 4th, 2014
208
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 0.79 KB | None | 0 0
  1. <html>
  2. <head>
  3. <style type="text/css">
  4. #caixa {
  5.     font-size: 12px;
  6.     background-color: #dd4b39;
  7.     -webkit-border-radius: 3px;
  8.     border-radius: 3px;
  9.     display: inline-block;
  10. }
  11. #gicon {
  12.     background: no-repeat url(//ssl.gstatic.com/s2/oz/images/sprites/signinbutton-094c03c836f9f91d08b943a90778d34e.png) -32px -44px;
  13.     height: 32px;
  14.     width: 32px;
  15.     display: inline-block;
  16.     vertical-align: top;
  17. }
  18. #gtext {
  19.     padding: 0 20px;
  20.     display: inline-block;
  21.     font-weight: bold;
  22.     font-size: 12px;
  23.     line-height: 31px;
  24.     color: #fff;
  25.     -webkit-font-smoothing: antialiased;
  26.     font-family: Roboto,arial,sans-serif;
  27.     white-space: nowrap;
  28.     border-left: 1px solid #bb3f30;
  29. }
  30. </style>
  31. </head>
  32. <body>
  33. <div id='caixa'>
  34.     <div id='gicon'></div>
  35.     <div id='gtext'>Iniciar Sessao</div>
  36. </div>
  37. </body>
  38. </html>
Add Comment
Please, Sign In to add comment