/*! Icinga Web 2 | (c) 2013-2015 Icinga Development Team | GPLv2+ */ /* Color definitions */ @colorMainLayout: #049baf; @colorMainBackground: #fff; @colorMainForeground: #666; @colorMainLink: #222; @colorSecondary: #f9f9f9; @colorGray: #f9f9f9; @colorLinkDefault: #049baf; @colorTextDefault: @colorMainForeground; @colorTextDarkDefault: #555; @colorOk: #44bb77; @colorWarning: #ffaa44; @colorWarningHandled: #ffcc66; @colorCritical: #ff5566; @colorCriticalHandled: #ff99aa; @colorUnknown: #aa44ff; @colorUnknownHandled: #cc77ff; @colorUnreachable: #aa44ff; @colorUnreachableHandled: #cc77ff; @colorPending: #77aaff; @colorInvalid: #999; @colorFormNotificationInfo: #77aaff; @colorFormNotificationWarning: #ffaa44; @colorFormNotificationError: #ff5566; /* deprecated */ @colorPetrol: @colorMainLayout; /*** Base rules ***/ * { font-size: 100%; } html, body { height: 100%; } html { background: #fff; } img { border: none; } /* TODO: -xy-text-resize-dings */ html, body, form { /* TODO: Really 0 ? */ margin: 0; padding: 0; } table { border-collapse: collapse; border: none; } body { font-family: Calibri, Helvetica, sans-serif; color: #666; background-color: white; } a { @colorMainLink; text-decoration: none; &:hover { text-decoration: underline; } } h1, h2, h3, h4, h5, h6 { font-size: 1em; padding: 0.3em 0em; margin: 0.7em 0 0.5em 0; color: @textColor; border-bottom: 1px dotted #aaa; a { text-decoration: none; color: inherit; &:hover { text-decoration: underline; } } } h5 { font-size: 0.83em; } h6 { font-size: 0.75em; } h1 { border-bottom: 3px solid #666; font-variant: small-caps; font-weight: bold; } h2 { border-bottom: 1px solid #888; font-variant: small-caps; font-weight: normal; } h3 { font-weight: normal; border-bottom: 1px solid #aaa; } button { font-family: inherit; } #fontsize-calc { display: none; width: 1000em; height: 1em; font-size: 1em; position: absolute; top: -2em; } /*** END of Base rules */