]> git.mxchange.org Git - mailer.git/blobdiff - theme/default/css/general.css
Heacy rewrite/cleanup:
[mailer.git] / theme / default / css / general.css
index aa229c420605018c193ec1febfd7d207f5929ec6..900066091919421480a9dc47bd5ba7924b48b6c6 100644 (file)
@@ -1,17 +1,10 @@
 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-shadow-color: #CDEFCD;
-       scrollbar-3dlight-color: #DDDDDD;
-       scrollbar-arrow-color: #000000;
-       scrollbar-track-color: #CCEFCC;
-       scrollbar-darkshadow-color: #999999;
+
        margin: 0px;
        margin-left: 0px;
        margin-right: 0px;
@@ -35,7 +28,7 @@ A:link {
 }
 
 A:visited {
-       color: #AA0044;
+       color: #ae3139;
 }
 
 A:active {
@@ -47,20 +40,64 @@ A:hover {
        background-color: transparent;
 }
 
-input,textarea {
+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 {
        color: #009900;
-       background-color: #EEFFEE;
-       border: 1px solid #AA0044;
+       background-color: #eeffee;
+       border: 1px groove #00aa44;
        text-decoration: none;
-       border-style: groove;
 }
 
-select,option {
-       background-color: #EEFFEE;
-       border: solid 1px #009900;
-       color: #AA0044;
+select, option {
+       background-color: #eeffee;
+       border: groove 1px #009900;
+       color: #00aa44;
        text-decoration: none;
-       border-style: groove;
+}
+
+fieldset {
+       border: 1px solid #009900;
+       margin-top: 10px;
+       padding: 10px;
+}
+
+legend {
+       font-weight: bold;
+       color: #009900;
+       background-color: transparent;
+       padding-left: 5px;
+       padding-right: 5px;
+}
+
+input:hover, textarea:hover {
+       border-color: #00dd44;
+       color: #006600;
+}
+
+fieldset:hover {
+       border-color: #00dd44;
+}
+
+input.form_delete:hover {
+       background-color: #770044;
+       color: #aabbaa;
+}
+
+select:hover, option:hover {
+       border-color: #00cc00;
+       color: #007744;
 }
 
 ul,ol {
@@ -68,164 +105,149 @@ ul,ol {
        margin-bottom: 0px;
 }
 
-.admin_reset, .guest_reset, .member_reset {
-       border-style: groove;
-       border: solid 1px #009900;
-       color: #AA0044;
+pre {
+       white-space: pre-wrap;
+       text-align: left;
+       padding: 5px;
+}
+
+.form_reset {
+       border: groove 1px #009900;
+       color: #00aa44;
        cursor: pointer;
 }
 
-.admin_submit, .guest_submit, .member_submit {
-       color: #AA0044;
+.form_submit {
+       color: #00aa44;
        border-color: #009900;
        cursor: pointer;
+       background-color: #eeffee;
 }
 
-.admin_submit_reject {
+.form_delete {
        border-style: groove;
        color: #881111;
        border-color: #009900;
        cursor: pointer;
 }
 
-.runtime_fatal, .runtime_fatalcontent {
+.runtime_fatalcontent {
        width: 700px;
        color: #118811;
-       background-color: #DDEEDD;
-}
-
-.runtime_fatal {
-       color: #00AA00;
-}
-
-.runtime_fatalcontent {
+       background-color: #ddeedd;
        text-align: left;
        font-size: 12px;
 }
 
 .admin {
        color: #118811;
-       background-color: #DDEEDD;
+       background-color: #ddeedd;
 }
 
-.admin_note {
-       color: #FF0000;
+.notice {
+       color: #00aa00;
        font-size: 12px;
 }
 
-DIV.admin_note {
-       padding-top: 10px;
-       padding-right: 10px;
-       padding-left: 10px;
-}
-
-.admin_fatal {
-       font-size: 18px;
-       color: #00AA00;
-}
-
-.admin_edit, .member_confirm {
-       background-color: #eeffee;
-}
-
-.member_banner {
+.banner {
        background-color: #eeffee;
        width: 488px;
 }
 
-.admin_error {
+.fatal_error {
        background-color: #eeffee;
-       color: #00AA00;
+       color: #aa0000;
        font-size: 10px;
 }
 
-.admin_select, .guest_select, .member_select {
-       border: solid 1px #009900;
-       background-color: #EEFFEE;
+.form_select {
 }
 
-.admin_register, .admin_desc_header, .admin_done, .admin_title, .member_title2, .guest_title2, .admin_message {
+.description_header, .message {
        background-color: #ddeedd;
        color: #009900;
        text-align: center;
 }
 
-.member_done, .guest_done {
-       color: #009900;
+.admin_menu {
+       background-color: #ddeedd;
+       color: #000077;
+       width: 220px;
+       height: 25px;
 }
 
-.member_misc {
-       background-color: #DDEEDD;
+.logout_box {
+       background-color: #aaffaa;
+       color: #00aa00;
 }
 
-.admin_misc, .member_misc {
-       color: #000000;
+a.logout_box {
+       display: block;
 }
 
-.admin_done2 {
-       color: #AA0044;
+.logout_box:hover {
+       background-color: #88dd88;
+       color: #00cc00;
 }
 
-.admin_green, .admin_no {
-       color: #009900;
+.description_text {
+       text-align: left;
+       background-color: #eeffee;
 }
 
-.admin_welcome {
-       background-color: #DDEEDD;
-       color: #009900;
-       vertical-align: middle;
-       font-size: 18px;
-       height: 50px;
+.table {
+       background-color: #eeffee;
+       width: 660px;
+       margin: 5px;
 }
 
-.admin_header {
-       background-color: #ddeedd;
+.table2 {
+       background-color: #eeffee;
+       width: 680px;
+       margin: 5px;
 }
 
-.admin_menu {
-       background-color: #DDEEDD;
-       color: #000077;
-       width: 220px;
+.table3 {
+       background-color: #eeffee;
+       width: 630px;
+       margin: 5px;
 }
 
-.admin_logout {
-       background-color: #AAFFAA;
-       color: #00AA00;
+.warning_table {
+       background-color: #ff8888;
+       width: 660px;
+       margin: 5px;
 }
 
-.admin_desc_cont {
-       text-align: left;
+.bug_table {
        background-color: #eeffee;
+       margin: 0px;
+       max-width: 100%;
+       min-width: 400px;
+       overflow: auto;
+       color: #000000;
 }
 
-.admin_table, .member_table {
-       background-color: #eeffee;
+.ajax_bug_table {
+       background-color: #aa0000;
+       margin: 0px;
+       max-width: 100%;
+       min-width: 400px;
+       overflow: auto;
+       color: #ffffff;
 }
 
-.admin_editmenu {
+.form_submitmenu {
        min-width: 500px;
        max-width: 90%;
 }
 
-.admin_form_header {
-       text-align: center;
-       height: 36px;
-       background-color: #ddeedd;
-       color: #009900;
-}
-
 .member_header {
        text-align: center;
-       height: 28px;
+       color: #009900;
+       vertical-align: middle;
        background-color: #ddeedd;
-}
-
-.admin_failed, .guest_failed, .member_failed, .member_note {
-       color: #00AA00;
-}
-
-.member_note_bg {
-       background-color: #eeffee;
+       height: 60px;
 }
 
 .member_data {
@@ -234,60 +256,40 @@ DIV.admin_note {
        height: 20px;
 }
 
-.admin_header_b1 {
-       border-bottom: 1px solid #AA0044;
-       background-color: #ddeedd;
-       height: 22px;
-}
-
-.admin_snote {
-       font-size: 12px;
-}
-
-.admin_normal, .guest_normal, .member_normal {
-       border-style: solid;
-       border: solid 1px #009900;
-}
-
-.member_stats {
-       vertical-align: top;
-       font-weight: bold;
-       height: 23px;
-       font-size: 16px;
-       border-style: none;
-       border: 0px;
-       background: #DDEEDD;
-       color: #000000;
-       margin-top: -4px;
-       margin-bottom: 1px;
-       cursor: default;
-}
-
 .normal {
        border-style: groove;
 }
 
 .member_main {
-       background-color: #DDEEDD;
+       background-color: #ddeedd;
 }
 
-.guest_title, .member_title {
+.table_header, .bug_table_header, .ajax_bug_table_header {
        text-align: center;
        color: #009900;
        vertical-align: middle;
-       background-color: #DDEEDD;
-       height: 60px;
+       padding-bottom: 5px;
+       padding-top: 5px;
+}
+
+.table_header, .bug_table_header {
+       background-color: #ddeedd;
+}
+
+.ajax_bug_table_header {
+       background-color: #aa0000;
+       color: #ffffff;
 }
 
 .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;
 }
 
@@ -296,12 +298,11 @@ DIV.admin_note {
        color: #009900;
        height: 25px;
        width: 200px;
-       border: 1px solid #AA0044;
+       border: 1px solid #00aa44;
 }
 
-.guest_menu_row, .guest_menu_bottom, .member_menu_row, .member_menu_bottom
-       {
-       border: 1px solid #AA0044;
+.guest_menu_row, .guest_menu_bottom, .member_menu_row, .member_menu_bottom {
+       border: 1px solid #00aa44;
        border-top: 0px;
        background-color: #eeffbc;
        height: 22px;
@@ -309,13 +310,13 @@ DIV.admin_note {
 }
 
 .member_menu_whats {
-       border: 1px solid #AA0044;
+       border: 1px solid #00aa44;
        border-top: 0px;
        background-color: #eeffee;
        height: 20px;
 }
 
-.guest_menu_seperator, .member_menu_seperator {
+.guest_menu_separator, .member_menu_separator {
        height: 15px;
 }
 
@@ -329,7 +330,7 @@ DIV.admin_note {
 }
 
 .guest_advert, .guest_login, .member_advert, .member_login {
-       background-color: #DDEEDD;
+       background-color: #ddeedd;
        vertical-align: top;
        margin-top: 10px;
 }
@@ -357,7 +358,7 @@ li.copyright_lines {
 span.copyright_lines {
        font-size: 10px;
        width: 380px;
-       height: 26px;
+       height: 38px;
        vertical-align: middle;
        background-color: #E5EFE5;
        padding-top: 7px;
@@ -374,14 +375,14 @@ ul.copyright_box {
 }
 
 .dashed {
-       border: solid 1px #AA0044;
+       border: solid 1px #00aa44;
 }
 
-.switch_sw1, .switch_mem1 {
+.switch_sw1 {
        background-color: #b8efc1;
 }
 
-.switch_sw2, .switch_mem2 {
+.switch_sw2 {
        background-color: #b8fccb;
 }
 
@@ -397,15 +398,6 @@ ul.copyright_box {
        background-color: #eeffee;
 }
 
-.media_header, .impressum_header {
-       background-color: #b8fccb;
-       text-align: center;
-       color: #009900;
-       height: 26px;
-       font-weight: bold;
-       font-size: 20px;
-}
-
 .media_left {
        font-size: 14px;
        width: 200px;
@@ -419,7 +411,7 @@ ul.copyright_box {
 }
 
 .admin_sep_footer {
-       background-color: #DDEEDD;
+       background-color: #ddeedd;
        font-size: 1px;
 }
 
@@ -428,31 +420,17 @@ ul.copyright_box {
        font-size: 1px;
 }
 
-.admin_footer, .member_refbanner, .member_update, .admin_del_link {
-       background-color: #DDEEDD;
-}
-
-.member_footer {
-       height: 30px;
-       background-color: #DDEEDD;
-}
-
-.admin_footer {
-       text-align: center;
-       height: 30px;
-       padding-left: 5px;
-       padding-right: 5px;
+.member_refbanner, .member_update, .admin_delete_link {
+       background-color: #ddeedd;
 }
 
-.admin_task_header {
+.table_footer {
        background-color: #ddeedd;
-       color: #009900;
-       vertical-align: middle;
-       font-size: 18px;
-       height: 35px;
+       text-align: center;
+       padding: 5px;
 }
 
-.seperator {
+.separator {
        font-size: 1px
 }
 
@@ -460,11 +438,10 @@ ul.copyright_box {
        text-align: center
 }
 
-.admin_delete, .admin_yes {
-       border-style: groove;
-       border: solid 1px #00AA00;
-       background-color: #AA0044;
-       color: #DDEEDD;
+.form_delete, .form_delete {
+       border: groove 1px #00aa00;
+       background-color: #aa0044;
+       color: #ddeedd;
        cursor: pointer;
 }
 
@@ -473,13 +450,6 @@ ul.copyright_box {
        width: 460px;
 }
 
-.guest_stats_title {
-       color: #009900;
-       vertical-align: middle;
-       background-color: #DDEEDD;
-       height: 30px;
-}
-
 .guest_stats_l {
        width: 344px;
        text-align: right;
@@ -501,23 +471,8 @@ ul.copyright_box {
        text-align: right;
 }
 
-.guest_stats_footer {
-       color: #009900;
-       vertical-align: middle;
-       background-color: #DDEEDD;
-       height: 20px;
-}
-
-.task_pre {
-       font-weight: bold;
-       margin-left: 0px;
-       margin-right: 0px;
-       margin-top: 10px;
-       margin-bottom: 10px;
-}
-
 .impressum_body {
-       background-color: #DDEEDD;
+       background-color: #ddeedd;
 }
 
 .guest_content_align, .member_content_align, .admin_content_align {
@@ -525,14 +480,7 @@ ul.copyright_box {
        vertical-align: top;
 }
 
-.member_mailidtop {
-       background-color: #DDEEDD;
-       width: 100%;
-       height: 100%;
-}
-
-.list_categories, .admin_action_header, .admin_main, .admin_menu_main, .admin_menu_sub
-       {
+.list_categories, .admin_action_header, .admin_menu_main, .admin_menu_sub {
        text-align: left;
        width: 100%;
 }
@@ -549,21 +497,6 @@ 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;
-       width: 100%;
-       text-align: center;
-}
-
 .you_are_here {
        white-space: nowrap;
        font-size: 14px;
@@ -571,7 +504,7 @@ ul.copyright_box {
 }
 
 .tiny {
-       font-size: 12px;
+       font-size: 10px;
 }
 
 .medium {
@@ -582,46 +515,26 @@ ul.copyright_box {
        font-size: 20px;
 }
 
-.top {
-       border-top: 1px solid #4400AA;
-}
-
-.bottom {
-       border-bottom: 1px solid #4400AA;
+.top, .top2 {
+       border-top: 1px solid #00aa44;
 }
 
-.left {
-       border-left: 1px solid #4400AA;
+.bottom, .bottom2 {
+       border-bottom: 1px solid #00aa44;
 }
 
-.right {
-       border-right: 1px solid #4400AA;
+.left, .left2 {
+       border-left: 1px solid #00aa44;
 }
 
-.top2 {
-       border-top: 1px solid #AA0044;
-}
-
-.bottom2 {
-       border-bottom: 1px solid #AA0044;
-}
-
-.left2 {
-       border-left: 1px solid #AA0044;
-}
-
-.right2 {
-       border-right: 1px solid #AA0044;
+.right, .right2 {
+       border-right: 1px solid #00aa44;
 }
 
 .nobr {
        white-space: nowrap;
 }
 
-.guest_table {
-       background-color: #eeffee;
-}
-
 .main {
        height: 99%
 }
@@ -639,25 +552,26 @@ ul.copyright_box {
        background-color: #deefac;
 }
 
-.guest_footer {
-       height: 30px;
-       background-color: #ddeedd;
-}
-
 .disabled {
        border-style: groove;
-       background-color: #AAAAAA;
-       color: #FF9900;
+       background-color: #aaaaaa;
+       color: #e0e0e0;
+       cursor: default;
+}
+
+.disabled:hover {
+       background-color: #aaaaaa;
+       color: #e0e0e0;
 }
 
 .mini_select {
-       border: dotted 1px #009900;
-       background-color: #EEFFEE;
+       border: solid 1px #009900;
+       background-color: #eeffee;
        font-size: 10px;
 }
 
 .theme_box {
-       border: 1px dotted #AA0044;
+       border: 1px solid #00aa44;
        border-top: 0px;
        width: 100%;
        height: 70px;
@@ -673,56 +587,39 @@ ul.copyright_box {
        color: #009900;
 }
 
-.agb_box {
-       text-align: left;
-}
-
-.agb_title, .fatal_title {
-       font-size: 16px;
-       text-align: center;
-       height: 40px;
-       font-weight: bold;
-}
-
-.agb_para {
-       text-indent: 8px;
+.para {
+       text-indent: 1em;
        text-align: left;
        margin-left: 5px;
        margin-right: 5px;
-       margin-bottom: 12px;
-}
-
-.fatal_box {
-       text-align: center;
-       width: 100%;
-       margin-top: 10px;
+       margin-bottom: 1em;
 }
 
-.admin_message {
+.message {
        padding-top: 5px;
        padding-bottom: 5px;
 }
 
 ul.show_timings_block {
-       border: solid 1px #AA0044;
+       border: solid 1px #00aa44;
        background-color: #ddeedd;
-       width: 565px;
+       width: 685px;
        height: 20px;
        list-style: none inside;
        padding-left:0px;
 }
 
 .show_timings_column {
-       background-color: #EEFFEE;
+       background-color: #eeffee;
        margin-top: 2px;
-       width: 130px;
-       border: solid 1px #009900;
+       width: 160px;
        height: 14px;
        font-size: 10px;
 }
 
 span.show_timings_column {
        display: inline-block;
+       border: solid 1px #009900;
 }
 
 li.show_timings_column {
@@ -744,10 +641,10 @@ li.show_timings_column {
        width: 400px;
 }
 
-.member_skyscraper, .guest_skyscraper {
+.skyscraper {
        width: 122px;
        height: 602px;
-       border: 1px solid #AA0044;
+       border: 1px solid #00aa44;
        margin: 0px;
        padding: 0px;
        padding-top: 1px;
@@ -757,3 +654,125 @@ ul.admin_menu_main,ul.admin_menu_sub {
        list-style: none inside;
        padding-left: 10px;
 }
+
+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;
+}
+
+.footer_column {
+       height: 23px;
+       background-color: #ddeedd;
+       color: #009900;
+}
+
+div.menu_invisible, div.sub_menu_invisible, td.menu_invisible, td.sub_menu_invisible {
+       background-color: #dddddd;
+       font-style: italic;
+}
+
+strong.menu_invisible, strong.sub_menu_invisible {
+       color: #999999;
+       font-style: italic;
+}
+
+.menu_locked, .sub_menu_locked {
+       color: #ffeeee;
+}
+
+.rank_1 {
+       font-weight: bold;
+       font-size: 22px;
+}
+
+.rank_2 {
+       font-weight: bold;
+       font-size: 18px;
+}
+
+.rank_3 {
+       font-weight: bold;
+}
+
+ul.listing {
+       text-align: left;
+       margin-top: 5px;
+       margin-left: 5px;
+       margin-right: 5px;
+       padding-left: 5px;
+       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 {
+       width: 100%;
+       text-align: left;
+       margin: 0px;
+       padding: 0px;
+       padding-top: 5px;
+       padding-bottom: 5px;
+       height: 28px;
+       float: left;
+       display: block;
+}
+
+label {
+       text-align: left;
+       width: 50%;
+       float: left;
+       display: block;
+}
+
+.form_field {
+       border: groove 1px #009900;
+}
+
+.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%;
+}
+
+.clear {
+       clear: both;
+}