/* * Arc-Darker Monit theme * by Joel Carnat, 2018-11-08 * * Original theme: https://github.com/horst3180/arc-theme * * * Title bar, darker-grey: #343944 * Side bar, dark-grey: #3E424D * Unfocus, light-grey: #F5F6F7 * Focus, white: #FFFFFF * Selected, blue: #5294E2 * Selected text, white: #FFFFFF * Unsel text, grey: #89909B * Input borders, grey: #DDE2EC * orange: #B47A17 * red: #CC575D * green: #4C9B01 * yellow: #CE9A09 */ body { height: 100%; margin: 0; min-width: 800px; } body { background-color: white; font-family: "Noto Sans", sans-serif, Helvetica, Arial; font-size: 12px; color: #343944; } h1 { text-align: center; font-size: 2em; margin: 0; } h2 { text-align: center; font-size: 1.5em; margin: 0; } a:hover { text-decoration: none; } a { text-decoration: underline; } table { border-collapse: collapse; border: 0; } .stripe { background: #F5F6F7; } .rule { background: #F5F6F7; } .red-text { color: #CC575D; } .green-text { color: #4C9B01; } .gray-text { color: #999999; } .blue-text { color: #5294E2; } .yellow-text { color: #CE9A09; } .orange-text { color: #B47A17; } .short { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 350px; } .column { min-width: 80px; } .left { text-align: left } .right { text-align: right } .center { text-align: center } #wrap { min-height: 100%; } #main { overflow: auto; padding-bottom: 3em; } #footer { position: relative; margin-top: -2em; height: 2em; clear: both; font-size: 0.8em; background: #343944; color: #89909B; text-align: center; padding-top: 1em; } #footer a, #nav a { color: #FFF; } #footer a:hover, #nav a:hover { text-decoration: none; } #nav { background: #343944; color: #FFF; } #nav td { padding: 0px 10px; } #header { background: #F5F6F7; } #header p { margin: 0; } #header br { display: none; } #header-row { width: 95%; } #header-row th { padding: 1.5em 0 0 0; } #header-row td { padding: 3px 10px; } #header-row .first { min-width: 200px; width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #status-table { width: 95%; } #status-table th { text-align: left; background: #F5F6F7; } #status-table th, #status-table td, #status-table tr { border: 1px solid #F5F6F7; padding: 5px; } #status-table td:first-child { border-right: 0; } #status-table td:last-child { border-left: 0; } #buttons { margin: 1em 0 1em 0; } #buttons td { padding-right: 2em; } input { padding: 0.5em; font-family: inherit; font-size: 0.9em; background: #FFF; border: 1px solid #DDE2EC; border-radius: 3px; } input[type=button], input[type=submit] { background: #F5F6F7; border: 1px solid #DDE2EC; }