diff --git a/docs/_includes/head_print.html b/docs/_includes/head_print.html
index 8f10c28f86..e430cc9798 100755
--- a/docs/_includes/head_print.html
+++ b/docs/_includes/head_print.html
@@ -5,14 +5,6 @@
{% if page.homepage == true %} {{site.homepage_title}} {% elsif page.title %}{{ page.title }}{% endif %} | {{ site.site_title }}
-
-
-
-
-
-
-
-
diff --git a/docs/css/customstyles.css b/docs/css/customstyles.css
deleted file mode 100755
index be717a0426..0000000000
--- a/docs/css/customstyles.css
+++ /dev/null
@@ -1,1114 +0,0 @@
-html,body {
- font-size: inherit;
-}
-
-.post-content.ul, .post-content.ol {
- padding-left: 40px !important;
- list-style: disc !important;
-}
-
-.bs-callout {
- padding: 20px;
- margin: 20px 0;
- border: 1px solid #eee;
- border-left-width: 5px;
- border-radius: 3px;
-}
-.bs-callout h4 {
- margin-top: 0;
- margin-bottom: 5px;
-}
-.bs-callout p:last-child {
- margin-bottom: 0;
-}
-.bs-callout code {
- border-radius: 3px;
-}
-.bs-callout+.bs-callout {
- margin-top: -5px;
-}
-.bs-callout-default {
- border-left-color: #777;
-}
-.bs-callout-default h4 {
- color: #777;
-}
-.bs-callout-primary {
- border-left-color: #428bca;
-}
-.bs-callout-primary h4 {
- color: #428bca;
-}
-.bs-callout-success {
- border-left-color: #5cb85c;
-}
-.bs-callout-success h4 {
- color: #5cb85c;
-}
-.bs-callout-danger {
- border-left-color: #d9534f;
-}
-.bs-callout-danger h4 {
- color: #d9534f;
-}
-.bs-callout-warning {
- border-left-color: #f0ad4e;
-}
-.bs-callout-warning h4 {
- color: #f0ad4e;
-}
-.bs-callout-info {
- border-left-color: #5bc0de;
-}
-.bs-callout-info h4 {
- color: #5bc0de;
-}
-
-
-.gi-2x{font-size: 2em;}
-.gi-3x{font-size: 3em;}
-.gi-4x{font-size: 4em;}
-.gi-5x{font-size: 5em;}
-
-
-
-
-
-.breadcrumb > .active {color: #777 !important;}
-
-/* make room for the nav bar */
-h1[id],
-h2[id],
-h3[id],
-h4[id],
-h5[id],
-h6[id],
-dt[id]{
-
-}
-
-.post-content.img {
- margin: 12px 0px 3px 0px;
- width: auto;
- height: auto;
- max-width: 100%;
- max-height: 100%;
-}
-
-.post-content>ol li, .post-content>ul li {
- //margin: 10px 0px 20px 0;
- margin: 10px 0px 10px 0;
-}
-
-.pageSummary {
- font-size:13px;
- display:block;
- margin-bottom:15px;
- padding-left:20px;
-}
-
-.post-summary {
- margin-bottom:12px;
-}
-
-.bs-example{
- margin: 20px;
-}
-
-.breadcrumb li {
- color: gray;
-}
-
-p.external a {
- text-align:right;
- font-size:12px;
- color: #0088cc;
- display:inline;
-}
-
-#definition-box-container div a.active {
- font-weight: bold;
-}
-p.post-meta {font-size: 80%; color: #777;}
-
-.entry-date{font-size:14px;font-size:0.875rem;line-height:1.71429;margin-bottom:0;text-transform:uppercase;}
-
-
-.filter-options {
- margin-bottom: 20px;
-}
-.filter-options button {
- margin: 3px;
-}
-
-div#toc ul li {
- margin: 8px 0px 8px 22px;
- font-size: 90%;
- list-style: square;
-}
-div#toc ul {
- background-color: whitesmoke;
- padding: 5px;
- border-radius: 5px;
- max-width: 300px;
- color: gray;
-}
-
-div#toc ul li ul {
- padding-left:8px;
-
-}
-
-div#toc ul li ul li::before {
- content: "– ";
-}
-
-div#toc >ul::before {
- content: "Table of Contents";
- font-weight: 500;
- color: #555;
- text-align:center;
- margin-left:auto;
- margin-right:auto;
- width:70px;
- padding-top:20px;
- padding-bottom:20px;
- padding-left:10px;
-}
-
-li.dropdownActive a {
- font-weight: bold;
-}
-
-
-.post-content a.fa-rss {
- color: orange;
-}
-
-.navbar-inverse{
- background-color: #008dee;
-}
-
-.navbar-inverse .navbar-nav > li > a {
- background-color: transparent;
- margin-top:10px;
- color: #fff;
-}
-
-
-
-.post-content .rssfeedLink {
- color: #248EC2;
-}
-
-footer {
- font-size: smaller;
-}
-
-/* FAQ page */
-#accordion .panel-heading {
- font-size: 12px;
-}
-
-a.accordion-toggle, a.accordion-collapsed {
- font-size: 14px;
- text-decoration: none;
-}
-
-
-.sidebarTitle h2{
- margin-bottom: 0;
-}
-
-.sidebarTitle h2 .anchorjs-link{
- display: none;
-}
-
-/* navgoco sidebar styles (customized) */
-.nav, .nav ul, .nav li {
- list-style: none;
-}
-
-.nav ul {
- padding: 0;
- /*margin: 0 0 0 18px;*/
- margin:0px;
-}
-
-.nav {
- /* padding: 4px;*/
- padding:0px;
- margin: 0px;
-}
-
-.nav > li {
- margin: 1px 0;
-}
-
-.nav > li li {
- margin: 2px 0;
-}
-
-.nav a {
- color: #333;
- display: block;
- outline: none;
- /*-webkit-border-radius: 4px;
- -moz-border-radius: 4px;
- border-radius: 4px;*/
- text-decoration: none;
-}
-
-.nav li > a > span {
- float: right;
- font-size: 19px;
- font-weight: bolder;
-}
-
-
-.nav li > a > span:after {
- content: '\25be';
-}
-.nav li.active > a > span:after {
- content: '\25b4';
-}
-
-.nav a:hover, .nav li.active > a {
- background-color: #8D8D8D;
- color: #f5f5f5;
-}
-
-.nav > li.active > a {
- background-color: #f1f1f1;
- color: #333;
-}
-
-.nav li a {
- font-size: 12px;
- line-height: 18px;
- padding: 2px 10px;
- background-color: #f1f1f1;
-}
-
-.nav > li > a {
- font-size: 14px;
- line-height: 20px;
- padding: 4px 10px;
- margin-top: 20px;
-}
-
-
-.nav ul li ul li a {
- padding-left:40px;
-}
-
-.nav li.thirdlevel > a {
- color: #248EC2;
- font-weight:bold;
- padding-left:20px;
- background-color: whitesmoke !important;
-}
-
-
-.nav ul li a {
- background-color: #FAFAFA;
-}
-
-.nav li a {
- padding-right:10px;
-}
-
-.nav li a:hover {
- background-color: #8D8D8D;
-}
-
-.nav ul li a {
- border-top:1px solid whitesmoke;
- padding-left:10px;
-}
-/* end sidebar */
-
-.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
- border-radius:5px;
-}
-
-.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
- border-radius: 5px;
-}
-
-img.screenshotSmall {
- max-width: 300px;
-}
-
-
-dl dt p {
- margin-left:20px;
-}
-
-
-dl dd {
- margin-top:10px;
- margin-bottom:10px;
-}
-
-dl.dl-horizontal dd {
- padding-top: 20px;
-}
-
-figcaption {
-
- padding-bottom:12px;
- padding-top:6px;
- max-width: 90%;
- margin-bottom:20px;
- font-style: italic;
- color: gray;
-
-}
-
-.testing {
- color: orange;
-}
-
-.preference {
- color: red;
-}
-
-
-table.dataTable thead {
- background-color: #444;
-}
-table td {
- hyphens: auto;
-}
-
-section table tr.success {
- background-color: #dff0d8 !important;
-}
-
-table tr.info {
- background-color: #d9edf7 !important;
-}
-
-section table tr.warning, table tr.testing, table tr.testing > td.sorting_1 {
- background-color: #fcf8e3 !important;
-}
-section table tr.danger, table tr.preference, table tr.preference > td.sorting_1 {
- background-color: #f2dede !important;
-}
-
-.orange {
- color: orange;
-}
-
-table.profile thead tr th {
- background-color: #248ec2;
-}
-
-table.request thead tr th {
- background-color: #ED1951;
-}
-
-.audienceLabel {
- margin: 10px;
- float: right;
- border:1px solid #dedede;
- padding:7px;
-}
-
-.prefaceAudienceLabel {
- color: gray;
- text-align: center;
- margin:5px;
-}
-span.myLabel {
- padding-left:10px;
- padding-right:10px;
-}
-
-button.cursorNorm {
- cursor: default;
-}
-
-a.dropdown-toggle, .navbar-inverse .navbar-nav > li > a {
- margin-left: 10px;
-}
-
-hr.faded {
- border: 0;
- height: 1px;
- background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
- background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
- background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
- background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
-}
-
-hr.shaded {
- height: 12px;
- border: 0;
- box-shadow: inset 0 6px 6px -6px rgba(0,0,0,0.5);
- margin-top: 70px;
- background: white;
- width: 100%;
- margin-bottom: 10px;
-}
-
-.fa-6x{font-size:900%;}
-.fa-7x{font-size:1100%;}
-.fa-8x{font-size:1300%;}
-.fa-9x{font-size:1500%;}
-.fa-10x{font-size:1700%;}
-
-i.border {
- padding: 10px 20px;
- background-color: whitesmoke;
-}
-
-a[data-toggle] {
- color: #248EC2;
-}
-
-.summary {
- font-size:120%;
- color: #808080;
- margin:20px 0px 40px 0px;
- border-left: 5px solid #ED1951;
- padding-left: 10px;
-
-}
-
-.summary:before {
- font-weight: bold;
-}
-
-
-a.fa.fa-envelope-o.mailto {
- font-weight: 600;
-}
-.alert, .callout {
- overflow: hidden;
-}
-
-.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
- background-color: #248ec2;
- color: white;
-}
-
-ol li ol li {list-style-type: lower-alpha;}
-ol li ul li {list-style-type: disc;}
-
-li img {clear:both; }
-
-div#toc ul li ul li {
- list-style-type: none;
- margin: 5px 0px 0px 0px;
-}
-
-.tab-content {
- padding: 15px;
- background-color: #FAFAFA;
-}
-
-span.tagTitle {font-weight: 500;}
-
-li.activeSeries {
- font-weight: bold;
-}
-
-.seriesContext .dropdown-menu li.active {
- font-weight: bold;
- margin-left: 43px;
- font-size:18px;
-}
-
-.alert-warning {
- color: #444;
-}
-
-div.alert code, h2 code {
- background-color: transparent !important;
-}
-/* without this, the links in these notes aren't visible.*/
-.alert a {
- text-decoration: underline;
-}
-
-div.tags {padding: 10px 5px;}
-
-.tabLabel {
- font-weight: normal;
-}
-
-button.cursorNorm {
- cursor: pointer;
-}
-
-h2 {
- font-size:24px;
- line-height:29px;
-}
-span.otherProgrammingLanguages {
- font-style: normal;
-}
-
-a[data-toggle="tooltip"] {
- color: #649345;
- font-style: italic;
- cursor: default;
-}
-
-.seriesNext, .seriesContext {
- margin-top: 15px;
- margin-bottom: 15px;
-}
-
-.seriescontext ol li {
- list-style-type: upper-roman;
-}
-
-ol.series li {
- list-style-type: decimal;
- margin-left: 40px;
- padding-left: 0px;
-}
-
-.siteTagline {
- font-size: 200%;
- font-weight: bold;
- color: silver;
- font-family: monospace;
- text-align: center;
- line-height: 10px;
- margin: 20px 0px;
- display: block;
-}
-
-.versionTagline {
- text-align: center;
- margin-bottom: 20px;
- font-family: courier;
- color: silver;
- color: #444;
- display:block;
-}
-
-/* not sure if using this ...*/
-.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
- border-color: #248ec2 !important;
-}
-
-
-.nav ul.series li {
- list-style: decimal;
- font-size:12px;
-}
-
-.nav ul.series li a:hover {
- background-color: gray;
-}
-.nav ul.series {
- padding-left: 30px;
-}
-
-.nav ul.series {
- background-color: #FAFAFA;
-}
-
-/*
-a.dropdown-toggle.otherProgLangs {
- color: #f7e68f !important;
-}
-*/
-
-span.muted {color: #666;}
-
-table code {background-color: transparent;}
-
-.highlight .err {
- color: #a61717;
- background-color: transparent !important;
-}
-
-table p {
- margin-top: 12px;
- margin-bottom: 12px;
-}
-
-pre, table code {
- white-space: pre-wrap; /* css-3 */
- white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
- white-space: -pre-wrap; /* Opera 4-6 */
- white-space: -o-pre-wrap; /* Opera 7 */
- word-wrap: break-word; /* Internet Explorer 5.5+ */
-}
-
-pre {
- margin: 25px 0px;
- background-color: #fff!important;
-}
-
-#json-box-container pre {
- margin: 0px;
-}
-
-.video-js {
- margin: 30px 0px;
-}
-
-video {
- display: block;
- margin: 30px 0px;
- border: 1px solid #c0c0c0;
-}
-
-
-p.required, p.dataType {display: block; color: #c0c0c0; font-size: 80%; margin-left:4px;}
-
-dd {margin-left:20px;}
-
-.post-content img.inline {
- margin:0px;
- margin-bottom:6px;
-}
-.panel-heading {
- font-weight: bold;
-}
-
-.note code, .alert code, .warning code, div#toc code, h2 code, h3 code, h4 code {
- color: inherit;
- padding: 0px;
-}
-
-.alert {
- margin-bottom:10px;
- margin-top:10px;
-}
-
-a.accordion-toggle {
- font-style: normal;
-}
-
-span.red {
- color: red;
- font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
-}
-
-h3.codeExplanation {
- font-size:18px;
- font-style:normal;
- color: black;
- line-height: 24px;
-}
-
-span.soft {
- color: #c0c0c0;
-}
-
-.githubEditButton {
- margin-bottom:7px;
-}
-
-.endpoint {
- padding: 15px;
- background-color: #f0f0f0;
- font-family: courier;
- font-size: 110%;
- margin: 20px 0px;
- color: #444;
-}
-
-.parameter {
- font-family: courier;
- color: red !important;
-}
-
-.formBoundary {
- border: 1px solid gray;
- padding: 15px;
- margin: 15px 0px;
- background-color: whitesmoke;
-}
-
-@media (max-width: 767px) {
- .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
- color: #444;
- }
-}
-
-.col-md-9.img {
- max-width: 100%;
- max-height: 100%;
-}
-
-
-.post-content.img {
- margin: 12px 0px 3px 0px;
- width: auto;
- height: auto;
- max-width: 100%;
- max-height: 100%;
-}
-.col-md-9.img {
- max-width: 100%;
- max-height: 100%;
-}
-
-
-.post-content.img {
- margin: 12px 0px 3px 0px;
- width: auto;
- height: auto;
- max-width: 100%;
- max-height: 100%;
-}
-
-.videoThumbs.img {
- float: left;
- margin:15px 15px 15px 0px;
- box-shadow: 2px 2px 1px #f0f0f0;
- border: 1px solid #dedede;
-}
-
-
-@media only screen and (min-width: 900px), only screen and (min-device-width: 900px) {
-}
-
-*:hover > .anchorjs-link {
- transition: color .25s linear;
- text-decoration: none;
-}
-
-.kbCaption {
- color: white;
- background-color: #444;
- padding:10px;
-}
-
-/* Strip the outbound icon when this class is present */
-a[href].noCrossRef::after,
-a.no_icon:after
- {
- content:"" !important;
- padding-left: 0;
-}
-
-.bfd-default {
- margin-bottom: 10px;
-}
-
-/* algolia search */
-
-.search {
- text-align: left;
-}
-.search input {
- font-size: 20px;
- width: 300px;
-}
-.results {
- margin: auto;
- text-align: left;
-}
-.results ul {
- list-style-type: none;
- padding: 0;
-}
-
-/* algolia */
-
-div.results {
- position: absolute;
- background-color: white;
- width: 100%;
-}
-
-.post-meta {
- font-size: 14px;
- color: #828282;
-}
-
-.post-link {
- font-size: 22px;
-}
-
-.post-list p {
- margin: 10px 0px;
-}
-
-time {
- margin-right: 10px;
-}
-
-p.post-meta time {
- margin-right: 0px;
-}
-
-span.label.label-default {
- background-color: gray;
-}
-
-span.label.label-primary {
- background-color: #f0ad4e;
-}
-.col-lg-12 .nav li a {background-color: white}
-
-
-.nav li.active > a.subfoldersTitle {
- background-color: whitesmoke;
- font-weight: bold;
- color: black;
- }
-
-a code {
- color: #248EC2;
-}
-
-code + a > code {
- margin-left: -7px;
-}
-
-table th code {
- color: white;
-}
-
-ol li ul li ol li {
- list-style: decimal;
-}
-
-ol li ul li ol li ul li{
- list-style: disc;
-}
-
-.post-content table th {
- vertical-align: top;
-}
-
-table thead th code.highlighter-rouge {
- background-color: transparent;
-}
-
-
-.box {
- padding: 10px;
- border: 1px solid #888;
- box-shadow: 2px 2px 4px #dedede;
- width: 100px;
- height: 80px;
- background-color: #f5f5f5;
- font-family: Arial;
- font-size: 12px;
- hyphens: auto;
- float: left;
- font-size: 12px;
-}
-
-.box:hover {
- background-color: #f0f0f0;
-}
-
-#userMap {
- overflow-x: auto;
- overflow-y: auto;
- padding: 20px;
- min-width: 770px;
-}
-
-#userMap .active {
- background-color: #d6f5d6;
- border:1px solid #555;
- font-weight: bold;
-}
-
-h2.userMapTitle {
- font-family: Arial;
-}
-
-#userMap a:hover {
- text-decoration: none;
- }
-
-div.arrow {
- max-width: 50px;
- margin-left: 15px;
- margin-right: 15px;
- font-size: 20px;
-}
-
-div.content {
- max-width: 110px
-}
-
-#userMap div.arrow, #userMap div.content {
- float: left;
-}
-
-.clearfix {
- clear: both;
-}
-
-
-#userMap div.arrow {
- position: relative;
- top: 30px;
-}
-
-.box1 {
- margin-left:0px;
-}
-
-button.btn.bfd-default.bfd-lg.modalButton1 {
- margin-left: -20px;
-}
-
-div.box.box1 {
- margin-left: -20px;
-}
-
-#userMap .bfd-lg {
- width: 100px;
- height: 80px;
-
-}
-
-#userMap .complexArrow {
- font-size: 22px;
- margin: 0px 10px;
-}
-
-
-#userMap .bfd-lg .active {
- background-color: #d6f5d6;
-}
-
-#userMap .bfd-lg {
- white-space: pre-wrap; /* css-3 */
- white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
- white-space: -pre-wrap; /* Opera 4-6 */
- white-space: -o-pre-wrap; /* Opera 7 */
- word-wrap: break-word; /* Internet Explorer 5.5+ */
- font-size: 14px;
- }
-
-/*
- * Let's target IE to respect aspect ratios and sizes for img tags containing SVG files
- *
- * [1] IE9
- * [2] IE10+
- */
-/* 1 */
-.ie9 img[src$=".svg"] {
- width: 100%;
-}
-/* 2 */
-@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
- img[src$=".svg"] {
- width: 100%;
- }
-}
-
-h4.panel-title {
- padding-top: 0px;
- margin-top: 0px;
-}
-
-/*set navbar breakpoint so that it converts to arrow earlier */
-
-@media (max-width: 1200px) {
- .navbar-header {
- float: none;
- }
- .navbar-left,.navbar-right {
- float: none !important;
- }
- .navbar-toggle {
- display: block;
- }
- .navbar-toggle:hover,
- .navbar-toggle:focus
- {
- color: #ffffff;
- }
- .navbar-toggle span.fd-icon--arrow {
- position: relative;
- top: 4px;
- }
- .navbar-toggle[aria-expanded="true"] span.fd-icon--arrow {
- -webkit-transform: rotateZ(180deg);
- -moz-transform: rotateZ(180deg);
- transform: rotateZ(180deg);
- }
- .navbar-collapse {
- border-top: 1px solid transparent;
- box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
- }
- .navbar-fixed-top {
- top: 0;
- border-width: 0 0 1px;
- }
- .navbar-collapse.collapse {
- display: none!important;
- }
- .navbar-nav {
- float: none!important;
- margin-top: 7.5px;
- }
- .navbar-nav>li {
- float: none;
- }
- .navbar-nav>li>a {
- padding-top: 10px;
- padding-bottom: 10px;
- }
- .collapse.in{
- display:block !important;
- }
-}
-
-.no-search-results{
- padding: 10px;
-}
-
-.fd-tree > li {
- list-style: none;
- margin: 0 !important;
-}
-
-.fd-list-group__label{
- font-weight: normal;
-}
-
-
-.color-plaue-container{
- margin-bottom: 40px;
-}
-.demo-color-plaque{
- padding:20px;
- color:#fff;
- border:1px solid #666;
- float: left;
- width: 250px;
- height: 150px;
- position: relative;
- padding: 0;
- margin-right:10px!important;
-}
-
-.color-info{
- width: 100%;
- background: #666;
- bottom: 0;
- position: absolute;
- padding: 5px;
- text-align: center;
-}
-
-.modal-demo-bg{
- background-color:rgba(0, 0, 0, 0.5);
- padding: 40px;
-}
-
-pre code{
- white-space:pre-wrap
- overflow-x: scroll;
-}
-
diff --git a/docs/pages/components/modal.md b/docs/pages/components/modal.md
index 01651cb81b..05b91d4feb 100644
--- a/docs/pages/components/modal.md
+++ b/docs/pages/components/modal.md
@@ -19,7 +19,6 @@ It is used for short forms, confirmation messages or to display contextual infor
This is used to present information to the user but the Alert Component doesn’t fit all the information.
{% capture default-modal %}
-
{% endcapture %}
{% include display-component.html component=default-modal %}
@@ -47,7 +45,6 @@ This is used to present information to the user but the Alert Component doesn’
This is used to confirm with the user before continuing with a destructive or complex action. In this case, the modal has action buttons at the bottom.
{% capture default-confirmation %}
-
{% endcapture %}
{% include display-component.html component=default-confirmation %}
@@ -74,7 +70,6 @@ This is used to confirm with the user before continuing with a destructive or co
This is used for short forms in order to collect information from the user.
{% capture default-form %}
-
{% endcapture %}
{% include display-component.html component=default-form %}