1 |
4cce112d
|
Andreas Kohlbecker
|
/**
|
2 |
|
|
* @file
|
3 |
|
|
* Form Styling
|
4 |
|
|
*/
|
5 |
|
|
|
6 |
|
|
@import "base";
|
7 |
|
|
|
8 |
|
|
|
9 |
|
|
.form-item { /* Wrapper for a form element (or group of form elements) and its label */
|
10 |
|
|
margin: 1.5em 0;
|
11 |
|
|
|
12 |
|
|
input.error,
|
13 |
|
|
textarea.error,
|
14 |
|
|
select.error { /* Highlight the form elements that caused a form submission error */
|
15 |
|
|
border: 1px solid #c00;
|
16 |
|
|
}
|
17 |
|
|
|
18 |
|
|
label { /* The label for a form element */
|
19 |
|
|
display: block;
|
20 |
|
|
font-weight: bold;
|
21 |
|
|
}
|
22 |
|
|
|
23 |
|
|
label.option { /* The label for a radio button or checkbox */
|
24 |
|
|
display: inline;
|
25 |
|
|
font-weight: normal;
|
26 |
|
|
}
|
27 |
|
|
|
28 |
|
|
.form-required { /* The part of the label that indicates a required field */
|
29 |
|
|
color: #c00;
|
30 |
|
|
}
|
31 |
|
|
|
32 |
|
|
.description { /* The descriptive help text (separate from the label) */
|
33 |
|
|
font-size: 0.85em;
|
34 |
|
|
}
|
35 |
|
|
|
36 |
|
|
.form-checkboxes & ,
|
37 |
|
|
.form-radios & { /* Pack groups of checkboxes and radio buttons closer together */
|
38 |
|
|
margin: 0; /* Drupal core uses "0.4em 0" */
|
39 |
|
|
}
|
40 |
|
|
}
|
41 |
|
|
|
42 |
|
|
.form-submit { /* The submit button */
|
43 |
|
|
}
|
44 |
|
|
|
45 |
|
|
.container-inline {
|
46 |
|
|
div,
|
47 |
|
|
label { /* Inline labels and form divs */
|
48 |
|
|
display: inline;
|
49 |
|
|
}
|
50 |
|
|
}
|
51 |
|
|
|
52 |
|
|
.tips { /* Tips for Drupal's input formats */
|
53 |
|
|
}
|
54 |
|
|
|
55 |
|
|
a.button { /* Buttons used by contrib modules like Media */
|
56 |
|
|
@include appearance(button);
|
57 |
|
|
}
|
58 |
|
|
|
59 |
|
|
/*
|
60 |
|
|
* Password confirmation
|
61 |
|
|
*/
|
62 |
|
|
|
63 |
|
|
.password-parent,
|
64 |
|
|
.confirm-parent {
|
65 |
|
|
margin: 0;
|
66 |
|
|
}
|
67 |
|
|
|
68 |
|
|
/*
|
69 |
|
|
* Search (search-block-form.tpl.php)
|
70 |
|
|
*/
|
71 |
|
|
|
72 |
|
|
#block-search-form { /* Wrapper for the search form */
|
73 |
|
|
}
|
74 |
|
|
|
75 |
|
|
/*
|
76 |
|
|
* Drupal's default login form block
|
77 |
|
|
*/
|
78 |
|
|
|
79 |
|
|
#user-login-form {
|
80 |
|
|
text-align: left; /* LTR */
|
81 |
|
|
|
82 |
|
|
/*
|
83 |
|
|
* OpenID
|
84 |
|
|
*
|
85 |
|
|
* The default styling for the OpenID login link seems to assume Garland's
|
86 |
|
|
* styling of list items.
|
87 |
|
|
*/
|
88 |
|
|
|
89 |
|
|
ul { /* OpenID creates a new ul above the login form's links. */
|
90 |
|
|
margin-bottom: 0; /* Position OpenID's ul next to the rest of the links. */
|
91 |
|
|
}
|
92 |
|
|
|
93 |
|
|
html.js & li.openid-link,
|
94 |
|
|
li.openid-link { /* The "Log in using OpenID" link. */
|
95 |
|
|
margin-top: 1.5em;
|
96 |
|
|
margin-left: -20px; /* LTR */ /* Un-do some of the padding on the ul list. */
|
97 |
|
|
}
|
98 |
|
|
|
99 |
|
|
li.user-link { /* The "Cancel OpenID login" link. */
|
100 |
|
|
margin-top: 1.5em;
|
101 |
|
|
}
|
102 |
|
|
}
|
103 |
|
|
|
104 |
|
|
#user-login ul {
|
105 |
|
|
margin: 1.5em 0;
|
106 |
|
|
}
|
107 |
|
|
|
108 |
|
|
/*
|
109 |
|
|
* Drupal admin tables
|
110 |
|
|
*
|
111 |
|
|
* We overrode these styles in normalize.css, but restore them for the admin
|
112 |
|
|
* section of the site.
|
113 |
|
|
*/
|
114 |
|
|
|
115 |
|
|
form {
|
116 |
|
|
th {
|
117 |
|
|
text-align: left; /* LTR */
|
118 |
|
|
padding-right: 1em; /* LTR */
|
119 |
|
|
border-bottom: 3px solid #ccc;
|
120 |
|
|
}
|
121 |
|
|
|
122 |
|
|
tbody {
|
123 |
|
|
border-top: 1px solid #ccc;
|
124 |
|
|
}
|
125 |
|
|
|
126 |
|
|
tr.even {
|
127 |
|
|
background-color: #fff;
|
128 |
|
|
}
|
129 |
|
|
|
130 |
|
|
table .item-list ul {
|
131 |
|
|
margin: 0;
|
132 |
|
|
}
|
133 |
|
|
}
|
134 |
|
|
|
135 |
|
|
@if $legacy-support-for-ie6 or $legacy-support-for-ie7 {
|
136 |
|
|
.lt-ie8 tr.even,
|
137 |
|
|
.lt-ie8 tr.odd {
|
138 |
|
|
th,
|
139 |
|
|
td {
|
140 |
|
|
border-bottom: 1px solid #ccc; /* IE doesn't display borders on table rows */
|
141 |
|
|
}
|
142 |
|
|
}
|
143 |
|
|
}
|
144 |
|
|
|
145 |
|
|
/*
|
146 |
|
|
* Drupal core wrongly puts this in system.menus.css. Since we override that, add it back.
|
147 |
|
|
*/
|
148 |
|
|
|
149 |
|
|
td.menu-disabled {
|
150 |
|
|
background: #ccc;
|
151 |
|
|
}
|