-/* Add any CSS rules for Angular module "statuspage" */
+/* CSS rules for Angular module "statuspage" */
+
+#crm-status-list h3 {
+ color: white;
+ opacity: .85;
+}
+
+#crm-status-list h3:hover,
+#crm-status-list h3.menuopen {
+ opacity: 1;
+}
/* Error Severity */
#crm-status-list .crm-severity-emergency,
#crm-status-list .crm-severity-critical,
#crm-status-list .crm-severity-error{
background-color: #E43D2B;
- color: white;
}
-#crm-status-list .crm-severity-emergency:hover,
-#crm-status-list .crm-severity-alert:hover,
-#crm-status-list .crm-severity-critical:hover,
-#crm-status-list .crm-severity-error:hover {
- background-color: #DD0000;
- color: white;
+/* Warning Severity */
+#crm-status-list .crm-severity-warning {
+ background-color: #eba12d;
}
-/* Warning Severity */
-#crm-status-list .crm-severity-warning
-{
- background-color: #EDA737;
- color: white;
+/* Not Okay - Not Warning */
+#crm-status-list .crm-severity-notice {
+ background-color: #4d90eb;
}
-#crm-status-list .crm-severity-warning:hover
-{
- background-color: #F09E1A;
- color: white;
+/* All OK Severity */
+#crm-status-list .crm-severity-info,
+#crm-status-list .crm-severity-debug {
+ background-color: #00994D;
}
+#crm-status-list .crm-status-message-body {
+ margin: 1em 0;
+}
-/* Not Okay - Not Warning */
-#crm-status-list .crm-severity-notice
-{
- background-color: #4A88DF;
- color: white;
+#crm-status-list .hidden-until {
+ font-weight: normal;
+ font-size: .8em;
+ margin-right: 1em;
}
-#crm-status-list .crm-severity-notice :hover
-{
- background-color: #41477E;
- color: white;
+#tab-status-visible-1 .hush-menu > div {
+ width: 20em; /* determines max-width of popup menu */
}
-/* All OK Severity */
-#crm-status-list .crm-severity-info,
-#crm-status-list .crm-severity-debug {
- background-color: #00994D;
- color: white;
+#crm-status-list .hush-menu > div {
+ position: relative;
+ font-size: .8em;
+ top: -2px;
}
+#crm-status-list .hush-menu button {
+ float: right;
+ cursor: pointer;
+ line-height: 1em;
+}
-#crm-status-list .crm-severity-info:hover,
-#crm-status-list .crm-severity-debug:hover {
- background-color: #006633;
- color: white;
+#crm-status-list .hush-menu ul {
+ position: absolute;
+ top: 1.5em;
+ right: 0;
+ width: auto;
+ margin: 0;
+ padding: 0;
+ z-index: 99;
}
-/* over-riding divs for snooze-options so that inline-block looks better */
+#crm-status-list .hush-menu li {
+ padding: 0.2em 0.5em;
+ background-color: rgba(255, 255, 255, 0.9);
+ z-index: 99;
+ font-weight: normal;
+}
-.crm-container .status-snooze-options .crm-section .content,
-.crm-container .status-snooze-options .crm-section .label {
- margin-left: inherit;
- text-align: inherit;
- float: inherit;
- width: inherit;
- display: inline-block;
+.status-debug-information {
+ font-size: smaller;
}