new version.

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;
+}