brite/tutorial/taskmanager/02/css/MainView.css

DOM Centric Minimalistic MVC Framework

.MainView{
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  border: dashed 1px red; /* for layout debug */
}

.MainView-topNav{
  height: 36px;
}

.MainView-topNav h2{
  font-size: 20px; 
  line-height: normal;
  letter-spacing: .1em;
  margin: 0;
  padding: 5px 0 0px 10px; 
}

.MainView-left{
  position: absolute;
  top: 36px; bottom: 0; left: 0;
  width: 200px;
}

.MainView-content{
  position: absolute;
  top: 36px; right: 0px; bottom: 0; left: 200px;
  border: dotted 1px #ddd;
}

.MainView-projectViewPanel{
  position: absolute;
  top: 20px; right: 20px; bottom: 20px; left: 20px;
  border-radius: 10px 10px 10px 10px;
}