PageRenderTime 29ms CodeModel.GetById 13ms RepoModel.GetById 0ms app.codeStats 0ms

/vealous/static/css/reset.css

http://shiao.googlecode.com/
CSS | 198 lines | 185 code | 4 blank | 9 comment | 0 complexity | 355d8afa616e755a4b52c3ae6cb7f7d8 MD5 | raw file
  1. /* ---------- clearfix hack ---------- */
  2. /* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
  3. .clearfix:after { content: " "; display: block; clear: both; height: 0; visibility: hidden; font-size: 0; }
  4. .clearfix { display: inline-block; }
  5. /* exlude MacIE5 \*/
  6. * html .clearfix { height: 1% }
  7. .clearfix {display:block;}
  8. /* end clearfix */
  9. /* http://sonspring.com/journal/clearing-floats */
  10. .clear {
  11. clear: both;
  12. display: block;
  13. overflow: hidden;
  14. visibility: hidden;
  15. width: 0;
  16. height: 0;
  17. }
  18. /* defined class */
  19. .singleline {
  20. white-space: nowrap;
  21. text-overflow: ellipsis;
  22. word-break: break-all;
  23. overflow: hidden;
  24. }
  25. .hide { display: none; }
  26. .alignleft { float: left;}
  27. .alignright{ float: right;}
  28. .textleft { text-align: left;}
  29. .textright { text-align: right;}
  30. .textcenter { text-align: center; }
  31. .sep { margin-bottom: 5px;}
  32. .pretty {
  33. font-family: "DejaVu Serif", "Times New Roman", serif;
  34. font-size: 12px;
  35. font-style: italic;
  36. }
  37. .overlay {
  38. display: none;
  39. position: fixed;
  40. top: 0;
  41. left: 0;
  42. width: 100%;
  43. height: 100%;
  44. background: #000;
  45. opacity: 0.6;
  46. filter: alpha(opacity=60) !important;
  47. z-index: 5;
  48. }
  49. .button, input[type="submit"] {
  50. background-image: url("../img/bg_blended.png");
  51. background-color: #f5f5f5;
  52. box-shadow: 0 1px 3px rgba(66, 66, 77, 0.4);
  53. -moz-box-shadow: 0 1px 3px rgba(66, 66, 77, 0.4);
  54. -webkit-box-shadow: 0 1px 3px rgba(66, 66, 77, 0.4);
  55. color: #333;
  56. text-decoration: none;
  57. text-shadow: 0 1px 1px #fff;
  58. border-width: 1px;
  59. border-style: solid;
  60. border-color: rgba(0,0,0,0.25) rgba(0,0,0,0.25) rgba(0,0,0,0.35);
  61. cursor: pointer;
  62. border-radius: 5px;
  63. -webkit-border-radius: 5px;
  64. -moz-border-radius: 5px;
  65. padding: 4px 15px;
  66. font: 12px/13px "Helvetica Neue", "Luxi Sans", "DejaVu Sans", "Lucida Grande", Tahoma, sans-serif;
  67. font-weight: bold;
  68. }
  69. a.button:visited {
  70. color: #333;
  71. }
  72. body a.button {
  73. text-decoration: none;
  74. color: #333;
  75. border-width: 1px;
  76. border-style: solid;
  77. border-color: rgba(0,0,0,0.25) rgba(0,0,0,0.25) rgba(0,0,0,0.35);
  78. }
  79. .button:hover, input[type="submit"]:hover {
  80. background-color: #fff;
  81. box-shadow: 0 1px 2px rgba(66, 66, 77, 0.2);
  82. -webkit-box-shadow: 0 1px 2px rgba(66, 66, 77, 0.2);
  83. -moz-box-shadow: 0 1px 2px rgba(66, 66, 77, 0.2);
  84. text-shadow: 0 1px 1px #fff;
  85. border-color: rgba(0,0,0,0.25) rgba(0,0,0,0.25) rgba(0,0,0,0.35);
  86. }
  87. .box {
  88. background-color: #fff;
  89. border: 1px solid #ccc;
  90. border-radius: 5px;
  91. -moz-border-radius: 5px;
  92. -webkit-border-radius: 5px;
  93. box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  94. -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  95. -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  96. }
  97. .box .cell {
  98. border-bottom: 1px solid #e2e2e2;
  99. font-size: 12px;
  100. line-height: 16px;
  101. padding: 10px;
  102. }
  103. .box .inner {
  104. padding: 12px;
  105. font-size: 12px;
  106. background-color: #f7f7f7;
  107. border-radius: 0 0 6px 6px;
  108. -webkit-border-radius: 0 0 6px 6px;
  109. -moz-border-radius: 0 0 6px 6px;
  110. }
  111. .circle_number {
  112. display: block;
  113. border-radius: 12px;
  114. -webkit-border-radius: 12px;
  115. -moz-border-radius: 12px;
  116. background-color: #1c7fdb;
  117. color: #fff;
  118. font-weight: bold;
  119. padding: 2px 14px;
  120. margin: 18px 12px 0 0;
  121. text-decoration: none;
  122. }
  123. .circle_number:hover {
  124. color: #fff;
  125. text-decoration: none;
  126. background-color: #ff6600;
  127. }
  128. .required { font-weight: bold;}
  129. .status {
  130. margin-left: 12px;
  131. background-color: #666;
  132. border-radius: 3px;
  133. -webkit-border-radius: 3px;
  134. -moz-border-radius: 3px;
  135. padding: 2px 6px;
  136. color: #fff;
  137. font-size: 10px;
  138. font-weight: bold;
  139. text-decoration: none;
  140. }
  141. a.status:hover {
  142. background-color: #999;
  143. text-decoration: none;
  144. color: #fff;
  145. }
  146. .snow { color: rgba(0,0,0,0.15); }
  147. input[type="text"], input[type="password"], textarea, select, .sl, .text {
  148. background: #fff;
  149. border-radius: 3px;
  150. -webkit-border-radius: 3px;
  151. -moz-border-radius: 3px;
  152. padding: 3px;
  153. font-size: 14px;
  154. border: 1px solid #ccc;
  155. font-family: "Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, sans-serif;
  156. }
  157. input[type="text"]:focus, input[type="password"]:focus, textarea:focus, .sl:focus, select:focus, .text {
  158. border: 1px solid rgba(128, 128, 160, 0.6);
  159. -moz-box-shadow: 0px 0px 5px rgba(128, 128, 160, 0.5);
  160. -webkit-box-shadow: 0px 0px 5px rgba(128, 128, 160, 0.5);
  161. outline: none;
  162. }
  163. body { text-align: center; letter-spacing: 0; min-height: 100%; }
  164. #container {margin: auto; min-width: 980px; text-align: left; }
  165. .wrapper {width: 960px; height: 100%; margin: 0 auto;}
  166. /* reset */
  167. body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td { margin: 0; padding: 0; }
  168. fieldset,img,abbr { border: 0; }
  169. address,caption,cite,code,dfn,h4,h5,h6,th,var { font-style: normal; font-weight: normal; }
  170. caption,th { text-align: left; }
  171. q:before, q:after { content: ''; }
  172. a { text-decoration: none; outline: 0 none; }
  173. code, pre { font-family: Consolas, Monaco, "Courier New", Courier, monospace; }
  174. pre {
  175. background: #f5f5f5;
  176. border: 1px solid #dadada;
  177. padding: 11px;
  178. font-size: 12px;
  179. line-height: 1.3em;
  180. overflow: auto;
  181. }
  182. a { color: #21759b; text-decoration: none; font-weight: normal; border: 0 none; }
  183. /*a:visited {color:#4ca6cf;}*/
  184. a:hover { color: #d54e21; }
  185. a:active { outline: none; }
  186. p a { border-bottom: 1px solid #dfdfdf; }
  187. p a:hover { border-bottom: 1px solid #d54e21; }
  188. em, cite {font-style: italic;}
  189. blockquote { background: #f5f5f5; border: 1px solid #dadada; padding: 15px 20px; margin-bottom: 22px; border-radius: 5px, -moz-border-radius: 5px; }
  190. ul { list-style-type: none;}
  191. h3 { font-weight: bold; }
  192. h3 a { font-size: 16px;}
  193. hr { border-color: #bbb; }
  194. /* end reset */