Tema: Problemas con los colores y los estilos
Ver Mensaje Individual
  #6 (permalink)  
Antiguo 09/04/2013, 11:56
Avatar de nanotime
nanotime
 
Fecha de Ingreso: noviembre-2011
Ubicación: Cd. Guayana
Mensajes: 145
Antigüedad: 13 años, 2 meses
Puntos: 6
Respuesta: Problemas con los colores y los estilos
Código CSS: 
Ver original
  1. @font-face {
  2.   font-family: 'Caviar Dreams';
  3.   src: url("../font/CaviarDreams-webfont.eot");
  4.   src: url("../font/CaviarDreams-webfont.eot?#iefix") format('embedded-opentype'), url("../font/CaviarDreams-webfont.woff") format('woff'), url("../font/CaviarDreams-webfont.ttf") format('truetype'), url("../font/CaviarDreams-webfont.svg#CaviarDreamsRegular") format('svg');
  5.   font-weight: normal;
  6.   font-style: normal;
  7. }
  8. viewport {
  9.   width: device-width;
  10. }
  11. html,
  12. body {
  13.   background: #fff;
  14.   font-size: 16px;
  15.   font-family: 'Caviar Dreams';
  16.   line-height: 1.5em;
  17.   margin: 0;
  18.   padding: 0;
  19. }
  20. hr {
  21.   border-top: 3px #937948;
  22.   border-bottom: 3px #937948;
  23.   border-left: 3px #937948;
  24.   border-right: 3px #937948;
  25.   color: #bea77b;
  26.   display: block;
  27.   height: 4px;
  28.   margin: 1em 0;
  29.   padding: 0;
  30.   width: 80%;
  31. }
  32. a {
  33.   text-decoration: none;
  34.   color: #bea77b;
  35. }
  36. a:visited {
  37.   color: #b49966;
  38. }
  39. img {
  40.   border: 0;
  41.   margin: 0;
  42.   max-width: 100%;
  43.   padding: 0;
  44.   vertical-align: middle;
  45. }
  46. small {
  47.   color: #f4be57;
  48. }
  49. #container {
  50.   height: 100%;
  51.   margin: 0 auto;
  52.   width: 320px;
  53. }
  54. #header {
  55.   display: block;
  56.   margin: 0;
  57.   padding: 3px;
  58.   width: 100%;
  59. }
  60. #header h1 {
  61.   text-align: center;
  62.   color: #bdd708;
  63. }
  64. #sidebar {
  65.   color: #f4be57;
  66.   height: 100%;
  67.   width: 320px;
  68.   list-style-type: none;
  69. }
  70. #sidebar ul li {
  71.   display: inline-block;
  72.   font-size: 32px;
  73. }
  74. #pager {
  75.   display: inline-block;
  76.   list-style-type: none;
  77. }
  78. #postbox {
  79.   display: block;
  80.   width: 100%;
  81. }
  82. #postbox article {
  83.   margin: 0;
  84.   padding: 0;
  85.   height: 100%;
  86.   width: 100%;
  87. }
  88. #postbox h1 {
  89.   text-align: left;
  90.   color: #bdd708;
  91. }
  92. #postbox p {
  93.   padding: 10px;
  94. }
  95. .tag {
  96.   color: #d9940e;
  97.   font-weight: bold;
  98. }
  99. .navbar {
  100.   height: 50px;
  101.   list-style-type: none;
  102.   width: 100%;
  103. }
  104. .navbar ul li {
  105.   display: block;
  106. }
  107. .pager {
  108.   list-style-type: none;
  109. }

Ese es el css que estoy usando