.help { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; z-index: 5; &:before { content: " "; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.2; } .box { position: relative; max-width: 1000px; max-height: 500px; min-height: 200px; height: 50%; top: 10%; border: solid 1px #aaa; margin: auto; padding: 20px; background-color: #fff; padding-bottom: 100px; } a.close { @include cancel-icon; @include icon-button; } h2 { margin: 0 0 10px 0; } nav { position: absolute; width: 200px; left: 10px; top: 60px; bottom: 50px; overflow: auto; padding: 0 5px; ul { margin: 0; padding: 0; } li { margin: 3px 0; list-style: none; font-size: 13px; line-height: 18px; } a { display: block; text-decoration: none; color: #000; padding: 5px; } a:hover { background-color: #eee; } .expandable > a { @include background-icon-right($top: 6px); @include down-open-mini-icon; padding-right: 30px; } .expanded > a { @include up-open-mini-icon; background-color: #eee; } .active > a { background-color: #D2E5FA; } li ul { display: none; border-bottom: solid 1px #ddd; } .expanded ul { display: block; } li li a { padding-left: 25px; } } section { position: absolute; left: 220px; bottom: 50px; top: 60px; right: 10px; overflow: auto; margin-left: 5px; padding-left: 20px; padding-right: 5px; border-left: solid 1px #888; h1 { margin: 0 0 10px 0; font-size: 27px; } h2 { margin: 25px 0 15px 0; font-weight: bold; font-size: 20px; } h3 { margin: 5px 0 0 0; font-weight: bold; font-size: 16px; line-height: 26px; } } .footer { position: absolute; right: 10px; bottom: 10px; } p { line-height: 23px; margin: 0 0 10px 0; } img { float: right; margin: 5px; border: solid 1px #888; padding: 1px; } } .editor .help_button { @include background-icon-left($color: #a0c4e0, $font-size: 16px, $left: 5px); @include help-circled-icon; position: absolute; bottom: 0; right: 0; left: 0; height: 20px; padding: 5px 5px 0px 30px; font-family: Helvetica, "Sans-Serif"; font-size: 13px; border-top: solid 1px #aaa; background-color: #fff; cursor: pointer; }