/* * Copyright (c) 2012-2013 Kaarle Ritvanen * See LICENSE file for license details */ body { margin: 0; padding: 0; font-family: sans; } #status { border-style: solid; border-width: 3px; border-color: #cde; background-color: #cde; height: 2em; padding: 10px; margin: 0; font-size: 75%; } #status p { position: absolute; top: 3px; left: 15px; } #logout { position: absolute; top: 0; right: 0; margin: 13px; } #status div { position: absolute; top: 0; right: 0; height: 2em; padding: 13px; } #status input { font-size: 100%; } #status.changed { border-color: #7f7; } #status.invalid { border-color: #f77; } .hidden { display: none; } .invalid, #status.invalid div { background-color: #f77; } .changed, #status.changed div { background-color: #7f7; } .current { background-color: #ccc; } #modules li:not(.current) { background-color: inherit; } #modules li.invalid { list-style-type: disc; color: #f77; } #modules li.changed { list-style-type: disc; color: #7f7; } #modules { position: absolute; height: 90%; border-right: solid; border-color: #ccc; width: 148px; margin: 1.8em 0 0 0; padding: 10px 0px 10px 10px; } #modules li { list-style-type: none; padding: 3px 0px 3px 3px; margin: 0 0 0 6px; } #modules a, #tabs a { text-decoration: none; color: black; } #modules a:hover, #tabs a:hover { text-decoration: underline; color: blue; } #tabs, #content { margin: 0 0 0 158px; padding: 0 0 0 15px; } #tabs { border-bottom-style: solid; border-color: #ccc; height: 1.8em; } #tabs li { display: inline-block; padding: 5px; } #content { padding: 10px; }