SOURCE CODE: Uize.Widgets.Log.Css (view docs)

<%@ required ('Uize.Widgets.CssUtil'); %>
<%
  var _cssUtil = Uize.Widgets.CssUtil;
%>
.`` {
  position: relative;
  width: 100%;
  height: 185px;
}

.`contents` {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.`heading` {
  position: relative;
  text-align: center;
}

.`topRightButton` {
  position: absolute;
  right: 0;
  top: 0;
}

.`body` {
  position: absolute;
  padding: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.`messages` {
  position: absolute;
  left: 2px;
  top: 0;
  right: 2px;
  bottom: 2px;
  font-family: Courier;
  white-space: pre;
  tab-size: 3;
  font-size: 10px;
  color: #000;
  border: 1px solid #ddd;
  padding: 4px;
  overflow: auto;
}

/*** styling for different sizes ***/
<%
  Uize.forEach (
    _cssUtil.sizes,
    function (_size,_sizeName) {
%>  /*** <%= _sizeName %> ***/
    .`<%= _sizeName %>` .`body` {
      top: <%= _size.outer %>px;
    }
<%    }
  );
%>