Advertisement
mendes8010

CSS - Círculos centralizados

Oct 5th, 2012
97
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 1.36 KB | None | 0 0
  1. /* =Reset default browser CSS. Baseado no trabalho de Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
  2. -------------------------------------------------------------- */
  3. html, body, div, span, applet, object, iframe,
  4. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  5. a, abbr, acronym, address, big, cite, code,
  6. del, dfn, em, font, ins, kbd, q, s, samp,
  7. small, strike, strong, sub, sup, tt, var,
  8. dl, dt, dd, ol,
  9. fieldset, form, label, legend,
  10. table, caption, tbody, tfoot, thead, tr, th, td {
  11.     border: 0;
  12.     font-family: inherit;
  13.     font-size: 100%;
  14.     font-style: inherit;
  15.     font-weight: inherit;
  16.     margin: 0;
  17.     outline: 0;
  18.     padding: 0;
  19.     vetical-align: baseline;
  20. }
  21. :focus {/* remember to define focus styles! */
  22.     outline: 0;
  23. }
  24. body {
  25.     line-height: 1;
  26.     font-family: sans-serif;
  27. }
  28. .circulo_grande_ext{
  29.     width: 150px;
  30.     height: 150px;
  31.     -webkit-border-radius: 100%;
  32.     -moz-border-radius: 100%;
  33.     border-radius: 100%;
  34.     background-color: #efefef;
  35.     vertical-align: middle;
  36.     display: table-cell;
  37. }
  38. .circulo_grande_int{
  39.     width: 120px;
  40.     height: 120px;
  41.     margin: 0 auto;
  42.     -webkit-border-radius: 100%;
  43.     -moz-border-radius: 100%;
  44.     border-radius: 100%;
  45.     background-color: #e0e0e0;
  46.     color: #333333;
  47. }
  48. .conteudo_circulo{
  49.     font-size: 60px;
  50.     font-weight: bold;
  51.     line-height: 12px;
  52.     text-align: center;
  53.     padding-top: 40%;
  54. }
  55. .minimo{
  56.     font-size: 12px;
  57. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement