advanced code snippet search

Posted By

aurele on 09/20/06


Tagged

et


Versions (?)

Who likes this?

1 person have marked this snippet as a favorite

marcoba


css ET

 / Published in: CSS
 

con nombre style.css

Expand | Embed | Plain Text 
  1. body {
  2. 	text-align: center;
  3. 	color: #777777;
  4. 	background-color:#ffffff;
  5. }
  6.  
  7. #container {
  8. 	display: table;
  9. 	width: 750px;
  10. 	margin: 0 auto;
  11. }
  12.  
  13.  
  14. h1 {
  15. 	margin: 8px 0px 0px 0px;
  16. 	font-family: "Trebuchet MS", Helvetica, sans-serif;
  17. 	font-size: 15px;
  18. 	color: #505050;
  19. 	letter-spacing: 4px;
  20. 	padding-bottom: 3px;
  21. 	border-bottom: 1px #777777 solid;
  22. 	background-color:#ffffff;
  23. }
  24.  
  25. /******************************
  26.    Header + Navigation Menu
  27. ******************************/
  28. #header {
  29.  width: 246px;
  30.  height: 40px;
  31.  float:left;
  32.  padding: 25px 0px 25px 0px;
  33.  font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
  34.  font-size: 36px;
  35.  color:#aaaaaa;
  36.  background-color:#ffffff;
  37. }
  38.  
  39. #nav {
  40. 	clear: both;
  41. 	text-align: left;
  42. 	width: 750px;
  43. 	height: 22px;
  44. 	border-top: 2px #777777 solid;
  45. 	border-bottom: 2px #777777 solid; 
  46. }
  47.  
  48. #nav ul {
  49. 	margin: 0;
  50. 	padding: 0;
  51. 	list-style: none;
  52. }
  53.  
  54. #nav ul li {
  55. 	margin: 0;
  56. 	float: right;
  57. }
  58.  
  59. #nav a {
  60. 	float: left;
  61. 	font-family: Verdana, Arial, Helvetica, sans-serif;
  62. 	font-size: 14px;
  63. 	font-weight: bold;
  64. 	letter-spacing: -1px;
  65. 	padding: 2px 10px 0px 10px;
  66. 	color: #666666;
  67. 	text-decoration: none;
  68. 	background-color:#ffffff;
  69. }
  70.  
  71. #nav a:hover {
  72. 	color: #cc0000;
  73. 	background-color:#ffffff;
  74. }
  75.  
  76.  
  77.  
  78. /******************************
  79. 	News Updates Column
  80. ******************************/
  81.  
  82. #newsupdate {
  83. 	width: 240px;
  84. 	float: left;
  85. }
  86.  
  87. .newstitle {
  88. 	margin-top: 8px;
  89. 	width: 233px;
  90. 	text-align: left;
  91. 	padding-left: 7px;
  92. 	font-family: Arial, Helvetica, sans-serif;
  93. 	font-size: 17px;
  94. 	font-weight: bold;
  95. 	color: #cc0000;
  96. 	float: left;
  97. 	background-color:#ffffff;
  98. }
  99.  
  100. .newstitle span {
  101. 	color: #666666;
  102. 	background-color:#ffffff;
  103. }
  104.  
  105. #newsupdate p {
  106. 	margin: 0;
  107. 	padding-left: 3px;
  108. 	font-family: "Trebuchet MS", Helvetica, sans-serif;
  109. 	font-size: 14px;
  110. 	text-align: left;
  111. 	color: #505050;
  112. 	background-color:#ffffff;
  113. }
  114.  
  115. .date {
  116. 	width: 240px;
  117. 	float: left;
  118. 	margin-top: 7px;
  119. 	text-align: right;
  120. 	font-family: Verdana, Arial, Helvetica, sans-serif;
  121. 	font-size: 12px;
  122. 	color: #6A6A6A;
  123. 	background-color:#ffffff;
  124. }
  125.  
  126. /******************************
  127. 	Welcome Message IMG+TEXT
  128. ******************************/
  129. .rightcontainer {
  130. 	width: 510px;
  131. 	float: right;
  132. }
  133.  
  134. #welcome {
  135. 	width: 480px;
  136. 	height: 150px;
  137. 	padding: 82px 0px 10px 30px;
  138. 	border-bottom: 1px #ccc solid;
  139. 	background: url(images/apple.gif) top right no-repeat;
  140. 	text-align:left;
  141. 	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
  142. 	font-size: 36px;
  143. 	color:#aaaaaa;
  144. 	background-color:#ffffff;
  145. }
  146.  
  147. /******************************
  148. 	  Webpage Contents
  149. ******************************/
  150.  
  151. #content {
  152. 	margin-top: 10px;
  153. 	padding-left: 10px;
  154. 	width: 500px;
  155. 	float: right;
  156. }
  157.  
  158. #content h3 {
  159. 	width: 500px;
  160. 	text-align: left;
  161. 	font-family: "Trebuchet MS", Helvetica, sans-serif;
  162. 	color: #777777;
  163. 	float:left;
  164. 	margin: 0;
  165. 	background-color:#ffffff;
  166. }
  167.  
  168. #content p {
  169. 	margin: 0;
  170. 	padding: 0;
  171. 	text-align: left;
  172. 	font-family: "Trebuchet MS", Helvetica, sans-serif;
  173. 	font-size: 16px;
  174. 	color: #000;
  175. 	background-color:#ffffff;
  176. }
  177.  
  178. /******************************
  179.  images in content if you want - align left or right;
  180.  
  181. ex: <img src="blah.jpg" class="left" />
  182. ******************************/
  183. #content .left {
  184. 	float: left;
  185. 	color : #777777;
  186. 	background-color:#ffffff;
  187. }
  188.  
  189. #content .right {
  190. 	float: right;
  191. 	color : #777777;
  192. 	background-color:#ffffff;
  193. }
  194.  
  195. /******************************
  196. 	Footer
  197. ******************************/
  198.  
  199. #footer {
  200. 	float: left;
  201. 	margin-top: 10px;
  202. 	padding-top: 3px;
  203. 	width: 750px;
  204. 	border-top: 1px #a4a4a4 solid;
  205. 	font-family: Arial, Helvetica, sans-serif;
  206. 	font-size: 12px;
  207. 	color: #333333;
  208. 	background-color:#ffffff;
  209. }
  210.  
  211. #footer a {
  212. 	color: #cc0000;
  213. 	text-decoration:none;
  214. 	background-color:#ffffff;
  215. }
  216.  
  217. #footer a:active, a:visited {
  218. 	color: #cc0000;
  219. 	background-color:#ffffff;
  220. }
  221.  
  222. #footer a:hover {
  223. 	color: #666666;
  224. 	background-color:#ffffff;
  225. }

Report this snippet  

You need to login to post a comment.