by JohnAlbin: Add @import base to all sass files.
[project/zen.git] / STARTERKIT / sass / forms.scss
CommitLineData
e46646f7
J
1//
2// Form Styling
3//
4
860df81a
J
5@import "base";
6
e46646f7
J
7
8.form-item { // Wrapper for a form element (or group of form elements) and its label
9 margin: 1.5em 0;
10
11 input.error,
12 textarea.error,
13 select.error { // Highlight the form elements that caused a form submission error
14 border: 1px solid #c00;
15 }
16
17 label { // The label for a form element
18 display: block;
19 font-weight: bold;
20 }
21
22 label.option { // The label for a radio button or checkbox
23 display: inline;
24 font-weight: normal;
25 }
26
27 .form-required { // The part of the label that indicates a required field
28 color: #c00;
29 }
30
31 .description { // The descriptive help text (separate from the label)
32 font-size: 0.85em;
33 }
34
35 .form-checkboxes & ,
36 .form-radios & { // Pack groups of checkboxes and radio buttons closer together
37 margin: 0; // Drupal core uses "0.4em 0"
38 }
39}
40
41.form-submit { // The submit button
42}
43
44.container-inline {
45 div,
46 label { // Inline labels and form divs
47 display: inline;
48 }
49}
50
51.tips { // Tips for Drupal's input formats
52}
53
54
55//
56// Password confirmation
57//
58.password-parent,
59.confirm-parent {
60 margin: 0;
61}
62
63
64//
65// Search (search-block-form.tpl.php)
66//
67#block-search-form { // Wrapper for the search form
68}
69
70
71//
72// Drupal's default login form block
73//
74#user-login-form {
75 text-align: left; // LTR
76
77 // OpenID
78 //
79 // The default styling for the OpenID login link seems to assume Garland's
80 // styling of list items.
81
82 ul { // OpenID creates a new ul above the login form's links.
83 margin-bottom: 0; // Position OpenID's ul next to the rest of the links.
84 }
85
86 html.js & li.openid-link,
87 li.openid-link { // The "Log in using OpenID" link.
88 margin-top: 1.5em;
89 margin-left: -20px; // LTR // Un-do some of the padding on the ul list.
90 }
91
92 li.user-link { // The "Cancel OpenID login" link.
93 margin-top: 1.5em;
94 }
95}
96
97#user-login ul {
98 margin: 1.5em 0;
99}
100
101
102//
103// Drupal admin tables
104//
105// We overrode these styles in html-reset.css, but restore them for the admin
106// section of the site.
107//
108form {
109 th {
110 text-align: left; // LTR
111 padding-right: 1em; // LTR
112 border-bottom: 3px solid #ccc;
113 }
114
115 tbody {
116 border-top: 1px solid #ccc;
117 }
118
119 tr.even {
120 background-color: #fff;
121 }
122
123 table .item-list ul {
124 margin: 0;
125 }
126}