You are here

Home » API reference » Business Rules 8

common.css in Business Rules 8

Same filename and directory in other branches
  1. 2.x css/common.css
.mxRubberband {
  position: absolute;
  overflow: hidden;
  border-style: solid;
  border-width: 1px;
  border-color: #0000ff;
  background: #0077ff;
}
.mxCellEditor {
  background: url('../images/transparent.gif');
  border-color: transparent;
  border-style: solid;
  position: absolute;
  overflow: visible;
  word-wrap: normal;
  border-width: 0;
  min-width: 1px;
  resize: none;
  padding: 0;
  margin: 0;
}
.mxPlainTextEditor * {
  padding: 0;
  margin: 0;
}
div.mxWindow {
  -webkit-box-shadow: 3px 3px 12px #c0c0c0;
  -moz-box-shadow: 3px 3px 12px #c0c0c0;
  box-shadow: 3px 3px 12px #c0c0c0;
  background: url('../images/window.gif');
  border: 1px solid #c3c3c3;
  position: absolute;
  overflow: hidden;
  z-index: 1;
}
table.mxWindow {
  border-collapse: collapse;
  table-layout: fixed;
  font-family: Arial;
  font-size: 8pt;
}
.mxWindowTitle {
  background: url('../images/window-title.gif') repeat-x;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
  font-weight: bold;
  overflow: hidden;
  height: 13px;
  padding: 2px;
  padding-top: 4px;
  padding-bottom: 6px;
  color: black;
}
td.mxWindowPane {
  vertical-align: top;
  padding: 0px;
}
div.mxWindowPane {
  overflow: hidden;
  position: relative;
}
td.mxWindowPane td {
  font-family: Arial;
  font-size: 8pt;
}
td.mxWindowPane input,
td.mxWindowPane select,
td.mxWindowPane textarea,
td.mxWindowPane radio {
  border-color: #8c8c8c;
  border-style: solid;
  border-width: 1px;
  font-family: Arial;
  font-size: 8pt;
  padding: 1px;
}
td.mxWindowPane button {
  background: url('../images/button.gif') repeat-x;
  font-family: Arial;
  font-size: 8pt;
  padding: 2px;
  float: left;
}
.mxToolbarItem {
  margin-right: 6px;
  margin-bottom: 6px;
  border-width: 1px;
}
.mxToolbarCombo {
  vertical-align: top;
  border-style: inset;
  border-width: 2px;
}
.mxToolbarComboContainer {
  padding: 2px;
}
.mxToolbarMode {
  margin: 2px;
  margin-right: 4px;
  margin-bottom: 4px;
  border-width: 0;
}
.mxToolbarModeSelected {
  margin: 0;
  margin-right: 2px;
  margin-bottom: 2px;
  border-width: 2px;
  border-style: inset;
}
.mxTooltip {
  -webkit-box-shadow: 3px 3px 12px #c0c0c0;
  -moz-box-shadow: 3px 3px 12px #c0c0c0;
  box-shadow: 3px 3px 12px #c0c0c0;
  background: #ffffcc;
  border-style: solid;
  border-width: 1px;
  border-color: black;
  font-family: Arial;
  font-size: 8pt;
  position: absolute;
  cursor: default;
  padding: 4px;
  color: black;
}
div.mxPopupMenu {
  -webkit-box-shadow: 3px 3px 12px #c0c0c0;
  -moz-box-shadow: 3px 3px 12px #c0c0c0;
  box-shadow: 3px 3px 12px #c0c0c0;
  background: url('../images/window.gif');
  position: absolute;
  border-style: solid;
  border-width: 1px;
  border-color: black;
}
table.mxPopupMenu {
  border-collapse: collapse;
  margin-top: 1px;
  margin-bottom: 1px;
}
tr.mxPopupMenuItem {
  color: black;
  cursor: pointer;
}
.mxPopupMenuItemHover {
  background-color: #000066;
  color: #ffffff;
  cursor: pointer;
}
td.mxPopupMenuItem {
  padding: 2px 30px 2px 10px;
  white-space: nowrap;
  font-family: Arial;
  font-size: 8pt;
}
.mxPopupMenuIcon {
  background-color: #d0d0d0;
  padding: 2px 4px 2px 4px;
}
.mxDisabled {
  opacity: 0.2 !important;
  cursor: default !important;
}

File

css/common.css
View source 
  1. .mxRubberband {

  2.   position: absolute;

  3.   overflow: hidden;

  4.   border-style: solid;

  5.   border-width: 1px;

  6.   border-color: #0000ff;

  7.   background: #0077ff;

  8. }

  9. .mxCellEditor {

  10.   background: url('../images/transparent.gif');

  11.   border-color: transparent;

  12.   border-style: solid;

  13.   position: absolute;

  14.   overflow: visible;

  15.   word-wrap: normal;

  16.   border-width: 0;

  17.   min-width: 1px;

  18.   resize: none;

  19.   padding: 0;

  20.   margin: 0;

  21. }

  22. .mxPlainTextEditor * {

  23.   padding: 0;

  24.   margin: 0;

  25. }

  26. div.mxWindow {

  27.   -webkit-box-shadow: 3px 3px 12px #c0c0c0;

  28.   -moz-box-shadow: 3px 3px 12px #c0c0c0;

  29.   box-shadow: 3px 3px 12px #c0c0c0;

  30.   background: url('../images/window.gif');

  31.   border: 1px solid #c3c3c3;

  32.   position: absolute;

  33.   overflow: hidden;

  34.   z-index: 1;

  35. }

  36. table.mxWindow {

  37.   border-collapse: collapse;

  38.   table-layout: fixed;

  39.   font-family: Arial;

  40.   font-size: 8pt;

  41. }

  42. .mxWindowTitle {

  43.   background: url('../images/window-title.gif') repeat-x;

  44.   text-overflow: ellipsis;

  45.   white-space: nowrap;

  46.   text-align: center;

  47.   font-weight: bold;

  48.   overflow: hidden;

  49.   height: 13px;

  50.   padding: 2px;

  51.   padding-top: 4px;

  52.   padding-bottom: 6px;

  53.   color: black;

  54. }

  55. td.mxWindowPane {

  56.   vertical-align: top;

  57.   padding: 0px;

  58. }

  59. div.mxWindowPane {

  60.   overflow: hidden;

  61.   position: relative;

  62. }

  63. td.mxWindowPane td {

  64.   font-family: Arial;

  65.   font-size: 8pt;

  66. }

  67. td.mxWindowPane input,

  68. td.mxWindowPane select,

  69. td.mxWindowPane textarea,

  70. td.mxWindowPane radio {

  71.   border-color: #8c8c8c;

  72.   border-style: solid;

  73.   border-width: 1px;

  74.   font-family: Arial;

  75.   font-size: 8pt;

  76.   padding: 1px;

  77. }

  78. td.mxWindowPane button {

  79.   background: url('../images/button.gif') repeat-x;

  80.   font-family: Arial;

  81.   font-size: 8pt;

  82.   padding: 2px;

  83.   float: left;

  84. }

  85. .mxToolbarItem {

  86.   margin-right: 6px;

  87.   margin-bottom: 6px;

  88.   border-width: 1px;

  89. }

  90. .mxToolbarCombo {

  91.   vertical-align: top;

  92.   border-style: inset;

  93.   border-width: 2px;

  94. }

  95. .mxToolbarComboContainer {

  96.   padding: 2px;

  97. }

  98. .mxToolbarMode {

  99.   margin: 2px;

  100.   margin-right: 4px;

  101.   margin-bottom: 4px;

  102.   border-width: 0;

  103. }

  104. .mxToolbarModeSelected {

  105.   margin: 0;

  106.   margin-right: 2px;

  107.   margin-bottom: 2px;

  108.   border-width: 2px;

  109.   border-style: inset;

  110. }

  111. .mxTooltip {

  112.   -webkit-box-shadow: 3px 3px 12px #c0c0c0;

  113.   -moz-box-shadow: 3px 3px 12px #c0c0c0;

  114.   box-shadow: 3px 3px 12px #c0c0c0;

  115.   background: #ffffcc;

  116.   border-style: solid;

  117.   border-width: 1px;

  118.   border-color: black;

  119.   font-family: Arial;

  120.   font-size: 8pt;

  121.   position: absolute;

  122.   cursor: default;

  123.   padding: 4px;

  124.   color: black;

  125. }

  126. div.mxPopupMenu {

  127.   -webkit-box-shadow: 3px 3px 12px #c0c0c0;

  128.   -moz-box-shadow: 3px 3px 12px #c0c0c0;

  129.   box-shadow: 3px 3px 12px #c0c0c0;

  130.   background: url('../images/window.gif');

  131.   position: absolute;

  132.   border-style: solid;

  133.   border-width: 1px;

  134.   border-color: black;

  135. }

  136. table.mxPopupMenu {

  137.   border-collapse: collapse;

  138.   margin-top: 1px;

  139.   margin-bottom: 1px;

  140. }

  141. tr.mxPopupMenuItem {

  142.   color: black;

  143.   cursor: pointer;

  144. }

  145. .mxPopupMenuItemHover {

  146.   background-color: #000066;

  147.   color: #ffffff;

  148.   cursor: pointer;

  149. }

  150. td.mxPopupMenuItem {

  151.   padding: 2px 30px 2px 10px;

  152.   white-space: nowrap;

  153.   font-family: Arial;

  154.   font-size: 8pt;

  155. }

  156. .mxPopupMenuIcon {

  157.   background-color: #d0d0d0;

  158.   padding: 2px 4px 2px 4px;

  159. }

  160. .mxDisabled {

  161.   opacity: 0.2 !important;

  162.   cursor: default !important;

  163. }