* { margin: 0; padding: 0; } html, body { height: 100%; display: flex; flex-direction: column; background: red; margin: 0; } #everything { max-width: 950px; min-width: 250px; margin: 0 auto; background: white; width: 100%; } #contentContainer { position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; flex-direction: column; height: 100%; } #rightBar { position: relative; float: right; width: 75px; height: 100%; } #listView { /*height: 100%;*/ flex-flow: column nowrap; /*justify-content: space-around;*/ /*align-items: flex-start;*/ /*align-content: center;*/ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; } .buttonContainer { flex:none; background-color:black; color:white; } #dataTable { overflow-y: scroll; flex: auto; align-self: stretch; height: 10%; max-height: 100%; } @require "test2" // ////@import url('//fonts.googleapis.com/css?family=PT+Sans|Grand+Hotel|Open+Sans:400,600'); // //* { // margin: 0; // padding: 0; //} // //html { // scrollbar-face-color: #808080; // scrollbar-highlight-color: #808080; // scrollbar-3dlight-color: #707070; // scrollbar-darkshadow-color: #808080; // scrollbar-shadow-color: #7e7e7e; // scrollbar-arrow-color: #ffffff; // scrollbar-track-color: #505050; //} // //body { // background: #F6F6F6; // font-family: verdana, arial, helvetica, sans-serif; // font-size: 1.0em; //} // //html, body { // height: 100%; // display: flex; // flex-direction: column; // background: red; // margin: 0; //} // //#everything { // max-width: 950px; // min-width: 250px; // margin: 0 auto; // background: white; // width: 100%; //} // //#rightBar { // position: relative; // float: right; // width: 75px; // height: 100%; //} // //#contentContainer { // position: relative; // display: -webkit-box; // display: -moz-box; // display: -ms-flexbox; // display: -moz-flex; // display: -webkit-flex; // display: flex; // flex-direction: column; // height: 100%; //} // ////@media (max-width: 1100px) { //// #contentContainer { //// margin: 0 75px 0 0; //// } ////} // //#menuButton, #legalButton, #logoutButton { // color: black; // width: 1em; // height: 1em; //} // //#menuButton:hover, #legalButton:hover, #logoutButton:hover { // text-decoration: none; // color: black; //} // //#menuButton:active, #legalButton:active, #logoutButton:active { // text-decoration: none; // color: black; //} // //#menuButton { // //position: absolute; // top: 0; // right: 0; // margin: 14px 7px 0 0; // font-size: 5em; //} // //#logoutButton { // //position: absolute; // top: 120px; // right: 0; // margin-right: 14px; // font-size: 3em; //} // //#legalButton { // //position: absolute; // bottom: 0; // right: 0; // margin-right: 14px; // margin-bottom: 14px; // font-size: 3em; //} //// ////.view:after { //// content: ""; //// display: table; //// clear: both; ////} // // //p { // text-align: justify; // -webkit-font-smoothing: antialiased; // text-rendering: optimizeLegibility; //} // //h1 { // white-space: nowrap; // color: black; // font-family: 'trebuchet ms', verdana, arial, helvetica, sans-serif; // font-size: 1.6em; // font-weight: 800; // padding-left: 0px; // text-transform: uppercase; //} //h1:after { // border-bottom: 2px solid #222; // width: 100%; // margin-bottom: 10px; // content: ""; // display: block; //} // //h2 { // display: inline; // color: #333; // font-family: 'trebuchet ms', verdana, arial, helvetica, sans-serif; // font-size: 1.125em; // font-weight: 800; // padding-left: 0px; // text-transform: uppercase; //} // //h3 { // display: inline; // color: #333; // font-family: 'trebuchet ms', verdana, arial, helvetica, sans-serif; // font-size: 1em; // font-weight: 800; // padding-left: 0px; // text-transform: uppercase; //} // //h5 { // display: block; // color: #333; // font-family: 'trebuchet ms', verdana, arial, helvetica, sans-serif; // font-size: .875em; // font-weight: 400; // font-style: oblique; // padding-left: 0px; // text-transform: uppercase; // margin: 60px 0 0px 0; //} // //li { // list-style-type: none; //} // //sup, sub { // line-height: 0.1em; //} // //.hidden { // display: none; // visibility: hidden; //} // //.clickable { // cursor: pointer; // cursor: hand; //} // //.inlineBlock { // display: inline-block; //} // //.modal-dialog { // background: white; //} // //.selected { // background-color: #ffe184 !important; //} // //@require "bootstrap" //@require "editableSelect" //@require "menu" //@require "configMenu" //@require "legal" //@require "editor" //@require "users" //@require "venues" //@require "measures" //@require "categories" //@require "subcategories" //@require "items" //@require "sales"