Permalink
Browse files

Clean up some whitespace

  • Loading branch information...
1 parent 0d03c36 commit bc04acc634ce564dae24c902d3ba29141875f5e2 @joshuaclayton committed May 5, 2011
Showing with 92 additions and 92 deletions.
  1. +28 −28 blueprint/src/forms.css
  2. +6 −6 blueprint/src/print.css
  3. +18 −18 blueprint/src/reset.css
  4. +40 −40 blueprint/src/typography.css
View
@@ -10,32 +10,32 @@
-------------------------------------------------------------- */
-/*
- A special hack is included for IE8 since it does not apply padding
- correctly on fieldsets
- */
-label { font-weight: bold; }
-fieldset { padding:0 1.4em 1.4em 1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
-legend { font-weight: bold; font-size:1.2em; margin-top:-0.2em; margin-bottom:1em; }
+/*
+ A special hack is included for IE8 since it does not apply padding
+ correctly on fieldsets
+ */
+label { font-weight: bold; }
+fieldset { padding:0 1.4em 1.4em 1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
+legend { font-weight: bold; font-size:1.2em; margin-top:-0.2em; margin-bottom:1em; }
-fieldset, #IE8#HACK { padding-top:1.4em; }
+fieldset, #IE8#HACK { padding-top:1.4em; }
legend, #IE8#HACK { margin-top:0; margin-bottom:0; }
/* Form fields
-------------------------------------------------------------- */
-/*
- Attribute selectors are used to differentiate the different types
- of input elements, but to support old browsers, you will have to
- add classes for each one. ".title" simply creates a large text
+/*
+ Attribute selectors are used to differentiate the different types
+ of input elements, but to support old browsers, you will have to
+ add classes for each one. ".title" simply creates a large text
field, this is purely for looks.
*/
input[type=text], input[type=password], input[type=url], input[type=email],
input.text, input.title,
textarea {
background-color:#fff;
border:1px solid #bbb;
- color:#000;
+ color:#000;
}
input[type=text]:focus, input[type=password]:focus, input[type=url]:focus, input[type=email]:focus,
input.text:focus, input.title:focus,
@@ -51,13 +51,13 @@ textarea, select {
}
input.text,
-input.title { width: 300px; padding:5px; }
-input.title { font-size:1.5em; }
-textarea { width: 390px; height: 250px; padding:5px; }
+input.title { width: 300px; padding:5px; }
+input.title { font-size:1.5em; }
+textarea { width: 390px; height: 250px; padding:5px; }
-/*
- This is to be used on forms where a variety of elements are
- placed side-by-side. Use the p tag to denote a line.
+/*
+ This is to be used on forms where a variety of elements are
+ placed side-by-side. Use the p tag to denote a line.
*/
form.inline { line-height:3; }
form.inline p { margin-bottom:0; }
@@ -67,16 +67,16 @@ form.inline p { margin-bottom:0; }
-------------------------------------------------------------- */
.error,
-.alert,
+.alert,
.notice,
-.success,
-.info { padding: 0.8em; margin-bottom: 1em; border: 2px solid #ddd; }
+.success,
+.info { padding: 0.8em; margin-bottom: 1em; border: 2px solid #ddd; }
.error, .alert { background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; }
-.notice { background: #fff6bf; color: #514721; border-color: #ffd324; }
-.success { background: #e6efc2; color: #264409; border-color: #c6d880; }
-.info { background: #d5edf8; color: #205791; border-color: #92cae4; }
+.notice { background: #fff6bf; color: #514721; border-color: #ffd324; }
+.success { background: #e6efc2; color: #264409; border-color: #c6d880; }
+.info { background: #d5edf8; color: #205791; border-color: #92cae4; }
.error a, .alert a { color: #8a1f11; }
-.notice a { color: #514721; }
-.success a { color: #264409; }
-.info a { color: #205791; }
+.notice a { color: #514721; }
+.success a { color: #264409; }
+.info a { color: #205791; }
View
@@ -72,12 +72,12 @@ a:link, a:visited {
text-decoration: underline;
}
-/*
- This has been the source of many questions in the past. This
- snippet of CSS appends the URL of each link within the text.
- The idea is that users printing your webpage will want to know
- the URLs they go to. If you want to remove this functionality,
- comment out this snippet and make sure to re-compress your files.
+/*
+ This has been the source of many questions in the past. This
+ snippet of CSS appends the URL of each link within the text.
+ The idea is that users printing your webpage will want to know
+ the URLs they go to. If you want to remove this functionality,
+ comment out this snippet and make sure to re-compress your files.
*/
a:link:after, a:visited:after {
content: " (" attr(href) ")";
View
@@ -5,10 +5,10 @@
-------------------------------------------------------------- */
-html {
- margin:0;
- padding:0;
- border:0;
+html {
+ margin:0;
+ padding:0;
+ border:0;
}
body, div, span, object, iframe,
@@ -23,35 +23,35 @@ hgroup, nav, section {
padding: 0;
border: 0;
font-size: 100%;
- font: inherit;
+ font: inherit;
vertical-align: baseline;
}
-/* This helps to make newer HTML5 elements behave like DIVs in older browers */
-article, aside, details, figcaption, figure, dialog,
+/* This helps to make newer HTML5 elements behave like DIVs in older browers */
+article, aside, details, figcaption, figure, dialog,
footer, header, hgroup, menu, nav, section {
display:block;
}
/* Line-height should always be unitless! */
body {
line-height: 1.5;
- background: white;
+ background: white;
}
/* Tables still need 'cellspacing="0"' in the markup. */
-table {
- border-collapse: separate;
- border-spacing: 0;
+table {
+ border-collapse: separate;
+ border-spacing: 0;
}
/* float:none prevents the span-x classes from breaking table-cell display */
-caption, th, td {
- text-align: left;
- font-weight: normal;
- float:none !important;
+caption, th, td {
+ text-align: left;
+ font-weight: normal;
+ float:none !important;
}
-table, th, td {
- vertical-align: middle;
+table, th, td {
+ vertical-align: middle;
}
/* Remove possible quote marks (") from <q>, <blockquote>. */
@@ -62,4 +62,4 @@ blockquote, q { quotes: "" ""; }
a img { border: none; }
/* Remember to define your own focus styles! */
-:focus { outline: 0; }
+:focus { outline: 0; }
@@ -38,21 +38,21 @@ h4 img, h5 img, h6 img {
-------------------------------------------------------------- */
p { margin: 0 0 1.5em; }
-/*
- These can be used to pull an image at the start of a paragraph, so
- that the text flows around it (usage: <p><img class="left">Text</p>)
+/*
+ These can be used to pull an image at the start of a paragraph, so
+ that the text flows around it (usage: <p><img class="left">Text</p>)
*/
-.left { float: left !important; }
-p .left { margin: 1.5em 1.5em 1.5em 0; padding: 0; }
-.right { float: right !important; }
-p .right { margin: 1.5em 0 1.5em 1.5em; padding: 0; }
+.left { float: left !important; }
+p .left { margin: 1.5em 1.5em 1.5em 0; padding: 0; }
+.right { float: right !important; }
+p .right { margin: 1.5em 0 1.5em 1.5em; padding: 0; }
a:focus,
a:hover { color: #09f; }
a { color: #06c; text-decoration: underline; }
blockquote { margin: 1.5em; color: #666; font-style: italic; }
-strong,dfn { font-weight: bold; }
+strong,dfn { font-weight: bold; }
em,dfn { font-style: italic; }
sup, sub { line-height: 0; }
@@ -69,36 +69,36 @@ pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height:
-------------------------------------------------------------- */
li ul,
-li ol { margin: 0; }
-ul, ol { margin: 0 1.5em 1.5em 0; padding-left: 1.5em; }
+li ol { margin: 0; }
+ul, ol { margin: 0 1.5em 1.5em 0; padding-left: 1.5em; }
-ul { list-style-type: disc; }
-ol { list-style-type: decimal; }
+ul { list-style-type: disc; }
+ol { list-style-type: decimal; }
-dl { margin: 0 0 1.5em 0; }
-dl dt { font-weight: bold; }
-dd { margin-left: 1.5em;}
+dl { margin: 0 0 1.5em 0; }
+dl dt { font-weight: bold; }
+dd { margin-left: 1.5em;}
/* Tables
-------------------------------------------------------------- */
-/*
- Because of the need for padding on TH and TD, the vertical rhythm
- on table cells has to be 27px, instead of the standard 18px or 36px
- of other elements.
- */
-table { margin-bottom: 1.4em; width:100%; }
-th { font-weight: bold; }
-thead th { background: #c3d9ff; }
+/*
+ Because of the need for padding on TH and TD, the vertical rhythm
+ on table cells has to be 27px, instead of the standard 18px or 36px
+ of other elements.
+ */
+table { margin-bottom: 1.4em; width:100%; }
+th { font-weight: bold; }
+thead th { background: #c3d9ff; }
th,td,caption { padding: 4px 10px 4px 5px; }
/*
- You can zebra-stripe your tables in outdated browsers by adding
- the class "even" to every other table row.
+ You can zebra-stripe your tables in outdated browsers by adding
+ the class "even" to every other table row.
*/
-tbody tr:nth-child(even) td,
-tbody tr.even td {
- background: #e5ecf9;
+tbody tr:nth-child(even) td,
+tbody tr.even td {
+ background: #e5ecf9;
}
tfoot { font-style: italic; }
caption { background: #eee; }
@@ -107,17 +107,17 @@ caption { background: #eee; }
/* Misc classes
-------------------------------------------------------------- */
-.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
-.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
-.hide { display: none; }
+.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
+.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
+.hide { display: none; }
-.quiet { color: #666; }
-.loud { color: #000; }
-.highlight { background:#ff0; }
-.added { background:#060; color: #fff; }
-.removed { background:#900; color: #fff; }
+.quiet { color: #666; }
+.loud { color: #000; }
+.highlight { background:#ff0; }
+.added { background:#060; color: #fff; }
+.removed { background:#900; color: #fff; }
-.first { margin-left:0; padding-left:0; }
-.last { margin-right:0; padding-right:0; }
-.top { margin-top:0; padding-top:0; }
-.bottom { margin-bottom:0; padding-bottom:0; }
+.first { margin-left:0; padding-left:0; }
+.last { margin-right:0; padding-right:0; }
+.top { margin-top:0; padding-top:0; }
+.bottom { margin-bottom:0; padding-bottom:0; }

0 comments on commit bc04acc

Please sign in to comment.