@healthcatalyst/catalyst-docfx-template 1.0.99 → 1.0.100

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@healthcatalyst/catalyst-docfx-template",
-  "version": "1.0.99",
+  "version": "1.0.100",
   "license": "MIT",
   "description": "A DocFX Template patching the Default template.",
   "publishConfig": {

package/styles/main.css

@@ -12,7 +12,7 @@
 
 button,
 a {
-    color: #00aeff;
+    color: #006d9a;
 }
 
 
@@ -22,7 +22,7 @@ button:hover,
 button:focus,
 a:hover,
 a:focus {
-    color: #33beff;
+    color: #004256;
 }
 
 
@@ -31,7 +31,7 @@ a:focus {
 body,
 p {
     line-height: 1.5;
-    color: #555;
+    color: #131314;
     font-weight: 400;
     font-size: 15px;
     page-break-inside: avoid;
@@ -61,14 +61,14 @@ article h1 {
     font-weight: 300;
     line-height: 1.2;
     margin-bottom: 35px;
-    color: black;
+    color: #131314;
 }
 
 article h2 {
     font-size: 26px;
     font-weight: 600;
     line-height: 1.5;
-    color: #333;
+    color: #004256;
     margin-top: 25px;
 }
 
@@ -76,14 +76,14 @@ article h3 {
     font-size: 22px;
     font-weight: 600;
     line-height: 1.5;
-    color: #333;
+    color: #131314;
     margin-top: 30px;
 }
 
 article h4 {
     font-size: 18px;
     line-height: 1.5;
-    color: #333;
+    color: #006d9a;
     font-weight: 600;
     border-bottom: none;
     margin-top: 25px;
@@ -94,7 +94,7 @@ article h5 {
     font-size: 16px;
     line-height: 1.25em;
     font-weight: 600;
-    color: #333;
+    color: #131314;
     margin-top: 20px;
 }
 
@@ -192,6 +192,37 @@ article ul {
     page-break-inside: avoid;
 }
 
+/* Nesting ordered lists */
+
+article ol ol {
+    list-style-type: lower-alpha;
+  }
+  
+article ol ol ol,
+article ol ul ol,
+article ul ol ol,
+article ul ul ol {
+  list-style-type: lower-roman;
+}
+
+*/
+  article ol ol {
+    list-style-type: lower-alpha;
+  }
+  
+  article ul li ul li:last-child,
+  article ol li ol li:last-child {
+    margin-bottom:6px!important
+  }
+  
+  article ul li ul li ul li:first-child,
+  article ol li ol li ol li:first-child {
+    margin-top:6px!important
+  }
+  article ul li ul li ul li:last-child,
+  article ol li ol li ol li:last-child {
+    margin-bottom:6px!important
+  }
 
 /* First-level bullets margin */
 
@@ -223,7 +254,6 @@ article ul>li:last-child {
     padding-bottom: 10px;
 }
 
-
 /* Exclude these overrides from tab group headers */
 
 article .tabGroup>ul>li:before {
@@ -234,7 +264,6 @@ article .tabGroup>ul>li:last-child {
     padding-bottom: 0;
 }
 
-
 /* Second-level bullets */
 
 article ul li ul li,
@@ -336,6 +365,10 @@ pre {
     margin-bottom: 10px;
 }
 
+.article ol li img {
+    margin-top:0px;
+}
+
 
 /* Tables */
 
@@ -359,20 +392,20 @@ pre {
     font-size: 14px;
 }
 
-th {
+tr>th, th {
     font-weight: 600;
     color: #006d9a;
 }
 
 .table-bordered>thead>tr>td,
 .table-bordered>thead>tr>th {
-    border-bottom: 1px solid #D7DDE4;
+    border-bottom: 1px solid #006d9a;
     padding-top: 15px;
     font-size: 14px;
 }
 
 td:nth-of-type(1) {
-    font-weight: 600;
+    font-weight: 400;
 }
 
 .table-striped>tbody>tr:nth-of-type(2n+1) {
@@ -385,18 +418,18 @@ td:nth-of-type(1) {
 .alert {
     color: #333;
     background-color: white;
-    border-top: #d7dde4 solid 1px;
-    border-right: #d7dde4 solid 1px;
-    border-bottom: #d7dde4 solid 1px;
-    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.1), 0 10px 10px rgba(0, 0, 0, 0.1);
-    margin-top: 30px;
-    margin-bottom: 30px;
+    border: solid 1px;
+    box-shadow: none;
+    margin-top: 20px;
+    margin-bottom: 20px;
+    padding-left: 40px;
 }
 
 .alert h5 {
-    font-size: 18px;
+    font-size: 15px;
     text-transform: none;
     padding-bottom: 5px;
+    margin-bottom: 0px !important;
 }
 
 .alert h5:before {
@@ -409,44 +442,61 @@ td:nth-of-type(1) {
     -moz-osx-font-smoothing: grayscale;
     margin-right: 8px;
     font-weight: normal;
+    margin-left: -25px;
+    vertical-align: text-top;
+}
+
+.alert h5:after {
+    content: ": ";
 }
 
-.alert-info h5 {
-    color: #6e53a3;
+.alert h5,
+.alert >p:first-of-type
+ {
+  display: inline;
+  line-height: 1.25;
+  padding-bottom: 7px;
 }
 
+.alert-info {
+    background-color: #E2F5FF;
+    border-color: #C6EAFF;
+}
+
+.alert-info h5, .alert-info p, .alert-info li {
+    color: #004358;
+  }
+
 .alert-info h5:before {
     content: "\f05a";
 }
 
-.alert-info {
-    border-left: #6e53a3 solid 8px;
+.alert-warning {
+    background-color: #F6DAD2;
+    border-color: #eeb5a5;
 }
 
-.alert-warning h5 {
-    color: #f8961d;
+.alert-warning h5, .alert-warning p, .alert-warning li {
+    color: #662613;
 }
 
 .alert-warning h5:before {
     content: "\f071";
 }
 
-.alert-warning {
-    border-left: #f8961d solid 8px;
+.alert-danger {
+    background-color: #fff8d8;
+    border-color: #fff0b2;
 }
 
-.alert-danger h5 {
-    color: #00aeff;
-}
+.alert-danger h5, .alert-danger p, .alert-danger li {
+    color: #953C09;
+  }
 
 .alert-danger h5:before {
     content: "\f06a";
 }
 
-.alert-danger {
-    border-left: #00aeff solid 8px;
-}
-
 .label-info {
     background-color: #00aeff;
     line-height: 2.25;
@@ -480,26 +530,36 @@ td:nth-of-type(1) {
 }
 
 #platform-box {
-    border-left: #00abf9 solid 6px;
+    color: #131314;
+    border-left: #006d9a solid 6px;
+    border-top: #006d9a solid 1px;
+    border-right: #006d9a solid 1px;
+    border-bottom: #006d9a solid 1px;
 }
 
 #CADS-box {
-    border-left: #6E53A3 solid 6px;
+    border-left: #528052 solid 6px;
+    border-top: #528052 solid 1px;
+    border-right: #528052 solid 1px;
+    border-bottom: #528052 solid 1px;
 }
 
 #ACO-box {
-    border-left: #F89E54 solid 6px;
+    border-left: #ce4709 solid 6px;
+    border-top: #ce4709 solid 1px;
+    border-right: #ce4709 solid 1px;
+    border-bottom: #ce4709 solid 1px;
 }
 
 #OPM-box {
-    border-left: #E04E5B solid 6px;
+    border-left: #ce4709 solid 6px;
 }
 
 
 /* TOC */
 
 .toc .level1>li {
-    color: #6D6E70;
+    color: #131314;
     font-size: 14px;
     /* text-transform: uppercase; */
     margin-bottom: 5px;
@@ -511,24 +571,24 @@ td:nth-of-type(1) {
 }
 
 .toc .nav>li>a {
-    color: #6D6E70;
+    color: #131314;
     padding-top: 10px;
     line-height: 1.2;
 }
 
 .toc .nav>li.active>a {
-    color: #00aeff;
+    color: #004256;
     border-bottom-width: 4px;
 }
 
 .toc .nav>li>a:hover,
 .toc .nav>li>a:focus {
-    color: #00aeff;
+    color: #004256;
 }
 
 .toc .nav>li.active>a:hover,
 .toc .nav>li.active>a:focus {
-    color: #00aeff;
+    color: #004256;
 }
 
 
@@ -759,10 +819,10 @@ body .toc,
 .affix ul>li>a:hover,
 .affix ul>li.active>a,
 .affix ul>li>a:focus {
-    color: #00aeff;
+    color: #004256;
     text-decoration: none;
     background-color: transparent;
-    border-left-color: #00aeff;
+    border-left-color: #004256;
 }
 
 
@@ -787,7 +847,7 @@ body .toc,
 /* All links */
 
 .affix ul>li>a {
-    color: #999;
+    color: #131314;
     border-left: 2px solid transparent;
     padding-top: 4px;
     padding-left: 20px;
@@ -861,16 +921,16 @@ output {
 /* Search results */
 
 .sr-item>.item-href {
-    color: #a1a1a1;
+    color: #131314;
 }
 
 .pagination>.active>a {
-    background-color: #00AEFF;
-    border-color: #00AEFF;
+    background-color: #004256;
+    border-color: #004256;
 }
 
 .pagination>li>a {
-    color: #00aeff;
+    color: #004256;
 }
 
 .pagination>.disabled>a,
@@ -933,7 +993,7 @@ output {
 #home-page-subhead {
     font-size: 18px;
     line-height: 1.5;
-    color: #333;
+    color: #131314;
     font-weight: 600;
     margin-top: 25px;
     margin-bottom: 10px;
@@ -943,6 +1003,7 @@ output {
 /*Home page column headers */
 
 #home-page-col-head,
+#home-page-col-head-platform,
 #home-page-col-head-dev,
 #home-page-col-head-ACO,
 #home-page-col-head-CADS,
@@ -953,13 +1014,13 @@ output {
     margin-top: 25px;
 }
 
-#home-page-col-head {
-    color: #00abf9;
+#home-page-col-head, #home-page-col-head-platform {
+    color: #006d9a;
 }
 
 #home-page-col-head-dev,
 #home-page-col-head-ACO {
-    color: #f8961d;
+    color: #ce4709;
 }
 
 #home-page-col-head-OPM {
@@ -967,7 +1028,7 @@ output {
 }
 
 #home-page-col-head-CADS {
-    color: #6E53A3;
+    color: #528052;
 }
 
 
@@ -978,6 +1039,25 @@ output {
     margin-left: -30px;
 }
 
+.home-box {
+    background-color: white;
+    margin-top: 25px;
+    margin-bottom: 30px;
+    padding: 15px;
+    border-radius: 5px;
+}
+  
+.home-box h5 {
+    font-size: 18px;
+    text-transform: none;
+    margin-top:0px;
+    margin-bottom:0px;
+    padding-bottom: 10px;
+}
+  
+.home-box p:last-of-type {
+    margin-bottom: 0px;
+}
 
 /* -------------------------------------------------------------- */
 
@@ -1070,7 +1150,7 @@ output {
 }
 
 .dropdown-menu li>a {
-    color: #333333;
+    color: #131314;
     font-weight: 300;
     padding: 12px 24px;
     width: 100%;
@@ -1078,12 +1158,12 @@ output {
 
 .dropdown-menu li>a:hover {
     background-color: #ddd !important;
-    color: #333 !important;
+    color: #131314 !important;
 }
 
 .dropdown-menu>.active>a,
 .dropdown-menu>.active>a:focus {
-    color: #333;
+    color: #131314;
     background-color: #f1f1f1;
 }
 
@@ -1202,7 +1282,7 @@ output {
     height: 30px;
     width: 100%;
     max-width: 180px;
-    color: #333;
+    color: #131314;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
@@ -1252,13 +1332,13 @@ output {
 }
 
 .docs-subnav-search-icon {
-    color: #333333;
+    color: #131314;
     padding: 0 2px 1px 2px;
     display: inline-flex;
 }
 
 .docs-subnav-search-close {
-    color: #333;
+    color: #131314;
     padding: 0 20px;
     font-size: 20px;
     cursor: pointer;
@@ -1301,7 +1381,7 @@ output {
 }
 
 #search-query {
-    color: #333333;
+    color: #131314;
     font-size: 14px;
     font-family: 'Open Sans', sans-serif;
     padding-left: 10px;
@@ -1389,7 +1469,7 @@ a.anchor {
 
 .feedback-top-left {
     font-size: 16px;
-    color: #333;
+    color: #131314;
 }
 
 .feedback-top-left>.form-group {
@@ -1414,7 +1494,7 @@ a.anchor {
 }
 
 .feedback-button:not(:disabled):hover {
-    color: #333;
+    color: #131314;
     background-color: #e5e5e5;
 }
 
@@ -1621,7 +1701,7 @@ a.anchor {
 /* Styling for code copy buttons  ------------------------- */
 
 .copy-code-button {
-    color: #333333;
+    color: #131314;
     background-color: #f1f1f1;
     border: 1px solid #a1a1a1;
     border-radius: 3px 3px 3px 3px;
@@ -1639,7 +1719,7 @@ a.anchor {
 .copy-code-button:focus {
     cursor: pointer;
     background-color: #e5e5e5;
-    color: #333;
+    color: #131314;
 }
 
 .copy-code-button:focus {
@@ -1673,7 +1753,7 @@ pre {
   */
 
 .statusMessage {
-    background-color: #d9eaf2;
+    background-color: #aae2c8;
     font-size: 13.5px;
     font-weight: 600;
     padding-top: 15px;
@@ -1697,7 +1777,7 @@ pre {
 .toc-deprecated:before {
     content: 'Deprecated' !important;
     background-color: #d7dde4;
-    color: #333;
+    color: #131314;
     border-radius: 3px;
     font-size: 9px;
     text-transform: uppercase;
@@ -1787,4 +1867,31 @@ pre {
     margin-left: -52px;
     padding-right: 10px;
     color: #00aeff;
-}
+}
+
+/* Formats the use case table, including inserting the use case header */
+
+.use-case {  /* Sets the width of the use case table */
+    width:100%;
+  }
+  
+  .use-case td:first-child {  /* Sets the width of the first column */
+    width:20%;
+  }
+  
+  .use-case td:first-child img { /* Sets properties for the image in the first column */
+  
+    padding-right:15px;
+    height: 125px;
+    width: 125px;
+    border:none !important;
+  }
+  
+  .use-case::before { /* Adds the heading "Use Case" above the table; applies the same formatting to that heading that's used for h3 */
+    content: "Use Case";
+    font-size: 22px;
+    font-weight: 600;
+    line-height: 1.5;
+    color: #131314;
+    margin-top: 30px;
+  }