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