Mailer project rwritten:

[mailer.git] / theme / schleuder / css / ajax.css

diff --git a/theme/schleuder/css/ajax.css b/theme/schleuder/css/ajax.css
index 68c5f0847b6a796994ef526c26209c734eaef1d1..139011e7f1f0d9f349c167ecb996ed9c6c874c51 100644 (file)
--- a/theme/schleuder/css/ajax.css
+++ b/theme/schleuder/css/ajax.css
@@ -1,11 +1,188 @@
+ul#footernav {
+       list-style-type: none;
+       margin: 0px;
+       padding: 5px;
+       background-color: #ddeedd;
+       border: 1px solid #009900;
+       height: 23px;
+       width: 680px;
+       text-align: right;
+}
+
+ul#footernav li {
+       float: right;
+       margin: 2px 2px 2px 4px;
+}
+
+ul#tabnav {
+       list-style-type: none;
+       margin: 0px;
+       padding-left: 20px;
+       padding-bottom: 24px;
+       z-index: 0;
+}
+
+ul#tabnav li {
+       float: left;
+       height: 21px;
+       background-color: #ddeedd;
+       margin: 2px 2px 0px 2px;
+       border-top: 1px solid #009900;
+       border-left: 1px solid #009900;
+       border-right: 1px solid #009900;
+       z-index: 1;
+}
+
+ul#tabnav a {
+       z-index: 1;
+}
+
+ul#tabnav li.tab_enabled a:link, ul#tabnav li.tab_enabled a:visited {
+       display: block;
+       color: #2e51a9;
+       border-bottom: 0px none;
+       padding: 4px;
+       height: 13px;
+}
+
+ul#tabnav li.tab_disabled a:link, ul#tabnav li.tab_disabled a:visited {
+       display: block;
+       color: #e0e0e0;
+       border-bottom: 0px none;
+       padding: 4px;
+       height: 13px;
+}
+
+ul#tabnav li.tab_enabled a:hover, ul#tabnav li.tab_active {
+       background-color: #ccddcc;
+       color: #000099;
+}
+
+ul#tabnav a:hover {
+       padding: 4px 4px 3px 4px;
+       border-bottom: 1px solid #000099;
+}
+
+ul#tabnav li.tab_active {
+       padding-bottom: 0px;
+       border-bottom: 0px none;
+}
+
+.tabnav_disabled, .tabnav_disabled:visited {
+       cursor: default;
+       height: 7px;
+       background-color: #aaaaaa;
+       color: #e0e0e0;
+}
+
+.ajax_error, .ajax_warning, .ajax_progress, .ajax_success {
+       border: 1px solid #ffffff;
+       z-index: 200;
+       min-height: 10px;
+       overflow: visible;
+       padding: 5px;
+       display: none;
+       position: absolute;
+       top: 100px;
+       left: 26%;
+}
+
+.ajax_error {
+       background-color: #990000;
+}
+
+.ajax_warning {
+       background-color: #999900;
+}
+
+.ajax_progress {
+       background-color: #0000aa;
+}
+
+.ajax_success {
+       background-color: #00aa00;
+}
+
+.ajax_error_title, .ajax_warning_title, .ajax_progress_title, .ajax_success_title {
+       text-align: center;
+       border: 1px solid #ffffff;
+       padding: 3px;
+       color: #ffffff;
+       float: left;
+       width: 461px;
+}
+
+.ajax_error_title {
+       background-color: #bb0000;
+}
+
+.ajax_warning_title {
+       background-color: #bbbb00;
+}
+
+.ajax_progress_title {
+       background-color: #0000dd;
+}
+
+.ajax_success_title {
+       background-color: #00cc00;
+}
+
+.ajax_error_close, .ajax_warning_close, .ajax_progress_close, .ajax_success_close {
+       border: 1px solid #ffffff;
+       float: right;
+       width: 10px;
+       z-index: 200;
+       min-height: 10x;
+       margin-left: 5px;
+       padding: 3px;
+       text-align: center;
+}
+
+.ajax_error_close {
+       color: #ffffff;
+       background-color: #bb0000;
+}
+
+.ajax_warning_close {
+       color: #ffffff;
+       background-color: #bbbb00;
+}
+
+.ajax_progress_close {
+       color: #c0c0c0;
+       background-color: #0000dd;
+       cursor: wait;
+}
+
+.ajax_success_close {
+       color: #ffffff;
+       background-color: #00dd00;
+}
 
 .ajax_error_message {
 }
 
-.ajax_error_content, .ajax_warning_content {
+.ajax_error_content, .ajax_warning_content, .ajax_progress_content, .ajax_success_content {
        width: 470px;
        border: 1px solid #ffffff;
        margin-top: 5px;
        color: #ffffff;
        padding: 10px;
 }
+
+.field_changed {
+       border: 5px groove #bbbb00;
+}
+
+.field_changed:hover {
+       border: 5px groove #ffff00;
+}
+
+.field_failed {
+       border: 5px groove #bb0000;
+}
+
+.field_failed:hover {
+       border: 5px groove #ff0000;
+}