Red Electrica - CSS


/ Published in: CSS
Save to your folder(s)

La Hoja de Estilo e Red Electrica


Copy this code and paste it in your HTML
  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


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.