#layoutBody width: 100% height: 100% display: table text-align: center margin: 0 padding: 0 border: 0 .mainBody display: table height: 100% width: 100% margin: 0 padding: 0 border: 0 .leftSidebar display: table-cell position: relative border: 0 vertical-align: top padding: 0 text-align: left width: 220px height: 100% //Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#627d4d+0,1f3b08+100;Olive+3D background: #90b272 //Old browsers background: -moz-linear-gradient(-180deg, #90b272 0%, #4d7727 100%) //FF3.6-15 background: -webkit-linear-gradient(-180deg, #90b272 0%,#4d7727 100%) //Chrome10-25,Safari5.1-6 background: linear-gradient(180deg, #90b272 0%,#4d7727 100%) //W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ font-size: 14px font-weight: 700 .signOut position: absolute left: 10px top: 10px color: white cursor: pointer .signOut:hover color: #BBB .signOut:active color: black .logo text-align: center margin-top: 20px ul padding: 20px 0 0 0 margin: 0 list-style: none li:first-child border-top: 1px solid #e4e5e7 li border-bottom: 1px solid #e4e5e7 color: #96a2ae text-transform: uppercase display: block a color: black padding: 15px 20px cursor: pointer text-decoration: none display: block .tag padding: .2em .5em font-size: .7em color: #fff white-space: nowrap vertical-align: baseline border-radius: .25em border: 1px solid #000000 float: right li:hover background-color: #333 li.active background-color: #333 a color: #96a2ae .contentBody display: table-cell //background: #4d7727 .contentContainer display: table width: 100% height: 100% //border-radius 20px //border: 0; background: white .header display: table-row background: #90b272 width: 100% height: 1px .content display: table-row width: 100% -webkit-box-shadow: inset 4px 2px 6px 2px rgba(168,165,168,1) -moz-box-shadow: inset 4px 2px 6px 2px rgba(168,165,168,1) box-shadow: inset 4px 2px 6px 2px rgba(168,165,168,1) .footer display: table-row height: 1px text-align: center background: #4d7727 color: white //#layoutBody // width: 100% // height: 100% // display: table // margin: 0 // padding: 0 // border: 0 // // .bodyTable // display: table // margin: 0 // padding: 0 // border: 0 // .bodyTableRow // display: table-row // .bodyTableCell // display: table-cell // // .left // display: table-cell // border: 0 // vertical-align: top // padding: 0 // text-align: left // width: 220px // height: 100% // //Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#627d4d+0,1f3b08+100;Olive+3D // background: #627d4d //Old browsers // background: -moz-linear-gradient(-180deg, #627d4d 0%, #1f3b08 100%) //FF3.6-15 // background: -webkit-linear-gradient(-180deg, #627d4d 0%,#1f3b08 100%) //Chrome10-25,Safari5.1-6 // background: linear-gradient(180deg, #627d4d 0%,#1f3b08 100%) //W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ // font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif // font-size: 14px // font-weight: 700 // // ul // padding: 50px 0 0 0 // margin: 0 // list-style: none // // li:first-child // border-top: 1px solid #e4e5e7 // li // border-bottom: 1px solid #e4e5e7 // color: #96a2ae // text-transform: uppercase // display: block // // a // color: #96a2ae // padding: 15px 20px // cursor: pointer // text-decoration: none // display: block // // .tag // padding: .2em .5em // font-size: .7em // color: #fff // white-space: nowrap // vertical-align: baseline // border-radius: .25em // border: 1px solid #000000 // float: right // li:hover // background-color: #333 // li.active // background-color: #333 // // .header // height: 1px // background: #627d4d // width: 100% // .content // background: white // .footer // text-align: center // height: 1px; // background: #1f3b08 // color: white // //.header // display: table-row // height: 1px // background: #627d4d // //#layoutBody.body // display: table // margin: 0 // padding: 0 // width: 100% // height: 100% // // .body // display: table-row // width: 100% // // .left // display: table-cell // border: 0 // vertical-align: top // padding: 0 // text-align: left // width: 220px // //Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#627d4d+0,1f3b08+100;Olive+3D // background: #627d4d //Old browsers // background: -moz-linear-gradient(-180deg, #627d4d 0%, #1f3b08 100%) //FF3.6-15 // background: -webkit-linear-gradient(-180deg, #627d4d 0%,#1f3b08 100%) //Chrome10-25,Safari5.1-6 // background: linear-gradient(180deg, #627d4d 0%,#1f3b08 100%) //W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ // font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif // font-size: 14px; // font-weight: 700 // // ul // padding: 50px 0 0 0 // margin: 0 // list-style: none // // li:first-child // border-top: 1px solid #e4e5e7 // li // border-bottom: 1px solid #e4e5e7 // color: #96a2ae // text-transform: uppercase // display: block // // a // color: #96a2ae // padding: 15px 20px // cursor: pointer // text-decoration: none // display: block // // .tag // padding: .2em .5em // font-size: .7em // color: #fff // white-space: nowrap // vertical-align: baseline // border-radius: .25em // border: 1px solid #000000 // float: right // li:hover // background-color: #333 // li.active // background-color: #333 // .main // display: table-row // background: white // border: 0 // vertical-align: top // padding: 0 // text-align: left // // .footer // display: table-row // text-align: center // height: 1px; // background: #1f3b08 // color: white