common.css

/**
  * Copyright (c) 2015 – The MITRE Corporation
  * All rights reserved. See LICENSE.txt for complete terms.
 */
body {
  font-size: smaller;
  padding: 1em;
  margin: 0;
  font-family: Arial,Helvetica,sans-serif;
/*font: 11px Arial, Helvetica, sans-serif;*/
}
table
{
  /* need to set table font size to inherit, otherwise, some browsers reset the font size */
  font-size: inherit;
}
#wrapper { 
margin: 0;
}

.description
{
  /* if the descriptions are "preformatted text" use "pre-line" or "pre" */
  /* the better thing to do is to pass in the stylesheet parameter "enablePreformattedDescriptions" and set it to true */
  
  /* white-space: pre-line; */
}

td, th
{
  vertical-align: top;
}

.topLevelCategoryContainer
{
  font-weight: bold;
  color: #BD9C8C;
}

/* define table skin */
table.topLevelCategory {
margin: 0px;
/*margin-left: 25px; */
padding: 0;
border-collapse: separate;
border-spacing: 0;
width: 100%;
border-style:solid;
border-width:1px;
}

table.topLevelCategory > colgroup > col.typeColumn
{
  width: auto;
}

table.topLevelCategory > colgroup > col.idColumn
{
  width: auto;
}

/*
table.grid thead,
table.grid .collapsible
*/
table.topLevelCategory > thead > tr > th
{
background-color: #c7c3bb;
}

/* table.grid th */
table.topLevelCategory > thead > tr > th,
table.topLevelCategory > tbody > tr > th
{
color: #565770;
padding: 4px 16px 4px 0;
padding-left: 10px;
font-weight: bold;
text-align: left;
} 

table.topLevelCategory td {
color: #565770;
padding: 4px 6px;
}

/*
table.topLevelCategory tr.even {
background-color: #EDEDE8;
}
*/


#header {
color: #333;
margin: 10px 0px 5px 0px;
}
#content { 
width: 100%;
color: #333;
border: 2px solid #ccc;
background: #FFFFFF;
margin: 0px 0px 5px 0px;
padding: 10px;
/*font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;*/
color: #039;
}

.stixHeader
{
font-weight:bold; margin:5px; color:#BD9C8C;
}

.stixHeader > table > tbody > tr:nth-child(even)
{
  background-color: lavender;
}

#hor-minimalist-a,
.hor-minimalist-a
{
  font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
}
#hor-minimalist-a > thead > tr > th,
.hor-minimalist-a > thead > tr > th
{
  border-bottom: 2px solid #6678b1;
  text-align: left;
}
.one-column-emphasis
{
/*font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;*/
/*font-size: 12px;*/
margin: 0.1em 0em 0.1em 0em;
text-align: left;
/*border-collapse: collapse;*/
width: 100%;
border-spacing: 0;
}
.one-column-emphasis > tbody > tr > td
{
padding: 5px 10px;
color: #200;
}
.oce-first
{
background: #d0dafd;
border-right: 10px solid transparent;
border-left: 10px solid transparent;
}
.oce-first-obs
{
background: hsla(0,50%, 0%, 0.25);
/*border-right: 10px solid transparent;*/
border-right: 10px solid  black;
width: 20%;
}
.oce-first-obscomp-or
{
background: #E9EEF4;
border-right: 10px solid transparent;
}
.oce-first-obscomp-and
{
background: #F2F4E9;
border-right: 10px solid transparent;
}
.oce-first-inner
{
background: #EFF8F4;
border-right: 10px solid transparent;
border-left: 10px solid transparent;
}
.oce-first-inner-inner
{
background: #E5F4EE;
border-right: 10px solid transparent;
border-left: 10px solid transparent;
}
.oce-first-inner-inner-inner
{
background: #DBEFE6;
border-right: 10px solid transparent;
border-left: 10px solid transparent;
}
.oce-first-inner-inner-inner-inner
{
background: #D0EAE0;
border-right: 10px solid transparent;
border-left: 10px solid transparent;
}
.oce-first-inner-inner-inner-inner-inner
{
background: #B7D1C6;
border-right: 10px solid transparent;
border-left: 10px solid transparent;
}
#container { 
color: #333;
border: 1px solid #ccc;
background: #FFFFFF;
margin: 0px 0px 10px 0px;
padding: 10px;
}
/*
#section { 
color: #333;
background: #FFFFFF;
margin: 0px 0px 5px 0px;
}
*/
#object_label_div div {
/*display: inline;*/
/*width: 30%;*/
}
#object_type_label {
width:200px;
background: #e8edff;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 5px solid #ccc;
padding: 1px;
}
#defined_object_type_label {
width:400px;
background: #E9F3CF;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
padding: 1px;
}
#associated_object_label {
/*font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;*/
/*font-size: 12px;*/
margin-bottom: 2px;
}
.heading,
.eventTypeHeading
{
  margin-bottom: 0.5em;
  font-weight: normal;
}
.contents,
.eventDescription
{
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.container
{
  /* margin-left: 1em; */
  /* padding-left: 0.5em; */
}

.contents.actionContents, .container.actionContainer {
  margin-left: 0;
  padding-left: 0;
}

.eventDescription,
.description
{
  font-style: italic!important;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.emailDiv
{
  display: block!important;
}
.relatedTarget
{
animation: targetHighlightAnimation 0.2s 10;
animation-direction: alternate;
-webkit-animation: targetHighlightAnimation 0.2s;
-webkit-animation-direction: alternate;
-webkit-animation-iteration-count: 10;
}
@keyframes targetHighlightAnimation
{
0% {background: hsla(360, 100%, 50%, .3); }
100% {background: hsla(360, 100%, 50%, .7); }
}
@-webkit-keyframes targetHighlightAnimation
{
0% {background: hsla(360, 100%, 50%, .3); }
100% {background: hsla(360, 100%, 50%, .7); }
}

.highlightTargetLink
{
color: blue;
text-decoration: underline;
}

table.compositionTableOperator > tbody > tr > td
{
  padding: 0.5em;
}
table.compositionTableOperand > tbody > tr > td
{
  padding: 0;
}
table.compositionTableOperator > tbody > tr > td,
table.compositionTableOperand > tbody > tr > td
{
  /* border: solid gray thin; */
  /* border-collapse: collapse; */
  border: none;
  padding: 0.5em;
}
.compositionTable,
.compositionTableOperator,
.compositionTableOperand
{
  border-collapse: collapse;
  padding: 0!important;
  border: none;
}
td.compositionTable,
td.compositionTableOperator,
td.compositionTableOperand
{
  padding: 0!important;
  border: none;
}
.compositionTableOperand
{
  padding: 0.5em;
}
.compositionTableOperand > tbody > tr > td > div 
{
  background-color: lightcyan;
  padding: 0.7em;
}

.containerIndicator .compositionTableOperand > tbody > tr > td > div
{
  background-color: tan;
}

/* make DL look like a table */
dl.table-display
{
float: left;
width: 520px;
margin: 1em 0;
padding: 0;
border-bottom: 1px solid #999;
}

.table-display dt
{
clear: left;
float: left;
width: 200px;
margin: 0;
padding: 5px;
border-top: 1px solid #999;
font-weight: bold;
}

.table-display dd
{
float: left;
width: 300px;
margin: 0;
padding: 5px;
border-top: 1px solid #999;
}

.verbatim
{
  white-space: pre-line;
  margin-left: 1em;
}
table
{
  empty-cells: show;
}

.externalLinkWarning
{
  font-weight: bold;
  color: red;
}

.tlpred{
  font-weight: bold;
  background-color: red;
}
.tlpamber{
  font-weight: bold;
  background-color: gold;
}
.tlpgreen{
  font-weight: bold;
  background-color: limegreen;
}
.tlprwhite{
  font-weight: bold;
  background-color: white;
}

.inlineOrByReferenceLabel
{
  font-style: italic!important;
  color: lightgray;
}

.contents
{
  padding-left: 1em;
}
.cyboxPropertiesValue
{
  font-weight: bold;
}

.cyboxPropertiesConstraints, .cyboxPropertiesStyleConstraints
{
  font-weight: normal;
  font-style: italic!important;
  color: darkgray;
}

.cyboxPropertiesConstraints .objectReference
{
  color: black;
}

.objectReference
{
  margin-left: 1em;
}

.expandableContainer.collapsed > .expandableToggle::before,
.expandableContainer.collapsed.expandableToggle::before,
tbody.expandableContainer.collapsed > tr > td > .expandableToggle::before
{
  content: "+";
}
.expandableContainer.expanded > .expandableToggle::before,
.expandableContainer.expanded.expandableToggle::before,
tbody.expandableContainer.expanded > tr > td > .expandableToggle::before
{
  content: "\2212"; /* that's the minus sign, which is the same width as + */
}
.expandableContainer > .expandableToggle::before,
.expandableContainer.expandableToggle::before,
.nonexpandableContainer::before,
tbody.expandableContainer > tr > td > .expandableToggle::before
{
  color: goldenrod;
  /*
  display: inline-block;
  width: 1em;
  */
}
.nonexpandableContainer::before
{
  content: "";
}

.expandableToggle
{
  cursor: pointer;
  /*padding-left: 1.0em;*/
  text-indent: -0.5em;
}

.expandAll
{
  cursor: pointer;
  text-decoration: underline;
  color: blue;
  margin-bottom: 1em;
}

.expandableContainer.expanded
{
  border-style: solid;
  border-color: hsl(0, 0%, 90%); /* very light gray */
  border-width: 1px;
}

.expandableContainer > .expandableContents,
tbody.expandableContainer > tr > td > .expandableContents
{

/*
background-color: gray;
background-image: linear-gradient(90deg, transparent 50%, rgba(255,255,255,.5) 50%);
background-size: 50px 50px;
*/

  /*background-color: #A8CBDE;*/
  padding-top: 0.25em;
  padding-right: 1em;
  padding-left: 0.5em;
  padding-bottom: 0.5em;
}

.expandableSeparate.expandableContainer.collapsed > .expandableContents,
tbody.expandableSeparate.expandableContainer.collapsed > tr > td > .expandableContents
{
  display: none;
}

/* 1.5em left margin gets expandable contents to line up with the text of the expandalbe toggle */
.expandableContents {
  margin-left: 1.5em;
}

.longText
{
   /* width: 60em; */
}
.expandableSame.expandableContainer
{
  padding-bottom: 0.2em;
  padding-top: 0.2em;
}
.expandableSame.expandableContainer.collapsed
{
  overflow: hidden;
  height: 1em;
}
.expandableSame.expandableContainer.expanded
{
    word-wrap: break-word;
}

.associatedObjectContents
{
    font-weight: normal;
}
.baseobj
{
}
.copyobj
{
}
.baseobserv
{
}
.copyobserv
{
}

.debug
{
  display: none;
  /*display: block;*/
}

.indicator-sub-table > colgroup > col.heading-column
{
  width: 8em;
}

.reference
{
  /*display: block;*/
  display: none;
}

.customHeader
{
  text-align: center;
  margin-bottom: 1em;
  background-color: silver;
}

.customFooter
{
  margin-top: 1em;
  text-align: right;
}

.itemCategoryIcon
{
  padding: 0.5em;
  text-align: left;
  
  width: 100px;
  height: 100px;
  
  display: inline-block;
  
  /*
  border-style: solid;
  border-color: red;
  border-width: 1px;
  padding: 5px;
  */
}

.documentContentsList
{
}
.documentContentsItem
{
  display: inline;
}

.stixSectionTitle,
.stixCommonValue
{
  font-weight: bold;
  margin-bottom: 1em;
}

.stixCommonDescription
{
  font-style: italic;
}

.stixSectionContents
{
}

.windowsRegistryTable
{
  border-style: solid;
  border-width: 1px;
  border-color: black;
  border-collapse: collapse;
}

.windowsRegistryTable > thead > tr,
.windowsRegistryTable > tbody > tr
{
  text-align: left;
}
.windowsRegistryTable > thead > tr,
.windowsRegistryTable > tbody > tr > th
{
  background-color: hsla(0, 0%, 40%, 1.0);
  color: hsla(0, 0%, 80%, 1.0);
}
.windowsRegistryTable > thead > tr > td
{
  color: hsla(0, 0%, 80%, 1.0);
}
.windowsRegistryTable > thead > tr > th,
.windowsRegistryTable > thead > tr > td
{
  vertical-align: middle;
}

.windowsRegistryTable > thead > tr > th,
.windowsRegistryTable > thead > tr > td,
.windowsRegistryTable > tbody > tr > th,
.windowsRegistryTable > tbody > tr > td
{
/*
  border-bottom-style: solid;
  border-bottom-color: hsl(0, 0%, 80%);
  border-bottom-width: 1px;
*/
  border-style: solid;
  /*border-color: hsl(0, 0%, 80%); */
  border-color: black;
  border-width: 1px;
}
.windowsRegistryTable > thead > tr > th,
.windowsRegistryTable > tbody > tr > th
{
  font-weight: normal;
}
.windowsRegistryTable > thead > tr > td,
.windowsRegistryTable > tbody > tr > td
{
  font-weight: bold;
}

.httpRequestResponseTable
{
  border-style: solid;
  border-width: 1px;
  border-color: black;
  border-collapse: collapse;
}

.httpRequestResponseTable > thead > tr> th,
.httpRequestResponseTable > thead > tr> td,
.httpRequestResponseTable > tbody > tr> th,
.httpRequestResponseTable > tbody > tr> td
{
  border-style: solid;
  /*border-color: hsl(0, 0%, 80%); */
  border-color: gray;
  border-width: 1px;
}
.requestResponseHeaderRow
{
  background-color: inherit;
  color: silver;
}
.httpRequestResponseTable > thead > tr> th,
.httpRequestResponseTable > tbody > tr> th
{
  font-weight: normal;
}
.httpRequestResponseTable > thead > tr> td,
.httpRequestResponseTable > tbody > tr> td
{
  font-weight: bold;
  color: black;
}

.conditionClause
{
  /*margin-top: 1em;*/
  /*margin-left: 1em;*/
}

.documentContentsList > a
{
  text-decoration: none;
}

.marking:not(:first-child) {
  margin-top: 1em;
}

.StixTitleValue,
.StixPackage_IntentValue
{
  font-weight: bold;
}

.metadataBlock {
  background-color: hsla(0, 50%, 0%, 0.15);
  margin: 1em;
  padding: 0.25em 1em;
}
.metadataCaption
{
  font-weight: bold;
}

.simpleMarkingStatment.container
{
  margin-bottom: 1em;
}