Validation result
.device-monitor {
overflow: hidden;
}
.event-data {
margin-top: -160px;
border-left: 12px solid;
border-radius: 4px;
padding: 15px 25px 25px 25px;
opacity: 0;
transition: margin-top 0.5s ease-in, opacity 0.5s ease-in 0.5s;
}
.event-data.show {
margin-top: 50px;
opacity: 1;
}
.event-data .message-container {
margin-top: 25px;
padding: 15px;
background-color: var(--window-bg-color);
border-radius: 4px;
}
.event-data .pre {
color: var(--font-color);
word-break: break-all;
}
.event-data.data {
background-color: #B3EBB3;
border-left-color: #008000;
}
.event-data.data,
.event-data.data a {
color: #006000;
}
.event-data.data .ani-underline-both::before,
.event-data.data .ani-underline-hover::before,
.event-data.data .collapsible-container .toggle-collapse span::before {
background-color: #006000;
}
.event-data.data .collapsible-container .toggle-collapse::before {
background-image: var(--svg-minus-green);
}
.event-data.data .collapsible-container[collapseState="collapsed"] .toggle-collapse::before,
.event-data.data .collapsible-container[collapseState="collapsing"] .toggle-collapse::before {
background-image: var(--svg-plus-green);
}
.event-data.errors {
background-color: #F8CCCC;
border-left-color: #FF4343;
}
.event-data.errors,
.event-data.errors a {
color: #FF0000;
}
.event-data.errors .ani-underline-both::before,
.event-data.errors .ani-underline-hover::before,
.event-data.errors .collapsible-container .toggle-collapse span::before {
background-color: #FF0000;
}
.event-data.errors .collapsible-container .toggle-collapse::before {
background-image: var(--svg-minus-red);
}
.event-data.errors .collapsible-container[collapseState="collapsed"] .toggle-collapse::before,
.event-data.errors .collapsible-container[collapseState="collapsing"] .toggle-collapse::before {
background-image: var(--svg-plus-red);
}
.event-data .timestamp {
margin-bottom: 25px;
}
.glyph::before {
content: "";
background-size: contain;
background-repeat: no-repeat;
width: var(--glyph-size);
margin-right: var(--glyph-margin-right);
}
.glyph::before,
.glyph span {
display: inline-block;
height: var(--glyph-size);
vertical-align: middle;
padding: 0;
}
.glyph span {
padding-top: calc((var(--glyph-size) - 24px) / 2);
}
.glyph-about::before {
background-image: var(--svg-about);
}
.glyph-graphql::before {
background-image: var(--svg-graphql);
}
.glyph-validator::before {
background-image: var(--svg-validator);
}
.glyph-sign::before {
background-image: var(--svg-sign);
}
.glyph-rocket::before {
background-image: var(--svg-rocket);
}
.glyph-document::before {
background-image: var(--svg-document);
}
.glyph-team::before {
background-image: var(--svg-team);
}
.glyph-device::before {
background-image: var(--svg-device);
}
.glyph-arrow-right::before {
background-image: var(--svg-arrow-right);
}
.glyph-arrow-left::before {
background-image: var(--svg-arrow-left);
}
.glyph-request-question::before {
background-image: var(--svg-request-question);
}
.glyph-reply-data::before {
background-image: var(--svg-reply-data);
}
.glyph-reply-error::before {
background-image: var(--svg-reply-error);
}
.glyph-code::before {
background-image: var(--svg-code);
}
.glyph-python::before {
background-image: var(--svg-python);
}
.glyph-dart::before {
background-image: var(--svg-dart);
}
.glyph-csharp::before {
background-image: var(--svg-csharp);
}
.glyph-javascript::before {
background-image: var(--svg-javascript);
}
.sample-source,
.validator-window,
.output-window,
.use-case {
padding: 0;
}
.sample-source .link-group,
.validator-window .link-group,
.output-window .link-group,
.use-case .link-group {
padding-top: 15px;
padding-right: 15px;
padding-left: 15px;
}
.sample-source .pre,
.output-window .pre,
.use-case .pre {
font-weight: 400;
white-space: pre;
padding: 0px 15px 15px 15px;
overflow:scroll;
scrollbar-width: thin;
max-height: calc(100vh - 200px);
margin-top: 10px;
}
.validator-window {
overflow: hidden;
}
.validator-window .data-validator {
margin-top: 10px;
font-size: 90%;
}
.validator-window .editor-content {
scrollbar-width: thin;
height: calc(100vh - 250px);
border-bottom: 0px none;
border-right: 0px none;
}
.validator-response {
margin-top: 50px;
}
.sample-source .string,
.use-case .pre .key,
.sample-source .comment,
.use-case .comment {
font-weight: 600;
}
.sample-source .comment,
.use-case .comment {
color: #008000;
}
.use-case .comment {
margin-top: 15px;
margin-bottom: 15px;
}
.use-case .comment span:before {
display: block;
white-space: pre;
line-height: 16px;
}
.use-case .indent .comment span:before {
padding-left: 50px;
}
.use-case .comment span:not(:first-child):not(:last-child)::before {
content: attr(comment);
margin-left: 25px;
}
.use-case .comment span:first-child::before {
content: '/*';
}
.use-case .comment span:last-child::before {
content: '*/';
}