Tema: ayuda... necesito esto...con urgencia
Ver Mensaje Individual
  #6 (permalink)  
Antiguo 07/05/2010, 15:35
amx_kill
(Desactivado)
  
Fecha de Ingreso: mayo-2010
Mensajes: 36
Antigüedad: 14 años, 9 meses
Puntos: 0
Respuesta: ayuda... necesito esto...con urgencia
este es el style de la web

Código CSS: 
Ver original
  1. /* Carlos */
  2. body,div,dl,dt,dd,ul,ol,li,pre,form,fieldset,input,textarea,blockquote,th,td {
  3.     margin:0;
  4.     padding:0;
  5. }
  6.  
  7. fieldset,img {
  8.     border:0;
  9. }
  10.  
  11. html {
  12.     height:100%;
  13.     margin-bottom:1px;
  14. }
  15.  
  16. body {
  17.     position:relative;
  18. }
  19.  
  20. :focus {
  21.     outline:none;
  22. }
  23.  
  24. /* Carlos */
  25. a {
  26.     color:#222;
  27.     text-decoration:none;
  28. }
  29.  
  30. a:hover {
  31.     color:#008cff;
  32.     text-decoration:underline;
  33. }
  34.  
  35. /* Carlos */
  36. h1, h2, h3, h4, h5, h6 {
  37.     font-family:Arial, Helvetica, sans-serif;
  38.     font-weight:bold;
  39. }
  40.  
  41. h1 {
  42.     font-size:300%;
  43.     color:#000;
  44. }
  45.  
  46. h2 {
  47.     font-size:250%;
  48.     color:#b4b4b4;
  49. }
  50.  
  51. h3 {
  52.     font-size:200%;
  53.     color:#000;
  54. }
  55.  
  56. h4 {
  57.     font-size:175%;
  58.     color:#000;
  59. }
  60.  
  61. h5 {
  62.     font-size:150%;
  63.     color:#787878;
  64. }
  65.  
  66. h6 {
  67.     font-size:125%;
  68.     color:#000;
  69. }
  70.  
  71. /* Carlos */
  72. body {
  73.     background:url(../images/fondo_bg.jpg);
  74.     font-family:Arial, Helvetica, sans-serif;
  75.     line-height:140%;
  76.     color:#000;
  77.     font-size:14px;
  78. }
  79.  
  80. /* Carlos */
  81. div.rapidxwpr {
  82.     margin:auto;
  83.     width:860px;
  84.     background:url(../images/fondo_bg.jpg) 0 0 no-repeat;
  85. }
  86.  
  87. /* Carlos */
  88. div#header {
  89.     position:relative;
  90.     height:150px;
  91.     margin:0px 0px 0px 0px;
  92. }
  93.  
  94. /* Carlos */
  95. span#logo, img#logo {
  96.     width:211px;
  97.     height:252px;
  98.     border:0;
  99.     margin:10px 0 0 0;
  100. }
  101.  
  102. /* Carlos */
  103. div#middle {
  104.     width:auto;
  105.     margin:0px 0px 0px 0px;
  106.     clear:both;
  107. }
  108.  
  109. /* Carlos */
  110. div#left {
  111.     width:222px;
  112.     position:relative;
  113.     z-index:10;
  114.     float:left;
  115.     padding:0px 0px 0px 0px;
  116. }
  117.  
  118. /* Carlos */
  119. div#main {
  120.     width:auto;
  121.     background:url(../images/bg-retro-bg.png) 0 50px no-repeat;
  122.     margin:0px 0px 0px 222px;
  123.     padding:109px 0 0 0;
  124.     z-index:100;
  125.     position:relative;
  126. }
  127.  
  128. div#main_container {
  129.     background:url(../images/bg-retro.png) 0 100% no-repeat;
  130.     padding:0 0 59px 0;
  131. }
  132.  
  133. div#mainmiddle {
  134.     margin:0px 0px 0px 0px;
  135.     background:url(../images/bg-contenido.png) 0 0 repeat-y;
  136.     padding:10px 59px 0 59px;
  137. }
  138.  
  139. /* Carlos */
  140. div#footer {
  141.     margin:auto;
  142.     padding:10px 0px 20px 222px;
  143.     clear:both;
  144.     color:#baac7e;
  145.     text-align:center;
  146.     font-size:12px;
  147. }
  148.  
  149. div#footer a {
  150.     color:#baac7e;
  151.     text-decoration:none;
  152. }
  153.  
  154. div#footer a:hover {
  155.     text-decoration:underline;
  156. }
  157.  
  158. /* Carlos */
  159. .clearingfix:after {
  160.     content:".";
  161.     display:block;
  162.     line-height:0px;
  163.     clear:both;
  164.     visibility:hidden;
  165. }
  166.  
  167. .clearingfix {
  168.     display:block;
  169. }
  170.  
  171. .floatbox {
  172.     overflow:hidden;
  173. }
  174.  
  175. /* Carlos */
  176. div.menu {
  177.     margin:30px 0 0 0;
  178. }
  179.  
  180. div.menu ul {
  181.     padding:0px;
  182.     margin:0 0 0 50px;
  183.     list-style:none;
  184.     float:left;
  185. }
  186.  
  187. div.menu ul li {
  188.     margin:5px 0 0 0;
  189. }
  190.  
  191. div.menu a {
  192.     display:block;
  193.     position:relative;
  194.     padding:0;
  195.     overflow:hidden;
  196.     color:#fff;
  197.     width:222px;
  198.     text-indent:-9999px;
  199. }
  200.  
  201. div.menu a:hover {
  202.     text-decoration:none;
  203. }
  204.  
  205. div.menu a.home {
  206.     background:url(../images/menu-inicio_btn.png) 40px 0 no-repeat;
  207.     height:44px;
  208. }
  209.  
  210. div.menu a.commitment {
  211.     background:url(../images/menu-musica_btn.png) 0 0 no-repeat;
  212.     height:40px;
  213. }
  214.  
  215. div.menu a.organic {
  216.     background:url(../images/menu-videos_btn.png) 0 0 no-repeat;
  217.     height:42px;
  218. }
  219.  
  220. div.menu a.delivery {
  221.     background:url(../images/menu-anunciar_btn.png) 20px 0 no-repeat;
  222.     height:49px;
  223. }
  224.  
  225. div.menu a.contact {
  226.     background:url(../images/menu-contactame_btn.png) 15px 0 no-repeat;
  227.     height:38px;
  228. }
  229.  
  230. /* Carlos */
  231. div.welcome, div.why-organic {
  232.     padding:0 40px 20px 40px;
  233. }
  234.  
  235. div.welcome h2 {
  236.     margin:0 0 10px -30px;
  237.     background:url(../images/bienvenido-titulo.png) 0 0 no-repeat;
  238.     height:39px;
  239.     text-indent:-9999px;
  240. }
  241.  
  242. div.why-organic h2 {
  243.     margin:0 0 10px -30px;
  244.     background:url(esa why organic) 0 0 no-repeat;
  245.     height:39px;
  246.     text-indent:-9999px;
  247. }
  248.  
  249. *::-moz-selection{
  250. background: #AA9F72;
  251. color: #333333;}
  252. *::selection {
  253. background: #333333;
  254. color: #AA9F72;}
  255.  
  256. Carlos se llama mi papa :O