style.css 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104
  1. @font-face {
  2. font-family: coolvetica;
  3. src: url('../fonts/coolvetica.eot');
  4. src: local('☺'), url('../fonts/coolvetica.woff') format('woff'), url('../fonts/coolvetica.ttf') format('truetype'), url('../fonts/coolvetica.svg') format('svg');
  5. font-weight: normal;
  6. font-style: normal;
  7. }
  8. body {
  9. background-color: #2d2d2d;
  10. color: white;
  11. margin: 0 auto;
  12. font-family: coolvetica;
  13. font-size: 1em;
  14. }
  15. .enlace {
  16. color: yellow;
  17. text-decoration:none;
  18. }
  19. .enlaceTitulo {
  20. color: white;
  21. text-decoration:none;
  22. }
  23. .textoLateral {
  24. font-family: coolvetica;
  25. font-size: 1.3em;
  26. }
  27. .textoResaltado {
  28. color: yellow;
  29. }
  30. .cabeceraTitulo {
  31. margin: 0 auto;
  32. text-align: center;
  33. font-family: coolvetica;
  34. font-size: 2.2em;
  35. margin: 15px;
  36. }
  37. .lineaHorizontal {
  38. border: 0;
  39. border-bottom: 1px dashed #ccc;
  40. background: #999;
  41. color: yellow;
  42. display: block;
  43. margin-top: 0.5em;
  44. margin-bottom: 0.5em;
  45. margin-left: 0px;
  46. margin-right: 0px;
  47. border-color: yellow;
  48. }
  49. .contenidoContenedor {
  50. margin: 0 auto;
  51. text-align: center;
  52. color: #1be21e;
  53. font-size: 60px;
  54. }
  55. .cabeceraMonigote {
  56. display: inline-block;
  57. background-image: url(../static/hm-favicon.png);
  58. background-position: center top;
  59. height: 46px;
  60. width: 68px;
  61. }
  62. .cabeceraDescripcion {
  63. text-align: center;
  64. font-size: 14px;
  65. font-family: coolvetica;
  66. vertical-align: super;
  67. }
  68. .bloqueIzquierda {
  69. display: inline-block;
  70. padding-left: 10px;
  71. padding-right: 10px;
  72. margin-top: 20px;
  73. }
  74. .bloqueDerecha {
  75. width: auto;
  76. display: inline-block;
  77. vertical-align: top;
  78. margin-top: 20px;
  79. text-align: left;
  80. font-size: small;
  81. background: black;
  82. padding: 10px 10px 10px 10px;
  83. }
  84. .fotoAdorno {
  85. max-width:2000%;
  86. height:auto;
  87. display:block;
  88. padding:1px;
  89. border:1px solid yellow;
  90. }