Fixes for display problems with labeled input fields

[mailer.git] / theme / business / css / general.css

diff --git a/theme/business/css/general.css b/theme/business/css/general.css
index b3c51e357dc23eb5c42c2c0ae1338594f660abb7..c62779312052b60c876a193e1f105a989b2f6e3b 100644 (file)
--- a/theme/business/css/general.css
+++ b/theme/business/css/general.css
@@ -39,18 +39,58 @@ A:hover {
        background-color: transparent;
 }
 
+form {
+       margin: 0px;
+       margin-left: 0px;
+       margin-right: 0px;
+       margin-top: 0px;
+       margin-bottom: 0px;
+       padding: 0px;
+       padding-left: 0px;
+       padding-right: 0px;
+       padding-top: 0px;
+       padding-bottom: 0px;
+}
+
 input, textarea, select, option {
        color: #000000;
-       background-color: #ffffff;
        border: 1px solid #000000;
        text-decoration: none;
 }
 
-ul,ol {
+fieldset {
+       border: 1px solid #000000;
+       margin-top: 10px;
+       padding: 10px;
+}
+
+fieldset:hover, input:hover, select:hover, option:hover, textarea:hover {
+       border-color: #000080;
+}
+
+input:hover, select:hover, option:hover, textarea:hover {
+       color: #000080;
+}
+
+legend {
+       font-weight: bold;
+       color: #000000;
+       background-color: transparent;
+       padding-left: 5px;
+       padding-right: 5px;
+}
+
+ul, ol {
        margin-top: 0px;
        margin-bottom: 0px;
 }
 
+pre {
+       white-space: pre-wrap;
+       text-align: left;
+       padding: 5px;
+}
+
 .form_reset {
        border: groove 1px #000000;
        color: #000000;
@@ -106,7 +146,7 @@ ul,ol {
        background-color: #eeeeff;
 }
 
-.description_header, .table_header, .message {
+.description_header, .message {
        background-color: #eeeeff;
        color: #000000;
        text-align: center;
@@ -144,12 +184,33 @@ a.logout_box {
        margin: 5px;
 }
 
+.table2 {
+       background-color: #ffffff;
+       width: 680px;
+       margin: 5px;
+}
+
+.table3 {
+       background-color: #ffffff;
+       width: 630px;
+       margin: 5px;
+}
+
 .warning_table {
        background-color: #ff8888;
        width: 660px;
        margin: 5px;
 }
 
+.bug_table, .ajax_bug_table {
+       background-color: #ffffff;
+       margin: 0px;
+       max-width: 100%;
+       min-width: 400px;
+       overflow: auto
+       color: #000000;
+}
+
 .form_submitmenu {
        min-width: 500px;
        max-width: 90%;
@@ -169,11 +230,6 @@ a.logout_box {
        height: 20px;
 }
 
-.form_field {
-       border: solid 1px #000000;
-       background-color: #eeeeff;
-}
-
 .admin_alpha {
        text-align: center;
        height: 40px;
@@ -194,14 +250,29 @@ a.logout_box {
        background-color: #ffffff;
 }
 
-.table_header {
+.table_header, .bug_table_header, .ajax_bug_table_header {
        text-align: center;
        color: #000000;
        vertical-align: middle;
        background-color: #eeeeff;
-       height: 28px;
+       padding-bottom: 5px;
+       padding-top: 5px;
+}
+
+.header_column {
+       height: 23px;
+       background-color: #eeeeff;
+       color: #000000;
+       text-align: center;
 }
 
+.footer_column {
+       height: 23px;
+       background-color: #eeeeff;
+       color: #000000;
+}
+
+
 .guest_login_header {
        color: #000000;
        vertical-align: middle;
@@ -230,7 +301,7 @@ a.logout_box {
        text-align: left;
 }
 
-.guest_menu_seperator, .member_menu_seperator {
+.guest_menu_separator, .member_menu_separator {
        height: 15px;
 }
 
@@ -249,11 +320,6 @@ a.logout_box {
        margin-top: 10px;
 }
 
-.table_footer {
-       height: 30px;
-       background-color: #eeeeff;
-}
-
 #master {
        width: 100%;
        height: 100%;
@@ -345,20 +411,14 @@ ul.copyright_box {
        font-size: 1px;
 }
 
-.table_footer, .member_refbanner, .member_update, .admin_del_link {
+.member_refbanner, .member_update, .admin_delete_link {
        background-color: #eeeeff;
 }
 
 .table_footer {
-       height: 30px;
        background-color: #eeeeff;
-}
-
-.table_footer {
        text-align: center;
-       height: 30px;
-       padding-left: 5px;
-       padding-right: 5px;
+       padding: 5px;
 }
 
 .admin_task_header {
@@ -369,7 +429,7 @@ ul.copyright_box {
        height: 35px;
 }
 
-.seperator {
+.separator {
        font-size: 1px
 }
 
@@ -389,13 +449,6 @@ ul.copyright_box {
        width: 460px;
 }
 
-.guest_stats_title {
-       color: #000000;
-       vertical-align: middle;
-       background-color: #eeeeff;
-       height: 30px;
-}
-
 .guest_stats_l {
        width: 344px;
        text-align: right;
@@ -417,21 +470,6 @@ ul.copyright_box {
        text-align: right;
 }
 
-.guest_stats_footer {
-       color: #000000;
-       vertical-align: middle;
-       background-color: #eeeeff;
-       height: 20px;
-}
-
-.task_pre {
-       font-weight: bold;
-       margin-left: 0px;
-       margin-right: 0px;
-       margin-top: 10px;
-       margin-bottom: 10px;
-}
-
 .impressum_body {
        background-color: #ffffff;
 }
@@ -446,17 +484,10 @@ ul.copyright_box {
        width: 100%;
 }
 
-.member_unconfirmed {
-       background-color: #ffffff;
-       width: 100%;
-       text-align: center;
-}
-
 .you_are_here {
        white-space: nowrap;
        font-size: 14px;
        text-align: left;
-       margin-bottom: 12px;
 }
 
 .tiny {
@@ -515,6 +546,11 @@ ul.copyright_box {
        color: #ffffff;
 }
 
+.disabled:hover {
+       background-color: #aaaaaa;
+       color: #ffffff;
+}
+
 .mini_select {
        border: solid 1px #000000;
        background-color: #eeeeff;
@@ -543,11 +579,11 @@ ul.copyright_box {
 }
 
 .para {
-       text-indent: 8px;
+       text-indent: 1em;
        text-align: left;
        margin-left: 5px;
        margin-right: 5px;
-       margin-bottom: 12px;
+       margin-bottom: 1em;
 }
 
 .message {
@@ -558,7 +594,7 @@ ul.show_timings_block {
        border: solid 1px #000000;
        background-color: #eeeeff;
        font-size: 10px;
-       width: 645px;
+       width: 685px;
        height: 20px;
        list-style: none inside;
 }
@@ -566,12 +602,12 @@ ul.show_timings_block {
 .show_timings_column {
        background-color: #ffffff;
        margin-top: 2px;
-       width: 150px;
-       border: solid 1px #000000;
+       width: 160px;
        height: 14px;
 }
 
 span.show_timings_column {
+       border: solid 1px #000000;
        display: inline-block;
 }
 
@@ -607,10 +643,6 @@ ul.admin_menu_main,ul.admin_menu_sub {
        list-style: none inside;
 }
 
-.pre {
-       display: block;
-}
-
 td {
        padding-left: 2px;
        padding-right: 2px;
@@ -631,6 +663,7 @@ strong.menu_invisible, strong.sub_menu_invisible {
 .menu_locked, .sub_menu_locked {
        color: #ffeeee;
 }
+
 .rank_1 {
        font-weight: bold;
        font-size: 22px;
@@ -644,3 +677,79 @@ strong.menu_invisible, strong.sub_menu_invisible {
 .rank_3 {
        font-weight: bold;
 }
+
+ul.listing {
+       text-align: left;
+       padding-top: 5px;
+       padding-bottom: 5px;
+       padding-left: 0px;
+       margin-left: 25px;
+       list-style-type: none;
+}
+
+ol.listing {
+       text-align: left;
+       padding-top: 5px;
+       padding-bottom: 5px;
+       padding-left: 0px;
+       margin-left: 25px;
+}
+
+li.listing {
+       padding-bottom: 5px;
+}
+
+.bad {
+       color: #aa0000;
+       font-style: italic;
+}
+
+.good {
+       color: #00aa00;
+}
+
+.table_row {
+       text-align: left;
+       clear: both;
+       margin: 0px;
+       padding: 0px;
+       padding-top: 5px;
+       padding-bottom: 5px;
+       height: 28px;
+}
+
+.table_row {
+       width: 45%;
+       float: left;
+       display: block;
+       clear: both;
+}
+
+label {
+       width: 50%;
+       float: left;
+       display: block;
+}
+
+.form_field {
+       border: solid 1px #000000;
+       background-color: #eeeeff;
+}
+
+.field_note {
+       float: left;
+       text-align: left;
+       font-style: italic;
+}
+
+.ui-progressbar {
+       height:2em;
+       text-align:
+       left;
+       overflow: hidden;
+}
+
+.ui-progressbar .ui-progressbar-value {
+       margin: -1px;
+       height:100%;
+}