| layout |
title |
date |
description |
landing-page |
active-nav |
subpage_layout |
Data Dictionary |
2019-11-02 09:21:12 -0500 |
Data Dictionary |
live |
understanding-the-data-nav |
<style>
.bg-light-grey {
background-color: #f5f5f5;
}
.sticky {
position: fixed;
top: 90px;
left: 5%;
}
#scroll-to-top {
position: fixed;
bottom: 20px;
right: 20px;
z-index: 2;
background-color: #323A45;
padding: 16px;
border-radius: 50%;
padding: 13px 17px;
color: white;
cursor: pointer;
display: none;
}
.show {
display: block !important;
}
.data-dictionary__wrapper {
width: 90vw;
margin: 0 auto;
background-color: white;
border-radius: 5px;
border: 1px solid #CCCCCC;
}
.header-meta-data {
display: flex;
align-items: center;
padding: 10px 20px;
height: 60px;
border-bottom: 1px solid #CCCCCC;
background-color: white;
}
.header-meta-data .definition-count {
font-size: 20px;
font-weight: 600;
}
.header-meta-data>div {
flex: 1;
}
.inputs__wrapper {
display: flex;
justify-content: end;
}
.inputs__wrapper label {
font-size: 16px;
font-weight: 600;
}
.column-headers {
position: relative;
text-transform: uppercase;
display: flex;
font-size: 13px;
background-color: #F7F7F7;
font-weight: 1000;
line-height: 15px;
letter-spacing: 1px;
color: black;
}
.column-headers>div {
padding: 15px 10px;
}
.column-headers .legend {
padding: 0;
}
.section-title {
font-family: 'Montserrat';
font-style: normal;
background-color: #727f8f;
font-size: 12px;
line-height: 14px;
font-weight: 700;
letter-spacing: 1px;
color: white;
text-align: left;
padding: 10px 15px;
text-transform: uppercase
}
.column-headers .field-name-desc {
width: 31%;
}
.claim-type {
width: 10%;
}
.ccw-column-name {
width: 12%;
}
.type-size {
width: 10%;
}
.example {
width: 34%;
padding: 15px;
}
.definition {
display: flex;
overflow: auto;
}
.definition-example__wrapper {
display: flex;
}
.definition-example__wrapper .example {
width: 37%;
display: flex;
margin: 0;
position: relative;
}
.definition-example__wrapper .legend {
display: none;
}
.definition-example__wrapper .example .number-marker {
margin-left: -15px;
}
.number-marker {
display: inline-flex;
width: 20px;
height: 20px;
background-color: #0179C9;
color: white;
border-radius: 10px;
justify-content: center;
align-items: center;
font-size: 12px;
letter-spacing: -1px;
}
.definition__wrapper {
display: block;
width: 63%;
}
.definition__wrapper>div:not(:nth-child(1)) {
border-top: 1px solid #CCCCCC;
}
.definition>div {
padding: 15px;
overflow-wrap: break-word;
}
.definition .field-name-desc__wrapper {
width: 49%;
margin-left: 15px;
}
.definition .field-name-desc__wrapper .field-name {
font-weight: bold;
}
.definition .field-name-desc__wrapper .field-name .number-marker {
margin-left: -25px;
position: absolute;
}
.definition .claim-type {
width: 16%;
}
.definition .ccw-column-name {
width: 19%;
}
.definition .type-size {
width: 16%;
}
.blue-highlight {
background-color: #BBEFFF;
}
.red-highlight {
background-color: #FFCACD;
}
.legend {
position: absolute;
right: 10px;
top: 10px;
display: flex;
font-style: normal;
font-weight: 400;
font-size: 11px;
line-height: 18px;
text-transform: none;
}
.download a::after {
content: '\f090';
display: inline-block;
font-family: 'Material Icons';
font-size: 1em;
vertical-align: middle;
}
.legend>pre {
padding: 3px 7px;
border: none;
font-weight: 400;
font-size: 12px;
color: black
}
.legend>pre:first-child {
margin-right: 10px;
}
.description {
width: 90vw;
margin: 0 auto;
padding-bottom: 30px;
}
.sticky {
position: fixed;
width: calc(90vw - 2px);
z-index: 1;
left: 0;
right: 0;
margin: 0 auto;
}
@media only screen and (max-width: 990px) {
.definition-example__wrapper {
flex-direction: column;
}
.definition__wrapper {
width: 100%
}
.legend {
display: none;
}
.definition-example__wrapper .example {
width: 100%;
max-height: 250px;
}
.column-headers .field-name-desc {
width: 49%;
margin-left: 15px;
}
.claim-type {
width: 15%;
}
.ccw-column-name {
width: 19%;
}
.type-size {
width: 15%;
}
.example {
display: none;
}
.definition-example__wrapper .legend {
display: flex;
}
.`sticky` {
top: 63px;
}
}
</style>
<script src="assets/js/data-dictionary-parser.js"></script>
<script>
$(document).ready(function () {
$('#versions').val('r4-v2')
})
function getVersionValue (sel) {
callFetch(sel.value)
}
window.onscroll = function () { scrollSpy() };
let offset = 0
$(document).ready(() => {
offset = $(".sticky-header").offset().top + 115;
$(".sticky-header").css({ 'border-bottom': "1px solid #727f8f" });
});
function scrollSpy () {
if (window.pageYOffset > offset) {
$(".sticky-header").addClass("sticky");
} else {
$(".sticky-header").removeClass("sticky");
}
}
</script>
Version:
R4 (v2)
STU3 (v1)
field name/description
claim type(s)
ccw column name
type (size)
example