Advertisement
KatyTonnel

MARCADORES COM FUNDO (SIDEBAR)

Feb 2nd, 2018
184
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 2.15 KB | None | 0 0
  1. /* Categorias | TUTORIAL POR PAINLESS RESOURCES */
  2. .categorias {
  3. width: 260px;                    /* LARGURA */
  4. padding: 0px 10px 0px 10px;      /* CIMA, BAIXO, LADOS. */
  5. margin: 0;                       /* NAO MEXA */
  6. font-size: 14px;                 /* TAMANHO DA FONTE */
  7. font-family: ‘Arial Narrow’, sans-serif;       /* Nome da fonte */
  8. text-align:center;                             /* NAO MEXA */
  9. text-transform: uppercase;                     /* NAO MEXA */
  10. background: #f2ccfd;                           /* COR DO FUNDO */
  11. }
  12. .categorias ul {
  13. list-style: none;               /* NAO MEXA */
  14. margin: 0px 0px 0px 0px;        /* CIMA, BAIXO, LADOS. */
  15. padding: 0;                     /* NAO MEXA */
  16. text-align:center;              /* NAO MEXA */
  17. background: #f2ccfd;            /* COR DO FUNDO */
  18. }
  19. .categorias li {
  20. border-bottom: 2px solid #fff;   /* COR DA BORDA */
  21. margin: 0;                       /* NAO MEXA */
  22. background: #f2ccfd;             /* COR DO FUNDO */
  23. text-align:center;               /* NAO MEXA */
  24. }
  25. .categorias li a {
  26. display: block;                /* NAO MEXA */
  27. padding: 0px 5px 0px 5px;      /* CIMA, BAIXO, LADOS. */
  28. background-color: transparent; /* NAO MEXA */
  29. color: #828282;                /* COR DA FONTE */
  30. text-decoration: none;         /* NAO MEXA */
  31. margin-bottom:-4px;            /* NAO MEXA */
  32. margin-top:-4px;               /* NAO MEXA */
  33. text-align:center;             /* NAO MEXA */
  34. }
  35. .categorias li a:hover {
  36. background-color:none;        /* NAO MEXA */
  37. color: #fff;                  /* COR DA FONTE HOVER*/
  38. text-align:center;            /* NAO MEXA */
  39. }
  40. .categorias li a:visited {      
  41. color: #828282;              /*  COR DA FONTE QUANDO JA FOI VISITADA */
  42. text-align:center;           /* NAO MEXA */
  43. }
  44. .categorias a{
  45. background-position: left center;              /* NAO MEXA */
  46. padding-left: 25px;padding-top: 2px;           /* NAO MEXA */
  47. padding-bottom: 2px;                           /* NAO MEXA */
  48. border-bottom:0px solid #dfdfdf;               /* MEXA SO NA COR DA BORDA */
  49. text-align:center;                             /* NAO MEXA */
  50. text-align:center;                             /* NAO MEXA */
  51. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement