Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse code

Converted hacktionary-data to requirejs i18n bundles.

For more information on i18n bundles, see:

http://requirejs.org/docs/api.html#i18n
  • Loading branch information...
commit d5336065f287dcfb59e894399760b98606440883 1 parent c2a8529
Atul Varma authored December 03, 2012
371  js/fc/hacktionary-data.js
... ...
@@ -1,371 +0,0 @@
1  
-"use strict";
2  
-
3  
-// Data here is ultimately scraped from MDN:
4  
-// https://github.com/toolness/hacktionary
5  
-define(function() { return {
6  
-  "short-element-descriptions": {
7  
-    "a": "anchor or hyperlink",
8  
-    "abbr": "abbreviation",
9  
-    "area": "image-map hyperlink",
10  
-    "article": "independent article",
11  
-    "aside": "tangential content",
12  
-    "audio": "embedded audio stream",
13  
-    "b": "bold",
14  
-    "base": "base URL",
15  
-    "bdi": "bi-directional text formatting",
16  
-    "bdo": "bi-directional override",
17  
-    "bgsound": "background sound",
18  
-    "blockquote": "block quotation",
19  
-    "body": "document body",
20  
-    "br": "line break",
21  
-    "button": "interactive button",
22  
-    "canvas": "dynamic graphics drawing area",
23  
-    "caption": "table caption",
24  
-    "cite": "work title",
25  
-    "code": "code fragment",
26  
-    "col": "table column",
27  
-    "colgroup": "table column group",
28  
-    "command": "user action control",
29  
-    "datalist": "list of predefined options",
30  
-    "dd": "definition description",
31  
-    "del": "deleted text",
32  
-    "details": "on-demand control",
33  
-    "dfn": "definition",
34  
-    "div": "document division",
35  
-    "dl": "definition list",
36  
-    "dt": "definition term",
37  
-    "em": "emphasis",
38  
-    "fieldset": "set of form controls",
39  
-    "figcaption": "figure caption",
40  
-    "form": "user-submittable form",
41  
-    "h1": "heading",
42  
-    "h2": "heading",
43  
-    "h3": "heading",
44  
-    "h4": "heading",
45  
-    "h5": "heading",
46  
-    "h6": "heading",
47  
-    "head": "document metadata container",
48  
-    "hgroup": "heading group",
49  
-    "hr": "horizontal rule",
50  
-    "html": "document root",
51  
-    "i": "italics",
52  
-    "iframe": "inline frame",
53  
-    "img": "image",
54  
-    "input": "input form control",
55  
-    "ins": "inserted text",
56  
-    "kbd": "keyboard input",
57  
-    "keygen": "key-pair generator",
58  
-    "label": "form control label",
59  
-    "legend": "field set legend",
60  
-    "li": "list item",
61  
-    "link": "metadata for inter-document relationships",
62  
-    "map": "image map",
63  
-    "mark": "marked text",
64  
-    "menu": "list of commands",
65  
-    "meta": "metadata",
66  
-    "meter": "scalar gauge",
67  
-    "nav": "navigation",
68  
-    "nobr": "no breaks",
69  
-    "noscript": "script fallback content",
70  
-    "object": "embedded object",
71  
-    "ol": "ordered list",
72  
-    "optgroup": "option grouping",
73  
-    "option": "option item",
74  
-    "output": "calculated result",
75  
-    "p": "paragraph",
76  
-    "param": "object parameter",
77  
-    "pre": "preformatted text",
78  
-    "progress": "progress indicator",
79  
-    "q": "quotation",
80  
-    "samp": "sample text",
81  
-    "script": "embedded script",
82  
-    "section": "document outline section",
83  
-    "select": "selection list",
84  
-    "small": "small text",
85  
-    "source": "embedded media source",
86  
-    "spacer": "layout space",
87  
-    "span": "text span",
88  
-    "strong": "strong emphasis",
89  
-    "style": "CSS style sheet",
90  
-    "sub": "subscript",
91  
-    "summary": "summary of details",
92  
-    "sup": "superscript",
93  
-    "table": "tabular data",
94  
-    "tbody": "table body",
95  
-    "td": "table data cell",
96  
-    "textarea": "multi-line text input",
97  
-    "tfoot": "table footer",
98  
-    "th": "table header cell",
99  
-    "thead": "table header",
100  
-    "time": "date or time",
101  
-    "title": "document title",
102  
-    "tr": "table row",
103  
-    "tt": "teletype text",
104  
-    "u": "underline",
105  
-    "ul": "unordered list",
106  
-    "var": "variable",
107  
-    "video": "embedded video stream",
108  
-    "wbr": "word break opportunity"
109  
-  },
110  
-  "css-property-docs": {
111  
-    "animation": "The <code>animation</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property is a shorthand property for <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/animation-name\">animation-name</a></code>\n, <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/animation-duration\">animation-duration</a></code>\n, <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/animation-timing-function\">animation-timing-function</a></code>\n, <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/animation-delay\">animation-delay</a></code>\n, <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/animation-iteration-count\">animation-iteration-count</a></code>\n and <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/animation-direction\">animation-direction</a></code>\n.",
112  
-    "animation-delay": "The <code>animation-delay</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property specifies when the animation should start. This lets the animation sequence begin some time after it's applied to an element.",
113  
-    "animation-direction": "The <code>animation-direction</code> CSS property indicates whether the animation should play in reverse on alternate cycles.",
114  
-    "animation-duration": "The <code>animation-duration</code> CSS property specifies the length of time that an animation should take to complete one cycle.",
115  
-    "animation-iteration-count": "The <code>animation-iteration-count</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property defines the number of times an animation cycle should be played before stopping.",
116  
-    "animation-name": "The <code>animation-name</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property specifies a list of animations that should be applied to the selected element. Each name indicates a <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/@keyframes\">@keyframes</a></code>\n at-rule that defines the property values for the animation sequence.",
117  
-    "animation-play-state": "The <code>animation-play-state</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property determines whether an animation is running or paused. You can query this property's value to determine whether or not the animation is currently running; in addition, you can set its value to pause and resume playback of an animation.",
118  
-    "animation-timing-function": "The <code>animation-timing-function</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property specifies how a CSS animation should progress over the duration of each cycle. The possible values are one or several <span class=\"lang lang-en\"><code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/timing-function\">&lt;timing-function&gt;</a></code>\n </span>.",
119  
-    "azimuth": "In combination with<code> elevation</code>, <code>azimuth</code> enables different audio sources to be positioned spatially for aural presentation. This is important in that it provides a natural way to tell several voices apart, as each can be positioned to originate at a different location on the sound stage. Stereo output produce a lateral sound stage, while binaural headphones and multi-speaker setups allow for a fully three-dimensional stage.",
120  
-    "backface-visibility": "The <code>backface-visibility</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property determines whether or not the back face of the element is visible when facing the user. The back face of an element always is a transparent background, letting, when visible, a mirror image of the front face be displayed.",
121  
-    "background": "The<code> background </code>CSS property is a shorthand for setting the individual background values in a single place in the style sheet.<code> background </code>can be used to set the values for one or more of: <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/background-color\">background-color</a></code>\n, <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/background-image\">background-image</a></code>\n, <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/background-position\">background-position</a></code>\n, <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/background-repeat\">background-repeat</a></code>\n, <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/background-size\">background-size</a></code>\n, and <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/background-attachment\">background-attachment</a></code>\n.",
122  
-    "background-attachment": "If a <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/background-image\">background-image</a></code>\n is specified, the <code>background-attachment</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property determines whether that image's position is fixed within the viewport, or scrolls along with its containing block.",
123  
-    "background-clip": "The<code> background-clip </code>CSS property specifies whether an element's background, either the color or image, extends underneath its border.",
124  
-    "background-color": "The <code>background-color</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property sets the background color of an element, either through a color value or the keyword <code>transparent</code>.",
125  
-    "background-image": "The<code> background-image </code>CSS property sets the background images for an element. The images are drawn on successive stacking context layers, with the first specified being drawn as if it is the closest to the user. The <a title=\"border\" rel=\"internal\" href=\"https://developer.mozilla.org/cn/CSS/border\">borders</a> of the element are then drawn on top of them, and the <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/background-color\">background-color</a></code>\n is drawn beneath them.",
126  
-    "background-origin": "The<code> background-origin </code>CSS property determines the background positioning area, that is the position of the origin of an image specified using the <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/background-image\">background-image</a></code>\n CSS property.",
127  
-    "background-position": "The<code> background-position </code>CSS property sets the initial position, relative to the background position layer defined by <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/background-origin\">background-origin</a></code>\n for each defined background image.",
128  
-    "background-repeat": "The <code>background-repeat</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property defines how background images are repeated. A background image can be repeated along the horizontal axis, the vertical axis, both, or not repeated at all. When the repetition of the image tiles doesn't let them exactly cover the background, the way adjustments are done can be controlled by the author: by default, the last image is clipped, but the different tiles can instead be re-sized, or space can be inserted between the tiles.",
129  
-    "background-size": "The<code> background-size </code>CSS property specifies the size of the background images.",
130  
-    "bleed": "This property specifies the extent of the page bleed area outside the page box. This property only has effect if crop marks are enabled.",
131  
-    "border": "The <code>border</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property is a shorthand property for setting the individual border property values in a single place in the style sheet. <code>border</code> can be used to set the values for one or more of: <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/border-width\">border-width</a></code>\n, <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/border-style\">border-style</a></code>\n, <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/border-color\">border-color</a></code>\n.",
132  
-    "border-bottom": "The <code>border-bottom</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property is a shorthand that sets the values of <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/border-bottom-color\">border-bottom-color</a></code>\n, <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/border-bottom-style\">border-bottom-style</a></code>\n, and <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/border-bottom-width\">border-bottom-width</a></code>\n. These properties describe the bottom border of elements.",
133  
-    "border-bottom-color": "The<code> border-bottom-color </code>CSS property sets the color of the bottom border of an element. Note that in many cases the shorthand CSS properties&nbsp; <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/border-color\">border-color</a></code>\n or <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/border-bottom\">border-bottom</a></code>\n are more convenient and preferable.",
134  
-    "border-bottom-left-radius": "The <code>border-bottom-left-radius</code> CSS property sets the rounding of the bottom-left corner of the element. The rounding can be a circle or an ellipse, or if one of the value is <code>0</code> no rounding is done and the corner is square.",
135  
-    "border-bottom-right-radius": "The <code>border-bottom-right-radius</code> CSS property sets the rounding of the bottom-right corner of the element. The rounding can be a circle or an ellipse, or if one of the value is <code>0</code> no rounding is done and the corner is square.",
136  
-    "border-bottom-style": "The <code>border-bottom-style</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property sets the line style of the bottom border of a box.",
137  
-    "border-bottom-width": "The <code>border-bottom-width</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property sets the width of the bottom border of a box.",
138  
-    "border-collapse": "The<code> border-collapse </code>CSS property selects a table's border model. This has a big influence on the look and style of the table cells.",
139  
-    "border-color": "The<code> border-color </code>CSS property is a shorthand for setting the color of the four sides of an element's border: <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/border-top-color\">border-top-color</a></code>\n, <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/border-right-color\">border-right-color</a></code>\n, <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/border-bottom-color\">border-bottom-color</a></code>\n, <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/border-left-color\">border-left-color</a></code>\n",
140  
-    "border-image": "The<code> border-image </code>CSS property allows drawing an image on the borders of elements. This makes drawing complex looking widgets much simpler than it has been and removes the need for nine boxes in some cases.",
141  
-    "border-image-outset": "The <code>border-image-outset </code>property describes, by which amount <dfn id=\"border-image-area\">border image area</dfn> extends beyond the border box.",
142  
-    "border-image-repeat": "The <code>border-image-repeat</code> CSS property defines how the middle part of a border image is handled to match the size of the border. It has a one-value syntax which describes the behavior for all sides, and a two-value syntax that sets a different value for the horizontal and vertical behavior.",
143  
-    "border-image-source": "The <code>border-image-source</code> CSS property defines the <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/image\">&lt;image&gt;</a></code>\n to use instead of the style of the border. If this property is set to <code>none</code>, the style defined by <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/border-style\">border-style</a></code>\n is used instead.",
144  
-    "border-image-width": "The <code>border-image-width</code> CSS property defines the offset to use for dividing the border image in nine parts, the top-left corner, central top edge, top-right-corner, central right edge, bottom-right corner, central bottom edge, bottom-left corner, and central right edge. They represent inward distance from the top, right, bottom and right edges.",
145  
-    "border-left": "The <code>border-left</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property is a shorthand that sets the values of <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/border-left-color\">border-left-color</a></code>\n, <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/border-left-style\">border-left-style</a></code>\n, and <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/border-left-width\">border-left-width</a></code>\n. These properties describe the left border of elements.",
146  
-    "border-left-color": "The<code> border-left-color </code>CSS property sets the color of the bottom border of an element. Note that in many cases the shorthand CSS properties&nbsp; <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/border-color\">border-color</a></code>\n or <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/border-left\">border-left</a></code>\n are more convenient and preferable.",
147  
-    "border-left-style": "The <code>border-left-style</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property sets the line style of the left border of a box.",
148  
-    "border-left-width": "The <code>border-left-width</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property sets the width of the left border of a box.",
149  
-    "border-radius": "The <code>border-radius</code> CSS property allows Web authors to define how rounded border corners are. The curve of each corner is defined using one or two radii, defining its shape: circle or ellipse.",
150  
-    "border-right": "The <code>border-right</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property is a shorthand that sets the values of <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/border-right-color\">border-right-color</a></code>\n, <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/border-right-style\">border-right-style</a></code>\n, and <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/border-right-width\">border-right-width</a></code>\n. These properties describe the right border of elements.",
151  
-    "border-right-color": "The<code> border-right-color </code>CSS property sets the color of the bottom border of an element. Note that in many cases the shorthand CSS properties&nbsp; <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/border-color\">border-color</a></code>\n or <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/border-right\">border-right</a></code>\n are more convenient and preferable.",
152  
-    "border-right-style": "The <code>border-right-style</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property sets the line style of the right border of a box.",
153  
-    "border-right-width": "The <code>border-right-width</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property sets the width of the right border of a box.",
154  
-    "border-spacing": "The <code>border-spacing</code> CSS property specifies the distance between the borders of adjacent cells (only for the <a title=\"en/CSS/border-collapse\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS/border-collapse\">separated borders model</a>). This is equivalent to the <code>cellspacing</code> attribute in presentational HTML, but an optional second value can be used to set different horizontal and vertical spacing.",
155  
-    "border-style": "The <code>border-style</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property is a shorthand property for setting the line style for all four sides of the elements border.",
156  
-    "border-top": "The <code>border-top</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property is a shorthand that sets the values of <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/border-top-color\">border-top-color</a></code>\n, <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/border-top-style\">border-top-style</a></code>\n, and <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/border-top-width\">border-top-width</a></code>\n. These properties describe the top border of elements.",
157  
-    "border-top-color": "The<code> border-top-color </code>CSS property sets the color of the top border of an element. Note that in many cases the shorthand CSS properties&nbsp; <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/border-color\">border-color</a></code>\n or <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/border-top\">border-top</a></code>\n are more convenient and preferable.",
158  
-    "border-top-left-radius": "The <code>border-top-left-radius</code> CSS property sets the rounding of the top-left corner of the element. The rounding can be a circle or an ellipse, or if one of the value is <code>0</code> no rounding is done and the corner is square.",
159  
-    "border-top-right-radius": "The <code>border-top-right-radius</code> CSS property sets the rounding of the top-right corner of the element. The rounding can be a circle or an ellipse, or if one of the value is <code>0</code> no rounding is done and the corner is square.",
160  
-    "border-top-style": "The <code>border-top-style</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property sets the line style of the top border of a box.",
161  
-    "border-top-width": "The <code>border-top-width</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property sets the width of the top border of a box.",
162  
-    "border-width": "The<code> border-width </code>CSS property sets the width of the border of a box. Using the shorthand property <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/border\">border</a></code>\n is often more convenient.",
163  
-    "bottom": "The <code>bottom</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property participates in specifying the position of <em>positioned elements</em>.",
164  
-    "box-shadow": "The <code>box-shadow</code> CSS property accepts one or more shadow effects as a comma-separated list. It allows casting a drop shadow from the frame of almost any element. If a <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/border-radius\">border-radius</a></code>\n is specified on the element with a box shadow, the box shadow takes on the same rounded corners. The z-ordering of multiple box shadows is the same as multiple <a title=\"text-shadow\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS/text-shadow\">text shadows</a> (the first specified shadow is on top).",
165  
-    "box-sizing": "The<code> box-sizing </code>CSS property is used to alter the default CSS box model used to calculate widths and heights of elements. It is possible to use this property to emulate the behavior of browsers that do not correctly support the CSS box model specification.",
166  
-    "caption-side": "The <code>caption-side</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property positions the content of a table's <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/caption\">&lt;caption&gt;</a></code>\n on the specified side.",
167  
-    "clear": "The <code>clear</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property specifies whether an element can be next to <a title=\"en/CSS/float\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS/float\">floating</a> elements that precede it or must be moved down (cleared) below them.",
168  
-    "clip": "The <code>clip</code> CSS property defines what portion of an element is visible. The <code>clip</code> property applies only to elements with <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/position\">position:absolute</a></code>\n.",
169  
-    "color": "The <code>color</code> CSS property sets the foreground color of an element's text content",
170  
-    "column-count": "The <code>column-count </code>CSS property describes the number of columns of the element.",
171  
-    "column-fill": "The <code>column-fill</code> CSS property controls how contents are partitioned into columns. Contents are either balanced, which means that contents in all columns will have the same height or, when using <code>auto</code>, just take up the room the content needs.",
172  
-    "column-gap": "The <code>column-gap</code> CSS property sets the size of the gap between columns for elements which are specified to display as a multi-column element.",
173  
-    "column-rule": "In multi-column layouts, the <code>column-rule</code> CSS property specifies a straight line, or \"rule\", to be drawn between each column. It is a convenient shorthand to avoid setting each of the individual <code>column-rule-*</code> properties separately : <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/column-rule-width\">column-rule-width</a></code>\n, <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/column-rule-style\">column-rule-style</a></code>\n and <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/column-rule-color\">column-rule-color</a></code>\n.",
174  
-    "column-rule-color": "The<code> column-rule-color </code>CSS property lets you set the color of the rule drawn between columns in multi-column layouts.",
175  
-    "column-rule-style": "The<code> column-rule-style </code>CSS property lets you set the style of the rule drawn between columns in multi-column layouts.",
176  
-    "column-rule-width": "The<code> column-rule-width </code>CSS property lets you set the width of the rule drawn between columns in multi-column layouts.",
177  
-    "column-span": "The <code>column-span</code> CSS property makes it possible for an element to span across all columns when its value is set to <code>all</code>. An element that spans more than one column is called a <strong>spanning element</strong>.",
178  
-    "column-width": "The <code>column-width</code> CSS property suggests an optimal column width. This is not a absolute value but a mere hint. Browser will adjust the width of the column around that suggested value, allowing to achieve scalable designs that fit different screen size. Especially in presence of the <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/column-count\">column-count</a></code>\n CSS property which has precedence, to set an exact column width, all length values must be specified. In horizontal text these are <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/width\">width</a></code>\n, <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/column-width\">column-width</a></code>\n, <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/column-gap\">column-gap</a></code>\n, and <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/column-rule-width\">column-rule-width</a></code>\n.",
179  
-    "columns": "The <code>columns</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property is a shorthand property allowing to set both the <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/column-width\">column-width</a></code>\n and the <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/column-count\">column-count</a></code>\n properties at the same time.",
180  
-    "content": "The<code> content </code>CSS property is used with the <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/%3Abefore\">:before</a></code>\n and <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/%3Aafter\">:after</a></code>\n pseudo-elements to generate content in an element.",
181  
-    "counter-increment": "The <code>counter-increment</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property is used to increase the value of <a title=\"en/CSS_Counters\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS_Counters\">CSS Counters</a> by a given value. The counter's value can be reset using the <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/counter-reset\">counter-reset</a></code>\n CSS property.",
182  
-    "counter-reset": "The <code>counter-reset</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property is used to reset <a title=\"en/CSS_Counters\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS_Counters\">CSS Counters</a> to a given value.",
183  
-    "cursor": "The<code> cursor </code>CSS property specifies the mouse cursor displayed when the mouse pointer is over an element.",
184  
-    "direction": "The <code>direction</code> CSS property should be set to match the direction of the text: <code>rtl</code> for Hebrew or Arabic text and <code>ltr</code> for other scripts. This should normally be done as part of the document (e.g., using the <code>dir</code> attribute in HTML) rather than through direct use of CSS.",
185  
-    "display": "The <code>display</code> CSS property specifies the type of rendering box used for an element. In HTML, default <code>display</code> property values are taken from behaviors described in the HTML specifications or from the browser/user default stylesheet. The default value in XML is <code>inline</code>.",
186  
-    "empty-cells": "The <code>empty-cells </code>CSS property specifies how user agent should render borders and backgrounds around cells that have no visible content.",
187  
-    "float": "The <code>float</code> CSS property specifies that an element should be taken from the normal flow and placed along the left or right side of its container, where text and inline elements will wrap around it.",
188  
-    "font": "The <code>font</code> CSS property is either a shorthand property for setting <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/font-style\">font-style</a></code>\n, <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/font-variant\">font-variant</a></code>\n, <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/font-weight\">font-weight</a></code>\n, <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/font-size\">font-size</a></code>\n, <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/line-height\">line-height</a></code>\n and <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/font-family\">font-family</a></code>\n, or a way to set the element's font to a system font, using specific keywords.",
189  
-    "font-family": "The<code> font-family </code>CSS property allows for a prioritized list of font family names and/or generic family names to be specified for the selected element. Unlike most other CSS properties, values are separated by a comma to indicate that they are alternatives. The browser will select the first font on the list that is installed on the computer, or that can be downloaded using the information provided by a <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/@font-face\">@font-face</a></code>\n at-rule.",
190  
-    "font-size": "The <code>font-size</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property specifies the size of the font. The font size may, in turn, change the size of other items, since it is used to compute the value of <code>em</code> and <code>ex</code> length units.",
191  
-    "font-size-adjust": "The<code> font-size-adjust </code>CSS property specifies that font size should be chosen based on the height of lowercase letters rather than the height of capital letters.",
192  
-    "font-stretch": "The<code> font-stretch </code>CSS property selects a normal, condensed, or extended face from a font family.",
193  
-    "font-style": "The<code> font-style </code>CSS property allows<code> italic </code>or<code> oblique </code>faces to be selected within a <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/font-family\">font-family</a></code>\n.<br> ",
194  
-    "font-variant": "The<code> font-variant </code>CSS property selects a<code> normal</code>, or<code> small-caps </code>face from a font family. Setting<code> font-variant </code>is also possible by using the <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/font\">font</a></code>\n shorthand.",
195  
-    "font-weight": "The <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/font-weight\">font-weight</a></code>\n <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property specifies the weight or boldness of the font. However, some fonts are not available in all weights; some are available only on <code>normal</code> and <code>bold</code>.",
196  
-    "height": "The<code> height </code>CSS property specifies the height of the content area of an element. The <a title=\"en/CSS/Box_model#content\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS/box_model#content\">content area</a> is <em>inside</em> the padding, border, and margin of the element.",
197  
-    "hyphens": "The <code>hyphens</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property tells the browser how to go about splitting words to improve the layout of text when line-wrapping.",
198  
-    "image-rendering": "The <code>image-rendering</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property provides a hint to the user agent about how to handle its image rendering.<br> <code>image-rendering </code>applies to scaled images (and other elements, see below). For example, if the natural size of the image is<em> 100×100px </em>but the page author specifies the dimensions to <code>200×200px</code> (or<code>50×50px</code>), then the image will be upscaled (or downscaled) to the new dimensions using the specified algorithm. Scaling may also apply due to user interaction (zooming).",
199  
-    "left": "The <code>left</code> CSS property specifies part of the position of positioned elements.",
200  
-    "letter-spacing": "The<code> letter-spacing </code>CSS property specifies spacing behavior between text characters.",
201  
-    "line-height": "On inline elements, the<code> line-height </code>CSS property specifies the height that is used in the calculation of the line box height.<br>\nOn block level elements,<code> line-height </code>specifies the minimal height of line boxes within the element.",
202  
-    "list-style": "The<code> list-style </code>CSS property is a shorthand property for setting <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/list-style-type\">list-style-type</a></code>\n, <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/list-style-image\">list-style-image</a></code>\n and <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/list-style-position\">list-style-position</a></code>\n.",
203  
-    "list-style-image": "The<code> list-style-image </code>CSS property sets the image that will be used as the list item marker. It is often more convenient to use the shortcut <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/list-style\">list-style</a></code>\n.",
204  
-    "list-style-position": "The<code> list-style-position </code>CSS property specifies the position of the marker box in the principal block box. It is often more convenient to use the shortcut <span class=\"lang lang-en\"><code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/list-style\">list-style</a></code>\n</span>.",
205  
-    "list-style-type": "The<code> list-style-type </code>CSS property specifies appearance of a list item element. As it is the only one who defaults to <code>display:list-item</code>, this is usually a <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/li\">&lt;li&gt;</a></code>\n element, but can be any element with this <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/display\">display</a></code>\n value.",
206  
-    "margin": "The<code> margin </code>CSS property sets the margin for all four sides. It is a shorthand to avoid setting each side separately with the other margin properties:<br>\n<code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/margin-top\">margin-top</a></code>\n, <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/margin-right\">margin-right</a></code>\n, <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/margin-bottom\">margin-bottom</a></code>\n and <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/margin-left\">margin-left</a></code>\n.<br>\nNegative value are also allowed.",
207  
-    "margin-bottom": "The <code>margin-bottom</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property of an element sets the margin space required on the bottom of an element. A negative value is also allowed.",
208  
-    "margin-left": "The <code>margin-left</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property of an element sets the margin space required on the left side of an element. A negative value is also allowed.",
209  
-    "margin-right": "The <code>margin-right</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property of an element sets the margin space required on the right side of an element. A negative value is also allowed.",
210  
-    "margin-top": "The<code> margin-top </code>CSS property of an element sets the margin space required on the top of an element. A negative value is also allowed.",
211  
-    "marker-offset": "&nbsp;",
212  
-    "marks": "The <code>marks</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property adds crop and/or cross marks to the presentation of the document. <em>Crop marks</em> indicate where the page should be cut. <em>Cross marks</em> are used to align sheets.",
213  
-    "max-height": "The<code> max-height </code>CSS property is used to set the maximum height of a given element. It prevents the used value of the <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/height\">height</a></code>\n property from becoming larger than the value specified for<code> max-height</code>.",
214  
-    "max-width": "The<code> max-width </code>CSS property is used to set the maximum width of a given element. It prevents the used value of the <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/width\">width</a></code>\n property from becoming larger than the value specified for<code> max-width</code>.",
215  
-    "min-height": "The<code> min-height </code>CSS property is used to set the minimum height of a given element. It prevents the used value of the <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/height\">height</a></code>\n property from becoming smaller than the value specified for<code> min-height</code>.",
216  
-    "min-width": "The<code> min-width </code>CSS property is used to set the minimum width of a given element. It prevents the used value of the <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/width\">width</a></code>\n property from becoming smaller than the value specified for<code> min-width</code>.",
217  
-    "opacity": "The <code>opacity</code> CSS property specifies the transparency of an element, that is, the degree to which the background behind the element is overlaid.",
218  
-    "orphans": "The <code>orphans</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property refers to the <em>minimum</em> number of lines in a block container that must be left at the bottom of the page.&nbsp; This property is normally used to control how page breaks occur.",
219  
-    "outline": "The<code> outline </code>CSS property is a shorthand property for setting one or more of the individual outline properties <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/outline-style\">outline-style</a></code>\n, <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/outline-width\">outline-width</a></code>\n and <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/outline-color\">outline-color</a></code>\n in a single rule. In most cases the use of this shortcut is preferable and more convenient.",
220  
-    "outline-color": "The<code> outline-color </code>CSS property sets the color of the outline of an element. An outline is a line that is drawn around elements, outside the border edge, to make the element stand out.",
221  
-    "outline-offset": "The<code> outline-offset </code>CSS property is used to set space between an <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/outline\">outline</a></code>\n and the edge or border of an element. An outline is a line that is drawn around elements, outside the border edge.",
222  
-    "outline-style": "The<code> outline-style </code>CSS property is used to set the style of the outline of an element. An outline is a line that is drawn around elements, outside the border edge, to make the element stand out.",
223  
-    "outline-width": "The<code> outline-width </code>CSS property is used to set the width of the outline of an element. An outline is a line that is drawn around elements, outside the border edge, to make the element stand out:",
224  
-    "overflow": "The<code> overflow </code>CSS property specifies whether to clip content, render scroll bars or display overflow content of a block-level element.",
225  
-    "overflow-x": "The <code>overflow-x </code><a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property specifies whether to clip content, render a scroll bar or display overflow content of a block-level element, when it overflows at the left and right edges.",
226  
-    "padding": "The<code> padding </code>CSS property sets the required padding space on all sides of an element. The <a title=\"http://developer.mozilla.org/en/CSS/Box_model#padding\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS/Box_model#padding\">padding area</a> is the space between the content of the element and its border. Negative values are not allowed.",
227  
-    "padding-bottom": "The <code>padding-bottom</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property of an element sets the padding space required on the bottom of an element. The <a title=\"http://developer.mozilla.org/en/CSS/Box_model#padding\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS/box_model#padding\">padding area</a> is the space between the content of the element and it's border. A negative value is not allowed.",
228  
-    "padding-left": "The <code>padding-left</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property of an element sets the padding space required on the left side of an element. The <a title=\"http://developer.mozilla.org/en/CSS/Box_model#padding\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS/box_model#padding\">padding area</a> is the space between the content of the element and it's border. A negative value is not allowed.",
229  
-    "padding-right": "The <code>padding-right</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property of an element sets the padding space required on the right side of an element. The <a title=\"http://developer.mozilla.org/en/CSS/Box_model#padding\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS/box_model#padding\">padding area</a> is the space between the content of the element and its border. Negative values are not allowed.",
230  
-    "padding-top": "The <code>padding-top</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property of an element sets the padding space required on the top of an element. The <a title=\"http://developer.mozilla.org/en/CSS/Box_model#padding\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS/box_model#padding\">padding area</a> is the space between the content of the element and it's border. A negative values is not allowed.",
231  
-    "page-break-after": "The <code>page-break-after</code> CSS property adjusts page breaks <em>after</em> the current element.",
232  
-    "page-break-before": "The <code>page-break-before</code> CSS property adjusts page breaks <em>before</em> the current element.",
233  
-    "page-break-inside": "The <code>page-break-inside</code> CSS property adjusts page breaks <em>inside</em> the current element.",
234  
-    "perspective": "The <code>perspective</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property determines the distance between the z=0 plane and the user in order to give to the 3D-positioned element some perspective. Each 3D element that is placed between the z=0 and the user is enlarged, each 3D-element with z&lt;0 is shrinked. How much deformation is defined by the value of this property.",
235  
-    "perspective-origin": "The <code>perspective-origin</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property determines the position the viewer is looking at. It is used as the <em>vanishing point</em> by the <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/perspective\">perspective</a></code>\n property.",
236  
-    "position": "The<code> position </code>CSS property chooses alternative rules for positioning elements, designed to be useful for scripted animation effects.",
237  
-    "quotes": "The <code>quotes</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property indicates how user agents should render quotation marks.",
238  
-    "resize": "The <code>resize</code> CSS property lets you control the resizability of an element.",
239  
-    "right": "The <code>right</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property specifies part of the position of positioned elements.",
240  
-    "tab-size": "The <code>tab-size</code> CSS property is used to customize the width of a tab (<code>U+0009</code>) character.",
241  
-    "table-layout": "The <code>table-layout</code> CSS property defines the algorithm to be used to layout the table cells, rows, and columns.",
242  
-    "text-align": "The<code> text-align </code>CSS property describes how inline content like text is aligned in its parent block element.<code> text-align </code>does not control the alignment of block elements itself, only their inline content.",
243  
-    "text-align-last": "The <code>text-align-last</code> CSS property describes how the last line of a block or a line right before a forced line break is aligned.",
244  
-    "text-decoration": "The<code> text-decoration </code>CSS property is used to set the text formattings <code>underline, overline, line-through</code> and <code>blink</code>.",
245  
-    "text-decoration-color": "The <code>text-decoration-color</code> CSS property sets the color used when drawing underlines, overlines, or strike-throughs specified by <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/text-decoration-line\">text-decoration-line</a></code>\n. This is the preferred way to color these text decorations, rather than using combinations of other HTML&nbsp;elements.",
246  
-    "text-decoration-line": "The <code>text-decoration-line</code> CSS property sets what kind of line decorations are added to an element.",
247  
-    "text-decoration-style": "The <code>text-decoration-style</code> CSS property defines the style of the lines specified by <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/text-decoration-line\">text-decoration-line</a></code>\n. The style applies to all lines, there is no way to define different style for each of the line defined by <code>text-decoration-line</code>.",
248  
-    "text-indent": "The<code> text-indent </code>CSS property specifies how much horizontal space should be left before beginning of the first line of the text content of an element. Horizontal spacing is with respect to the left (or right, for right-to-left layout) edge of the containing block element's box.",
249  
-    "text-shadow": "The<code> text-shadow </code>CSS property adds shadows to text. It accepts a comma-separated list of shadows to be applied to the text and <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/text-decoration\">text-decorations</a></code>\n of the element.",
250  
-    "text-transform": "The <code>text-transform</code> CSS property specifies how to capitalize an element's text. It can be used to make text appear in all-uppercase or all-lowercase, or with each word capitalized.",
251  
-    "top": "The <code>top</code> CSS property specifies part of the position of positioned elements. It has no effect on non-positioned elements.",
252  
-    "transform": "The <code>transform</code> CSS property lets you modify the coordinate space of the CSS visual formatting model. Using it, elements can be translated, rotated, scaled, and skewed according to the values set.",
253  
-    "transform-origin": "The <code>transform-origin</code> CSS property lets you modify the origin for transformations of an element. For example, the transform-origin of the <code>rotate()</code> function is the centre of rotation. (This property is applied by first translating the element by the negated value of the property, then applying the element's transform, then translating by the property value.)",
254  
-    "transform-style": "The <code>transform-style</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property determines if the children of the element are positioned in the 3D-space or are flattened in the plane of the element.",
255  
-    "transition": "The<code> transition </code><a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property is a shorthand property for <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/transition-property\">transition-property</a></code>\n, <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/transition-duration\">transition-duration</a></code>\n, <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/transition-timing-function\">transition-timing-function</a></code>\n, and <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/transition-delay\">transition-delay</a></code>\n.",
256  
-    "transition-delay": "The<code> transition-delay </code><a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property specifies the amount of time to wait between a change being requested to a property that is to be transitioned and the start of the <a title=\"en/CSS/CSS transitions\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS/CSS_transitions\">transition effect</a>.",
257  
-    "transition-duration": "The<code> transition-duration </code><a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property specifies the number of seconds or milliseconds a transition animation should take to complete. By default, the value is 0s, meaning that no animation will occur.",
258  
-    "transition-property": "The <code>transition-property</code> CSS property is used to specify the names of CSS properties to which a <a title=\"en/CSS/CSS transitions\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS/CSS_transitions\">transition effect</a> should be applied.",
259  
-    "transition-timing-function": "The<code> transition-timing-function </code>CSS property is used to describe how the intermediate values of the CSS&nbsp;properties being affected by a <a title=\"en/CSS/CSS transitions\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS/CSS_transitions\">transition effect</a> are calculated. This in essence lets you establish an acceleration curve, so that the speed of the transition can vary over its duration.",
260  
-    "vertical-align": "The <code>vertical-align</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property specifies the vertical alignment of an inline or table-cell element.",
261  
-    "visibility": "The<code> visibility </code>CSS property is used for two things:",
262  
-    "white-space": "The<code> white-space </code>CSS property is used to to describe how whitespace inside the element is handled.",
263  
-    "widows": "where:",
264  
-    "width": "The<code> width </code>CSS property specifies the width of the content area of an element. The <a title=\"en/CSS/box_model#content\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS/box_model#content\">content area</a> is <em>inside</em> the padding, border, and margin of the element.",
265  
-    "word-spacing": "The<code> word-spacing </code>CSS property specifies spacing behavior between tags and words.",
266  
-    "word-wrap": "The <code>word-wrap</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property is used to to specify whether or not the browser is allowed to break lines within words in order to prevent overflow when an otherwise unbreakable string is too long to fit.",
267  
-    "z-index": "The<code> z-index </code>CSS property specifies the z-order of an element and its descendants. When elements overlap, z-order determines which one covers the other. An element with a larger z-index generally covers an element with a lower one."
268  
-  },
269  
-  "html-element-docs": {
270  
-    "a": "The HTML Anchor Element (<code>&lt;a&gt;</code>) defines a hyperlink, the named target destination for a hyperlink, or both.",
271  
-    "abbr": "The HTML&nbsp;Abbreviation Element (<code>&lt;abbr&gt;</code>) represents an abbreviation and optionally provides a full description for it. If present, the <strong>title</strong> attribute must contain this full description and nothing else.",
272  
-    "address": "The HTML Address&nbsp;Element (<code>&lt;address&gt;)</code> may be used by authors to supply contact information for its nearest <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/article\">&lt;article&gt;</a></code>\n or <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/body\">&lt;body&gt;</a></code>\n ancestor; in the later case, it applies to the whole document.",
273  
-    "area": "The HTML <em>Area</em> element (<code>&lt;area&gt;</code>) defines a hot-spot region on an image, and optionally associates it with a hypertext link. This element is used only within a <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/map\">&lt;map&gt;</a></code>\n element.",
274  
-    "article": "The <em>HTML Article Element</em> (<span style=\"font-family: Courier New;\">&lt;article&gt;</span>) represents a self-contained composition in a document, page, application, or site, which is intended to be independently distributable or reusable, e.g., in syndication. This could be a forum post, a magazine or newspaper article, a blog entry, a user-submitted comment, an interactive widget or gadget, or any other independent item of content.",
275  
-    "aside": "The <em>HTML Aside Element</em> (<span style=\"font-family: Courier New;\">&lt;aside&gt;</span>) represents a section of a page that consists of content that is tangentially related to the content around it, which could be considered separate from that content. Such sections are often represented as sidebars or as inserts; they often contains side explanation like a glossary definition, more loosely related stuff like advertisements, the biography of the author, or in web-applications, profile information or related blog links.",
276  
-    "audio": "The <code>audio</code> element is used to embed sound content in an HTML&nbsp;or XHTML document.&nbsp; The <code>audio</code> element was added as part of HTML5.",
277  
-    "b": "The HTML B Element (<code>&lt;b&gt;</code>) represents a span of text stylistically different from normal text, without a conveying any special importance or relevance. It is typically used for keywords in a summary, product names in a review, or other spans of text whose typical presentation would be boldfaced. Another example of its use is to mark the lead sentence of each paragraph of an article.",
278  
-    "base": "The HTML&nbsp;<em>Base</em> element (<code>&lt;base&gt;</code>) specifies the base URL to use for all relative URLs contained within a document.&nbsp;",
279  
-    "bdi": "The <em>HTML Bi-directional Isolation Element</em> (<code>&lt;bdi&gt;</code>) isolates a span of text that might be formatted in a different direction from other text outside it.",
280  
-    "bdo": "The HTML Bidirectional Override Element (<span style=\"font-family: Courier New;\">&lt;bdo&gt;</span>) is used to override the current directionality of text. It causes the directionality of the characters to be ignored in favor of the specified directionality.",
281  
-    "blockquote": "The HTML <em>Block Quotation</em> (<code>&lt;blockquote&gt;</code>) element indicates that the enclosed text is an extended quotation. Usually, this is rendered visually by indentation (see <a title=\"en/HTML/Element/blockquote#Notes\" rel=\"internal\" href=\"https://developer.mozilla.org/en/HTML/Element/blockquote#Notes\">Notes</a> for how to change it). A URL for the source of the quotation may be given using the <strong>cite</strong> attribute, while a text representation of the source can be given using the <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/cite\">&lt;cite&gt;</a></code>\n element.",
282  
-    "body": "The HTML&nbsp;Body (<code>&lt;body&gt;</code>) element represents the main content of an HTML&nbsp;document. There is only one <code>&lt;body&gt;</code> element in a document.",
283  
-    "br": "The HTML&nbsp;<em>Line Break</em> element (<code>&lt;br&gt;</code>) produces a line break in text (carriage-return). It is useful for writing a poem or an address, where the division of lines is significant.&nbsp;",
284  
-    "button": "The <em>button</em> (<span style=\"font-family: Courier New;\">&lt;button&gt;</span>)&nbsp;HTML element represents a clickable button.",
285  
-    "canvas": "The <em>Canvas</em> (<code>&lt;canvas&gt;</code>) HTML element can be used to draw graphics via scripting (usually <a title=\"en/JavaScript\" rel=\"internal\" href=\"https://developer.mozilla.org/en/JavaScript\">JavaScript</a>). For example, it can be used to draw graphs, make photo compositions or even perform animations.",
286  
-    "caption": "The <em>HTML Table Caption Element</em> (<span style=\"font-family: Courier New;\">&lt;caption&gt;</span>) represents the title of a table. Though it is always the first descendant of a <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/table\">&lt;table&gt;</a></code>\n, its styling, using CSS, may place it elsewhere, relative to the table.",
287  
-    "cite": "The HTML&nbsp;Citation Element (<span style=\"font-family: Courier New;\">&lt;cite&gt;</span>) contains the title of a work, such as a book, song, movie, TV&nbsp;show, sculpture, etc.",
288  
-    "code": "The HTML Code Element (<span style=\"font-family: Courier New;\">&lt;code&gt;</span>) represents a fragment of computer code. By default, it is displayed in the browser's default monospace font.",
289  
-    "col": "The <em>HTML Table Column Element</em> (<code>&lt;col&gt;</code>) defines a column within a table and is used for defining common semantic on all common cells. It is generally found within a <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/colgroup\">&lt;colgroup&gt;</a></code>\n element.",
290  
-    "colgroup": "The <em>HTML Table Column Group Element</em> (<span style=\"font-family: Courier New;\">&lt;colgroup&gt;</span>) defines a group of column within a table.",
291  
-    "command": "The <code>command </code>element represents a command which the user can invoke.",
292  
-    "datalist": "The <em>HTML Datalist Element</em> (<span style=\"font-family: Courier New;\">&lt;datalist&gt;</span>) contains a set of <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/option\">&lt;option&gt;</a></code>\n elements that represent the possible options for the value of other controls.",
293  
-    "dd": "The Definition Description Element (<span style=\"font-family: Courier New;\">&lt;dd&gt;</span>) indicates the definition of a term in a definition list (<code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/dl\">&lt;dl&gt;</a></code>\n) element. This element can occur only as a child element of a definition list and it must follow a <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/dt\">&lt;dt&gt;</a></code>\n element.",
294  
-    "del": "The Deleted Text (<code>&lt;del&gt;</code>) HTML&nbsp;element represents a range of text that has been deleted from a document. This element is often (but need not be) rendered with strike-through text.",
295  
-    "details": "The HTML <em>details</em> element (<code>&lt;details&gt;</code>) is used as a disclosure widget from which the user the retrieve additional information.",
296  
-    "dfn": "The Definition (<code>&lt;dfn&gt;</code>)&nbsp;HTML element represents the defining instance of a term.",
297  
-    "div": "The Document Division (&lt;div&gt;) HTML&nbsp;element is generic container for flow content, which does not inherently represent anything. It can be used to group elements for styling purposes (using the <strong>class</strong> or <strong>id</strong> attributes), or because they share attribute values, such as <strong>lang</strong>. It should be used only when no other semantic element (such as <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/article\">&lt;article&gt;</a></code>\n or <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/nav\">&lt;nav&gt;</a></code>\n) is appropriate.",
298  
-    "dl": "The HTML <em>Definition List</em> (<code>&lt;dl&gt;</code>) element encloses a list of pairs of terms and descriptions. A common use for this element is to implement a glossary.",
299  
-    "dt": "The HTML Definition Term Element (<span style=\"font-family: Courier New;\">&lt;dt&gt;</span>) identifies a term in a definition list. This element can occur only as a child element of a <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/dl\">&lt;dl&gt;</a></code>\n. It is usually followed by a <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/dd\">&lt;dd&gt;</a></code>\n element; however, multiple <code>&lt;dt&gt;</code> elements in a row indicate several terms that are all defined by the immediate next <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/dd\">&lt;dd&gt;</a></code>\n element.",
300  
-    "em": "The HTML Emphasis Element (<span style=\"font-family: Courier New;\">&lt;em&gt;</span>) marks text that has stress emphasis. The <code>&lt;em&gt;</code> element can be nested, with each level of nesting indicating a greater degree of emphasis.",
301  
-    "embed": "The <em>HTML&nbsp;Embed Element</em> (<code>&lt;embed&gt;</code>) represents an integration point for an external application or interactive content (in other words, a plug-in).",
302  
-    "fieldset": "The HTML&nbsp;element<em> fieldset </em>(<span style=\"font-family: Courier New;\">&lt;fieldset&gt;</span>) is used to group several controls as well as labels (<code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/label\">&lt;label&gt;</a></code>\n) within a web form.",
303  
-    "figcaption": "The <em>HTML Figcaption Element</em> (<code>&lt;figcaption&gt;</code>) represents a caption or a legend associated with a figure or an illustration described by the rest of the data of the <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/figure\">&lt;figure&gt;</a></code>\n element which is its immediate ancestor which means <code>&lt;figcaption&gt;</code> can be the first or last element inside a <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/figure\">&lt;figure&gt;</a></code>\n block.&nbsp;Also, the <em>HTML Figcaption Element&nbsp;</em>is optional; if not provided, then the parent figure element will have no caption.",
304  
-    "figure": "The <em>HTML Figure Element&nbsp;</em>(<span style=\"font-family: Courier New;\">&lt;figure&gt;</span>) represents self-contained content, frequently with a caption&nbsp;(<code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/figcaption\">&lt;figcaption&gt;</a></code>\n)<em><code>,</code></em> and is&nbsp;typically referenced as a single unit. While it is related to the main flow, its position is independent of the main flow. Usually this is an image, an illustration, a diagram, a code snippet, or a schema that is referenced in the main text, but that can be moved to another page or to an appendix without affecting the main flow.",
305  
-    "footer": "The <em>HTML Footer Element</em> (<span style=\"font-family: Courier New;\">&lt;footer&gt;</span>) represents a footer for its nearest sectioning content or <a title=\"en/Sections and Outlines of an HTML5 document#sectioning root\" rel=\"internal\" href=\"https://developer.mozilla.org/en/Sections_and_Outlines_of_an_HTML5_document#sectioning_root\">sectioning root</a> element (i.e, its nearest parent <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/article\">&lt;article&gt;</a></code>\n, <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/aside\">&lt;aside&gt;</a></code>\n, <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/nav\">&lt;nav&gt;</a></code>\n, <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/section\">&lt;section&gt;</a></code>\n, <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/blockquote\">&lt;blockquote&gt;</a></code>\n, <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/body\">&lt;body&gt;</a></code>\n, <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/details\">&lt;details&gt;</a></code>\n, <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/fieldset\">&lt;fieldset&gt;</a></code>\n, <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/figure\">&lt;figure&gt;</a></code>\n, <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/td\">&lt;td&gt;</a></code>\n). A footer typically contains information about the author of the section, copyright data or links to related documents.",
306  
-    "form": "The <em>form</em> (&lt;form&gt;) HTML&nbsp;element represents a section of document that contains interactive controls that enable a user to submit information to a web server.",
307  
-    "h1": "<strong>Heading</strong> elements implement six levels of document headings, <code>&lt;h1&gt;</code> is the most important and <code>&lt;h6&gt;</code> is the least. A heading element briefly describes the topic of the section it introduces. Heading information may be used by user agents, for example, to construct a table of contents for a document automatically.",
308  
-    "head": "The HTML <code>&lt;head&gt;</code> element represents a collection of metadata about the document, including links to or definitions of scripts and style sheets.",
309  
-    "header": "The <em>HTML Header Element</em> (<code>&lt;header&gt;</code>) represents a group of introductory or navigational aids. It may contain some heading elements but also other elements like a logo, wrapped section's header, a search form, and so on.",
310  
-    "hgroup": "The <em>HTML Headings Group Element</em> (<span style=\"font-family: Courier New;\">&lt;hgroup&gt;</span>) represents the heading of a section. It defines a single title that participates in <a title=\"en/Sections and Outlines of an HTML5 document\" rel=\"internal\" href=\"https://developer.mozilla.org/en/Sections_and_Outlines_of_an_HTML5_document\">the outline of the document</a> as the heading of the implicit or explicit section that it belongs too.",
311  
-    "hr": "In \n<span style=\"border: 1px solid rgb(129, 129, 250); background-color: rgb(174, 218, 229); font-size: x-small; white-space: nowrap; padding: 2px;\"><a rel=\"custom\" href=\"/en/HTML/HTML5\">HTML5</a></span> the &lt;hr&gt; element represents a thematic break between paragraph-level elements (for example, a change of scene in a story, or a shift of topic with a section). In previous versions of HTML, it represented a horizontal rule. It may still be displayed as a horizontal rule in visual browsers, but is now defined in semantic terms, rather than presentational terms.",
312  
-    "html": "The HTML root element (<span style=\"font-family: Courier New;\">&lt;html&gt;</span>) represents the root of an HTML or XHTML document. All other elements must be descendants of this element.",
313  
-    "i": "The HTML Offset Text (or Italics) Element (<span style=\"font-family: Courier New;\">&lt;i&gt;</span>) represents a range of text that is set off from the normal text for some reason, for example, technical terms, foreign language phrases, or fictional character thoughts. It is typically displayed in italic type.",
314  
-    "iframe": "The HTML&nbsp;inline frame element (<code>&lt;iframe&gt;</code>) represents a nested browsing context, effectively embedding another HTML page into the current page. Each browsing context has its own session history and active document. The browsing context that contains the embedded content is called the <dfn id=\"parent\">parent</dfn> browsing context. The <dfn id=\"top-level\">top-level</dfn> browsing context (which has no parent) is typically the browser window.",
315  
-    "img": "The HTML Image Element (<code>&lt;img&gt;</code>) represents an image to the document.",
316  
-    "input": "The <em>input</em> (<code>&lt;input&gt;</code>) element is used to create interactive controls for web-based forms.",
317  
-    "ins": "The <em>HTML&nbsp;Inserted Text</em> (<code>&lt;ins&gt;</code>) HTML represents a range of text that has been added to a document.",
318  
-    "kbd": "The HTML Keyboard Input Element (<span style=\"font-family: Courier New;\">&lt;kbd&gt;</span>) produces an inline element displayed in the browser's default monotype font. This element is used to identify user input.",
319  
-    "keygen": "The HTML <code>keygen</code> element exists to facilitate generation of key material, and submission of the public key as part of an HTML form. This mechanism is designed for use with Web-based certificate management systems. It is expected that the <code>keygen</code> element will be used in an HTML form along with other information needed to construct a certificate request, and that the result of the process will be a signed certificate.",
320  
-    "label": "The <em>HTML Label Element</em> (<code>&lt;label&gt;</code>) represents a caption for an item in a user interface. It can be associated with a control either by using the <code>for</code> attribute, or by placing the control element inside the <code>label</code> element. Such a control is called the <em>labeled control</em> of the label element.",
321  
-    "legend": "The <em>HTML Legend Field Element</em> (<span style=\"font-family: Courier New;\">&lt;legend&gt;</span>) represents a caption for the content of its parent <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/fieldset\">&lt;fieldset&gt;</a></code>\n.",
322  
-    "li": "The <em>HTML List item element</em> (<code>&lt;li&gt;</code>) is used to represent a list item. It should be contained in an ordered list (<code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/ol\">&lt;ol&gt;</a></code>), an unordered list (<code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/ul\">&lt;ul&gt;</a></code>) or a menu (<code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/menu\">&lt;menu&gt;</a></code>), where it represents a single entity in that list.",
323  
-    "link": "The <em>HTML Link Element</em> (&lt;link&gt;) specifies relationships between the current document and other documents. Possible uses for this element include defining a relational framework for navigation and linking the document to a style sheet.",
324  
-    "map": "The HTML <em>Map</em> element (<code>&lt;map&gt;</code>) is used with <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/area\">&lt;area&gt;</a></code>\n elements to define a image map.",
325  
-    "mark": "The <em>HTML Mark Element</em> (<span style=\"font-family: Courier New;\">&lt;mark&gt;</span>) represents highlighted text, i.e., a run of text marked for reference purpose, due to its <em>relevance</em> in a particular context. For example it can be used in a page showing search results to highlight every instance of the searched for word.",
326  
-    "menu": "The HTML <em>menu</em> element (<code>&lt;menu&gt;</code>) represents an unordered list of menu choices, or commands.",
327  
-    "meta": "The <em>HTML Meta Element</em> (<code>&lt;meta&gt;</code>) represents any metadata information which cannot be represented using one of the other meta-related element (<code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/base\">&lt;base&gt;</a></code>\n, <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/link\">&lt;link&gt;</a></code>\n, <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/script\">&lt;script&gt;</a></code>\n, <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/style\">&lt;style&gt;</a></code>\n or <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/title\">&lt;title&gt;</a></code>\n). According to the attributes set, the kind of metadata can be one of the following:",
328  
-    "meter": "The HTML <em>meter</em> element (<code>&lt;meter&gt;</code>) represents either a scalar value within a known range or a fractional value.",
329  
-    "nav": "The <em>HTML Navigation Element</em> (<code>&lt;nav&gt;</code>) represents a section of a page that links to other pages or to parts within the page: a section with navigation links.",
330  
-    "noscript": "The HTML NoScript Element (<code>&lt;noscript&gt;</code>) defines a section of html to be inserted if a script type on the page is unsupported or if scripting is currently turned off in the browser.",
331  
-    "object": "The Embedded Object (&lt;object&gt;) element represents an external resource, which can be treated as an image, a nested browsing context, or a resource to be handled by a plugin.",
332  
-    "ol": "The HTML <em>ordered list</em> element (<code>&lt;ol&gt;</code>) represents an ordered list of items. Typically, ordered-list items are displayed with a preceding numbering, which can be of any form, like numerals, letters or Romans numerals or even simple bullets. This numbered style is not defined in the HTML description of the page, but in its associated CSS, using the <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/list-style-type\">list-style-type</a></code>\n property.",
333  
-    "optgroup": "In a web form, the HTML <em>optgroup</em> element (&lt;optgroup&gt;) creates a grouping of options within a <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/select\">&lt;select&gt;</a></code>\n element.",
334  
-    "option": "In a web form, the HTML<em> option </em>element (<span style=\"font-family: Courier New;\">&lt;option&gt;</span>) is used to create a control representing an item within a <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/select\">&lt;select&gt;</a></code>\n, an <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/optgroup\">&lt;optgroup&gt;</a></code>\n or a <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/datalist\">&lt;datalist&gt;</a></code>\n HTML5 element.",
335  
-    "output": "The <em>output</em> (&lt;output&gt;) element represents the result of a calculation.",
336  
-    "p": "<strong>Paragraph</strong> element (&lt;p&gt;) represents a paragraph. It is the most commonly used block-level element.",
337  
-    "param": "<strong>Parameter </strong>element which defines parameters for <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/object\">&lt;object&gt;</a></code>\n.",
338  
-    "pre": "This element represents preformatted text. Text within this element is typically displayed in a non-proportional font exactly as it is laid out in the file. Whitespaces inside this element are displayed as typed.",
339  
-    "progress": "The HTML <em>progress</em> (<code>&lt;progress&gt;</code>) element is used to view the completion progress of a task. While the specifics of how it's displayed is left up to the browser developer, it's typically displayed as a progress bar.",
340  
-    "q": "The <strong>quote</strong> element indicates that the enclosed text is a short inline quotation.",
341  
-    "s": "The <em>HTML&nbsp;Strikethrough Element</em> (<span style=\"font-family: Courier New;\">&lt;s&gt;</span>) renders text with a strike-through, or a line through it. Use the <code>&lt;s&gt;</code> element to represent things that are no longer relevant or no longer accurate. However, <code>&lt;s&gt;</code> is not appropriate when indicating document edits; for that, use the <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/del\">&lt;del&gt;</a></code>\n and <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/ins\">&lt;ins&gt;</a></code>\n elements, as appropriate.",
342  
-    "samp": "The HTML Sample Text Element (<span style=\"font-family: Courier New;\">&lt;samp&gt;</span>) produces an inline element displayed in the browser's default monotype font (Lucida Console). This element was intended to identify sample output from a computer program.",
343  
-    "script": "The <code>script</code> element is used to embed or reference an executable script within an <abbr title=\"Hypertext Markup Language\">HTML</abbr> or <abbr title=\"Extensible Hypertext Markup Language\">XHTML</abbr> document.",
344  
-    "section": "The <em>HTML Section Element</em> (<code>&lt;section&gt;</code>) represents a generic section of a document, i.e., a thematic grouping of content, typically with a heading.",
345  
-    "select": "The <em>select</em> (<code>&lt;select&gt;</code>) HTML element represents a control that presents menu of options. The options within the menu are represented by <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/option\">&lt;option&gt;</a></code>\n elements, which can be grouped by <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/optgroup\">&lt;optgroup&gt;</a></code>\n elements. Options can be pre-selected for the user.",
346  
-    "small": "The HTML Small Element (<span style=\"font-family: Courier New;\">&lt;small&gt;</span>) makes the text <em>font size</em> one size smaller (for example, from large to medium, or from small to x-small) down to the browser's minimum font size.",
347  
-    "source": "The <code>source</code> element is used to specify multiple media resources for <code> audio</code> and <code>video</code> elements in HTML5. It is an empty element. It is commonly used to serve the same media in <a title=\"En/Media formats supported by the audio and video elements\" rel=\"internal\" href=\"https://developer.mozilla.org/En/Media_formats_supported_by_the_audio_and_video_elements\">multiple formats supported by different browsers</a>.",
348  
-    "span": "This HTML element is a generic inline container for phrasing content, which does not inherently represent anything. It can be used to group elements for styling purposes (using the <strong>class</strong> or <strong>id</strong> attributes), or because they share attribute values, such as <strong>lang</strong>. It should be used only when no other semantic element is appropriate. &lt;span&gt; is very much like a <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/div\">&lt;div&gt;</a></code>\n element, but <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/div\">&lt;div&gt;</a></code>\n is a block-level element whereas a &lt;span&gt; is an inline element.",
349  
-    "strong": "The HTML Strong Element (<span style=\"font-family: Courier New;\">&lt;strong&gt;</span>) gives text strong emphasis, typically this is displayed in bold.",
350  
-    "style": "Style element contains style information for a document. Style information should go inside of this element, usually in the CSS language (see <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a>).",
351  
-    "sub": "The <em>HTML Subscript Element</em> (<code>&lt;sub&gt;</code>) defines a span of text that should be displayed, for typographic reasons, lower, and often smaller, than the main span of text.",
352  
-    "summary": "The HTML <em>summary </em>element (<code>&lt;summary&gt;</code>) is used as a summary, caption or legend for the content of a <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/details\">&lt;details&gt;</a></code>\n element.",
353  
-    "sup": "The <em>HTML Superscript Element</em> (<code>&lt;sup&gt;</code>) defines a span of text that should be displayed, for typographic reasons, higher, and often smaller, than the main span of text.",
354  
-    "table": "The <em>HTML Table Element </em>(<code>&lt;table&gt;</code>) represents data in two dimensions or more.",
355  
-    "tbody": "The <em>HTML Table Body Element</em> (<code>&lt;tbody&gt;</code>) defines a set of rows defining the body of the table. Though not mandatory, as the rows of the body can be defined as <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/tr\">&lt;tr&gt;</a></code>\n elements children of the parent <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/table\">&lt;table&gt;</a></code>\n element, if present, all <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/tr\">&lt;tr&gt;</a></code>\n elements part of the body must be included into a unique <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/tbody\">&lt;tbody&gt;</a></code>\n element.",
356  
-    "td": "The <em>HTML Table Cell Element</em> (<code>&lt;td&gt;</code>) defines a cell that content data.",
357  
-    "textarea": "The <em>textarea</em> (<code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/textarea\">&lt;textarea&gt;</a></code>\n) HTML element represents a multi-line plain-text editing control.",
358  
-    "tfoot": "The <em>HTML Table Foot Element</em> (<code>&lt;tfoot&gt;</code>) defines a set of rows summarizing the columns of the table.",
359  
-    "th": "The <em>HTML Table Header Cell Element</em> (<code>&lt;th&gt;</code>) defines a cell that is a header for a group of cells of a table. The group of cells that the header refers to is defined by the \n\n<code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/th#attr-scope\">scope</a></code>\n and \n\n<code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/th#attr-headers\">headers</a></code>\n attribute.",
360  
-    "thead": "The <em>HTML Table Head Element</em> (<code>&lt;thead&gt;</code>) defines a set of rows defining the head of the columns of the table.",
361  
-    "time": "The HTML <em>time</em> element (<code>&lt;time&gt;</code>) represents either time on a 24-hour clock or a precise date in the <a class=\"external\" title=\"http://en.wikipedia.org/wiki/Gregorian_calendar\" rel=\"external\" href=\"http://en.wikipedia.org/wiki/Gregorian_calendar\" target=\"_blank\">Gregorian calendar</a> (with optional time and timezone information).",
362  
-    "title": "The <em>HTML Title Element</em> (<code>&lt;title&gt;</code>) defines the title of the document, shown in a browser's title bar or on the page's tab. It can only contain text and any contained tags are not interpreted.",
363  
-    "tr": "The <em>HTML Table Row Element</em> (<code>&lt;tr&gt;</code>) defines a row of cells in a table. Those can be a mix of <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/td\">&lt;td&gt;</a></code>\n and <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/th\">&lt;th&gt;</a></code>\n elements.",
364  
-    "u": "The <em>HTML Underline Element</em> (<span style=\"font-family: Courier New;\">&lt;u&gt;</span>) renders text with an underline, a line under the baseline of its content.",
365  
-    "ul": "The HTML <em>unordered list</em> element (<code>&lt;ul&gt;</code>) represents an unordered list of items, namely a collection of items that do not have a numerical ordering, and their order in the list is meaningless. Typically, unordered-list items are displayed with a bullet, which can be of several forms, like a dot, a circle or a squared. The bullet style is not defined in the HTML description of the page, but in its associated CSS, using the <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/list-style-type\">list-style-type</a></code>\n property.",
366  
-    "var": "The HTML Variable Element (<code>&lt;var&gt;</code>) represents a variable in a mathematical expression or a programming context.",
367  
-    "video": "The HTML&nbsp; <code>&lt;video&gt;</code> element is used to embed video content in an HTML&nbsp;or XHTML document.",
368  
-    "wbr": "The <em>Word Break Opportunit</em><em>y</em> (<code>&lt;wbr&gt;</code>) HTML element represents a position within text where the browser may optionally break a line, though its line-breaking rules would not otherwise create a break at that location."
369  
-  },
370  
-  "css-selector-docs": "This is a CSS selector. It describes the kinds of HTML elements that a CSS rule's style will be applied to."
371  
-}});
18  js/fc/help.js
... ...
@@ -1,6 +1,10 @@
1 1
 "use strict";
2 2
 
3  
-define(["./hacktionary-data"], function(HacktionaryData) {
  3
+define([
  4
+  "i18n!fc/nls/html-element-docs",
  5
+  "i18n!fc/nls/css-property-docs",
  6
+  "i18n!fc/nls/hacktionary"
  7
+], function(HtmlElementDocs, CssPropertyDocs, Hacktionary) {
4 8
   // A help index provides context-sensitive help for an HTML document,
5 9
   // indexed by characters in the HTML source code.
6 10
   function HelpIndex() {
@@ -31,26 +35,24 @@ define(["./hacktionary-data"], function(HacktionaryData) {
31 35
   function getHelp(index, helpIndex) {
32 36
     var help = helpIndex[index];
33 37
     if (help) {
34  
-      if (help.type == "tag" &&
35  
-          help.value in HacktionaryData["html-element-docs"])
  38
+      if (help.type == "tag" && help.value in HtmlElementDocs)
36 39
         return {
37 40
           type: help.type,
38  
-          html: HacktionaryData["html-element-docs"][help.value],
  41
+          html: HtmlElementDocs[help.value],
39 42
           url: Help.MDN_URLS.html + help.value,
40 43
           highlights: help.highlights
41 44
         };
42  
-      else if (help.type == "cssProperty" &&
43  
-               help.value in HacktionaryData["css-property-docs"])
  45
+      else if (help.type == "cssProperty" && help.value in CssPropertyDocs)
44 46
         return {
45 47
           type: help.type,
46  
-          html: HacktionaryData["css-property-docs"][help.value],
  48
+          html: CssPropertyDocs[help.value],
47 49
           url: Help.MDN_URLS.css + help.value,
48 50
           highlights: help.highlights
49 51
         };
50 52
       else if (help.type == "cssSelector")
51 53
         return {
52 54
           type: help.type,
53  
-          html: HacktionaryData["css-selector-docs"],
  55
+          html: Hacktionary["css-selector-docs"],
54 56
           url: Help.MDN_URLS.cssSelectors,
55 57
           highlights: help.highlights
56 58
         };
3  js/fc/nls/css-property-docs.js
... ...
@@ -0,0 +1,3 @@
  1
+define({
  2
+  root: true
  3
+});
3  js/fc/nls/hacktionary.js
... ...
@@ -0,0 +1,3 @@
  1
+define({
  2
+  root: true
  3
+});
3  js/fc/nls/html-element-docs.js
... ...
@@ -0,0 +1,3 @@
  1
+define({
  2
+  root: true
  3
+});
163  js/fc/nls/root/css-property-docs.js
... ...
@@ -0,0 +1,163 @@
  1
+"use strict";
  2
+
  3
+// Data here was originally scraped from MDN:
  4
+// https://github.com/toolness/hacktionary
  5
+define({
  6
+  "animation": "The <code>animation</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property is a shorthand property for <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/animation-name\">animation-name</a></code>\n, <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/animation-duration\">animation-duration</a></code>\n, <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/animation-timing-function\">animation-timing-function</a></code>\n, <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/animation-delay\">animation-delay</a></code>\n, <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/animation-iteration-count\">animation-iteration-count</a></code>\n and <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/animation-direction\">animation-direction</a></code>\n.",
  7
+  "animation-delay": "The <code>animation-delay</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property specifies when the animation should start. This lets the animation sequence begin some time after it's applied to an element.",
  8
+  "animation-direction": "The <code>animation-direction</code> CSS property indicates whether the animation should play in reverse on alternate cycles.",
  9
+  "animation-duration": "The <code>animation-duration</code> CSS property specifies the length of time that an animation should take to complete one cycle.",
  10
+  "animation-iteration-count": "The <code>animation-iteration-count</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property defines the number of times an animation cycle should be played before stopping.",
  11
+  "animation-name": "The <code>animation-name</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property specifies a list of animations that should be applied to the selected element. Each name indicates a <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/@keyframes\">@keyframes</a></code>\n at-rule that defines the property values for the animation sequence.",
  12
+  "animation-play-state": "The <code>animation-play-state</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property determines whether an animation is running or paused. You can query this property's value to determine whether or not the animation is currently running; in addition, you can set its value to pause and resume playback of an animation.",
  13
+  "animation-timing-function": "The <code>animation-timing-function</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property specifies how a CSS animation should progress over the duration of each cycle. The possible values are one or several <span class=\"lang lang-en\"><code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/timing-function\">&lt;timing-function&gt;</a></code>\n </span>.",
  14
+  "azimuth": "In combination with<code> elevation</code>, <code>azimuth</code> enables different audio sources to be positioned spatially for aural presentation. This is important in that it provides a natural way to tell several voices apart, as each can be positioned to originate at a different location on the sound stage. Stereo output produce a lateral sound stage, while binaural headphones and multi-speaker setups allow for a fully three-dimensional stage.",
  15
+  "backface-visibility": "The <code>backface-visibility</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property determines whether or not the back face of the element is visible when facing the user. The back face of an element always is a transparent background, letting, when visible, a mirror image of the front face be displayed.",
  16
+  "background": "The<code> background </code>CSS property is a shorthand for setting the individual background values in a single place in the style sheet.<code> background </code>can be used to set the values for one or more of: <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/background-color\">background-color</a></code>\n, <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/background-image\">background-image</a></code>\n, <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/background-position\">background-position</a></code>\n, <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/background-repeat\">background-repeat</a></code>\n, <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/background-size\">background-size</a></code>\n, and <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/background-attachment\">background-attachment</a></code>\n.",
  17
+  "background-attachment": "If a <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/background-image\">background-image</a></code>\n is specified, the <code>background-attachment</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property determines whether that image's position is fixed within the viewport, or scrolls along with its containing block.",
  18
+  "background-clip": "The<code> background-clip </code>CSS property specifies whether an element's background, either the color or image, extends underneath its border.",
  19
+  "background-color": "The <code>background-color</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property sets the background color of an element, either through a color value or the keyword <code>transparent</code>.",
  20
+  "background-image": "The<code> background-image </code>CSS property sets the background images for an element. The images are drawn on successive stacking context layers, with the first specified being drawn as if it is the closest to the user. The <a title=\"border\" rel=\"internal\" href=\"https://developer.mozilla.org/cn/CSS/border\">borders</a> of the element are then drawn on top of them, and the <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/background-color\">background-color</a></code>\n is drawn beneath them.",
  21
+  "background-origin": "The<code> background-origin </code>CSS property determines the background positioning area, that is the position of the origin of an image specified using the <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/background-image\">background-image</a></code>\n CSS property.",
  22
+  "background-position": "The<code> background-position </code>CSS property sets the initial position, relative to the background position layer defined by <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/background-origin\">background-origin</a></code>\n for each defined background image.",
  23
+  "background-repeat": "The <code>background-repeat</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property defines how background images are repeated. A background image can be repeated along the horizontal axis, the vertical axis, both, or not repeated at all. When the repetition of the image tiles doesn't let them exactly cover the background, the way adjustments are done can be controlled by the author: by default, the last image is clipped, but the different tiles can instead be re-sized, or space can be inserted between the tiles.",
  24
+  "background-size": "The<code> background-size </code>CSS property specifies the size of the background images.",
  25
+  "bleed": "This property specifies the extent of the page bleed area outside the page box. This property only has effect if crop marks are enabled.",
  26
+  "border": "The <code>border</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property is a shorthand property for setting the individual border property values in a single place in the style sheet. <code>border</code> can be used to set the values for one or more of: <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/border-width\">border-width</a></code>\n, <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/border-style\">border-style</a></code>\n, <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/border-color\">border-color</a></code>\n.",
  27
+  "border-bottom": "The <code>border-bottom</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property is a shorthand that sets the values of <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/border-bottom-color\">border-bottom-color</a></code>\n, <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/border-bottom-style\">border-bottom-style</a></code>\n, and <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/border-bottom-width\">border-bottom-width</a></code>\n. These properties describe the bottom border of elements.",
  28
+  "border-bottom-color": "The<code> border-bottom-color </code>CSS property sets the color of the bottom border of an element. Note that in many cases the shorthand CSS properties&nbsp; <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/border-color\">border-color</a></code>\n or <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/border-bottom\">border-bottom</a></code>\n are more convenient and preferable.",
  29
+  "border-bottom-left-radius": "The <code>border-bottom-left-radius</code> CSS property sets the rounding of the bottom-left corner of the element. The rounding can be a circle or an ellipse, or if one of the value is <code>0</code> no rounding is done and the corner is square.",
  30
+  "border-bottom-right-radius": "The <code>border-bottom-right-radius</code> CSS property sets the rounding of the bottom-right corner of the element. The rounding can be a circle or an ellipse, or if one of the value is <code>0</code> no rounding is done and the corner is square.",
  31
+  "border-bottom-style": "The <code>border-bottom-style</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property sets the line style of the bottom border of a box.",
  32
+  "border-bottom-width": "The <code>border-bottom-width</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property sets the width of the bottom border of a box.",
  33
+  "border-collapse": "The<code> border-collapse </code>CSS property selects a table's border model. This has a big influence on the look and style of the table cells.",
  34
+  "border-color": "The<code> border-color </code>CSS property is a shorthand for setting the color of the four sides of an element's border: <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/border-top-color\">border-top-color</a></code>\n, <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/border-right-color\">border-right-color</a></code>\n, <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/border-bottom-color\">border-bottom-color</a></code>\n, <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/border-left-color\">border-left-color</a></code>\n",
  35
+  "border-image": "The<code> border-image </code>CSS property allows drawing an image on the borders of elements. This makes drawing complex looking widgets much simpler than it has been and removes the need for nine boxes in some cases.",
  36
+  "border-image-outset": "The <code>border-image-outset </code>property describes, by which amount <dfn id=\"border-image-area\">border image area</dfn> extends beyond the border box.",
  37
+  "border-image-repeat": "The <code>border-image-repeat</code> CSS property defines how the middle part of a border image is handled to match the size of the border. It has a one-value syntax which describes the behavior for all sides, and a two-value syntax that sets a different value for the horizontal and vertical behavior.",
  38
+  "border-image-source": "The <code>border-image-source</code> CSS property defines the <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/image\">&lt;image&gt;</a></code>\n to use instead of the style of the border. If this property is set to <code>none</code>, the style defined by <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/border-style\">border-style</a></code>\n is used instead.",
  39
+  "border-image-width": "The <code>border-image-width</code> CSS property defines the offset to use for dividing the border image in nine parts, the top-left corner, central top edge, top-right-corner, central right edge, bottom-right corner, central bottom edge, bottom-left corner, and central right edge. They represent inward distance from the top, right, bottom and right edges.",
  40
+  "border-left": "The <code>border-left</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property is a shorthand that sets the values of <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/border-left-color\">border-left-color</a></code>\n, <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/border-left-style\">border-left-style</a></code>\n, and <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/border-left-width\">border-left-width</a></code>\n. These properties describe the left border of elements.",
  41
+  "border-left-color": "The<code> border-left-color </code>CSS property sets the color of the bottom border of an element. Note that in many cases the shorthand CSS properties&nbsp; <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/border-color\">border-color</a></code>\n or <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/border-left\">border-left</a></code>\n are more convenient and preferable.",
  42
+  "border-left-style": "The <code>border-left-style</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property sets the line style of the left border of a box.",
  43
+  "border-left-width": "The <code>border-left-width</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property sets the width of the left border of a box.",
  44
+  "border-radius": "The <code>border-radius</code> CSS property allows Web authors to define how rounded border corners are. The curve of each corner is defined using one or two radii, defining its shape: circle or ellipse.",
  45
+  "border-right": "The <code>border-right</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property is a shorthand that sets the values of <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/border-right-color\">border-right-color</a></code>\n, <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/border-right-style\">border-right-style</a></code>\n, and <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/border-right-width\">border-right-width</a></code>\n. These properties describe the right border of elements.",
  46
+  "border-right-color": "The<code> border-right-color </code>CSS property sets the color of the bottom border of an element. Note that in many cases the shorthand CSS properties&nbsp; <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/border-color\">border-color</a></code>\n or <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/border-right\">border-right</a></code>\n are more convenient and preferable.",
  47
+  "border-right-style": "The <code>border-right-style</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property sets the line style of the right border of a box.",
  48
+  "border-right-width": "The <code>border-right-width</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property sets the width of the right border of a box.",
  49
+  "border-spacing": "The <code>border-spacing</code> CSS property specifies the distance between the borders of adjacent cells (only for the <a title=\"en/CSS/border-collapse\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS/border-collapse\">separated borders model</a>). This is equivalent to the <code>cellspacing</code> attribute in presentational HTML, but an optional second value can be used to set different horizontal and vertical spacing.",
  50
+  "border-style": "The <code>border-style</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property is a shorthand property for setting the line style for all four sides of the elements border.",
  51
+  "border-top": "The <code>border-top</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property is a shorthand that sets the values of <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/border-top-color\">border-top-color</a></code>\n, <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/border-top-style\">border-top-style</a></code>\n, and <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/border-top-width\">border-top-width</a></code>\n. These properties describe the top border of elements.",
  52
+  "border-top-color": "The<code> border-top-color </code>CSS property sets the color of the top border of an element. Note that in many cases the shorthand CSS properties&nbsp; <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/border-color\">border-color</a></code>\n or <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/border-top\">border-top</a></code>\n are more convenient and preferable.",
  53
+  "border-top-left-radius": "The <code>border-top-left-radius</code> CSS property sets the rounding of the top-left corner of the element. The rounding can be a circle or an ellipse, or if one of the value is <code>0</code> no rounding is done and the corner is square.",
  54
+  "border-top-right-radius": "The <code>border-top-right-radius</code> CSS property sets the rounding of the top-right corner of the element. The rounding can be a circle or an ellipse, or if one of the value is <code>0</code> no rounding is done and the corner is square.",
  55
+  "border-top-style": "The <code>border-top-style</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property sets the line style of the top border of a box.",
  56
+  "border-top-width": "The <code>border-top-width</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property sets the width of the top border of a box.",
  57
+  "border-width": "The<code> border-width </code>CSS property sets the width of the border of a box. Using the shorthand property <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/border\">border</a></code>\n is often more convenient.",
  58
+  "bottom": "The <code>bottom</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property participates in specifying the position of <em>positioned elements</em>.",
  59
+  "box-shadow": "The <code>box-shadow</code> CSS property accepts one or more shadow effects as a comma-separated list. It allows casting a drop shadow from the frame of almost any element. If a <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/border-radius\">border-radius</a></code>\n is specified on the element with a box shadow, the box shadow takes on the same rounded corners. The z-ordering of multiple box shadows is the same as multiple <a title=\"text-shadow\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS/text-shadow\">text shadows</a> (the first specified shadow is on top).",
  60
+  "box-sizing": "The<code> box-sizing </code>CSS property is used to alter the default CSS box model used to calculate widths and heights of elements. It is possible to use this property to emulate the behavior of browsers that do not correctly support the CSS box model specification.",
  61
+  "caption-side": "The <code>caption-side</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property positions the content of a table's <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/caption\">&lt;caption&gt;</a></code>\n on the specified side.",
  62
+  "clear": "The <code>clear</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property specifies whether an element can be next to <a title=\"en/CSS/float\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS/float\">floating</a> elements that precede it or must be moved down (cleared) below them.",
  63
+  "clip": "The <code>clip</code> CSS property defines what portion of an element is visible. The <code>clip</code> property applies only to elements with <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/position\">position:absolute</a></code>\n.",
  64
+  "color": "The <code>color</code> CSS property sets the foreground color of an element's text content",
  65
+  "column-count": "The <code>column-count </code>CSS property describes the number of columns of the element.",
  66
+  "column-fill": "The <code>column-fill</code> CSS property controls how contents are partitioned into columns. Contents are either balanced, which means that contents in all columns will have the same height or, when using <code>auto</code>, just take up the room the content needs.",
  67
+  "column-gap": "The <code>column-gap</code> CSS property sets the size of the gap between columns for elements which are specified to display as a multi-column element.",
  68
+  "column-rule": "In multi-column layouts, the <code>column-rule</code> CSS property specifies a straight line, or \"rule\", to be drawn between each column. It is a convenient shorthand to avoid setting each of the individual <code>column-rule-*</code> properties separately : <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/column-rule-width\">column-rule-width</a></code>\n, <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/column-rule-style\">column-rule-style</a></code>\n and <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/column-rule-color\">column-rule-color</a></code>\n.",
  69
+  "column-rule-color": "The<code> column-rule-color </code>CSS property lets you set the color of the rule drawn between columns in multi-column layouts.",
  70
+  "column-rule-style": "The<code> column-rule-style </code>CSS property lets you set the style of the rule drawn between columns in multi-column layouts.",
  71
+  "column-rule-width": "The<code> column-rule-width </code>CSS property lets you set the width of the rule drawn between columns in multi-column layouts.",
  72
+  "column-span": "The <code>column-span</code> CSS property makes it possible for an element to span across all columns when its value is set to <code>all</code>. An element that spans more than one column is called a <strong>spanning element</strong>.",
  73
+  "column-width": "The <code>column-width</code> CSS property suggests an optimal column width. This is not a absolute value but a mere hint. Browser will adjust the width of the column around that suggested value, allowing to achieve scalable designs that fit different screen size. Especially in presence of the <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/column-count\">column-count</a></code>\n CSS property which has precedence, to set an exact column width, all length values must be specified. In horizontal text these are <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/width\">width</a></code>\n, <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/column-width\">column-width</a></code>\n, <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/column-gap\">column-gap</a></code>\n, and <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/column-rule-width\">column-rule-width</a></code>\n.",
  74
+  "columns": "The <code>columns</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property is a shorthand property allowing to set both the <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/column-width\">column-width</a></code>\n and the <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/column-count\">column-count</a></code>\n properties at the same time.",
  75
+  "content": "The<code> content </code>CSS property is used with the <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/%3Abefore\">:before</a></code>\n and <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/%3Aafter\">:after</a></code>\n pseudo-elements to generate content in an element.",
  76
+  "counter-increment": "The <code>counter-increment</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property is used to increase the value of <a title=\"en/CSS_Counters\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS_Counters\">CSS Counters</a> by a given value. The counter's value can be reset using the <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/counter-reset\">counter-reset</a></code>\n CSS property.",
  77
+  "counter-reset": "The <code>counter-reset</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property is used to reset <a title=\"en/CSS_Counters\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS_Counters\">CSS Counters</a> to a given value.",
  78
+  "cursor": "The<code> cursor </code>CSS property specifies the mouse cursor displayed when the mouse pointer is over an element.",
  79
+  "direction": "The <code>direction</code> CSS property should be set to match the direction of the text: <code>rtl</code> for Hebrew or Arabic text and <code>ltr</code> for other scripts. This should normally be done as part of the document (e.g., using the <code>dir</code> attribute in HTML) rather than through direct use of CSS.",
  80
+  "display": "The <code>display</code> CSS property specifies the type of rendering box used for an element. In HTML, default <code>display</code> property values are taken from behaviors described in the HTML specifications or from the browser/user default stylesheet. The default value in XML is <code>inline</code>.",
  81
+  "empty-cells": "The <code>empty-cells </code>CSS property specifies how user agent should render borders and backgrounds around cells that have no visible content.",
  82
+  "float": "The <code>float</code> CSS property specifies that an element should be taken from the normal flow and placed along the left or right side of its container, where text and inline elements will wrap around it.",
  83
+  "font": "The <code>font</code> CSS property is either a shorthand property for setting <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/font-style\">font-style</a></code>\n, <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/font-variant\">font-variant</a></code>\n, <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/font-weight\">font-weight</a></code>\n, <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/font-size\">font-size</a></code>\n, <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/line-height\">line-height</a></code>\n and <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/font-family\">font-family</a></code>\n, or a way to set the element's font to a system font, using specific keywords.",
  84
+  "font-family": "The<code> font-family </code>CSS property allows for a prioritized list of font family names and/or generic family names to be specified for the selected element. Unlike most other CSS properties, values are separated by a comma to indicate that they are alternatives. The browser will select the first font on the list that is installed on the computer, or that can be downloaded using the information provided by a <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/@font-face\">@font-face</a></code>\n at-rule.",
  85
+  "font-size": "The <code>font-size</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property specifies the size of the font. The font size may, in turn, change the size of other items, since it is used to compute the value of <code>em</code> and <code>ex</code> length units.",
  86
+  "font-size-adjust": "The<code> font-size-adjust </code>CSS property specifies that font size should be chosen based on the height of lowercase letters rather than the height of capital letters.",
  87
+  "font-stretch": "The<code> font-stretch </code>CSS property selects a normal, condensed, or extended face from a font family.",
  88
+  "font-style": "The<code> font-style </code>CSS property allows<code> italic </code>or<code> oblique </code>faces to be selected within a <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/font-family\">font-family</a></code>\n.<br> ",
  89
+  "font-variant": "The<code> font-variant </code>CSS property selects a<code> normal</code>, or<code> small-caps </code>face from a font family. Setting<code> font-variant </code>is also possible by using the <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/font\">font</a></code>\n shorthand.",
  90
+  "font-weight": "The <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/font-weight\">font-weight</a></code>\n <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property specifies the weight or boldness of the font. However, some fonts are not available in all weights; some are available only on <code>normal</code> and <code>bold</code>.",
  91
+  "height": "The<code> height </code>CSS property specifies the height of the content area of an element. The <a title=\"en/CSS/Box_model#content\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS/box_model#content\">content area</a> is <em>inside</em> the padding, border, and margin of the element.",
  92
+  "hyphens": "The <code>hyphens</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property tells the browser how to go about splitting words to improve the layout of text when line-wrapping.",
  93
+  "image-rendering": "The <code>image-rendering</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property provides a hint to the user agent about how to handle its image rendering.<br> <code>image-rendering </code>applies to scaled images (and other elements, see below). For example, if the natural size of the image is<em> 100×100px </em>but the page author specifies the dimensions to <code>200×200px</code> (or<code>50×50px</code>), then the image will be upscaled (or downscaled) to the new dimensions using the specified algorithm. Scaling may also apply due to user interaction (zooming).",
  94
+  "left": "The <code>left</code> CSS property specifies part of the position of positioned elements.",
  95
+  "letter-spacing": "The<code> letter-spacing </code>CSS property specifies spacing behavior between text characters.",
  96
+  "line-height": "On inline elements, the<code> line-height </code>CSS property specifies the height that is used in the calculation of the line box height.<br>\nOn block level elements,<code> line-height </code>specifies the minimal height of line boxes within the element.",
  97
+  "list-style": "The<code> list-style </code>CSS property is a shorthand property for setting <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/list-style-type\">list-style-type</a></code>\n, <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/list-style-image\">list-style-image</a></code>\n and <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/list-style-position\">list-style-position</a></code>\n.",
  98
+  "list-style-image": "The<code> list-style-image </code>CSS property sets the image that will be used as the list item marker. It is often more convenient to use the shortcut <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/list-style\">list-style</a></code>\n.",
  99
+  "list-style-position": "The<code> list-style-position </code>CSS property specifies the position of the marker box in the principal block box. It is often more convenient to use the shortcut <span class=\"lang lang-en\"><code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/list-style\">list-style</a></code>\n</span>.",
  100
+  "list-style-type": "The<code> list-style-type </code>CSS property specifies appearance of a list item element. As it is the only one who defaults to <code>display:list-item</code>, this is usually a <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/li\">&lt;li&gt;</a></code>\n element, but can be any element with this <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/display\">display</a></code>\n value.",
  101
+  "margin": "The<code> margin </code>CSS property sets the margin for all four sides. It is a shorthand to avoid setting each side separately with the other margin properties:<br>\n<code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/margin-top\">margin-top</a></code>\n, <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/margin-right\">margin-right</a></code>\n, <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/margin-bottom\">margin-bottom</a></code>\n and <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/margin-left\">margin-left</a></code>\n.<br>\nNegative value are also allowed.",
  102
+  "margin-bottom": "The <code>margin-bottom</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property of an element sets the margin space required on the bottom of an element. A negative value is also allowed.",
  103
+  "margin-left": "The <code>margin-left</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property of an element sets the margin space required on the left side of an element. A negative value is also allowed.",
  104
+  "margin-right": "The <code>margin-right</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property of an element sets the margin space required on the right side of an element. A negative value is also allowed.",
  105
+  "margin-top": "The<code> margin-top </code>CSS property of an element sets the margin space required on the top of an element. A negative value is also allowed.",
  106
+  "marker-offset": "&nbsp;",
  107
+  "marks": "The <code>marks</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property adds crop and/or cross marks to the presentation of the document. <em>Crop marks</em> indicate where the page should be cut. <em>Cross marks</em> are used to align sheets.",
  108
+  "max-height": "The<code> max-height </code>CSS property is used to set the maximum height of a given element. It prevents the used value of the <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/height\">height</a></code>\n property from becoming larger than the value specified for<code> max-height</code>.",
  109
+  "max-width": "The<code> max-width </code>CSS property is used to set the maximum width of a given element. It prevents the used value of the <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/width\">width</a></code>\n property from becoming larger than the value specified for<code> max-width</code>.",
  110
+  "min-height": "The<code> min-height </code>CSS property is used to set the minimum height of a given element. It prevents the used value of the <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/height\">height</a></code>\n property from becoming smaller than the value specified for<code> min-height</code>.",
  111
+  "min-width": "The<code> min-width </code>CSS property is used to set the minimum width of a given element. It prevents the used value of the <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/width\">width</a></code>\n property from becoming smaller than the value specified for<code> min-width</code>.",
  112
+  "opacity": "The <code>opacity</code> CSS property specifies the transparency of an element, that is, the degree to which the background behind the element is overlaid.",
  113
+  "orphans": "The <code>orphans</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property refers to the <em>minimum</em> number of lines in a block container that must be left at the bottom of the page.&nbsp; This property is normally used to control how page breaks occur.",
  114
+  "outline": "The<code> outline </code>CSS property is a shorthand property for setting one or more of the individual outline properties <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/outline-style\">outline-style</a></code>\n, <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/outline-width\">outline-width</a></code>\n and <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/outline-color\">outline-color</a></code>\n in a single rule. In most cases the use of this shortcut is preferable and more convenient.",
  115
+  "outline-color": "The<code> outline-color </code>CSS property sets the color of the outline of an element. An outline is a line that is drawn around elements, outside the border edge, to make the element stand out.",
  116
+  "outline-offset": "The<code> outline-offset </code>CSS property is used to set space between an <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/outline\">outline</a></code>\n and the edge or border of an element. An outline is a line that is drawn around elements, outside the border edge.",
  117
+  "outline-style": "The<code> outline-style </code>CSS property is used to set the style of the outline of an element. An outline is a line that is drawn around elements, outside the border edge, to make the element stand out.",
  118
+  "outline-width": "The<code> outline-width </code>CSS property is used to set the width of the outline of an element. An outline is a line that is drawn around elements, outside the border edge, to make the element stand out:",
  119
+  "overflow": "The<code> overflow </code>CSS property specifies whether to clip content, render scroll bars or display overflow content of a block-level element.",
  120
+  "overflow-x": "The <code>overflow-x </code><a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property specifies whether to clip content, render a scroll bar or display overflow content of a block-level element, when it overflows at the left and right edges.",
  121
+  "padding": "The<code> padding </code>CSS property sets the required padding space on all sides of an element. The <a title=\"http://developer.mozilla.org/en/CSS/Box_model#padding\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS/Box_model#padding\">padding area</a> is the space between the content of the element and its border. Negative values are not allowed.",
  122
+  "padding-bottom": "The <code>padding-bottom</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property of an element sets the padding space required on the bottom of an element. The <a title=\"http://developer.mozilla.org/en/CSS/Box_model#padding\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS/box_model#padding\">padding area</a> is the space between the content of the element and it's border. A negative value is not allowed.",
  123
+  "padding-left": "The <code>padding-left</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property of an element sets the padding space required on the left side of an element. The <a title=\"http://developer.mozilla.org/en/CSS/Box_model#padding\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS/box_model#padding\">padding area</a> is the space between the content of the element and it's border. A negative value is not allowed.",
  124
+  "padding-right": "The <code>padding-right</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property of an element sets the padding space required on the right side of an element. The <a title=\"http://developer.mozilla.org/en/CSS/Box_model#padding\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS/box_model#padding\">padding area</a> is the space between the content of the element and its border. Negative values are not allowed.",
  125
+  "padding-top": "The <code>padding-top</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property of an element sets the padding space required on the top of an element. The <a title=\"http://developer.mozilla.org/en/CSS/Box_model#padding\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS/box_model#padding\">padding area</a> is the space between the content of the element and it's border. A negative values is not allowed.",
  126
+  "page-break-after": "The <code>page-break-after</code> CSS property adjusts page breaks <em>after</em> the current element.",
  127
+  "page-break-before": "The <code>page-break-before</code> CSS property adjusts page breaks <em>before</em> the current element.",
  128
+  "page-break-inside": "The <code>page-break-inside</code> CSS property adjusts page breaks <em>inside</em> the current element.",
  129
+  "perspective": "The <code>perspective</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property determines the distance between the z=0 plane and the user in order to give to the 3D-positioned element some perspective. Each 3D element that is placed between the z=0 and the user is enlarged, each 3D-element with z&lt;0 is shrinked. How much deformation is defined by the value of this property.",
  130
+  "perspective-origin": "The <code>perspective-origin</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property determines the position the viewer is looking at. It is used as the <em>vanishing point</em> by the <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/perspective\">perspective</a></code>\n property.",
  131
+  "position": "The<code> position </code>CSS property chooses alternative rules for positioning elements, designed to be useful for scripted animation effects.",
  132
+  "quotes": "The <code>quotes</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property indicates how user agents should render quotation marks.",
  133
+  "resize": "The <code>resize</code> CSS property lets you control the resizability of an element.",
  134
+  "right": "The <code>right</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property specifies part of the position of positioned elements.",
  135
+  "tab-size": "The <code>tab-size</code> CSS property is used to customize the width of a tab (<code>U+0009</code>) character.",
  136
+  "table-layout": "The <code>table-layout</code> CSS property defines the algorithm to be used to layout the table cells, rows, and columns.",
  137
+  "text-align": "The<code> text-align </code>CSS property describes how inline content like text is aligned in its parent block element.<code> text-align </code>does not control the alignment of block elements itself, only their inline content.",
  138
+  "text-align-last": "The <code>text-align-last</code> CSS property describes how the last line of a block or a line right before a forced line break is aligned.",
  139
+  "text-decoration": "The<code> text-decoration </code>CSS property is used to set the text formattings <code>underline, overline, line-through</code> and <code>blink</code>.",
  140
+  "text-decoration-color": "The <code>text-decoration-color</code> CSS property sets the color used when drawing underlines, overlines, or strike-throughs specified by <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/text-decoration-line\">text-decoration-line</a></code>\n. This is the preferred way to color these text decorations, rather than using combinations of other HTML&nbsp;elements.",
  141
+  "text-decoration-line": "The <code>text-decoration-line</code> CSS property sets what kind of line decorations are added to an element.",
  142
+  "text-decoration-style": "The <code>text-decoration-style</code> CSS property defines the style of the lines specified by <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/text-decoration-line\">text-decoration-line</a></code>\n. The style applies to all lines, there is no way to define different style for each of the line defined by <code>text-decoration-line</code>.",
  143
+  "text-indent": "The<code> text-indent </code>CSS property specifies how much horizontal space should be left before beginning of the first line of the text content of an element. Horizontal spacing is with respect to the left (or right, for right-to-left layout) edge of the containing block element's box.",
  144
+  "text-shadow": "The<code> text-shadow </code>CSS property adds shadows to text. It accepts a comma-separated list of shadows to be applied to the text and <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/text-decoration\">text-decorations</a></code>\n of the element.",
  145
+  "text-transform": "The <code>text-transform</code> CSS property specifies how to capitalize an element's text. It can be used to make text appear in all-uppercase or all-lowercase, or with each word capitalized.",
  146
+  "top": "The <code>top</code> CSS property specifies part of the position of positioned elements. It has no effect on non-positioned elements.",
  147
+  "transform": "The <code>transform</code> CSS property lets you modify the coordinate space of the CSS visual formatting model. Using it, elements can be translated, rotated, scaled, and skewed according to the values set.",
  148
+  "transform-origin": "The <code>transform-origin</code> CSS property lets you modify the origin for transformations of an element. For example, the transform-origin of the <code>rotate()</code> function is the centre of rotation. (This property is applied by first translating the element by the negated value of the property, then applying the element's transform, then translating by the property value.)",
  149
+  "transform-style": "The <code>transform-style</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property determines if the children of the element are positioned in the 3D-space or are flattened in the plane of the element.",
  150
+  "transition": "The<code> transition </code><a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property is a shorthand property for <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/transition-property\">transition-property</a></code>\n, <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/transition-duration\">transition-duration</a></code>\n, <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/transition-timing-function\">transition-timing-function</a></code>\n, and <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/transition-delay\">transition-delay</a></code>\n.",
  151
+  "transition-delay": "The<code> transition-delay </code><a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property specifies the amount of time to wait between a change being requested to a property that is to be transitioned and the start of the <a title=\"en/CSS/CSS transitions\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS/CSS_transitions\">transition effect</a>.",
  152
+  "transition-duration": "The<code> transition-duration </code><a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property specifies the number of seconds or milliseconds a transition animation should take to complete. By default, the value is 0s, meaning that no animation will occur.",
  153
+  "transition-property": "The <code>transition-property</code> CSS property is used to specify the names of CSS properties to which a <a title=\"en/CSS/CSS transitions\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS/CSS_transitions\">transition effect</a> should be applied.",
  154
+  "transition-timing-function": "The<code> transition-timing-function </code>CSS property is used to describe how the intermediate values of the CSS&nbsp;properties being affected by a <a title=\"en/CSS/CSS transitions\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS/CSS_transitions\">transition effect</a> are calculated. This in essence lets you establish an acceleration curve, so that the speed of the transition can vary over its duration.",
  155
+  "vertical-align": "The <code>vertical-align</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property specifies the vertical alignment of an inline or table-cell element.",
  156
+  "visibility": "The<code> visibility </code>CSS property is used for two things:",
  157
+  "white-space": "The<code> white-space </code>CSS property is used to to describe how whitespace inside the element is handled.",
  158
+  "widows": "where:",
  159
+  "width": "The<code> width </code>CSS property specifies the width of the content area of an element. The <a title=\"en/CSS/box_model#content\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS/box_model#content\">content area</a> is <em>inside</em> the padding, border, and margin of the element.",
  160
+  "word-spacing": "The<code> word-spacing </code>CSS property specifies spacing behavior between tags and words.",
  161
+  "word-wrap": "The <code>word-wrap</code> <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a> property is used to to specify whether or not the browser is allowed to break lines within words in order to prevent overflow when an otherwise unbreakable string is too long to fit.",
  162
+  "z-index": "The<code> z-index </code>CSS property specifies the z-order of an element and its descendants. When elements overlap, z-order determines which one covers the other. An element with a larger z-index generally covers an element with a lower one."
  163
+});
3  js/fc/nls/root/hacktionary.js
... ...
@@ -0,0 +1,3 @@
  1
+define({
  2
+  "css-selector-docs": "This is a CSS selector. It describes the kinds of HTML elements that a CSS rule's style will be applied to."
  3
+});
105  js/fc/nls/root/html-element-docs.js
... ...
@@ -0,0 +1,105 @@
  1
+"use strict";
  2
+
  3
+// Data here was originally scraped from MDN:
  4
+// https://github.com/toolness/hacktionary
  5
+define({
  6
+  "a": "The HTML Anchor Element (<code>&lt;a&gt;</code>) defines a hyperlink, the named target destination for a hyperlink, or both.",
  7
+  "abbr": "The HTML&nbsp;Abbreviation Element (<code>&lt;abbr&gt;</code>) represents an abbreviation and optionally provides a full description for it. If present, the <strong>title</strong> attribute must contain this full description and nothing else.",
  8
+  "address": "The HTML Address&nbsp;Element (<code>&lt;address&gt;)</code> may be used by authors to supply contact information for its nearest <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/article\">&lt;article&gt;</a></code>\n or <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/body\">&lt;body&gt;</a></code>\n ancestor; in the later case, it applies to the whole document.",
  9
+  "area": "The HTML <em>Area</em> element (<code>&lt;area&gt;</code>) defines a hot-spot region on an image, and optionally associates it with a hypertext link. This element is used only within a <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/map\">&lt;map&gt;</a></code>\n element.",
  10
+  "article": "The <em>HTML Article Element</em> (<span style=\"font-family: Courier New;\">&lt;article&gt;</span>) represents a self-contained composition in a document, page, application, or site, which is intended to be independently distributable or reusable, e.g., in syndication. This could be a forum post, a magazine or newspaper article, a blog entry, a user-submitted comment, an interactive widget or gadget, or any other independent item of content.",
  11
+  "aside": "The <em>HTML Aside Element</em> (<span style=\"font-family: Courier New;\">&lt;aside&gt;</span>) represents a section of a page that consists of content that is tangentially related to the content around it, which could be considered separate from that content. Such sections are often represented as sidebars or as inserts; they often contains side explanation like a glossary definition, more loosely related stuff like advertisements, the biography of the author, or in web-applications, profile information or related blog links.",
  12
+  "audio": "The <code>audio</code> element is used to embed sound content in an HTML&nbsp;or XHTML document.&nbsp; The <code>audio</code> element was added as part of HTML5.",
  13
+  "b": "The HTML B Element (<code>&lt;b&gt;</code>) represents a span of text stylistically different from normal text, without a conveying any special importance or relevance. It is typically used for keywords in a summary, product names in a review, or other spans of text whose typical presentation would be boldfaced. Another example of its use is to mark the lead sentence of each paragraph of an article.",
  14
+  "base": "The HTML&nbsp;<em>Base</em> element (<code>&lt;base&gt;</code>) specifies the base URL to use for all relative URLs contained within a document.&nbsp;",
  15
+  "bdi": "The <em>HTML Bi-directional Isolation Element</em> (<code>&lt;bdi&gt;</code>) isolates a span of text that might be formatted in a different direction from other text outside it.",
  16
+  "bdo": "The HTML Bidirectional Override Element (<span style=\"font-family: Courier New;\">&lt;bdo&gt;</span>) is used to override the current directionality of text. It causes the directionality of the characters to be ignored in favor of the specified directionality.",
  17
+  "blockquote": "The HTML <em>Block Quotation</em> (<code>&lt;blockquote&gt;</code>) element indicates that the enclosed text is an extended quotation. Usually, this is rendered visually by indentation (see <a title=\"en/HTML/Element/blockquote#Notes\" rel=\"internal\" href=\"https://developer.mozilla.org/en/HTML/Element/blockquote#Notes\">Notes</a> for how to change it). A URL for the source of the quotation may be given using the <strong>cite</strong> attribute, while a text representation of the source can be given using the <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/cite\">&lt;cite&gt;</a></code>\n element.",
  18
+  "body": "The HTML&nbsp;Body (<code>&lt;body&gt;</code>) element represents the main content of an HTML&nbsp;document. There is only one <code>&lt;body&gt;</code> element in a document.",
  19
+  "br": "The HTML&nbsp;<em>Line Break</em> element (<code>&lt;br&gt;</code>) produces a line break in text (carriage-return). It is useful for writing a poem or an address, where the division of lines is significant.&nbsp;",
  20
+  "button": "The <em>button</em> (<span style=\"font-family: Courier New;\">&lt;button&gt;</span>)&nbsp;HTML element represents a clickable button.",
  21
+  "canvas": "The <em>Canvas</em> (<code>&lt;canvas&gt;</code>) HTML element can be used to draw graphics via scripting (usually <a title=\"en/JavaScript\" rel=\"internal\" href=\"https://developer.mozilla.org/en/JavaScript\">JavaScript</a>). For example, it can be used to draw graphs, make photo compositions or even perform animations.",
  22
+  "caption": "The <em>HTML Table Caption Element</em> (<span style=\"font-family: Courier New;\">&lt;caption&gt;</span>) represents the title of a table. Though it is always the first descendant of a <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/table\">&lt;table&gt;</a></code>\n, its styling, using CSS, may place it elsewhere, relative to the table.",
  23
+  "cite": "The HTML&nbsp;Citation Element (<span style=\"font-family: Courier New;\">&lt;cite&gt;</span>) contains the title of a work, such as a book, song, movie, TV&nbsp;show, sculpture, etc.",
  24
+  "code": "The HTML Code Element (<span style=\"font-family: Courier New;\">&lt;code&gt;</span>) represents a fragment of computer code. By default, it is displayed in the browser's default monospace font.",
  25
+  "col": "The <em>HTML Table Column Element</em> (<code>&lt;col&gt;</code>) defines a column within a table and is used for defining common semantic on all common cells. It is generally found within a <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/colgroup\">&lt;colgroup&gt;</a></code>\n element.",
  26
+  "colgroup": "The <em>HTML Table Column Group Element</em> (<span style=\"font-family: Courier New;\">&lt;colgroup&gt;</span>) defines a group of column within a table.",
  27
+  "command": "The <code>command </code>element represents a command which the user can invoke.",
  28
+  "datalist": "The <em>HTML Datalist Element</em> (<span style=\"font-family: Courier New;\">&lt;datalist&gt;</span>) contains a set of <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/option\">&lt;option&gt;</a></code>\n elements that represent the possible options for the value of other controls.",
  29
+  "dd": "The Definition Description Element (<span style=\"font-family: Courier New;\">&lt;dd&gt;</span>) indicates the definition of a term in a definition list (<code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/dl\">&lt;dl&gt;</a></code>\n) element. This element can occur only as a child element of a definition list and it must follow a <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/dt\">&lt;dt&gt;</a></code>\n element.",
  30
+  "del": "The Deleted Text (<code>&lt;del&gt;</code>) HTML&nbsp;element represents a range of text that has been deleted from a document. This element is often (but need not be) rendered with strike-through text.",
  31
+  "details": "The HTML <em>details</em> element (<code>&lt;details&gt;</code>) is used as a disclosure widget from which the user the retrieve additional information.",
  32
+  "dfn": "The Definition (<code>&lt;dfn&gt;</code>)&nbsp;HTML element represents the defining instance of a term.",
  33
+  "div": "The Document Division (&lt;div&gt;) HTML&nbsp;element is generic container for flow content, which does not inherently represent anything. It can be used to group elements for styling purposes (using the <strong>class</strong> or <strong>id</strong> attributes), or because they share attribute values, such as <strong>lang</strong>. It should be used only when no other semantic element (such as <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/article\">&lt;article&gt;</a></code>\n or <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/nav\">&lt;nav&gt;</a></code>\n) is appropriate.",
  34
+  "dl": "The HTML <em>Definition List</em> (<code>&lt;dl&gt;</code>) element encloses a list of pairs of terms and descriptions. A common use for this element is to implement a glossary.",
  35
+  "dt": "The HTML Definition Term Element (<span style=\"font-family: Courier New;\">&lt;dt&gt;</span>) identifies a term in a definition list. This element can occur only as a child element of a <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/dl\">&lt;dl&gt;</a></code>\n. It is usually followed by a <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/dd\">&lt;dd&gt;</a></code>\n element; however, multiple <code>&lt;dt&gt;</code> elements in a row indicate several terms that are all defined by the immediate next <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/dd\">&lt;dd&gt;</a></code>\n element.",
  36
+  "em": "The HTML Emphasis Element (<span style=\"font-family: Courier New;\">&lt;em&gt;</span>) marks text that has stress emphasis. The <code>&lt;em&gt;</code> element can be nested, with each level of nesting indicating a greater degree of emphasis.",
  37
+  "embed": "The <em>HTML&nbsp;Embed Element</em> (<code>&lt;embed&gt;</code>) represents an integration point for an external application or interactive content (in other words, a plug-in).",
  38
+  "fieldset": "The HTML&nbsp;element<em> fieldset </em>(<span style=\"font-family: Courier New;\">&lt;fieldset&gt;</span>) is used to group several controls as well as labels (<code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/label\">&lt;label&gt;</a></code>\n) within a web form.",
  39
+  "figcaption": "The <em>HTML Figcaption Element</em> (<code>&lt;figcaption&gt;</code>) represents a caption or a legend associated with a figure or an illustration described by the rest of the data of the <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/figure\">&lt;figure&gt;</a></code>\n element which is its immediate ancestor which means <code>&lt;figcaption&gt;</code> can be the first or last element inside a <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/figure\">&lt;figure&gt;</a></code>\n block.&nbsp;Also, the <em>HTML Figcaption Element&nbsp;</em>is optional; if not provided, then the parent figure element will have no caption.",
  40
+  "figure": "The <em>HTML Figure Element&nbsp;</em>(<span style=\"font-family: Courier New;\">&lt;figure&gt;</span>) represents self-contained content, frequently with a caption&nbsp;(<code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/figcaption\">&lt;figcaption&gt;</a></code>\n)<em><code>,</code></em> and is&nbsp;typically referenced as a single unit. While it is related to the main flow, its position is independent of the main flow. Usually this is an image, an illustration, a diagram, a code snippet, or a schema that is referenced in the main text, but that can be moved to another page or to an appendix without affecting the main flow.",
  41
+  "footer": "The <em>HTML Footer Element</em> (<span style=\"font-family: Courier New;\">&lt;footer&gt;</span>) represents a footer for its nearest sectioning content or <a title=\"en/Sections and Outlines of an HTML5 document#sectioning root\" rel=\"internal\" href=\"https://developer.mozilla.org/en/Sections_and_Outlines_of_an_HTML5_document#sectioning_root\">sectioning root</a> element (i.e, its nearest parent <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/article\">&lt;article&gt;</a></code>\n, <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/aside\">&lt;aside&gt;</a></code>\n, <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/nav\">&lt;nav&gt;</a></code>\n, <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/section\">&lt;section&gt;</a></code>\n, <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/blockquote\">&lt;blockquote&gt;</a></code>\n, <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/body\">&lt;body&gt;</a></code>\n, <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/details\">&lt;details&gt;</a></code>\n, <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/fieldset\">&lt;fieldset&gt;</a></code>\n, <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/figure\">&lt;figure&gt;</a></code>\n, <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/td\">&lt;td&gt;</a></code>\n). A footer typically contains information about the author of the section, copyright data or links to related documents.",
  42
+  "form": "The <em>form</em> (&lt;form&gt;) HTML&nbsp;element represents a section of document that contains interactive controls that enable a user to submit information to a web server.",
  43
+  "h1": "<strong>Heading</strong> elements implement six levels of document headings, <code>&lt;h1&gt;</code> is the most important and <code>&lt;h6&gt;</code> is the least. A heading element briefly describes the topic of the section it introduces. Heading information may be used by user agents, for example, to construct a table of contents for a document automatically.",
  44
+  "head": "The HTML <code>&lt;head&gt;</code> element represents a collection of metadata about the document, including links to or definitions of scripts and style sheets.",
  45
+  "header": "The <em>HTML Header Element</em> (<code>&lt;header&gt;</code>) represents a group of introductory or navigational aids. It may contain some heading elements but also other elements like a logo, wrapped section's header, a search form, and so on.",
  46
+  "hgroup": "The <em>HTML Headings Group Element</em> (<span style=\"font-family: Courier New;\">&lt;hgroup&gt;</span>) represents the heading of a section. It defines a single title that participates in <a title=\"en/Sections and Outlines of an HTML5 document\" rel=\"internal\" href=\"https://developer.mozilla.org/en/Sections_and_Outlines_of_an_HTML5_document\">the outline of the document</a> as the heading of the implicit or explicit section that it belongs too.",
  47
+  "hr": "In \n<span style=\"border: 1px solid rgb(129, 129, 250); background-color: rgb(174, 218, 229); font-size: x-small; white-space: nowrap; padding: 2px;\"><a rel=\"custom\" href=\"/en/HTML/HTML5\">HTML5</a></span> the &lt;hr&gt; element represents a thematic break between paragraph-level elements (for example, a change of scene in a story, or a shift of topic with a section). In previous versions of HTML, it represented a horizontal rule. It may still be displayed as a horizontal rule in visual browsers, but is now defined in semantic terms, rather than presentational terms.",
  48
+  "html": "The HTML root element (<span style=\"font-family: Courier New;\">&lt;html&gt;</span>) represents the root of an HTML or XHTML document. All other elements must be descendants of this element.",
  49
+  "i": "The HTML Offset Text (or Italics) Element (<span style=\"font-family: Courier New;\">&lt;i&gt;</span>) represents a range of text that is set off from the normal text for some reason, for example, technical terms, foreign language phrases, or fictional character thoughts. It is typically displayed in italic type.",
  50
+  "iframe": "The HTML&nbsp;inline frame element (<code>&lt;iframe&gt;</code>) represents a nested browsing context, effectively embedding another HTML page into the current page. Each browsing context has its own session history and active document. The browsing context that contains the embedded content is called the <dfn id=\"parent\">parent</dfn> browsing context. The <dfn id=\"top-level\">top-level</dfn> browsing context (which has no parent) is typically the browser window.",
  51
+  "img": "The HTML Image Element (<code>&lt;img&gt;</code>) represents an image to the document.",
  52
+  "input": "The <em>input</em> (<code>&lt;input&gt;</code>) element is used to create interactive controls for web-based forms.",
  53
+  "ins": "The <em>HTML&nbsp;Inserted Text</em> (<code>&lt;ins&gt;</code>) HTML represents a range of text that has been added to a document.",
  54
+  "kbd": "The HTML Keyboard Input Element (<span style=\"font-family: Courier New;\">&lt;kbd&gt;</span>) produces an inline element displayed in the browser's default monotype font. This element is used to identify user input.",
  55
+  "keygen": "The HTML <code>keygen</code> element exists to facilitate generation of key material, and submission of the public key as part of an HTML form. This mechanism is designed for use with Web-based certificate management systems. It is expected that the <code>keygen</code> element will be used in an HTML form along with other information needed to construct a certificate request, and that the result of the process will be a signed certificate.",
  56
+  "label": "The <em>HTML Label Element</em> (<code>&lt;label&gt;</code>) represents a caption for an item in a user interface. It can be associated with a control either by using the <code>for</code> attribute, or by placing the control element inside the <code>label</code> element. Such a control is called the <em>labeled control</em> of the label element.",
  57
+  "legend": "The <em>HTML Legend Field Element</em> (<span style=\"font-family: Courier New;\">&lt;legend&gt;</span>) represents a caption for the content of its parent <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/fieldset\">&lt;fieldset&gt;</a></code>\n.",
  58
+  "li": "The <em>HTML List item element</em> (<code>&lt;li&gt;</code>) is used to represent a list item. It should be contained in an ordered list (<code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/ol\">&lt;ol&gt;</a></code>), an unordered list (<code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/ul\">&lt;ul&gt;</a></code>) or a menu (<code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/menu\">&lt;menu&gt;</a></code>), where it represents a single entity in that list.",
  59
+  "link": "The <em>HTML Link Element</em> (&lt;link&gt;) specifies relationships between the current document and other documents. Possible uses for this element include defining a relational framework for navigation and linking the document to a style sheet.",
  60
+  "map": "The HTML <em>Map</em> element (<code>&lt;map&gt;</code>) is used with <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/area\">&lt;area&gt;</a></code>\n elements to define a image map.",
  61
+  "mark": "The <em>HTML Mark Element</em> (<span style=\"font-family: Courier New;\">&lt;mark&gt;</span>) represents highlighted text, i.e., a run of text marked for reference purpose, due to its <em>relevance</em> in a particular context. For example it can be used in a page showing search results to highlight every instance of the searched for word.",
  62
+  "menu": "The HTML <em>menu</em> element (<code>&lt;menu&gt;</code>) represents an unordered list of menu choices, or commands.",
  63
+  "meta": "The <em>HTML Meta Element</em> (<code>&lt;meta&gt;</code>) represents any metadata information which cannot be represented using one of the other meta-related element (<code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/base\">&lt;base&gt;</a></code>\n, <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/link\">&lt;link&gt;</a></code>\n, <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/script\">&lt;script&gt;</a></code>\n, <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/style\">&lt;style&gt;</a></code>\n or <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/title\">&lt;title&gt;</a></code>\n). According to the attributes set, the kind of metadata can be one of the following:",
  64
+  "meter": "The HTML <em>meter</em> element (<code>&lt;meter&gt;</code>) represents either a scalar value within a known range or a fractional value.",
  65
+  "nav": "The <em>HTML Navigation Element</em> (<code>&lt;nav&gt;</code>) represents a section of a page that links to other pages or to parts within the page: a section with navigation links.",
  66
+  "noscript": "The HTML NoScript Element (<code>&lt;noscript&gt;</code>) defines a section of html to be inserted if a script type on the page is unsupported or if scripting is currently turned off in the browser.",
  67
+  "object": "The Embedded Object (&lt;object&gt;) element represents an external resource, which can be treated as an image, a nested browsing context, or a resource to be handled by a plugin.",
  68
+  "ol": "The HTML <em>ordered list</em> element (<code>&lt;ol&gt;</code>) represents an ordered list of items. Typically, ordered-list items are displayed with a preceding numbering, which can be of any form, like numerals, letters or Romans numerals or even simple bullets. This numbered style is not defined in the HTML description of the page, but in its associated CSS, using the <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/list-style-type\">list-style-type</a></code>\n property.",
  69
+  "optgroup": "In a web form, the HTML <em>optgroup</em> element (&lt;optgroup&gt;) creates a grouping of options within a <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/select\">&lt;select&gt;</a></code>\n element.",
  70
+  "option": "In a web form, the HTML<em> option </em>element (<span style=\"font-family: Courier New;\">&lt;option&gt;</span>) is used to create a control representing an item within a <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/select\">&lt;select&gt;</a></code>\n, an <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/optgroup\">&lt;optgroup&gt;</a></code>\n or a <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/datalist\">&lt;datalist&gt;</a></code>\n HTML5 element.",
  71
+  "output": "The <em>output</em> (&lt;output&gt;) element represents the result of a calculation.",
  72
+  "p": "<strong>Paragraph</strong> element (&lt;p&gt;) represents a paragraph. It is the most commonly used block-level element.",
  73
+  "param": "<strong>Parameter </strong>element which defines parameters for <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/object\">&lt;object&gt;</a></code>\n.",
  74
+  "pre": "This element represents preformatted text. Text within this element is typically displayed in a non-proportional font exactly as it is laid out in the file. Whitespaces inside this element are displayed as typed.",
  75
+  "progress": "The HTML <em>progress</em> (<code>&lt;progress&gt;</code>) element is used to view the completion progress of a task. While the specifics of how it's displayed is left up to the browser developer, it's typically displayed as a progress bar.",
  76
+  "q": "The <strong>quote</strong> element indicates that the enclosed text is a short inline quotation.",
  77
+  "s": "The <em>HTML&nbsp;Strikethrough Element</em> (<span style=\"font-family: Courier New;\">&lt;s&gt;</span>) renders text with a strike-through, or a line through it. Use the <code>&lt;s&gt;</code> element to represent things that are no longer relevant or no longer accurate. However, <code>&lt;s&gt;</code> is not appropriate when indicating document edits; for that, use the <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/del\">&lt;del&gt;</a></code>\n and <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/ins\">&lt;ins&gt;</a></code>\n elements, as appropriate.",
  78
+  "samp": "The HTML Sample Text Element (<span style=\"font-family: Courier New;\">&lt;samp&gt;</span>) produces an inline element displayed in the browser's default monotype font (Lucida Console). This element was intended to identify sample output from a computer program.",
  79
+  "script": "The <code>script</code> element is used to embed or reference an executable script within an <abbr title=\"Hypertext Markup Language\">HTML</abbr> or <abbr title=\"Extensible Hypertext Markup Language\">XHTML</abbr> document.",
  80
+  "section": "The <em>HTML Section Element</em> (<code>&lt;section&gt;</code>) represents a generic section of a document, i.e., a thematic grouping of content, typically with a heading.",
  81
+  "select": "The <em>select</em> (<code>&lt;select&gt;</code>) HTML element represents a control that presents menu of options. The options within the menu are represented by <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/option\">&lt;option&gt;</a></code>\n elements, which can be grouped by <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/optgroup\">&lt;optgroup&gt;</a></code>\n elements. Options can be pre-selected for the user.",
  82
+  "small": "The HTML Small Element (<span style=\"font-family: Courier New;\">&lt;small&gt;</span>) makes the text <em>font size</em> one size smaller (for example, from large to medium, or from small to x-small) down to the browser's minimum font size.",
  83
+  "source": "The <code>source</code> element is used to specify multiple media resources for <code> audio</code> and <code>video</code> elements in HTML5. It is an empty element. It is commonly used to serve the same media in <a title=\"En/Media formats supported by the audio and video elements\" rel=\"internal\" href=\"https://developer.mozilla.org/En/Media_formats_supported_by_the_audio_and_video_elements\">multiple formats supported by different browsers</a>.",
  84
+  "span": "This HTML element is a generic inline container for phrasing content, which does not inherently represent anything. It can be used to group elements for styling purposes (using the <strong>class</strong> or <strong>id</strong> attributes), or because they share attribute values, such as <strong>lang</strong>. It should be used only when no other semantic element is appropriate. &lt;span&gt; is very much like a <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/div\">&lt;div&gt;</a></code>\n element, but <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/div\">&lt;div&gt;</a></code>\n is a block-level element whereas a &lt;span&gt; is an inline element.",
  85
+  "strong": "The HTML Strong Element (<span style=\"font-family: Courier New;\">&lt;strong&gt;</span>) gives text strong emphasis, typically this is displayed in bold.",
  86
+  "style": "Style element contains style information for a document. Style information should go inside of this element, usually in the CSS language (see <a title=\"CSS\" rel=\"internal\" href=\"https://developer.mozilla.org/en/CSS\">CSS</a>).",
  87
+  "sub": "The <em>HTML Subscript Element</em> (<code>&lt;sub&gt;</code>) defines a span of text that should be displayed, for typographic reasons, lower, and often smaller, than the main span of text.",
  88
+  "summary": "The HTML <em>summary </em>element (<code>&lt;summary&gt;</code>) is used as a summary, caption or legend for the content of a <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/details\">&lt;details&gt;</a></code>\n element.",
  89
+  "sup": "The <em>HTML Superscript Element</em> (<code>&lt;sup&gt;</code>) defines a span of text that should be displayed, for typographic reasons, higher, and often smaller, than the main span of text.",
  90
+  "table": "The <em>HTML Table Element </em>(<code>&lt;table&gt;</code>) represents data in two dimensions or more.",
  91
+  "tbody": "The <em>HTML Table Body Element</em> (<code>&lt;tbody&gt;</code>) defines a set of rows defining the body of the table. Though not mandatory, as the rows of the body can be defined as <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/tr\">&lt;tr&gt;</a></code>\n elements children of the parent <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/table\">&lt;table&gt;</a></code>\n element, if present, all <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/tr\">&lt;tr&gt;</a></code>\n elements part of the body must be included into a unique <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/tbody\">&lt;tbody&gt;</a></code>\n element.",
  92
+  "td": "The <em>HTML Table Cell Element</em> (<code>&lt;td&gt;</code>) defines a cell that content data.",
  93
+  "textarea": "The <em>textarea</em> (<code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/textarea\">&lt;textarea&gt;</a></code>\n) HTML element represents a multi-line plain-text editing control.",
  94
+  "tfoot": "The <em>HTML Table Foot Element</em> (<code>&lt;tfoot&gt;</code>) defines a set of rows summarizing the columns of the table.",
  95
+  "th": "The <em>HTML Table Header Cell Element</em> (<code>&lt;th&gt;</code>) defines a cell that is a header for a group of cells of a table. The group of cells that the header refers to is defined by the \n\n<code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/th#attr-scope\">scope</a></code>\n and \n\n<code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/th#attr-headers\">headers</a></code>\n attribute.",
  96
+  "thead": "The <em>HTML Table Head Element</em> (<code>&lt;thead&gt;</code>) defines a set of rows defining the head of the columns of the table.",
  97
+  "time": "The HTML <em>time</em> element (<code>&lt;time&gt;</code>) represents either time on a 24-hour clock or a precise date in the <a class=\"external\" title=\"http://en.wikipedia.org/wiki/Gregorian_calendar\" rel=\"external\" href=\"http://en.wikipedia.org/wiki/Gregorian_calendar\" target=\"_blank\">Gregorian calendar</a> (with optional time and timezone information).",
  98
+  "title": "The <em>HTML Title Element</em> (<code>&lt;title&gt;</code>) defines the title of the document, shown in a browser's title bar or on the page's tab. It can only contain text and any contained tags are not interpreted.",
  99
+  "tr": "The <em>HTML Table Row Element</em> (<code>&lt;tr&gt;</code>) defines a row of cells in a table. Those can be a mix of <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/td\">&lt;td&gt;</a></code>\n and <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/HTML/Element/th\">&lt;th&gt;</a></code>\n elements.",
  100
+  "u": "The <em>HTML Underline Element</em> (<span style=\"font-family: Courier New;\">&lt;u&gt;</span>) renders text with an underline, a line under the baseline of its content.",
  101
+  "ul": "The HTML <em>unordered list</em> element (<code>&lt;ul&gt;</code>) represents an unordered list of items, namely a collection of items that do not have a numerical ordering, and their order in the list is meaningless. Typically, unordered-list items are displayed with a bullet, which can be of several forms, like a dot, a circle or a squared. The bullet style is not defined in the HTML description of the page, but in its associated CSS, using the <code><a rel=\"custom\" href=\"https://developer.mozilla.org/en/CSS/list-style-type\">list-style-type</a></code>\n property.",
  102
+  "var": "The HTML Variable Element (<code>&lt;var&gt;</code>) represents a variable in a mathematical expression or a programming context.",
  103
+  "video": "The HTML&nbsp; <code>&lt;video&gt;</code> element is used to embed video content in an HTML&nbsp;or XHTML document.",
  104
+  "wbr": "The <em>Word Break Opportunit</em><em>y</em> (<code>&lt;wbr&gt;</code>) HTML element represents a position within text where the browser may optionally break a line, though its line-breaking rules would not otherwise create a break at that location."
  105
+});
1  js/require-config.js
@@ -66,6 +66,7 @@ var require = {
66 66
     "codemirror/html": "../codemirror2/mode/htmlmixed/htmlmixed",
67 67
     text: "require-plugins/text",
68 68
     template: "require-plugins/template",
  69
+    i18n: "require-plugins/i18n",
69 70
     test: "../test",
70 71
     templates: "../templates"
71 72
   }
180  js/require-plugins/i18n.js
... ...
@@ -0,0 +1,180 @@
  1
+/**
  2
+ * @license RequireJS i18n 2.0.1 Copyright (c) 2010-2012, The Dojo Foundation All Rights Reserved.
  3
+ * Available via the MIT or new BSD license.
  4
+ * see: http://github.com/requirejs/i18n for details
  5
+ */
  6
+/*jslint regexp: true */
  7
+/*global require: false, navigator: false, define: false */
  8
+
  9
+/**
  10
+ * This plugin handles i18n! prefixed modules. It does the following:
  11
+ *
  12
+ * 1) A regular module can have a dependency on an i18n bundle, but the regular
  13
+ * module does not want to specify what locale to load. So it just specifies
  14
+ * the top-level bundle, like "i18n!nls/colors".
  15
+ *
  16
+ * This plugin will load the i18n bundle at nls/colors, see that it is a root/master
  17
+ * bundle since it does not have a locale in its name. It will then try to find
  18
+ * the best match locale available in that master bundle, then request all the
  19
+ * locale pieces for that best match locale. For instance, if the locale is "en-us",
  20
+ * then the plugin will ask for the "en-us", "en" and "root" bundles to be loaded
  21
+ * (but only if they are specified on the master bundle).
  22
+ *
  23
+ * Once all the bundles for the locale pieces load, then it mixes in all those
  24
+ * locale pieces into each other, then finally sets the context.defined value
  25
+ * for the nls/colors bundle to be that mixed in locale.
  26
+ *
  27
+ * 2) A regular module specifies a specific locale to load. For instance,
  28
+ * i18n!nls/fr-fr/colors. In this case, the plugin needs to load the master bundle
  29
+ * first, at nls/colors, then figure out what the best match locale is for fr-fr,
  30
+ * since maybe only fr or just root is defined for that locale. Once that best
  31
+ * fit is found, all of its locale pieces need to have their bundles loaded.
  32
+ *
  33
+ * Once all the bundles for the locale pieces load, then it mixes in all those
  34
+ * locale pieces into each other, then finally sets the context.defined value
  35
+ * for the nls/fr-fr/colors bundle to be that mixed in locale.
  36
+ */
  37
+(function () {
  38
+    'use strict';
  39
+
  40
+    //regexp for reconstructing the master bundle name from parts of the regexp match
  41
+    //nlsRegExp.exec("foo/bar/baz/nls/en-ca/foo") gives:
  42
+    //["foo/bar/baz/nls/en-ca/foo", "foo/bar/baz/nls/", "/", "/", "en-ca", "foo"]
  43
+    //nlsRegExp.exec("foo/bar/baz/nls/foo") gives:
  44
+    //["foo/bar/baz/nls/foo", "foo/bar/baz/nls/", "/", "/", "foo", ""]
  45
+    //so, if match[5] is blank, it means this is the top bundle definition.
  46
+    var nlsRegExp = /(^.*(^|\/)nls(\/|$))([^\/]*)\/?([^\/]*)/;
  47
+
  48
+    //Helper function to avoid repeating code. Lots of arguments in the
  49
+    //desire to stay functional and support RequireJS contexts without having
  50
+    //to know about the RequireJS contexts.
  51
+    function addPart(locale, master, needed, toLoad, prefix, suffix) {
  52
+        if (master[locale]) {
  53
+            needed.push(locale);
  54
+            if (master[locale] === true || master[locale] === 1) {
  55
+                toLoad.push(prefix + locale + '/' + suffix);
  56
+            }
  57
+        }
  58
+    }
  59
+
  60
+    function addIfExists(req, locale, toLoad, prefix, suffix) {
  61
+        var fullName = prefix + locale + '/' + suffix;
  62
+        if (require._fileExists(req.toUrl(fullName))) {
  63
+            toLoad.push(fullName);
  64
+        }
  65
+    }
  66
+
  67
+    /**
  68
+     * Simple function to mix in properties from source into target,
  69
+     * but only if target does not already have a property of the same name.
  70
+     * This is not robust in IE for transferring methods that match
  71
+     * Object.prototype names, but the uses of mixin here seem unlikely to
  72
+     * trigger a problem related to that.
  73
+     */
  74
+    function mixin(target, source, force) {
  75
+        var prop;
  76
+        for (prop in source) {
  77
+            if (source.hasOwnProperty(prop) && (!target.hasOwnProperty(prop) || force)) {
  78
+                target[prop] = source[prop];
  79
+            } else if (typeof source[prop] === 'object') {
  80
+                mixin(target[prop], source[prop], force);
  81
+            }
  82
+        }
  83
+    }
  84
+
  85
+    define(['module'], function (module) {
  86
+        var masterConfig = module.config();
  87
+
  88
+        return {
  89
+            version: '2.0.1',
  90
+            /**
  91
+             * Called when a dependency needs to be loaded.
  92
+             */
  93
+            load: function (name, req, onLoad, config) {
  94
+                config = config || {};
  95
+
  96
+                if (config.locale) {
  97
+                    masterConfig.locale = config.locale;
  98
+                }
  99
+
  100
+                var masterName,
  101
+                    match = nlsRegExp.exec(name),
  102
+                    prefix = match[1],
  103
+                    locale = match[4],
  104
+                    suffix = match[5],
  105
+                    parts = locale.split("-"),
  106
+                    toLoad = [],
  107
+                    value = {},
  108
+                    i, part, current = "";
  109
+
  110
+                //If match[5] is blank, it means this is the top bundle definition,
  111
+                //so it does not have to be handled. Locale-specific requests
  112
+                //will have a match[4] value but no match[5]
  113
+                if (match[5]) {
  114
+                    //locale-specific bundle
  115
+                    prefix = match[1];
  116
+                    masterName = prefix + suffix;
  117
+                } else {
  118
+                    //Top-level bundle.
  119
+                    masterName = name;
  120
+                    suffix = match[4];
  121
+                    locale = masterConfig.locale;
  122
+                    if (!locale) {
  123
+                        locale = masterConfig.locale =
  124
+                            typeof navigator === "undefined" ? "root" :
  125
+                            (navigator.language ||
  126
+                             navigator.userLanguage || "root").toLowerCase();
  127
+                    }
  128
+                    parts = locale.split("-");
  129
+                }
  130
+
  131
+                if (config.isBuild) {
  132
+                    //Check for existence of all locale possible files and
  133
+                    //require them if exist.
  134
+                    toLoad.push(masterName);
  135
+                    addIfExists(req, "root", toLoad, prefix, suffix);
  136
+                    for (i = 0; i < parts.length; i++) {
  137
+                        part = parts[i];
  138
+                        current += (current ? "-" : "") + part;
  139
+                        addIfExists(req, current, toLoad, prefix, suffix);
  140
+                    }
  141
+
  142
+                    req(toLoad, function () {
  143
+                        onLoad();
  144
+                    });
  145
+                } else {
  146
+                    //First, fetch the master bundle, it knows what locales are available.
  147
+                    req([masterName], function (master) {
  148
+                        //Figure out the best fit
  149
+                        var needed = [],
  150
+                            part;
  151
+
  152
+                        //Always allow for root, then do the rest of the locale parts.
  153
+                        addPart("root", master, needed, toLoad, prefix, suffix);
  154
+                        for (i = 0; i < parts.length; i++) {
  155
+                            part = parts[i];
  156
+                            current += (current ? "-" : "") + part;
  157
+                            addPart(current, master, needed, toLoad, prefix, suffix);
  158
+                        }
  159
+
  160
+                        //Load all the parts missing.
  161
+                        req(toLoad, function () {
  162
+                            var i, partBundle, part;
  163
+                            for (i = needed.length - 1; i > -1 && needed[i]; i--) {
  164
+                                part = needed[i];
  165
+                                partBundle = master[part];
  166
+                                if (partBundle === true || partBundle === 1) {
  167
+                                    partBundle = req(prefix + part + '/' + suffix);
  168
+                                }
  169
+                                mixin(value, partBundle);
  170
+                            }
  171
+
  172
+                            //All done, notify the loader.
  173
+                            onLoad(value);
  174
+                        });
  175
+                    });
  176
+                }
  177
+            }
  178
+        };
  179
+    });
  180
+}());

0 notes on commit d533606

Please sign in to comment.
Something went wrong with that request. Please try again.