advanced code snippet search

We Recommend

CSS: The Definitive Guide CSS: The Definitive Guide
Provides you with a comprehensive guide to CSS implementation, along with a thorough review of all aspects of CSS 2.1. Updated to cover Internet Explorer 7, Microsoft's vastly improved browser, this new edition includes content on positioning, text wrapping (nowrap), lists and generated content, table layout, user interface, paged media, and more.

Posted By

aurele on 07/22/06


Tagged

red electrica


Versions (?)


Who likes this?

1 person has marked this snippet as a favorite

fatihturan


Red Electrica - CSS

Published in: CSS 

La Hoja de Estilo e Red Electrica

Plain TextExpand 
  1. /* andreas01 - an open source xhtml/css website layout by Andreas Viklund  - http://andreasviklund.com . Free to use for any purpose as long as the proper credits are given to the original author.
  2.  
  3. 		Version: 1.3 (Nov 28, 2005)
  4.  
  5. 		Screen layout: */
  6.  
  7. 	body{
  8. 		margin:0 auto;
  9. 		padding:0;
  10. 		font:76% Verdana,Tahoma,Arial,sans-serif;
  11. 		background:#f4f4f4 url(bg.gif) top center repeat-y;
  12. 		color:#303030;
  13. 	}
  14.  
  15. 	#wrap{
  16. 		background:#ffffff;
  17. 		color:#303030;
  18. 		margin:0 auto;
  19. 		width:760px;
  20. 	}
  21.  
  22. 	#header{
  23. 		clear:both;
  24. 		margin:20px 0 0 0;
  25. 		padding:0;
  26. 		height:45px;
  27. 	}
  28.  
  29. 	#header h1{
  30. 		width:250px;
  31. 		margin:0 0 10px 0;
  32. 		float:left;
  33. 	}
  34.  
  35. 	#header p{
  36. 		width:500px;
  37. 		float:right;
  38. 		text-align:center;
  39. 		color:#a0a0a0;
  40. 		margin:0 0 10px 0;
  41. 		font-size:0.8em;
  42. 		line-height:1.2em;
  43. 		background-color:inherit;
  44. 	}
  45.  
  46. 	#frontphoto{
  47. 		margin:0 0 10px 0;
  48. 		border:0;
  49. 	}
  50.  
  51. 	#avmenu{
  52. 		clear:left;
  53. 		float:left;
  54. 		width:150px;
  55. 		margin:0 0 10px 0;
  56. 		padding:0;
  57. 		font-size:0.9em;
  58. 	}
  59.  
  60. 	#avmenu ul{
  61. 		list-style:none;
  62. 		width:150px;
  63. 		margin:0 0 20px 0;
  64. 		padding:0;
  65. 		font-size:1.1em;
  66. 	}
  67.  
  68. 	#avmenu li{
  69. 		margin-bottom:4px;
  70. 	}
  71.  
  72. 	#avmenu li a{
  73. 		font-weight:bold;
  74. 		height:20px;
  75. 		text-decoration:none;
  76. 		color:#505050;
  77. 		display:block;
  78. 		padding:6px 0 0 10px;
  79. 		background:#f4f4f4;
  80. 		border-left:4px solid #cccccc;
  81. 	}
  82.  
  83. 	#avmenu li a:hover{
  84. 		background:#eaeaea;
  85. 		color:#286ea0;
  86. 		border-left:4px solid #286ea0;
  87. 	}
  88.  
  89. 	.announce{
  90. 		margin:10px 0 10px 0;
  91. 		padding:10px;
  92. 		width:130px;
  93. 		color:#505050;
  94. 		background-color:#f4f4f4;
  95. 		line-height:1.3em;
  96. 	}
  97.  
  98. 	#extras{
  99. 		float:right;
  100. 		width:120px;
  101. 		margin:0 0 10px 0;
  102. 		padding:0;
  103. 		font-size:0.9em;
  104. 		line-height:1.5em;
  105. 	}
  106.  
  107. 	#extras p{
  108. 		margin:0 0 1.5em 0;
  109. 	}
  110.  
  111. 	#content{
  112. 		margin:0 130px 20px 160px;
  113. 		border-left:1px solid #f0f0f0;
  114. 		border-right:1px solid #f0f0f0;
  115. 		padding:0 10px 0 10px;
  116. 		line-height:1.6em;
  117. 		text-align:left;
  118. 	}
  119.  
  120. 	#content h2{
  121. 		font-size:1.5em;
  122. 		margin:0 0 0.5em 0;
  123. 	}
  124.  
  125. 	#content img{
  126. 		padding:1px;
  127. 		display:inline;
  128. 		background:#cccccc;
  129. 		color:#303030;
  130. 		border:4px solid #f0f0f0;
  131. 	}
  132.  
  133.  
  134. 	h3{
  135. 		font-size:1.3em;
  136. 		margin:0 0 10px 0;
  137. 	}
  138.  
  139. 	a{
  140. 		text-decoration:none;
  141. 		color:#286ea0;
  142. 	}
  143.  
  144. 	a:hover{
  145. 		text-decoration:underline;
  146. 		color:#286ea0;
  147. 	}
  148.  
  149. 	a img{
  150. 		border:0;
  151. 	}
  152.  
  153. 	#footer{
  154. 		clear:both;
  155. 		margin:0 auto;
  156. 		padding:10px 0 20px 0;
  157. 		border-top:4px solid #f0f0f0;
  158. 		width:760px;
  159. 		text-align:center;
  160. 		color:#808080;
  161. 		font-size:0.9em;
  162. 	}
  163.  
  164. 	#footer a{
  165. 		color:#808080;
  166. 		text-decoration:none;
  167. 	}
  168.  
  169. 	#footer a:hover{
  170. 		text-decoration:underline;
  171. 	}
  172.  
  173. 	.left{
  174. 		margin:10px 10px 5px 0;
  175. 		float:left;
  176. 	}
  177.  
  178. 	.right{
  179. 		margin:10px 0 5px 10px;
  180. 		float:right;
  181. 	}
  182.  
  183. 	.textright{
  184. 		text-align:right;
  185. 	}
  186.  
  187. 	.center{
  188. 		text-align:center;
  189. 	}
  190.  
  191. 	.small{
  192. 		font-size:0.8em;
  193. 	}
  194.  
  195. 	.bold{
  196. 		font-weight:bold;
  197. 	}
  198.  
  199. 	.hide{
  200. 		display:none;
  201. 	}
  202. 	@font-face {
  203. 		font-family: Brush Script MT;
  204. 		font-style:  normal;
  205. 		font-weight: normal;
  206. 		src: url(http://www.idvsac.com/redelectrica/BRUSHSC1.eot);
  207. 	}
  208. 	span.rojo {color: #DE0000;
  209. 		font-family: 'Brush Script MT', serif;
  210. 		font-style: italic;
  211. 	}
  212. 	span.rojo1 {
  213. 		color: #DE0000;
  214. 		font-family: 'Brush Script MT', serif;
  215. 		font-style: italic;
  216. 		margin-left : -0.4em;
  217. 	}
  218. 	span.azul {color: #005CA1;
  219. 		font-family: 'Brush Script MT', serif;
  220. 		font-style: italic;
  221. 	}

Report this snippet 

You need to login to post a comment.