Convert error dialog to new Popup class

[infodrom.org/service.infodrom.org] / src / infodrom.css

diff --git a/src/infodrom.css b/src/infodrom.css
index 794297e..ad15cbe 100644 (file)
--- a/src/infodrom.css
+++ b/src/infodrom.css
@@ -26,23 +26,221 @@ a:visited {
  */
 .font {
   font-size: 13px;
-  line-height: 16px;
+}
+.smallfont {
+  font-size: 11px;
+  line-height: 14px;
+}
+.height {
+  line-height: 15px;
 }
 .none {
   display: none;
 }
 .border {
-  border: 1px solid black;
+  border: 1px solid #9b9b9b;
 }
 h3.bar {
   padding-left: 5px;
   padding-bottom: 2px;
-  font-size: 15px;
-  background: #d8e1f6;
+  font-size: 14px;
+  background: #98c5e5;
+}
+.jsaction {
+    color: #666;
 }
 img.border {
   border: 2px solid #e5e5e5;
 }
+div.webgraph {
+  margin-left: 20px;
+  margin-bottom: 15px;
+}
+table.webgraph td {
+  border: 1px solid #CCC;
+  font-size: small;
+  text-align: center;
+}
+table.webgraph td:hover {
+  background: #DDD;
+}
+td.leftcol {
+  padding-left: 2px;
+}
+td.rightcol {
+  padding-right: 2px;
+}
+tr.head {
+  background: #a7ddff;
+}
+tr.t0 {
+  background: #ffffff;
+}
+tr.t1 {
+  background: #d9e2ea;
+}
+tr.t2 {
+  background: #ffff00;
+}
+td.in {
+  color: #2f9a00;
+}
+td.out {
+  color: #ff0000;
+}
+.left {
+  text-align: left;
+}
+.right {
+  text-align: right;
+}
+
+pre {
+  border: 1pt solid #cfcfcf;
+  background-color: #F3F5F7;
+  padding: 2px;
+  padding-left: 2px;
+  font-family: courier, monospace;
+  white-space: pre;
+  /* begin css 3 or browser specific rules - do not remove!
+   * see: http://forums.techguy.org/archive/index.php/t-249849.html
+   */
+  white-space: pre-wrap;
+  word-wrap: break-word;
+  white-space: -moz-pre-wrap;
+  white-space: -pre-wrap;
+  white-space: -o-pre-wrap;
+  /* end css 3 or browser specific rules */
+}
+
+p.img img {
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+  border: 1px solid #cfcfcf;
+}
+
+/*
+ * Menu
+ */
+p.menurule {
+  height: 3px;
+  width: 100%;
+  background-color: #999999;
+  padding: 0;
+  margin-top: 7px;
+  margin-bottom: 7px;
+}
+
+/*
+ * Formulare
+ */
+input, select, textarea {
+  border: 1px solid #aaaaaa;
+  font-size: inherit;
+}
+input.button {
+  width: auto;
+  display: inline;
+  border: 1px solid #aaaaaa;
+}
+input.button:hover {
+  border: 1px solid #9b9b9b;
+  background-color: #bfbfbf;
+}
+
+/*
+ * Popups
+ */
+div.popup {
+  background: white;
+  border: 1px solid #CCC;
+  height: auto;
+  position: absolute;
+}
+div.popup_title {
+  top: 0px;
+  width: 100%;
+  background: #b0e2ff;
+  margin-top: -1em;
+  margin-bottom: 0px;
+  font-weight: bold;
+  padding-top: 0px;
+  padding-bottom: 1.35ex;
+  border-bottom: 1px solid #777;
+}
+div.popup_title p {
+  padding-left: 3px;
+  padding-bottom: 0px;
+  margin-bottom: -0.65em;
+  cursor: move;
+}
+div.popup_title img {
+    position: absolute;
+    right: 5px;
+    top: 3px;
+    cursor; pointer;
+}
+div.popup_body {
+  padding-left: 2px;
+  padding-right: 2px;
+  padding-bottom: 2px;
+}
+div.popup label {
+  margin-top: 2px;
+  display: block;
+}
+div.popup#errorwindow div.popup_title {
+  background: #ffa54f;
+  background: #ff3030;
+}
+div.popup#errorwindow div.popup_title p {
+  color: white;
+}
+div.popup#errorwindow div#errorbody {
+  padding: 5px;
+  font-weight: bold;
+  font-size: 110%;
+}
+div.popup#errorwindow div.popup_body {
+  background: #ffe4c4;
+}
+
+/*
+ * Calendar
+ */
+table#fc {
+  z-index: 100;
+}
+
+/*
+ * jQuery & Co.
+ */
+div#message_div {
+    background: #ffffcd;
+    color: #555;
+    border: 1px solid limegreen;
+    font-size: 120%;
+    padding: 5px;
+}
+
+.autocomplete-suggestions {
+    background: white;
+    border-left: 1px solid #999;
+    border-right: 1px solid #999;
+    border-bottom: 1px solid #999;
+}
+.autocomplete-suggestion {
+    background: #eefaff;
+    cursor: default;
+}
+.autocomplete-suggestion:hover {
+    background: yellow;
+}
+
+[data-is-editing="1"] {
+    background: lightblue !important;
+}
 
 /*
  * Footer
@@ -60,9 +258,3 @@ div.footerright {
   font-size: xx-small;
 }
 
-/*
- * Local variables:
- * mode: indented-text
- * mode: auto-fill
- * End:
-*/