.window>.window_title { background: #808080; } .window:hover>.window_title { background: #00007f; } .window_title { padding: 3px 4px 3px 4px; position: relative; h1 { color: #bfb8bf; font-size: 14px; font-weight: bold; } img { float: left; width: 14px; height: 14px; margin: 0 4px 0 0; } } #wrapper, #content { width: 800px; margin: auto; margin-top: 20px; background: #bfb8bf; border: 2px solid; border-color: #fff8ff #000000 #000000 #fff8ff; padding: 2px 0; } #content { max-height: $contentHeight; min-height: $contentHeight; display: flex; flex-direction: column; margin-bottom: 2vh; } #content>.post_content { flex-grow: 1; width: 98.5%; padding: 2px; margin: 0 auto; overflow-y: scroll; overflow-x: hidden; p { line-height: 150%; margin-bottom: 15px; } a { color: #0000ff; margin-bottom: 15px; } h1 { font-size: 20px; font-weight: 700; margin: 50px 0 10px 0; } h2 { font-size: 18px; font-weight: 700; margin: 25px 0 5px 0; } em { font-style: italic; } blockquote { padding: 0 0 0 15px; margin: 15px 5px; border-left: 8px solid #000000; } strong { font-weight: 700; } hr { border-top: 3px solid #333333; border-left: 0; } ul { list-style: square; margin: 0 0 15px 30px; li { padding: 5px; ul { margin: 10px 0 0 15px; li { padding: 5px; } } } } ol { list-style: decimal-leading-zero; margin: 0 0 15px 30px; li { padding: 5px; ul { margin: 10px 0 0 15px; li { padding: 5px; } } } } table, th, td { border: 1px solid #222222; padding: 2px; } pre { margin-bottom: 15px; } } #content>.window_title { h1 { display: inline-block; } a { color: #000000; } .btn { background: #cccccc; width: 13px; height: 11px; float: right; border: 2px solid; border-color: #fff8ff #000000 #000000 #fff8ff; span { font-size: 11px; position: relative; left: 2px; top: -2px; } .fa-window-minimize { font-size: 10px; left: 1px; } .fa-window-maximize { font-size: 10px; left: 1px; } } .btn_max { margin: 0 3px 0 0; } .btn:active { width: 12px; height: 10px; } }