A general model for the Go-To-Market space
/* Skin for the proxied ormsolutions Verbalizer iframe.
Hides JFE's file/zoom/diagram chrome (our stage bar owns those)
and restyles the remaining split + verbalization pane. */
html,
body {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
height: 100% !important;
margin: 0 !important;
overflow: hidden !important;
background: #f4f4f5 !important;
font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif !important;
}
file-viewer-app-root {
display: flex !important;
flex-direction: column !important;
height: 100% !important;
max-height: 100% !important;
overflow: hidden !important;
}
/* JFE fills #diagramInfo with Choose File, the diagram dropdown, and zoom. */
#diagramInfo,
table#diagramInfo,
input[type="file"],
#openOrmFile,
#saveOrmFile,
#diagramZoom,
#diagramZoomSelect,
#diagramFilterButton,
#diagrams,
#diagramFilter,
#diagramLinks {
display: none !important;
}
#diagramPaper {
background: transparent !important;
cursor: grab;
touch-action: none;
user-select: none;
}
as-split {
display: flex !important;
flex: 1 1 auto !important;
min-width: 0 !important;
max-width: 100% !important;
height: 100% !important;
background: #f4f4f5 !important;
}
as-split-area {
background: #f4f4f5 !important;
}
as-split-area:first-of-type {
overflow: hidden !important;
cursor: grab;
touch-action: none;
}
as-split-area:first-of-type.is-panning,
as-split-area:first-of-type.is-panning #diagramPaper {
cursor: grabbing !important;
}
as-split-gutter {
flex: 0 0 5px !important;
min-height: 5px !important;
max-height: 5px !important;
background: #e4e4e7 !important;
border: 0 !important;
}
as-split-gutter * {
font-size: 0 !important;
color: transparent !important;
background: transparent !important;
border: 0 !important;
}
.as-split-gutter-icon {
width: 24px !important;
height: 3px !important;
border-radius: 99px !important;
background: #a1a1aa !important;
}
.btn-outline-secondary,
.btn-group-vertical .btn {
width: 28px !important;
height: 28px !important;
padding: 0 !important;
border: 1px solid #d4d4d8 !important;
border-radius: 8px !important;
color: #52525b !important;
background: #fff !important;
box-shadow: none !important;
}
.btn-outline-secondary:hover,
.btn-outline-secondary.active,
.btn-group-vertical .btn.active,
.btn-group-vertical .btn:hover {
background: #f4f4f5 !important;
border-color: #a1a1aa !important;
color: #18181b !important;
}
.btn-group-vertical {
gap: 4px !important;
}
.me-1.d-flex.flex-column {
border-right-color: #e4e4e7 !important;
padding: 8px 6px !important;
}
.verbalizerHeader,
h5.verbalizerHeader {
font-size: 11px !important;
font-weight: 600 !important;
letter-spacing: 0.06em !important;
text-transform: uppercase !important;
color: #71717a !important;
border-bottom: 1px solid #e4e4e7 !important;
margin: 0 0 8px !important;
padding: 10px 12px 8px !important;
}
div.verbalizer {
font-size: 13px !important;
line-height: 1.5 !important;
color: #27272a !important;
padding: 0 12px 12px !important;
}
div.verbalizer a {
color: #3f75de !important;
text-decoration: none !important;
}
div.verbalizer a:hover {
text-decoration: underline !important;
}
Publish your own ontology
Create an account to model a domain, keep versions, and share a public link.