Posted By

aurele on 07/04/06


Tagged

masofertas


Versions (?)

bc-stylesheet


 / Published in: CSS
 

css de la pagina de prueba-cliente de mas ofertas

  1. /*------------------------------------------------------------*
  2. ** Global
  3. **------------------------------------------------------------*/
  4. html { height: 100%; }
  5. body {
  6. margin: 0;
  7. padding: 0;
  8. font-family: Tahoma, sans-serif;
  9. font-size: 76%;
  10. color: #888;
  11. height: 100%;
  12. background: #fff url(img/bg.jpg) repeat-x;
  13. }
  14. a { text-decoration: none; color: #11A0CF; font-size: 1em; padding: 1px 2px; }
  15. a:hover { background-color: #f4f4f4; }
  16. acronym { border-bottom: 1px dotted #cc0000; cursor: help; }
  17.  
  18. /*------------------------------------------------------------*
  19. ** Container
  20. **------------------------------------------------------------*/
  21. #container {
  22. height: auto !important;
  23. height: 100%;
  24. min-height: 100%;
  25. position: relative;
  26. text-align: center;
  27. }
  28.  
  29. /*------------------------------------------------------------*
  30. ** Header
  31. **------------------------------------------------------------*/
  32. #header {
  33. background: url(img/header_top.gif) no-repeat 100% 5px;
  34. width: 750px;
  35. margin: 0 auto;
  36. padding: 0;
  37. }
  38. #header div {
  39. background: url(img/header_botm.jpg) no-repeat 0px 70px;
  40. text-align: left;
  41. padding: 45px 0 97px 20px;
  42. }
  43. #header h1 {
  44. margin: 0;
  45. clear: both;
  46. padding: 43px 0 0 40px;
  47. font-size: 4em;
  48. }
  49. #header h1 a {
  50. padding: 0;
  51. color: #000;
  52. font-family: Century Gothic, sans-serif;
  53. font-weight: normal;
  54. color: #000;
  55. }
  56. #header h1 a:hover { background-color: transparent; }
  57. * html #header h1 { padding-top: 23px; }
  58.  
  59. /*------------------------------------------------------------*
  60. ** Navigation
  61. **------------------------------------------------------------*/
  62. #header ul {
  63. margin: 0 40px;
  64. padding: 0;
  65. }
  66. #header li {
  67. display: inline;
  68. list-style-type: none;
  69. margin: 0 5px;
  70. font-size: 1.2em;
  71. background: url(img/nav.gif) no-repeat;
  72. width: 114px;
  73. height: 25px;
  74. float: left;
  75. text-align: center;
  76. }
  77. #header li a {
  78. display: block;
  79. width: 100%;
  80. color: #fff;
  81. padding-top: 7px;
  82. }
  83. #header li a.on,
  84. #header li a:hover { background-color: #333; color: #9c0; height: 20px; }
  85.  
  86. /*------------------------------------------------------------*
  87. ** Content
  88. **------------------------------------------------------------*/
  89. #content {
  90. width: 700px;
  91. margin: 0 auto;
  92. padding-bottom: 50px;
  93. }
  94. * html #content { padding-bottom: 60px; }
  95. #content:after {
  96. content: ".";
  97. display: block;
  98. clear: both;
  99. height: 0;
  100. visibility: hidden
  101. }
  102. #content h2 {
  103. font-size: 20px;
  104. color: #333;
  105. font-weight: normal;
  106. font-size: 1.8em;
  107. margin: 0 0 20px 0;
  108. clear: both;
  109. }
  110. #content h2 em {
  111. color: #09C;
  112. font-style: normal;
  113. }
  114. #content p {
  115. text-indent: 3em;
  116. line-height: 2.5em;
  117. letter-spacing: 0.1em;
  118. }
  119.  
  120. #content ul {
  121. margin: 20px 0;
  122. padding: 0 0 0 10px;
  123. }
  124. #content li {
  125. list-style-type: none;
  126. background: url(img/bullet.gif) no-repeat 0px 8px;
  127. padding: 0 0 0 25px;
  128. line-height: 2em;
  129. letter-spacing: 0.1em;
  130. }
  131. #content blockquote {
  132. background-color: #FFFFF0;
  133. margin: 20px 0;
  134. padding: 10px 20px;
  135. border-top: 1px solid #eee;
  136. border-bottom: 1px solid #eee;
  137. }
  138. #content blockquote p { margin: 0; text-indent: 0; }
  139.  
  140. /*------------------------------------------------------------*
  141. ** Thumbnails
  142. **------------------------------------------------------------*/
  143. #content ul.thumbs {
  144. margin: 20px 0;
  145. padding: 0;
  146. }
  147. #content ul.thumbs:after {
  148. content: ".";
  149. display: block;
  150. clear: both;
  151. height: 0;
  152. visibility: hidden
  153. }
  154. #content ul.thumbs li {
  155. float: left;
  156. margin: 3px;
  157. padding: 0;
  158. background-image: none;
  159. }
  160. #content ul.thumbs li a img { border: 5px solid #ddd; }
  161. #content ul.thumbs li a:hover img { border: 5px solid #333; }
  162. html>body #content ul.thumbs li a { background-color: transparent; }
  163.  
  164. /*------------------------------------------------------------*
  165. ** left
  166. **------------------------------------------------------------*/
  167. #left {
  168. float: left;
  169. width: 225px;
  170. text-align: left;
  171. margin-right: 35px;
  172. }
  173.  
  174. /*------------------------------------------------------------*
  175. ** right
  176. **------------------------------------------------------------*/
  177. #right {
  178. float: right;
  179. width: 438px;
  180. text-align: left;
  181. }
  182.  
  183. /*------------------------------------------------------------*
  184. ** Footer
  185. **------------------------------------------------------------*/
  186. #footer {
  187. position: absolute !important;
  188. width: 100% !important;
  189. z-index: 500 !important;
  190. position: relative;
  191. padding: 10px 0;
  192. margin-top: -36px;
  193. background-color: #333;
  194. color: #999;
  195. font-size: 11px;
  196. border-top: 3px solid #ccc;
  197. }
  198. #footer p { margin: 0 10px; text-align: center; }
  199. #footer a:hover { background-color: #222; }

Report this snippet  

You need to login to post a comment.