MAIN CSS - Formulario Registro de Usuarios en PHP con validación de campos y activación por mail


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

Archivo CSS que se publica en el tutorial Formulario Registro de Usuarios en PHP con validación de campos y activación por mail creado por COLORATE .--> http://www.colordeu.es/BLOG/registros-de-usuario-en-php-y-mysql-con-validacion-de-campos-y-activacion-por-mail


Copy this code and paste it in your HTML
  1. @CHARSET "UTF-8";
  2. /*
  3. Author: Adrian Mato
  4. Author URI: http://www.yensdesign.com & http://web.ontuts.com
  5. */
  6.  
  7. /******* GENERAL RESET *******/
  8. html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
  9. font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody,
  10. tfoot, thead, tr, th, td {
  11. border:0pt none;
  12. font-family:inherit;
  13. font-size:100%;
  14. font-style:inherit;
  15. font-weight:inherit;
  16. margin:0pt;
  17. padding:0pt;
  18. vertical-align:baseline;
  19. }
  20. body{
  21. line-height: 1em;
  22. font-size: 12px;
  23. background: #262626 url(img/bg.png) repeat scroll 0 0;
  24. font-family: Myriad Pro, Arial, Helvetica, sans-serif;
  25. margin: 0pt;
  26. cursor: default;
  27. }
  28. table{
  29. border-collapse: separate;
  30. border-spacing: 0pt;
  31. }
  32. strong{
  33. font-weight: 700;
  34. }
  35. caption, th, td{
  36. font-weight:normal;
  37. text-align:left;
  38. }
  39. blockquote:before, blockquote:after, q:before, q:after{
  40. content:"";
  41. }
  42. blockquote, q{
  43. quotes:"" "";
  44. }
  45. pre{
  46. font-family: Arial, Helvetica, sans-serif;
  47. }
  48. input{
  49. border: 0;
  50. margin: 0;
  51. font-family: Arial, Helvetica, sans-serif;
  52. }
  53. textarea{
  54. font-family: Arial, Helvetica, sans-serif;
  55. color: #888888;
  56. padding: 7px 3px 0 4px;
  57. font-size: 11px;
  58. }
  59. select{
  60. font-size: 11px;
  61. color: #888888;
  62. background: #fff;
  63. font-family: Arial, Helvetica, sans-serif;
  64. border: 1px solid #CAD2CE;
  65. }
  66. ul{
  67. list-style: none;
  68. list-style-type: none;
  69. list-style-position: outside;
  70. }
  71. a{
  72. cursor: pointer;
  73. color: #296ba5;
  74. text-decoration: none;
  75. outline: none !Important;
  76. }
  77. html,body{
  78. height:100%;
  79. }
  80. .clear{
  81. clear: both;
  82. height: 0;
  83. visibility: hidden;
  84. display: block;
  85. line-height: 0;
  86. }
  87. .clearfix{
  88. overflow: hidden;
  89. }
  90. .fleft{
  91. float: left;
  92. }
  93. .fright{
  94. float: right;
  95. }
  96. .italic{
  97. font-style: italic;
  98. }
  99. /******* /GENERAL RESET *******/
  100.  
  101. /******* CONTENT *******/
  102. .wrapper{
  103. width: 640px;
  104. margin: 0pt auto;
  105. padding-top: 10px;
  106. }
  107. h1{
  108. color: #fff;
  109. font-size: 26px;
  110. line-height: 3em;
  111. }
  112. label{
  113. display: block;
  114. color: #e4e1cd;
  115. line-height: 2em;
  116. font-size: 14px;
  117. }
  118. .section{
  119. margin-bottom: 25px;
  120. }
  121. input.text, input.submit{
  122. width: 70%;
  123. background: #171717 url(img/search.png) no-repeat scroll right 2px;
  124. padding: 8px;
  125. color: #8c8c8c;
  126. border: 1px solid #393939;
  127. margin-bottom: 15px;
  128. border-radius: 5px;
  129. -moz-border-radius: 5px;
  130. -webkit-border-radius: 5px;
  131. -khtml-border-radius: 5px;
  132. font-size: 16px;
  133. }
  134. input.text.active{
  135. background: #343434 url(img/search.png) no-repeat scroll right -43px;
  136. border-color: #000;
  137. color: #fff;
  138. }
  139. input.submit{
  140. width: auto !Important;
  141. background: #f5f5f5;
  142. color: #000;
  143. border-color: #c8c8c8;
  144. padding: 5px;
  145. margin-top: 0.5em;
  146. }
  147. .requisites{
  148. padding: 0 2px 0 2px;
  149. }
  150. .requisites.error{
  151. text-decoration: underline;
  152. background: #fff8cc;
  153. color: #171717;
  154. }
  155. input.error{
  156. background: #432323;
  157. border-color: #171717;
  158. }
  159. /******* /CONTENT *******/

URL: http://www.colordeu.es/BLOG/registros-de-usuario-en-php-y-mysql-con-validacion-de-campos-y-activacion-por-mail

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.