web.themes.farko.css.cm.css Maven / Gradle / Ivy
/** Container Management */
.cm-banner {width: 100%; text-align:center;}
.cm-banner-label {font-family: Impact, Charcoal, arial; font-size:36pt; color:#444444;}
.cm-content {position: relative; top: 0px; display:block; width:100%; padding-top:40px;
overflow-y:scroll; max-height:calc(100vh - 40px) !important;}
.cm-section-label {display:block; font-size:20pt; color:#3A3A3A; background-color:#D9D9D9; border: 1px solid #BCBCBC;
padding:8px 2px; margin-top:32px; margin-bottom:8px;}
.cm-section-footer {height:30px;}
.cm-button {background-color:#006DCC; font-weight:bold; color: #FFFFFF; border: 1px solid #005DBC;
padding: 0px 16px; height:36px; cursor: pointer;}
.cm-detail-layout {padding:8px; padding-right:80px; font-family: "Courier New", Courier, monospace; font-size:16pt; color:#000000}
.cm-detail-layout .layCaption {font-weight: bold; padding-bottom: 2px;}
.cm-detail-layout .llabel {font-weight: bold; padding-bottom: 2px; padding-right:4px; display:inline-block;vertical-align: top;}
.cm-detail-layout .lcontent {display:inline; width:100%; height:100%;}
.cm-table {width:100%;}
.cm-table .twin {border: 1px solid #A9A9A9;}
.cm-table .thserialno {width: 32px !important;}
.cm-table .thselect {width: 16px; text-align: center;}
.cm-table .thframe {border-collapse: collapse; background-color: #ECECEC; vertical-align: middle;}
.cm-table .thead {border: 0px; border-collapse: collapse; background-color: #ECECEC; vertical-align: middle;}
.cm-table .thead th {border-right: 1px solid #A9A9A9; padding: 3px; font-weight: normal;}
.cm-table .tbody {height:100%;padding: 0px; border: 0px;overflow:scroll;}
.cm-table .ttable {width:100%; table-layout:fixed;}
.cm-table .ttable th {text-align:center; padding:10px 0px; font-size:20px; font-weight:normal; color:#878787; background-color: #EDEDED;}
.cm-table .ttable td {font-family: "Courier New", Courier, monospace; font-size:16pt;padding: 5px 3px; vertical-align:top;}
.cm-table .ttable td span {display: block; word-wrap: break-word;}
.cm-table .ttable.tfixed {table-layout:fixed;width:100%;border-left:0px;}
.cm-table .todd {background-color: #FFFFFF;}
.cm-table .teven {background-color: #F8F8F8;}
.cm-table .tselect {background-color: #000000; color: #FFF;}
.cm-table .tnoitems {background-color:#FFFFFF; color:#333333; text-align: center;}
.cm-table .taction {width:24px; height:24px; margin-right:6px; cursor:pointer;}
.cm-properties-table {width:480px;}
.cm-properties-table .ui-table-body {height:120px;}
.cm-properties-table .ui-table-header th {color:#878787; background-color: #EDEDED;}
.cm-properties-table fieldset {padding-top:4px; border: 0px;}
/** Component information panel */
.cm-captionpanel {display: block; margin-bottom: 2px; font-size:20px; color:#878787; cursor:move;
background-color:#EDEDED; border: 1px solid #BCBCBC; padding:8px 2px;overflow:auto;}
.cm-captionpanel-caption {float:left; font-size: 20px; text-align: left;}
.cm-captionpanel-controls {float:right; text-align: right; padding-right:4px;}
.cm-captionpanel-cancelbtn {width:20px; cursor:pointer;}
.cm-componentinfopanel-popup {display:inline-block; background: #FFFFFF; border: 1px solid #AAAAAA; text-align:left;}
.cm-componentinfopanel-popup-caption {display:block; font-size:20px; color:#878787; background-color:#EDEDED; border: 1px solid #BCBCBC;
padding:8px 14px; margin-bottom:8px;}