Permalink
Browse files

Fixing form alignment

  • Loading branch information...
1 parent b97245e commit 4b349743801812ce4cdb34f57d5e2680ac9e0dac @Montoya Montoya committed Sep 17, 2010
Showing with 11 additions and 7 deletions.
  1. +0 −1 blueprint/screen.css
  2. +11 −6 blueprint/src/forms.css
@@ -87,7 +87,6 @@ input[type=text], input[type=password], input.text, input.title, textarea, selec
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
-input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:.25em;}
form.inline {line-height:3;}
form.inline p {margin-bottom:0;}
.error, .notice, .success, .info {padding:0.8em;margin-bottom:1em;border:2px solid #ddd;}
@@ -18,6 +18,12 @@ legend { font-weight: bold; font-size:1.2em; }
/* 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
+ field, this is purely for looks.
+ */
input[type=text], input[type=password],
input.text, input.title,
textarea, select {
@@ -41,16 +47,15 @@ input.title { width: 300px; padding:5px; }
input.title { font-size:1.5em; }
textarea { width: 390px; height: 250px; padding:5px; }
-input[type=checkbox], input[type=radio],
-input.checkbox, input.radio {
- position:relative; top:.25em;
-}
-
+/*
+ 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; }
-/* Success, notice and error boxes
+/* Success, info, notice and error boxes
-------------------------------------------------------------- */
.error,

0 comments on commit 4b34974

Please sign in to comment.