From 1d9b23f10541a3ebc06e4b1358b0e486bbcaeba3 Mon Sep 17 00:00:00 2001 From: Ralf Becker Date: Mon, 10 Mar 2014 15:08:31 +0000 Subject: [PATCH] do NOT show required color on td, we want it just on input --- pixelegg/css/pixelegg.css | 318 ++++++++++++++++++-------------------- 1 file changed, 154 insertions(+), 164 deletions(-) diff --git a/pixelegg/css/pixelegg.css b/pixelegg/css/pixelegg.css index 91e5668dc9..c412fe32a9 100644 --- a/pixelegg/css/pixelegg.css +++ b/pixelegg/css/pixelegg.css @@ -442,41 +442,104 @@ } /* ################################################################################## * Nextmatch widget - * - * SEARCH FIELD | SEARCH BUTTON ###### FILTER ##### EXPORT IMG ### FAVORITES ### COUNT - * * ##################################################################################*/ .et2_nextmatch { background-color: #f0f0f0; } - .et2_nextmatch .nextmatch_header { - border: none; - background-image: none; - background-color: #cdcdcd; - margin-bottom: 3px; - margin: 0; - } .et2_nextmatch > img { width: 16px; height: 16px; } .ui-helper-clearfix { - background-color: #cdcdcd; + background-color: gray_20; + } + .nextmatch_header .header_count { + position: relative; + top: 3px; + height: 22px; + height: 24px; + border: 1px solid #E0E0E0; + float: right; + margin: 6px 11px 0; + padding: 0 20px; + text-align: center; + font-size: 11px; + border: 1px solid rgba(0, 0, 0, 0.15); + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + color: #000000; + } + .nextmatch_header .header_count span { + font-size: 11px; + top: 4px; + position: relative; } /*################################################################ * -* Search Field +* Filters * ################################################################*/ + .nextmatch_header > .filters { + width: 100%; + margin-bottom: 4px; + padding: 0 5px 0 0; + background-color: #b4b4b4; + border: none !important; + border-color: #000000; + background-image: none !important; + min-height: 37px; + -webkit-border-top-right-radius: 3px; + -webkit-border-bottom-right-radius: 3px; + -webkit-border-bottom-left-radius: 0px; + -webkit-border-top-left-radius: 0px; + -moz-border-radius-topright: 3px; + -moz-border-radius-bottomright: 3px; + -moz-border-radius-bottomleft: 0px; + -moz-border-radius-topleft: 0px; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 0px; + border-top-left-radius: 0px; + /*.background-clip(padding-box);*/ + } + .nextmatch_header > .filters select { + margin-top: 10px; + } + .nextmatch_header > .filters .et2_label { + padding: 0.2em; + } + .nextmatch_header > .filters .et2_label select { + /*.Complete_Button_select;*/ + margin-left: 2px; + margin-right: 1px; + margin-top: 8px; + max-width: 14% !important; + /*Dialog - Addressbook - View */ + } + .nextmatch_header > .filters .et2_label select:hover { + -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); + -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); + box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); + } + .nextmatch_header > .filters .et2_label select #infolog-index_cat_id, + .nextmatch_header > .filters .et2_label select #infolog-index_filter { + width: 50% !important; + } + .nextmatch_header > .filters > select > option { + font-size: 11px; + } .nextmatch_header > .search { - padding: 0 0 0 0px; + padding: 0 0 0 3px; margin-right: 3px; margin-left: 15px; - width: 200px; - z-index: 100; - white-space: nowrap; /*.background_color_search;*/ - /*.border_radius_button_righttop;*/ + -webkit-border-radius: 3px; + -webkit-border-top-right-radius: 20px; + -moz-border-radius: 3px; + -moz-border-radius-topright: 20px; + border-radius: 3px; + border-top-right-radius: 20px; } .nextmatch_header > .search input { /*.background_color_search;*/ @@ -485,7 +548,6 @@ font-size: 11px; color: #000000; padding: 3px; - width: 150px; } .nextmatch_header > .search input::-webkit-input-placeholder { /* WebKit browsers */ @@ -550,54 +612,6 @@ box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); /*background-color: @color_positive_action_active !important;*/ } - /*################################################################ -* -* Filters -* -################################################################*/ - .nextmatch_header > .filters { - /*width: 83%;*/ - z-index: 7; - margin-bottom: 4px; - top: 0px; - padding: 0 5px 0 0; - /*background-color: @gray_30;*/ - background: transparent; - border: none !important; - /*border-color: @gray_100;*/ - background-image: none !important; - min-height: 37px; - margin-left: 224px; - margin-right: 119px; - /* .border_radius (3px, 3px, 0px, 0px);*/ - } - .nextmatch_header > .filters select { - margin-top: 10px; - } - .nextmatch_header > .filters .et2_label { - padding: 0.2em; - } - .nextmatch_header > .filters .et2_label select { - /*.Complete_Button_select;*/ - margin-left: 2px; - margin-right: 1px; - margin-top: 8px; - width: 20%; - max-width: 20% !important; - /*Dialog - Addressbook - View */ - } - .nextmatch_header > .filters .et2_label select:hover { - -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); - -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); - box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); - } - .nextmatch_header > .filters .et2_label select #infolog-index_cat_id, - .nextmatch_header > .filters .et2_label select #infolog-index_filter { - width: 50% !important; - } - .nextmatch_header > .filters > select > option { - font-size: 11px; - } .nextmatch_header > .filters input { margin-right: 2ex; width: 15%; @@ -626,11 +640,6 @@ -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); } - /*################################################################ -* -* Export Button -* -################################################################*/ .nextmatch_header > .filters .et2_button_icon { margin-top: 8px; vertical-align: middle; @@ -669,40 +678,20 @@ box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); background-color: #1aa200; } - /*.et2_nextmatch .nextmatch_header > .filters { - border: 1px solid @gray_10; - background-color: @gray_20; + .et2_nextmatch .nextmatch_header { + border: none; + background-image: none; + background-color: #cdcdcd; + margin-bottom: 3px; + margin: 0; + } + .et2_nextmatch .nextmatch_header > .filters { + border: 1px solid #e6e6e6; + background-color: #cdcdcd; background-image: url(../images/header_overlay.png); background-position: center; background-repeat: repeat-x; margin-bottom: 3px; -}*/ - /*################################################################ -* -* count -* -################################################################*/ - .nextmatch_header .header_count { - position: relative; - top: 1px; - height: 22px; - height: 24px; - border: 1px solid #E0E0E0; - float: right; - margin: 6px 11px 0; - padding: 0 20px; - text-align: center; - font-size: 11px; - border: 1px solid rgba(0, 0, 0, 0.15); - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - color: #000000; - } - .nextmatch_header .header_count span { - font-size: 11px; - top: 4px; - position: relative; } /*################################################################ * @@ -766,11 +755,13 @@ * ################################################################*/ .nextmatch_header div[id$=favorite_wrapper] { + /* margin-top: 6px; + vertical-align: middle;*/ + /*.box_shadow_standard_light;*/ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #bfbfbf; - z-index: 200; } /** * Drop down button @@ -834,12 +825,12 @@ .sidebox-favorites ul.favorites li.ui-menu-item { margin-left: 0px; min-height: 16px; - padding: 3px 0px; + padding: 5px 0px; } .sidebox-favorites ul.favorites li.ui-menu-item:hover { color: #000000; background-color: #ffdd73; - padding: 3px 0; + padding: 0.5em 0; } .sidebox-favorites ul.favorites li.ui-menu-item a { line-height: inherit; @@ -1059,7 +1050,8 @@ option:checked { /* Component containers ----------------------------------*/ .ui-widget { - font-family: Verdana, "Lucida Grande", Helvetica, Sans-Serif; + font-family: Verdana, Helvetica, Sans-Serif; + /* font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;*/ font-size: 1.1em; } .ui-widget .ui-widget { @@ -1069,8 +1061,9 @@ option:checked { .ui-widget select, .ui-widget textarea, .ui-widget button { - font-family: Verdana, "Lucida Grande", Helvetica, Sans-Serif; - font-size: 11px; + font-family: Verdana, Helvetica, Sans-Serif; + /* font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;*/ + font-size: 1em; } .ui-widget-content { /*.bordered (@color-hint,@color-hint,@color-hint,@color-hint);*/ @@ -1258,26 +1251,10 @@ span.ui-icon-close { } /*###########################################*/ /*Menu */ -.ui-menu .ui-menu-item { - padding: 0px; -} .ui-menu .ui-menu-item a { - line-height: 24px; - margin: 0px; + line-height: 26px; padding: 2px 5px; } -.ui-menu .ui-menu-item a input { - padding: 0; -} -.ui-menu .ui-menu-item a img { - padding: 0; -} -.ui-menu .ui-menu-item a.ui-state-focus { - margin: 0px !important; - line-height: 24px; - padding: 2px 5px; - border: none; -} /*###########################################*/ /* col selection */ span.ui-multiselect-header { @@ -1999,7 +1976,7 @@ body { } ol, ul { - /*list-style: none;*/ + list-style: none; } blockquote, q { @@ -2061,7 +2038,8 @@ body { } body, textarea { - font-family: Verdana, "Lucida Grande", Helvetica, Sans-Serif; + font-family: Verdana, Helvetica, Sans-Serif; + /* font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;*/ } #egw_fw_basecontainer { position: fixed; @@ -2069,7 +2047,8 @@ textarea { height: 100%; padding: 0px; margin: 0px; - font-family: Verdana, "Lucida Grande", Helvetica, Sans-Serif; + font-family: Verdana, Helvetica, Sans-Serif; + /* font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;*/ background-color: #fafafa; } input { @@ -2079,6 +2058,7 @@ input { &:focus{.Complete_Button_input_focus;}*/ } select { + /*.Complete_Button_select;*/ padding: 3px; margin: 0; -webkit-border-radius: 3px; @@ -2207,7 +2187,8 @@ div.selectbox-wrapper ul li { -moz-appearance: none; appearance: none; cursor: pointer; - font-family: Verdana, "Lucida Grande", Helvetica, Sans-Serif; + font-family: Verdana, Helvetica, Sans-Serif; + /* font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;*/ font-size: 1.2em; font-weight: normal; height: 30px; @@ -3497,16 +3478,6 @@ table.egwGridView_grid tr td span { table.egwGridView_grid tr td span[id*="[info_subject]"] { margin-right: 30px; } -table.egwGridView_grid tr td span.high { - color: red; -} -table.egwGridView_grid tr td span.urgent { - color: red; - background-color: #ffdd73; -} -table.egwGridView_grid tr td span.low { - color: #373737; -} table.egwGridView_grid tr td table.customfields tbody { border-bottom: 0px; } @@ -4145,28 +4116,44 @@ table.nextmatch_header img { box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); } #egw_fw_print { - display: none; - /* background-image: url(../images/print.png); - background-size: 16px 16px; - background-position: center center; - background-repeat: no-repeat; - cursor: pointer; - display: inline-block; - float: right; - margin-right: 5px; - margin-top: 0px; - position: fixed; - .Button_size_square_16; - .border_normal; - .box_shadow_standard_light; - .border_radius_button_normal; - padding: 0.5em; - top: 5px; - right: 40px; - z-index: 200; - &:hover {.box_shadow_standard_light_hover;} - &:active {.Complete_Button_active;} - &:focus {.box_shadow_standard_light_inset;}*/ + background-image: url(../images/print.png); + background-size: 16px 16px; + background-position: center center; + background-repeat: no-repeat; + cursor: pointer; + display: inline-block; + float: right; + margin-right: 5px; + margin-top: 0px; + position: fixed; + width: 16px; + height: 16px; + border: 1px solid rgba(0, 0, 0, 0.15); + -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); + -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); + box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + padding: 0.5em; + top: 5px; + right: 40px; + z-index: 200; +} +#egw_fw_print:hover { + -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); + -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); + box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); +} +#egw_fw_print:active { + -webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); + -moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); + box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); +} +#egw_fw_print:focus { + -webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); + -moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); + box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); } /*################################################# /* Second Line @@ -4247,7 +4234,7 @@ table.nextmatch_header img { float: right; padding: 0.5em; position: fixed; - right: 45px; + right: 80px; top: 5px; background-image: url(../images/add.png); background-repeat: no-repeat; @@ -4296,7 +4283,7 @@ table.nextmatch_header img { box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); padding: 5px; top: 6px; - right: 88px; + right: 115px; z-index: 200; background-color: #ff0000; -moz-transition: all 1s ease-in-out; @@ -4759,6 +4746,9 @@ table.nextmatch_header img { height: 16px; vertical-align: middle; } +.egw_fw_ui_category_content select#calendar_filter { + margin-top: 4px; +} .egw_fw_ui_sidemenu_listitem { padding: 0.5em 0; margin: 0px 0 5px 0px; @@ -5290,6 +5280,8 @@ table.dialog-main-view { } .dialogHeader input.et2_textbox { font-size: 1.3em; + width: 550px; + margin-right: 20px; } .dialogHeader .et2_label { color: #000000; @@ -5369,8 +5361,6 @@ tr.dialogHeader4 .et2_label { /*Buttons / Toolbar*/ .dialogFooterToolbar { background-color: #679fd2; - margin: 10px 0 0 0; - padding: 3px; /*.et2_selectbox {height: 32px; top: 0px; font-size: 1em;}*/ } .dialogFooterToolbar td {