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