aboutsummaryrefslogtreecommitdiff
path: root/static/alerts2.css
diff options
context:
space:
mode:
authorPatrick J Cherry <patrick@bytemark.co.uk>2011-04-13 17:03:16 +0100
committerPatrick J Cherry <patrick@bytemark.co.uk>2011-04-13 17:03:16 +0100
commit89a67770e66d11740948e90a41db6cee0482cf8e (patch)
treebe858515fb789a89d68f94975690ab019813726c /static/alerts2.css
new version.
Diffstat (limited to 'static/alerts2.css')
-rw-r--r--static/alerts2.css523
1 files changed, 523 insertions, 0 deletions
diff --git a/static/alerts2.css b/static/alerts2.css
new file mode 100644
index 0000000..70cc640
--- /dev/null
+++ b/static/alerts2.css
@@ -0,0 +1,523 @@
+body {
+ background: #aaaaaa;
+}
+
+a {
+ color: #222;
+ text-decoration: underline;
+}
+
+.head h1 {
+ font-family: "Neo Tech Std", Arial;
+ font-weight: normal;
+ font-size: 1.6em;
+ padding: 0.7em 0 0.0 0.7em;
+ margin: 0 0 0 0;
+ background-color: #000;
+ color: #fff;
+}
+
+h2 {
+ font-family: "Neo Tech Std", Arial;
+ font-weight: normal;
+ font-size: 1.4em;
+ padding: 0.7em 0 0.0em 0.7em;
+ margin: 0 0 0 0;
+}
+
+h3 {
+ font-family: "Neo Tech Std", Arial;
+ font-weight: normal;
+ font-size: 1.3em;
+ padding: 0.7em 0 0.0em 0.7em;
+ margin: 0 0 0 0;
+ background-color: #666;
+}
+
+h4 {
+ font-family: "Neo Tech Std", Arial;
+ font-weight: normal;
+ font-size: 1.2em;
+ padding: 0 0 0.1em 0.7em;
+ margin: 0 0 0 0;
+}
+
+h5 {
+ font-family: "Neo Tech Std", Arial;
+ font-weight: normal;
+ font-size: 1.0em;
+ padding: 0 0 0.1em 0.1em;
+ margin: 0 0 0 0;
+}
+
+.head {
+ margin: 0 0 1em 0;
+ width: 100%;
+}
+
+.unacknowledged {
+ border: 2px solid black;
+ width: 100%;
+}
+
+.acknowledge {
+ opacity: 0.65;
+ filter:alpha(opacity=65); /* IE */
+ border: 2px solid black;
+ margin: 1em 0 1em 0;
+ width: 100%;
+}
+
+/*****************************************************************************
+ * HEADER CODE
+ * For more details, see
+ * url http://matthewjamestaylor.com/blog/perfect-3-column.htm
+ *****************************************************************************/
+.nbrUnacknowledged {
+ font-family: "Neo Tech Std", Arial;
+ color: #333;
+ font-size: 1.0em;
+}
+
+.nbrAcknowledged {
+ font-family: "Neo Tech Std", Arial;
+ color: #666;
+ font-size: 0.7em;
+}
+
+/*****************************************************************************
+ * LAYOUT TECHNIQUES: 3 columns, all fluid
+ *****************************************************************************/
+#main {
+ border-top: 2px solid black;
+ border-bottom: 2px solid black;
+ border-right: 2px solid black;
+ height: 29px;
+ overflow:hidden;
+ background: #fff;
+}
+#mainleft {
+ width:16%;
+ float:left;
+ padding: 0.2px 0.2px 0.2px 0.2px;
+ background-color: #000;
+ color: white;
+ font-size: 1.75em;
+ font-family: "Neo Tech Std", Arial;
+}
+#maincenter {
+ width:60.5%;
+ float:left;
+ background:#fff;
+ padding: 0.2px 0.2px 0.2px 0.2px;
+}
+#mainright {
+ width:23.5%;
+ float:right;
+ background:#fff;
+ padding: 0.2px 0.2px 0.2px 0.2px;
+}
+.urgent {
+ font-family: "Neo Tech Std", Arial;
+ font-size: 1.3em;
+ color: #ff0000;
+ padding-right: 1em;
+}
+.normal {
+ font-family: "Neo Tech Std", Arial;
+ font-size: 1.3em;
+ color: #ff7000;
+ padding-right: 1em;
+}
+.low {
+ font-family: "Neo Tech Std", Arial;
+ color: #ccc000;
+ font-size: 1.3em;
+ padding-right: 1em;
+}
+.nbrUnacknowledged {
+ font-family: "Neo Tech Std", Arial;
+ color: #333;
+ font-size: 1.0em;
+}
+.nbrAcknowledged {
+ font-family: "Neo Tech Std", Arial;
+ color: #666;
+ font-size: 0.7em;
+}
+
+
+
+/*****************************************************************************
+ * ALERT LIST CODE.
+ *****************************************************************************/
+.alert {
+ background-color: #999;
+ width: 100%;
+ /*white-space: normal;
+ */
+}
+
+.alert .subject {
+ font-size: 1.25em;
+ font-weight: bold;
+ display: inline;
+ padding-left: 0.5em;
+ /*
+ float: left;
+ width: 20%;
+ */
+}
+
+.alert .source {
+ display: inline;
+ padding-left: 0.5em;
+ /*
+ color: #444;
+ font-size: 0.75em;
+ float: left;
+ width: 20%;
+ */
+}
+
+.alert .summary {
+ font-size: 1.25em;
+ display: inline;
+ /*
+ float: left;
+ width: 20%;
+ */
+}
+
+.alert .time {
+ /*
+ color: #444;
+ font-size: 0.75em;
+ */
+ display: inline;
+}
+
+.alert .ackDetails {
+ font-size: 0.75em;
+ padding-left: 1em;
+ display: inline;
+}
+
+.alert .detail {
+ display: inline;
+}
+
+.levelUrgent,
+.levelNormal,
+.levelLow {
+ /*
+ float: left;
+ width: 3.75%;
+ */
+ padding-left: .5em;
+ padding-right: .5em;
+ display: inline;
+}
+
+.levelUrgent {
+ background-color: #ff0000;
+}
+
+.levelNormal {
+ background-color: #ff7000;
+}
+
+.levelLow {
+ background-color: #cccc00;
+}
+
+.conglomerate {
+ background-color: #aaa;
+ display: inline;
+}
+.conglomerate .subject {
+ font-size: 1.25em;
+ font-weight: bold;
+ background-color: #aaa;
+ display: inline;
+}
+
+.conglomerate .time {
+ font-size: 0.95em;
+ display: inline;
+}
+
+.TitleUnacknowledged {
+ color: #ff0000;
+ display: inline;
+}
+
+.inlineDetails {
+ padding: 0.0em 0.0em 0.0em 1.5em;
+ margin: 0 0 0 0;
+}
+
+/*****************************************************************************
+ * TREEVIEW LIST CODE.
+ *****************************************************************************/
+.treeview, .treeview ul {
+ padding: 0;
+ margin: 0;
+ list-style: none;
+}
+
+.treeview ul {
+ background-color: #aaa;
+ margin-top: 4px;
+}
+
+.treeview .hitarea {
+ background: url(/images/treeview-default.png) -64px -25px no-repeat;
+ height: 16px;
+ width: 16px;
+ margin-left: -16px;
+ float: left;
+ cursor: pointer;
+}
+/* fix for IE6 */
+* html .hitarea {
+ display: inline;
+ float:none;
+}
+
+.treeview li {
+ margin: 0;
+ padding: 3px 0pt 3px 16px;
+}
+
+.treeview a.selected {
+ background-color: #eee;
+}
+
+#treecontrol {
+ font-size: 0.75em;
+}
+
+.treeview .hover { color: black; cursor: pointer; }
+
+.treeview li { background: url(/images/treeview-default-line.png) 0 0 no-repeat; }
+.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }
+
+.treeview .expandable-hitarea { background-position: -80px -3px; }
+
+.treeview li.last { background-position: 0 -1766px }
+.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(images/treeview-default.png); }
+.treeview li.lastCollapsable { background-position: 0 -111px }
+.treeview li.lastExpandable { background-position: -32px -67px }
+
+.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }
+
+.treeview-black li { background-image: url(images/treeview-black-line.png); }
+.treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable { background-image: url(images/treeview-black.png); }
+
+
+/*****************************************************************************
+ * POP! CODE.
+ *****************************************************************************/
+.pop {
+ position: absolute;
+ display: inline;
+}
+.pop .pop_menu {
+ display: none;
+ -moz-border-radius: 3px;
+ -webkit-border-radius: 3px;
+ border: 2px solid #000;
+}
+.pop .pop_toggle {
+ /*
+ background-image: url(/images/arrow_down.png);
+ background-repeat: no-repeat;
+ background-position: center center;
+ */
+ width: 7em;
+ height: 1em;
+ overflow: hidden;
+ cursor: pointer;
+}
+.active .pop_menu .title {
+ /*
+ border: 1px solid #000;
+ background-color: #999;
+ */
+ font-family: "Neo Tech Std", Arial;
+ font-size: 1.2em;
+ text-align: center;
+}
+.active .pop_menu .content {
+ padding: 0.5em 0.5em 0.5em 0.5em;
+ border: 1px solid #000;
+ background-color: #ccc;
+ overflow: auto;
+}
+.active .pop_menu {
+ display: block;
+ background-color: #999;
+ color: #000;
+ position: absolute;
+ padding: .6em;
+ width: 33em;
+}
+.active .pop_toggle {
+ z-index: 2000;
+ position: absolute;
+ top: 0;
+ left: 0;
+ background-image: url(/images/arrow_up.png);
+ width: 20px;
+ height: 20px;
+}
+
+
+/*****************************************************************************
+ * jQUERY COUNTDOWN STYLES 1.5.8.
+ *****************************************************************************/
+.countdown {
+ display: inline;
+ float: right;
+}
+
+.hasCountdown {
+ background-color: #fff;
+ color: #aaa;
+}
+.countdown_rtl {
+ direction: rtl;
+}
+.countdown_holding span {
+ background-color: #fff;
+}
+.countdown_row {
+ clear: both;
+ width: 10px;
+ padding: 0px 0px;
+ text-align: center;
+}
+.countdown_show1 .countdown_section {
+ width: 3em;
+}
+.countdown_show2 .countdown_section {
+ width: 3.5em;
+}
+.countdown_show3 .countdown_section {
+ width: 0%;
+}
+.countdown_show4 .countdown_section {
+ width: 0%;
+}
+.countdown_show5 .countdown_section {
+ width: 0%;
+}
+.countdown_show6 .countdown_section {
+ width: 0%;
+}
+.countdown_show7 .countdown_section {
+ width: 0%;
+}
+.countdown_section {
+ display: block;
+ float: left;
+ font-size: 0.6em;
+ text-align: center;
+}
+.countdown_amount {
+ font-size: 0.6em;
+}
+.countdown_descr {
+ display: block;
+ width: 10px;
+}
+
+/*****************************************************************************
+ * CHANGE STATUS OF ALERTS -- aka ACKNOWLEDGE
+ *****************************************************************************/
+.darkMask {
+ position: absolute;
+ top: 0px;
+ left: 0px;
+ overflow: hidden;
+ display: none;
+ width: 100%;
+ height: 100%;
+ z-index: 10;
+ background-color: black;
+ opacity: 0.3;
+ filter:alpha(opacity=30); /* IE */
+}
+
+.updateAlertStatus {
+ display: none;
+ border: 2px solid black;
+
+ position: absolute;
+ max-width: 12em;
+ width: 100%;
+ padding: 0.25em 0.25em 0.25em 0.25em;
+
+ text-align: justify;
+
+ background-color: white;
+ z-index: 100;
+}
+
+.updateAlertStatus em {
+ font-size: 0.9em;
+ text-align: center;
+}
+
+.raiseAlert:hover,
+.raiseAlert,
+.timeList:hover,
+.timeList,
+.trashAlert:hover,
+.trashAlert,
+.buttonAcknowledgeAlert:hover,
+.buttonAcknowledgeAlert,
+.timeList:hover,
+.timeList {
+ width: 100%;
+ text-align: center;
+ padding: 0.5em 0.5em 0.5em 0.5em;
+}
+.trashAlert:hover,
+.trashAlert {
+ font-weight: bold;
+}
+.trashAlert:hover {
+ background-color: black;
+ color: red;
+ border: 1px solid #f00;
+}
+.trashAlert {
+ background-color: red;
+ color: black;
+ border: 1px solid #000;
+}
+
+/*****************************************************************************
+ * LOGIN PAGE
+ *****************************************************************************/
+.loginForm {
+ font-family: "Neo Tech Std", Arial;
+ border: 2px solid #000;
+ padding: 0.5em 0.0em 0.5em 0.5em;
+}
+
+.loginNotes {
+ font-family: Arial;
+ font-weight: italic;
+ font-size: 0.8em;
+}
+
+.submitLoginButton {
+ border: 1px solid #000;
+ font-family: "Neo Tech Std", Arial;
+ font-weight: normal;
+ font-size: 1.2em;
+ padding-top: 0.3em;
+}