Posted By

hotdiggity on 04/02/09


Tagged

css reset Framework initial


Versions (?)

Who likes this?

1 person have marked this snippet as a favorite

aleksanderek


initial css


 / Published in: CSS
 

URL: http://www.VisibilityInherit.com

  1. Updated: 07/1/08
  2. Author: Eric Watson
  3. Website: http://www.VisibilityInherit.com
  4. -------------------------------------------------------
  5. : Site Colors :
  6.  
  7. : Table Of Contents :
  8. Resets
  9. Defaults
  10. Typography
  11. Forms
  12. Layout
  13. Links
  14. Menus
  15. Global Classes
  16. Content
  17. ---------------------------------------------------- */
  18.  
  19. /* -------------------- Resets --------------------- */
  20. body, address, blockquote, dl, ol, ul, li, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre {
  21. margin: 0;
  22. padding: 0;
  23. }
  24. fieldset, table {
  25. border: none;
  26. }
  27. img {
  28. border: 0; /* kills Gecko bug when img's are placed inside links */
  29. vertical-align: bottom; /* set vertical align to bottom for IE */
  30. }
  31. /* --------------- Document Defaults -------------- */
  32. html {
  33. height: 101%; /* creates a horizontal scrollbar, for a more consistent look & feel */
  34. }
  35. body {
  36. height: 100%; /* helps make height 100% */
  37. font: 62.5%/1.5 Tahoma, Arial, Helvetica, sans-serif; /* 62.5% makes font-size 1em = 10px, 1.2em = 12px, etc */
  38. background-color: #FDFDFD;
  39. color: #333;
  40. }
  41. /* ------------------ Typography ------------------- */
  42. h1, h2, h3, h4, h5, h6, p, pre, blockquote, address {
  43. margin: 0 0 1em;
  44. }
  45. h1 {
  46. font-size: 2.2em;
  47. }
  48. h2 {
  49. font-size: 2em;
  50. }
  51. h3 {
  52. font-size: 1.8em;
  53. }
  54. h4 {
  55. font-size: 1.6em;
  56. }
  57. h5 {
  58. font-size: 1.4em;
  59. }
  60. h6 {
  61. font-size: 1.2em;
  62. }
  63. p, ul {
  64. font-size: 1.2em;
  65. }
  66. ul {
  67. margin: 0 0 1em 25px;
  68. list-style: none;
  69. }
  70. ul ul { /* fixes nested lists */
  71. font-size: 100%;
  72. font-weight: normal;
  73. }
  74. /* -------------------- Forms ---------------------- */
  75. form :focus {
  76. outline: 0; /* removes Safari's blue border */
  77. }
  78. input, label {
  79. vertical-align: middle;
  80. }
  81. label {
  82. cursor: pointer;
  83. }
  84. input, select, textarea {
  85. font-size: 1.2em;
  86. font-family: Tahoma, Arial, Helvetica, 'MS Sans Serif', sans-serif;
  87. }
  88. input, textarea {
  89. padding: .2em;
  90. }
  91. textarea { /* removes scrollbar from IE when none is needed */
  92. overflow: auto;
  93. }
  94. /* -------------------- Layout --------------------- */
  95. #wrapper {
  96. margin: 0 auto; /* centers layout */
  97. min-height: 100%; /* height 100% in all modern browsers */
  98. }
  99. * html #wrapper {
  100. height: 100%; /* height 100% in IE6 */
  101. }
  102. #header {
  103. }
  104. #nav {
  105. }
  106. #content {
  107. overflow: hidden; /* contain floats & haslyout for IE7 */
  108. }
  109. * html #content {
  110. height: 1%; /* haslyout for IE6 */
  111. }
  112. #left {
  113. float: left;
  114. display: inline; /* fix IE6 float bug */
  115. }
  116. #right {
  117. float: right;
  118. display: inline; /* fix IE6 float bug */
  119. }
  120. #footer {
  121. clear: both;
  122. }
  123. /* ------------------- Links ---------------------- */
  124. a {
  125. text-decoration: none;
  126. outline: 0; /* removes dotted border around a:active from Firefox */
  127. }
  128. a:visited {
  129. text-decoration: none;
  130. }
  131. a:active, a:focus, a:hover {
  132. text-decoration: underline;
  133. }
  134. /* --------------------- Menus ---------------------- */
  135. /* Main Menu */
  136. #nav ul {
  137. }
  138. #nav li {
  139. }
  140. #nav li a {
  141. }
  142. #nav li a:active, #nav li a:focus, #nav li a:hover {
  143. }
  144. /* Footer Menu */
  145. #footer ul {
  146. }
  147. #footer li {
  148. }
  149. #footer li a {
  150. }
  151. #footer li a:active, #footer li a:focus, #footer li a:hover {
  152. }
  153. /* ---------------- Global Classes ----------------- */
  154. .center {
  155. text-align: center;
  156. }
  157. .clear {
  158. clear: both;
  159. padding: 0;
  160. margin: 0;
  161. line-height: normal;
  162. }
  163. .floatleft {
  164. float: left;
  165. }
  166. .floatright {
  167. float: right;
  168. }
  169. .hidden {
  170. display: none;
  171. visibility: hidden;
  172. }
  173. .inline {
  174. display: inline;
  175. }
  176. .nomargin {
  177. margin: 0;
  178. }
  179. .marginbottom {
  180. margin: 0 0 1em;
  181. }
  182. /* ----------------- Content/Pages ----------------- */

Report this snippet  

You need to login to post a comment.