survivalkit 0.2.1 → 0.3

Sign up to get free protection for your applications and to get access to all the features.
Files changed (159) hide show
  1. data/lib/survivalkit.rb +2 -2
  2. data/stylesheets/survivalkit/extend/_helpers.sass +13 -9
  3. data/stylesheets/survivalkit/extend/_sticky-footer.sass +4 -4
  4. data/stylesheets/survivalkit/mixins/_all.sass +1 -0
  5. data/stylesheets/survivalkit/mixins/_breakpoint.sass +68 -0
  6. data/stylesheets/survivalkit/mixins/_helpers.sass +13 -0
  7. data/stylesheets/survivalkit/mixins/_pseudo.sass +0 -1
  8. data/stylesheets/survivalkit/mixins/_typography.sass +2 -2
  9. data/stylesheets/survivalkit/reset/_normalize.scss +506 -0
  10. data/stylesheets/survivalkit/style-tile/_all.sass +1 -0
  11. data/stylesheets/survivalkit/style-tile/_tile-layout.sass +143 -0
  12. data/stylesheets/survivalkit/survival_kit/_survival-kit.sass +35 -28
  13. data/stylesheets/survivalkit/variables/_color_names.sass +148 -148
  14. data/templates/project/files/html/survivalkit/elements-common.html +453 -453
  15. data/templates/project/files/html/survivalkit/elements-html5.html +2791 -2791
  16. data/templates/project/files/html/survivalkit/elements-typography.html +102 -102
  17. data/templates/project/files/html/survivalkit/elements-ui-patterns-drupal-css.html +1688 -1688
  18. data/templates/project/files/html/survivalkit/elements-ui-patterns-drupal.html +1688 -1688
  19. data/templates/project/files/html/survivalkit/elements-ui-patterns.html +57 -57
  20. data/templates/project/files/html/survivalkit/styletile/styletile.html +13 -5
  21. data/templates/project/ie.sass +1 -1
  22. data/templates/project/manifest.rb +13 -21
  23. data/templates/project/partials/01-variables/_all.sass +1 -2
  24. data/templates/project/partials/01-variables/_base.sass +124 -10
  25. data/templates/project/partials/01-variables/_fonts.sass +1 -1
  26. data/templates/project/partials/02-reset/_reset.sass +4 -5
  27. data/templates/project/partials/03-extend/_typography.sass +9 -9
  28. data/templates/project/partials/04-defaults/_all.sass +8 -9
  29. data/templates/project/partials/04-defaults/_common.sass +56 -3
  30. data/templates/project/partials/04-defaults/{markup/_edits.sass → _edits.sass} +0 -0
  31. data/templates/project/partials/04-defaults/{markup/_headers.sass → _headers.sass} +14 -14
  32. data/templates/project/partials/04-defaults/{markup/_images.sass → _images.sass} +1 -1
  33. data/templates/project/partials/04-defaults/{markup/_semantics.sass → _semantics.sass} +9 -9
  34. data/templates/project/partials/04-defaults/{markup/_tables.sass → _tables.sass} +1 -1
  35. data/templates/project/partials/04-defaults/{markup/forms → forms}/_form-defaults.sass +5 -5
  36. data/templates/project/partials/04-defaults/{markup/forms → forms}/_formalize.sass +0 -0
  37. data/templates/project/partials/05-grids/_grids-susy.sass +3 -13
  38. data/templates/project/partials/06-ui-patterns/{drupal/_ui-patterns.sass → _drupal-patterns.sass} +0 -0
  39. data/templates/project/partials/{08-layout-design → 08-your-design-here}/_design.sass +0 -0
  40. data/templates/project/partials/09-styletile/_tile-design.sass +22 -7
  41. data/templates/project/partials/{11-media → 10-media}/_print.sass +1 -1
  42. data/templates/project/partials/{12-browser-adjustments → 11-browser-adjustments}/_ie.sass +0 -0
  43. data/templates/project/partials/{12-browser-adjustments → 11-browser-adjustments}/_modernizr.sass +0 -0
  44. data/templates/project/partials/{12-browser-adjustments → 11-browser-adjustments}/_selectivizr.sass +0 -0
  45. data/templates/project/selectivizr.sass +1 -1
  46. data/templates/project/style.sass +7 -13
  47. data/templates/project/templates/old/survivalkit/partials/common/abbr.haml +2 -2
  48. data/templates/project/templates/old/survivalkit/partials/common/acronym.haml +2 -2
  49. data/templates/project/templates/old/survivalkit/partials/common/characters.haml +2 -2
  50. data/templates/project/templates/old/survivalkit/partials/common/cite.haml +2 -2
  51. data/templates/project/templates/old/survivalkit/partials/common/code.haml +2 -2
  52. data/templates/project/templates/old/survivalkit/partials/common/dfn.haml +2 -2
  53. data/templates/project/templates/old/survivalkit/partials/common/em.haml +3 -3
  54. data/templates/project/templates/old/survivalkit/partials/common/forms.haml +2 -2
  55. data/templates/project/templates/old/survivalkit/partials/common/headers.haml +2 -2
  56. data/templates/project/templates/old/survivalkit/partials/common/inline-images.haml +2 -2
  57. data/templates/project/templates/old/survivalkit/partials/common/kbd.haml +2 -2
  58. data/templates/project/templates/old/survivalkit/partials/common/links.haml +2 -2
  59. data/templates/project/templates/old/survivalkit/partials/common/lists.haml +2 -2
  60. data/templates/project/templates/old/survivalkit/partials/common/others.haml +2 -2
  61. data/templates/project/templates/old/survivalkit/partials/common/paragraphs.haml +2 -2
  62. data/templates/project/templates/old/survivalkit/partials/common/pre.haml +9 -9
  63. data/templates/project/templates/old/survivalkit/partials/common/q.haml +2 -2
  64. data/templates/project/templates/old/survivalkit/partials/common/samp.haml +2 -2
  65. data/templates/project/templates/old/survivalkit/partials/common/strong.haml +2 -2
  66. data/templates/project/templates/old/survivalkit/partials/common/tables.haml +2 -2
  67. data/templates/project/templates/old/survivalkit/partials/common/var.haml +2 -2
  68. data/templates/project/templates/old/survivalkit/partials/html5/a.haml +2 -2
  69. data/templates/project/templates/old/survivalkit/partials/html5/abbr.haml +2 -2
  70. data/templates/project/templates/old/survivalkit/partials/html5/address.haml +2 -2
  71. data/templates/project/templates/old/survivalkit/partials/html5/all-headings.haml +2 -2
  72. data/templates/project/templates/old/survivalkit/partials/html5/article.haml +2 -2
  73. data/templates/project/templates/old/survivalkit/partials/html5/aside.haml +2 -2
  74. data/templates/project/templates/old/survivalkit/partials/html5/b.haml +2 -2
  75. data/templates/project/templates/old/survivalkit/partials/html5/bdi.haml +2 -2
  76. data/templates/project/templates/old/survivalkit/partials/html5/blockquote.haml +2 -2
  77. data/templates/project/templates/old/survivalkit/partials/html5/cite.haml +2 -2
  78. data/templates/project/templates/old/survivalkit/partials/html5/code.haml +3 -3
  79. data/templates/project/templates/old/survivalkit/partials/html5/details.haml +2 -2
  80. data/templates/project/templates/old/survivalkit/partials/html5/dfn.haml +2 -2
  81. data/templates/project/templates/old/survivalkit/partials/html5/dl.haml +2 -2
  82. data/templates/project/templates/old/survivalkit/partials/html5/em.haml +2 -2
  83. data/templates/project/templates/old/survivalkit/partials/html5/fieldset.haml +2 -2
  84. data/templates/project/templates/old/survivalkit/partials/html5/figure.haml +2 -2
  85. data/templates/project/templates/old/survivalkit/partials/html5/footer.haml +2 -2
  86. data/templates/project/templates/old/survivalkit/partials/html5/header.haml +2 -2
  87. data/templates/project/templates/old/survivalkit/partials/html5/hgroup.haml +2 -2
  88. data/templates/project/templates/old/survivalkit/partials/html5/hr.haml +2 -2
  89. data/templates/project/templates/old/survivalkit/partials/html5/i.haml +2 -2
  90. data/templates/project/templates/old/survivalkit/partials/html5/kbd.haml +2 -2
  91. data/templates/project/templates/old/survivalkit/partials/html5/label.haml +2 -2
  92. data/templates/project/templates/old/survivalkit/partials/html5/li.haml +2 -2
  93. data/templates/project/templates/old/survivalkit/partials/html5/mark.haml +2 -2
  94. data/templates/project/templates/old/survivalkit/partials/html5/menu.haml +2 -2
  95. data/templates/project/templates/old/survivalkit/partials/html5/nav.haml +2 -2
  96. data/templates/project/templates/old/survivalkit/partials/html5/ol.haml +2 -2
  97. data/templates/project/templates/old/survivalkit/partials/html5/p.haml +2 -2
  98. data/templates/project/templates/old/survivalkit/partials/html5/pre.haml +11 -11
  99. data/templates/project/templates/old/survivalkit/partials/html5/q.haml +2 -2
  100. data/templates/project/templates/old/survivalkit/partials/html5/ruby.haml +2 -2
  101. data/templates/project/templates/old/survivalkit/partials/html5/s.haml +2 -2
  102. data/templates/project/templates/old/survivalkit/partials/html5/samp.haml +2 -2
  103. data/templates/project/templates/old/survivalkit/partials/html5/sample-forms.haml +2 -2
  104. data/templates/project/templates/old/survivalkit/partials/html5/sample-tables.haml +2 -2
  105. data/templates/project/templates/old/survivalkit/partials/html5/section.haml +2 -2
  106. data/templates/project/templates/old/survivalkit/partials/html5/small.haml +2 -2
  107. data/templates/project/templates/old/survivalkit/partials/html5/strong.haml +2 -2
  108. data/templates/project/templates/old/survivalkit/partials/html5/sub-sup.haml +2 -2
  109. data/templates/project/templates/old/survivalkit/partials/html5/table.haml +2 -2
  110. data/templates/project/templates/old/survivalkit/partials/html5/text-summary.haml +2 -2
  111. data/templates/project/templates/old/survivalkit/partials/html5/thead.haml +2 -2
  112. data/templates/project/templates/old/survivalkit/partials/html5/time.haml +2 -2
  113. data/templates/project/templates/old/survivalkit/partials/html5/ul.haml +2 -2
  114. data/templates/project/templates/old/survivalkit/partials/patterns-drupal/block.haml +2 -2
  115. data/templates/project/templates/old/survivalkit/partials/patterns-drupal/breadcrumbs.haml +2 -2
  116. data/templates/project/templates/old/survivalkit/partials/patterns-drupal/comments.haml +2 -2
  117. data/templates/project/templates/old/survivalkit/partials/patterns-drupal/field-image.haml +2 -2
  118. data/templates/project/templates/old/survivalkit/partials/patterns-drupal/form-comment.haml +2 -2
  119. data/templates/project/templates/old/survivalkit/partials/patterns-drupal/form-login.haml +2 -2
  120. data/templates/project/templates/old/survivalkit/partials/patterns-drupal/form-new-account.haml +2 -2
  121. data/templates/project/templates/old/survivalkit/partials/patterns-drupal/form-new-password.haml +2 -2
  122. data/templates/project/templates/old/survivalkit/partials/patterns-drupal/links.haml +2 -2
  123. data/templates/project/templates/old/survivalkit/partials/patterns-drupal/menu.haml +2 -2
  124. data/templates/project/templates/old/survivalkit/partials/patterns-drupal/messages.haml +2 -2
  125. data/templates/project/templates/old/survivalkit/partials/patterns-drupal/node.haml +2 -2
  126. data/templates/project/templates/old/survivalkit/partials/patterns-drupal/pager.haml +2 -2
  127. data/templates/project/templates/old/survivalkit/partials/patterns-drupal/rss-link.haml +1 -1
  128. data/templates/project/templates/old/survivalkit/partials/patterns-drupal/search.haml +2 -2
  129. data/templates/project/templates/old/survivalkit/partials/patterns-drupal/site-name.haml +2 -2
  130. data/templates/project/templates/old/survivalkit/partials/patterns-drupal/tabs.haml +2 -2
  131. data/templates/project/templates/old/survivalkit/partials/patterns-drupal/taxonomy.haml +2 -2
  132. data/templates/project/templates/old/survivalkit/partials/patterns-general/block.haml +2 -2
  133. data/templates/project/templates/old/survivalkit/partials/patterns-general/breadcrumbs.haml +2 -2
  134. data/templates/project/templates/old/survivalkit/partials/patterns-general/comments.haml +2 -2
  135. data/templates/project/templates/old/survivalkit/partials/patterns-general/field-image.haml +2 -2
  136. data/templates/project/templates/old/survivalkit/partials/patterns-general/form-comment.haml +2 -2
  137. data/templates/project/templates/old/survivalkit/partials/patterns-general/form-login.haml +2 -2
  138. data/templates/project/templates/old/survivalkit/partials/patterns-general/form-new-account.haml +2 -2
  139. data/templates/project/templates/old/survivalkit/partials/patterns-general/form-new-password.haml +2 -2
  140. data/templates/project/templates/old/survivalkit/partials/patterns-general/links.haml +2 -2
  141. data/templates/project/templates/old/survivalkit/partials/patterns-general/menu.haml +2 -2
  142. data/templates/project/templates/old/survivalkit/partials/patterns-general/messages.haml +2 -2
  143. data/templates/project/templates/old/survivalkit/partials/patterns-general/node.haml +2 -2
  144. data/templates/project/templates/old/survivalkit/partials/patterns-general/pager.haml +2 -2
  145. data/templates/project/templates/old/survivalkit/partials/patterns-general/rss-link.haml +1 -1
  146. data/templates/project/templates/old/survivalkit/partials/patterns-general/search.haml +2 -2
  147. data/templates/project/templates/old/survivalkit/partials/patterns-general/site-name.haml +2 -2
  148. data/templates/project/templates/old/survivalkit/partials/patterns-general/tabs.haml +2 -2
  149. data/templates/project/templates/old/survivalkit/partials/patterns-general/taxonomy.haml +2 -2
  150. metadata +25 -31
  151. data/stylesheets/survivalkit/reset/_normalize.sass +0 -342
  152. data/templates/project/partials/01-variables/_grids-all.sass +0 -11
  153. data/templates/project/partials/04-defaults/markup/_grouping.sass +0 -52
  154. data/templates/project/partials/05-grids/_grids-blueprint.sass +0 -20
  155. data/templates/project/partials/08-layout-design/_layout.sass +0 -8
  156. data/templates/project/partials/09-styletile/_tile-layout.sass +0 -80
  157. data/templates/project/partials/10-responsive/_mixins.sass +0 -27
  158. data/templates/project/partials/10-responsive/_responsive-blueprint.sass +0 -139
  159. data/templates/project/partials/10-responsive/_responsive-susy.sass +0 -112
@@ -86,1755 +86,1755 @@
86
86
  <nav class='section-nav'></nav>
87
87
  <div id='main' role='main'>
88
88
  <section class='element-group' id='drupal-patterns'>
89
- <h1 class='section-title'>Drupal Patterns</h1>
90
- <article class='element' id='site-name'>
91
- <h2 class='element-title'>Site Name</h2>
92
- <div class='markup'>
93
- <h1 id='site-name'>
94
- <a href='/' rel='home' title='Home'>
95
- <span>My Awesome Site</span>
96
- </a>
97
- </h1>
98
- </div>
99
- </article>
100
- <article class='element' id='search'>
101
- <h2 class='element-title'>Search Field</h2>
102
- <div class='markup'>
103
- <div class='block block-search contextual-links-region' id='block-search-form'>
104
- <div class='content'>
105
- <form accept-charset='UTF-8' action='' id='search-block-form' method='post'>
106
- <div>
107
- <div class='container-inline'>
108
- <h2 class='element-invisible'>Search form</h2>
109
- <div class='form-item form-type-searchfield form-item-search-block-form'>
110
- <label class='element-invisible' for='edit-search-block-form--2'>Search</label>
111
- <input class='form-text form-search' id='edit-search-block-form--2' maxlength='128' name='search_block_form' size='15' title='Enter the terms you wish to search for.' type='search' value='' />
112
- </div>
113
- <div class='form-actions form-wrapper' id='edit-actions'>
114
- <input class='form-submit' id='edit-submit' name='op' type='submit' value='Search' />
115
- </div>
116
- </div>
117
- </div>
118
- </form>
89
+ <h1 class='section-title'>Drupal Patterns</h1>
90
+ <div class='element' id='site-name'>
91
+ <h2 class='element-title'>Site Name</h2>
92
+ <div class='markup'>
93
+ <h1 id='site-name'>
94
+ <a href='/' rel='home' title='Home'>
95
+ <span>My Awesome Site</span>
96
+ </a>
97
+ </h1>
98
+ </div>
99
+ </div>
100
+ <div class='element' id='search'>
101
+ <h2 class='element-title'>Search Field</h2>
102
+ <div class='markup'>
103
+ <div class='block block-search contextual-links-region' id='block-search-form'>
104
+ <div class='content'>
105
+ <form accept-charset='UTF-8' action='' id='search-block-form' method='post'>
106
+ <div>
107
+ <div class='container-inline'>
108
+ <h2 class='element-invisible'>Search form</h2>
109
+ <div class='form-item form-type-searchfield form-item-search-block-form'>
110
+ <label class='element-invisible' for='edit-search-block-form--2'>Search</label>
111
+ <input class='form-text form-search' id='edit-search-block-form--2' maxlength='128' name='search_block_form' size='15' title='Enter the terms you wish to search for.' type='search' value='' />
112
+ </div>
113
+ <div class='form-actions form-wrapper' id='edit-actions'>
114
+ <input class='form-submit' id='edit-submit' name='op' type='submit' value='Search' />
119
115
  </div>
120
116
  </div>
121
117
  </div>
122
- </article>
123
- <article class='element' id='drupal-messages'>
124
- <h2 class='element-title'>Messages</h2>
125
- <div class='markup'>
126
- <div class='messages status'>
127
- <h2 class='element-invisible' style='display: none;'>Status message</h2>
128
- <p>
129
- This is
130
- <em>status</em>
131
- message.
132
- </p>
118
+ </form>
119
+ </div>
120
+ </div>
121
+ </div>
122
+ </div>
123
+ <div class='element' id='drupal-messages'>
124
+ <h2 class='element-title'>Messages</h2>
125
+ <div class='markup'>
126
+ <div class='messages status'>
127
+ <h2 class='element-invisible' style='display: none;'>Status message</h2>
128
+ <p>
129
+ This is
130
+ <em>status</em>
131
+ message.
132
+ </p>
133
+ </div>
134
+ <div class='messages warning'>
135
+ <h2 class='element-invisible' style='display: none;'>Status message</h2>
136
+ <p>
137
+ This is
138
+ <em>warning</em>
139
+ message.
140
+ </p>
141
+ </div>
142
+ <div class='messages error'>
143
+ <h2 class='element-invisible' style='display: none;'>Status message</h2>
144
+ <p>
145
+ This is
146
+ <em>error</em>
147
+ message.
148
+ </p>
149
+ </div>
150
+ </div>
151
+ </div>
152
+ <div class='element' id='block'>
153
+ <h2 class='element-title'>Block</h2>
154
+ <div class='markup'>
155
+ <div class='block block-block' id='block-block-1'>
156
+ <h2>This is a Custom Block</h2>
157
+ <div class='content'>
158
+ <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.</p>
159
+ </div>
160
+ </div>
161
+ </div>
162
+ </div>
163
+ <div class='element' id='tables'>
164
+ <h2 class='element-title'>Tables</h2>
165
+ <div class='markup'>
166
+ <table class='sticky-header' style='position: fixed; top: 0px; left: 13px; visibility: hidden; '>
167
+ <thead style=''>
168
+ <tr>
169
+ <th>vitae</th>
170
+ <th>tempor</th>
171
+ <th>gravida</th>
172
+ <th>in</th>
173
+ <th>nec</th>
174
+ </tr>
175
+ </thead>
176
+ </table>
177
+ <table class='sticky-enabled tableheader-processed sticky-table'>
178
+ <thead>
179
+ <tr>
180
+ <th>vitae</th>
181
+ <th>tempor</th>
182
+ <th>gravida</th>
183
+ <th>in</th>
184
+ <th>nec</th>
185
+ </tr>
186
+ </thead>
187
+ <tbody>
188
+ <tr class='odd'>
189
+ <td>eget</td>
190
+ <td>ac</td>
191
+ <td>fusce</td>
192
+ <td>et</td>
193
+ <td>in</td>
194
+ </tr>
195
+ <tr class='even'>
196
+ <td>tempor</td>
197
+ <td>luctus</td>
198
+ <td>lacus</td>
199
+ <td>eget</td>
200
+ <td>ac</td>
201
+ </tr>
202
+ <tr class='odd'>
203
+ <td>amet</td>
204
+ <td>convallis</td>
205
+ <td>dignissim</td>
206
+ <td>iaculis</td>
207
+ <td>elit</td>
208
+ </tr>
209
+ <tr class='even'>
210
+ <td>lorem</td>
211
+ <td>enim</td>
212
+ <td>porta</td>
213
+ <td>iaculis</td>
214
+ <td>eros</td>
215
+ </tr>
216
+ <tr class='odd'>
217
+ <td>in</td>
218
+ <td>iaculis</td>
219
+ <td>nam</td>
220
+ <td>luctus</td>
221
+ <td>sed</td>
222
+ </tr>
223
+ </tbody>
224
+ </table>
225
+ </div>
226
+ </div>
227
+ <div class='element' id='rss-link'>
228
+ <h2 class='element-title'>RSS Link</h2>
229
+ <div class='markup'>
230
+ <a class='feed-icon' href='/rss.xml' title='Subscribe to d7 RSS'>
231
+ <img alt='Subscribe to d7 RSS' src='/images/drupal/feed.png' />
232
+ </a>
233
+ </div>
234
+ </div>
235
+ <div class='element' id='links'>
236
+ <h2 class='element-title'>Inline Links</h2>
237
+ <div class='markup'>
238
+ <ul class='links inline'>
239
+ <li class='comment-add first last active'>
240
+ <a class='active' href='/node/1#comment-form' title='Share your thoughts and opinions related to this posting.'>Add new comment</a>
241
+ </li>
242
+ </ul>
243
+ </div>
244
+ </div>
245
+ <div class='element' id='taxonomy'>
246
+ <h2 class='element-title'>Taxonomy List</h2>
247
+ <div class='markup'>
248
+ <div class='field field-name-field-tags field-type-taxonomy-term-reference field-label-above'>
249
+ <div class='field-label'>Tags: </div>
250
+ <div class='field-items'>
251
+ <div class='field-item even'>
252
+ <a href='/taxonomy/term/1'>foo</a>
253
+ </div>
254
+ <div class='field-item odd'>
255
+ <a href='/taxonomy/term/2'>bar</a>
256
+ </div>
257
+ </div>
258
+ </div>
259
+ </div>
260
+ </div>
261
+ <div class='element' id='field-image'>
262
+ <h2 class='element-title'>Image Field</h2>
263
+ <div class='markup'>
264
+ <div class='field field-name-field-image field-type-image field-label-hidden'>
265
+ <div class='field-items'>
266
+ <div class='field-item even'>
267
+ <img alt='placeholder image' src='http://dummyimage.com/100x100/ccc/fff' />
268
+ </div>
269
+ </div>
270
+ </div>
271
+ </div>
272
+ </div>
273
+ <div class='element' id='node'>
274
+ <h2 class='element-title'>Node Page</h2>
275
+ <div class='markup'>
276
+ <h1>This is the node title</h1>
277
+ <div class='node node-article node-promoted clearfix' id='node-1'>
278
+ <div class='submitted'>
279
+ Submitted by
280
+ <span class='username'>Anonymous (not verified)</span>
281
+ on Sat, 01/15/2011 - 16:14
282
+ </div>
283
+ <div class='content'>
284
+ <div class='field field-name-field-image field-type-image field-label-hidden'>
285
+ <div class='field-items'>
286
+ <div class='field-item even'>
287
+ <img alt='placeholder image' src='http://dummyimage.com/100x100/ccc/fff' />
133
288
  </div>
134
- <div class='messages warning'>
135
- <h2 class='element-invisible' style='display: none;'>Status message</h2>
136
- <p>
137
- This is
138
- <em>warning</em>
139
- message.
140
- </p>
289
+ </div>
290
+ </div>
291
+ <div class='field field-name-body field-type-text-with-summary field-label-hidden'>
292
+ <div class='field-items'>
293
+ <div class='field-item even'>
294
+ <p>Ad esca ludus. Adipiscing autem defui similis utinam. Abluo causa duis esca meus nostrud si volutpat.</p>
295
+ </div>
296
+ </div>
297
+ </div>
298
+ <div class='field field-name-field-tags field-type-taxonomy-term-reference field-label-above'>
299
+ <div class='field-label'>Tags: </div>
300
+ <div class='field-items'>
301
+ <div class='field-item even'>
302
+ <a href='/taxonomy/term/1'>foo</a>
141
303
  </div>
142
- <div class='messages error'>
143
- <h2 class='element-invisible' style='display: none;'>Status message</h2>
144
- <p>
145
- This is
146
- <em>error</em>
147
- message.
148
- </p>
304
+ <div class='field-item odd'>
305
+ <a href='/taxonomy/term/2'>bar</a>
149
306
  </div>
150
307
  </div>
151
- </article>
152
- <article class='element' id='block'>
153
- <h2 class='element-title'>Block</h2>
154
- <div class='markup'>
155
- <div class='block block-block' id='block-block-1'>
156
- <h2>This is a Custom Block</h2>
157
- <div class='content'>
158
- <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.</p>
308
+ </div>
309
+ </div>
310
+ <ul class='links inline'>
311
+ <li class='comment-add first last active'>
312
+ <a class='active' href='/node/1#comment-form' title='Share your thoughts and opinions related to this posting.'>Add new comment</a>
313
+ </li>
314
+ </ul>
315
+ </div>
316
+ </div>
317
+ </div>
318
+ <div class='element' id='comments'>
319
+ <h2 class='element-title'>Comments</h2>
320
+ <div class='markup'>
321
+ <div class='comment-wrapper' id='comments'>
322
+ <h2 class='title'>Comments</h2>
323
+ <a id='comment-1'></a>
324
+ <div class='comment comment-by-viewer clearfix'>
325
+ <h3>
326
+ <a class='permalink' href='/comment/1#comment-1' rel='bookmark'>First</a>
327
+ </h3>
328
+ <div class='submitted'>
329
+ <a class='permalink' href='/comment/1#comment-1' rel='bookmark'>Permalink</a>
330
+ Submitted by
331
+ <a class='username' href='/user/1' title='View user profile.'>admin</a>
332
+ on Wed, 03/09/2011 - 23:52
333
+ </div>
334
+ <div class='content'>
335
+ <div class='field field-name-comment-body field-type-text-long field-label-hidden'>
336
+ <div class='field-items'>
337
+ <div class='field-item even'>
338
+ <p>This is the first comment</p>
159
339
  </div>
160
340
  </div>
161
341
  </div>
162
- </article>
163
- <article class='element' id='tables'>
164
- <h2 class='element-title'>Tables</h2>
165
- <div class='markup'>
166
- <table class='sticky-header' style='position: fixed; top: 0px; left: 13px; visibility: hidden; '>
167
- <thead style=''>
168
- <tr>
169
- <th>vitae</th>
170
- <th>tempor</th>
171
- <th>gravida</th>
172
- <th>in</th>
173
- <th>nec</th>
174
- </tr>
175
- </thead>
176
- </table>
177
- <table class='sticky-enabled tableheader-processed sticky-table'>
178
- <thead>
179
- <tr>
180
- <th>vitae</th>
181
- <th>tempor</th>
182
- <th>gravida</th>
183
- <th>in</th>
184
- <th>nec</th>
185
- </tr>
186
- </thead>
187
- <tbody>
188
- <tr class='odd'>
189
- <td>eget</td>
190
- <td>ac</td>
191
- <td>fusce</td>
192
- <td>et</td>
193
- <td>in</td>
194
- </tr>
195
- <tr class='even'>
196
- <td>tempor</td>
197
- <td>luctus</td>
198
- <td>lacus</td>
199
- <td>eget</td>
200
- <td>ac</td>
201
- </tr>
202
- <tr class='odd'>
203
- <td>amet</td>
204
- <td>convallis</td>
205
- <td>dignissim</td>
206
- <td>iaculis</td>
207
- <td>elit</td>
208
- </tr>
209
- <tr class='even'>
210
- <td>lorem</td>
211
- <td>enim</td>
212
- <td>porta</td>
213
- <td>iaculis</td>
214
- <td>eros</td>
215
- </tr>
216
- <tr class='odd'>
217
- <td>in</td>
218
- <td>iaculis</td>
219
- <td>nam</td>
220
- <td>luctus</td>
221
- <td>sed</td>
222
- </tr>
223
- </tbody>
224
- </table>
225
- </div>
226
- </article>
227
- <article class='element' id='rss-link'>
228
- <h2 class='element-title'>RSS Link</h2>
229
- <div class='markup'>
230
- <a class='feed-icon' href='/rss.xml' title='Subscribe to d7 RSS'>
231
- <img alt='Subscribe to d7 RSS' src='/images/drupal/feed.png' />
232
- </a>
233
- </div>
234
- </article>
235
- <article class='element' id='links'>
236
- <h2 class='element-title'>Inline Links</h2>
237
- <div class='markup'>
238
- <ul class='links inline'>
239
- <li class='comment-add first last active'>
240
- <a class='active' href='/node/1#comment-form' title='Share your thoughts and opinions related to this posting.'>Add new comment</a>
241
- </li>
242
- </ul>
243
- </div>
244
- </article>
245
- <article class='element' id='taxonomy'>
246
- <h2 class='element-title'>Taxonomy List</h2>
247
- <div class='markup'>
248
- <div class='field field-name-field-tags field-type-taxonomy-term-reference field-label-above'>
249
- <div class='field-label'>Tags: </div>
250
- <div class='field-items'>
251
- <div class='field-item even'>
252
- <a href='/taxonomy/term/1'>foo</a>
253
- </div>
254
- <div class='field-item odd'>
255
- <a href='/taxonomy/term/2'>bar</a>
256
- </div>
342
+ </div>
343
+ <ul class='links inline'>
344
+ <li class='comment-delete first'>
345
+ <a href='/comment/1/delete'>delete</a>
346
+ </li>
347
+ <li class='comment-edit'>
348
+ <a href='/comment/1/edit'>edit</a>
349
+ </li>
350
+ <li class='comment-reply last'>
351
+ <a href='/comment/reply/1/1'>reply</a>
352
+ </li>
353
+ </ul>
354
+ </div>
355
+ <a id='comment-2'></a>
356
+ <div class='comment comment-by-viewer clearfix'>
357
+ <h3>
358
+ <a class='permalink' href='/comment/2#comment-2' rel='bookmark'>Second</a>
359
+ </h3>
360
+ <div class='submitted'>
361
+ <a class='permalink' href='/comment/2#comment-2' rel='bookmark'>Permalink</a>
362
+ Submitted by
363
+ <a class='username' href='/user/1' title='View user profile.'>admin</a>
364
+ on Wed, 03/09/2011 - 23:53
365
+ </div>
366
+ <div class='content'>
367
+ <div class='field field-name-comment-body field-type-text-long field-label-hidden'>
368
+ <div class='field-items'>
369
+ <div class='field-item even'>
370
+ <p>This is the second comment.</p>
257
371
  </div>
258
372
  </div>
259
373
  </div>
260
- </article>
261
- <article class='element' id='field-image'>
262
- <h2 class='element-title'>Image Field</h2>
263
- <div class='markup'>
264
- <div class='field field-name-field-image field-type-image field-label-hidden'>
374
+ </div>
375
+ <ul class='links inline'>
376
+ <li class='comment-delete first'>
377
+ <a href='/comment/2/delete'>delete</a>
378
+ </li>
379
+ <li class='comment-edit'>
380
+ <a href='/comment/2/edit'>edit</a>
381
+ </li>
382
+ <li class='comment-reply last'>
383
+ <a href='/comment/reply/1/2'>reply</a>
384
+ </li>
385
+ </ul>
386
+ </div>
387
+ <div class='indented'>
388
+ <a id='comment-3'></a>
389
+ <div class='comment comment-by-viewer clearfix'>
390
+ <h3>
391
+ <a class='permalink' href='/comment/3#comment-3' rel='bookmark'>reply</a>
392
+ </h3>
393
+ <div class='submitted'>
394
+ <a class='permalink' href='/comment/3#comment-3' rel='bookmark'>Permalink</a>
395
+ Submitted by
396
+ <a class='username' href='/user/1' title='View user profile.'>admin</a>
397
+ on Wed, 03/09/2011 - 23:53
398
+ </div>
399
+ <div class='content'>
400
+ <div class='field field-name-comment-body field-type-text-long field-label-hidden'>
265
401
  <div class='field-items'>
266
402
  <div class='field-item even'>
267
- <img alt='placeholder image' src='http://dummyimage.com/100x100/ccc/fff' />
403
+ <p>This is a reply to the second comment.</p>
268
404
  </div>
269
405
  </div>
270
406
  </div>
271
407
  </div>
272
- </article>
273
- <article class='element' id='node'>
274
- <h2 class='element-title'>Node Page</h2>
275
- <div class='markup'>
276
- <h1>This is the node title</h1>
277
- <div class='node node-article node-promoted clearfix' id='node-1'>
278
- <div class='submitted'>
279
- Submitted by
280
- <span class='username'>Anonymous (not verified)</span>
281
- on Sat, 01/15/2011 - 16:14
282
- </div>
283
- <div class='content'>
284
- <div class='field field-name-field-image field-type-image field-label-hidden'>
285
- <div class='field-items'>
286
- <div class='field-item even'>
287
- <img alt='placeholder image' src='http://dummyimage.com/100x100/ccc/fff' />
288
- </div>
289
- </div>
290
- </div>
291
- <div class='field field-name-body field-type-text-with-summary field-label-hidden'>
292
- <div class='field-items'>
293
- <div class='field-item even'>
294
- <p>Ad esca ludus. Adipiscing autem defui similis utinam. Abluo causa duis esca meus nostrud si volutpat.</p>
295
- </div>
296
- </div>
297
- </div>
298
- <div class='field field-name-field-tags field-type-taxonomy-term-reference field-label-above'>
299
- <div class='field-label'>Tags: </div>
300
- <div class='field-items'>
301
- <div class='field-item even'>
302
- <a href='/taxonomy/term/1'>foo</a>
303
- </div>
304
- <div class='field-item odd'>
305
- <a href='/taxonomy/term/2'>bar</a>
306
- </div>
307
- </div>
308
- </div>
408
+ <ul class='links inline'>
409
+ <li class='comment-delete first'>
410
+ <a href='/comment/3/delete'>delete</a>
411
+ </li>
412
+ <li class='comment-edit'>
413
+ <a href='/comment/3/edit'>edit</a>
414
+ </li>
415
+ <li class='comment-reply last'>
416
+ <a href='/comment/reply/1/3'>reply</a>
417
+ </li>
418
+ </ul>
419
+ </div>
420
+ </div>
421
+ </div>
422
+ </div>
423
+ </div>
424
+ <div class='element' id='form-comment'>
425
+ <h2 class='element-title'>Comment Form</h2>
426
+ <div class='markup'>
427
+ <h2 class='title comment-form'>Add new comment</h2>
428
+ <form accept-charset='UTF-8' action='/comment/reply/1' class='comment-form' id='comment-form' method='post'>
429
+ <div>
430
+ <div class='form-item form-type-item' id='edit-author--2'>
431
+ <label for='edit-author--2'>Your name</label>
432
+ <a class='username' href='/user/1' title='View user profile.'>admin</a>
433
+ </div>
434
+ <div class='form-item form-type-textfield form-item-subject'>
435
+ <label for='edit-subject'>Subject</label>
436
+ <input class='form-text' id='edit-subject' maxlength='64' name='subject' size='60' type='text' value='' />
437
+ </div>
438
+ <div class='field-type-text-long field-name-comment-body field-widget-text-textarea form-wrapper' id='edit-comment-body'>
439
+ <div id='comment-body-add-more-wrapper'>
440
+ <div class='text-format-wrapper'>
441
+ <div class='form-item form-type-textarea form-item-comment-body-und-0-value'>
442
+ <label for='edit-comment-body-und-0-value'>
443
+ Comment
444
+ <span class='form-required' title='This field is required.'>*</span>
445
+ </label>
446
+ <div class='form-textarea-wrapper resizable textarea-processed resizable-textarea'>
447
+ <textarea class='text-full form-textarea required' cols='60' id='edit-comment-body-und-0-value' name='comment_body[und][0][value]' rows='5'></textarea>
448
+ <div class='grippie'></div>
309
449
  </div>
310
- <ul class='links inline'>
311
- <li class='comment-add first last active'>
312
- <a class='active' href='/node/1#comment-form' title='Share your thoughts and opinions related to this posting.'>Add new comment</a>
313
- </li>
314
- </ul>
315
450
  </div>
316
- </div>
317
- </article>
318
- <article class='element' id='comments'>
319
- <h2 class='element-title'>Comments</h2>
320
- <div class='markup'>
321
- <div class='comment-wrapper' id='comments'>
322
- <h2 class='title'>Comments</h2>
323
- <a id='comment-1'></a>
324
- <div class='comment comment-by-viewer clearfix'>
325
- <h3>
326
- <a class='permalink' href='/comment/1#comment-1' rel='bookmark'>First</a>
327
- </h3>
328
- <div class='submitted'>
329
- <a class='permalink' href='/comment/1#comment-1' rel='bookmark'>Permalink</a>
330
- Submitted by
331
- <a class='username' href='/user/1' title='View user profile.'>admin</a>
332
- on Wed, 03/09/2011 - 23:52
333
- </div>
334
- <div class='content'>
335
- <div class='field field-name-comment-body field-type-text-long field-label-hidden'>
336
- <div class='field-items'>
337
- <div class='field-item even'>
338
- <p>This is the first comment</p>
339
- </div>
340
- </div>
341
- </div>
342
- </div>
343
- <ul class='links inline'>
344
- <li class='comment-delete first'>
345
- <a href='/comment/1/delete'>delete</a>
346
- </li>
347
- <li class='comment-edit'>
348
- <a href='/comment/1/edit'>edit</a>
349
- </li>
350
- <li class='comment-reply last'>
351
- <a href='/comment/reply/1/1'>reply</a>
352
- </li>
353
- </ul>
354
- </div>
355
- <a id='comment-2'></a>
356
- <div class='comment comment-by-viewer clearfix'>
357
- <h3>
358
- <a class='permalink' href='/comment/2#comment-2' rel='bookmark'>Second</a>
359
- </h3>
360
- <div class='submitted'>
361
- <a class='permalink' href='/comment/2#comment-2' rel='bookmark'>Permalink</a>
362
- Submitted by
363
- <a class='username' href='/user/1' title='View user profile.'>admin</a>
364
- on Wed, 03/09/2011 - 23:53
451
+ <fieldset class='filter-wrapper form-wrapper' id='edit-comment-body-und-0-format'>
452
+ <div class='fieldset-wrapper'>
453
+ <div class='filter-help form-wrapper' id='edit-comment-body-und-0-format-help'>
454
+ <p>
455
+ <a href='/filter/tips'>More information about text formats</a>
456
+ </p>
365
457
  </div>
366
- <div class='content'>
367
- <div class='field field-name-comment-body field-type-text-long field-label-hidden'>
368
- <div class='field-items'>
369
- <div class='field-item even'>
370
- <p>This is the second comment.</p>
371
- </div>
372
- </div>
373
- </div>
458
+ <div class='form-item form-type-select form-item-comment-body-und-0-format'>
459
+ <label for='edit-comment-body-und-0-format--2'>Text format</label>
460
+ <select class='filter-list form-select' id='edit-comment-body-und-0-format--2' name='comment_body[und][0][format]'>
461
+ <option selected='selected' value='filtered_html'>Filtered HTML</option>
462
+ <option value='full_html'>Full HTML</option>
463
+ <option value='plain_text'>Plain text</option>
464
+ </select>
374
465
  </div>
375
- <ul class='links inline'>
376
- <li class='comment-delete first'>
377
- <a href='/comment/2/delete'>delete</a>
378
- </li>
379
- <li class='comment-edit'>
380
- <a href='/comment/2/edit'>edit</a>
381
- </li>
382
- <li class='comment-reply last'>
383
- <a href='/comment/reply/1/2'>reply</a>
384
- </li>
385
- </ul>
386
- </div>
387
- <div class='indented'>
388
- <a id='comment-3'></a>
389
- <div class='comment comment-by-viewer clearfix'>
390
- <h3>
391
- <a class='permalink' href='/comment/3#comment-3' rel='bookmark'>reply</a>
392
- </h3>
393
- <div class='submitted'>
394
- <a class='permalink' href='/comment/3#comment-3' rel='bookmark'>Permalink</a>
395
- Submitted by
396
- <a class='username' href='/user/1' title='View user profile.'>admin</a>
397
- on Wed, 03/09/2011 - 23:53
466
+ <div class='filter-guidelines form-wrapper filter-guidelines-processed' id='edit-comment-body-und-0-format-guidelines'>
467
+ <div class='filter-guidelines-item filter-guidelines-filtered_html' style='display: block; '>
468
+ <h3 style='display: none; '>Filtered HTML</h3>
469
+ <ul class='tips'>
470
+ <li>Web page addresses and e-mail addresses turn into links automatically.</li>
471
+ <li>Allowed HTML tags: &lt;a&gt; &lt;em&gt; &lt;strong&gt; &lt;cite&gt; &lt;blockquote&gt; &lt;code&gt; &lt;ul&gt; &lt;ol&gt; &lt;li&gt; &lt;dl&gt; &lt;dt&gt; &lt;dd&gt;</li>
472
+ <li>Lines and paragraphs break automatically.</li>
473
+ </ul>
398
474
  </div>
399
- <div class='content'>
400
- <div class='field field-name-comment-body field-type-text-long field-label-hidden'>
401
- <div class='field-items'>
402
- <div class='field-item even'>
403
- <p>This is a reply to the second comment.</p>
404
- </div>
405
- </div>
406
- </div>
475
+ <div class='filter-guidelines-item filter-guidelines-full_html' style='display: none; '>
476
+ <h3 style='display: none; '>Full HTML</h3>
477
+ <ul class='tips'>
478
+ <li>Web page addresses and e-mail addresses turn into links automatically.</li>
479
+ <li>Lines and paragraphs break automatically.</li>
480
+ </ul>
407
481
  </div>
408
- <ul class='links inline'>
409
- <li class='comment-delete first'>
410
- <a href='/comment/3/delete'>delete</a>
411
- </li>
412
- <li class='comment-edit'>
413
- <a href='/comment/3/edit'>edit</a>
414
- </li>
415
- <li class='comment-reply last'>
416
- <a href='/comment/reply/1/3'>reply</a>
417
- </li>
418
- </ul>
419
- </div>
420
- </div>
421
- </div>
422
- </div>
423
- </article>
424
- <article class='element' id='form-comment'>
425
- <h2 class='element-title'>Comment Form</h2>
426
- <div class='markup'>
427
- <h2 class='title comment-form'>Add new comment</h2>
428
- <form accept-charset='UTF-8' action='/comment/reply/1' class='comment-form' id='comment-form' method='post'>
429
- <div>
430
- <div class='form-item form-type-item' id='edit-author--2'>
431
- <label for='edit-author--2'>Your name</label>
432
- <a class='username' href='/user/1' title='View user profile.'>admin</a>
433
- </div>
434
- <div class='form-item form-type-textfield form-item-subject'>
435
- <label for='edit-subject'>Subject</label>
436
- <input class='form-text' id='edit-subject' maxlength='64' name='subject' size='60' type='text' value='' />
437
- </div>
438
- <div class='field-type-text-long field-name-comment-body field-widget-text-textarea form-wrapper' id='edit-comment-body'>
439
- <div id='comment-body-add-more-wrapper'>
440
- <div class='text-format-wrapper'>
441
- <div class='form-item form-type-textarea form-item-comment-body-und-0-value'>
442
- <label for='edit-comment-body-und-0-value'>
443
- Comment
444
- <span class='form-required' title='This field is required.'>*</span>
445
- </label>
446
- <div class='form-textarea-wrapper resizable textarea-processed resizable-textarea'>
447
- <textarea class='text-full form-textarea required' cols='60' id='edit-comment-body-und-0-value' name='comment_body[und][0][value]' rows='5'></textarea>
448
- <div class='grippie'></div>
449
- </div>
450
- </div>
451
- <fieldset class='filter-wrapper form-wrapper' id='edit-comment-body-und-0-format'>
452
- <div class='fieldset-wrapper'>
453
- <div class='filter-help form-wrapper' id='edit-comment-body-und-0-format-help'>
454
- <p>
455
- <a href='/filter/tips'>More information about text formats</a>
456
- </p>
457
- </div>
458
- <div class='form-item form-type-select form-item-comment-body-und-0-format'>
459
- <label for='edit-comment-body-und-0-format--2'>Text format</label>
460
- <select class='filter-list form-select' id='edit-comment-body-und-0-format--2' name='comment_body[und][0][format]'>
461
- <option selected='selected' value='filtered_html'>Filtered HTML</option>
462
- <option value='full_html'>Full HTML</option>
463
- <option value='plain_text'>Plain text</option>
464
- </select>
465
- </div>
466
- <div class='filter-guidelines form-wrapper filter-guidelines-processed' id='edit-comment-body-und-0-format-guidelines'>
467
- <div class='filter-guidelines-item filter-guidelines-filtered_html' style='display: block; '>
468
- <h3 style='display: none; '>Filtered HTML</h3>
469
- <ul class='tips'>
470
- <li>Web page addresses and e-mail addresses turn into links automatically.</li>
471
- <li>Allowed HTML tags: &lt;a&gt; &lt;em&gt; &lt;strong&gt; &lt;cite&gt; &lt;blockquote&gt; &lt;code&gt; &lt;ul&gt; &lt;ol&gt; &lt;li&gt; &lt;dl&gt; &lt;dt&gt; &lt;dd&gt;</li>
472
- <li>Lines and paragraphs break automatically.</li>
473
- </ul>
474
- </div>
475
- <div class='filter-guidelines-item filter-guidelines-full_html' style='display: none; '>
476
- <h3 style='display: none; '>Full HTML</h3>
477
- <ul class='tips'>
478
- <li>Web page addresses and e-mail addresses turn into links automatically.</li>
479
- <li>Lines and paragraphs break automatically.</li>
480
- </ul>
481
- </div>
482
- <div class='filter-guidelines-item filter-guidelines-plain_text' style='display: none; '>
483
- <h3 style='display: none; '>Plain text</h3>
484
- <ul class='tips'>
485
- <li>No HTML tags allowed.</li>
486
- <li>Web page addresses and e-mail addresses turn into links automatically.</li>
487
- <li>Lines and paragraphs break automatically.</li>
488
- </ul>
489
- </div>
490
- </div>
491
- </div>
492
- </fieldset>
493
- </div>
482
+ <div class='filter-guidelines-item filter-guidelines-plain_text' style='display: none; '>
483
+ <h3 style='display: none; '>Plain text</h3>
484
+ <ul class='tips'>
485
+ <li>No HTML tags allowed.</li>
486
+ <li>Web page addresses and e-mail addresses turn into links automatically.</li>
487
+ <li>Lines and paragraphs break automatically.</li>
488
+ </ul>
494
489
  </div>
495
490
  </div>
496
- <div class='form-actions form-wrapper' id='edit-actions'>
497
- <input class='form-submit' id='edit-submit' name='op' type='submit' value='Save'>
498
- <input class='form-submit' id='edit-preview' name='op' type='submit' value='Preview' />
499
- </input>
500
- </div>
501
491
  </div>
502
- </form>
492
+ </fieldset>
503
493
  </div>
504
- </article>
505
- </section>
506
- <section class='element-group' id='drupal-navigation'>
507
- <h1 class='section-title'>Drupal Navigation</h1>
508
- <article class='element' id='menu'>
509
- <h2 class='element-title'>Menus</h2>
510
- <div class='markup'>
511
- <ul class='links inline clearfix' id='main-menu'>
512
- <li class='menu-201 first'>
513
- <a href='/'>Home</a>
514
- </li>
515
- <li class='menu-365 active-trail active'>
516
- <a class='active-trail active' href='/blog' title='Blog'>Blog</a>
517
- </li>
518
- <li class='menu-366 last'>
519
- <a href='/my-page' title='My Page'>My Page</a>
520
- </li>
521
- </ul>
522
- </div>
523
- </article>
524
- <article class='element' id='menu-tree'>
525
- <h2 class='element-title'>Menu Tree</h2>
526
- <div class='markup'>
494
+ </div>
495
+ </div>
496
+ <div class='form-actions form-wrapper' id='edit-actions'>
497
+ <input class='form-submit' id='edit-submit' name='op' type='submit' value='Save'>
498
+ <input class='form-submit' id='edit-preview' name='op' type='submit' value='Preview' />
499
+ </input>
500
+ </div>
501
+ </div>
502
+ </form>
503
+ </div>
504
+ </div>
505
+ </section>
506
+ <section class='element-group' id='drupal-navigation'>
507
+ <h1 class='section-title'>Drupal Navigation</h1>
508
+ <div class='element' id='menu'>
509
+ <h2 class='element-title'>Menus</h2>
510
+ <div class='markup'>
511
+ <ul class='links inline clearfix' id='main-menu'>
512
+ <li class='menu-201 first'>
513
+ <a href='/'>Home</a>
514
+ </li>
515
+ <li class='menu-365 active-trail active'>
516
+ <a class='active-trail active' href='/blog' title='Blog'>Blog</a>
517
+ </li>
518
+ <li class='menu-366 last'>
519
+ <a href='/my-page' title='My Page'>My Page</a>
520
+ </li>
521
+ </ul>
522
+ </div>
523
+ </div>
524
+ <div class='element' id='menu-tree'>
525
+ <h2 class='element-title'>Menu Tree</h2>
526
+ <div class='markup'>
527
+ <ul class='menu'>
528
+ <li class='first last expanded active-trail'>
529
+ <a class='active-trail' href='/admin'>Administration</a>
530
+ <ul class='menu'>
531
+ <li class='first collapsed'>
532
+ <a href='/admin/content' title='Administer content and comments.'>Content</a>
533
+ </li>
534
+ <li class='collapsed'>
535
+ <a href='/admin/structure' title='Administer blocks, content types, menus, etc.'>Structure</a>
536
+ </li>
537
+ <li class='expanded active-trail'>
538
+ <a class='active-trail' href='/admin/appearance' title='Select and configure your themes.'>Appearance</a>
527
539
  <ul class='menu'>
528
- <li class='first last expanded active-trail'>
529
- <a class='active-trail' href='/admin'>Administration</a>
530
- <ul class='menu'>
531
- <li class='first collapsed'>
532
- <a href='/admin/content' title='Administer content and comments.'>Content</a>
533
- </li>
534
- <li class='collapsed'>
535
- <a href='/admin/structure' title='Administer blocks, content types, menus, etc.'>Structure</a>
536
- </li>
537
- <li class='expanded active-trail'>
538
- <a class='active-trail' href='/admin/appearance' title='Select and configure your themes.'>Appearance</a>
539
- <ul class='menu'>
540
- <li class='first last leaf active-trail'>
541
- <a class='active-trail active' href='/admin/appearance/styleguide'>Style guide</a>
542
- </li>
543
- </ul>
544
- </li>
545
- <li class='leaf'>
546
- <a href='/admin/people' title='Manage user accounts, roles, and permissions.'>People</a>
547
- </li>
548
- <li class='leaf'>
549
- <a href='/admin/modules' title='Extend site functionality.'>Modules</a>
550
- </li>
551
- <li class='collapsed'>
552
- <a href='/admin/config' title='Administer settings.'>Configuration</a>
553
- </li>
554
- <li class='collapsed'>
555
- <a href='/admin/reports' title='View reports, updates, and errors.'>Reports</a>
556
- </li>
557
- <li class='last leaf'>
558
- <a href='/admin/help' title='Reference for usage, configuration, and modules.'>Help</a>
559
- </li>
560
- </ul>
540
+ <li class='first last leaf active-trail'>
541
+ <a class='active-trail active' href='/admin/appearance/styleguide'>Style guide</a>
561
542
  </li>
562
543
  </ul>
544
+ </li>
545
+ <li class='leaf'>
546
+ <a href='/admin/people' title='Manage user accounts, roles, and permissions.'>People</a>
547
+ </li>
548
+ <li class='leaf'>
549
+ <a href='/admin/modules' title='Extend site functionality.'>Modules</a>
550
+ </li>
551
+ <li class='collapsed'>
552
+ <a href='/admin/config' title='Administer settings.'>Configuration</a>
553
+ </li>
554
+ <li class='collapsed'>
555
+ <a href='/admin/reports' title='View reports, updates, and errors.'>Reports</a>
556
+ </li>
557
+ <li class='last leaf'>
558
+ <a href='/admin/help' title='Reference for usage, configuration, and modules.'>Help</a>
559
+ </li>
560
+ </ul>
561
+ </li>
562
+ </ul>
563
+ </div>
564
+ </div>
565
+ <div class='element' id='tabs'>
566
+ <h2 class='element-title'>Tabs</h2>
567
+ <div class='markup'>
568
+ <div class='tabs'>
569
+ <h2 class='element-invisible'>Primary tabs</h2>
570
+ <ul class='tabs primary'>
571
+ <li class='active'>
572
+ <a class='active' href='/blog/about'>
573
+ View
574
+ <span class='element-invisible'>(active tab)</span>
575
+ </a>
576
+ </li>
577
+ <li>
578
+ <a href='/node/52/edit'>Edit</a>
579
+ </li>
580
+ <li>
581
+ <a href='/node/52/devel'>Devel</a>
582
+ </li>
583
+ </ul>
584
+ </div>
585
+ </div>
586
+ </div>
587
+ <div class='element' id='breadcrumbs'>
588
+ <h2 class='element-title'>Breadcrumbs</h2>
589
+ <div class='markup'>
590
+ <div class='breadcrumb'>
591
+ <a href='/'>Home</a>
592
+ »
593
+ <a href='/blog' title='Blog'>Blog</a>
594
+ </div>
595
+ </div>
596
+ </div>
597
+ <div class='element' id='pager'>
598
+ <h2 class='element-title'>Pager</h2>
599
+ <div class='markup'>
600
+ <ul class='pager'>
601
+ <li class='pager-first first'>
602
+ <a class='active' href='/node' title='Go to first page'>« first</a>
603
+ </li>
604
+ <li class='pager-previous'>
605
+ <a class='active' href='/node' title='Go to previous page'>‹ previous</a>
606
+ </li>
607
+ <li class='pager-item'>
608
+ <a class='active' href='/node' title='Go to page 1'>1</a>
609
+ </li>
610
+ <li class='pager-current'>2</li>
611
+ <li class='pager-item'>
612
+ <a class='active' href='/node?page=2' title='Go to page 3'>3</a>
613
+ </li>
614
+ <li class='pager-next'>
615
+ <a class='active' href='/node?page=2' title='Go to next page'>next ›</a>
616
+ </li>
617
+ <li class='pager-last last'>
618
+ <a class='active' href='/node?page=2' title='Go to last page'>last »</a>
619
+ </li>
620
+ </ul>
621
+ </div>
622
+ </div>
623
+ </section>
624
+ <section class='element-group' id='drupal-forms'>
625
+ <h1 class='section-title'>Drupal Forms</h1>
626
+ <div class='element' id='form-basic'>
627
+ <h2 class='element-title'>Form, Basic</h2>
628
+ <div class='markup'>
629
+ <form accept-charset='UTF-8' action='' enctype='multipart/form-data' id='styleguide-form' method='post'>
630
+ <div>
631
+ <div class='form-item form-type-select form-item-select'>
632
+ <label for='edit-select'>Select</label>
633
+ <select class='form-select' id='edit-select' name='select'>
634
+ <option value='eget'>eget</option>
635
+ <option value='venenatis'>venenatis</option>
636
+ <option value='aliquam'>aliquam</option>
637
+ <option value='consequat'>consequat</option>
638
+ <option value='dignissim'>dignissim</option>
639
+ </select>
640
+ <div class='description'>Duis orci nunc, lacinia in malesuada et, euismod id turpis.</div>
641
+ </div>
642
+ <div class='form-item form-type-checkbox form-item-checkbox'>
643
+ <input checked='checked' class='form-checkbox' id='edit-checkbox' name='checkbox' type='checkbox' value='1'>
644
+ <label class='option' for='edit-checkbox'>Checkbox</label>
645
+ <div class='description'>Fusce dignissim tempor elementum.</div>
646
+ </input>
647
+ </div>
648
+ <div class='form-item form-type-checkboxes form-item-checkboxes'>
649
+ <label for='edit-checkboxes'>Checkboxes</label>
650
+ <div class='form-checkboxes' id='edit-checkboxes'>
651
+ <div class='form-item form-type-checkbox form-item-checkboxes-eget'>
652
+ <input class='form-checkbox' id='edit-checkboxes-eget' name='checkboxes[eget]' type='checkbox' value='eget'>
653
+ <label class='option' for='edit-checkboxes-eget'>eget</label>
654
+ </input>
563
655
  </div>
564
- </article>
565
- <article class='element' id='tabs'>
566
- <h2 class='element-title'>Tabs</h2>
567
- <div class='markup'>
568
- <div class='tabs'>
569
- <h2 class='element-invisible'>Primary tabs</h2>
570
- <ul class='tabs primary'>
571
- <li class='active'>
572
- <a class='active' href='/blog/about'>
573
- View
574
- <span class='element-invisible'>(active tab)</span>
575
- </a>
576
- </li>
577
- <li>
578
- <a href='/node/52/edit'>Edit</a>
579
- </li>
580
- <li>
581
- <a href='/node/52/devel'>Devel</a>
582
- </li>
583
- </ul>
584
- </div>
656
+ <div class='form-item form-type-checkbox form-item-checkboxes-venenatis'>
657
+ <input class='form-checkbox' id='edit-checkboxes-venenatis' name='checkboxes[venenatis]' type='checkbox' value='venenatis'>
658
+ <label class='option' for='edit-checkboxes-venenatis'>venenatis</label>
659
+ </input>
585
660
  </div>
586
- </article>
587
- <article class='element' id='breadcrumbs'>
588
- <h2 class='element-title'>Breadcrumbs</h2>
589
- <div class='markup'>
590
- <div class='breadcrumb'>
591
- <a href='/'>Home</a>
592
- »
593
- <a href='/blog' title='Blog'>Blog</a>
661
+ <div class='form-item form-type-checkbox form-item-checkboxes-aliquam'>
662
+ <input class='form-checkbox' id='edit-checkboxes-aliquam' name='checkboxes[aliquam]' type='checkbox' value='aliquam'>
663
+ <label class='option' for='edit-checkboxes-aliquam'>aliquam</label>
664
+ </input>
665
+ </div>
666
+ <div class='form-item form-type-checkbox form-item-checkboxes-consequat'>
667
+ <input class='form-checkbox' id='edit-checkboxes-consequat' name='checkboxes[consequat]' type='checkbox' value='consequat'>
668
+ <label class='option' for='edit-checkboxes-consequat'>consequat</label>
669
+ </input>
670
+ </div>
671
+ <div class='form-item form-type-checkbox form-item-checkboxes-dignissim'>
672
+ <input class='form-checkbox' id='edit-checkboxes-dignissim' name='checkboxes[dignissim]' type='checkbox' value='dignissim'>
673
+ <label class='option' for='edit-checkboxes-dignissim'>dignissim</label>
674
+ </input>
675
+ </div>
676
+ </div>
677
+ <div class='description'>Phasellus ac eleifend magna.</div>
678
+ </div>
679
+ <div class='form-item form-type-radios form-item-radios'>
680
+ <label for='edit-radios'>Radios</label>
681
+ <div class='form-radios' id='edit-radios'>
682
+ <div class='form-item form-type-radio form-item-radios'>
683
+ <input class='form-radio' id='edit-radios-eget' name='radios' type='radio' value='eget'>
684
+ <label class='option' for='edit-radios-eget'>eget</label>
685
+ </input>
686
+ </div>
687
+ <div class='form-item form-type-radio form-item-radios'>
688
+ <input class='form-radio' id='edit-radios-venenatis' name='radios' type='radio' value='venenatis'>
689
+ <label class='option' for='edit-radios-venenatis'>venenatis</label>
690
+ </input>
691
+ </div>
692
+ <div class='form-item form-type-radio form-item-radios'>
693
+ <input class='form-radio' id='edit-radios-aliquam' name='radios' type='radio' value='aliquam'>
694
+ <label class='option' for='edit-radios-aliquam'>aliquam</label>
695
+ </input>
696
+ </div>
697
+ <div class='form-item form-type-radio form-item-radios'>
698
+ <input class='form-radio' id='edit-radios-consequat' name='radios' type='radio' value='consequat'>
699
+ <label class='option' for='edit-radios-consequat'>consequat</label>
700
+ </input>
701
+ </div>
702
+ <div class='form-item form-type-radio form-item-radios'>
703
+ <input class='form-radio' id='edit-radios-dignissim' name='radios' type='radio' value='dignissim'>
704
+ <label class='option' for='edit-radios-dignissim'>dignissim</label>
705
+ </input>
706
+ </div>
707
+ </div>
708
+ <div class='description'>Suspendisse lectus erat, commodo nec fringilla quis, interdum non leo.</div>
709
+ </div>
710
+ <div class='form-item form-type-textfield form-item-textfield'>
711
+ <label for='edit-textfield'>Textfield</label>
712
+ <input class='form-text' id='edit-textfield' maxlength='128' name='textfield' size='60' type='text' value='euismod'>
713
+ <div class='description'>Vestibulum ut ligula dolor, in placerat tortor.</div>
714
+ </input>
715
+ </div>
716
+ <div class='form-item form-type-textfield form-item-autocomplete' role='application'>
717
+ <label for='edit-autocomplete'>Autocomplete textfield</label>
718
+ <input aria-autocomplete='list' autocomplete='OFF' class='form-text form-autocomplete' id='edit-autocomplete' maxlength='128' name='autocomplete' size='60' type='text' value='nunc'>
719
+ <input class='autocomplete autocomplete-processed' disabled='disabled' id='edit-autocomplete-autocomplete' type='hidden' value='http://roadside.local/user/autocomplete'>
720
+ <div class='description'>Nam auctor dui a neque iaculis in aliquam erat viverra.</div>
721
+ <span aria-live='assertive' class='element-invisible' id='edit-autocomplete-autocomplete-aria-live'></span>
722
+ </input>
723
+ </input>
724
+ </div>
725
+ <div class='form-item form-type-textfield form-item-textfield-machine'>
726
+ <label for='edit-textfield-machine'>Textfield, with machine name</label>
727
+ <input class='form-text machine-name-source' id='edit-textfield-machine' maxlength='128' name='textfield-machine' size='60' type='text' value='velit convallis consectetur'>
728
+ <span class='field-suffix'>
729
+ <small id='edit-textfield-machine-machine-name-suffix'>
730
+ <span class='machine-name-label'>Machine name:</span>
731
+ <span class='machine-name-value'>velit_convallis_consectetur</span>
732
+ <span class='admin-link'>
733
+ <a href='#'>Edit</a>
734
+ </span>
735
+ </small>
736
+ </span>
737
+ <div class='description'>Aenean sit amet tellus sit amet ante congue faucibus.</div>
738
+ </input>
739
+ </div>
740
+ <div class='form-item form-type-machine-name form-item-machine-name' style='display: none; '>
741
+ <label for='edit-machine-name'>
742
+ Machine name
743
+ <span class='form-required' title='This field is required.'>*</span>
744
+ </label>
745
+ <input class='form-text required machine-name-target' id='edit-machine-name' maxlength='64' name='machine_name' size='60' type='text' value=''>
746
+ <div class='description'>Morbi congue nulla vel tortor aliquet imperdiet.</div>
747
+ </input>
748
+ </div>
749
+ <div class='form-item form-type-textarea form-item-textarea'>
750
+ <label for='edit-textarea'>Textarea</label>
751
+ <div class='form-textarea-wrapper resizable textarea-processed resizable-textarea'>
752
+ <textarea class='form-textarea' cols='60' id='edit-textarea' name='textarea' rows='5'><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam iaculis, velit gravida convallis tincidunt, felis enim venenatis lorem, nec lobortis nisl urna et mi. Pellentesque ac dictum ante. Fusce dignissim tempor elementum. Ut dignissim convallis eros, viverra luctus lacus consequat ac. Sed feugiat velit sed magna aliquam accumsan. Nam vitae porta tortor. Nam auctor dui a neque iaculis in aliquam erat viverra. Duis orci nunc, lacinia in malesuada et, euismod id turpis. Cras mattis vulputate erat, eget tempor magna egestas eu. Vestibulum sit amet massa est.</p><p>Vivamus pretium placerat lorem, in tempor massa convallis sit amet. Aliquam sed quam eget ligula luctus aliquam sed vitae nulla. Aliquam dui dolor, ullamcorper eget rutrum ut, hendrerit ac lorem. Donec magna est, sollicitudin vel ultrices vel, mattis ut odio. Integer vel felis laoreet purus sollicitudin varius sed id ipsum. Suspendisse potenti. Praesent ut justo vitae metus luctus vehicula a et purus. Suspendisse potenti. Sed viverra, quam non hendrerit laoreet, massa odio blandit arcu, ac molestie metus diam eu tortor. Donec erat arcu, ultrices sit amet placerat non, feugiat in arcu. Mauris eros quam, varius eget volutpat vel, tristique sed est. In faucibus feugiat urna sit amet elementum. Integer consequat rhoncus libero, in molestie augue posuere et. Phasellus ac eleifend magna. Proin vulputate dui ac justo pharetra consequat. In vel iaculis ligula.</p><p>Cras vestibulum lacus sit amet sem commodo ullamcorper aliquet eros vestibulum. Sed fermentum nulla quis risus suscipit dapibus. Sed vitae velit ut dolor varius semper at id lectus. Aenean quis leo sit amet tellus tempus cursus. Vivamus semper vehicula ante eget semper. In ac ipsum erat. Suspendisse lectus erat, commodo nec fringilla quis, interdum non leo. Vivamus et lectus vitae risus porta sollicitudin luctus eget est. Etiam quis elit vel est suscipit tristique. Nullam fringilla purus ac velit gravida ullamcorper. Praesent porttitor ante non lacus suscipit porta. Nunc fermentum sem et metus aliquam ultricies non sollicitudin nibh. Vestibulum ut ligula dolor, in placerat tortor. Sed nec lacus sed nibh iaculis luctus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur rutrum, diam vel tempor commodo, augue nunc viverra risus, in pellentesque neque justo eget dolor. Maecenas quis odio leo, a auctor lorem.</p><p>Curabitur dapibus odio quis enim hendrerit eu placerat lorem accumsan. Phasellus sagittis, orci vel laoreet molestie, urna orci imperdiet elit, quis ultricies orci mauris vel ante. Cras pharetra, nisl a sagittis feugiat, turpis magna placerat sem, sed euismod erat elit in magna. Phasellus blandit ullamcorper diam vel porta. Vivamus mollis, metus nec tincidunt venenatis, risus odio sodales risus, vitae ultrices est nisi eget ante. Aenean eget nisi mi. Nulla non nulla nec metus rhoncus congue. Curabitur quis nunc nibh. Cras metus lorem, euismod ornare mattis sagittis, ultrices eget turpis. Integer quis dui tellus. Morbi vel dolor sit amet metus eleifend fringilla. Fusce nunc neque, ultricies et commodo semper, dignissim vitae tortor. Phasellus et ipsum quis sapien accumsan auctor. Morbi congue nulla vel tortor aliquet imperdiet. Morbi eget odio elit, et cursus odio. Quisque a velit diam. Duis urna libero, tempus non mattis a, convallis ac erat. Etiam vel dui posuere lectus auctor viverra vitae id eros. Maecenas mollis eros non elit sollicitudin quis fermentum diam lacinia. Quisque at ante nibh, a molestie ligula.</p><p>Sed et enim nunc, nec vehicula sem. Sed risus orci, auctor et dictum at, hendrerit eu augue. Curabitur sed ante non quam fermentum vehicula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam tincidunt dictum molestie. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Phasellus nec urna ut lorem tempus aliquet eget nec lectus. Phasellus quis venenatis tortor. Integer elementum, sapien at feugiat cursus, tortor sapien adipiscing massa, non molestie elit lacus vel velit. Suspendisse sit amet sem id libero auctor pharetra sit amet ut dui. Aenean sit amet tellus sit amet ante congue faucibus. Nullam hendrerit, justo et iaculis tristique, ligula risus pretium erat, sed tempus lacus felis ut nulla.</p></textarea>
753
+ <div class='grippie'></div>
754
+ </div>
755
+ <div class='description'>Sed risus orci, auctor et dictum at, hendrerit eu augue.</div>
756
+ </div>
757
+ <div class='form-item form-type-date form-item-date'>
758
+ <label for='edit-date'>Date</label>
759
+ <div class='container-inline'>
760
+ <div class='form-item form-type-select form-item-date-year'>
761
+ <label class='element-invisible' for='edit-date-year'>Year</label>
762
+ <select class='form-select' id='edit-date-year' name='date[year]'>
763
+ <option value='1900'>1900</option>
764
+ <option value='1901'>1901</option>
765
+ <option value='1902'>1902</option>
766
+ <option value='1903'>1903</option>
767
+ <option value='1904'>1904</option>
768
+ <option value='1905'>1905</option>
769
+ <option value='1906'>1906</option>
770
+ <option value='1907'>1907</option>
771
+ <option value='1908'>1908</option>
772
+ <option value='1909'>1909</option>
773
+ <option value='1910'>1910</option>
774
+ <option value='1911'>1911</option>
775
+ <option value='1912'>1912</option>
776
+ <option value='1913'>1913</option>
777
+ <option value='1914'>1914</option>
778
+ <option value='1915'>1915</option>
779
+ <option value='1916'>1916</option>
780
+ <option value='1917'>1917</option>
781
+ <option value='1918'>1918</option>
782
+ <option value='1919'>1919</option>
783
+ <option value='1920'>1920</option>
784
+ <option value='1921'>1921</option>
785
+ <option value='1922'>1922</option>
786
+ <option value='1923'>1923</option>
787
+ <option value='1924'>1924</option>
788
+ <option value='1925'>1925</option>
789
+ <option value='1926'>1926</option>
790
+ <option value='1927'>1927</option>
791
+ <option value='1928'>1928</option>
792
+ <option value='1929'>1929</option>
793
+ <option value='1930'>1930</option>
794
+ <option value='1931'>1931</option>
795
+ <option value='1932'>1932</option>
796
+ <option value='1933'>1933</option>
797
+ <option value='1934'>1934</option>
798
+ <option value='1935'>1935</option>
799
+ <option value='1936'>1936</option>
800
+ <option value='1937'>1937</option>
801
+ <option value='1938'>1938</option>
802
+ <option value='1939'>1939</option>
803
+ <option value='1940'>1940</option>
804
+ <option value='1941'>1941</option>
805
+ <option value='1942'>1942</option>
806
+ <option value='1943'>1943</option>
807
+ <option value='1944'>1944</option>
808
+ <option value='1945'>1945</option>
809
+ <option value='1946'>1946</option>
810
+ <option value='1947'>1947</option>
811
+ <option value='1948'>1948</option>
812
+ <option value='1949'>1949</option>
813
+ <option value='1950'>1950</option>
814
+ <option value='1951'>1951</option>
815
+ <option value='1952'>1952</option>
816
+ <option value='1953'>1953</option>
817
+ <option value='1954'>1954</option>
818
+ <option value='1955'>1955</option>
819
+ <option value='1956'>1956</option>
820
+ <option value='1957'>1957</option>
821
+ <option value='1958'>1958</option>
822
+ <option value='1959'>1959</option>
823
+ <option value='1960'>1960</option>
824
+ <option value='1961'>1961</option>
825
+ <option value='1962'>1962</option>
826
+ <option value='1963'>1963</option>
827
+ <option value='1964'>1964</option>
828
+ <option value='1965'>1965</option>
829
+ <option value='1966'>1966</option>
830
+ <option value='1967'>1967</option>
831
+ <option value='1968'>1968</option>
832
+ <option value='1969'>1969</option>
833
+ <option value='1970'>1970</option>
834
+ <option value='1971'>1971</option>
835
+ <option value='1972'>1972</option>
836
+ <option value='1973'>1973</option>
837
+ <option value='1974'>1974</option>
838
+ <option value='1975'>1975</option>
839
+ <option value='1976'>1976</option>
840
+ <option value='1977'>1977</option>
841
+ <option value='1978'>1978</option>
842
+ <option value='1979'>1979</option>
843
+ <option value='1980'>1980</option>
844
+ <option value='1981'>1981</option>
845
+ <option value='1982'>1982</option>
846
+ <option value='1983'>1983</option>
847
+ <option value='1984'>1984</option>
848
+ <option value='1985'>1985</option>
849
+ <option value='1986'>1986</option>
850
+ <option value='1987'>1987</option>
851
+ <option value='1988'>1988</option>
852
+ <option value='1989'>1989</option>
853
+ <option value='1990'>1990</option>
854
+ <option value='1991'>1991</option>
855
+ <option value='1992'>1992</option>
856
+ <option value='1993'>1993</option>
857
+ <option value='1994'>1994</option>
858
+ <option value='1995'>1995</option>
859
+ <option value='1996'>1996</option>
860
+ <option value='1997'>1997</option>
861
+ <option value='1998'>1998</option>
862
+ <option value='1999'>1999</option>
863
+ <option value='2000'>2000</option>
864
+ <option value='2001'>2001</option>
865
+ <option value='2002'>2002</option>
866
+ <option value='2003'>2003</option>
867
+ <option value='2004'>2004</option>
868
+ <option value='2005'>2005</option>
869
+ <option value='2006'>2006</option>
870
+ <option value='2007'>2007</option>
871
+ <option value='2008'>2008</option>
872
+ <option value='2009'>2009</option>
873
+ <option value='2010'>2010</option>
874
+ <option value='2011'>2011</option>
875
+ <option selected='selected' value='2012'>2012</option>
876
+ <option value='2013'>2013</option>
877
+ <option value='2014'>2014</option>
878
+ <option value='2015'>2015</option>
879
+ <option value='2016'>2016</option>
880
+ <option value='2017'>2017</option>
881
+ <option value='2018'>2018</option>
882
+ <option value='2019'>2019</option>
883
+ <option value='2020'>2020</option>
884
+ <option value='2021'>2021</option>
885
+ <option value='2022'>2022</option>
886
+ <option value='2023'>2023</option>
887
+ <option value='2024'>2024</option>
888
+ <option value='2025'>2025</option>
889
+ <option value='2026'>2026</option>
890
+ <option value='2027'>2027</option>
891
+ <option value='2028'>2028</option>
892
+ <option value='2029'>2029</option>
893
+ <option value='2030'>2030</option>
894
+ <option value='2031'>2031</option>
895
+ <option value='2032'>2032</option>
896
+ <option value='2033'>2033</option>
897
+ <option value='2034'>2034</option>
898
+ <option value='2035'>2035</option>
899
+ <option value='2036'>2036</option>
900
+ <option value='2037'>2037</option>
901
+ <option value='2038'>2038</option>
902
+ <option value='2039'>2039</option>
903
+ <option value='2040'>2040</option>
904
+ <option value='2041'>2041</option>
905
+ <option value='2042'>2042</option>
906
+ <option value='2043'>2043</option>
907
+ <option value='2044'>2044</option>
908
+ <option value='2045'>2045</option>
909
+ <option value='2046'>2046</option>
910
+ <option value='2047'>2047</option>
911
+ <option value='2048'>2048</option>
912
+ <option value='2049'>2049</option>
913
+ <option value='2050'>2050</option>
914
+ </select>
915
+ </div>
916
+ <div class='form-item form-type-select form-item-date-month'>
917
+ <label class='element-invisible' for='edit-date-month'>Month</label>
918
+ <select class='form-select' id='edit-date-month' name='date[month]'>
919
+ <option selected='selected' value='1'>Jan</option>
920
+ <option value='2'>Feb</option>
921
+ <option value='3'>Mar</option>
922
+ <option value='4'>Apr</option>
923
+ <option value='5'>May</option>
924
+ <option value='6'>Jun</option>
925
+ <option value='7'>Jul</option>
926
+ <option value='8'>Aug</option>
927
+ <option value='9'>Sep</option>
928
+ <option value='10'>Oct</option>
929
+ <option value='11'>Nov</option>
930
+ <option value='12'>Dec</option>
931
+ </select>
932
+ </div>
933
+ <div class='form-item form-type-select form-item-date-day'>
934
+ <label class='element-invisible' for='edit-date-day'>Day</label>
935
+ <select class='form-select' id='edit-date-day' name='date[day]'>
936
+ <option value='1'>1</option>
937
+ <option value='2'>2</option>
938
+ <option value='3'>3</option>
939
+ <option value='4'>4</option>
940
+ <option value='5'>5</option>
941
+ <option value='6'>6</option>
942
+ <option value='7'>7</option>
943
+ <option value='8'>8</option>
944
+ <option value='9'>9</option>
945
+ <option value='10'>10</option>
946
+ <option value='11'>11</option>
947
+ <option value='12'>12</option>
948
+ <option value='13'>13</option>
949
+ <option value='14'>14</option>
950
+ <option value='15'>15</option>
951
+ <option value='16'>16</option>
952
+ <option value='17'>17</option>
953
+ <option value='18'>18</option>
954
+ <option selected='selected' value='19'>19</option>
955
+ <option value='20'>20</option>
956
+ <option value='21'>21</option>
957
+ <option value='22'>22</option>
958
+ <option value='23'>23</option>
959
+ <option value='24'>24</option>
960
+ <option value='25'>25</option>
961
+ <option value='26'>26</option>
962
+ <option value='27'>27</option>
963
+ <option value='28'>28</option>
964
+ <option value='29'>29</option>
965
+ <option value='30'>30</option>
966
+ <option value='31'>31</option>
967
+ </select>
968
+ </div>
969
+ </div>
970
+ <div class='description'>Sed feugiat velit sed magna aliquam accumsan.</div>
971
+ </div>
972
+ <div class='form-item form-type-file form-item-files-file'>
973
+ <label for='edit-file'>File</label>
974
+ <input class='form-file' id='edit-file' name='files[file]' size='60' type='file'>
975
+ <div class='description'>Sed feugiat velit sed magna aliquam accumsan.</div>
976
+ </input>
977
+ </div>
978
+ <div id='edit-managed-file-ajax-wrapper'>
979
+ <div class='form-item form-type-managed-file form-item-managed-file'>
980
+ <label for='edit-managed-file'>Managed file</label>
981
+ <div class='form-managed-file'>
982
+ <input class='form-file' id='edit-managed-file-upload' name='files[managed_file]' size='22' type='file'>
983
+ <input class='form-submit ajax-processed' id='edit-managed-file-upload-button' name='managed_file_upload_button' type='submit' value='Upload'>
984
+ <input name='managed_file[fid]' type='hidden' value='0' />
985
+ </input>
986
+ </input>
987
+ </div>
988
+ <div class='description'>Morbi congue nulla vel tortor aliquet imperdiet.</div>
989
+ </div>
990
+ </div>
991
+ <div class='form-item form-type-password form-item-password'>
992
+ <label for='edit-password'>Password</label>
993
+ <input class='form-text' id='edit-password' maxlength='128' name='password' size='60' type='password'>
994
+ <div class='description'>Sed vitae velit ut dolor varius semper at id lectus.</div>
995
+ </input>
996
+ </div>
997
+ <div class='form-item form-type-password-confirm form-item-password-confirm'>
998
+ <label for='edit-password-confirm'>Password confirm</label>
999
+ <div class='form-item form-type-password form-item-password-confirm-pass1 password-parent'>
1000
+ <div class='password-strength'>
1001
+ <div aria-live='assertive' class='password-strength-text'></div>
1002
+ <div class='password-strength-title'>Password strength:</div>
1003
+ <div class='password-indicator'>
1004
+ <div class='indicator'></div>
594
1005
  </div>
595
1006
  </div>
596
- </article>
597
- <article class='element' id='pager'>
598
- <h2 class='element-title'>Pager</h2>
599
- <div class='markup'>
600
- <ul class='pager'>
601
- <li class='pager-first first'>
602
- <a class='active' href='/node' title='Go to first page'>« first</a>
603
- </li>
604
- <li class='pager-previous'>
605
- <a class='active' href='/node' title='Go to previous page'>‹ previous</a>
606
- </li>
607
- <li class='pager-item'>
608
- <a class='active' href='/node' title='Go to page 1'>1</a>
609
- </li>
610
- <li class='pager-current'>2</li>
611
- <li class='pager-item'>
612
- <a class='active' href='/node?page=2' title='Go to page 3'>3</a>
613
- </li>
614
- <li class='pager-next'>
615
- <a class='active' href='/node?page=2' title='Go to next page'>next ›</a>
616
- </li>
617
- <li class='pager-last last'>
618
- <a class='active' href='/node?page=2' title='Go to last page'>last »</a>
619
- </li>
620
- </ul>
1007
+ <label for='edit-password-confirm-pass1'>Password</label>
1008
+ <input class='password-field form-text password-processed' id='edit-password-confirm-pass1' maxlength='128' name='password_confirm[pass1]' size='60' type='password' />
1009
+ </div>
1010
+ <div class='form-item form-type-password form-item-password-confirm-pass2 confirm-parent'>
1011
+ <div class='password-confirm'>
1012
+ Passwords match:
1013
+ <span></span>
621
1014
  </div>
622
- </article>
623
- </section>
624
- <section class='element-group' id='drupal-forms'>
625
- <h1 class='section-title'>Drupal Forms</h1>
626
- <article class='element' id='form-basic'>
627
- <h2 class='element-title'>Form, Basic</h2>
628
- <div class='markup'>
629
- <form accept-charset='UTF-8' action='' enctype='multipart/form-data' id='styleguide-form' method='post'>
630
- <div>
631
- <div class='form-item form-type-select form-item-select'>
632
- <label for='edit-select'>Select</label>
633
- <select class='form-select' id='edit-select' name='select'>
634
- <option value='eget'>eget</option>
635
- <option value='venenatis'>venenatis</option>
636
- <option value='aliquam'>aliquam</option>
637
- <option value='consequat'>consequat</option>
638
- <option value='dignissim'>dignissim</option>
639
- </select>
640
- <div class='description'>Duis orci nunc, lacinia in malesuada et, euismod id turpis.</div>
641
- </div>
642
- <div class='form-item form-type-checkbox form-item-checkbox'>
643
- <input checked='checked' class='form-checkbox' id='edit-checkbox' name='checkbox' type='checkbox' value='1'>
644
- <label class='option' for='edit-checkbox'>Checkbox</label>
645
- <div class='description'>Fusce dignissim tempor elementum.</div>
646
- </input>
647
- </div>
648
- <div class='form-item form-type-checkboxes form-item-checkboxes'>
649
- <label for='edit-checkboxes'>Checkboxes</label>
650
- <div class='form-checkboxes' id='edit-checkboxes'>
651
- <div class='form-item form-type-checkbox form-item-checkboxes-eget'>
652
- <input class='form-checkbox' id='edit-checkboxes-eget' name='checkboxes[eget]' type='checkbox' value='eget'>
653
- <label class='option' for='edit-checkboxes-eget'>eget</label>
654
- </input>
655
- </div>
656
- <div class='form-item form-type-checkbox form-item-checkboxes-venenatis'>
657
- <input class='form-checkbox' id='edit-checkboxes-venenatis' name='checkboxes[venenatis]' type='checkbox' value='venenatis'>
658
- <label class='option' for='edit-checkboxes-venenatis'>venenatis</label>
659
- </input>
660
- </div>
661
- <div class='form-item form-type-checkbox form-item-checkboxes-aliquam'>
662
- <input class='form-checkbox' id='edit-checkboxes-aliquam' name='checkboxes[aliquam]' type='checkbox' value='aliquam'>
663
- <label class='option' for='edit-checkboxes-aliquam'>aliquam</label>
664
- </input>
665
- </div>
666
- <div class='form-item form-type-checkbox form-item-checkboxes-consequat'>
667
- <input class='form-checkbox' id='edit-checkboxes-consequat' name='checkboxes[consequat]' type='checkbox' value='consequat'>
668
- <label class='option' for='edit-checkboxes-consequat'>consequat</label>
669
- </input>
670
- </div>
671
- <div class='form-item form-type-checkbox form-item-checkboxes-dignissim'>
672
- <input class='form-checkbox' id='edit-checkboxes-dignissim' name='checkboxes[dignissim]' type='checkbox' value='dignissim'>
673
- <label class='option' for='edit-checkboxes-dignissim'>dignissim</label>
674
- </input>
675
- </div>
676
- </div>
677
- <div class='description'>Phasellus ac eleifend magna.</div>
678
- </div>
679
- <div class='form-item form-type-radios form-item-radios'>
680
- <label for='edit-radios'>Radios</label>
681
- <div class='form-radios' id='edit-radios'>
682
- <div class='form-item form-type-radio form-item-radios'>
683
- <input class='form-radio' id='edit-radios-eget' name='radios' type='radio' value='eget'>
684
- <label class='option' for='edit-radios-eget'>eget</label>
685
- </input>
686
- </div>
687
- <div class='form-item form-type-radio form-item-radios'>
688
- <input class='form-radio' id='edit-radios-venenatis' name='radios' type='radio' value='venenatis'>
689
- <label class='option' for='edit-radios-venenatis'>venenatis</label>
690
- </input>
691
- </div>
692
- <div class='form-item form-type-radio form-item-radios'>
693
- <input class='form-radio' id='edit-radios-aliquam' name='radios' type='radio' value='aliquam'>
694
- <label class='option' for='edit-radios-aliquam'>aliquam</label>
695
- </input>
696
- </div>
697
- <div class='form-item form-type-radio form-item-radios'>
698
- <input class='form-radio' id='edit-radios-consequat' name='radios' type='radio' value='consequat'>
699
- <label class='option' for='edit-radios-consequat'>consequat</label>
700
- </input>
701
- </div>
702
- <div class='form-item form-type-radio form-item-radios'>
703
- <input class='form-radio' id='edit-radios-dignissim' name='radios' type='radio' value='dignissim'>
704
- <label class='option' for='edit-radios-dignissim'>dignissim</label>
705
- </input>
706
- </div>
707
- </div>
708
- <div class='description'>Suspendisse lectus erat, commodo nec fringilla quis, interdum non leo.</div>
709
- </div>
710
- <div class='form-item form-type-textfield form-item-textfield'>
711
- <label for='edit-textfield'>Textfield</label>
712
- <input class='form-text' id='edit-textfield' maxlength='128' name='textfield' size='60' type='text' value='euismod'>
713
- <div class='description'>Vestibulum ut ligula dolor, in placerat tortor.</div>
714
- </input>
715
- </div>
716
- <div class='form-item form-type-textfield form-item-autocomplete' role='application'>
717
- <label for='edit-autocomplete'>Autocomplete textfield</label>
718
- <input aria-autocomplete='list' autocomplete='OFF' class='form-text form-autocomplete' id='edit-autocomplete' maxlength='128' name='autocomplete' size='60' type='text' value='nunc'>
719
- <input class='autocomplete autocomplete-processed' disabled='disabled' id='edit-autocomplete-autocomplete' type='hidden' value='http://roadside.local/user/autocomplete'>
720
- <div class='description'>Nam auctor dui a neque iaculis in aliquam erat viverra.</div>
721
- <span aria-live='assertive' class='element-invisible' id='edit-autocomplete-autocomplete-aria-live'></span>
722
- </input>
723
- </input>
724
- </div>
725
- <div class='form-item form-type-textfield form-item-textfield-machine'>
726
- <label for='edit-textfield-machine'>Textfield, with machine name</label>
727
- <input class='form-text machine-name-source' id='edit-textfield-machine' maxlength='128' name='textfield-machine' size='60' type='text' value='velit convallis consectetur'>
728
- <span class='field-suffix'>
729
- <small id='edit-textfield-machine-machine-name-suffix'>
730
- <span class='machine-name-label'>Machine name:</span>
731
- <span class='machine-name-value'>velit_convallis_consectetur</span>
732
- <span class='admin-link'>
733
- <a href='#'>Edit</a>
734
- </span>
735
- </small>
736
- </span>
737
- <div class='description'>Aenean sit amet tellus sit amet ante congue faucibus.</div>
738
- </input>
739
- </div>
740
- <div class='form-item form-type-machine-name form-item-machine-name' style='display: none; '>
741
- <label for='edit-machine-name'>
742
- Machine name
743
- <span class='form-required' title='This field is required.'>*</span>
744
- </label>
745
- <input class='form-text required machine-name-target' id='edit-machine-name' maxlength='64' name='machine_name' size='60' type='text' value=''>
746
- <div class='description'>Morbi congue nulla vel tortor aliquet imperdiet.</div>
747
- </input>
748
- </div>
749
- <div class='form-item form-type-textarea form-item-textarea'>
750
- <label for='edit-textarea'>Textarea</label>
751
- <div class='form-textarea-wrapper resizable textarea-processed resizable-textarea'>
752
- <textarea class='form-textarea' cols='60' id='edit-textarea' name='textarea' rows='5'><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam iaculis, velit gravida convallis tincidunt, felis enim venenatis lorem, nec lobortis nisl urna et mi. Pellentesque ac dictum ante. Fusce dignissim tempor elementum. Ut dignissim convallis eros, viverra luctus lacus consequat ac. Sed feugiat velit sed magna aliquam accumsan. Nam vitae porta tortor. Nam auctor dui a neque iaculis in aliquam erat viverra. Duis orci nunc, lacinia in malesuada et, euismod id turpis. Cras mattis vulputate erat, eget tempor magna egestas eu. Vestibulum sit amet massa est.</p><p>Vivamus pretium placerat lorem, in tempor massa convallis sit amet. Aliquam sed quam eget ligula luctus aliquam sed vitae nulla. Aliquam dui dolor, ullamcorper eget rutrum ut, hendrerit ac lorem. Donec magna est, sollicitudin vel ultrices vel, mattis ut odio. Integer vel felis laoreet purus sollicitudin varius sed id ipsum. Suspendisse potenti. Praesent ut justo vitae metus luctus vehicula a et purus. Suspendisse potenti. Sed viverra, quam non hendrerit laoreet, massa odio blandit arcu, ac molestie metus diam eu tortor. Donec erat arcu, ultrices sit amet placerat non, feugiat in arcu. Mauris eros quam, varius eget volutpat vel, tristique sed est. In faucibus feugiat urna sit amet elementum. Integer consequat rhoncus libero, in molestie augue posuere et. Phasellus ac eleifend magna. Proin vulputate dui ac justo pharetra consequat. In vel iaculis ligula.</p><p>Cras vestibulum lacus sit amet sem commodo ullamcorper aliquet eros vestibulum. Sed fermentum nulla quis risus suscipit dapibus. Sed vitae velit ut dolor varius semper at id lectus. Aenean quis leo sit amet tellus tempus cursus. Vivamus semper vehicula ante eget semper. In ac ipsum erat. Suspendisse lectus erat, commodo nec fringilla quis, interdum non leo. Vivamus et lectus vitae risus porta sollicitudin luctus eget est. Etiam quis elit vel est suscipit tristique. Nullam fringilla purus ac velit gravida ullamcorper. Praesent porttitor ante non lacus suscipit porta. Nunc fermentum sem et metus aliquam ultricies non sollicitudin nibh. Vestibulum ut ligula dolor, in placerat tortor. Sed nec lacus sed nibh iaculis luctus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur rutrum, diam vel tempor commodo, augue nunc viverra risus, in pellentesque neque justo eget dolor. Maecenas quis odio leo, a auctor lorem.</p><p>Curabitur dapibus odio quis enim hendrerit eu placerat lorem accumsan. Phasellus sagittis, orci vel laoreet molestie, urna orci imperdiet elit, quis ultricies orci mauris vel ante. Cras pharetra, nisl a sagittis feugiat, turpis magna placerat sem, sed euismod erat elit in magna. Phasellus blandit ullamcorper diam vel porta. Vivamus mollis, metus nec tincidunt venenatis, risus odio sodales risus, vitae ultrices est nisi eget ante. Aenean eget nisi mi. Nulla non nulla nec metus rhoncus congue. Curabitur quis nunc nibh. Cras metus lorem, euismod ornare mattis sagittis, ultrices eget turpis. Integer quis dui tellus. Morbi vel dolor sit amet metus eleifend fringilla. Fusce nunc neque, ultricies et commodo semper, dignissim vitae tortor. Phasellus et ipsum quis sapien accumsan auctor. Morbi congue nulla vel tortor aliquet imperdiet. Morbi eget odio elit, et cursus odio. Quisque a velit diam. Duis urna libero, tempus non mattis a, convallis ac erat. Etiam vel dui posuere lectus auctor viverra vitae id eros. Maecenas mollis eros non elit sollicitudin quis fermentum diam lacinia. Quisque at ante nibh, a molestie ligula.</p><p>Sed et enim nunc, nec vehicula sem. Sed risus orci, auctor et dictum at, hendrerit eu augue. Curabitur sed ante non quam fermentum vehicula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam tincidunt dictum molestie. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Phasellus nec urna ut lorem tempus aliquet eget nec lectus. Phasellus quis venenatis tortor. Integer elementum, sapien at feugiat cursus, tortor sapien adipiscing massa, non molestie elit lacus vel velit. Suspendisse sit amet sem id libero auctor pharetra sit amet ut dui. Aenean sit amet tellus sit amet ante congue faucibus. Nullam hendrerit, justo et iaculis tristique, ligula risus pretium erat, sed tempus lacus felis ut nulla.</p></textarea>
753
- <div class='grippie'></div>
754
- </div>
755
- <div class='description'>Sed risus orci, auctor et dictum at, hendrerit eu augue.</div>
756
- </div>
757
- <div class='form-item form-type-date form-item-date'>
758
- <label for='edit-date'>Date</label>
759
- <div class='container-inline'>
760
- <div class='form-item form-type-select form-item-date-year'>
761
- <label class='element-invisible' for='edit-date-year'>Year</label>
762
- <select class='form-select' id='edit-date-year' name='date[year]'>
763
- <option value='1900'>1900</option>
764
- <option value='1901'>1901</option>
765
- <option value='1902'>1902</option>
766
- <option value='1903'>1903</option>
767
- <option value='1904'>1904</option>
768
- <option value='1905'>1905</option>
769
- <option value='1906'>1906</option>
770
- <option value='1907'>1907</option>
771
- <option value='1908'>1908</option>
772
- <option value='1909'>1909</option>
773
- <option value='1910'>1910</option>
774
- <option value='1911'>1911</option>
775
- <option value='1912'>1912</option>
776
- <option value='1913'>1913</option>
777
- <option value='1914'>1914</option>
778
- <option value='1915'>1915</option>
779
- <option value='1916'>1916</option>
780
- <option value='1917'>1917</option>
781
- <option value='1918'>1918</option>
782
- <option value='1919'>1919</option>
783
- <option value='1920'>1920</option>
784
- <option value='1921'>1921</option>
785
- <option value='1922'>1922</option>
786
- <option value='1923'>1923</option>
787
- <option value='1924'>1924</option>
788
- <option value='1925'>1925</option>
789
- <option value='1926'>1926</option>
790
- <option value='1927'>1927</option>
791
- <option value='1928'>1928</option>
792
- <option value='1929'>1929</option>
793
- <option value='1930'>1930</option>
794
- <option value='1931'>1931</option>
795
- <option value='1932'>1932</option>
796
- <option value='1933'>1933</option>
797
- <option value='1934'>1934</option>
798
- <option value='1935'>1935</option>
799
- <option value='1936'>1936</option>
800
- <option value='1937'>1937</option>
801
- <option value='1938'>1938</option>
802
- <option value='1939'>1939</option>
803
- <option value='1940'>1940</option>
804
- <option value='1941'>1941</option>
805
- <option value='1942'>1942</option>
806
- <option value='1943'>1943</option>
807
- <option value='1944'>1944</option>
808
- <option value='1945'>1945</option>
809
- <option value='1946'>1946</option>
810
- <option value='1947'>1947</option>
811
- <option value='1948'>1948</option>
812
- <option value='1949'>1949</option>
813
- <option value='1950'>1950</option>
814
- <option value='1951'>1951</option>
815
- <option value='1952'>1952</option>
816
- <option value='1953'>1953</option>
817
- <option value='1954'>1954</option>
818
- <option value='1955'>1955</option>
819
- <option value='1956'>1956</option>
820
- <option value='1957'>1957</option>
821
- <option value='1958'>1958</option>
822
- <option value='1959'>1959</option>
823
- <option value='1960'>1960</option>
824
- <option value='1961'>1961</option>
825
- <option value='1962'>1962</option>
826
- <option value='1963'>1963</option>
827
- <option value='1964'>1964</option>
828
- <option value='1965'>1965</option>
829
- <option value='1966'>1966</option>
830
- <option value='1967'>1967</option>
831
- <option value='1968'>1968</option>
832
- <option value='1969'>1969</option>
833
- <option value='1970'>1970</option>
834
- <option value='1971'>1971</option>
835
- <option value='1972'>1972</option>
836
- <option value='1973'>1973</option>
837
- <option value='1974'>1974</option>
838
- <option value='1975'>1975</option>
839
- <option value='1976'>1976</option>
840
- <option value='1977'>1977</option>
841
- <option value='1978'>1978</option>
842
- <option value='1979'>1979</option>
843
- <option value='1980'>1980</option>
844
- <option value='1981'>1981</option>
845
- <option value='1982'>1982</option>
846
- <option value='1983'>1983</option>
847
- <option value='1984'>1984</option>
848
- <option value='1985'>1985</option>
849
- <option value='1986'>1986</option>
850
- <option value='1987'>1987</option>
851
- <option value='1988'>1988</option>
852
- <option value='1989'>1989</option>
853
- <option value='1990'>1990</option>
854
- <option value='1991'>1991</option>
855
- <option value='1992'>1992</option>
856
- <option value='1993'>1993</option>
857
- <option value='1994'>1994</option>
858
- <option value='1995'>1995</option>
859
- <option value='1996'>1996</option>
860
- <option value='1997'>1997</option>
861
- <option value='1998'>1998</option>
862
- <option value='1999'>1999</option>
863
- <option value='2000'>2000</option>
864
- <option value='2001'>2001</option>
865
- <option value='2002'>2002</option>
866
- <option value='2003'>2003</option>
867
- <option value='2004'>2004</option>
868
- <option value='2005'>2005</option>
869
- <option value='2006'>2006</option>
870
- <option value='2007'>2007</option>
871
- <option value='2008'>2008</option>
872
- <option value='2009'>2009</option>
873
- <option value='2010'>2010</option>
874
- <option value='2011'>2011</option>
875
- <option selected='selected' value='2012'>2012</option>
876
- <option value='2013'>2013</option>
877
- <option value='2014'>2014</option>
878
- <option value='2015'>2015</option>
879
- <option value='2016'>2016</option>
880
- <option value='2017'>2017</option>
881
- <option value='2018'>2018</option>
882
- <option value='2019'>2019</option>
883
- <option value='2020'>2020</option>
884
- <option value='2021'>2021</option>
885
- <option value='2022'>2022</option>
886
- <option value='2023'>2023</option>
887
- <option value='2024'>2024</option>
888
- <option value='2025'>2025</option>
889
- <option value='2026'>2026</option>
890
- <option value='2027'>2027</option>
891
- <option value='2028'>2028</option>
892
- <option value='2029'>2029</option>
893
- <option value='2030'>2030</option>
894
- <option value='2031'>2031</option>
895
- <option value='2032'>2032</option>
896
- <option value='2033'>2033</option>
897
- <option value='2034'>2034</option>
898
- <option value='2035'>2035</option>
899
- <option value='2036'>2036</option>
900
- <option value='2037'>2037</option>
901
- <option value='2038'>2038</option>
902
- <option value='2039'>2039</option>
903
- <option value='2040'>2040</option>
904
- <option value='2041'>2041</option>
905
- <option value='2042'>2042</option>
906
- <option value='2043'>2043</option>
907
- <option value='2044'>2044</option>
908
- <option value='2045'>2045</option>
909
- <option value='2046'>2046</option>
910
- <option value='2047'>2047</option>
911
- <option value='2048'>2048</option>
912
- <option value='2049'>2049</option>
913
- <option value='2050'>2050</option>
914
- </select>
915
- </div>
916
- <div class='form-item form-type-select form-item-date-month'>
917
- <label class='element-invisible' for='edit-date-month'>Month</label>
918
- <select class='form-select' id='edit-date-month' name='date[month]'>
919
- <option selected='selected' value='1'>Jan</option>
920
- <option value='2'>Feb</option>
921
- <option value='3'>Mar</option>
922
- <option value='4'>Apr</option>
923
- <option value='5'>May</option>
924
- <option value='6'>Jun</option>
925
- <option value='7'>Jul</option>
926
- <option value='8'>Aug</option>
927
- <option value='9'>Sep</option>
928
- <option value='10'>Oct</option>
929
- <option value='11'>Nov</option>
930
- <option value='12'>Dec</option>
931
- </select>
932
- </div>
933
- <div class='form-item form-type-select form-item-date-day'>
934
- <label class='element-invisible' for='edit-date-day'>Day</label>
935
- <select class='form-select' id='edit-date-day' name='date[day]'>
936
- <option value='1'>1</option>
937
- <option value='2'>2</option>
938
- <option value='3'>3</option>
939
- <option value='4'>4</option>
940
- <option value='5'>5</option>
941
- <option value='6'>6</option>
942
- <option value='7'>7</option>
943
- <option value='8'>8</option>
944
- <option value='9'>9</option>
945
- <option value='10'>10</option>
946
- <option value='11'>11</option>
947
- <option value='12'>12</option>
948
- <option value='13'>13</option>
949
- <option value='14'>14</option>
950
- <option value='15'>15</option>
951
- <option value='16'>16</option>
952
- <option value='17'>17</option>
953
- <option value='18'>18</option>
954
- <option selected='selected' value='19'>19</option>
955
- <option value='20'>20</option>
956
- <option value='21'>21</option>
957
- <option value='22'>22</option>
958
- <option value='23'>23</option>
959
- <option value='24'>24</option>
960
- <option value='25'>25</option>
961
- <option value='26'>26</option>
962
- <option value='27'>27</option>
963
- <option value='28'>28</option>
964
- <option value='29'>29</option>
965
- <option value='30'>30</option>
966
- <option value='31'>31</option>
967
- </select>
968
- </div>
969
- </div>
970
- <div class='description'>Sed feugiat velit sed magna aliquam accumsan.</div>
971
- </div>
972
- <div class='form-item form-type-file form-item-files-file'>
973
- <label for='edit-file'>File</label>
974
- <input class='form-file' id='edit-file' name='files[file]' size='60' type='file'>
975
- <div class='description'>Sed feugiat velit sed magna aliquam accumsan.</div>
976
- </input>
977
- </div>
978
- <div id='edit-managed-file-ajax-wrapper'>
979
- <div class='form-item form-type-managed-file form-item-managed-file'>
980
- <label for='edit-managed-file'>Managed file</label>
981
- <div class='form-managed-file'>
982
- <input class='form-file' id='edit-managed-file-upload' name='files[managed_file]' size='22' type='file'>
983
- <input class='form-submit ajax-processed' id='edit-managed-file-upload-button' name='managed_file_upload_button' type='submit' value='Upload'>
984
- <input name='managed_file[fid]' type='hidden' value='0' />
985
- </input>
986
- </input>
987
- </div>
988
- <div class='description'>Morbi congue nulla vel tortor aliquet imperdiet.</div>
989
- </div>
990
- </div>
991
- <div class='form-item form-type-password form-item-password'>
992
- <label for='edit-password'>Password</label>
993
- <input class='form-text' id='edit-password' maxlength='128' name='password' size='60' type='password'>
994
- <div class='description'>Sed vitae velit ut dolor varius semper at id lectus.</div>
995
- </input>
996
- </div>
997
- <div class='form-item form-type-password-confirm form-item-password-confirm'>
998
- <label for='edit-password-confirm'>Password confirm</label>
999
- <div class='form-item form-type-password form-item-password-confirm-pass1 password-parent'>
1000
- <div class='password-strength'>
1001
- <div aria-live='assertive' class='password-strength-text'></div>
1002
- <div class='password-strength-title'>Password strength:</div>
1003
- <div class='password-indicator'>
1004
- <div class='indicator'></div>
1005
- </div>
1006
- </div>
1007
- <label for='edit-password-confirm-pass1'>Password</label>
1008
- <input class='password-field form-text password-processed' id='edit-password-confirm-pass1' maxlength='128' name='password_confirm[pass1]' size='60' type='password' />
1009
- </div>
1010
- <div class='form-item form-type-password form-item-password-confirm-pass2 confirm-parent'>
1011
- <div class='password-confirm'>
1012
- Passwords match:
1013
- <span></span>
1014
- </div>
1015
- <label for='edit-password-confirm-pass2'>Confirm password</label>
1016
- <input class='password-confirm form-text' id='edit-password-confirm-pass2' maxlength='128' name='password_confirm[pass2]' size='60' type='password' />
1017
- </div>
1018
- <div class='password-suggestions description' style='display: none; '></div>
1019
- </div>
1020
- <div class='form-item form-type-select form-item-weight'>
1021
- <label for='edit-weight'>Weight</label>
1022
- <select class='form-select' id='edit-weight' name='weight'>
1023
- <option value='-10'>-10</option>
1024
- <option value='-9'>-9</option>
1025
- <option value='-8'>-8</option>
1026
- <option value='-7'>-7</option>
1027
- <option value='-6'>-6</option>
1028
- <option value='-5'>-5</option>
1029
- <option value='-4'>-4</option>
1030
- <option value='-3'>-3</option>
1031
- <option value='-2'>-2</option>
1032
- <option value='-1'>-1</option>
1033
- <option selected='selected' value='0'>0</option>
1034
- <option value='1'>1</option>
1035
- <option value='2'>2</option>
1036
- <option value='3'>3</option>
1037
- <option value='4'>4</option>
1038
- <option value='5'>5</option>
1039
- <option value='6'>6</option>
1040
- <option value='7'>7</option>
1041
- <option value='8'>8</option>
1042
- <option value='9'>9</option>
1043
- <option value='10'>10</option>
1044
- </select>
1045
- <div class='description'>Phasellus blandit ullamcorper diam vel porta.</div>
1046
- </div>
1047
- <input name='form_build_id' type='hidden' value='form-x-0vcWL95UYhYJdScM5FciQVI2fEZT78IOFQaqNkpFE'>
1048
- <input name='form_token' type='hidden' value='JgHDsNA3K2wOnE1ML25JvEfxbCUwElNU2YFSdWy0Ivk'>
1049
- <input name='form_id' type='hidden' value='styleguide_form' />
1050
- </input>
1015
+ <label for='edit-password-confirm-pass2'>Confirm password</label>
1016
+ <input class='password-confirm form-text' id='edit-password-confirm-pass2' maxlength='128' name='password_confirm[pass2]' size='60' type='password' />
1017
+ </div>
1018
+ <div class='password-suggestions description' style='display: none; '></div>
1019
+ </div>
1020
+ <div class='form-item form-type-select form-item-weight'>
1021
+ <label for='edit-weight'>Weight</label>
1022
+ <select class='form-select' id='edit-weight' name='weight'>
1023
+ <option value='-10'>-10</option>
1024
+ <option value='-9'>-9</option>
1025
+ <option value='-8'>-8</option>
1026
+ <option value='-7'>-7</option>
1027
+ <option value='-6'>-6</option>
1028
+ <option value='-5'>-5</option>
1029
+ <option value='-4'>-4</option>
1030
+ <option value='-3'>-3</option>
1031
+ <option value='-2'>-2</option>
1032
+ <option value='-1'>-1</option>
1033
+ <option selected='selected' value='0'>0</option>
1034
+ <option value='1'>1</option>
1035
+ <option value='2'>2</option>
1036
+ <option value='3'>3</option>
1037
+ <option value='4'>4</option>
1038
+ <option value='5'>5</option>
1039
+ <option value='6'>6</option>
1040
+ <option value='7'>7</option>
1041
+ <option value='8'>8</option>
1042
+ <option value='9'>9</option>
1043
+ <option value='10'>10</option>
1044
+ </select>
1045
+ <div class='description'>Phasellus blandit ullamcorper diam vel porta.</div>
1046
+ </div>
1047
+ <input name='form_build_id' type='hidden' value='form-x-0vcWL95UYhYJdScM5FciQVI2fEZT78IOFQaqNkpFE'>
1048
+ <input name='form_token' type='hidden' value='JgHDsNA3K2wOnE1ML25JvEfxbCUwElNU2YFSdWy0Ivk'>
1049
+ <input name='form_id' type='hidden' value='styleguide_form' />
1050
+ </input>
1051
+ </input>
1052
+ </div>
1053
+ </form>
1054
+ </div>
1055
+ </div>
1056
+ <div class='element' id='form-submit'>
1057
+ <h2 class='element-title'>Form, Submit</h2>
1058
+ <div class='markup'>
1059
+ <form accept-charset='UTF-8' action='' id='styleguide-form--2' method='post'>
1060
+ <div>
1061
+ <input class='form-submit' id='edit-submit' name='op' type='submit' value='Submit'>
1062
+ <input name='form_build_id' type='hidden' value='form-mDodr4jjbAa-YW-l9feHHiRv2hXgvcUmRf3FR8ujoTc'>
1063
+ <input name='form_token' type='hidden' value='JgHDsNA3K2wOnE1ML25JvEfxbCUwElNU2YFSdWy0Ivk'>
1064
+ <input name='form_id' type='hidden' value='styleguide_form' />
1065
+ </input>
1066
+ </input>
1067
+ </input>
1068
+ </div>
1069
+ </form>
1070
+ </div>
1071
+ </div>
1072
+ <div class='element' id='form-button'>
1073
+ <h2 class='element-title'>Form, Button</h2>
1074
+ <div class='markup'>
1075
+ <form accept-charset='UTF-8' action='' id='styleguide-form--3' method='post'>
1076
+ <div>
1077
+ <input class='form-submit' id='edit-button' name='op' type='submit' value='Button'>
1078
+ <input name='form_build_id' type='hidden' value='form-b0QLOJq3TiHtz9tcQQJplikA4r0lj4SeF4_0AfuMMT8'>
1079
+ <input name='form_token' type='hidden' value='JgHDsNA3K2wOnE1ML25JvEfxbCUwElNU2YFSdWy0Ivk'>
1080
+ <input name='form_id' type='hidden' value='styleguide_form' />
1081
+ </input>
1082
+ </input>
1083
+ </input>
1084
+ </div>
1085
+ </form>
1086
+ </div>
1087
+ </div>
1088
+ <div class='element' id='form-image-button'>
1089
+ <h2 class='element-title'>Form, Image Button</h2>
1090
+ <div class='markup'>
1091
+ <form accept-charset='UTF-8' action='' id='styleguide-form--4' method='post'>
1092
+ <div>
1093
+ <input class='form-submit' height='20' id='edit-image-button' name='Image button' src='/images/drupal/druplicon.png' type='image'>
1094
+ <input name='form_build_id' type='hidden' value='form-p1dsmzCRyryNpAJqK_wY6xAdvKCseCEa2tWVhNUwKBE'>
1095
+ <input name='form_token' type='hidden' value='JgHDsNA3K2wOnE1ML25JvEfxbCUwElNU2YFSdWy0Ivk'>
1096
+ <input name='form_id' type='hidden' value='styleguide_form' />
1097
+ </input>
1098
+ </input>
1099
+ </input>
1100
+ </div>
1101
+ </form>
1102
+ </div>
1103
+ </div>
1104
+ <div class='element' id='form-markup'>
1105
+ <h2 class='element-title'>Form, Markup</h2>
1106
+ <div class='markup'>
1107
+ <form accept-charset='UTF-8' action='' id='styleguide-form--5' method='post'>
1108
+ <div>
1109
+ <p><em>Markup</em>: Note that markup does not allow titles or descriptions. Use "item" for those options.
1110
+ </p>
1111
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam iaculis, velit gravida convallis tincidunt, felis enim venenatis lorem, nec lobortis nisl urna et mi. Pellentesque ac dictum ante. Fusce dignissim tempor elementum. Ut dignissim convallis eros, viverra luctus lacus consequat ac. Sed feugiat velit sed magna aliquam accumsan. Nam vitae porta tortor. Nam auctor dui a neque iaculis in aliquam erat viverra. Duis orci nunc, lacinia in malesuada et, euismod id turpis. Cras mattis vulputate erat, eget tempor magna egestas eu. Vestibulum sit amet massa est.</p>
1112
+ <div class='form-item form-type-item' id='edit-item'>
1113
+ <label for='edit-item'>Item</label>
1114
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam iaculis, velit gravida convallis tincidunt, felis enim venenatis lorem, nec lobortis nisl urna et mi. Pellentesque ac dictum ante. Fusce dignissim tempor elementum. Ut dignissim convallis eros, viverra luctus lacus consequat ac. Sed feugiat velit sed magna aliquam accumsan. Nam vitae porta tortor. Nam auctor dui a neque iaculis in aliquam erat viverra. Duis orci nunc, lacinia in malesuada et, euismod id turpis. Cras mattis vulputate erat, eget tempor magna egestas eu. Vestibulum sit amet massa est.</p>
1115
+ <div class='description'>Sed et enim nunc, nec vehicula sem.</div>
1116
+ </div>
1117
+ <input name='form_build_id' type='hidden' value='form-F69bjQ5UK6Fgait9vlHpQ2bbr8qFS7N3E9E9NgX7RZs'>
1118
+ <input name='form_token' type='hidden' value='JgHDsNA3K2wOnE1ML25JvEfxbCUwElNU2YFSdWy0Ivk'>
1119
+ <input name='form_id' type='hidden' value='styleguide_form' />
1120
+ </input>
1121
+ </input>
1122
+ </div>
1123
+ </form>
1124
+ </div>
1125
+ </div>
1126
+ <div class='element' id='form-fieldsets'>
1127
+ <h2 class='element-title'>Form, Fieldsets</h2>
1128
+ <div class='markup'>
1129
+ <form accept-charset='UTF-8' action='' id='styleguide-form--6' method='post'>
1130
+ <div>
1131
+ <fieldset class='collapsible collapsed form-wrapper collapse-processed' id='edit-fieldset-collapsed'>
1132
+ <legend>
1133
+ <span class='fieldset-legend'>
1134
+ <a class='fieldset-title' href='#'>
1135
+ <span class='fieldset-legend-prefix element-invisible'>Show</span>
1136
+ Fieldset collapsed
1137
+ </a>
1138
+ <span class='summary'></span>
1139
+ </span>
1140
+ </legend>
1141
+ <div class='fieldset-wrapper'>
1142
+ <div class='fieldset-description'>Suspendisse potenti.</div>
1143
+ <div class='form-item form-type-select form-item-select-fieldset-collapsed'>
1144
+ <label for='edit-select-fieldset-collapsed'>Select</label>
1145
+ <select class='form-select' id='edit-select-fieldset-collapsed' name='select-fieldset-collapsed'>
1146
+ <option value='velit'>velit</option>
1147
+ <option value='dictum'>dictum</option>
1148
+ <option value='nunc'>nunc</option>
1149
+ <option value='lacus'>lacus</option>
1150
+ <option value='urna'>urna</option>
1151
+ </select>
1152
+ <div class='description'>Pellentesque ac dictum ante.</div>
1153
+ </div>
1154
+ <div class='form-item form-type-checkboxes form-item-checkboxes-fieldset-collapsed'>
1155
+ <label for='edit-checkboxes-fieldset-collapsed'>Checkboxes</label>
1156
+ <div class='form-checkboxes' id='edit-checkboxes-fieldset-collapsed'>
1157
+ <div class='form-item form-type-checkbox form-item-checkboxes-fieldset-collapsed-velit'>
1158
+ <input class='form-checkbox' id='edit-checkboxes-fieldset-collapsed-velit' name='checkboxes-fieldset-collapsed[velit]' type='checkbox' value='velit'>
1159
+ <label class='option' for='edit-checkboxes-fieldset-collapsed-velit'>velit</label>
1051
1160
  </input>
1052
1161
  </div>
1053
- </form>
1054
- </div>
1055
- </article>
1056
- <article class='element' id='form-submit'>
1057
- <h2 class='element-title'>Form, Submit</h2>
1058
- <div class='markup'>
1059
- <form accept-charset='UTF-8' action='' id='styleguide-form--2' method='post'>
1060
- <div>
1061
- <input class='form-submit' id='edit-submit' name='op' type='submit' value='Submit'>
1062
- <input name='form_build_id' type='hidden' value='form-mDodr4jjbAa-YW-l9feHHiRv2hXgvcUmRf3FR8ujoTc'>
1063
- <input name='form_token' type='hidden' value='JgHDsNA3K2wOnE1ML25JvEfxbCUwElNU2YFSdWy0Ivk'>
1064
- <input name='form_id' type='hidden' value='styleguide_form' />
1065
- </input>
1066
- </input>
1162
+ <div class='form-item form-type-checkbox form-item-checkboxes-fieldset-collapsed-dictum'>
1163
+ <input class='form-checkbox' id='edit-checkboxes-fieldset-collapsed-dictum' name='checkboxes-fieldset-collapsed[dictum]' type='checkbox' value='dictum'>
1164
+ <label class='option' for='edit-checkboxes-fieldset-collapsed-dictum'>dictum</label>
1067
1165
  </input>
1068
1166
  </div>
1069
- </form>
1070
- </div>
1071
- </article>
1072
- <article class='element' id='form-button'>
1073
- <h2 class='element-title'>Form, Button</h2>
1074
- <div class='markup'>
1075
- <form accept-charset='UTF-8' action='' id='styleguide-form--3' method='post'>
1076
- <div>
1077
- <input class='form-submit' id='edit-button' name='op' type='submit' value='Button'>
1078
- <input name='form_build_id' type='hidden' value='form-b0QLOJq3TiHtz9tcQQJplikA4r0lj4SeF4_0AfuMMT8'>
1079
- <input name='form_token' type='hidden' value='JgHDsNA3K2wOnE1ML25JvEfxbCUwElNU2YFSdWy0Ivk'>
1080
- <input name='form_id' type='hidden' value='styleguide_form' />
1081
- </input>
1082
- </input>
1167
+ <div class='form-item form-type-checkbox form-item-checkboxes-fieldset-collapsed-nunc'>
1168
+ <input class='form-checkbox' id='edit-checkboxes-fieldset-collapsed-nunc' name='checkboxes-fieldset-collapsed[nunc]' type='checkbox' value='nunc'>
1169
+ <label class='option' for='edit-checkboxes-fieldset-collapsed-nunc'>nunc</label>
1083
1170
  </input>
1084
1171
  </div>
1085
- </form>
1086
- </div>
1087
- </article>
1088
- <article class='element' id='form-image-button'>
1089
- <h2 class='element-title'>Form, Image Button</h2>
1090
- <div class='markup'>
1091
- <form accept-charset='UTF-8' action='' id='styleguide-form--4' method='post'>
1092
- <div>
1093
- <input class='form-submit' height='20' id='edit-image-button' name='Image button' src='/images/drupal/druplicon.png' type='image'>
1094
- <input name='form_build_id' type='hidden' value='form-p1dsmzCRyryNpAJqK_wY6xAdvKCseCEa2tWVhNUwKBE'>
1095
- <input name='form_token' type='hidden' value='JgHDsNA3K2wOnE1ML25JvEfxbCUwElNU2YFSdWy0Ivk'>
1096
- <input name='form_id' type='hidden' value='styleguide_form' />
1097
- </input>
1098
- </input>
1172
+ <div class='form-item form-type-checkbox form-item-checkboxes-fieldset-collapsed-lacus'>
1173
+ <input class='form-checkbox' id='edit-checkboxes-fieldset-collapsed-lacus' name='checkboxes-fieldset-collapsed[lacus]' type='checkbox' value='lacus'>
1174
+ <label class='option' for='edit-checkboxes-fieldset-collapsed-lacus'>lacus</label>
1099
1175
  </input>
1100
1176
  </div>
1101
- </form>
1102
- </div>
1103
- </article>
1104
- <article class='element' id='form-markup'>
1105
- <h2 class='element-title'>Form, Markup</h2>
1106
- <div class='markup'>
1107
- <form accept-charset='UTF-8' action='' id='styleguide-form--5' method='post'>
1108
- <div>
1109
- <p><em>Markup</em>: Note that markup does not allow titles or descriptions. Use "item" for those options.
1110
- </p>
1111
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam iaculis, velit gravida convallis tincidunt, felis enim venenatis lorem, nec lobortis nisl urna et mi. Pellentesque ac dictum ante. Fusce dignissim tempor elementum. Ut dignissim convallis eros, viverra luctus lacus consequat ac. Sed feugiat velit sed magna aliquam accumsan. Nam vitae porta tortor. Nam auctor dui a neque iaculis in aliquam erat viverra. Duis orci nunc, lacinia in malesuada et, euismod id turpis. Cras mattis vulputate erat, eget tempor magna egestas eu. Vestibulum sit amet massa est.</p>
1112
- <div class='form-item form-type-item' id='edit-item'>
1113
- <label for='edit-item'>Item</label>
1114
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam iaculis, velit gravida convallis tincidunt, felis enim venenatis lorem, nec lobortis nisl urna et mi. Pellentesque ac dictum ante. Fusce dignissim tempor elementum. Ut dignissim convallis eros, viverra luctus lacus consequat ac. Sed feugiat velit sed magna aliquam accumsan. Nam vitae porta tortor. Nam auctor dui a neque iaculis in aliquam erat viverra. Duis orci nunc, lacinia in malesuada et, euismod id turpis. Cras mattis vulputate erat, eget tempor magna egestas eu. Vestibulum sit amet massa est.</p>
1115
- <div class='description'>Sed et enim nunc, nec vehicula sem.</div>
1116
- </div>
1117
- <input name='form_build_id' type='hidden' value='form-F69bjQ5UK6Fgait9vlHpQ2bbr8qFS7N3E9E9NgX7RZs'>
1118
- <input name='form_token' type='hidden' value='JgHDsNA3K2wOnE1ML25JvEfxbCUwElNU2YFSdWy0Ivk'>
1119
- <input name='form_id' type='hidden' value='styleguide_form' />
1120
- </input>
1177
+ <div class='form-item form-type-checkbox form-item-checkboxes-fieldset-collapsed-urna'>
1178
+ <input class='form-checkbox' id='edit-checkboxes-fieldset-collapsed-urna' name='checkboxes-fieldset-collapsed[urna]' type='checkbox' value='urna'>
1179
+ <label class='option' for='edit-checkboxes-fieldset-collapsed-urna'>urna</label>
1121
1180
  </input>
1122
1181
  </div>
1123
- </form>
1182
+ </div>
1183
+ <div class='description'>Vestibulum sit amet massa est.</div>
1124
1184
  </div>
1125
- </article>
1126
- <article class='element' id='form-fieldsets'>
1127
- <h2 class='element-title'>Form, Fieldsets</h2>
1128
- <div class='markup'>
1129
- <form accept-charset='UTF-8' action='' id='styleguide-form--6' method='post'>
1130
- <div>
1131
- <fieldset class='collapsible collapsed form-wrapper collapse-processed' id='edit-fieldset-collapsed'>
1132
- <legend>
1133
- <span class='fieldset-legend'>
1134
- <a class='fieldset-title' href='#'>
1135
- <span class='fieldset-legend-prefix element-invisible'>Show</span>
1136
- Fieldset collapsed
1137
- </a>
1138
- <span class='summary'></span>
1139
- </span>
1140
- </legend>
1141
- <div class='fieldset-wrapper'>
1142
- <div class='fieldset-description'>Suspendisse potenti.</div>
1143
- <div class='form-item form-type-select form-item-select-fieldset-collapsed'>
1144
- <label for='edit-select-fieldset-collapsed'>Select</label>
1145
- <select class='form-select' id='edit-select-fieldset-collapsed' name='select-fieldset-collapsed'>
1146
- <option value='velit'>velit</option>
1147
- <option value='dictum'>dictum</option>
1148
- <option value='nunc'>nunc</option>
1149
- <option value='lacus'>lacus</option>
1150
- <option value='urna'>urna</option>
1151
- </select>
1152
- <div class='description'>Pellentesque ac dictum ante.</div>
1153
- </div>
1154
- <div class='form-item form-type-checkboxes form-item-checkboxes-fieldset-collapsed'>
1155
- <label for='edit-checkboxes-fieldset-collapsed'>Checkboxes</label>
1156
- <div class='form-checkboxes' id='edit-checkboxes-fieldset-collapsed'>
1157
- <div class='form-item form-type-checkbox form-item-checkboxes-fieldset-collapsed-velit'>
1158
- <input class='form-checkbox' id='edit-checkboxes-fieldset-collapsed-velit' name='checkboxes-fieldset-collapsed[velit]' type='checkbox' value='velit'>
1159
- <label class='option' for='edit-checkboxes-fieldset-collapsed-velit'>velit</label>
1160
- </input>
1161
- </div>
1162
- <div class='form-item form-type-checkbox form-item-checkboxes-fieldset-collapsed-dictum'>
1163
- <input class='form-checkbox' id='edit-checkboxes-fieldset-collapsed-dictum' name='checkboxes-fieldset-collapsed[dictum]' type='checkbox' value='dictum'>
1164
- <label class='option' for='edit-checkboxes-fieldset-collapsed-dictum'>dictum</label>
1165
- </input>
1166
- </div>
1167
- <div class='form-item form-type-checkbox form-item-checkboxes-fieldset-collapsed-nunc'>
1168
- <input class='form-checkbox' id='edit-checkboxes-fieldset-collapsed-nunc' name='checkboxes-fieldset-collapsed[nunc]' type='checkbox' value='nunc'>
1169
- <label class='option' for='edit-checkboxes-fieldset-collapsed-nunc'>nunc</label>
1170
- </input>
1171
- </div>
1172
- <div class='form-item form-type-checkbox form-item-checkboxes-fieldset-collapsed-lacus'>
1173
- <input class='form-checkbox' id='edit-checkboxes-fieldset-collapsed-lacus' name='checkboxes-fieldset-collapsed[lacus]' type='checkbox' value='lacus'>
1174
- <label class='option' for='edit-checkboxes-fieldset-collapsed-lacus'>lacus</label>
1175
- </input>
1176
- </div>
1177
- <div class='form-item form-type-checkbox form-item-checkboxes-fieldset-collapsed-urna'>
1178
- <input class='form-checkbox' id='edit-checkboxes-fieldset-collapsed-urna' name='checkboxes-fieldset-collapsed[urna]' type='checkbox' value='urna'>
1179
- <label class='option' for='edit-checkboxes-fieldset-collapsed-urna'>urna</label>
1180
- </input>
1181
- </div>
1182
- </div>
1183
- <div class='description'>Vestibulum sit amet massa est.</div>
1184
- </div>
1185
- </div>
1186
- </fieldset>
1187
- <fieldset class='collapsible form-wrapper collapse-processed' id='edit-fieldset-collapsible'>
1188
- <legend>
1189
- <span class='fieldset-legend'>
1190
- <a class='fieldset-title' href='#'>
1191
- <span class='fieldset-legend-prefix element-invisible'>Hide</span>
1192
- Fieldset collapsible
1193
- </a>
1194
- <span class='summary'></span>
1195
- </span>
1196
- </legend>
1197
- <div class='fieldset-wrapper'>
1198
- <div class='fieldset-description'>Phasellus sagittis, orci vel laoreet molestie, urna orci imperdiet elit, quis ultricies orci mauris vel ante.</div>
1199
- <div class='form-item form-type-select form-item-select-fieldset-collapsible'>
1200
- <label for='edit-select-fieldset-collapsible'>Select</label>
1201
- <select class='form-select' id='edit-select-fieldset-collapsible' name='select-fieldset-collapsible'>
1202
- <option value='velit'>velit</option>
1203
- <option value='dictum'>dictum</option>
1204
- <option value='nunc'>nunc</option>
1205
- <option value='lacus'>lacus</option>
1206
- <option value='urna'>urna</option>
1207
- </select>
1208
- <div class='description'>Pellentesque ac dictum ante.</div>
1209
- </div>
1210
- <div class='form-item form-type-checkboxes form-item-checkboxes-fieldset-collapsible'>
1211
- <label for='edit-checkboxes-fieldset-collapsible'>Checkboxes</label>
1212
- <div class='form-checkboxes' id='edit-checkboxes-fieldset-collapsible'>
1213
- <div class='form-item form-type-checkbox form-item-checkboxes-fieldset-collapsible-velit'>
1214
- <input class='form-checkbox' id='edit-checkboxes-fieldset-collapsible-velit' name='checkboxes-fieldset-collapsible[velit]' type='checkbox' value='velit'>
1215
- <label class='option' for='edit-checkboxes-fieldset-collapsible-velit'>velit</label>
1216
- </input>
1217
- </div>
1218
- <div class='form-item form-type-checkbox form-item-checkboxes-fieldset-collapsible-dictum'>
1219
- <input class='form-checkbox' id='edit-checkboxes-fieldset-collapsible-dictum' name='checkboxes-fieldset-collapsible[dictum]' type='checkbox' value='dictum'>
1220
- <label class='option' for='edit-checkboxes-fieldset-collapsible-dictum'>dictum</label>
1221
- </input>
1222
- </div>
1223
- <div class='form-item form-type-checkbox form-item-checkboxes-fieldset-collapsible-nunc'>
1224
- <input class='form-checkbox' id='edit-checkboxes-fieldset-collapsible-nunc' name='checkboxes-fieldset-collapsible[nunc]' type='checkbox' value='nunc'>
1225
- <label class='option' for='edit-checkboxes-fieldset-collapsible-nunc'>nunc</label>
1226
- </input>
1227
- </div>
1228
- <div class='form-item form-type-checkbox form-item-checkboxes-fieldset-collapsible-lacus'>
1229
- <input class='form-checkbox' id='edit-checkboxes-fieldset-collapsible-lacus' name='checkboxes-fieldset-collapsible[lacus]' type='checkbox' value='lacus'>
1230
- <label class='option' for='edit-checkboxes-fieldset-collapsible-lacus'>lacus</label>
1231
- </input>
1232
- </div>
1233
- <div class='form-item form-type-checkbox form-item-checkboxes-fieldset-collapsible-urna'>
1234
- <input class='form-checkbox' id='edit-checkboxes-fieldset-collapsible-urna' name='checkboxes-fieldset-collapsible[urna]' type='checkbox' value='urna'>
1235
- <label class='option' for='edit-checkboxes-fieldset-collapsible-urna'>urna</label>
1236
- </input>
1237
- </div>
1238
- </div>
1239
- <div class='description'>Vestibulum sit amet massa est.</div>
1240
- </div>
1241
- </div>
1242
- </fieldset>
1243
- <fieldset class='form-wrapper' id='edit-fieldset'>
1244
- <legend>
1245
- <span class='fieldset-legend'>Fieldset</span>
1246
- </legend>
1247
- <div class='fieldset-wrapper'>
1248
- <div class='fieldset-description'>Phasellus blandit ullamcorper diam vel porta.</div>
1249
- <div class='form-item form-type-select form-item-select-fieldset'>
1250
- <label for='edit-select-fieldset'>Select</label>
1251
- <select class='form-select' id='edit-select-fieldset' name='select-fieldset'>
1252
- <option value='velit'>velit</option>
1253
- <option value='dictum'>dictum</option>
1254
- <option value='nunc'>nunc</option>
1255
- <option value='lacus'>lacus</option>
1256
- <option value='urna'>urna</option>
1257
- </select>
1258
- <div class='description'>Pellentesque ac dictum ante.</div>
1259
- </div>
1260
- <div class='form-item form-type-checkboxes form-item-checkboxes-fieldset'>
1261
- <label for='edit-checkboxes-fieldset'>Checkboxes</label>
1262
- <div class='form-checkboxes' id='edit-checkboxes-fieldset'>
1263
- <div class='form-item form-type-checkbox form-item-checkboxes-fieldset-velit'>
1264
- <input class='form-checkbox' id='edit-checkboxes-fieldset-velit' name='checkboxes-fieldset[velit]' type='checkbox' value='velit'>
1265
- <label class='option' for='edit-checkboxes-fieldset-velit'>velit</label>
1266
- </input>
1267
- </div>
1268
- <div class='form-item form-type-checkbox form-item-checkboxes-fieldset-dictum'>
1269
- <input class='form-checkbox' id='edit-checkboxes-fieldset-dictum' name='checkboxes-fieldset[dictum]' type='checkbox' value='dictum'>
1270
- <label class='option' for='edit-checkboxes-fieldset-dictum'>dictum</label>
1271
- </input>
1272
- </div>
1273
- <div class='form-item form-type-checkbox form-item-checkboxes-fieldset-nunc'>
1274
- <input class='form-checkbox' id='edit-checkboxes-fieldset-nunc' name='checkboxes-fieldset[nunc]' type='checkbox' value='nunc'>
1275
- <label class='option' for='edit-checkboxes-fieldset-nunc'>nunc</label>
1276
- </input>
1277
- </div>
1278
- <div class='form-item form-type-checkbox form-item-checkboxes-fieldset-lacus'>
1279
- <input class='form-checkbox' id='edit-checkboxes-fieldset-lacus' name='checkboxes-fieldset[lacus]' type='checkbox' value='lacus'>
1280
- <label class='option' for='edit-checkboxes-fieldset-lacus'>lacus</label>
1281
- </input>
1282
- </div>
1283
- <div class='form-item form-type-checkbox form-item-checkboxes-fieldset-urna'>
1284
- <input class='form-checkbox' id='edit-checkboxes-fieldset-urna' name='checkboxes-fieldset[urna]' type='checkbox' value='urna'>
1285
- <label class='option' for='edit-checkboxes-fieldset-urna'>urna</label>
1286
- </input>
1287
- </div>
1288
- </div>
1289
- <div class='description'>Vestibulum sit amet massa est.</div>
1290
- </div>
1291
- </div>
1292
- </fieldset>
1293
- <input name='form_build_id' type='hidden' value='form-gi6SpKK3VOnnH-PGQIoE7IoT2c03RBzHEdVeGo8rv3o'>
1294
- <input name='form_token' type='hidden' value='JgHDsNA3K2wOnE1ML25JvEfxbCUwElNU2YFSdWy0Ivk'>
1295
- <input name='form_id' type='hidden' value='styleguide_form' />
1296
- </input>
1185
+ </div>
1186
+ </fieldset>
1187
+ <fieldset class='collapsible form-wrapper collapse-processed' id='edit-fieldset-collapsible'>
1188
+ <legend>
1189
+ <span class='fieldset-legend'>
1190
+ <a class='fieldset-title' href='#'>
1191
+ <span class='fieldset-legend-prefix element-invisible'>Hide</span>
1192
+ Fieldset collapsible
1193
+ </a>
1194
+ <span class='summary'></span>
1195
+ </span>
1196
+ </legend>
1197
+ <div class='fieldset-wrapper'>
1198
+ <div class='fieldset-description'>Phasellus sagittis, orci vel laoreet molestie, urna orci imperdiet elit, quis ultricies orci mauris vel ante.</div>
1199
+ <div class='form-item form-type-select form-item-select-fieldset-collapsible'>
1200
+ <label for='edit-select-fieldset-collapsible'>Select</label>
1201
+ <select class='form-select' id='edit-select-fieldset-collapsible' name='select-fieldset-collapsible'>
1202
+ <option value='velit'>velit</option>
1203
+ <option value='dictum'>dictum</option>
1204
+ <option value='nunc'>nunc</option>
1205
+ <option value='lacus'>lacus</option>
1206
+ <option value='urna'>urna</option>
1207
+ </select>
1208
+ <div class='description'>Pellentesque ac dictum ante.</div>
1209
+ </div>
1210
+ <div class='form-item form-type-checkboxes form-item-checkboxes-fieldset-collapsible'>
1211
+ <label for='edit-checkboxes-fieldset-collapsible'>Checkboxes</label>
1212
+ <div class='form-checkboxes' id='edit-checkboxes-fieldset-collapsible'>
1213
+ <div class='form-item form-type-checkbox form-item-checkboxes-fieldset-collapsible-velit'>
1214
+ <input class='form-checkbox' id='edit-checkboxes-fieldset-collapsible-velit' name='checkboxes-fieldset-collapsible[velit]' type='checkbox' value='velit'>
1215
+ <label class='option' for='edit-checkboxes-fieldset-collapsible-velit'>velit</label>
1297
1216
  </input>
1298
1217
  </div>
1299
- </form>
1300
- </div>
1301
- </article>
1302
- <article class='element' id='form-vertical-tabs'>
1303
- <h2 class='element-title'>form, Vertical Tabs</h2>
1304
- <div class='markup'>
1305
- <form accept-charset='UTF-8' action='' enctype='multipart/form-data' id='styleguide-form' method='post'>
1306
- <div>
1307
- <div class='form-item form-type-select form-item-select'>
1308
- <label for='edit-select'>Select</label>
1309
- <select class='form-select' id='edit-select' name='select'>
1310
- <option value='eget'>eget</option>
1311
- <option value='venenatis'>venenatis</option>
1312
- <option value='aliquam'>aliquam</option>
1313
- <option value='consequat'>consequat</option>
1314
- <option value='dignissim'>dignissim</option>
1315
- </select>
1316
- <div class='description'>Duis orci nunc, lacinia in malesuada et, euismod id turpis.</div>
1317
- </div>
1318
- <div class='form-item form-type-checkbox form-item-checkbox'>
1319
- <input checked='checked' class='form-checkbox' id='edit-checkbox' name='checkbox' type='checkbox' value='1'>
1320
- <label class='option' for='edit-checkbox'>Checkbox</label>
1321
- <div class='description'>Fusce dignissim tempor elementum.</div>
1322
- </input>
1323
- </div>
1324
- <div class='form-item form-type-checkboxes form-item-checkboxes'>
1325
- <label for='edit-checkboxes'>Checkboxes</label>
1326
- <div class='form-checkboxes' id='edit-checkboxes'>
1327
- <div class='form-item form-type-checkbox form-item-checkboxes-eget'>
1328
- <input class='form-checkbox' id='edit-checkboxes-eget' name='checkboxes[eget]' type='checkbox' value='eget'>
1329
- <label class='option' for='edit-checkboxes-eget'>eget</label>
1330
- </input>
1331
- </div>
1332
- <div class='form-item form-type-checkbox form-item-checkboxes-venenatis'>
1333
- <input class='form-checkbox' id='edit-checkboxes-venenatis' name='checkboxes[venenatis]' type='checkbox' value='venenatis'>
1334
- <label class='option' for='edit-checkboxes-venenatis'>venenatis</label>
1335
- </input>
1336
- </div>
1337
- <div class='form-item form-type-checkbox form-item-checkboxes-aliquam'>
1338
- <input class='form-checkbox' id='edit-checkboxes-aliquam' name='checkboxes[aliquam]' type='checkbox' value='aliquam'>
1339
- <label class='option' for='edit-checkboxes-aliquam'>aliquam</label>
1340
- </input>
1341
- </div>
1342
- <div class='form-item form-type-checkbox form-item-checkboxes-consequat'>
1343
- <input class='form-checkbox' id='edit-checkboxes-consequat' name='checkboxes[consequat]' type='checkbox' value='consequat'>
1344
- <label class='option' for='edit-checkboxes-consequat'>consequat</label>
1345
- </input>
1346
- </div>
1347
- <div class='form-item form-type-checkbox form-item-checkboxes-dignissim'>
1348
- <input class='form-checkbox' id='edit-checkboxes-dignissim' name='checkboxes[dignissim]' type='checkbox' value='dignissim'>
1349
- <label class='option' for='edit-checkboxes-dignissim'>dignissim</label>
1350
- </input>
1351
- </div>
1352
- </div>
1353
- <div class='description'>Phasellus ac eleifend magna.</div>
1354
- </div>
1355
- <div class='form-item form-type-radios form-item-radios'>
1356
- <label for='edit-radios'>Radios</label>
1357
- <div class='form-radios' id='edit-radios'>
1358
- <div class='form-item form-type-radio form-item-radios'>
1359
- <input class='form-radio' id='edit-radios-eget' name='radios' type='radio' value='eget'>
1360
- <label class='option' for='edit-radios-eget'>eget</label>
1361
- </input>
1362
- </div>
1363
- <div class='form-item form-type-radio form-item-radios'>
1364
- <input class='form-radio' id='edit-radios-venenatis' name='radios' type='radio' value='venenatis'>
1365
- <label class='option' for='edit-radios-venenatis'>venenatis</label>
1366
- </input>
1367
- </div>
1368
- <div class='form-item form-type-radio form-item-radios'>
1369
- <input class='form-radio' id='edit-radios-aliquam' name='radios' type='radio' value='aliquam'>
1370
- <label class='option' for='edit-radios-aliquam'>aliquam</label>
1371
- </input>
1372
- </div>
1373
- <div class='form-item form-type-radio form-item-radios'>
1374
- <input class='form-radio' id='edit-radios-consequat' name='radios' type='radio' value='consequat'>
1375
- <label class='option' for='edit-radios-consequat'>consequat</label>
1376
- </input>
1377
- </div>
1378
- <div class='form-item form-type-radio form-item-radios'>
1379
- <input class='form-radio' id='edit-radios-dignissim' name='radios' type='radio' value='dignissim'>
1380
- <label class='option' for='edit-radios-dignissim'>dignissim</label>
1381
- </input>
1382
- </div>
1383
- </div>
1384
- <div class='description'>Suspendisse lectus erat, commodo nec fringilla quis, interdum non leo.</div>
1385
- </div>
1386
- <div class='form-item form-type-textfield form-item-textfield'>
1387
- <label for='edit-textfield'>Textfield</label>
1388
- <input class='form-text' id='edit-textfield' maxlength='128' name='textfield' size='60' type='text' value='euismod'>
1389
- <div class='description'>Vestibulum ut ligula dolor, in placerat tortor.</div>
1390
- </input>
1391
- </div>
1392
- <div class='form-item form-type-textfield form-item-autocomplete' role='application'>
1393
- <label for='edit-autocomplete'>Autocomplete textfield</label>
1394
- <input aria-autocomplete='list' autocomplete='OFF' class='form-text form-autocomplete' id='edit-autocomplete' maxlength='128' name='autocomplete' size='60' type='text' value='nunc'>
1395
- <input class='autocomplete autocomplete-processed' disabled='disabled' id='edit-autocomplete-autocomplete' type='hidden' value='http://roadside.local/user/autocomplete'>
1396
- <div class='description'>Nam auctor dui a neque iaculis in aliquam erat viverra.</div>
1397
- <span aria-live='assertive' class='element-invisible' id='edit-autocomplete-autocomplete-aria-live'></span>
1398
- </input>
1399
- </input>
1400
- </div>
1401
- <div class='form-item form-type-textfield form-item-textfield-machine'>
1402
- <label for='edit-textfield-machine'>Textfield, with machine name</label>
1403
- <input class='form-text machine-name-source' id='edit-textfield-machine' maxlength='128' name='textfield-machine' size='60' type='text' value='velit convallis consectetur'>
1404
- <span class='field-suffix'>
1405
- <small id='edit-textfield-machine-machine-name-suffix'>
1406
- <span class='machine-name-label'>Machine name:</span>
1407
- <span class='machine-name-value'>velit_convallis_consectetur</span>
1408
- <span class='admin-link'>
1409
- <a href='#'>Edit</a>
1410
- </span>
1411
- </small>
1412
- </span>
1413
- <div class='description'>Aenean sit amet tellus sit amet ante congue faucibus.</div>
1414
- </input>
1415
- </div>
1416
- <div class='form-item form-type-machine-name form-item-machine-name' style='display: none; '>
1417
- <label for='edit-machine-name'>
1418
- Machine name
1419
- <span class='form-required' title='This field is required.'>*</span>
1420
- </label>
1421
- <input class='form-text required machine-name-target' id='edit-machine-name' maxlength='64' name='machine_name' size='60' type='text' value=''>
1422
- <div class='description'>Morbi congue nulla vel tortor aliquet imperdiet.</div>
1423
- </input>
1424
- </div>
1425
- <div class='form-item form-type-textarea form-item-textarea'>
1426
- <label for='edit-textarea'>Textarea</label>
1427
- <div class='form-textarea-wrapper resizable textarea-processed resizable-textarea'>
1428
- <textarea class='form-textarea' cols='60' id='edit-textarea' name='textarea' rows='5'><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam iaculis, velit gravida convallis tincidunt, felis enim venenatis lorem, nec lobortis nisl urna et mi. Pellentesque ac dictum ante. Fusce dignissim tempor elementum. Ut dignissim convallis eros, viverra luctus lacus consequat ac. Sed feugiat velit sed magna aliquam accumsan. Nam vitae porta tortor. Nam auctor dui a neque iaculis in aliquam erat viverra. Duis orci nunc, lacinia in malesuada et, euismod id turpis. Cras mattis vulputate erat, eget tempor magna egestas eu. Vestibulum sit amet massa est.</p><p>Vivamus pretium placerat lorem, in tempor massa convallis sit amet. Aliquam sed quam eget ligula luctus aliquam sed vitae nulla. Aliquam dui dolor, ullamcorper eget rutrum ut, hendrerit ac lorem. Donec magna est, sollicitudin vel ultrices vel, mattis ut odio. Integer vel felis laoreet purus sollicitudin varius sed id ipsum. Suspendisse potenti. Praesent ut justo vitae metus luctus vehicula a et purus. Suspendisse potenti. Sed viverra, quam non hendrerit laoreet, massa odio blandit arcu, ac molestie metus diam eu tortor. Donec erat arcu, ultrices sit amet placerat non, feugiat in arcu. Mauris eros quam, varius eget volutpat vel, tristique sed est. In faucibus feugiat urna sit amet elementum. Integer consequat rhoncus libero, in molestie augue posuere et. Phasellus ac eleifend magna. Proin vulputate dui ac justo pharetra consequat. In vel iaculis ligula.</p><p>Cras vestibulum lacus sit amet sem commodo ullamcorper aliquet eros vestibulum. Sed fermentum nulla quis risus suscipit dapibus. Sed vitae velit ut dolor varius semper at id lectus. Aenean quis leo sit amet tellus tempus cursus. Vivamus semper vehicula ante eget semper. In ac ipsum erat. Suspendisse lectus erat, commodo nec fringilla quis, interdum non leo. Vivamus et lectus vitae risus porta sollicitudin luctus eget est. Etiam quis elit vel est suscipit tristique. Nullam fringilla purus ac velit gravida ullamcorper. Praesent porttitor ante non lacus suscipit porta. Nunc fermentum sem et metus aliquam ultricies non sollicitudin nibh. Vestibulum ut ligula dolor, in placerat tortor. Sed nec lacus sed nibh iaculis luctus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur rutrum, diam vel tempor commodo, augue nunc viverra risus, in pellentesque neque justo eget dolor. Maecenas quis odio leo, a auctor lorem.</p><p>Curabitur dapibus odio quis enim hendrerit eu placerat lorem accumsan. Phasellus sagittis, orci vel laoreet molestie, urna orci imperdiet elit, quis ultricies orci mauris vel ante. Cras pharetra, nisl a sagittis feugiat, turpis magna placerat sem, sed euismod erat elit in magna. Phasellus blandit ullamcorper diam vel porta. Vivamus mollis, metus nec tincidunt venenatis, risus odio sodales risus, vitae ultrices est nisi eget ante. Aenean eget nisi mi. Nulla non nulla nec metus rhoncus congue. Curabitur quis nunc nibh. Cras metus lorem, euismod ornare mattis sagittis, ultrices eget turpis. Integer quis dui tellus. Morbi vel dolor sit amet metus eleifend fringilla. Fusce nunc neque, ultricies et commodo semper, dignissim vitae tortor. Phasellus et ipsum quis sapien accumsan auctor. Morbi congue nulla vel tortor aliquet imperdiet. Morbi eget odio elit, et cursus odio. Quisque a velit diam. Duis urna libero, tempus non mattis a, convallis ac erat. Etiam vel dui posuere lectus auctor viverra vitae id eros. Maecenas mollis eros non elit sollicitudin quis fermentum diam lacinia. Quisque at ante nibh, a molestie ligula.</p><p>Sed et enim nunc, nec vehicula sem. Sed risus orci, auctor et dictum at, hendrerit eu augue. Curabitur sed ante non quam fermentum vehicula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam tincidunt dictum molestie. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Phasellus nec urna ut lorem tempus aliquet eget nec lectus. Phasellus quis venenatis tortor. Integer elementum, sapien at feugiat cursus, tortor sapien adipiscing massa, non molestie elit lacus vel velit. Suspendisse sit amet sem id libero auctor pharetra sit amet ut dui. Aenean sit amet tellus sit amet ante congue faucibus. Nullam hendrerit, justo et iaculis tristique, ligula risus pretium erat, sed tempus lacus felis ut nulla.</p></textarea>
1429
- <div class='grippie'></div>
1430
- </div>
1431
- <div class='description'>Sed risus orci, auctor et dictum at, hendrerit eu augue.</div>
1432
- </div>
1433
- <div class='form-item form-type-date form-item-date'>
1434
- <label for='edit-date'>Date</label>
1435
- <div class='container-inline'>
1436
- <div class='form-item form-type-select form-item-date-year'>
1437
- <label class='element-invisible' for='edit-date-year'>Year</label>
1438
- <select class='form-select' id='edit-date-year' name='date[year]'>
1439
- <option value='1900'>1900</option>
1440
- <option value='1901'>1901</option>
1441
- <option value='1902'>1902</option>
1442
- <option value='1903'>1903</option>
1443
- <option value='1904'>1904</option>
1444
- <option value='1905'>1905</option>
1445
- <option value='1906'>1906</option>
1446
- <option value='1907'>1907</option>
1447
- <option value='1908'>1908</option>
1448
- <option value='1909'>1909</option>
1449
- <option value='1910'>1910</option>
1450
- <option value='1911'>1911</option>
1451
- <option value='1912'>1912</option>
1452
- <option value='1913'>1913</option>
1453
- <option value='1914'>1914</option>
1454
- <option value='1915'>1915</option>
1455
- <option value='1916'>1916</option>
1456
- <option value='1917'>1917</option>
1457
- <option value='1918'>1918</option>
1458
- <option value='1919'>1919</option>
1459
- <option value='1920'>1920</option>
1460
- <option value='1921'>1921</option>
1461
- <option value='1922'>1922</option>
1462
- <option value='1923'>1923</option>
1463
- <option value='1924'>1924</option>
1464
- <option value='1925'>1925</option>
1465
- <option value='1926'>1926</option>
1466
- <option value='1927'>1927</option>
1467
- <option value='1928'>1928</option>
1468
- <option value='1929'>1929</option>
1469
- <option value='1930'>1930</option>
1470
- <option value='1931'>1931</option>
1471
- <option value='1932'>1932</option>
1472
- <option value='1933'>1933</option>
1473
- <option value='1934'>1934</option>
1474
- <option value='1935'>1935</option>
1475
- <option value='1936'>1936</option>
1476
- <option value='1937'>1937</option>
1477
- <option value='1938'>1938</option>
1478
- <option value='1939'>1939</option>
1479
- <option value='1940'>1940</option>
1480
- <option value='1941'>1941</option>
1481
- <option value='1942'>1942</option>
1482
- <option value='1943'>1943</option>
1483
- <option value='1944'>1944</option>
1484
- <option value='1945'>1945</option>
1485
- <option value='1946'>1946</option>
1486
- <option value='1947'>1947</option>
1487
- <option value='1948'>1948</option>
1488
- <option value='1949'>1949</option>
1489
- <option value='1950'>1950</option>
1490
- <option value='1951'>1951</option>
1491
- <option value='1952'>1952</option>
1492
- <option value='1953'>1953</option>
1493
- <option value='1954'>1954</option>
1494
- <option value='1955'>1955</option>
1495
- <option value='1956'>1956</option>
1496
- <option value='1957'>1957</option>
1497
- <option value='1958'>1958</option>
1498
- <option value='1959'>1959</option>
1499
- <option value='1960'>1960</option>
1500
- <option value='1961'>1961</option>
1501
- <option value='1962'>1962</option>
1502
- <option value='1963'>1963</option>
1503
- <option value='1964'>1964</option>
1504
- <option value='1965'>1965</option>
1505
- <option value='1966'>1966</option>
1506
- <option value='1967'>1967</option>
1507
- <option value='1968'>1968</option>
1508
- <option value='1969'>1969</option>
1509
- <option value='1970'>1970</option>
1510
- <option value='1971'>1971</option>
1511
- <option value='1972'>1972</option>
1512
- <option value='1973'>1973</option>
1513
- <option value='1974'>1974</option>
1514
- <option value='1975'>1975</option>
1515
- <option value='1976'>1976</option>
1516
- <option value='1977'>1977</option>
1517
- <option value='1978'>1978</option>
1518
- <option value='1979'>1979</option>
1519
- <option value='1980'>1980</option>
1520
- <option value='1981'>1981</option>
1521
- <option value='1982'>1982</option>
1522
- <option value='1983'>1983</option>
1523
- <option value='1984'>1984</option>
1524
- <option value='1985'>1985</option>
1525
- <option value='1986'>1986</option>
1526
- <option value='1987'>1987</option>
1527
- <option value='1988'>1988</option>
1528
- <option value='1989'>1989</option>
1529
- <option value='1990'>1990</option>
1530
- <option value='1991'>1991</option>
1531
- <option value='1992'>1992</option>
1532
- <option value='1993'>1993</option>
1533
- <option value='1994'>1994</option>
1534
- <option value='1995'>1995</option>
1535
- <option value='1996'>1996</option>
1536
- <option value='1997'>1997</option>
1537
- <option value='1998'>1998</option>
1538
- <option value='1999'>1999</option>
1539
- <option value='2000'>2000</option>
1540
- <option value='2001'>2001</option>
1541
- <option value='2002'>2002</option>
1542
- <option value='2003'>2003</option>
1543
- <option value='2004'>2004</option>
1544
- <option value='2005'>2005</option>
1545
- <option value='2006'>2006</option>
1546
- <option value='2007'>2007</option>
1547
- <option value='2008'>2008</option>
1548
- <option value='2009'>2009</option>
1549
- <option value='2010'>2010</option>
1550
- <option value='2011'>2011</option>
1551
- <option selected='selected' value='2012'>2012</option>
1552
- <option value='2013'>2013</option>
1553
- <option value='2014'>2014</option>
1554
- <option value='2015'>2015</option>
1555
- <option value='2016'>2016</option>
1556
- <option value='2017'>2017</option>
1557
- <option value='2018'>2018</option>
1558
- <option value='2019'>2019</option>
1559
- <option value='2020'>2020</option>
1560
- <option value='2021'>2021</option>
1561
- <option value='2022'>2022</option>
1562
- <option value='2023'>2023</option>
1563
- <option value='2024'>2024</option>
1564
- <option value='2025'>2025</option>
1565
- <option value='2026'>2026</option>
1566
- <option value='2027'>2027</option>
1567
- <option value='2028'>2028</option>
1568
- <option value='2029'>2029</option>
1569
- <option value='2030'>2030</option>
1570
- <option value='2031'>2031</option>
1571
- <option value='2032'>2032</option>
1572
- <option value='2033'>2033</option>
1573
- <option value='2034'>2034</option>
1574
- <option value='2035'>2035</option>
1575
- <option value='2036'>2036</option>
1576
- <option value='2037'>2037</option>
1577
- <option value='2038'>2038</option>
1578
- <option value='2039'>2039</option>
1579
- <option value='2040'>2040</option>
1580
- <option value='2041'>2041</option>
1581
- <option value='2042'>2042</option>
1582
- <option value='2043'>2043</option>
1583
- <option value='2044'>2044</option>
1584
- <option value='2045'>2045</option>
1585
- <option value='2046'>2046</option>
1586
- <option value='2047'>2047</option>
1587
- <option value='2048'>2048</option>
1588
- <option value='2049'>2049</option>
1589
- <option value='2050'>2050</option>
1590
- </select>
1591
- </div>
1592
- <div class='form-item form-type-select form-item-date-month'>
1593
- <label class='element-invisible' for='edit-date-month'>Month</label>
1594
- <select class='form-select' id='edit-date-month' name='date[month]'>
1595
- <option selected='selected' value='1'>Jan</option>
1596
- <option value='2'>Feb</option>
1597
- <option value='3'>Mar</option>
1598
- <option value='4'>Apr</option>
1599
- <option value='5'>May</option>
1600
- <option value='6'>Jun</option>
1601
- <option value='7'>Jul</option>
1602
- <option value='8'>Aug</option>
1603
- <option value='9'>Sep</option>
1604
- <option value='10'>Oct</option>
1605
- <option value='11'>Nov</option>
1606
- <option value='12'>Dec</option>
1607
- </select>
1608
- </div>
1609
- <div class='form-item form-type-select form-item-date-day'>
1610
- <label class='element-invisible' for='edit-date-day'>Day</label>
1611
- <select class='form-select' id='edit-date-day' name='date[day]'>
1612
- <option value='1'>1</option>
1613
- <option value='2'>2</option>
1614
- <option value='3'>3</option>
1615
- <option value='4'>4</option>
1616
- <option value='5'>5</option>
1617
- <option value='6'>6</option>
1618
- <option value='7'>7</option>
1619
- <option value='8'>8</option>
1620
- <option value='9'>9</option>
1621
- <option value='10'>10</option>
1622
- <option value='11'>11</option>
1623
- <option value='12'>12</option>
1624
- <option value='13'>13</option>
1625
- <option value='14'>14</option>
1626
- <option value='15'>15</option>
1627
- <option value='16'>16</option>
1628
- <option value='17'>17</option>
1629
- <option value='18'>18</option>
1630
- <option selected='selected' value='19'>19</option>
1631
- <option value='20'>20</option>
1632
- <option value='21'>21</option>
1633
- <option value='22'>22</option>
1634
- <option value='23'>23</option>
1635
- <option value='24'>24</option>
1636
- <option value='25'>25</option>
1637
- <option value='26'>26</option>
1638
- <option value='27'>27</option>
1639
- <option value='28'>28</option>
1640
- <option value='29'>29</option>
1641
- <option value='30'>30</option>
1642
- <option value='31'>31</option>
1643
- </select>
1644
- </div>
1645
- </div>
1646
- <div class='description'>Sed feugiat velit sed magna aliquam accumsan.</div>
1647
- </div>
1648
- <div class='form-item form-type-file form-item-files-file'>
1649
- <label for='edit-file'>File</label>
1650
- <input class='form-file' id='edit-file' name='files[file]' size='60' type='file'>
1651
- <div class='description'>Sed feugiat velit sed magna aliquam accumsan.</div>
1652
- </input>
1653
- </div>
1654
- <div id='edit-managed-file-ajax-wrapper'>
1655
- <div class='form-item form-type-managed-file form-item-managed-file'>
1656
- <label for='edit-managed-file'>Managed file</label>
1657
- <div class='form-managed-file'>
1658
- <input class='form-file' id='edit-managed-file-upload' name='files[managed_file]' size='22' type='file'>
1659
- <input class='form-submit ajax-processed' id='edit-managed-file-upload-button' name='managed_file_upload_button' type='submit' value='Upload'>
1660
- <input name='managed_file[fid]' type='hidden' value='0' />
1661
- </input>
1662
- </input>
1663
- </div>
1664
- <div class='description'>Morbi congue nulla vel tortor aliquet imperdiet.</div>
1665
- </div>
1666
- </div>
1667
- <div class='form-item form-type-password form-item-password'>
1668
- <label for='edit-password'>Password</label>
1669
- <input class='form-text' id='edit-password' maxlength='128' name='password' size='60' type='password'>
1670
- <div class='description'>Sed vitae velit ut dolor varius semper at id lectus.</div>
1671
- </input>
1672
- </div>
1673
- <div class='form-item form-type-password-confirm form-item-password-confirm'>
1674
- <label for='edit-password-confirm'>Password confirm</label>
1675
- <div class='form-item form-type-password form-item-password-confirm-pass1 password-parent'>
1676
- <div class='password-strength'>
1677
- <div aria-live='assertive' class='password-strength-text'></div>
1678
- <div class='password-strength-title'>Password strength:</div>
1679
- <div class='password-indicator'>
1680
- <div class='indicator'></div>
1681
- </div>
1682
- </div>
1683
- <label for='edit-password-confirm-pass1'>Password</label>
1684
- <input class='password-field form-text password-processed' id='edit-password-confirm-pass1' maxlength='128' name='password_confirm[pass1]' size='60' type='password' />
1685
- </div>
1686
- <div class='form-item form-type-password form-item-password-confirm-pass2 confirm-parent'>
1687
- <div class='password-confirm'>
1688
- Passwords match:
1689
- <span></span>
1690
- </div>
1691
- <label for='edit-password-confirm-pass2'>Confirm password</label>
1692
- <input class='password-confirm form-text' id='edit-password-confirm-pass2' maxlength='128' name='password_confirm[pass2]' size='60' type='password' />
1693
- </div>
1694
- <div class='password-suggestions description' style='display: none; '></div>
1695
- </div>
1696
- <div class='form-item form-type-select form-item-weight'>
1697
- <label for='edit-weight'>Weight</label>
1698
- <select class='form-select' id='edit-weight' name='weight'>
1699
- <option value='-10'>-10</option>
1700
- <option value='-9'>-9</option>
1701
- <option value='-8'>-8</option>
1702
- <option value='-7'>-7</option>
1703
- <option value='-6'>-6</option>
1704
- <option value='-5'>-5</option>
1705
- <option value='-4'>-4</option>
1706
- <option value='-3'>-3</option>
1707
- <option value='-2'>-2</option>
1708
- <option value='-1'>-1</option>
1709
- <option selected='selected' value='0'>0</option>
1710
- <option value='1'>1</option>
1711
- <option value='2'>2</option>
1712
- <option value='3'>3</option>
1713
- <option value='4'>4</option>
1714
- <option value='5'>5</option>
1715
- <option value='6'>6</option>
1716
- <option value='7'>7</option>
1717
- <option value='8'>8</option>
1718
- <option value='9'>9</option>
1719
- <option value='10'>10</option>
1720
- </select>
1721
- <div class='description'>Phasellus blandit ullamcorper diam vel porta.</div>
1722
- </div>
1723
- <input name='form_build_id' type='hidden' value='form-x-0vcWL95UYhYJdScM5FciQVI2fEZT78IOFQaqNkpFE'>
1724
- <input name='form_token' type='hidden' value='JgHDsNA3K2wOnE1ML25JvEfxbCUwElNU2YFSdWy0Ivk'>
1725
- <input name='form_id' type='hidden' value='styleguide_form' />
1726
- </input>
1218
+ <div class='form-item form-type-checkbox form-item-checkboxes-fieldset-collapsible-dictum'>
1219
+ <input class='form-checkbox' id='edit-checkboxes-fieldset-collapsible-dictum' name='checkboxes-fieldset-collapsible[dictum]' type='checkbox' value='dictum'>
1220
+ <label class='option' for='edit-checkboxes-fieldset-collapsible-dictum'>dictum</label>
1727
1221
  </input>
1728
1222
  </div>
1729
- </form>
1730
- </div>
1731
- </article>
1732
- <article class='element' id='form-new-account'>
1733
- <h2 class='element-title'>New User Form</h2>
1734
- <div class='markup'>
1735
- <div class='block block-system' id='block-system-main'>
1736
- <div class='content'>
1737
- <form accept-charset='UTF-8' action='/user/register' class='user-info-from-cookie' enctype='multipart/form-data' id='user-register-form' method='post'>
1738
- <div>
1739
- <div class='form-item form-type-textfield form-item-name'>
1740
- <label for='edit-name'>
1741
- Username
1742
- <span class='form-required' title='This field is required.'>*</span>
1743
- </label>
1744
- <input class='username form-text required' id='edit-name' maxlength='60' name='name' size='60' type='text' value=''>
1745
- <div class='description'>Spaces are allowed; punctuation is not allowed except for periods, hyphens, apostrophes, and underscores.</div>
1746
- </input>
1747
- </div>
1748
- <div class='form-item form-type-emailfield form-item-mail'>
1749
- <label for='edit-mail'>
1750
- E-mail address
1751
- <span class='form-required' title='This field is required.'>*</span>
1752
- </label>
1753
- <input class='form-text form-email required' id='edit-mail' maxlength='254' name='mail' size='60' type='email' value=''>
1754
- <div class='description'>A valid e-mail address. All e-mails from the system will be sent to this address. The e-mail address is not made public and will only be used if you wish to receive a new password or wish to receive certain news or notifications by e-mail.</div>
1755
- </input>
1756
- </div>
1757
- <input name='timezone' type='hidden' value='America/New_York'>
1758
- <input name='form_build_id' type='hidden' value='form-5ZOqvNO7BiBFYWgXdre26qBbXM5YuyRLfOsdc1Kx9KU'>
1759
- <input name='form_id' type='hidden' value='user_register_form'>
1760
- <div class='form-actions form-wrapper' id='edit-actions'>
1761
- <input class='form-submit' id='edit-submit' name='op' type='submit' value='Create new account' />
1762
- </div>
1763
- </input>
1764
- </input>
1765
- </input>
1766
- </div>
1767
- </form>
1223
+ <div class='form-item form-type-checkbox form-item-checkboxes-fieldset-collapsible-nunc'>
1224
+ <input class='form-checkbox' id='edit-checkboxes-fieldset-collapsible-nunc' name='checkboxes-fieldset-collapsible[nunc]' type='checkbox' value='nunc'>
1225
+ <label class='option' for='edit-checkboxes-fieldset-collapsible-nunc'>nunc</label>
1226
+ </input>
1227
+ </div>
1228
+ <div class='form-item form-type-checkbox form-item-checkboxes-fieldset-collapsible-lacus'>
1229
+ <input class='form-checkbox' id='edit-checkboxes-fieldset-collapsible-lacus' name='checkboxes-fieldset-collapsible[lacus]' type='checkbox' value='lacus'>
1230
+ <label class='option' for='edit-checkboxes-fieldset-collapsible-lacus'>lacus</label>
1231
+ </input>
1232
+ </div>
1233
+ <div class='form-item form-type-checkbox form-item-checkboxes-fieldset-collapsible-urna'>
1234
+ <input class='form-checkbox' id='edit-checkboxes-fieldset-collapsible-urna' name='checkboxes-fieldset-collapsible[urna]' type='checkbox' value='urna'>
1235
+ <label class='option' for='edit-checkboxes-fieldset-collapsible-urna'>urna</label>
1236
+ </input>
1768
1237
  </div>
1769
1238
  </div>
1239
+ <div class='description'>Vestibulum sit amet massa est.</div>
1770
1240
  </div>
1771
- </article>
1772
- <article class='element' id='form-login'>
1773
- <h2 class='element-title'>Log In Form</h2>
1774
- <div class='markup'>
1775
- <div class='block block-system' id='block-system-main'>
1776
- <div class='content'>
1777
- <form accept-charset='UTF-8' action='/user' id='user-login' method='post'>
1778
- <div>
1779
- <div class='form-item form-type-textfield form-item-name'>
1780
- <label for='edit-name'>
1781
- Username
1782
- <span class='form-required' title='This field is required.'>*</span>
1783
- </label>
1784
- <input class='form-text required' id='edit-name' maxlength='60' name='name' size='60' type='text' value=''>
1785
- <div class='description'>Enter your d7 username.</div>
1786
- </input>
1787
- </div>
1788
- <div class='form-item form-type-password form-item-pass'>
1789
- <label for='edit-pass'>
1790
- Password
1791
- <span class='form-required' title='This field is required.'>*</span>
1792
- </label>
1793
- <input class='form-text required' id='edit-pass' maxlength='128' name='pass' size='60' type='password' value=''>
1794
- <div class='description'>Enter the password that accompanies your username.</div>
1795
- </input>
1796
- </div>
1797
- <input name='form_build_id' type='hidden' value='form-XW71tLWvMNpumkgW-wKMOpDRUN0cPt62fr5Q0M7KNzo'>
1798
- <input name='form_id' type='hidden' value='user_login'>
1799
- <div class='form-actions form-wrapper' id='edit-actions'>
1800
- <input class='form-submit' id='edit-submit' name='op' type='submit' value='Log in' />
1801
- </div>
1802
- </input>
1803
- </input>
1804
- </div>
1805
- </form>
1241
+ </div>
1242
+ </fieldset>
1243
+ <fieldset class='form-wrapper' id='edit-fieldset'>
1244
+ <legend>
1245
+ <span class='fieldset-legend'>Fieldset</span>
1246
+ </legend>
1247
+ <div class='fieldset-wrapper'>
1248
+ <div class='fieldset-description'>Phasellus blandit ullamcorper diam vel porta.</div>
1249
+ <div class='form-item form-type-select form-item-select-fieldset'>
1250
+ <label for='edit-select-fieldset'>Select</label>
1251
+ <select class='form-select' id='edit-select-fieldset' name='select-fieldset'>
1252
+ <option value='velit'>velit</option>
1253
+ <option value='dictum'>dictum</option>
1254
+ <option value='nunc'>nunc</option>
1255
+ <option value='lacus'>lacus</option>
1256
+ <option value='urna'>urna</option>
1257
+ </select>
1258
+ <div class='description'>Pellentesque ac dictum ante.</div>
1259
+ </div>
1260
+ <div class='form-item form-type-checkboxes form-item-checkboxes-fieldset'>
1261
+ <label for='edit-checkboxes-fieldset'>Checkboxes</label>
1262
+ <div class='form-checkboxes' id='edit-checkboxes-fieldset'>
1263
+ <div class='form-item form-type-checkbox form-item-checkboxes-fieldset-velit'>
1264
+ <input class='form-checkbox' id='edit-checkboxes-fieldset-velit' name='checkboxes-fieldset[velit]' type='checkbox' value='velit'>
1265
+ <label class='option' for='edit-checkboxes-fieldset-velit'>velit</label>
1266
+ </input>
1267
+ </div>
1268
+ <div class='form-item form-type-checkbox form-item-checkboxes-fieldset-dictum'>
1269
+ <input class='form-checkbox' id='edit-checkboxes-fieldset-dictum' name='checkboxes-fieldset[dictum]' type='checkbox' value='dictum'>
1270
+ <label class='option' for='edit-checkboxes-fieldset-dictum'>dictum</label>
1271
+ </input>
1272
+ </div>
1273
+ <div class='form-item form-type-checkbox form-item-checkboxes-fieldset-nunc'>
1274
+ <input class='form-checkbox' id='edit-checkboxes-fieldset-nunc' name='checkboxes-fieldset[nunc]' type='checkbox' value='nunc'>
1275
+ <label class='option' for='edit-checkboxes-fieldset-nunc'>nunc</label>
1276
+ </input>
1277
+ </div>
1278
+ <div class='form-item form-type-checkbox form-item-checkboxes-fieldset-lacus'>
1279
+ <input class='form-checkbox' id='edit-checkboxes-fieldset-lacus' name='checkboxes-fieldset[lacus]' type='checkbox' value='lacus'>
1280
+ <label class='option' for='edit-checkboxes-fieldset-lacus'>lacus</label>
1281
+ </input>
1806
1282
  </div>
1283
+ <div class='form-item form-type-checkbox form-item-checkboxes-fieldset-urna'>
1284
+ <input class='form-checkbox' id='edit-checkboxes-fieldset-urna' name='checkboxes-fieldset[urna]' type='checkbox' value='urna'>
1285
+ <label class='option' for='edit-checkboxes-fieldset-urna'>urna</label>
1286
+ </input>
1287
+ </div>
1288
+ </div>
1289
+ <div class='description'>Vestibulum sit amet massa est.</div>
1290
+ </div>
1291
+ </div>
1292
+ </fieldset>
1293
+ <input name='form_build_id' type='hidden' value='form-gi6SpKK3VOnnH-PGQIoE7IoT2c03RBzHEdVeGo8rv3o'>
1294
+ <input name='form_token' type='hidden' value='JgHDsNA3K2wOnE1ML25JvEfxbCUwElNU2YFSdWy0Ivk'>
1295
+ <input name='form_id' type='hidden' value='styleguide_form' />
1296
+ </input>
1297
+ </input>
1298
+ </div>
1299
+ </form>
1300
+ </div>
1301
+ </div>
1302
+ <div class='element' id='form-vertical-tabs'>
1303
+ <h2 class='element-title'>form, Vertical Tabs</h2>
1304
+ <div class='markup'>
1305
+ <form accept-charset='UTF-8' action='' enctype='multipart/form-data' id='styleguide-form' method='post'>
1306
+ <div>
1307
+ <div class='form-item form-type-select form-item-select'>
1308
+ <label for='edit-select'>Select</label>
1309
+ <select class='form-select' id='edit-select' name='select'>
1310
+ <option value='eget'>eget</option>
1311
+ <option value='venenatis'>venenatis</option>
1312
+ <option value='aliquam'>aliquam</option>
1313
+ <option value='consequat'>consequat</option>
1314
+ <option value='dignissim'>dignissim</option>
1315
+ </select>
1316
+ <div class='description'>Duis orci nunc, lacinia in malesuada et, euismod id turpis.</div>
1317
+ </div>
1318
+ <div class='form-item form-type-checkbox form-item-checkbox'>
1319
+ <input checked='checked' class='form-checkbox' id='edit-checkbox' name='checkbox' type='checkbox' value='1'>
1320
+ <label class='option' for='edit-checkbox'>Checkbox</label>
1321
+ <div class='description'>Fusce dignissim tempor elementum.</div>
1322
+ </input>
1323
+ </div>
1324
+ <div class='form-item form-type-checkboxes form-item-checkboxes'>
1325
+ <label for='edit-checkboxes'>Checkboxes</label>
1326
+ <div class='form-checkboxes' id='edit-checkboxes'>
1327
+ <div class='form-item form-type-checkbox form-item-checkboxes-eget'>
1328
+ <input class='form-checkbox' id='edit-checkboxes-eget' name='checkboxes[eget]' type='checkbox' value='eget'>
1329
+ <label class='option' for='edit-checkboxes-eget'>eget</label>
1330
+ </input>
1331
+ </div>
1332
+ <div class='form-item form-type-checkbox form-item-checkboxes-venenatis'>
1333
+ <input class='form-checkbox' id='edit-checkboxes-venenatis' name='checkboxes[venenatis]' type='checkbox' value='venenatis'>
1334
+ <label class='option' for='edit-checkboxes-venenatis'>venenatis</label>
1335
+ </input>
1336
+ </div>
1337
+ <div class='form-item form-type-checkbox form-item-checkboxes-aliquam'>
1338
+ <input class='form-checkbox' id='edit-checkboxes-aliquam' name='checkboxes[aliquam]' type='checkbox' value='aliquam'>
1339
+ <label class='option' for='edit-checkboxes-aliquam'>aliquam</label>
1340
+ </input>
1341
+ </div>
1342
+ <div class='form-item form-type-checkbox form-item-checkboxes-consequat'>
1343
+ <input class='form-checkbox' id='edit-checkboxes-consequat' name='checkboxes[consequat]' type='checkbox' value='consequat'>
1344
+ <label class='option' for='edit-checkboxes-consequat'>consequat</label>
1345
+ </input>
1346
+ </div>
1347
+ <div class='form-item form-type-checkbox form-item-checkboxes-dignissim'>
1348
+ <input class='form-checkbox' id='edit-checkboxes-dignissim' name='checkboxes[dignissim]' type='checkbox' value='dignissim'>
1349
+ <label class='option' for='edit-checkboxes-dignissim'>dignissim</label>
1350
+ </input>
1351
+ </div>
1352
+ </div>
1353
+ <div class='description'>Phasellus ac eleifend magna.</div>
1354
+ </div>
1355
+ <div class='form-item form-type-radios form-item-radios'>
1356
+ <label for='edit-radios'>Radios</label>
1357
+ <div class='form-radios' id='edit-radios'>
1358
+ <div class='form-item form-type-radio form-item-radios'>
1359
+ <input class='form-radio' id='edit-radios-eget' name='radios' type='radio' value='eget'>
1360
+ <label class='option' for='edit-radios-eget'>eget</label>
1361
+ </input>
1362
+ </div>
1363
+ <div class='form-item form-type-radio form-item-radios'>
1364
+ <input class='form-radio' id='edit-radios-venenatis' name='radios' type='radio' value='venenatis'>
1365
+ <label class='option' for='edit-radios-venenatis'>venenatis</label>
1366
+ </input>
1367
+ </div>
1368
+ <div class='form-item form-type-radio form-item-radios'>
1369
+ <input class='form-radio' id='edit-radios-aliquam' name='radios' type='radio' value='aliquam'>
1370
+ <label class='option' for='edit-radios-aliquam'>aliquam</label>
1371
+ </input>
1372
+ </div>
1373
+ <div class='form-item form-type-radio form-item-radios'>
1374
+ <input class='form-radio' id='edit-radios-consequat' name='radios' type='radio' value='consequat'>
1375
+ <label class='option' for='edit-radios-consequat'>consequat</label>
1376
+ </input>
1377
+ </div>
1378
+ <div class='form-item form-type-radio form-item-radios'>
1379
+ <input class='form-radio' id='edit-radios-dignissim' name='radios' type='radio' value='dignissim'>
1380
+ <label class='option' for='edit-radios-dignissim'>dignissim</label>
1381
+ </input>
1382
+ </div>
1383
+ </div>
1384
+ <div class='description'>Suspendisse lectus erat, commodo nec fringilla quis, interdum non leo.</div>
1385
+ </div>
1386
+ <div class='form-item form-type-textfield form-item-textfield'>
1387
+ <label for='edit-textfield'>Textfield</label>
1388
+ <input class='form-text' id='edit-textfield' maxlength='128' name='textfield' size='60' type='text' value='euismod'>
1389
+ <div class='description'>Vestibulum ut ligula dolor, in placerat tortor.</div>
1390
+ </input>
1391
+ </div>
1392
+ <div class='form-item form-type-textfield form-item-autocomplete' role='application'>
1393
+ <label for='edit-autocomplete'>Autocomplete textfield</label>
1394
+ <input aria-autocomplete='list' autocomplete='OFF' class='form-text form-autocomplete' id='edit-autocomplete' maxlength='128' name='autocomplete' size='60' type='text' value='nunc'>
1395
+ <input class='autocomplete autocomplete-processed' disabled='disabled' id='edit-autocomplete-autocomplete' type='hidden' value='http://roadside.local/user/autocomplete'>
1396
+ <div class='description'>Nam auctor dui a neque iaculis in aliquam erat viverra.</div>
1397
+ <span aria-live='assertive' class='element-invisible' id='edit-autocomplete-autocomplete-aria-live'></span>
1398
+ </input>
1399
+ </input>
1400
+ </div>
1401
+ <div class='form-item form-type-textfield form-item-textfield-machine'>
1402
+ <label for='edit-textfield-machine'>Textfield, with machine name</label>
1403
+ <input class='form-text machine-name-source' id='edit-textfield-machine' maxlength='128' name='textfield-machine' size='60' type='text' value='velit convallis consectetur'>
1404
+ <span class='field-suffix'>
1405
+ <small id='edit-textfield-machine-machine-name-suffix'>
1406
+ <span class='machine-name-label'>Machine name:</span>
1407
+ <span class='machine-name-value'>velit_convallis_consectetur</span>
1408
+ <span class='admin-link'>
1409
+ <a href='#'>Edit</a>
1410
+ </span>
1411
+ </small>
1412
+ </span>
1413
+ <div class='description'>Aenean sit amet tellus sit amet ante congue faucibus.</div>
1414
+ </input>
1415
+ </div>
1416
+ <div class='form-item form-type-machine-name form-item-machine-name' style='display: none; '>
1417
+ <label for='edit-machine-name'>
1418
+ Machine name
1419
+ <span class='form-required' title='This field is required.'>*</span>
1420
+ </label>
1421
+ <input class='form-text required machine-name-target' id='edit-machine-name' maxlength='64' name='machine_name' size='60' type='text' value=''>
1422
+ <div class='description'>Morbi congue nulla vel tortor aliquet imperdiet.</div>
1423
+ </input>
1424
+ </div>
1425
+ <div class='form-item form-type-textarea form-item-textarea'>
1426
+ <label for='edit-textarea'>Textarea</label>
1427
+ <div class='form-textarea-wrapper resizable textarea-processed resizable-textarea'>
1428
+ <textarea class='form-textarea' cols='60' id='edit-textarea' name='textarea' rows='5'><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam iaculis, velit gravida convallis tincidunt, felis enim venenatis lorem, nec lobortis nisl urna et mi. Pellentesque ac dictum ante. Fusce dignissim tempor elementum. Ut dignissim convallis eros, viverra luctus lacus consequat ac. Sed feugiat velit sed magna aliquam accumsan. Nam vitae porta tortor. Nam auctor dui a neque iaculis in aliquam erat viverra. Duis orci nunc, lacinia in malesuada et, euismod id turpis. Cras mattis vulputate erat, eget tempor magna egestas eu. Vestibulum sit amet massa est.</p><p>Vivamus pretium placerat lorem, in tempor massa convallis sit amet. Aliquam sed quam eget ligula luctus aliquam sed vitae nulla. Aliquam dui dolor, ullamcorper eget rutrum ut, hendrerit ac lorem. Donec magna est, sollicitudin vel ultrices vel, mattis ut odio. Integer vel felis laoreet purus sollicitudin varius sed id ipsum. Suspendisse potenti. Praesent ut justo vitae metus luctus vehicula a et purus. Suspendisse potenti. Sed viverra, quam non hendrerit laoreet, massa odio blandit arcu, ac molestie metus diam eu tortor. Donec erat arcu, ultrices sit amet placerat non, feugiat in arcu. Mauris eros quam, varius eget volutpat vel, tristique sed est. In faucibus feugiat urna sit amet elementum. Integer consequat rhoncus libero, in molestie augue posuere et. Phasellus ac eleifend magna. Proin vulputate dui ac justo pharetra consequat. In vel iaculis ligula.</p><p>Cras vestibulum lacus sit amet sem commodo ullamcorper aliquet eros vestibulum. Sed fermentum nulla quis risus suscipit dapibus. Sed vitae velit ut dolor varius semper at id lectus. Aenean quis leo sit amet tellus tempus cursus. Vivamus semper vehicula ante eget semper. In ac ipsum erat. Suspendisse lectus erat, commodo nec fringilla quis, interdum non leo. Vivamus et lectus vitae risus porta sollicitudin luctus eget est. Etiam quis elit vel est suscipit tristique. Nullam fringilla purus ac velit gravida ullamcorper. Praesent porttitor ante non lacus suscipit porta. Nunc fermentum sem et metus aliquam ultricies non sollicitudin nibh. Vestibulum ut ligula dolor, in placerat tortor. Sed nec lacus sed nibh iaculis luctus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur rutrum, diam vel tempor commodo, augue nunc viverra risus, in pellentesque neque justo eget dolor. Maecenas quis odio leo, a auctor lorem.</p><p>Curabitur dapibus odio quis enim hendrerit eu placerat lorem accumsan. Phasellus sagittis, orci vel laoreet molestie, urna orci imperdiet elit, quis ultricies orci mauris vel ante. Cras pharetra, nisl a sagittis feugiat, turpis magna placerat sem, sed euismod erat elit in magna. Phasellus blandit ullamcorper diam vel porta. Vivamus mollis, metus nec tincidunt venenatis, risus odio sodales risus, vitae ultrices est nisi eget ante. Aenean eget nisi mi. Nulla non nulla nec metus rhoncus congue. Curabitur quis nunc nibh. Cras metus lorem, euismod ornare mattis sagittis, ultrices eget turpis. Integer quis dui tellus. Morbi vel dolor sit amet metus eleifend fringilla. Fusce nunc neque, ultricies et commodo semper, dignissim vitae tortor. Phasellus et ipsum quis sapien accumsan auctor. Morbi congue nulla vel tortor aliquet imperdiet. Morbi eget odio elit, et cursus odio. Quisque a velit diam. Duis urna libero, tempus non mattis a, convallis ac erat. Etiam vel dui posuere lectus auctor viverra vitae id eros. Maecenas mollis eros non elit sollicitudin quis fermentum diam lacinia. Quisque at ante nibh, a molestie ligula.</p><p>Sed et enim nunc, nec vehicula sem. Sed risus orci, auctor et dictum at, hendrerit eu augue. Curabitur sed ante non quam fermentum vehicula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam tincidunt dictum molestie. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Phasellus nec urna ut lorem tempus aliquet eget nec lectus. Phasellus quis venenatis tortor. Integer elementum, sapien at feugiat cursus, tortor sapien adipiscing massa, non molestie elit lacus vel velit. Suspendisse sit amet sem id libero auctor pharetra sit amet ut dui. Aenean sit amet tellus sit amet ante congue faucibus. Nullam hendrerit, justo et iaculis tristique, ligula risus pretium erat, sed tempus lacus felis ut nulla.</p></textarea>
1429
+ <div class='grippie'></div>
1430
+ </div>
1431
+ <div class='description'>Sed risus orci, auctor et dictum at, hendrerit eu augue.</div>
1432
+ </div>
1433
+ <div class='form-item form-type-date form-item-date'>
1434
+ <label for='edit-date'>Date</label>
1435
+ <div class='container-inline'>
1436
+ <div class='form-item form-type-select form-item-date-year'>
1437
+ <label class='element-invisible' for='edit-date-year'>Year</label>
1438
+ <select class='form-select' id='edit-date-year' name='date[year]'>
1439
+ <option value='1900'>1900</option>
1440
+ <option value='1901'>1901</option>
1441
+ <option value='1902'>1902</option>
1442
+ <option value='1903'>1903</option>
1443
+ <option value='1904'>1904</option>
1444
+ <option value='1905'>1905</option>
1445
+ <option value='1906'>1906</option>
1446
+ <option value='1907'>1907</option>
1447
+ <option value='1908'>1908</option>
1448
+ <option value='1909'>1909</option>
1449
+ <option value='1910'>1910</option>
1450
+ <option value='1911'>1911</option>
1451
+ <option value='1912'>1912</option>
1452
+ <option value='1913'>1913</option>
1453
+ <option value='1914'>1914</option>
1454
+ <option value='1915'>1915</option>
1455
+ <option value='1916'>1916</option>
1456
+ <option value='1917'>1917</option>
1457
+ <option value='1918'>1918</option>
1458
+ <option value='1919'>1919</option>
1459
+ <option value='1920'>1920</option>
1460
+ <option value='1921'>1921</option>
1461
+ <option value='1922'>1922</option>
1462
+ <option value='1923'>1923</option>
1463
+ <option value='1924'>1924</option>
1464
+ <option value='1925'>1925</option>
1465
+ <option value='1926'>1926</option>
1466
+ <option value='1927'>1927</option>
1467
+ <option value='1928'>1928</option>
1468
+ <option value='1929'>1929</option>
1469
+ <option value='1930'>1930</option>
1470
+ <option value='1931'>1931</option>
1471
+ <option value='1932'>1932</option>
1472
+ <option value='1933'>1933</option>
1473
+ <option value='1934'>1934</option>
1474
+ <option value='1935'>1935</option>
1475
+ <option value='1936'>1936</option>
1476
+ <option value='1937'>1937</option>
1477
+ <option value='1938'>1938</option>
1478
+ <option value='1939'>1939</option>
1479
+ <option value='1940'>1940</option>
1480
+ <option value='1941'>1941</option>
1481
+ <option value='1942'>1942</option>
1482
+ <option value='1943'>1943</option>
1483
+ <option value='1944'>1944</option>
1484
+ <option value='1945'>1945</option>
1485
+ <option value='1946'>1946</option>
1486
+ <option value='1947'>1947</option>
1487
+ <option value='1948'>1948</option>
1488
+ <option value='1949'>1949</option>
1489
+ <option value='1950'>1950</option>
1490
+ <option value='1951'>1951</option>
1491
+ <option value='1952'>1952</option>
1492
+ <option value='1953'>1953</option>
1493
+ <option value='1954'>1954</option>
1494
+ <option value='1955'>1955</option>
1495
+ <option value='1956'>1956</option>
1496
+ <option value='1957'>1957</option>
1497
+ <option value='1958'>1958</option>
1498
+ <option value='1959'>1959</option>
1499
+ <option value='1960'>1960</option>
1500
+ <option value='1961'>1961</option>
1501
+ <option value='1962'>1962</option>
1502
+ <option value='1963'>1963</option>
1503
+ <option value='1964'>1964</option>
1504
+ <option value='1965'>1965</option>
1505
+ <option value='1966'>1966</option>
1506
+ <option value='1967'>1967</option>
1507
+ <option value='1968'>1968</option>
1508
+ <option value='1969'>1969</option>
1509
+ <option value='1970'>1970</option>
1510
+ <option value='1971'>1971</option>
1511
+ <option value='1972'>1972</option>
1512
+ <option value='1973'>1973</option>
1513
+ <option value='1974'>1974</option>
1514
+ <option value='1975'>1975</option>
1515
+ <option value='1976'>1976</option>
1516
+ <option value='1977'>1977</option>
1517
+ <option value='1978'>1978</option>
1518
+ <option value='1979'>1979</option>
1519
+ <option value='1980'>1980</option>
1520
+ <option value='1981'>1981</option>
1521
+ <option value='1982'>1982</option>
1522
+ <option value='1983'>1983</option>
1523
+ <option value='1984'>1984</option>
1524
+ <option value='1985'>1985</option>
1525
+ <option value='1986'>1986</option>
1526
+ <option value='1987'>1987</option>
1527
+ <option value='1988'>1988</option>
1528
+ <option value='1989'>1989</option>
1529
+ <option value='1990'>1990</option>
1530
+ <option value='1991'>1991</option>
1531
+ <option value='1992'>1992</option>
1532
+ <option value='1993'>1993</option>
1533
+ <option value='1994'>1994</option>
1534
+ <option value='1995'>1995</option>
1535
+ <option value='1996'>1996</option>
1536
+ <option value='1997'>1997</option>
1537
+ <option value='1998'>1998</option>
1538
+ <option value='1999'>1999</option>
1539
+ <option value='2000'>2000</option>
1540
+ <option value='2001'>2001</option>
1541
+ <option value='2002'>2002</option>
1542
+ <option value='2003'>2003</option>
1543
+ <option value='2004'>2004</option>
1544
+ <option value='2005'>2005</option>
1545
+ <option value='2006'>2006</option>
1546
+ <option value='2007'>2007</option>
1547
+ <option value='2008'>2008</option>
1548
+ <option value='2009'>2009</option>
1549
+ <option value='2010'>2010</option>
1550
+ <option value='2011'>2011</option>
1551
+ <option selected='selected' value='2012'>2012</option>
1552
+ <option value='2013'>2013</option>
1553
+ <option value='2014'>2014</option>
1554
+ <option value='2015'>2015</option>
1555
+ <option value='2016'>2016</option>
1556
+ <option value='2017'>2017</option>
1557
+ <option value='2018'>2018</option>
1558
+ <option value='2019'>2019</option>
1559
+ <option value='2020'>2020</option>
1560
+ <option value='2021'>2021</option>
1561
+ <option value='2022'>2022</option>
1562
+ <option value='2023'>2023</option>
1563
+ <option value='2024'>2024</option>
1564
+ <option value='2025'>2025</option>
1565
+ <option value='2026'>2026</option>
1566
+ <option value='2027'>2027</option>
1567
+ <option value='2028'>2028</option>
1568
+ <option value='2029'>2029</option>
1569
+ <option value='2030'>2030</option>
1570
+ <option value='2031'>2031</option>
1571
+ <option value='2032'>2032</option>
1572
+ <option value='2033'>2033</option>
1573
+ <option value='2034'>2034</option>
1574
+ <option value='2035'>2035</option>
1575
+ <option value='2036'>2036</option>
1576
+ <option value='2037'>2037</option>
1577
+ <option value='2038'>2038</option>
1578
+ <option value='2039'>2039</option>
1579
+ <option value='2040'>2040</option>
1580
+ <option value='2041'>2041</option>
1581
+ <option value='2042'>2042</option>
1582
+ <option value='2043'>2043</option>
1583
+ <option value='2044'>2044</option>
1584
+ <option value='2045'>2045</option>
1585
+ <option value='2046'>2046</option>
1586
+ <option value='2047'>2047</option>
1587
+ <option value='2048'>2048</option>
1588
+ <option value='2049'>2049</option>
1589
+ <option value='2050'>2050</option>
1590
+ </select>
1591
+ </div>
1592
+ <div class='form-item form-type-select form-item-date-month'>
1593
+ <label class='element-invisible' for='edit-date-month'>Month</label>
1594
+ <select class='form-select' id='edit-date-month' name='date[month]'>
1595
+ <option selected='selected' value='1'>Jan</option>
1596
+ <option value='2'>Feb</option>
1597
+ <option value='3'>Mar</option>
1598
+ <option value='4'>Apr</option>
1599
+ <option value='5'>May</option>
1600
+ <option value='6'>Jun</option>
1601
+ <option value='7'>Jul</option>
1602
+ <option value='8'>Aug</option>
1603
+ <option value='9'>Sep</option>
1604
+ <option value='10'>Oct</option>
1605
+ <option value='11'>Nov</option>
1606
+ <option value='12'>Dec</option>
1607
+ </select>
1608
+ </div>
1609
+ <div class='form-item form-type-select form-item-date-day'>
1610
+ <label class='element-invisible' for='edit-date-day'>Day</label>
1611
+ <select class='form-select' id='edit-date-day' name='date[day]'>
1612
+ <option value='1'>1</option>
1613
+ <option value='2'>2</option>
1614
+ <option value='3'>3</option>
1615
+ <option value='4'>4</option>
1616
+ <option value='5'>5</option>
1617
+ <option value='6'>6</option>
1618
+ <option value='7'>7</option>
1619
+ <option value='8'>8</option>
1620
+ <option value='9'>9</option>
1621
+ <option value='10'>10</option>
1622
+ <option value='11'>11</option>
1623
+ <option value='12'>12</option>
1624
+ <option value='13'>13</option>
1625
+ <option value='14'>14</option>
1626
+ <option value='15'>15</option>
1627
+ <option value='16'>16</option>
1628
+ <option value='17'>17</option>
1629
+ <option value='18'>18</option>
1630
+ <option selected='selected' value='19'>19</option>
1631
+ <option value='20'>20</option>
1632
+ <option value='21'>21</option>
1633
+ <option value='22'>22</option>
1634
+ <option value='23'>23</option>
1635
+ <option value='24'>24</option>
1636
+ <option value='25'>25</option>
1637
+ <option value='26'>26</option>
1638
+ <option value='27'>27</option>
1639
+ <option value='28'>28</option>
1640
+ <option value='29'>29</option>
1641
+ <option value='30'>30</option>
1642
+ <option value='31'>31</option>
1643
+ </select>
1644
+ </div>
1645
+ </div>
1646
+ <div class='description'>Sed feugiat velit sed magna aliquam accumsan.</div>
1647
+ </div>
1648
+ <div class='form-item form-type-file form-item-files-file'>
1649
+ <label for='edit-file'>File</label>
1650
+ <input class='form-file' id='edit-file' name='files[file]' size='60' type='file'>
1651
+ <div class='description'>Sed feugiat velit sed magna aliquam accumsan.</div>
1652
+ </input>
1653
+ </div>
1654
+ <div id='edit-managed-file-ajax-wrapper'>
1655
+ <div class='form-item form-type-managed-file form-item-managed-file'>
1656
+ <label for='edit-managed-file'>Managed file</label>
1657
+ <div class='form-managed-file'>
1658
+ <input class='form-file' id='edit-managed-file-upload' name='files[managed_file]' size='22' type='file'>
1659
+ <input class='form-submit ajax-processed' id='edit-managed-file-upload-button' name='managed_file_upload_button' type='submit' value='Upload'>
1660
+ <input name='managed_file[fid]' type='hidden' value='0' />
1661
+ </input>
1662
+ </input>
1663
+ </div>
1664
+ <div class='description'>Morbi congue nulla vel tortor aliquet imperdiet.</div>
1665
+ </div>
1666
+ </div>
1667
+ <div class='form-item form-type-password form-item-password'>
1668
+ <label for='edit-password'>Password</label>
1669
+ <input class='form-text' id='edit-password' maxlength='128' name='password' size='60' type='password'>
1670
+ <div class='description'>Sed vitae velit ut dolor varius semper at id lectus.</div>
1671
+ </input>
1672
+ </div>
1673
+ <div class='form-item form-type-password-confirm form-item-password-confirm'>
1674
+ <label for='edit-password-confirm'>Password confirm</label>
1675
+ <div class='form-item form-type-password form-item-password-confirm-pass1 password-parent'>
1676
+ <div class='password-strength'>
1677
+ <div aria-live='assertive' class='password-strength-text'></div>
1678
+ <div class='password-strength-title'>Password strength:</div>
1679
+ <div class='password-indicator'>
1680
+ <div class='indicator'></div>
1807
1681
  </div>
1808
1682
  </div>
1809
- </article>
1810
- <article class='element' id='form-new-password'>
1811
- <h2 class='element-title'>New Password Form</h2>
1812
- <div class='markup'>
1813
- <div class='block block-system' id='block-system-main'>
1814
- <div class='content'>
1815
- <form accept-charset='UTF-8' action='/user/password' id='user-pass' method='post'>
1816
- <div>
1817
- <div class='form-item form-type-textfield form-item-name'>
1818
- <label for='edit-name'>
1819
- Username or e-mail address
1820
- <span class='form-required' title='This field is required.'>*</span>
1821
- </label>
1822
- <input class='form-text required' id='edit-name' maxlength='254' name='name' size='60' type='text' value='' />
1823
- </div>
1824
- <input name='form_build_id' type='hidden' value='form-P9tzA7PRYI8Y3TxPo9aBfFXR3hVb38lqzMLrZE1O9VE'>
1825
- <input name='form_id' type='hidden' value='user_pass'>
1826
- <div class='form-actions form-wrapper' id='edit-actions'>
1827
- <input class='form-submit' id='edit-submit' name='op' type='submit' value='E-mail new password' />
1828
- </div>
1829
- </input>
1830
- </input>
1683
+ <label for='edit-password-confirm-pass1'>Password</label>
1684
+ <input class='password-field form-text password-processed' id='edit-password-confirm-pass1' maxlength='128' name='password_confirm[pass1]' size='60' type='password' />
1685
+ </div>
1686
+ <div class='form-item form-type-password form-item-password-confirm-pass2 confirm-parent'>
1687
+ <div class='password-confirm'>
1688
+ Passwords match:
1689
+ <span></span>
1690
+ </div>
1691
+ <label for='edit-password-confirm-pass2'>Confirm password</label>
1692
+ <input class='password-confirm form-text' id='edit-password-confirm-pass2' maxlength='128' name='password_confirm[pass2]' size='60' type='password' />
1693
+ </div>
1694
+ <div class='password-suggestions description' style='display: none; '></div>
1695
+ </div>
1696
+ <div class='form-item form-type-select form-item-weight'>
1697
+ <label for='edit-weight'>Weight</label>
1698
+ <select class='form-select' id='edit-weight' name='weight'>
1699
+ <option value='-10'>-10</option>
1700
+ <option value='-9'>-9</option>
1701
+ <option value='-8'>-8</option>
1702
+ <option value='-7'>-7</option>
1703
+ <option value='-6'>-6</option>
1704
+ <option value='-5'>-5</option>
1705
+ <option value='-4'>-4</option>
1706
+ <option value='-3'>-3</option>
1707
+ <option value='-2'>-2</option>
1708
+ <option value='-1'>-1</option>
1709
+ <option selected='selected' value='0'>0</option>
1710
+ <option value='1'>1</option>
1711
+ <option value='2'>2</option>
1712
+ <option value='3'>3</option>
1713
+ <option value='4'>4</option>
1714
+ <option value='5'>5</option>
1715
+ <option value='6'>6</option>
1716
+ <option value='7'>7</option>
1717
+ <option value='8'>8</option>
1718
+ <option value='9'>9</option>
1719
+ <option value='10'>10</option>
1720
+ </select>
1721
+ <div class='description'>Phasellus blandit ullamcorper diam vel porta.</div>
1722
+ </div>
1723
+ <input name='form_build_id' type='hidden' value='form-x-0vcWL95UYhYJdScM5FciQVI2fEZT78IOFQaqNkpFE'>
1724
+ <input name='form_token' type='hidden' value='JgHDsNA3K2wOnE1ML25JvEfxbCUwElNU2YFSdWy0Ivk'>
1725
+ <input name='form_id' type='hidden' value='styleguide_form' />
1726
+ </input>
1727
+ </input>
1728
+ </div>
1729
+ </form>
1730
+ </div>
1731
+ </div>
1732
+ <div class='element' id='form-new-account'>
1733
+ <h2 class='element-title'>New User Form</h2>
1734
+ <div class='markup'>
1735
+ <div class='block block-system' id='block-system-main'>
1736
+ <div class='content'>
1737
+ <form accept-charset='UTF-8' action='/user/register' class='user-info-from-cookie' enctype='multipart/form-data' id='user-register-form' method='post'>
1738
+ <div>
1739
+ <div class='form-item form-type-textfield form-item-name'>
1740
+ <label for='edit-name'>
1741
+ Username
1742
+ <span class='form-required' title='This field is required.'>*</span>
1743
+ </label>
1744
+ <input class='username form-text required' id='edit-name' maxlength='60' name='name' size='60' type='text' value=''>
1745
+ <div class='description'>Spaces are allowed; punctuation is not allowed except for periods, hyphens, apostrophes, and underscores.</div>
1746
+ </input>
1747
+ </div>
1748
+ <div class='form-item form-type-emailfield form-item-mail'>
1749
+ <label for='edit-mail'>
1750
+ E-mail address
1751
+ <span class='form-required' title='This field is required.'>*</span>
1752
+ </label>
1753
+ <input class='form-text form-email required' id='edit-mail' maxlength='254' name='mail' size='60' type='email' value=''>
1754
+ <div class='description'>A valid e-mail address. All e-mails from the system will be sent to this address. The e-mail address is not made public and will only be used if you wish to receive a new password or wish to receive certain news or notifications by e-mail.</div>
1755
+ </input>
1756
+ </div>
1757
+ <input name='timezone' type='hidden' value='America/New_York'>
1758
+ <input name='form_build_id' type='hidden' value='form-5ZOqvNO7BiBFYWgXdre26qBbXM5YuyRLfOsdc1Kx9KU'>
1759
+ <input name='form_id' type='hidden' value='user_register_form'>
1760
+ <div class='form-actions form-wrapper' id='edit-actions'>
1761
+ <input class='form-submit' id='edit-submit' name='op' type='submit' value='Create new account' />
1831
1762
  </div>
1832
- </form>
1833
- </div>
1763
+ </input>
1764
+ </input>
1765
+ </input>
1766
+ </div>
1767
+ </form>
1768
+ </div>
1769
+ </div>
1770
+ </div>
1771
+ </div>
1772
+ <div class='element' id='form-login'>
1773
+ <h2 class='element-title'>Log In Form</h2>
1774
+ <div class='markup'>
1775
+ <div class='block block-system' id='block-system-main'>
1776
+ <div class='content'>
1777
+ <form accept-charset='UTF-8' action='/user' id='user-login' method='post'>
1778
+ <div>
1779
+ <div class='form-item form-type-textfield form-item-name'>
1780
+ <label for='edit-name'>
1781
+ Username
1782
+ <span class='form-required' title='This field is required.'>*</span>
1783
+ </label>
1784
+ <input class='form-text required' id='edit-name' maxlength='60' name='name' size='60' type='text' value=''>
1785
+ <div class='description'>Enter your d7 username.</div>
1786
+ </input>
1787
+ </div>
1788
+ <div class='form-item form-type-password form-item-pass'>
1789
+ <label for='edit-pass'>
1790
+ Password
1791
+ <span class='form-required' title='This field is required.'>*</span>
1792
+ </label>
1793
+ <input class='form-text required' id='edit-pass' maxlength='128' name='pass' size='60' type='password' value=''>
1794
+ <div class='description'>Enter the password that accompanies your username.</div>
1795
+ </input>
1796
+ </div>
1797
+ <input name='form_build_id' type='hidden' value='form-XW71tLWvMNpumkgW-wKMOpDRUN0cPt62fr5Q0M7KNzo'>
1798
+ <input name='form_id' type='hidden' value='user_login'>
1799
+ <div class='form-actions form-wrapper' id='edit-actions'>
1800
+ <input class='form-submit' id='edit-submit' name='op' type='submit' value='Log in' />
1801
+ </div>
1802
+ </input>
1803
+ </input>
1804
+ </div>
1805
+ </form>
1806
+ </div>
1807
+ </div>
1808
+ </div>
1809
+ </div>
1810
+ <div class='element' id='form-new-password'>
1811
+ <h2 class='element-title'>New Password Form</h2>
1812
+ <div class='markup'>
1813
+ <div class='block block-system' id='block-system-main'>
1814
+ <div class='content'>
1815
+ <form accept-charset='UTF-8' action='/user/password' id='user-pass' method='post'>
1816
+ <div>
1817
+ <div class='form-item form-type-textfield form-item-name'>
1818
+ <label for='edit-name'>
1819
+ Username or e-mail address
1820
+ <span class='form-required' title='This field is required.'>*</span>
1821
+ </label>
1822
+ <input class='form-text required' id='edit-name' maxlength='254' name='name' size='60' type='text' value='' />
1834
1823
  </div>
1824
+ <input name='form_build_id' type='hidden' value='form-P9tzA7PRYI8Y3TxPo9aBfFXR3hVb38lqzMLrZE1O9VE'>
1825
+ <input name='form_id' type='hidden' value='user_pass'>
1826
+ <div class='form-actions form-wrapper' id='edit-actions'>
1827
+ <input class='form-submit' id='edit-submit' name='op' type='submit' value='E-mail new password' />
1828
+ </div>
1829
+ </input>
1830
+ </input>
1835
1831
  </div>
1836
- </article>
1837
- </section>
1832
+ </form>
1833
+ </div>
1834
+ </div>
1835
+ </div>
1836
+ </div>
1837
+ </section>
1838
1838
  </div>
1839
1839
  <footer></footer>
1840
1840
  </div>