sidebar-view-css.html

<!-- Load the jQuery UI styles. -->
<link rel="stylesheet" type="text/css" href="https://ssl.gstatic.com/docs/script/css/add-ons1.css" />

<style>
label {
  font-weight: bold;
}

.branding-below {
  bottom: 54px;
  top: 0;
}

.branding-text {
  left: 7px;
  position: relative;
  top: 3px;
}

.logo {
  vertical-align: middle;
}

.width-100 {
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;‌
  -moz-box-sizing: border-box;
}

#sidebar-value-block,
#dialog-elements {
  background-color: #eee;
  border-color: #eee;
  border-width: 5px;
  border-style: solid;
}

#sidebar-button-bar,
#dialog-button-bar {
  margin-bottom: 10px;
}

.div-table{
  display:table;
  width:auto;
  /* background-color:#eee; */
  /* border:1px solid  #666666; */
  border-spacing:5px;
}
.div-table-row{
  display:table-row;
  width:auto;
  clear:both;
}

.div-table-row:hover{
  background-color:#D8E3E9;
  box-shadow: 0 2px 4px -1px rgba(79, 73, 73, 0.8), 0 2px 4px -1px rgba(0, 0, 0, 0.5);
}

.div-table-td, .div-table-th {
  display:table-cell;         
  width:200px;         
  background-color:rgb(230, 230, 230);  
}
.div-table-th {
  /*float:left;*/
  font-weight: bold;
}
.div-table-td {
  /*float:right;*/
}

.msg-success {
  color: green;
  font-weight: bold;
}

.msg-warn {
  color: lightcoral;
  font-weight: bold;
}
</style>