docgen-tool 3.2.2 → 3.2.5

package/dist/include/require/styles/framework.css

@@ -0,0 +1,1022 @@
+/*
+ page dimensions
+*/
+/*
+ form width
+*/
+/*
+ logo dimensions (should match the logo image file)
+*/
+/*
+ page color scheme
+*/
+/*
+ text color scheme
+*/
+/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
+/* Document
+   ========================================================================== */
+/**
+ * 1. Correct the line height in all browsers.
+ * 2. Prevent adjustments of font size after orientation changes in iOS.
+ */
+html {
+  line-height: 1.15; /* 1 */
+  -webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/* Sections
+   ========================================================================== */
+/**
+ * Remove the margin in all browsers.
+ */
+body {
+  margin: 0;
+}
+
+/**
+ * Render the `main` element consistently in IE.
+ */
+main {
+  display: block;
+}
+
+/**
+ * Correct the font size and margin on `h1` elements within `section` and
+ * `article` contexts in Chrome, Firefox, and Safari.
+ */
+h1 {
+  font-size: 2em;
+  margin: 0.67em 0;
+}
+
+/* Grouping content
+   ========================================================================== */
+/**
+ * 1. Add the correct box sizing in Firefox.
+ * 2. Show the overflow in Edge and IE.
+ */
+hr {
+  box-sizing: content-box; /* 1 */
+  height: 0; /* 1 */
+  overflow: visible; /* 2 */
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+pre {
+  font-family: monospace, monospace; /* 1 */
+  font-size: 1em; /* 2 */
+}
+
+/* Text-level semantics
+   ========================================================================== */
+/**
+ * Remove the gray background on active links in IE 10.
+ */
+a {
+  background-color: transparent;
+}
+
+/**
+ * 1. Remove the bottom border in Chrome 57-
+ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
+ */
+abbr[title] {
+  border-bottom: none; /* 1 */
+  text-decoration: underline; /* 2 */
+  text-decoration: underline dotted; /* 2 */
+}
+
+/**
+ * Add the correct font weight in Chrome, Edge, and Safari.
+ */
+b,
+strong {
+  font-weight: bolder;
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+code,
+kbd,
+samp {
+  font-family: monospace, monospace; /* 1 */
+  font-size: 1em; /* 2 */
+}
+
+/**
+ * Add the correct font size in all browsers.
+ */
+small {
+  font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` elements from affecting the line height in
+ * all browsers.
+ */
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+sup {
+  top: -0.5em;
+}
+
+/* Embedded content
+   ========================================================================== */
+/**
+ * Remove the border on images inside links in IE 10.
+ */
+img {
+  border-style: none;
+}
+
+/* Forms
+   ========================================================================== */
+/**
+ * 1. Change the font styles in all browsers.
+ * 2. Remove the margin in Firefox and Safari.
+ */
+button,
+input,
+optgroup,
+select,
+textarea {
+  font-family: inherit; /* 1 */
+  font-size: 100%; /* 1 */
+  line-height: 1.15; /* 1 */
+  margin: 0; /* 2 */
+}
+
+/**
+ * Show the overflow in IE.
+ * 1. Show the overflow in Edge.
+ */
+button,
+input {
+  /* 1 */
+  overflow: visible;
+}
+
+/**
+ * Remove the inheritance of text transform in Edge, Firefox, and IE.
+ * 1. Remove the inheritance of text transform in Firefox.
+ */
+button,
+select {
+  /* 1 */
+  text-transform: none;
+}
+
+/**
+ * Correct the inability to style clickable types in iOS and Safari.
+ */
+button,
+[type='button'],
+[type='reset'],
+[type='submit'] {
+  -webkit-appearance: button;
+}
+
+/**
+ * Remove the inner border and padding in Firefox.
+ */
+button::-moz-focus-inner,
+[type='button']::-moz-focus-inner,
+[type='reset']::-moz-focus-inner,
+[type='submit']::-moz-focus-inner {
+  border-style: none;
+  padding: 0;
+}
+
+/**
+ * Restore the focus styles unset by the previous rule.
+ */
+button:-moz-focusring,
+[type='button']:-moz-focusring,
+[type='reset']:-moz-focusring,
+[type='submit']:-moz-focusring {
+  outline: 1px dotted ButtonText;
+}
+
+/**
+ * Correct the padding in Firefox.
+ */
+fieldset {
+  padding: 0.35em 0.75em 0.625em;
+}
+
+/**
+ * 1. Correct the text wrapping in Edge and IE.
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
+ * 3. Remove the padding so developers are not caught out when they zero out
+ *    `fieldset` elements in all browsers.
+ */
+legend {
+  box-sizing: border-box; /* 1 */
+  color: inherit; /* 2 */
+  display: table; /* 1 */
+  max-width: 100%; /* 1 */
+  padding: 0; /* 3 */
+  white-space: normal; /* 1 */
+}
+
+/**
+ * Add the correct vertical alignment in Chrome, Firefox, and Opera.
+ */
+progress {
+  vertical-align: baseline;
+}
+
+/**
+ * Remove the default vertical scrollbar in IE 10+.
+ */
+textarea {
+  overflow: auto;
+}
+
+/**
+ * 1. Add the correct box sizing in IE 10.
+ * 2. Remove the padding in IE 10.
+ */
+[type='checkbox'],
+[type='radio'] {
+  box-sizing: border-box; /* 1 */
+  padding: 0; /* 2 */
+}
+
+/**
+ * Correct the cursor style of increment and decrement buttons in Chrome.
+ */
+[type='number']::-webkit-inner-spin-button,
+[type='number']::-webkit-outer-spin-button {
+  height: auto;
+}
+
+/**
+ * 1. Correct the odd appearance in Chrome and Safari.
+ * 2. Correct the outline style in Safari.
+ */
+[type='search'] {
+  -webkit-appearance: textfield; /* 1 */
+  outline-offset: -2px; /* 2 */
+}
+
+/**
+ * Remove the inner padding in Chrome and Safari on macOS.
+ */
+[type='search']::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+/**
+ * 1. Correct the inability to style clickable types in iOS and Safari.
+ * 2. Change font properties to `inherit` in Safari.
+ */
+::-webkit-file-upload-button {
+  -webkit-appearance: button; /* 1 */
+  font: inherit; /* 2 */
+}
+
+/* Interactive
+   ========================================================================== */
+/*
+ * Add the correct display in Edge, IE 10+, and Firefox.
+ */
+details {
+  display: block;
+}
+
+/*
+ * Add the correct display in all browsers.
+ */
+summary {
+  display: list-item;
+}
+
+/* Misc
+   ========================================================================== */
+/**
+ * Add the correct display in IE 10+.
+ */
+template {
+  display: none;
+}
+
+/**
+ * Add the correct display in IE 10.
+ */
+[hidden] {
+  display: none;
+}
+
+/*
+	:focus styling
+
+	why? - http://outlinenone.com/
+
+	Firefox issue (workaround):
+	outline appears outside the box-shadow: http://stackoverflow.com/questions/7833587/css-outline-not-rendering-correctly-in-firefox
+		- workaround is to implement inset box-shadow
+		- avoid using browser-specific workaround (-moz-outline-offset, outline-offset)
+		- avoid using border instead of outline because it can impact on sizing
+
+	Webkit issue (minor):
+	box-shadow does work for select, radio, and checkbox inputs - http://code.google.com/p/chromium/issues/detail?id=96192
+		- avoid using -webkit-appearance: none because it worsens input usability
+
+	Webkit issue (minor):
+	In Webkit, elements do not receive focus when clicked:
+		- https://bugs.webkit.org/show_bug.cgi?id=22261
+
+	For form focus styles, see forms.scss
+*/
+a:focus,
+button:focus,
+input[type='button']:focus,
+input[type='submit']:focus {
+  color: #4b91ff !important;
+  outline: none;
+}
+
+/*
+ reused entities
+*/
+.w-clear-after::after,
+.w-clear,
+header::after {
+  clear: both;
+  height: 0;
+  visibility: hidden;
+  display: block;
+  content: ' ';
+}
+
+/*
+ alignment
+*/
+.w-left {
+  text-align: left;
+  display: block;
+  margin-left: 0;
+  margin-right: auto;
+}
+
+.w-right {
+  text-align: right;
+  display: block;
+  margin-left: auto;
+  margin-right: 0;
+}
+
+.w-center {
+  text-align: center;
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.w-inline {
+  display: inline;
+}
+
+/*
+ misc. entities
+*/
+#w-browser-warning {
+  text-align: center;
+}
+
+.w-invisible {
+  display: none;
+}
+
+/*
+ page
+*/
+html {
+  background-color: rgb(1, 3, 4);
+  color: #444;
+}
+html body {
+  min-width: 1020px;
+}
+html body .w-fixed-width {
+  width: 980px;
+  margin: 0 auto;
+}
+
+/*
+ header
+*/
+header {
+  color: rgb(1, 3, 4);
+  background-color: #fff;
+  border-top: 2px solid rgb(1, 3, 4);
+  border-bottom: 2px solid rgb(1, 3, 4);
+}
+header a,
+header a:hover,
+header a:active,
+header a:visited,
+header .w-false-link,
+header .w-false-link:hover {
+  color: rgb(1, 3, 4);
+}
+header .header-title {
+  display: table-cell;
+  vertical-align: middle;
+  padding: 30px 0 30px 0;
+}
+header .header-title > a {
+  text-decoration: none;
+  font-weight: bold;
+  font-size: 16px;
+}
+header .header-title > a div {
+  background-repeat: no-repeat;
+  height: 42px;
+  line-height: 42px;
+  padding-left: 115px;
+}
+header .header-extra {
+  display: table-cell;
+  vertical-align: middle;
+  text-align: right;
+}
+/*
+ footer
+*/
+footer div {
+  padding: 15px 0 15px 0;
+}
+footer > div:first-child {
+  text-align: center;
+  background-color: rgb(222, 232, 252);
+}
+footer > div:nth-child(2) {
+  color: #fff;
+  text-align: center;
+  line-height: 35px;
+}
+footer > div:nth-child(2) a,
+footer > div:nth-child(2) a:hover,
+footer > div:nth-child(2) a:active,
+footer > div:nth-child(2) a:visited,
+footer > div:nth-child(2) .w-false-link,
+footer > div:nth-child(2) .w-false-link:hover {
+  color: #fff;
+}
+footer > div:nth-child(2) > p:nth-child(2) {
+  font-size: 10px;
+  line-height: 12px;
+}
+
+/*
+ page content
+*/
+section {
+  background-color: #fff;
+  padding: 25px 0 25px 0;
+}
+section > div p,
+section > div div,
+section > div pre,
+section > div ul,
+section > div ol,
+section > div table,
+section > div blockquote {
+  margin: 20px 0 20px 0;
+}
+
+/*
+ typography
+*/
+@font-face {
+  font-family: 'montserrat';
+  src: url('fonts/Montserrat-Regular.woff') format('woff');
+  font-weight: normal;
+  font-style: normal;
+}
+@font-face {
+  font-family: 'montserrat';
+  src: url('fonts/Montserrat-SemiBold.woff') format('woff');
+  font-weight: bold;
+  font-style: normal;
+}
+@font-face {
+  font-family: 'montserrat';
+  src: url('fonts/Montserrat-Italic.woff') format('woff');
+  font-weight: normal;
+  font-style: italic;
+}
+@font-face {
+  font-family: 'montserrat';
+  src: url('fonts/Montserrat-SemiBoldItalic.woff') format('woff');
+  font-weight: bold;
+  font-style: italic;
+}
+@font-face {
+  font-family: 'droid-sans-mono';
+  src: url('fonts/DroidSansMono.woff') format('woff');
+  font-weight: normal;
+  font-style: normal;
+}
+body {
+  font-family: 'montserrat', Arial, sans-serif;
+  font-size: 14px;
+  line-height: 20px;
+}
+
+.w-small {
+  font-size: 12px;
+}
+
+.w-large {
+  font-size: 18px;
+}
+
+.w-massive {
+  font-size: 34px;
+}
+
+.w-bold {
+  font-weight: bold;
+}
+
+.w-information-text {
+  color: #0e3d9a;
+}
+
+.w-success-text {
+  color: #218900;
+}
+
+.w-warning-text {
+  color: #8a6b00;
+}
+
+.w-error-text {
+  color: #b30000;
+}
+
+.w-de-emphasised-text {
+  color: #bbb;
+}
+
+/*
+ links
+*/
+a,
+.w-false-link,
+.w-link-button {
+  color: rgb(1, 3, 4);
+}
+
+a:hover,
+.w-false-link:hover,
+.w-link-button:hover {
+  color: #1c536e;
+  text-decoration: none;
+}
+
+a:active {
+  background: none;
+}
+
+a:visited {
+  color: #1c536e;
+}
+
+.w-false-link,
+.w-link-button {
+  text-decoration: underline;
+  cursor: pointer;
+}
+
+.w-message {
+  border-radius: 5px;
+}
+
+.w-success {
+  background-color: #ccffbc;
+  border: 1px solid #218900;
+  padding: 10px;
+  color: #218900;
+}
+.w-success a,
+.w-success a:hover,
+.w-success a:active,
+.w-success a:visited,
+.w-success .w-false-link,
+.w-success .w-false-link:hover {
+  color: #218900;
+}
+
+.w-warning {
+  background-color: #fff0bd;
+  border: 1px solid #8a6b00;
+  padding: 10px;
+  color: #8a6b00;
+}
+.w-warning a,
+.w-warning a:hover,
+.w-warning a:active,
+.w-warning a:visited,
+.w-warning .w-false-link,
+.w-warning .w-false-link:hover {
+  color: #8a6b00;
+}
+
+.w-error {
+  background-color: #ffe6e6;
+  border: 1px solid #b30000;
+  padding: 10px;
+  color: #b30000;
+}
+.w-error a,
+.w-error a:hover,
+.w-error a:active,
+.w-error a:visited,
+.w-error .w-false-link,
+.w-error .w-false-link:hover {
+  color: #b30000;
+}
+
+.w-information {
+  background-color: rgb(222, 232, 252);
+  border: 1px solid #0e3d9a;
+  padding: 10px;
+  color: #0e3d9a;
+}
+.w-information a,
+.w-information a:hover,
+.w-information a:active,
+.w-information a:visited,
+.w-information .w-false-link,
+.w-information .w-false-link:hover {
+  color: #0e3d9a;
+}
+
+/*
+ headings
+*/
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-decoration: none;
+  font-weight: bold;
+  color: rgb(1, 3, 4);
+  padding-bottom: 5px;
+  border-bottom: 1px solid #999;
+  margin: 20px 0 20px 0;
+}
+
+h1 {
+  font-size: 20px;
+  padding-bottom: 6px;
+}
+
+h2 {
+  font-size: 18px;
+  padding-bottom: 4px;
+}
+
+h3 {
+  font-size: 16px;
+  padding-bottom: 4px;
+}
+
+h4 {
+  font-size: 14px;
+  padding-bottom: 3px;
+}
+
+h5 {
+  font-size: 13px;
+  padding-bottom: 2px;
+}
+
+h6 {
+  font-size: 12px;
+  padding-bottom: 2px;
+}
+
+.w-no-underline {
+  border-bottom: none;
+}
+
+/*
+ lists
+*/
+ul,
+ol {
+  padding-left: 15px;
+}
+
+ul {
+  list-style-type: disc;
+}
+
+ol {
+  list-style-type: decimal;
+}
+
+li.list-heading {
+  position: relative;
+  left: -15px;
+  list-style-type: none;
+  font-weight: bold;
+}
+
+section > div ul ul,
+section > div ol ol {
+  margin: 0;
+} /*don't put margin on nested lists*/
+/*
+ blockquotes
+*/
+blockquote {
+  padding: 20px 30px;
+  border-radius: 2px;
+  border-left: 5px solid rgb(46, 113, 225);
+  background-color: rgb(222, 232, 252);
+}
+
+/*
+ pre-formatted, code
+*/
+code {
+  font-family: 'droid-sans-mono', Courier, monospace;
+}
+
+pre {
+  padding: 12px;
+  background-color: #222;
+  border: 1px solid #999;
+  line-height: 14px;
+  border-radius: 6px;
+}
+
+.w-inline-code {
+  background-color: #222;
+  vertical-align: middle;
+  display: inline-block !important;
+  padding: 2px !important;
+  border-radius: 2px;
+}
+
+table,
+.w-table {
+  border-spacing: 0;
+}
+
+.w-table {
+  width: 700px;
+  border-collapse: collapse;
+}
+.w-table td,
+.w-table th {
+  border: 1px solid #999;
+  padding: 2px 15px 2px 15px;
+  height: 25px;
+  vertical-align: middle;
+}
+.w-table th,
+.w-table tfoot td {
+  background-color: #ddd;
+  font-weight: bold;
+}
+.w-table caption {
+  caption-side: bottom;
+  font-weight: bold;
+  padding: 15px;
+}
+.w-table.w-fixed {
+  table-layout: fixed;
+  word-wrap: break-word;
+}
+.w-table.w-stripe tbody tr:nth-of-type(2n) {
+  background-color: #eee;
+}
+.w-table th.w-center,
+.w-table td.w-center {
+  display: table-cell;
+}
+
+/*
+ buttons
+*/
+button,
+.button {
+  cursor: pointer;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  outline: 0;
+  vertical-align: baseline;
+  border: 2px solid rgb(46, 113, 225);
+  background: rgb(46, 113, 225);
+  color: white !important;
+  padding: 12px 26px;
+  text-transform: none;
+  text-shadow: none;
+  line-height: 1em;
+  font-style: normal;
+  text-align: center;
+  text-decoration: none;
+  border-radius: 6px;
+  user-select: none;
+  transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease,
+    box-shadow 0.1s ease, background 0.1s ease;
+  height: 14px;
+  max-width: 100%;
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
+}
+button:hover,
+.button:hover {
+  opacity: 0.8;
+}
+button:focus,
+.button:focus {
+  color: white !important;
+  box-shadow: 0 0 0 2px rgba(22, 71, 193, 0.25);
+}
+button:active,
+.button:active {
+  box-shadow: none;
+}
+button:hover,
+button:focus,
+button:active,
+.button:hover,
+.button:focus,
+.button:active {
+  position: relative;
+  z-index: 1;
+}
+button .icon,
+.button .icon {
+  margin: 0 0 0 38px;
+}
+button .icon svg,
+.button .icon svg {
+  height: 12px;
+  width: 12px;
+}
+
+.inverted {
+  background-color: transparent;
+  color: rgb(46, 113, 225) !important;
+  border: 2px solid rgb(46, 113, 225);
+  box-shadow: none;
+}
+.inverted:hover,
+.inverted:focus,
+.inverted:active {
+  background-color: rgb(46, 113, 225);
+  color: white !important;
+  box-shadow: none;
+  opacity: 1;
+}
+
+.whiteInverted {
+  background-color: transparent;
+  color: white !important;
+  border: 2px solid white;
+  box-shadow: none;
+}
+
+.w-image-shadow {
+  box-shadow: 0 0 8px black;
+}
+
+.w-image-border {
+  border: 1px solid #333;
+}
+
+.w-image-rounded {
+  border-radius: 5px;
+}
+
+.w-image-circle {
+  border-radius: 100%;
+}
+
+.w-caption-image img {
+  float: right;
+}
+
+.w-caption {
+  float: left;
+}
+
+.w-caption-image {
+  position: relative;
+  display: inline-block;
+  margin: 0;
+}
+
+.w-caption {
+  position: absolute;
+  background-color: rgba(0, 0, 0, 0.6);
+  bottom: 0;
+  margin: 0;
+  width: 100%;
+  color: white;
+  overflow: hidden;
+}
+
+.w-caption span {
+  display: block;
+  padding: 5px;
+}
+
+/*
+ icons
+*/
+.w-icon {
+  width: 25px;
+  height: 25px;
+  display: inline-block;
+  margin: 0;
+  overflow: hidden;
+}
+
+.w-icon svg {
+  margin: 0;
+  fill: rgb(1, 3, 4);
+}
+
+/*table icons*/
+.w-table td > .w-icon {
+  vertical-align: middle;
+}
+
+/*button icons*/
+.w-icon-button {
+  padding-left: 2px;
+}
+.w-icon-button .w-icon {
+  display: inline-block;
+  float: left;
+  width: 28px;
+  height: 28px;
+  padding: 0;
+  margin: 0;
+}
+.w-icon-button .w-icon > svg {
+  fill: #444;
+}
+.w-icon-button span:nth-child(2) {
+  display: inline-block;
+  padding: 4px 0 0 2px;
+}
+.w-icon-button.w-large {
+  padding-left: 8px;
+}
+
+/*message icons*/
+.w-message > .w-icon {
+  width: 21px;
+  height: 21px;
+  float: left;
+  margin-right: 5px;
+}
+
+.w-success > .w-icon svg {
+  fill: #218900;
+}
+
+.w-warning > .w-icon svg {
+  fill: #8a6b00;
+}
+
+.w-error > .w-icon svg {
+  fill: #b30000;
+}
+
+.w-information > .w-icon svg {
+  fill: #0e3d9a;
+}
+
+td.center {
+  display: table-cell;
+}