advanced code snippet search

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

Expand | Embed | Plain Text 
  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.