Huge HTML/CSS rewrite (see forum)

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

diff --git a/theme/default/css/general.css b/theme/default/css/general.css
index c9dc3f8cd739fbef68a8cafc0464a851585e1544..fff26930aac1571c47f5a17af95e20f0105622d8 100644 (file)
--- a/theme/default/css/general.css
+++ b/theme/default/css/general.css
@@ -1,16 +1,16 @@
 body {
-       background-color: #EEFFEE;
+       background-color: #eeffee;
        color: #000000;
        font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
        font-size: 12px;
        letter-spacing: 1px;
        scrollbar-base-color: #E9E4AE;
        scrollbar-face-color: #CDEFCD;
-       scrollbar-highlight-color: #EEFFEE;
+       scrollbar-highlight-color: #eeffee;
        scrollbar-shadow-color: #CDEFCD;
-       scrollbar-3dlight-color: #DDDDDD;
+       scrollbar-3dlight-color: #dddddd;
        scrollbar-arrow-color: #000000;
-       scrollbar-track-color: #CCEFCC;
+       scrollbar-track-color: #ccEFcc;
        scrollbar-darkshadow-color: #999999;
        margin: 0px;
        margin-left: 0px;
@@ -47,22 +47,37 @@ A:hover {
        background-color: transparent;
 }
 
-input,textarea {
+input, textarea {
        color: #009900;
-       background-color: #EEFFEE;
+       background-color: #eeffee;
        border: 1px solid #00aa44;
        text-decoration: none;
        border-style: groove;
 }
 
-select,option {
-       background-color: #EEFFEE;
+select, option {
+       background-color: #eeffee;
        border: solid 1px #009900;
        color: #00aa44;
        text-decoration: none;
        border-style: groove;
 }
 
+input:hover, textarea:hover {
+       border-color: #00dd44;
+       color: #007700;
+}
+
+input.admin_delete:hover {
+       background-color: #770044;
+       color: #aabbaa;
+}
+
+select:hover, option:hover {
+       border-color: #00cc00;
+       color: #007744;
+}
+
 ul,ol {
        margin-top: 0px;
        margin-bottom: 0px;
@@ -91,11 +106,11 @@ ul,ol {
 .runtime_fatal, .runtime_fatalcontent {
        width: 700px;
        color: #118811;
-       background-color: #DDEEDD;
+       background-color: #ddeedd;
 }
 
 .runtime_fatal {
-       color: #00AA00;
+       color: #00aa00;
 }
 
 .runtime_fatalcontent {
@@ -105,11 +120,11 @@ ul,ol {
 
 .admin {
        color: #118811;
-       background-color: #DDEEDD;
+       background-color: #ddeedd;
 }
 
 .admin_note {
-       color: #FF0000;
+       color: #ff0000;
        font-size: 12px;
 }
 
@@ -121,7 +136,7 @@ DIV.admin_note {
 
 .admin_fatal {
        font-size: 18px;
-       color: #00AA00;
+       color: #00aa00;
 }
 
 .admin_edit, .member_confirm {
@@ -135,13 +150,13 @@ DIV.admin_note {
 
 .admin_error {
        background-color: #eeffee;
-       color: #00AA00;
+       color: #00aa00;
        font-size: 10px;
 }
 
 .admin_select, .guest_select, .member_select {
        border: solid 1px #009900;
-       background-color: #EEFFEE;
+       background-color: #eeffee;
 }
 
 .admin_register, .admin_desc_header, .admin_done, .admin_title, .member_title2, .guest_title2, .admin_message {
@@ -155,7 +170,7 @@ DIV.admin_note {
 }
 
 .member_misc {
-       background-color: #DDEEDD;
+       background-color: #ddeedd;
 }
 
 .admin_misc, .member_misc {
@@ -171,26 +186,31 @@ DIV.admin_note {
 }
 
 .admin_welcome {
-       background-color: #DDEEDD;
+       background-color: #ddeedd;
        color: #009900;
        vertical-align: middle;
        font-size: 18px;
        height: 50px;
 }
 
-.admin_header {
-       background-color: #ddeedd;
-}
-
 .admin_menu {
-       background-color: #DDEEDD;
+       background-color: #ddeedd;
        color: #000077;
        width: 220px;
 }
 
 .admin_logout {
-       background-color: #AAFFAA;
-       color: #00AA00;
+       background-color: #aaffaa;
+       color: #00aa00;
+}
+
+a.admin_logout {
+       display: block;
+}
+
+.admin_logout:hover {
+       background-color: #88dd88;
+       color: #00cc00;
 }
 
 .admin_desc_cont {
@@ -200,6 +220,8 @@ DIV.admin_note {
 
 .admin_table, .member_table {
        background-color: #eeffee;
+       width: 660px;
+       margin: 5px;
 }
 
 .admin_editmenu {
@@ -221,7 +243,7 @@ DIV.admin_note {
 }
 
 .admin_failed, .guest_failed, .member_failed, .member_note {
-       color: #00AA00;
+       color: #00aa00;
 }
 
 .member_note_bg {
@@ -234,12 +256,6 @@ DIV.admin_note {
        height: 20px;
 }
 
-.admin_header_b1 {
-       border-bottom: 1px solid #00aa44;
-       background-color: #ddeedd;
-       height: 22px;
-}
-
 .admin_snote {
        font-size: 12px;
 }
@@ -256,7 +272,7 @@ DIV.admin_note {
        font-size: 16px;
        border-style: none;
        border: 0px;
-       background: #DDEEDD;
+       background: #ddeedd;
        color: #000000;
        margin-top: -4px;
        margin-bottom: 1px;
@@ -268,26 +284,26 @@ DIV.admin_note {
 }
 
 .member_main {
-       background-color: #DDEEDD;
+       background-color: #ddeedd;
 }
 
 .guest_title, .member_title {
        text-align: center;
        color: #009900;
        vertical-align: middle;
-       background-color: #DDEEDD;
+       background-color: #ddeedd;
        height: 60px;
 }
 
 .guest_login_header {
        color: #009900;
        vertical-align: middle;
-       background-color: #DDEEDD;
+       background-color: #ddeedd;
 }
 
 .guest_menu, .member_menu {
        width: 220px;
-       background-color: #DDEEDD;
+       background-color: #ddeedd;
        vertical-align: top;
 }
 
@@ -329,7 +345,7 @@ DIV.admin_note {
 }
 
 .guest_advert, .guest_login, .member_advert, .member_login {
-       background-color: #DDEEDD;
+       background-color: #ddeedd;
        vertical-align: top;
        margin-top: 10px;
 }
@@ -419,7 +435,7 @@ ul.copyright_box {
 }
 
 .admin_sep_footer {
-       background-color: #DDEEDD;
+       background-color: #ddeedd;
        font-size: 1px;
 }
 
@@ -429,12 +445,12 @@ ul.copyright_box {
 }
 
 .admin_footer, .member_refbanner, .member_update, .admin_del_link {
-       background-color: #DDEEDD;
+       background-color: #ddeedd;
 }
 
 .member_footer {
        height: 30px;
-       background-color: #DDEEDD;
+       background-color: #ddeedd;
 }
 
 .admin_footer {
@@ -462,9 +478,9 @@ ul.copyright_box {
 
 .admin_delete, .admin_yes {
        border-style: groove;
-       border: solid 1px #00AA00;
+       border: solid 1px #00aa00;
        background-color: #aa0044;
-       color: #DDEEDD;
+       color: #ddeedd;
        cursor: pointer;
 }
 
@@ -476,7 +492,7 @@ ul.copyright_box {
 .guest_stats_title {
        color: #009900;
        vertical-align: middle;
-       background-color: #DDEEDD;
+       background-color: #ddeedd;
        height: 30px;
 }
 
@@ -504,7 +520,7 @@ ul.copyright_box {
 .guest_stats_footer {
        color: #009900;
        vertical-align: middle;
-       background-color: #DDEEDD;
+       background-color: #ddeedd;
        height: 20px;
 }
 
@@ -517,7 +533,7 @@ ul.copyright_box {
 }
 
 .impressum_body {
-       background-color: #DDEEDD;
+       background-color: #ddeedd;
 }
 
 .guest_content_align, .member_content_align, .admin_content_align {
@@ -526,7 +542,7 @@ ul.copyright_box {
 }
 
 .member_mailidtop {
-       background-color: #DDEEDD;
+       background-color: #ddeedd;
        width: 100%;
        height: 100%;
 }
@@ -549,17 +565,8 @@ ul.copyright_box {
        vertical-align: middle;
 }
 
-.admin_title2 {
-       font-weight: bold;
-       padding: 4px;
-       background-color: #ddeedd;
-       color: #000099;
-       text-align: center;
-       font-size: 14px;
-}
-
 .member_unconfirmed {
-       background-color: #DDEEDD;
+       background-color: #ddeedd;
        width: 100%;
        text-align: center;
 }
@@ -571,7 +578,7 @@ ul.copyright_box {
 }
 
 .tiny {
-       font-size: 12px;
+       font-size: 10px;
 }
 
 .medium {
@@ -582,35 +589,19 @@ ul.copyright_box {
        font-size: 20px;
 }
 
-.top {
-       border-top: 1px solid #4400AA;
-}
-
-.bottom {
-       border-bottom: 1px solid #4400AA;
-}
-
-.left {
-       border-left: 1px solid #4400AA;
-}
-
-.right {
-       border-right: 1px solid #4400AA;
-}
-
-.top2 {
+.top, .top2 {
        border-top: 1px solid #00aa44;
 }
 
-.bottom2 {
+.bottom, .bottom2 {
        border-bottom: 1px solid #00aa44;
 }
 
-.left2 {
+.left, .left2 {
        border-left: 1px solid #00aa44;
 }
 
-.right2 {
+.right, .right2 {
        border-right: 1px solid #00aa44;
 }
 
@@ -646,18 +637,18 @@ ul.copyright_box {
 
 .disabled {
        border-style: groove;
-       background-color: #AAAAAA;
-       color: #FF9900;
+       background-color: #aaaaaa;
+       color: #ff9900;
 }
 
 .mini_select {
-       border: dotted 1px #009900;
-       background-color: #EEFFEE;
+       border: solid 1px #009900;
+       background-color: #eeffee;
        font-size: 10px;
 }
 
 .theme_box {
-       border: 1px dotted #00aa44;
+       border: 1px solid #00aa44;
        border-top: 0px;
        width: 100%;
        height: 70px;
@@ -713,7 +704,7 @@ ul.show_timings_block {
 }
 
 .show_timings_column {
-       background-color: #EEFFEE;
+       background-color: #eeffee;
        margin-top: 2px;
        width: 130px;
        border: solid 1px #009900;
@@ -761,3 +752,17 @@ ul.admin_menu_main,ul.admin_menu_sub {
 .pre {
        display                         : block;
 }
+
+td {
+       padding-left: 2px;
+       padding-right: 2px;
+       padding-top: 2px;
+       padding-bottom: 2px;
+}
+
+.header_column {
+       height: 23px;
+       background-color: #ddeedd;
+       color: #009900;
+       text-align: center;
+}