Permalink
Browse files

Standardize order of properties inside rules and formatting

  • Loading branch information...
1 parent 291a273 commit f04bc13552275e294786ce0c27db194ecdffaffe Chad Mazzola committed Sep 14, 2010
@@ -1,59 +1,102 @@
/* Forms */
+/*removes dotted outline on submit buttons when clicking in firefox */
input[type="submit"]::-moz-focus-inner {
border: none;
- } /*removes dotted outline on submit buttons when clicking in firefox */
-
- form ol {
- list-style: none;
- margin: 0 0 1em 0;
- }
- form ol ol { margin-left: 0; }
- form ol li { margin: 0 0 1em 0; list-style-position: outside; }
- form ol ol li { margin: 0 0 .25em 0; list-style-position: outside; } /*list-style-position fixes IE label margin bug*/
-
- form ol li.error input { background: #FBE3E4; }
- p.inline-errors { color: #D12F19; }
- form ol li.file {
- background: #e1e1e1;
- border: 1px solid #c8c8c8;
- padding: 10px;
- }
-
- form abbr { border-bottom: 0; }
-
- label { display: block; }
- .required label { font-weight: bold; }
- .checkbox_field label, .radio_field label { font-weight: normal; }
-
- a.cancel { color: #7d0d0d; }
- .inline-hints {
- font-size: 0.8em;
- color: #666;
- margin-bottom: 0.25em;
- }
+}
+
+form ol {
+ list-style: none;
+ margin: 0 0 1em 0;
+}
+
+form ol ol {
+ margin-left: 0;
+}
+
+form ol li {
+ list-style-position: outside;
+ margin: 0 0 1em 0;
+}
+
+/*list-style-position fixes IE label margin bug*/
+form ol ol li {
+ list-style-position: outside;
+ margin: 0 0 .25em 0;
+}
+
+form ol li.error input {
+ background: #FBE3E4;
+}
+
+p.inline-errors {
+ color: #D12F19;
+}
+
+form ol li.file {
+ background: #e1e1e1;
+ border: 1px solid #c8c8c8;
+ padding: 10px;
+}
+
+form abbr {
+ border-bottom: 0;
+}
+
+label {
+ display: block;
+}
+
+.required label {
+ font-weight: bold;
+}
+
+.checkbox_field label,
+.radio_field label {
+ font-weight: normal;
+}
+
+a.cancel {
+ color: #7d0d0d;
+}
+
+.inline-hints {
+ color: #666;
+ font-size: 0.8em;
+ margin-bottom: 0.25em;
+}
/* Fieldsets */
fieldset {
- margin: 0 0 1.5em 0;
background: #f1f1f1;
- padding: 1.5em 1.5em 1em 1.5em;
border: 1px solid #e3e3e3;
+ margin: 0 0 1.5em 0;
+ padding: 1.5em 1.5em 1em 1.5em;
}
-fieldset fieldset, fieldset fieldset fieldset {
- padding: 0;
+
+fieldset fieldset,
+fieldset fieldset fieldset {
border: 0;
+ padding: 0;
+}
+
+legend {
+ font-weight: bold;
}
-legend { font-weight: bold; }
+
fieldset.buttons {
background: inherit;
border: 0;
padding: 0;
}
-fieldset.buttons li { display: inline; }
+
+fieldset.buttons li {
+ display: inline;
+}
+
.radio fieldset {
- padding: 0;
margin: 0;
+ padding: 0;
}
/* Text fields */
@@ -71,60 +114,77 @@ input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"] {
- width: 300px;
- padding: 3px 2px;
font-size: inherit;
+ padding: 3px 2px;
+ width: 300px;
}
+
input[disabled='disabled'] {
background-color: #fcfcfc;
cursor:default;
}
+
input[type="checkbox"] {
margin: 0 3px 0 0;
- vertical-align: middle;
position: relative;
top: -2px;
+ vertical-align: middle;
}
+
input[type="radio"] {
margin: 0 3px 0 0;
- vertical-align: middle;
position: relative;
top: -2px;
+ vertical-align: middle;
}
+
.check_boxes label {
+ display: inline;
+ padding: 0;
vertical-align: middle;
+}
+
+.radio label {
padding: 0;
- display: inline;
}
-.radio label { padding: 0; }
/* Textareas */
textarea {
- width: 440px;
+ font-size: inherit;
height: 200px;
margin: 0 0.5em 0.5em 0;
padding: 5px;
- font-size: inherit;
+ width: 440px;
}
/* Select fields */
fieldset .select select {
- width:200px;
+ width: 200px;
font-size: 0.9em;
-}
-optgroup { margin: 0 0 .5em 0; }
+}
+
+optgroup {
+ margin: 0 0 .5em 0;
+}
/* Date & Time */
-form ol li.date ol li, form ol li.time ol li {
+form ol li.date ol li,
+form ol li.time ol li {
display: inline;
}
+
form ol li.datetime ol li {
display: inline-block;
}
-form ol li.datetime select, form ol li.date select, form ol li.time select {
+
+form ol li.datetime select,
+form ol li.date select,
+form ol li.time select {
display: inline;
width: auto;
}
-form ol li.date label, form ol li.time label {
+
+form ol li.date label,
+form ol li.time label {
display: none;
-}
+}
@@ -1,24 +1,39 @@
/* Lists */
ul, ol {
- margin-bottom: 1.5em;
list-style-position: inside;
+ margin-bottom: 1.5em;
+}
+
+ul {
+ list-style-type: disc;
+}
+
+ol {
+ list-style-type: decimal;
}
-ul { list-style-type: disc; }
-ol { list-style-type: decimal; }
dl {
- margin-bottom: 1.5em;
line-height: 1.4;
+ margin-bottom: 1.5em;
}
+
dl dt {
font-weight: bold;
margin-top: 0.5em;
}
-dl dd { margin-bottom: 0em;}
-dd { margin-left: 0.5em; }
-li { line-height: 1.4; }
+dl dd {
+ margin-bottom: 0em;
+}
+
+dd {
+ margin-left: 0.5em;
+}
+
+li {
+ line-height: 1.4;
+}
ol ol, ol ul, ul ul, ul ol {
margin-left: 1em;
@@ -1,10 +1,9 @@
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
-
-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,
-font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
-b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table,
+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,
+font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
+b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table,
caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
@@ -14,15 +13,19 @@ caption, tbody, tfoot, thead, tr, th, td {
vertical-align: baseline;
background: transparent;
}
+
body {
line-height: 1;
}
+
ol, ul {
list-style: none;
}
+
blockquote, q {
quotes: none;
}
+
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
@@ -38,6 +41,7 @@ q:before, q:after {
ins {
text-decoration: none;
}
+
del {
text-decoration: line-through;
}
@@ -4,24 +4,32 @@ table {
margin-bottom: 2em;
width: 100%;
}
+
th {
border-bottom: 2px solid #ccc;
font-weight: bold;
text-align: left;
}
-td { border-bottom: 1px solid #ddd; }
+
+td {
+ border-bottom: 1px solid #ddd;
+}
+
caption, th, td {
padding: 4px 10px 4px 0;
}
+
caption {
background: #f1f1f1;
- padding: 10px 0;
margin-bottom: 1em;
+ padding: 10px 0;
}
-tr,td,th {
+tr, td, th {
vertical-align: middle;
}
/* Use this if you use span-x classes on th/td. */
-table .last { padding-right: 0; }
+table .last {
+ padding-right: 0;
+}
Oops, something went wrong.

0 comments on commit f04bc13

Please sign in to comment.