cdc.mf.html.cdc-mf.css Maven / Gradle / Ivy

Go to download
Show more of this group Show more artifacts with this name
Show all versions of cdc-mf-html Show documentation
The newest version!
:root {
    --neutral0-color:#353535;
    --neutral1-color:#999999;
    --neutral2-color:#CCCCCC;
    --neutral3-color:#DDDDDD;
    --topic-color:#AA0000;
    --hover-color:#BB7A2A;

    --info-dark-color: #498508;
    --info-color: #84F10E;
    --info-light-color: #D4FAAB;

    --minor-dark-color: #AEA100;
    --minor-color: #F8E600;
    --minor-light-color: #FCF599;

    --major-dark-color: #B27300;
    --major-color: #FFA400;
    --major-light-color: #FFDB99;

    --critical-dark-color: #BF3E00;
    --critical-color: #FF5300;
    --critical-light-color: #FFC3A6;

    --blocker-dark-color: #9A1400;
    --blocker-color: #DC1D00;
    --blocker-light-color: #F1A599;

    --label-color: #00FFFF;
}

body {
    background-color:#FFFFFF;
    color: var(--neutral0-color);
    font-family:'DejaVu Sans', Arial, Helvetica, sans-serif;
    font-size:14px;
    margin:0;
    padding:0;
    height:100%;
    width:100%;
}
iframe {
    margin:0;
    padding:0;
    height:100%;
    width:100%;
    overflow-y:scroll;
    border:none;
}
a:link, a:visited {
    text-decoration:none;
    color:#555753;
}
a[href]:hover, a[href]:focus {
    text-decoration:none;
    color: var(--hover-color);
}
a[name] {
    color:#353833;
}
a[name]:before, a[name]:target, a[id]:before, a[id]:target {
    content:"";
    display:inline-block;
    position:relative;
    padding-top:129px;
    margin-top:-129px;
}
h1 {
    font-size:20px;
}
h2 {
    font-size:18px;
}
h3 {
    font-size:16px;
    font-style:italic;
}
h4 {
    font-size:13px;
}
h5 {
    font-size:12px;
}
h6 {
    font-size:11px;
}
ul {
    list-style-type:disc;
}
.about {
    float:right;
    padding:0px 21px;
    font-size:11px;
    z-index:200;
    margin-top:-9px;
}
.bar a, .bar a:link, .bar a:visited, .bar a:active {
    color:#FFFFFF;
    text-decoration:none;
}
.bar a:hover, .bar a:focus {
    color: var(--hover-color);
}
/*
Navigation bar styles
*/
.bar {
    background-color:var(--neutral1-color);
    color:#FFFFFF;
    padding:.8em .5em .4em .8em;
    height:auto;/*height:1.8em;*/
    font-size:11px;
    margin:0;
}

.nav-padding {
    padding-top: 50px;
}
.fixed-nav {
    position:fixed;
    width:100%;
    z-index:999;
    background-color:#FFFFFF;
}
.top-nav {
    background-color:var(--neutral1-color);
    color:#FFFFFF;
    float:left;
    padding:0;
    width:100%;
    clear:right;
    height:2.8em;
    padding-top:10px;
    overflow:hidden;
    font-size:12px; 
}
.sub-nav {
    background-color: var(--neutral4-color);
    float:left;
    width:100%;
    overflow:hidden;
    font-size:12px;
}
.sub-nav div {
    clear:left;
    float:left;
    padding:0 0 5px 6px;
    text-transform:uppercase;
}
ul.nav-list, ul.sub-nav-list {
    float:left;
    margin:0 25px 0 0;
    padding:0;
}
ul.nav-list li{
    list-style:none;
    float:left;
    padding: 5px 6px;
    text-transform:uppercase;
}
ul.sub-nav-list li {
    list-style:none;
    float:left;
}
.top-nav a:link, .top-nav a:active, .top-nav a:visited {
    color:#FFFFFF;
    text-decoration:none;
    text-transform:uppercase;
}
.top-nav a:hover {
    text-decoration:none;
    color: var(--hover-color);
    text-transform:uppercase;
}
.nav-bar-cell-rev {
    background-color:#F8981D;
    color:#253441;
    margin: auto 5px;
}

ul.nav-index-keys {
    margin-left: 25px;
    padding:0;
}

ul.nav-index-keys li {
    display: inline-block;
    list-style:none;
    padding: 5px 3px;
}

.index-key {
    display: block;
    float:normal;
    margin-left: 25px;
    font-size:18px;
    font-weight: bold;
}

/*
Page header and footer styles
*/
.header, .footer {
    clear:both;
    margin:0 20px;
    padding:5px 0 0 0;
}
.index-nav {
    position:relative;
    font-size:12px;
    background-color:var(--neutral3-color);
}
.index-nav ul {
    margin-top:0;
    padding:5px;
}
.index-nav ul li {
    display:inline;
    list-style-type:none;
    padding-right:10px;
    text-transform:uppercase;
}
.index-nav h1 {
    font-size:13px;
}
.title {
    color:#2e3436;
    margin:10px 0;
}
.sub-title {
    margin:5px 0 0 0;
}
.header ul {
    margin:0 0 15px 0;
    padding:0;
}
.footer ul {
    margin:20px 0 5px 0;
}
.header ul li, .footer ul li {
    list-style:none;
    font-size:13px;
}
/*
Page layout container styles
*/
.content-container  {
    clear:both;
    padding:10px 20px;
    position:relative;
}
.index-container {
    margin:10px;
    position:relative;
    font-size:12px;
}
.index-container h2 {
    font-size:13px;
    padding:0 0 3px 0;
}
.index-container ul {
    margin:0;
    padding:0;
}
.index-container ul ul{
    margin:0;
    padding-left:10px;
}
.index-container ul li {
    list-style:none;
    padding-top:2px;
}

.index-container {
    font-size: 12px;
}
/*
List styles
*/
li.circle {
    list-style:circle;
}

div.block div.block span.deprecationComment, div.block div.block span.emphasizedPhrase,
div.block div.block span.interfaceName {
    font-style:normal;
}

div.contentContainer ul.blockList li.blockList h2 {
    padding-bottom:0px;
}

/*
IFRAME specific styles
*/
.main-container {
    margin:0 auto;
    padding:0;
    height:100%;
    width:100%;
    position:fixed;
    top:0;
    left:0;
}
.left-container {
    height:100%;
    position:fixed;
    width:400px;
}
.left-top-container {
    position:relative;
    float:left;
    width:395px;
    top:0;
    left:0;
    height:30%;
    border-right:6px solid var(--neutral2-color);
    border-bottom:6px solid var(--neutral2-color);
}
.left-bottom-container {
    position:relative;
    float:left;
    width:395px;
    bottom:0;
    left:0;
    height:70%;
    border-right:6px solid var(--neutral2-color);
    /*border-top:1px solid #000;*/
}
.right-container {
    position:absolute;
    left:400px;
    top:0;
    bottom:0;
    height:100%;
    right:0;
    /*border-left:1px solid #000;*/
}

/*
HTML5 specific styles
*/
main, nav, header, footer, section {
    display:block;
}

/*
.target {
    margin-left: 5px;
    font-size: 12pt;
    font-weight: normal;
}
*/
.top-title {
    /* background-color: blue; */
    font-size: 32pt;
    font-weight: bold;
    text-align: center;
}

.top-notice {
    width: 150px;
    /* background-color: green; */
    text-align: center;
}

.top-logo {
    width: 50px;
    /* background-color: yellow; */
    text-align: center;
    padding-right: 5px;
}

.signature {
    font-weight: bold;
    font-style: italic;
}

.indent {
    margin-left: 20px;
}

.indent .indent {
    margin-left: 10px;
}

/* TOC */
ul.toc li {
    list-style:none;
}
ul.toc, ul.toc ul {
    counter-reset: toc-counters O;
}
ul.toc li:before {
    counter-increment: toc-counters;
    content: counters(toc-counters, ".") " "; 
}

/* Items, Contents, Topics and Entries */ 
.item {
    background-color:var(--neutral2-color);
    color: var(--topic-color);
    padding:.8em .5em .4em .8em;
    height:auto;/*height:1.8em;*/
    font-size:18px;
    margin-top: 5px;
}
.content {
    margin-top: 5px;
    margin-left: 20px;
}
.topic {
    margin-top: 10px;
    margin-right: 5px;
    padding: 0px;
    border-color: var(--neutral1-color);
    border-style: solid;
    border-width: 1px;
}
.topic-header {
    background-color:var(--neutral3-color);
    padding-left:5px;
    padding-right:5px;
    padding-top:5px;
    padding-bottom:5px;
    margin: 0px;
    font-size: 12px;
    color: var(--topic-color);
}
.topic-body {
    margin-left: 20px;
    margin-right: 5px;
    margin-bottom: 5px;
}
.topic-entry {
    padding-top: 5px;
}
.topic-entry-header {
    background-color:var(--neutral3-color);
    padding:5px;
    border-style: none;
}
.topic-entry-body {
    margin-left: 20px;
}

/* Hierarchy */
.hierarchy {
    margin-top:5px;
    margin-bottom:5px;
    position:relative;
    font-size:12px;
}
.hierarchy ul {
    margin:0;
    padding:0;
}
.hierarchy ul ul{
    margin:0;
    padding-left:10px;
}
.hierarchy ul li {
    list-style:none;
    padding-top:2px;
}


/* Diagrams */
.diagram {
    font-weight: normal;
}
img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
object {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

@media print {
  img {
    page-break-inside: avoid;
    max-height: 95vh;
    max-width: 100%;
    width: auto;
  }
  object {
    page-break-inside: avoid;
    max-height: 95vh;
    max-width: 100%;
    width: auto;
  }
}

/* Documentations */
.documentations {
    font-weight: normal;
}
.documentation {
    font-weight: normal;
}
.documentation-text {
    margin-top: 5px;
    color: var(--neutral1-color);
    /*max-width: 800px;*/
}

/* Metas, Tags */
.metas, .tags {
    font-weight: normal;
}
.meta, .tag {
    margin-top: 5px;
}
.meta-header, .tag-header {
    font-weight: normal;
}
.meta-key, .tag-name {
    font-weight: bold;
    color: #55AA55;
}
.meta-value, .tag-value {
    color: #88AA88;
}
.meta-body, .tag-body {
    font-weight: normal;
}



/* Stereotypes, Kinds */
.stereotype, .kind {
    color: #545CFF;
}

/* Modifiers */
.modifier {
    color: #FF7800;
}

/* Cardinalities */
.cardinality {
    color: #FFAA00;
}


/* Fields */
.field {
    padding-top: 5px;
}
.field-name {
    color: #545CFF;
}
.field-value {
    color: #FFAA00;
}

/* Models, Packages, Types, Members, Connectors, Tips, Constraints, ... */
.model-name, .package-name, .type-name, .member-name, .connector-name, .tip-name, .constraint-name, .inheritance-name {
    font-weight: bold;
    color: #E00EE0;
}

/* Constraints */
.constraint-specification {
    padding: 5px;
    font-style: italic;
    color: #CC0000;
    background-color: #FFCCCC;
    margin-top: 5px;
}
.constrained-elements {
    font-weight: normal;
}


/* Parameters */
.parameter-name {
    font-weight: bold;
    color: #CCAAFF;
}
.parameter-direction {
    /*font-weight: bold;*/
    color: #000000;
}

.tip-side {
    color: #545CFF;
}

/* Usage */
.usage-kind {
    color: #FFAA00;
}
.usage-direct, .declaration-local {
    font-weight: bold;
    color: #57E389;
}
.usage-indirect, .declaration-inherited {
    font-weight: bold;
    color: #3584E4;
}

/* Issues */
.item-issues {
    padding: 5px;
    border: 4px solid;
    border-color: #FF0000;
    /*background-color:#FFEEEE;*/
}
.item-issue {
    padding-top: 5px;
}
.issues-icon {
    font-weight: bold;
    font-size: larger;
    color: #000000;
    border-radius: 0.25rem;
    padding: 0px 2px;
}
.issues-icon.info {
    color: var(--info-dark-color);
    background-color: var(--info-light-color);
}
.issues-icon.minor {
    color: var(--minor-dark-color);
    background-color: var(--minor-light-color);
}
.issues-icon.major {
    color: var(--major-dark-color);
    background-color: var(--major-light-color);
}
.issues-icon.critical {
    color: var(--critical-dark-color);
    background-color: var(--critical-light-color);
}
.issues-icon.blocker {
    color: var(--blocker-dark-color);
    background-color: var(--blocker-light-color);
}


.issues {
    padding: 5px;
}
.issue {
    padding: 5px;
    margin-top: 5px;
    border: 1px solid;
    border-color: var(--neutral1-color);
}

.issue-description {
    color: var(--neutral0-color);
}

.issue-project {
    font-weight: normal;
}
.issue-severity {
    font-weight: normal;
    border-radius: 0.75rem;
    padding: 2px 5px;
}
.issue-severity.info {
    background-color:var(--info-color);
}
.issue-severity.minor {
    background-color:var(--minor-color);
}
.issue-severity.major {
    background-color:var(--major-color);
}
.issue-severity.critical {
    background-color:var(--critical-color);
}
.issue-severity.blocker {
    background-color:var(--blocker-color);
}


.issue-snapshot {
    font-weight: normal;
}

/* Labels */
.labels {
    padding: 5px;
}

.label {
    font-weight: normal;
    border-radius: 0.75rem;
    padding: 2px 5px;
    background-color:var(--label-color);
}

/* Profile and rules */
.rules {
    padding: 5px;
}

.rules h1 {
    font-size:14px;
    margin-bottom:5px;
}
.rule {
    padding: 5px;
    margin-top: 5px;
    border: 1px solid;
    border-color: var(--neutral1-color);
}

.rule-enabling {
    font-weight: normal;
    border-radius: 0.75rem;
    padding: 2px 5px;
}
.rule-enabling.enabled {
    background-color: var(--neutral1-color);
    color: #FFFFFF;
}
.rule-enabling.disabled {
    background-color: var(--neutral3-color);
    color: var(--neutral1-color);
}

.rule-checks-result {
    font-weight: normal;
    border-radius: 0.25rem;
    border-width: 3px;
    border-style: solid;
    padding: 2px 5px;
}
.rule-checks-result.passed {
    background-color: #FFFFFF;
    border-color: #009515;
    color: #009515;
}
.rule-checks-result.failed {
    background-color: #FFFFFF;
    border-color: #FF1600;
    color: #FF1600;
}


.failures {
    background-color: #F9F0F0;
}

.profile-description {
    color: var(--neutral0-color);
}
.rule-description {
    color: var(--neutral0-color);
}
.rules ul, .issues ul, .item-issues ul {
    margin-top: 5px;
}

.rule-domain, .rule-name {
    font-weight: bold;
    color: #CC0000;
}

a[href]:hover .rule-domain, a[href]:focus .rule-domain,
a[href]:hover .rule-name, a[href]:focus .rule-name,
a[href]:hover .stereotype, a[href]:focus .stereotype,
a[href]:hover .kind, a[href]:focus .kind,
a[href]:hover .issues-icon, a[href]:focus .issues-icon {
    color: var(--hover-color);
}


/* Locations */
.location-tag {
    color: var(--neutral1-color);
}
.location-path {
    font-weight: normal;
}
.location-anchor {
    font-weight: normal;
}
.location-separator {
    font-weight: bold;
}
.location-part{
    font-weight: normal;
}
.location-part-last{
    font-weight: bold;
}

/* Params */
.param-name {
    font-weight: bold;
    color: #55AA55;
}
.param-value {
    color: #88AA88;
}


/* Summary */
table.summary {
    /*border: 1px solid;*/
    border-collapse: collapse;
    margin-top: 10px;
    margin-bottom: 10px;
    /*margin-left: 100px;*/
}
table.summary tr {
    border: 1px solid;
    border-color: var(--neutral1-color);
}
/*
table.summary tr:nth-child(even) {
    background-color: #f2f2f2;
}
*/
table.summary th {
    background-color: var(--neutral3-color);
    color: var(--neutral1-color);
    padding-left: 5px;
    padding-right: 5px;
}
table.summary td {
    padding-left: 5px;
    padding-right: 5px;
}

/* Details */ 
table.details {
    /*border: 5px solid;*/
    border-collapse: collapse;
    /*border-color: #FF0000;*/
    margin-top: 10px;
    margin-bottom: 10px;
    /*margin-left: 20px;*/
    padding-left: 2px;
    padding-right: 2px;
}
table.details tr {
    border: 1px solid;
    border-color: var(--neutral1-color);
}
/*
table.details tr:nth-child(even) {
    background-color: #f2f2f2;
}
*/
table.details th {
    background-color: var(--neutral3-color);
    color: var(--neutral1-color);
    padding-left: 5px;
    padding-right: 5px;
}
table.details td {
    padding-left: 5px;
    padding-right: 5px;
}

td.count {
    text-align: right; 
}

.refer {
    color: var(--neutral1-color);
    padding-left: 20px;
}

figure {
    margin-left: 0px;
    margin-right: 15px;
}

figure object {
    max-width: 100%;
}