From f10287c2a4ae6e594f7176860061468353062108 Mon Sep 17 00:00:00 2001 From: Ralf Becker Date: Fri, 22 Nov 2013 05:27:29 +0000 Subject: [PATCH] latest pixelegg changes --- pixelegg/css/pixelegg.css | 828 ++++++++---------- pixelegg/css/pixelegg.less | Bin 2494 -> 2498 bytes pixelegg/less/def_buttons.less | 264 +++--- pixelegg/less/def_content_elements.less | 17 +- .../def_design_pattern_color_font_shadow.less | 556 ++++++------ pixelegg/less/def_messages.less | 4 +- pixelegg/less/etemplate2.less | 425 ++++++--- pixelegg/less/jquery-ui.less | 12 +- pixelegg/less/layout_buttons_global.less | 1 + pixelegg/less/layout_content_elements.less | 695 +++++++-------- pixelegg/less/layout_dialog.less | Bin 1655 -> 2857 bytes pixelegg/less/layout_messages.less | 4 +- pixelegg/less/layout_nextmatch.css | 679 -------------- pixelegg/less/layout_nextmatch.less | 279 ------ pixelegg/less/layout_raster.css | 36 +- pixelegg/less/layout_raster.less | 33 +- pixelegg/less/layout_table.less | Bin 5138 -> 5082 bytes 17 files changed, 1510 insertions(+), 2323 deletions(-) diff --git a/pixelegg/css/pixelegg.css b/pixelegg/css/pixelegg.css index 5916f95741..6b6c141220 100644 --- a/pixelegg/css/pixelegg.css +++ b/pixelegg/css/pixelegg.css @@ -87,6 +87,7 @@ div.et2_hbox_al_right { div.et2_hbox_right { float: right; clear: right; + background: transparent; } div.et2_hbox > div { display: inline-block; @@ -659,7 +660,7 @@ ul.et2_link_string { color: #000000; border-width: 1px 1px 0px 1px; border-style: solid; - border-color: #bfbfbf; + border-color: #505050; } .et2_tabflag.active:hover { color: #000000; @@ -668,7 +669,7 @@ ul.et2_link_string { .et2_tabs { border-width: 0px 1px 1px 1px; border-style: solid; - border-color: #bfbfbf; + border-color: #505050; padding: 5px; overflow-y: auto; background-color: #ffffff; @@ -677,7 +678,7 @@ ul.et2_link_string { border-radius: 3px; } .et2_tabheader { - background-color: #bfbfbf; + background-color: #cdcdcd; background-position: bottom; background-repeat: repeat-x; padding-left: 0em; @@ -809,32 +810,192 @@ div.message.floating { } /** * Nextmatch widget - */ +*/ .et2_nextmatch { - /* background-color: silver;*/ + background-color: #f0f0f0; } /* Left & right headers*/ .et2_nextmatch > div > .header { margin-top: -20px; border: none; } -/*.nextmatch_header .header_count { - padding: 0px 20px; - margin: 6px 20px 0px; - border: 1px solid #E0E0E0; - float:right; - font-size: 150%; - text-align: center -}*/ +/* images*/ +.et2_nextmatch > img { + height: 16px; + width: 16px; +} +.nextmatch_header .header_count { + padding: 0px 20px; + margin: 6px 20px 0px; + border: 1px solid #E0E0E0; + float: right; + font-size: 0.8em; + text-align: center; + position: relative; + top: 7px; + /*width: 50px;*/ +} +/*################################################################ +* +* Filters +* +################################################################*/ .nextmatch_header > .filters { - padding-left: 5px; + width: 80%; + margin-bottom: 4px; + padding: 0; + background-color: #b4b4b4; + border: none !important; + border-color: #000000; + background-image: none !important; + border-top-right-radius: 15px; + border-bottom-right-radius: 15px; +} +.nextmatch_header > .filters select, +.nextmatch_header > .filters input, +.nextmatch_header > .filters button { + height: 25px; + padding: 0px 0px 0px 3px; + margin: 0; } .nextmatch_header > .filters select { + max-width: 15% !important; + -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); + -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); + box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); + width: auto; + margin: 0.5em 0em 0.5em 0.5em; + padding: 3px; + outline: none; + display: inline-block; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + cursor: pointer; + margin-right: 2ex; + /*Dialog - Addressbook - View */ +} +.nextmatch_header > .filters select:hover { + -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); + -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); + box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); +} +.nextmatch_header > .filters select #infolog-index_cat_id, +.nextmatch_header > .filters select #infolog-index_filter { + width: 50% !important; +} +.nextmatch_header > .filters > select > option { + font-size: 0.9em; +} +.nextmatch_header > .filters button.et2_button { + border: 1px solid rgba(0, 0, 0, 0.15); + border-color: #b4b4b4; + -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); + -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); + box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); + width: 3em; + -webkit-border-radius: 3px; + -webkit-border-top-left-radius: 20px; + -moz-border-radius: 3px; + -moz-border-radius-topleft: 20px; + border-radius: 3px; + border-top-left-radius: 20px; + background-color: #ffd44d; + color: #FFFFFF; + text-decoration: none; + cursor: pointer; + padding: 3px; + margin-left: 5px; + background-image: none; + width: auto; +} +.nextmatch_header > .filters button.et2_button:hover { + -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); + -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); + box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); + background-color: #ffd40f !important; + -webkit-border-radius: 3px; + -webkit-border-top-left-radius: 20px; + -moz-border-radius: 3px; + -moz-border-radius-topleft: 20px; + border-radius: 3px; + border-top-left-radius: 20px; + background-color: #679fd2 !important; +} +.nextmatch_header > .filters button.et2_button:active { + -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); + -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); + box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); + background-color: #ffd44d; + -webkit-border-radius: 3px; + -webkit-border-top-left-radius: 20px; + -moz-border-radius: 3px; + -moz-border-radius-topleft: 20px; + border-radius: 3px; + border-top-left-radius: 20px; +} +.nextmatch_header > .filters button.et2_button:focus { + outline: 0; + border-width: 1px; + border-style: solid; + border-color: #b4b4b4; + -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); + -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); +} +.nextmatch_header > .filters input { margin-right: 2ex; width: 15%; + border: 1px solid rgba(0, 0, 0, 0.15); + border-color: #b4b4b4; + -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); + -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); + box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); + width: auto; + margin: 0.5em 0em 0.5em 0; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} +.nextmatch_header > .filters input:hover { + -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); + -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); + box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); +} +.nextmatch_header > .filters input:focus { + outline: 0; + border-width: 1px; + border-style: solid; + border-color: #b4b4b4; + -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); + -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); } .nextmatch_header .et2_button_icon { vertical-align: middle; + background-color: #f0f0f0; + -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); + -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); + box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); + border: 1px solid rgba(0, 0, 0, 0.15); + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + margin-top: 0px; + margin-right: 1em; + height: 16px; + width: 16px; + padding: 2px; +} +.nextmatch_header .et2_button_icon .et2_button_icon:hover { + background-color: #b3b3b3 !important; + -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); + -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); + box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); + border: 1px solid rgba(0, 0, 0, 0.5); + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; } .nextmatch_header > .filters .et2_button_icon { margin-top: 8px; @@ -844,14 +1005,119 @@ div.message.floating { background-image: none; margin-bottom: 3px; } -/*.et2_nextmatch .nextmatch_header > .filters { - border: 1px solid silver; - background-color: #E0E0E0; - background-image: url(../../../phpgwapi/templates/default/images/egw_action/header_overlay.png); - background-position: center; - background-repeat: repeat-x; - margin-bottom: 3px; -}*/ +.et2_nextmatch .nextmatch_header > .filters { + border: 1px solid silver; + background-color: #E0E0E0; + background-image: url(../../../phpgwapi/templates/default/images/egw_action/header_overlay.png); + background-position: center; + background-repeat: repeat-x; + margin-bottom: 3px; +} +/*################################################################ +* +* Favorites +* +################################################################*/ +.nextmatch_header div[id$=favorite_wrapper] { + margin-top: 6px; + vertical-align: middle; + -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); + -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); + box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + background-color: #bfbfbf; +} +/** + * Drop down button + */ +.et2_dropdown { + /*left Button*/ + /*right Button*/ + /* hover */ +} +.et2_dropdown button { + height: 3.0ex; + display: inline-block; + vertical-align: middle; + margin-right: -2px; + padding: 0px 1ex; + background-color: #ffffff; + background-image: none; + width: 50px; +} +.et2_dropdown button > div { + vertical-align: middle; +} +.et2_dropdown button:last-child { + padding: 0px; +} +.et2_dropdown + ul.ui-menu { + position: absolute; + z-index: 2; +} +.et2_dropdown button.ui-corner-left, +.et2_dropdown button.ui-state-default { + background-image: none !important; + background-repeat: no-repeat !important; + background-size: 10px 10px; +} +.et2_dropdown button.ui-corner-left img, +.et2_dropdown button.ui-state-default img { + height: 16px; + width: 16px; + text-align: left; + position: relative; + right: 18px; + top: 3px; +} +.et2_dropdown button.ui-corner-right { + background-image: url("../images/fav_filter_normal.png"); + background-repeat: no-repeat !important; + background-size: 10px 10px; +} +.et2_dropdown button.ui-state-hover { + background-color: #b4b4b4 !important; + background-image: url("../images/fav_filter_normal.png") !important; + background-repeat: no-repeat !important; + background-size: 16px 16px !important; + background-position: 10px center !important; +} +.et2_dropdown button.ui-state-hover > img { + position: absolute; + top: 70000px; +} +/* // Liste + ul{ + + border-color: @gray-30; + .background-color-0-gray; + .color-100-gray; + li{ + .background-color-0-gray; + + &:hover {.background-color-10-gray;} + a { + + height: 40px; + border: none; + + img {height: 16px; width: 16px;} + } + + a:hover { + background: none; + text-indent: -22px; + margin-left: 21px; + height: 40px; + + } + } + li#blank {} + li#add { } + + }*/ /* Favorites */ .nextmatch_header div[id$=favorite_wrapper] { margin-top: 6px; @@ -958,7 +1224,7 @@ div.message.floating { border-left: solid 1px 1px; border-right: solid 1px 1px; border-bottom: solid 1px 1px; - border-color: #f0f0f0; + border-color: #e6e6e6; background: transparent !important; font-weight: bold; color: #000000; @@ -1348,7 +1614,7 @@ option:checked { border-left: solid 1px 1px; border-right: solid 1px 1px; border-bottom: solid 1px 1px; - border-color: #f0f0f0; + border-color: #e6e6e6; color: #ffffff; font-weight: bold; background-image: none; @@ -1366,7 +1632,7 @@ option:checked { border-left: solid 1px 1px; border-right: solid 1px 1px; border-bottom: solid 1px 1px; - border-color: #f0f0f0; + border-color: #e6e6e6; background: transparent; font-weight: bold; color: #999999; @@ -1387,7 +1653,7 @@ option:checked { border-left: solid 1px 1px; border-right: solid 1px 1px; border-bottom: solid 1px 1px; - border-color: #f0f0f0; + border-color: #e6e6e6; background: #ffc200 !important; background-image: none !important; color: #000000; @@ -1407,7 +1673,7 @@ option:checked { border-left: solid 1px 1px; border-right: solid 1px 1px; border-bottom: solid 1px 1px; - border-color: #bfbfbf; + border-color: #cdcdcd; background: #ffc200; background-image: none; font-weight: bold; @@ -1428,7 +1694,7 @@ option:checked { border-left: solid 1px 1px; border-right: solid 1px 1px; border-bottom: solid 1px 1px; - border-color: #f0f0f0; + border-color: #b4b4b4; background: #fbec88 url(images/ui-bg_flat_55_fbec88_40x100.png) 50% 50% repeat-x; color: #808080; } @@ -1444,7 +1710,7 @@ option:checked { border-left: solid 1px 1px; border-right: solid 1px 1px; border-bottom: solid 1px 1px; - border-color: #f0f0f0; + border-color: #e6e6e6; color: #b3b3b3; } .ui-state-error a, @@ -1748,7 +2014,7 @@ span.ui-icon-search { .chzn-container-active .chzn-choices li.search-field input { color: #111 !important; border: 1px solid rgba(0, 0, 0, 0.15); - border-color: #bfbfbf; + border-color: #b4b4b4; -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); @@ -1767,7 +2033,7 @@ span.ui-icon-search { outline: 0; border-width: 1px; border-style: solid; - border-color: #bfbfbf; + border-color: #b4b4b4; -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); -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); @@ -1798,13 +2064,13 @@ span.ui-icon-search { .egw_fw_ui_app_header_container { border-width: 9px 0px 0px 9px; border-style: solid; - border-color: #bfbfbf; + border-color: #b4b4b4; background-color: #bfbfbf; } .egw_fw_ui_app_header_container .egw_fw_ui_app_header { border-width: 0px 0px 0px 0px; border-style: solid; - border-color: #D5DDE6; + border-color: #e6e6e6; -webkit-border-radius: 3px; -webkit-border-top-right-radius: 20px; -moz-border-radius: 3px; @@ -1875,7 +2141,7 @@ textarea { } input { border: 1px solid rgba(0, 0, 0, 0.15); - border-color: #bfbfbf; + border-color: #b4b4b4; -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); @@ -1894,7 +2160,7 @@ input:focus { outline: 0; border-width: 1px; border-style: solid; - border-color: #bfbfbf; + border-color: #b4b4b4; -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); -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); @@ -1932,7 +2198,7 @@ select:focus { outline: 0; border-width: 1px; border-style: solid; - border-color: #bfbfbf; + border-color: #b4b4b4; -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); -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); @@ -2060,7 +2326,7 @@ div.selectbox-wrapper ul li { outline: 0; border-width: 1px; border-style: solid; - border-color: #bfbfbf; + border-color: #b4b4b4; -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); -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); @@ -2176,7 +2442,7 @@ button { padding: 0.2em 0; border-width: 1px; border-style: solid; - border-color: #d9d9d9; + border-color: #cdcdcd; } select { font-size: 100%; @@ -2267,8 +2533,8 @@ td.lettersearch { background-image: none; } /*.nextmatch_header table { - border: none !important; - width: 99% !important; + border: none !important; + width: 99% !important; }*/ .egw_fw_ui_sidemenu_marker { display: block; @@ -2523,15 +2789,6 @@ button { -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); color: #000000; - padding-left: 30px !important; - background-position: 6px center !important; - background-repeat: no-repeat !important; - background-size: 20px auto !important; - width: auto; - height: 32px; - /* background-repeat: no-repeat; - background-position: 6px center; - background-size: 20px auto;*/ } button:hover { background-color: #b3b3b3 !important; @@ -2556,7 +2813,7 @@ button[id*="delete"] { input[type="submit"][id*="delete"]:hover, input[type="button"][id*="delete"]:hover, button[id*="delete"]:hover { - background-image: url('../images/delete.png'); + background-image: url('../images/delete-hover.png') !important; background-color: red !important; border: 1px solid rgba(0, 0, 0, 0.15); -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); @@ -2569,6 +2826,23 @@ button[id*="delete"]:hover { background-size: 20px auto !important; width: auto; height: 32px; + color: #ffffff; +} +/*Button mit Bildern*/ +button.et2_button_with_image { + border: 1px solid rgba(0, 0, 0, 0.15); + -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); + -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); + box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); + color: #000000; + padding-left: 30px !important; + background-position: 6px center !important; + background-size: 20px auto !important; + width: auto; + height: 32px; + background-repeat: no-repeat !important; + background-position: 6px center; + background-size: 20px auto; } /** * EGroupware: Stylite Pixelegg template @@ -2590,8 +2864,8 @@ button[id*="delete"]:hover { */ /* TABLE STYLE */ table.et2_grid { - border-top: 3px solid; - border-color: #f0f0f0; + /* border-top: 3px solid; + border-color: @gray-10;*/ } .innerContainer { overflow: hidden; @@ -2603,7 +2877,7 @@ table.et2_grid { padding: 2px; border-width: 0; border-style: solid; - border-color: #d9d9d9; + border-color: #b4b4b4; border-left: 0px solid transparent; border-top: 0px solid transparent; border-right: 0px solid transparent; @@ -2626,7 +2900,7 @@ table.egwGridView_outer thead tr th { padding: 2px; border-width: 1px; border-style: solid; - border-color: #bfbfbf; + border-color: #b4b4b4; border-left: 0px solid transparent; border-top: 0px solid transparent; border-right: 0px solid transparent; @@ -2668,7 +2942,7 @@ table.egwGridView_outer thead tr th.optcol .selectcols { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; - right: 15px; + right: 5px; border: 1px solid; background-image: url(../images/selectcols_small.png); background-position: center center; @@ -2707,7 +2981,7 @@ table.egwGridView_grid img { width: 16px; } table.egwGridView_grid tbody { - border-bottom: 1px solid #e4e7ea; + border-bottom: 1px solid #000000; padding: 2px 3px 2px 4px; margin: 0; vertical-align: top; @@ -2723,11 +2997,11 @@ table.egwGridView_grid tbody tr.focused { -pie-background: linear-gradient(#ffb76b, #ff7f04); behavior: url(/PIE.htc); background-color: #bfbfbf; - background: #679fd2 !important; + background: #408dd2 !important; } table.egwGridView_grid tr { border-bottom: 1px solid; - border-color: #808080; + border-color: #828282; } table.egwGridView_grid tr:hover { background-color: #0c5da5; @@ -2864,7 +3138,7 @@ table.egwGridView_grid tr td:active { } #loginMainDiv div#centerBox form table.divLoginbox input { border: 1px solid rgba(0, 0, 0, 0.15); - border-color: #bfbfbf; + border-color: #b4b4b4; -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); @@ -2883,7 +3157,7 @@ table.egwGridView_grid tr td:active { outline: 0; border-width: 1px; border-style: solid; - border-color: #bfbfbf; + border-color: #b4b4b4; -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); -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); @@ -2896,7 +3170,7 @@ table.egwGridView_grid tr td:active { outline: 0; border-width: 1px; border-style: solid; - border-color: #bfbfbf; + border-color: #b4b4b4; -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); -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); @@ -3064,7 +3338,7 @@ img { } #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li a:hover { color: #808080; - border-color: #808080; + border-color: #828282; } #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li:first-child { margin-left: 10px; @@ -3262,8 +3536,6 @@ img { color: #0c5da5; } /* ################################################################################################################ - ################################################################################################################ - ################################################################################################################ * Sidebar * ################################################################################################################*/ #egw_fw_sidebar { @@ -3296,7 +3568,7 @@ img { padding: 4px 5px 5px 15px; background-color: #fafafa; background-image: none; - border-color: #f0f0f0; + border-color: #e6e6e6; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; @@ -3371,7 +3643,7 @@ img { -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; - border-color: #bfbfbf; + border-color: #b4b4b4; border-style: solid; border-width: 0px; margin: 0 0 2em 0; @@ -3395,14 +3667,14 @@ img { -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; - border-color: #bfbfbf; + border-color: #b4b4b4; } #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category { margin: 10px 5px 0px 5px; padding: 0.5em 1em; cursor: pointer; - border-color: #bfbfbf; - background-color: #d9d9d9; + border-color: #b4b4b4; + background-color: #828282; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; @@ -3462,7 +3734,7 @@ img { } #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_bottom { border-width: 0px; - border-color: black; + border-color: #ffffff; } #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_icon { display: inline-block; @@ -3522,7 +3794,7 @@ img { } .egw_fw_ui_category_content:hover { background-color: #ffffff; - border-color: #808080; + border-color: #828282; } .egw_fw_ui_sidemenu_listitem { padding: 0.5em 0; @@ -3572,7 +3844,7 @@ img { -moz-border-radius: 3px; border-radius: 3px; background-color: #f0f0f0; - border-color: #808080; + border-color: #828282; cursor: pointer; width: 72% !important; } @@ -3811,7 +4083,7 @@ div#calendar-container div.calendar table tbody tr.rowhilite td { #egw_fw_main .egw_fw_ui_tab_content { border-width: 0px 9px 0px 9px; border-style: solid; - border-color: #bfbfbf; + border-color: #b4b4b4; } #egw_fw_main .egw_fw_ui_tab_content div:nth-child(1) iframe { height: 100%; @@ -3830,368 +4102,7 @@ div.et2_container div table.et2_grid tbody tr .row td .et2_box_widget input { div.et2_container div table.et2_grid tbody tr td .et2_tabbox .et2_tabs table.et2_grid { background-color: #ffffff; } -/** - * EGroupware: Stylite Pixelegg template - * - * Nextmatch - * - * Please do NOT change css-files directly, instead change less-files and compile them! - * - * @link http://www.egroupware.org - * @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License - * @author Stefan Reinhard - * @package pixelegg - * @version $Id$ - */ -/** -* Nextmatch widget -*/ -.et2_nextmatch .nextmatch_header > .filters { - border: none !important; - background-image: none !important; - background-color: #f0f0f0; -} -.et2_nextmatch { - background-color: #f0f0f0; - /* Favorites */ -} -.et2_nextmatch div > .header { - margin-top: -20px; - border: none; -} -.et2_nextmatch input, -.et2_nextmatch select { - height: auto; - width: auto; -} -.et2_nextmatch .nextmatch_header { - border: none !important; - background-image: none !important; - background-color: #f0f0f0; - background-size: 80% 10; - margin-bottom: 3px; -} -.et2_nextmatch .nextmatch_header img { - height: 16px; - width: 16px; -} -.et2_nextmatch .nextmatch_header div.et2_hbox_right { - background: transparent; -} -.et2_nextmatch .nextmatch_header div.et2_hbox_right table.et2_grid { - background: transparent; -} -.et2_nextmatch .nextmatch_header .et2_button_icon { - vertical-align: middle; - background-color: #f0f0f0; - -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); - -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); - box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); - border: 1px solid rgba(0, 0, 0, 0.15); - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - margin-top: 0px; - margin-right: 1em; - height: 16px; - width: 16px; - padding: 2px; -} -.et2_nextmatch .nextmatch_header .et2_button_icon:hover { - background-color: #b3b3b3 !important; - -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); - -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); - box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); - border: 1px solid rgba(0, 0, 0, 0.5); - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; -} -.et2_nextmatch .nextmatch_header .header_count { - position: relative; - top: 7px; - width: 50px; - font-size: 0.8em; -} -.et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper, -.et2_nextmatch .nextmatch_header div#addressbook-index_favorite_wrapper, -.et2_nextmatch .nextmatch_header div#timesheet-index_favorite_wrapper, -.et2_nextmatch .nextmatch_header div#projectmanager-list_favorite_wrapper { - -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); - -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); - box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - background-color: #bfbfbf; - position: relative; - top: 5px; - /** - * Drop down button - */ -} -.et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper .et2_dropdown, -.et2_nextmatch .nextmatch_header div#addressbook-index_favorite_wrapper .et2_dropdown, -.et2_nextmatch .nextmatch_header div#timesheet-index_favorite_wrapper .et2_dropdown, -.et2_nextmatch .nextmatch_header div#projectmanager-list_favorite_wrapper .et2_dropdown { - /*linke Seite Bild*/ - /*right Button*/ -} -.et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper .et2_dropdown button#ui-corner-left, -.et2_nextmatch .nextmatch_header div#addressbook-index_favorite_wrapper .et2_dropdown button#ui-corner-left, -.et2_nextmatch .nextmatch_header div#timesheet-index_favorite_wrapper .et2_dropdown button#ui-corner-left, -.et2_nextmatch .nextmatch_header div#projectmanager-list_favorite_wrapper .et2_dropdown button#ui-corner-left, -.et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper .et2_dropdown .ui-state-default, -.et2_nextmatch .nextmatch_header div#addressbook-index_favorite_wrapper .et2_dropdown .ui-state-default, -.et2_nextmatch .nextmatch_header div#timesheet-index_favorite_wrapper .et2_dropdown .ui-state-default, -.et2_nextmatch .nextmatch_header div#projectmanager-list_favorite_wrapper .et2_dropdown .ui-state-default { - background-image: none; - width: auto; -} -.et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper .et2_dropdown button#ui-corner-left img, -.et2_nextmatch .nextmatch_header div#addressbook-index_favorite_wrapper .et2_dropdown button#ui-corner-left img, -.et2_nextmatch .nextmatch_header div#timesheet-index_favorite_wrapper .et2_dropdown button#ui-corner-left img, -.et2_nextmatch .nextmatch_header div#projectmanager-list_favorite_wrapper .et2_dropdown button#ui-corner-left img, -.et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper .et2_dropdown .ui-state-default img, -.et2_nextmatch .nextmatch_header div#addressbook-index_favorite_wrapper .et2_dropdown .ui-state-default img, -.et2_nextmatch .nextmatch_header div#timesheet-index_favorite_wrapper .et2_dropdown .ui-state-default img, -.et2_nextmatch .nextmatch_header div#projectmanager-list_favorite_wrapper .et2_dropdown .ui-state-default img { - height: 16px; - width: 16px; - text-align: left; - position: relative; - right: 20px; -} -.et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper .et2_dropdown button, -.et2_nextmatch .nextmatch_header div#addressbook-index_favorite_wrapper .et2_dropdown button, -.et2_nextmatch .nextmatch_header div#timesheet-index_favorite_wrapper .et2_dropdown button, -.et2_nextmatch .nextmatch_header div#projectmanager-list_favorite_wrapper .et2_dropdown button { - height: 3.0ex; - display: inline-block; - vertical-align: middle; - margin-right: -2px; - padding: 0px 1ex; - background-color: #ffffff; - background-image: none; -} -.et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper .et2_dropdown button > div, -.et2_nextmatch .nextmatch_header div#addressbook-index_favorite_wrapper .et2_dropdown button > div, -.et2_nextmatch .nextmatch_header div#timesheet-index_favorite_wrapper .et2_dropdown button > div, -.et2_nextmatch .nextmatch_header div#projectmanager-list_favorite_wrapper .et2_dropdown button > div { - vertical-align: middle; -} -.et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper .et2_dropdown button:last-child, -.et2_nextmatch .nextmatch_header div#addressbook-index_favorite_wrapper .et2_dropdown button:last-child, -.et2_nextmatch .nextmatch_header div#timesheet-index_favorite_wrapper .et2_dropdown button:last-child, -.et2_nextmatch .nextmatch_header div#projectmanager-list_favorite_wrapper .et2_dropdown button:last-child { - padding: 0px; -} -.et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper .et2_dropdown + ul.ui-menu, -.et2_nextmatch .nextmatch_header div#addressbook-index_favorite_wrapper .et2_dropdown + ul.ui-menu, -.et2_nextmatch .nextmatch_header div#timesheet-index_favorite_wrapper .et2_dropdown + ul.ui-menu, -.et2_nextmatch .nextmatch_header div#projectmanager-list_favorite_wrapper .et2_dropdown + ul.ui-menu { - position: absolute; - z-index: 2; -} -.et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper .et2_dropdown button.ui-corner-right, -.et2_nextmatch .nextmatch_header div#addressbook-index_favorite_wrapper .et2_dropdown button.ui-corner-right, -.et2_nextmatch .nextmatch_header div#timesheet-index_favorite_wrapper .et2_dropdown button.ui-corner-right, -.et2_nextmatch .nextmatch_header div#projectmanager-list_favorite_wrapper .et2_dropdown button.ui-corner-right { - background-image: url("../images/fav_filter_normal.png"); -} -.et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper .et2_dropdown button.ui-state-hover, -.et2_nextmatch .nextmatch_header div#addressbook-index_favorite_wrapper .et2_dropdown button.ui-state-hover, -.et2_nextmatch .nextmatch_header div#timesheet-index_favorite_wrapper .et2_dropdown button.ui-state-hover, -.et2_nextmatch .nextmatch_header div#projectmanager-list_favorite_wrapper .et2_dropdown button.ui-state-hover { - /*background-image: none;*/ - background-color: rgba(255, 255, 255, 0.9) !important; - background-image: url("../images/fav_filter_normal.png") !important; -} -.et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper ul, -.et2_nextmatch .nextmatch_header div#addressbook-index_favorite_wrapper ul, -.et2_nextmatch .nextmatch_header div#timesheet-index_favorite_wrapper ul, -.et2_nextmatch .nextmatch_header div#projectmanager-list_favorite_wrapper ul { - border-color: #bfbfbf; - background-color: #ffffff; - color: #000000; -} -.et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper ul li, -.et2_nextmatch .nextmatch_header div#addressbook-index_favorite_wrapper ul li, -.et2_nextmatch .nextmatch_header div#timesheet-index_favorite_wrapper ul li, -.et2_nextmatch .nextmatch_header div#projectmanager-list_favorite_wrapper ul li { - background-color: #ffffff; -} -.et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper ul li:hover, -.et2_nextmatch .nextmatch_header div#addressbook-index_favorite_wrapper ul li:hover, -.et2_nextmatch .nextmatch_header div#timesheet-index_favorite_wrapper ul li:hover, -.et2_nextmatch .nextmatch_header div#projectmanager-list_favorite_wrapper ul li:hover { - background-color: #f0f0f0; -} -.et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper ul li a, -.et2_nextmatch .nextmatch_header div#addressbook-index_favorite_wrapper ul li a, -.et2_nextmatch .nextmatch_header div#timesheet-index_favorite_wrapper ul li a, -.et2_nextmatch .nextmatch_header div#projectmanager-list_favorite_wrapper ul li a { - height: 40px; - border: none; -} -.et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper ul li a img, -.et2_nextmatch .nextmatch_header div#addressbook-index_favorite_wrapper ul li a img, -.et2_nextmatch .nextmatch_header div#timesheet-index_favorite_wrapper ul li a img, -.et2_nextmatch .nextmatch_header div#projectmanager-list_favorite_wrapper ul li a img { - height: 16px; - width: 16px; -} -.et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper ul li a:hover, -.et2_nextmatch .nextmatch_header div#addressbook-index_favorite_wrapper ul li a:hover, -.et2_nextmatch .nextmatch_header div#timesheet-index_favorite_wrapper ul li a:hover, -.et2_nextmatch .nextmatch_header div#projectmanager-list_favorite_wrapper ul li a:hover { - background: none; - text-indent: -22px; - margin-left: 21px; - height: 40px; -} -.et2_nextmatch div#favorite_wrapper { - margin-top: 8px; - vertical-align: middle; -} -/*######################################################### -# -# Filterleiste -# -#########################################################*/ -.et2_nextmatch .nextmatch_header > .filters { - background-image: none !important; - border: medium none !important; - background: yellow !important; - padding: 0 0 1em 1em; - background-color: #d9d9d9 !important; - vertical-align: top; - border-width: 0 0 1px 0; - border-color: #d9d9d9; - width: 80%; - margin-bottom: 1em; -} -.filters { - padding: 0 0 1em 1em; - background-color: #f0f0f0; - border-width: 0 0 1px 0; - border-color: #d9d9d9; - background-image: none; - width: 80%; - margin-bottom: 1em; - /*Suchen Button*/ -} -.filters img.et2_button_icon { - float: right; - position: relative; - top: 0px; -} -.filters select, -.filters input, -.filters button { - height: 20px; -} -.filters select { - -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); - -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); - box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); - width: auto; - margin: 0.5em 0em 0.5em 0.5em; - padding: 3px; - outline: none; - display: inline-block; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - cursor: pointer; - margin-right: 2ex; - padding: 5px; - padding: 0px 0px 0px 3px; -} -.filters select:hover { - -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); - -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); - box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); -} -.filters select option { - font-size: 0.9em; -} -.filters select#cat_id { - margin-left: 1em; -} -.filters input { - border: 1px solid rgba(0, 0, 0, 0.15); - border-color: #bfbfbf; - -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); - -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); - box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); - width: auto; - margin: 0.5em 0em 0.5em 0; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; -} -.filters input:hover { - -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); - -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); - box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); -} -.filters button { - border: 1px solid rgba(0, 0, 0, 0.15); - border-color: #bfbfbf; - -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); - -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); - box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); - width: 3em; - -webkit-border-radius: 3px; - -webkit-border-top-left-radius: 20px; - -moz-border-radius: 3px; - -moz-border-radius-topleft: 20px; - border-radius: 3px; - border-top-left-radius: 20px; - background-color: #ffd44d; - color: #FFFFFF; - text-decoration: none; - cursor: pointer; - padding: 3px; - margin-left: 5px; - background-image: none; - width: auto; -} -.filters button:hover { - -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); - -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); - box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); - background-color: #ffd40f !important; - -webkit-border-radius: 3px; - -webkit-border-top-left-radius: 20px; - -moz-border-radius: 3px; - -moz-border-radius-topleft: 20px; - border-radius: 3px; - border-top-left-radius: 20px; - background-color: #ffd40f; -} -.filters button:active { - -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); - -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); - box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); - background-color: #ffd44d; - -webkit-border-radius: 3px; - -webkit-border-top-left-radius: 20px; - -moz-border-radius: 3px; - -moz-border-radius-topleft: 20px; - border-radius: 3px; - border-top-left-radius: 20px; -} -.filters button:focus { - outline: 0; - border-width: 1px; - border-style: solid; - border-color: #bfbfbf; - -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); - -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); -} +/*@import "../less/layout_nextmatch.less";*/ /** * Less-file for egroupware * Definitionen Layout @@ -4243,37 +4154,66 @@ div.et2_container div table.et2_grid tbody tr td .et2_tabbox .et2_tabs table.et2 * @version $Id$ */ /*@import (reference) "def_content_elements.less";*/ +/*########################################### +# # +# dialog-header # +############################################# +# # +# # +# # +# # +# # +# main + tabs # +# # +# # +############################################# +# dialog-operators # +############################################# +# # +# buttons # +# # +# # +##############################################*/ /*Main div*/ table.dialog-main-view { width: 100%; } /*Header Part*/ -tr.dialog-header { +.dialog-header { background-color: #0c5da5; color: #ffffff; } -tr.dialog-header td { +.dialog-header td { padding: 5px; } -tr.dialog-header table.et2_grid { +.dialog-header table.et2_grid { border-top: none; } -tr.dialog-header .et2_label { +.dialog-header .et2_label { color: #ffffff; } /*Main*/ +/* Operators */ +.dialog-operators { + background-color: #b4b4b4; + border-top: 2px solid #e6e6e6; + border-bottom: 2px solid #e6e6e6; +} +.dialog-operators td { + padding: 2px; +} /*Buttons / Toolbar*/ .dialog-footer-toolbar { background-color: #679fd2; } .dialog-footer-toolbar td { - padding: 10px; + padding: 0px 5px; } .dialog-footer-toolbar button { height: 32px; } -.dialog-footer-toolbar label { - border-color: #bfbfbf; +.dialog-footer-toolbar label.et2_label { + border-color: #b4b4b4; width: auto; margin: 0.5em 0em 0.5em 0; -webkit-border-radius: 3px; @@ -4285,7 +4225,9 @@ tr.dialog-header .et2_label { box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); color: #000000; background-color: #f0f0f0; - padding: 5px 5px 8px 0; + padding: 6px 5px 6px 0; + position: relative; + top: 0px; } /* Printing diff --git a/pixelegg/css/pixelegg.less b/pixelegg/css/pixelegg.less index a01f36f4a17c4c26f2b33b1f85c429da2050be3b..5783e44201163c043b8c9311c85fb0fb232939ff 100644 GIT binary patch delta 32 ncmdldd`NhMBqx);)?{A}3C_IKijv&KlH`oZvK&g2qc~FlqudGI delta 29 kcmX>kyia(8Bdiv { display: inline-block; @@ -310,9 +311,9 @@ button.et2_button_text:focus, input[type=button]:focus { // max-width: 85%; &:hover {background-color: @color-hint !important;} - - - + + + } .et2_selectbox .ui-multiselect-checkboxes ul { margin: 0px auto; @@ -704,7 +705,7 @@ ul.et2_link_string { .color-100-gray; border-width: 1px 1px 0px 1px; border-style: solid; - .border-color-25-gray; + border-color: @gray-70; &:hover { .color-100-gray; // border: 1px solid gray; @@ -715,21 +716,22 @@ ul.et2_link_string { .et2_tabs { border-width: 0px 1px 1px 1px; border-style: solid; - .border-color-25-gray; + border-color: @gray-70; padding: 5px; overflow-y: auto; - .background-color-dialog-container; + background-color: @gray-0; .border_radius_button_normal; } .et2_tabheader { - .background-color-25-gray; + background-color: @gray-20; background-position: bottom; background-repeat: repeat-x; padding-left: 0em; border-bottom: 1px solid #bfbfbf; margin: 0 2px; + :first-child { margin-left: 0.3em; } @@ -740,6 +742,7 @@ ul.et2_link_string { /** * VFS widget(s) */ + ul.et2_vfs { padding-left: 0px; margin: 1px; @@ -757,7 +760,7 @@ ul.et2_vfs { [required] { background-color: @egw_color_1_a; input{ - // border-color: #FFFFD0; + } } .invalid { @@ -872,10 +875,11 @@ div.message.floating { /** * Nextmatch widget - */ +*/ + .et2_nextmatch { - /* background-color: silver;*/ + .background-color-10-gray; } /* Left & right headers*/ @@ -884,24 +888,127 @@ div.message.floating { border: none; } -/*.nextmatch_header .header_count { +/* images*/ +.et2_nextmatch > img {height: 16px; width: 16px;} + +// little rectangle +.nextmatch_header .header_count { padding: 0px 20px; margin: 6px 20px 0px; border: 1px solid #E0E0E0; float:right; - font-size: 150%; - text-align: center -}*/ + font-size: 0.8em; + text-align: center; + position: relative; + top: 7px; + /*width: 50px;*/ +} + +/*################################################################ +* +* Filters +* +################################################################*/ + .nextmatch_header > .filters { - padding-left: 5px; + + width: 80%; + margin-bottom: 4px; + padding: 0; + background-color: @gray-30; + border: none !important; + border-color: @gray-100; + background-image: none !important; + border-top-right-radius: 15px; + border-bottom-right-radius: 15px; } + +.nextmatch_header > .filters { + select, + input, + button { + height: 25px; + padding: 0px 0px 0px 3px; + margin: 0; + } +} + + +// Select Field .nextmatch_header > .filters select { margin-right: 2ex; - width: 15%; + max-width: 15% !important; + .Complete_Button_select; + margin-right: 2ex; + + &:hover{ + .Complete_Button_select_hover; + } + + /*Dialog - Addressbook - View */ + #infolog-index_cat_id, + #infolog-index_filter {width: 50% !important;} + + + } +// Select -> Option +.nextmatch_header > .filters > select > option {font-size: 0.9em;} + + + + +// Search Field +.nextmatch_header > .filters button.et2_button { + .Complete_Button_search_action; + background-image: none; + width: auto; + + &:hover{ + .Complete_Button_search_action_hover; + background-color: @egw_color_2_e !important; + } + + &:active { + .Complete_Button_search_action_active; + } + + &:focus { + .Complete_Button_input_focus; + } + +} + + + + +// Input Field +.nextmatch_header > .filters input { + margin-right: 2ex; + width: 15%; + .Complete_Button_input; + &:hover{ + .Complete_Button_input_hover; + } + &:focus{ + .Complete_Button_input_focus; + } +} + + .nextmatch_header .et2_button_icon { vertical-align: middle; + .Complete_Button_Icon_normal; + margin-top: 0px; + margin-right: 1em; + height: 16px; + width: 16px; + padding: 2px; + + .et2_button_icon:hover{.Complete_Button_Icon_hover ;} } + + .nextmatch_header > .filters .et2_button_icon { margin-top: 8px; } @@ -912,14 +1019,136 @@ div.message.floating { margin-bottom: 3px; // margin-right: 3px; } -/*.et2_nextmatch .nextmatch_header > .filters { +.et2_nextmatch .nextmatch_header > .filters { border: 1px solid silver; background-color: #E0E0E0; background-image: url(../../../phpgwapi/templates/default/images/egw_action/header_overlay.png); background-position: center; background-repeat: repeat-x; margin-bottom: 3px; -}*/ +} + +/*################################################################ +* +* Favorites +* +################################################################*/ + +.nextmatch_header div[id$=favorite_wrapper] { + margin-top: 6px; + vertical-align: middle; + + .box_shadow_standard_light; + .border_radius_button_normal; + .background-color-25-gray; + + +} + + /** + * Drop down button + */ + .et2_dropdown{ + + button { + height: 3.0ex; + display: inline-block; + vertical-align: middle; + margin-right: -2px; + padding: 0px 1ex; + .background-color-0-gray; + background-image: none; + width: 50px; + + } + button > div { + vertical-align: middle; + } + button:last-child { + padding: 0px + } + + ul.ui-menu { + position: absolute; + z-index: 2; + } + + /*left Button*/ + button.ui-corner-left, + button.ui-state-default{ + background-image: none !important; + background-repeat: no-repeat !important; + background-size: 10px 10px; + + img { + height: 16px; + width: 16px; + text-align: left; + position: relative; + right: 18px; + top: 3px; + } + + } + + + /*right Button*/ + button.ui-corner-right { + background-image: url("../images/fav_filter_normal.png"); + background-repeat: no-repeat !important; + background-size: 10px 10px; + } + + /* hover */ + button.ui-state-hover { + background-color: @gray-30 !important; + background-image: url("../images/fav_filter_normal.png") !important; + background-repeat: no-repeat !important; + background-size: 16px 16px !important; + background-position: 10px center !important; + } + + button.ui-state-hover > img { + position: absolute; + top: 70000px; + } + + + + + } // dropdown + +/* // Liste + ul{ + + border-color: @gray-30; + .background-color-0-gray; + .color-100-gray; + li{ + .background-color-0-gray; + + &:hover {.background-color-10-gray;} + a { + + height: 40px; + border: none; + + img {height: 16px; width: 16px;} + } + + a:hover { + background: none; + text-indent: -22px; + margin-left: 21px; + height: 40px; + + } + } + li#blank {} + li#add { } + + }*/ + + /* Favorites */ .nextmatch_header div[id$=favorite_wrapper] { margin-top: 6px; @@ -970,15 +1199,15 @@ div.message.floating { float:right; display:none; } - + // List Icon .sideboxstar{ - background-image: url("../images/bullet.png"); - background-repeat: no-repeat; - height: 9px; - width: 9px - } - + background-image: url("../images/bullet.png"); + background-repeat: no-repeat; + height: 9px; + width: 9px + } + } @@ -1033,7 +1262,7 @@ div.message.floating { .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { .bordered(1px, 1px, 1px,1px); - .border-color-10-gray; + border-color: @gray-10; background: transparent !important; font-weight: bold; .color-100-gray; @@ -1056,29 +1285,29 @@ div.message.floating { .ui-menu { .ui-menu-item { - - - &:hover {background-color: @egw_color_1_e;} - a { - line-height: inherit; - padding: 2px 0px; - padding-left: 0 !important; - &:hover {text-decoration: underline; - /*.Complete_Button_Icon_hover ;*/ - } + &:hover {background-color: @egw_color_1_e;} - img { height: 14px; - width: 14px; - } - } + a { + line-height: inherit; + padding: 2px 0px; + padding-left: 0 !important; - } + &:hover {text-decoration: underline; + /*.Complete_Button_Icon_hover ;*/ + } + + img { height: 14px; + width: 14px; + } + } + + } } - - - + + + div.ui-icon-heart{ position: relative; float: left; @@ -1313,98 +1542,98 @@ div.et2_progress > div { padding: 6px; } .et2_itempicker_app_select li.selected { - border: 1px solid #b6b6b6; - border-right: 1px solid transparent; - background-color: #f9f9f9; - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; + border: 1px solid #b6b6b6; + border-right: 1px solid transparent; + background-color: #f9f9f9; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; } .et2_itempicker_search { - display: inline-block; - margin: 1em; - margin-bottom: 0; - margin-right: 0; - width: 67%; - padding: 0.2em; + display: inline-block; + margin: 1em; + margin-bottom: 0; + margin-right: 0; + width: 67%; + padding: 0.2em; } .et2_itempicker_clear { - position: relative; - top: 3px; - left: -20px; + position: relative; + top: 3px; + left: -20px; } .et2_itempicker_button_action { - position: absolute; - margin: 1em; - top: 0; - right: 0; + position: absolute; + margin: 1em; + top: 0; + right: 0; } .et2_itempicker_itemlist { - display: block; - border: 1px solid #b6b6b6; - margin: 1em; - margin-bottom: 0; - padding: 0; - height: 67%; - background-color: #ffffff; - overflow: auto; + display: block; + border: 1px solid #b6b6b6; + margin: 1em; + margin-bottom: 0; + padding: 0; + height: 67%; + background-color: #ffffff; + overflow: auto; } .et2_itempicker_itemlist ul { - margin: 0; - padding: 0; - list-style-type: none; + margin: 0; + padding: 0; + list-style-type: none; } .et2_itempicker_itemlist li { - display: block; - margin: 0; - padding: 4px; - color: #284d8a; - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; + display: block; + margin: 0; + padding: 4px; + color: #284d8a; + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } .et2_itempicker_itemlist li.row_on { - background-color: #f2f9fe; + background-color: #f2f9fe; } .et2_itempicker_itemlist li.selected { - color: #ffffff; - background-color: #3875d7; + color: #ffffff; + background-color: #3875d7; } /** * et2_dialog: EGroupware left aligns all buttons, but [Delete] */ div.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { - float: left; + float: left; } div.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button { - float: left; - margin-right: 1em; + float: left; + margin-right: 1em; } .et2_prompt #message { - white-space: pre-wrap; - padding-bottom: 10px; + white-space: pre-wrap; + padding-bottom: 10px; } .et2_prompt #value { - width: 100%; + width: 100%; } /** * et2_taglist */ .ms-ctn, .ms-res-ctn { - /* It doesn't really work smaller than this */ - min-width: 150px; + /* It doesn't really work smaller than this */ + min-width: 150px; } .ms-ctn .loading { - position: relative; - margin: 0px auto -16px auto; - top: 5px; + position: relative; + margin: 0px auto -16px auto; + top: 5px; } .ms-res-ctn { - overflow-x: hidden; + overflow-x: hidden; } // \ No newline at end of file diff --git a/pixelegg/less/jquery-ui.less b/pixelegg/less/jquery-ui.less index 46ba92ffd4..d0268c7b2c 100755 --- a/pixelegg/less/jquery-ui.less +++ b/pixelegg/less/jquery-ui.less @@ -65,7 +65,7 @@ option:checked {background-color: @egw_color_1_e;} .ui-widget-header { // border: 1px solid #4297d7; .bordered(1px, 1px, 1px,1px); - .border-color-10-gray; + border-color: @gray-10; // background: #5c9ccc url(images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x; // color: #ffffff; .color-0-gray; @@ -84,7 +84,7 @@ option:checked {background-color: @egw_color_1_e;} .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { .bordered(1px, 1px, 1px,1px); - .border-color-10-gray; + border-color: @gray-10; // background: #dfeffc url(images/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x; background: transparent; font-weight: bold; @@ -105,7 +105,7 @@ option:checked {background-color: @egw_color_1_e;} .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { .bordered(1px, 1px, 1px,1px); - .border-color-10-gray; + border-color: @gray-10; // background: #d0e5f5 url(images/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x; background: @color-hint !important; background-image: none !important; @@ -124,7 +124,7 @@ option:checked {background-color: @egw_color_1_e;} .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { .bordered(1px, 1px, 1px,1px); - .border-color-25-gray; + border-color: @gray-20; background: @color-hint; background-image: none; font-weight: bold; @@ -143,7 +143,7 @@ option:checked {background-color: @egw_color_1_e;} .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { .bordered(1px, 1px, 1px,1px); - .border-color-10-gray; + border-color: @gray-30; background: #fbec88 url(images/ui-bg_flat_55_fbec88_40x100.png) 50% 50% repeat-x; .color-50-gray; } @@ -156,7 +156,7 @@ option:checked {background-color: @egw_color_1_e;} .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { .bordered(1px, 1px, 1px,1px); - .border-color-10-gray; + border-color: @gray-10; // background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; .color-30-gray; } diff --git a/pixelegg/less/layout_buttons_global.less b/pixelegg/less/layout_buttons_global.less index e69de29bb2..44e2896b28 100755 --- a/pixelegg/less/layout_buttons_global.less +++ b/pixelegg/less/layout_buttons_global.less @@ -0,0 +1 @@ +/*Bitte löschen*/ \ No newline at end of file diff --git a/pixelegg/less/layout_content_elements.less b/pixelegg/less/layout_content_elements.less index ab36dea016..f79bc1e101 100755 --- a/pixelegg/less/layout_content_elements.less +++ b/pixelegg/less/layout_content_elements.less @@ -33,55 +33,55 @@ html * { //############################################### body{ - background-image:none; + background-image:none; - .background-color-10-gray; - .color-100-gray; // Schriftfarbe schwarz + .background-color-10-gray; + .color-100-gray; // Schriftfarbe schwarz - margin: 0px !important; - padding: 0px !important; - width: 100% !important; - height: 100% !important; - font-size: 87.5%; + margin: 0px !important; + padding: 0px !important; + width: 100% !important; + height: 100% !important; + font-size: 87.5%; } body, textarea { - .basefontfamily; + .basefontfamily; } #egw_fw_basecontainer { - position: fixed; - width: 100%; - height: 100%; - padding: 0px; - margin: 0px; + position: fixed; + width: 100%; + height: 100%; + padding: 0px; + margin: 0px; - .basefontfamily; -// font-size: 8pt; + .basefontfamily; + // font-size: 8pt; - .background-color-5-gray ; + .background-color-5-gray ; } //########################## input { - .Complete_Button_input; + .Complete_Button_input; - &:hover{.Complete_Button_input_hover;} - &:focus{.Complete_Button_input_focus;} + &:hover{.Complete_Button_input_hover;} + &:focus{.Complete_Button_input_focus;} } select { - .Complete_Button_select; + .Complete_Button_select; padding:3px; margin: 0; .rounded (4px); -// .drop-shadow( 0, 3px, 0, 191, 191, 191, 0.1, inset); + // .drop-shadow( 0, 3px, 0, 191, 191, 191, 0.1, inset); -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset; -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset; box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset; @@ -95,9 +95,9 @@ select { appearance:none; cursor:pointer; - &:hover{.Complete_Button_select_hover;} - &:focus{.Complete_Button_select_focus;} - &.after{} + &:hover{.Complete_Button_select_hover;} + &:focus{.Complete_Button_select_focus;} + &.after{} } @@ -150,11 +150,11 @@ h6 { /////* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */ @media screen and (-webkit-min-device-pixel-ratio:0) { select { - padding-right: 20px !important; - -webkit-appearance:none; - margin:0; - background: #ffffff url(../images/selectarrowdown.png) no-repeat center right; - background-size: 20px auto; + padding-right: 20px !important; + -webkit-appearance:none; + margin:0; + background: #ffffff url(../images/selectarrowdown.png) no-repeat center right; + background-size: 20px auto; } } @@ -188,26 +188,26 @@ select:before { div.selectbox-wrapper { - ul { - list-style-type:none; - margin:0px; - padding:0px; + ul { + list-style-type:none; + margin:0px; + padding:0px; - li.selected { - background-color: #EAF2FB; - } - li.current { - background-color: #CDD8E4; - } + li.selected { + background-color: #EAF2FB; + } + li.current { + background-color: #CDD8E4; + } - li { - list-style-type:none; - display:block; - margin:0; - padding:2px; - cursor:pointer; - } - } + li { + list-style-type:none; + display:block; + margin:0; + padding:2px; + cursor:pointer; + } + } @@ -216,63 +216,63 @@ div.selectbox-wrapper { .sbHolder{ - .Complete_Button_select; -// background-color: #2d2d2d; -// border: solid 1px #515151; -// font-family: Arial, sans-serif; - .basefontfamily; - font-size: 1.2em; - font-weight: normal; - height: 30px; - position: relative; - width: 10em; + .Complete_Button_select; + // background-color: #2d2d2d; + // border: solid 1px #515151; + // font-family: Arial, sans-serif; + .basefontfamily; + font-size: 1.2em; + font-weight: normal; + height: 30px; + position: relative; + width: 10em; - &:hover{.Complete_Button_select_hover;} - &:focus{.Complete_Button_select_focus;} + &:hover{.Complete_Button_select_hover;} + &:focus{.Complete_Button_select_focus;} } .sbHolder:focus .sbSelector{} .sbSelector{ - display: block; - height: 30px; - left: 0; - line-height: 30px; - outline: none; - overflow: hidden; - position: absolute; - text-indent: 10px; - top: 0; - width: 170px; + display: block; + height: 30px; + left: 0; + line-height: 30px; + outline: none; + overflow: hidden; + position: absolute; + text-indent: 10px; + top: 0; + width: 170px; } .sbSelector:link, .sbSelector:visited, .sbSelector:hover{ -// color: #EBB52D; - .color-50-gray; - outline: none; - text-decoration: none; + // color: #EBB52D; + .color-50-gray; + outline: none; + text-decoration: none; } .sbToggle{ - background: url(../img/select-icons.png) 0 -116px no-repeat; - display: block; - height: 30px; - outline: none; - position: absolute; - right: 0; - top: 0; - width: 30px; + background: url(../img/select-icons.png) 0 -116px no-repeat; + display: block; + height: 30px; + outline: none; + position: absolute; + right: 0; + top: 0; + width: 30px; } .sbToggle:hover{ - background: url(../images/select-icons.png) 0 -167px no-repeat; + background: url(../images/select-icons.png) 0 -167px no-repeat; } .sbToggleOpen{ - background: url(../images/select-icons.png) 0 -16px no-repeat; + background: url(../images/select-icons.png) 0 -16px no-repeat; } .sbToggleOpen:hover{ - background: url(../images/select-icons.png) 0 -66px no-repeat; + background: url(../images/select-icons.png) 0 -66px no-repeat; } .sbHolderDisabled{ - background-color: #3C3C3C; - border: solid 1px #515151; + background-color: #3C3C3C; + border: solid 1px #515151; } .sbHolderDisabled .sbHolder{ @@ -284,102 +284,102 @@ div.selectbox-wrapper { // Ausklappliste .sbOptions{ -// background-color: #212121; - .background-color-0-gray; - border: solid 1px #515151; - list-style: none; - left: -1px; - margin: 0; - padding: 0; - position: absolute; - top: 30px; - width: 200px; - z-index: 1; - overflow-y: auto; + // background-color: #212121; + .background-color-0-gray; + border: solid 1px #515151; + list-style: none; + left: -1px; + margin: 0; + padding: 0; + position: absolute; + top: 30px; + width: 200px; + z-index: 1; + overflow-y: auto; - li{ - padding: 0 7px; - } + li{ + padding: 0 7px; + } - a{ - border-bottom: dotted 1px #515151; - display: block; - outline: none; - padding: 7px 0 7px 3px; - } + a{ + border-bottom: dotted 1px #515151; + display: block; + outline: none; + padding: 7px 0 7px 3px; + } - a:link, - a:visited{ - .color-100-gray; - text-decoration: none; - } - a:hover, - a:focus, - a.sbFocus{ - color: #EBB52D; - } - li.last a{ - border-bottom: none; - } + a:link, + a:visited{ + .color-100-gray; + text-decoration: none; + } + a:hover, + a:focus, + a.sbFocus{ + color: #EBB52D; + } + li.last a{ + border-bottom: none; + } - .sbDisabled{ - border-bottom: dotted 1px #515151; - color: #999; - display: block; - padding: 7px 0 7px 3px; - } - .sbGroup{ - border-bottom: dotted 1px #515151; - color: #EBB52D; - display: block; - font-weight: bold; - padding: 7px 0 7px 3px; - } - .sbSub{ - padding-left: 17px; - } + .sbDisabled{ + border-bottom: dotted 1px #515151; + color: #999; + display: block; + padding: 7px 0 7px 3px; + } + .sbGroup{ + border-bottom: dotted 1px #515151; + color: #EBB52D; + display: block; + font-weight: bold; + padding: 7px 0 7px 3px; + } + .sbSub{ + padding-left: 17px; + } } // Tabellen .th { - background-color: #e0e0e0; + background-color: #e0e0e0; } // Links a:link, a:visited, select, input, textarea { - color : @link-color; + color : @link-color; } select,input,button { - .color-100-gray; - font-size:99%; - padding: 0.2em 0; - border-width: 1px; - border-style: solid; - .border-color-15-gray; + .color-100-gray; + font-size:99%; + padding: 0.2em 0; + border-width: 1px; + border-style: solid; + border-color: @gray-20; } select { - font-size:100%; + font-size:100%; } a:link,a:visited { - cursor:pointer; - color: @link-color; - text-decoration: none; + cursor:pointer; + color: @link-color; + text-decoration: none; } a:hover,a:active { - cursor:pointer; - color:@link-color-active; - text-decoration: underline; + cursor:pointer; + color:@link-color-active; + text-decoration: underline; } .divLoginboxHeader, @@ -389,50 +389,50 @@ a.appTitles, a.textSidebox, .textSidebox,#fmStatusBar { - font-size:90%; + font-size:90%; } .prefSection { - font-weight:bold; - font-size:145%; - line-height:40px; + font-weight:bold; + font-size:145%; + line-height:40px; } #divAppboxHeader { - line-height:28px; - font-size:125%; - font-weight:bold; - color:#666666; + line-height:28px; + font-size:125%; + font-weight:bold; + color:#666666; } #divGenTime,#divPoweredBy { - font-size: 80%; - color: #ff0000; + font-size: 80%; + color: #ff0000; } #divPoweredBy { - color: #000000; + color: #000000; } #sideboxdragarea { - z-index:100; - position:absolute; - left:0px; - top:105px; + z-index:100; + position:absolute; + left:0px; + top:105px; } #menu2handle { - padding-top: 10px; + padding-top: 10px; } #menu1close { - position: absolute; - right: 7px; - top: 7px; + position: absolute; + right: 7px; + top: 7px; } @@ -441,66 +441,66 @@ a.textSidebox, // Lettersearch .lettersearch { - .Complete_Button_lettersearch; + .Complete_Button_lettersearch; } .lettersearch:hover { - .background-color-30-gray; - .color-0-gray; - } + .background-color-30-gray; + .color-0-gray; +} .lettersearch_active{ - .Complete_Button_lettersearch; - .background-color-30-gray; -// background-color: #808080 !important; - font-weight: bold; - } + .Complete_Button_lettersearch; + .background-color-30-gray; + // background-color: #808080 !important; + font-weight: bold; +} td.lettersearch { -// border-color: #E0E0E0; - background-image: none; + // border-color: #E0E0E0; + background-image: none; } /*.nextmatch_header table { - border: none !important; - width: 99% !important; + border: none !important; + width: 99% !important; }*/ .egw_fw_ui_sidemenu_marker { - display: block; - height: 20px; - padding: 2px 5px 2px 34px; - margin: 0; - border-width: 0px 1px 0px 1px; - border-style: solid; - border-color: #c6ced6; - cursor: pointer; - color: gray; - background-color: RGB(250, 250, 250); - -moz-border-radius:5px; - -webkit-border-radius:5px; - border-radius:5px; + display: block; + height: 20px; + padding: 2px 5px 2px 34px; + margin: 0; + border-width: 0px 1px 0px 1px; + border-style: solid; + border-color: #c6ced6; + cursor: pointer; + color: gray; + background-color: RGB(250, 250, 250); + -moz-border-radius:5px; + -webkit-border-radius:5px; + border-radius:5px; - h1{ - display: inline; - font-size: 10pt; - font-weight: bold; - } + h1{ + display: inline; + font-size: 10pt; + font-weight: bold; + } } .egw_fw_ui_ajaxloader { - display: inline-block; - width: 16px; - height: 16px; - background-image:url(../images/ajax-loader.gif); - background-repeat: no-repeat; - background-position: center; - float: right; + display: inline-block; + width: 16px; + height: 16px; + background-image:url(../images/ajax-loader.gif); + background-repeat: no-repeat; + background-position: center; + float: right; } @@ -514,95 +514,95 @@ td.lettersearch { form { - margin:0px; - padding:0px; + margin:0px; + padding:0px; } img { - border:0; + border:0; } input,button,select { - border: solid 1px #bbbbbb; - padding: 0.2em; - font-size: 1.1em; + border: solid 1px #bbbbbb; + padding: 0.2em; + font-size: 1.1em; } input[type=submit],input[type=button],input[type=reset],button,.egwbutton { - .background-color-10-gray; - background-image: none; - border: outset 1px #b9d5e3; - margin: 1px; - padding: 1px; - cursor: pointer; - color: #004e7d; + .background-color-10-gray; + background-image: none; + border: outset 1px #b9d5e3; + margin: 1px; + padding: 1px; + cursor: pointer; + color: #004e7d; } input[type=submit]:hover,input[type=button]:hover,input[type=reset]:hover,button:hover,.egwbutton:hover { - .background-color-15-gray; - background-image: none; - border: outset 1px #b9d5e3; - color: #004e7d; + .background-color-15-gray; + background-image: none; + border: outset 1px #b9d5e3; + color: #004e7d; } input[type=submit]:active,input[type=button]:active,input[type=reset]:active,button:active,.egwbutton:active { - border: inset 1px #bbbbbb; + border: inset 1px #bbbbbb; } input[type=submit]:disabled,input[type=button]:disabled,input[type=reset]:disabled,button:disabled,.egwbutton:disabled { - background-color: transparent; - color: gray; + background-color: transparent; + color: gray; } input.egwbutton { - background-color:#b9d5e3; - border: outset 1px #b9d5e3; - margin: 1px; - padding: 1px; - cursor: pointer; - color: #004e7d; + background-color:#b9d5e3; + border: outset 1px #b9d5e3; + margin: 1px; + padding: 1px; + cursor: pointer; + color: #004e7d; } input.egwbutton:hover { - background-color:#94bfd4; - border: outset 1px #b9d5e3; - color: #004e7d; + background-color:#94bfd4; + border: outset 1px #b9d5e3; + color: #004e7d; } input.egwbutton:active { - border: inset 1px #bbbbbb; + border: inset 1px #bbbbbb; } input[type=image] { - cursor: pointer; - border: 0; + cursor: pointer; + border: 0; } #thesideboxcolumn { - width: 177px; - position:relative; + width: 177px; + position:relative; } #sideresize { - background-image:url(../images/resize.png); - width:13px; - height:13px; - right:1px; - top:1px; - position:absolute; - z-index:9999; + background-image:url(../images/resize.png); + width:13px; + height:13px; + right:1px; + top:1px; + position:absolute; + z-index:9999; } @@ -611,119 +611,119 @@ input[type=image] .divSidebox { - position:relative; - border: #9c9c9c 1px solid; - overflow:auto; + position:relative; + border: #9c9c9c 1px solid; + overflow:auto; } .divSideboxHeader { - text-align:center; - .background-color-15-gray; - padding-top:2px; - .color-50-gray; + text-align:center; + .background-color-15-gray; + padding-top:2px; + .color-50-gray; } a.divSideboxEntry, .divSideboxEntry { - text-align:left; - background-color:#FDFDFD; + text-align:left; + background-color:#FDFDFD; } a.appTitles,.appTitles { - height:18px; - padding-top:2px; - padding-bottom:2px; + height:18px; + padding-top:2px; + padding-bottom:2px; } a.textSidebox { - padding: 0; - border-top: 0; + padding: 0; + border-top: 0; } .textSidebox { - padding-top:3px; - padding-bottom:3px; - padding-left: 1px; - border-top: solid #aaaaaa 1px; - overflow: auto; + padding-top:3px; + padding-bottom:3px; + padding-left: 1px; + border-top: solid #aaaaaa 1px; + overflow: auto; } .sideboxSpace { - height:9px; + height:9px; } .greyLine { - margin:1px; - border-top:solid 1px #7e7e7e; - height:1px; + margin:1px; + border-top:solid 1px #7e7e7e; + height:1px; } #extraIcons { - background-color:#eeeeee; - border:solid 1px #7e7e7e; + background-color:#eeeeee; + border:solid 1px #7e7e7e; } .extraIconsRow { - border:solid 1px #dddddd; - padding:2px; + border:solid 1px #dddddd; + padding:2px; } #topmenu { - background-color: #0081c1; - background-image: url(../images/bgtopmenu2.png); - color:#006699; - /*border-top: solid 1px #7e7e7e;*/ - border-bottom: solid #5793ff 1px; - height:20px; - padding-top:4px ; - line-height:16px; + background-color: #0081c1; + background-image: url(../images/bgtopmenu2.png); + color:#006699; + /*border-top: solid 1px #7e7e7e;*/ + border-bottom: solid #5793ff 1px; + height:20px; + padding-top:4px ; + line-height:16px; } #topmenu a { - color:#006699; + color:#006699; } #topmenu_items { - float:left; + float:left; } #topmenu_info { - float:right; + float:right; } #divUpperTabs { - text-align:right; - height: 15px; - margin-right: 10px; + text-align:right; + height: 15px; + margin-right: 10px; } #divUpperTabs ul { - display:inline; - margin:0; - padding:10px 10px 0 1px; - list-style:none; + display:inline; + margin:0; + padding:10px 10px 0 1px; + list-style:none; } #divUpperTabs li { - float:right; - margin:0 5px 0 0; - padding:0 5px 0 5px; - border:solid 1px #9c9c9c; - border-bottom: 0px; + float:right; + margin:0 5px 0 0; + padding:0 5px 0 5px; + border:solid 1px #9c9c9c; + border-bottom: 0px; } //#divAppIconBar @@ -739,71 +739,69 @@ a.textSidebox /* Star-Plus-HTML Hack fix for the above */ *:first-child+html #divAppIconBar { - height: 60px; + height: 60px; } #divAppTextBar { - background-color:white; + background-color:white; } #divStatusBar { - background-color:white; - height:18px; - padding-left:3px; + background-color:white; + height:18px; + padding-left:3px; } #tdSidebox { - width:170px; - background-color:white; - overflow:visible; + width:170px; + background-color:white; + overflow:visible; } #tdAppbox { - background-color:white; - padding-left:5px; - width: 100%; + background-color:white; + padding-left:5px; + width: 100%; } #divAppboxHeader { - background-image:url(../images/appbox-header-background.png); - background-repeat: repeat-x; - height: 25px; - border-bottom:solid 1px #c0c0c0; - text-align:center; - padding-bottom:0px; - border-top:solid 1px #9c9c9c; - border-left:solid 1px #9c9c9c; - border-right:solid 1px #9c9c9c; + background-image:url(../images/appbox-header-background.png); + background-repeat: repeat-x; + height: 25px; + border-bottom:solid 1px #c0c0c0; + text-align:center; + padding-bottom:0px; + border-top:solid 1px #9c9c9c; + border-left:solid 1px #9c9c9c; + border-right:solid 1px #9c9c9c; } #divAppbox { - background-color:#ffffff; - padding:5px; - border-bottom:solid 1px #9c9c9c; - border-left:solid 1px #9c9c9c; - border-right:solid 1px #9c9c9c; + background-color:#ffffff; + padding:5px; + border-bottom:solid 1px #9c9c9c; + border-left:solid 1px #9c9c9c; + border-right:solid 1px #9c9c9c; } #divGenTime,#divPoweredBy { - bottom:4px; - text-align:center; - width:99%; + bottom:4px; + text-align:center; + width:99%; } // Button global for all and everything: + button{ .Complete_Button_normal; - .Complete_Button_text_icon_before; -/* background-repeat: no-repeat; - background-position: 6px center; - background-size: 20px auto;*/ + &:hover{.background-color-30-gray;} } @@ -813,19 +811,34 @@ button{ input[type="submit"][id*="delete"], input[type="button"][id*="delete"], button[id*="delete"] { - - background-image:url('../images/delete.png'); - margin-left: 3em; - .Complete_Button_text_icon_before; + + background-image:url('../images/delete.png'); + margin-left: 3em; + .Complete_Button_text_icon_before; } + +// Hover + input[type="submit"][id*="delete"]:hover, input[type="button"][id*="delete"]:hover, button[id*="delete"]:hover { - - background-image:url('../images/delete.png'); - background-color: red !important; - .Complete_Button_text_icon_before; + + background-image:url('../images/delete-hover.png') !important; + background-color: red !important; + .Complete_Button_text_icon_before; + color: @gray-0; } -// hier ist das ENDE_ELEMENTS \ No newline at end of file + + /*Button mit Bildern*/ +button.et2_button_with_image{ + .Complete_Button_text_icon_before; + background-repeat: no-repeat !important; + background-position: 6px center; + background-size: 20px auto; + +} + + +// \ No newline at end of file diff --git a/pixelegg/less/layout_dialog.less b/pixelegg/less/layout_dialog.less index cd4771b436e5d4400773ec3adac1772faf309620..58e764484f0b4e40248ce1bdd6bdd5a7d0657ef6 100755 GIT binary patch literal 2857 zcmeHJ-*4MC5bo>rSKQ(h=-f$iQfv?MP#9f{Y(Ux?UHdFh(pe%xkpxBC35@;kJN{4_ zr_kCCXwZidFbv*(Jbw4xkyJjPCoqRs7e;OMo*69QFMA`nMOgD|6xg<4vDboGB%s4K zoC(!JoUH}20ijXw=Iwi^J0@F%dKl6T7dQ~uU~R?C&%otiku@WPoFj%wvZ`Lw0Yv9PBPtTxL998 z3Kwrazy(S)Ou%|u5dbbjJRh5FZKn+Bfg2{_9dg+*)4*?(2N^OG4J#dm${Kv`7iv~t zF_K|)c;gPuz?Fp4KbuoBIys;B>P2}Pe=(%`^bS!!l28d=s#C{u1IPC0a}QTuV%$pAgEqU^@K65==e@{!Eo z%f~FDL(8Qd^$(iK<%Is4@t>GXZhqt#c^?@kCl7$`8JF-BEUSh|8szxKOuo80vF>!L z4YSHja({rz$20kF>N($cq~OfmG46D}cExY_&dq09>8*B_mwX3@gebcoB!4?B^@qSL zs_uFw-ErK*Vb2@e6>zp#JYG6rKK~;e#WgdQ!j4PA0rgR#qD#=-*Ro0d9aF#x+kL!m z&P%oo8)x2`F4ESpn`PkQ2-yY>nl%lVZ2`aNYueZI^gd4$?RnW6PPj@Lx))NbbOBOH zjM&T}1glWM;dq-6%Y}-=#~vs2@8k%=jUvL^+a{dnkld#Hu{S5vcA2Hm79qL2T+j72 z3`$T6D~~xl##D-)fxdtVnCE;X69Fl8PyI!BLLi6tN{NaYm&aJ9jZ$>?lV09)2!;4e zy>OX)y5WKnxL2ESPT&9?^0u=DJPWLxxF0K+=YUz8!4(i{I(Q5awPZr)T#ew|)9+&;#6mtfdQ~)xa&i{RJ4L4=KJQF`eBF-?XG-u*4?! NXDom8|M-3s_y?U&ULybi delta 60 zcmZ1}_MK;g3)AF>tU8nV*esYziYB|UJ(zrrJ#6v>HZdkcgUQYu`jc04Eao*Ws89f5 N3m`Vw+{w9s5deL36dwQp diff --git a/pixelegg/less/layout_messages.less b/pixelegg/less/layout_messages.less index f145d6f9e5..5e0e0d9714 100755 --- a/pixelegg/less/layout_messages.less +++ b/pixelegg/less/layout_messages.less @@ -19,7 +19,7 @@ border-width: 9px 0px 0px 9px; border-style: solid; - .border-color-25-gray; + border-color: @gray-30; .background-color-25-gray; @@ -29,7 +29,7 @@ // display: none !important; border-width: 0px 0px 0px 0px; border-style: solid; - border-color: #D5DDE6; + border-color: @gray-10; .border_radius_button_righttop; padding: 14px 2px 4px 15px; font-size: 1em; diff --git a/pixelegg/less/layout_nextmatch.css b/pixelegg/less/layout_nextmatch.css index a4d572a0b5..e5b289bc25 100644 --- a/pixelegg/less/layout_nextmatch.css +++ b/pixelegg/less/layout_nextmatch.css @@ -11,682 +11,3 @@ * @package pixelegg * @version $Id$ */ -/** - * EGroupware: CSS with less preprocessor - * - * Definitions for buttons - * - * Please do NOT change css-files directly, instead change less-files and compile them! - * - * @link http://www.egroupware.org - * @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License - * @author Stefan Reinhardt - * @package phpgwapi - * @version $Id$ - */ -.Complete_Button_normal { - border: 1px solid rgba(0, 0, 0, 0.15); - -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); - -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); - box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); - color: #000000; -} -.Complete_Button_hover { - -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); - -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); - box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); - background-color: inherit !important; -} -.Complete_Button_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); -} -.Complete_Button_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); -} -.Complete_Button_add { - background-color: #0b5fa4 !important; - color: #FFF; - text-shadow: none; - height: 35px; - background-image: none !important; - -webkit-border-radius: 3px; - -webkit-border-top-left-radius: 20px; - -moz-border-radius: 3px; - -moz-border-radius-topleft: 20px; - border-radius: 3px; - border-top-left-radius: 20px; -} -.Complete_Button_add:before { - content: "+"; - font-size: 2em; - color: #ffc200; -} -.Complete_Button_add_hover { - background-color: #66a1d2 !important; - color: #ffc200; - -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); - -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); - box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); - -webkit-border-radius: 3px; - -webkit-border-top-left-radius: 20px; - -moz-border-radius: 3px; - -moz-border-radius-topleft: 20px; - border-radius: 3px; - border-top-left-radius: 20px; -} -.Complete_Button_hinweis { - width: 32px; - height: 32px; - border: 1px solid rgba(0, 0, 0, 0.15); - padding: 0 0.2em; - border-left: 3px solid; - border-left-color: #e4e7ea; -} -.Complete_Button_select { - -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); - -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); - box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); - width: auto; - margin: 0.5em 0em 0.5em 0.5em; - padding: 3px; - outline: none; - display: inline-block; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - cursor: pointer; -} -.Complete_Button_select_hover { - -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); - -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); - box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); -} -.Complete_Button_select_focus { - outline: 0; - border-width: 1px; - border-style: solid; - border-color: #bfbfbf; - -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); - -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); -} -.Complete_Button_input { - border: 1px solid rgba(0, 0, 0, 0.15); - border-color: #bfbfbf; - -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); - -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); - box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); - width: auto; - margin: 0.5em 0em 0.5em 0; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; -} -.Complete_Button_input_hover { - -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); - -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); - box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); -} -.Complete_Button_input_focus { - outline: 0; - border-width: 1px; - border-style: solid; - border-color: #bfbfbf; - -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); - -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); -} -.Complete_Button_search_action { - border: 1px solid rgba(0, 0, 0, 0.15); - border-color: #bfbfbf; - -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); - -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); - box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); - width: 3em; - -webkit-border-radius: 3px; - -webkit-border-top-left-radius: 20px; - -moz-border-radius: 3px; - -moz-border-radius-topleft: 20px; - border-radius: 3px; - border-top-left-radius: 20px; - background-color: #ffd44d; - color: #FFFFFF; - text-decoration: none; - cursor: pointer; - padding: 3px; - margin-left: 5px; -} -.Complete_Button_search_action_hover { - -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); - -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); - box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); - background-color: #ffd40f !important; - -webkit-border-radius: 3px; - -webkit-border-top-left-radius: 20px; - -moz-border-radius: 3px; - -moz-border-radius-topleft: 20px; - border-radius: 3px; - border-top-left-radius: 20px; -} -.Complete_Button_search_action_active { - -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); - -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); - box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); - background-color: #ffd44d; - -webkit-border-radius: 3px; - -webkit-border-top-left-radius: 20px; - -moz-border-radius: 3px; - -moz-border-radius-topleft: 20px; - border-radius: 3px; - border-top-left-radius: 20px; -} -.Complete_Button_search_action_reset { - border: 1px solid rgba(0, 0, 0, 0.15); - border-color: #bfbfbf; - -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); - -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); - box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); - width: 3em; - -webkit-border-radius: 3px; - -webkit-border-top-left-radius: 20px; - -moz-border-radius: 3px; - -moz-border-radius-topleft: 20px; - border-radius: 3px; - border-top-left-radius: 20px; - background-color: #ffd44d; - color: #FFFFFF; - text-decoration: none; - cursor: pointer; - padding: 3px; - margin-left: 5px; - background: -webkit-gradient(linear, 0 0, 0 bottom, #d8d8d8, #a3a3a3), -moz-linear-gradient(#d8d8d8, #a3a3a3), -o-linear-gradient(#d8d8d8, #a3a3a3), linear-gradient(#d8d8d8, #a3a3a3); - -pie-background: linear-gradient(#d8d8d8, #a3a3a3); - behavior: url(/PIE.htc); -} -.Complete_Button_lettersearch { - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); - -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); - box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); - border: 1px solid rgba(0, 0, 0, 0.15); - text-align: center; - cursor: pointer; -} -.Complete_Button_text { - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - background-color: #f0f0f0; - border-color: #808080; - cursor: pointer; -} -.Complete_Button_text_hover { - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - border: 1px solid rgba(0, 0, 0, 0.5); - text-align: center; - cursor: pointer; - background-color: #b3b3b3 !important; -} -.Complete_Button_text_active { - color: #000000; -} -.Complete_Button_text_icon_before { - border: 1px solid rgba(0, 0, 0, 0.15); - -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); - -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); - box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); - color: #000000; - padding-left: 30px !important; - background-position: 6px center !important; - background-repeat: no-repeat !important; - background-size: 20px auto !important; - width: auto; - height: 32px; -} -.Complete_Button_text_icon_before_hover { - border: 1px solid rgba(0, 0, 0, 0.15); - -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); - -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); - box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); - color: #000000; - padding-left: 30px !important; - background-position: 6px center !important; - background-repeat: no-repeat !important; - background-size: 20px auto !important; - width: auto; - height: 32px; - -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); - -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); - box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); -} -.Complete_Button_text_icon_before_active { - border: 1px solid rgba(0, 0, 0, 0.15); - -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); - -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); - box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); - color: #000000; - padding-left: 30px !important; - background-position: 6px center !important; - background-repeat: no-repeat !important; - background-size: 20px auto !important; - width: auto; - height: 32px; - -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); - -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); - box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); -} -.Complete_Button_Icon_normal { - background-color: #f0f0f0; - -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); - -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); - box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); - border: 1px solid rgba(0, 0, 0, 0.15); - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; -} -.Complete_Button_Icon_hover { - background-color: #b3b3b3 !important; - -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); - -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); - box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); - border: 1px solid rgba(0, 0, 0, 0.5); - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; -} -.Complete_Button_Icon_active { - background-color: #808080; - -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); - -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); - box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); - border: 1px solid rgba(0, 0, 0, 0.9); - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; -} -.Complete_Button_Module_Menu_Links { - background-color: #f0f0f0; -} -.Complete_Button_Module_Menu_Links_Hover { - background-color: #b3b3b3 !important; - color: #f2f2f2; -} -.Complete_Button_Module_Menu_Links_active { - background-color: #f0f0f0; -} -.Complete_Button_Module_Menu_Links_Sub_Hover { - margin-left: 2px; - padding-top: 0px; - padding-bottom: 5px; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #d9d9d9; -} -.Complete_Button_Module_Menu_Links_Sub { - margin-left: 3px; - padding-top: 0px; - padding-bottom: 5px; - border: 1px solid rgba(0, 0, 0, 0.15); - border-top-width: 0px; - background-color: #f0f0f0; - margin-top: -7px; - padding-left: 14px; - width: 93%; -} -/** -* Nextmatch widget -*/ -.et2_nextmatch .nextmatch_header > .filters { - border: none !important; - background-image: none !important; - background-color: #f0f0f0; -} -.et2_nextmatch { - background-color: #f0f0f0; - /* Favorites */ -} -.et2_nextmatch div > .header { - margin-top: -20px; - border: none; -} -.et2_nextmatch input, -.et2_nextmatch select { - height: auto; - width: auto; -} -.et2_nextmatch .nextmatch_header { - border: none !important; - background-image: none !important; - background-color: #f0f0f0; - background-size: 80% 10; - margin-bottom: 3px; -} -.et2_nextmatch .nextmatch_header img { - height: 16px; - width: 16px; -} -.et2_nextmatch .nextmatch_header div.et2_hbox_right { - background: transparent; -} -.et2_nextmatch .nextmatch_header div.et2_hbox_right table.et2_grid { - background: transparent; -} -.et2_nextmatch .nextmatch_header .et2_button_icon { - vertical-align: middle; - background-color: #f0f0f0; - -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); - -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); - box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); - border: 1px solid rgba(0, 0, 0, 0.15); - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - margin-top: 0px; - margin-right: 1em; - height: 16px; - width: 16px; - padding: 2px; -} -.et2_nextmatch .nextmatch_header .et2_button_icon:hover { - background-color: #b3b3b3 !important; - -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); - -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); - box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); - border: 1px solid rgba(0, 0, 0, 0.5); - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; -} -.et2_nextmatch .nextmatch_header .header_count { - position: relative; - top: 7px; - width: 50px; - font-size: 0.8em; -} -.et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper, -.et2_nextmatch .nextmatch_header div#addressbook-index_favorite_wrapper, -.et2_nextmatch .nextmatch_header div#timesheet-index_favorite_wrapper, -.et2_nextmatch .nextmatch_header div#projectmanager-list_favorite_wrapper { - -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); - -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); - box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - background-color: #bfbfbf; - position: relative; - top: 5px; - /** - * Drop down button - */ -} -.et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper .et2_dropdown, -.et2_nextmatch .nextmatch_header div#addressbook-index_favorite_wrapper .et2_dropdown, -.et2_nextmatch .nextmatch_header div#timesheet-index_favorite_wrapper .et2_dropdown, -.et2_nextmatch .nextmatch_header div#projectmanager-list_favorite_wrapper .et2_dropdown { - /*linke Seite Bild*/ - /*right Button*/ -} -.et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper .et2_dropdown button#ui-corner-left, -.et2_nextmatch .nextmatch_header div#addressbook-index_favorite_wrapper .et2_dropdown button#ui-corner-left, -.et2_nextmatch .nextmatch_header div#timesheet-index_favorite_wrapper .et2_dropdown button#ui-corner-left, -.et2_nextmatch .nextmatch_header div#projectmanager-list_favorite_wrapper .et2_dropdown button#ui-corner-left, -.et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper .et2_dropdown .ui-state-default, -.et2_nextmatch .nextmatch_header div#addressbook-index_favorite_wrapper .et2_dropdown .ui-state-default, -.et2_nextmatch .nextmatch_header div#timesheet-index_favorite_wrapper .et2_dropdown .ui-state-default, -.et2_nextmatch .nextmatch_header div#projectmanager-list_favorite_wrapper .et2_dropdown .ui-state-default { - background-image: none; - width: auto; -} -.et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper .et2_dropdown button#ui-corner-left img, -.et2_nextmatch .nextmatch_header div#addressbook-index_favorite_wrapper .et2_dropdown button#ui-corner-left img, -.et2_nextmatch .nextmatch_header div#timesheet-index_favorite_wrapper .et2_dropdown button#ui-corner-left img, -.et2_nextmatch .nextmatch_header div#projectmanager-list_favorite_wrapper .et2_dropdown button#ui-corner-left img, -.et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper .et2_dropdown .ui-state-default img, -.et2_nextmatch .nextmatch_header div#addressbook-index_favorite_wrapper .et2_dropdown .ui-state-default img, -.et2_nextmatch .nextmatch_header div#timesheet-index_favorite_wrapper .et2_dropdown .ui-state-default img, -.et2_nextmatch .nextmatch_header div#projectmanager-list_favorite_wrapper .et2_dropdown .ui-state-default img { - height: 16px; - width: 16px; - text-align: left; - position: relative; - right: 20px; -} -.et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper .et2_dropdown button, -.et2_nextmatch .nextmatch_header div#addressbook-index_favorite_wrapper .et2_dropdown button, -.et2_nextmatch .nextmatch_header div#timesheet-index_favorite_wrapper .et2_dropdown button, -.et2_nextmatch .nextmatch_header div#projectmanager-list_favorite_wrapper .et2_dropdown button { - height: 3.0ex; - display: inline-block; - vertical-align: middle; - margin-right: -2px; - padding: 0px 1ex; - background-color: #ffffff; - background-image: none; -} -.et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper .et2_dropdown button > div, -.et2_nextmatch .nextmatch_header div#addressbook-index_favorite_wrapper .et2_dropdown button > div, -.et2_nextmatch .nextmatch_header div#timesheet-index_favorite_wrapper .et2_dropdown button > div, -.et2_nextmatch .nextmatch_header div#projectmanager-list_favorite_wrapper .et2_dropdown button > div { - vertical-align: middle; -} -.et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper .et2_dropdown button:last-child, -.et2_nextmatch .nextmatch_header div#addressbook-index_favorite_wrapper .et2_dropdown button:last-child, -.et2_nextmatch .nextmatch_header div#timesheet-index_favorite_wrapper .et2_dropdown button:last-child, -.et2_nextmatch .nextmatch_header div#projectmanager-list_favorite_wrapper .et2_dropdown button:last-child { - padding: 0px; -} -.et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper .et2_dropdown + ul.ui-menu, -.et2_nextmatch .nextmatch_header div#addressbook-index_favorite_wrapper .et2_dropdown + ul.ui-menu, -.et2_nextmatch .nextmatch_header div#timesheet-index_favorite_wrapper .et2_dropdown + ul.ui-menu, -.et2_nextmatch .nextmatch_header div#projectmanager-list_favorite_wrapper .et2_dropdown + ul.ui-menu { - position: absolute; - z-index: 2; -} -.et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper .et2_dropdown button.ui-corner-right, -.et2_nextmatch .nextmatch_header div#addressbook-index_favorite_wrapper .et2_dropdown button.ui-corner-right, -.et2_nextmatch .nextmatch_header div#timesheet-index_favorite_wrapper .et2_dropdown button.ui-corner-right, -.et2_nextmatch .nextmatch_header div#projectmanager-list_favorite_wrapper .et2_dropdown button.ui-corner-right { - background-image: url("../images/fav_filter_normal.png"); -} -.et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper .et2_dropdown button.ui-state-hover, -.et2_nextmatch .nextmatch_header div#addressbook-index_favorite_wrapper .et2_dropdown button.ui-state-hover, -.et2_nextmatch .nextmatch_header div#timesheet-index_favorite_wrapper .et2_dropdown button.ui-state-hover, -.et2_nextmatch .nextmatch_header div#projectmanager-list_favorite_wrapper .et2_dropdown button.ui-state-hover { - /*background-image: none;*/ - background-color: rgba(255, 255, 255, 0.9) !important; - background-image: url("../images/fav_filter_normal.png") !important; -} -.et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper ul, -.et2_nextmatch .nextmatch_header div#addressbook-index_favorite_wrapper ul, -.et2_nextmatch .nextmatch_header div#timesheet-index_favorite_wrapper ul, -.et2_nextmatch .nextmatch_header div#projectmanager-list_favorite_wrapper ul { - border-color: #bfbfbf; - background-color: #ffffff; - color: #000000; -} -.et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper ul li, -.et2_nextmatch .nextmatch_header div#addressbook-index_favorite_wrapper ul li, -.et2_nextmatch .nextmatch_header div#timesheet-index_favorite_wrapper ul li, -.et2_nextmatch .nextmatch_header div#projectmanager-list_favorite_wrapper ul li { - background-color: #ffffff; -} -.et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper ul li:hover, -.et2_nextmatch .nextmatch_header div#addressbook-index_favorite_wrapper ul li:hover, -.et2_nextmatch .nextmatch_header div#timesheet-index_favorite_wrapper ul li:hover, -.et2_nextmatch .nextmatch_header div#projectmanager-list_favorite_wrapper ul li:hover { - background-color: #f0f0f0; -} -.et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper ul li a, -.et2_nextmatch .nextmatch_header div#addressbook-index_favorite_wrapper ul li a, -.et2_nextmatch .nextmatch_header div#timesheet-index_favorite_wrapper ul li a, -.et2_nextmatch .nextmatch_header div#projectmanager-list_favorite_wrapper ul li a { - height: 40px; - border: none; -} -.et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper ul li a img, -.et2_nextmatch .nextmatch_header div#addressbook-index_favorite_wrapper ul li a img, -.et2_nextmatch .nextmatch_header div#timesheet-index_favorite_wrapper ul li a img, -.et2_nextmatch .nextmatch_header div#projectmanager-list_favorite_wrapper ul li a img { - height: 16px; - width: 16px; -} -.et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper ul li a:hover, -.et2_nextmatch .nextmatch_header div#addressbook-index_favorite_wrapper ul li a:hover, -.et2_nextmatch .nextmatch_header div#timesheet-index_favorite_wrapper ul li a:hover, -.et2_nextmatch .nextmatch_header div#projectmanager-list_favorite_wrapper ul li a:hover { - background: none; - text-indent: -22px; - margin-left: 21px; - height: 40px; -} -.et2_nextmatch div#favorite_wrapper { - margin-top: 8px; - vertical-align: middle; -} -/*######################################################### -# -# Filterleiste -# -#########################################################*/ -.et2_nextmatch .nextmatch_header > .filters { - background-image: none !important; - border: medium none !important; - background: yellow !important; - padding: 0 0 1em 1em; - background-color: #d9d9d9 !important; - vertical-align: top; - border-width: 0 0 1px 0; - border-color: #d9d9d9; - width: 80%; - margin-bottom: 1em; -} -.filters { - padding: 0 0 1em 1em; - background-color: #f0f0f0; - border-width: 0 0 1px 0; - border-color: #d9d9d9; - background-image: none; - width: 80%; - margin-bottom: 1em; - /*Suchen Button*/ -} -.filters img.et2_button_icon { - float: right; - position: relative; - top: 0px; -} -.filters select, -.filters input, -.filters button { - height: 20px; -} -.filters select { - -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); - -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); - box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); - width: auto; - margin: 0.5em 0em 0.5em 0.5em; - padding: 3px; - outline: none; - display: inline-block; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - cursor: pointer; - margin-right: 2ex; - padding: 5px; - padding: 0px 0px 0px 3px; -} -.filters select:hover { - -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); - -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); - box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); -} -.filters select option { - font-size: 0.9em; -} -.filters select#cat_id { - margin-left: 1em; -} -.filters input { - border: 1px solid rgba(0, 0, 0, 0.15); - border-color: #bfbfbf; - -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); - -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); - box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); - width: auto; - margin: 0.5em 0em 0.5em 0; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; -} -.filters input:hover { - -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); - -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); - box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); -} -.filters button { - border: 1px solid rgba(0, 0, 0, 0.15); - border-color: #bfbfbf; - -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); - -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); - box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); - width: 3em; - -webkit-border-radius: 3px; - -webkit-border-top-left-radius: 20px; - -moz-border-radius: 3px; - -moz-border-radius-topleft: 20px; - border-radius: 3px; - border-top-left-radius: 20px; - background-color: #ffd44d; - color: #FFFFFF; - text-decoration: none; - cursor: pointer; - padding: 3px; - margin-left: 5px; - background-image: none; - width: auto; -} -.filters button:hover { - -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); - -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); - box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); - background-color: #ffd40f !important; - -webkit-border-radius: 3px; - -webkit-border-top-left-radius: 20px; - -moz-border-radius: 3px; - -moz-border-radius-topleft: 20px; - border-radius: 3px; - border-top-left-radius: 20px; - background-color: #ffd40f; -} -.filters button:active { - -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); - -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); - box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); - background-color: #ffd44d; - -webkit-border-radius: 3px; - -webkit-border-top-left-radius: 20px; - -moz-border-radius: 3px; - -moz-border-radius-topleft: 20px; - border-radius: 3px; - border-top-left-radius: 20px; -} -.filters button:focus { - outline: 0; - border-width: 1px; - border-style: solid; - border-color: #bfbfbf; - -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); - -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); -} diff --git a/pixelegg/less/layout_nextmatch.less b/pixelegg/less/layout_nextmatch.less index 122d5bc489..95df944c95 100644 --- a/pixelegg/less/layout_nextmatch.less +++ b/pixelegg/less/layout_nextmatch.less @@ -12,283 +12,4 @@ * @version $Id$ */ -@import "def_buttons.less"; -@import (reference) "def_design_pattern_color_font_shadow.less"; -/** -* Nextmatch widget -*/ -// Fläche einfärben - -.et2_nextmatch .nextmatch_header > .filters { - - border: none !important; - background-image: none !important; - .background-color-10-gray; -} - -.et2_nextmatch { - - .background-color-10-gray; - - - div > .header { - margin-top: -20px; - border: none; - } - - - // Listen Felder - input, select { - height: auto; - width:auto; - } - - - .nextmatch_header { - border: none !important; - background-image: none !important; - .background-color-10-gray; - background-size: 80% 10; - margin-bottom: 3px; - - img {height: 16px; width: 16px;} - - - - - // rechte Box - div.et2_hbox_right{ - - - background: transparent; - - table.et2_grid {background: transparent;} - } - - - // z.b. Dateimanager - .et2_button_icon { - vertical-align: middle; - .Complete_Button_Icon_normal; - margin-top: 0px; - margin-right: 1em; - height: 16px; - width: 16px; - padding: 2px; - } - .et2_button_icon:hover{.Complete_Button_Icon_hover ;} - - - - // Anzahl Treffer - .header_count { - position: relative; - top: 7px; - width: 50px; - font-size: 0.8em; - } - - // Favoriten - div#infolog-index_favorite_wrapper, - div#addressbook-index_favorite_wrapper, - div#timesheet-index_favorite_wrapper, - div#projectmanager-list_favorite_wrapper{ - .box_shadow_standard_light; - .border_radius_button_normal; - .background-color-25-gray; - - position: relative; - top: 5px; - - /** - * Drop down button - */ - .et2_dropdown{ - - /*linke Seite Bild*/ - - button#ui-corner-left, - .ui-state-default{ - background-image: none; - width: auto; - img { - height: 16px; - width: 16px; - text-align: left; - position: relative; - right: 20px; - } - } - - - - button { - height: 3.0ex; - display: inline-block; - vertical-align: middle; - margin-right: -2px; - padding: 0px 1ex; - .background-color-0-gray; - background-image: none; - - } - button > div { - vertical-align: middle; - } - button:last-child { - padding: 0px - } - + ul.ui-menu { - position: absolute; - z-index: 2; - } - - - /*right Button*/ - button.ui-corner-right { - background-image: url("../images/fav_filter_normal.png"); - } - - button.ui-state-hover { - /*background-image: none;*/ - background-color: rgba(255, 255, 255, 0.9 ) !important; - background-image: url("../images/fav_filter_normal.png") !important; - } - - - } // dropdown - - // Liste - ul{ - - .border-color-25-gray; - .background-color-0-gray; - .color-100-gray; - li{ - .background-color-0-gray; - - &:hover {.background-color-10-gray;} - a { - - height: 40px; - border: none; - - img {height: 16px; width: 16px;} - } - - a:hover { - background: none; - text-indent: -22px; - margin-left: 21px; - height: 40px; - - } - } - li#blank {} - li#add { } - - } - } // Favoriten - - - - } - /* Favorites */ - div#favorite_wrapper { - margin-top: 8px; - vertical-align: middle; - } - // Ende .et2_nextmatch -} - - -/*######################################################### -# -# Filterleiste -# -#########################################################*/ -.et2_nextmatch .nextmatch_header > .filters { - background-image: none !important; - border: medium none !important; - background: yellow !important; - padding: 0 0 1em 1em; - .background-color-15-gray !important; - vertical-align: top; - border-width: 0 0 1px 0; - .border-color-15-gray; - width: 80%; - margin-bottom: 1em; -} - - -.filters { - - .nm_filters_rectangle; - width: 80%; - margin-bottom: 1em; - - // Export Icon - img.et2_button_icon { - float: right; - position: relative; - top: 0px; - } - - - - select, - input, - button {height: 20px;} - - select { - .Complete_Button_select; - margin-right: 2ex; - padding: 5px; - - padding: 0px 0px 0px 3px; - &:hover{ - .Complete_Button_select_hover; - } - - option {font-size: 0.9em;} - - - } - - select#cat_id {margin-left: 1em;} - - - input { - .Complete_Button_input; - &:hover{ - .Complete_Button_input_hover; - } - - } - label { } - - - - - /*Suchen Button*/ - button { - .Complete_Button_search_action; - background-image: none; - width: auto; - - - &:hover{ - .Complete_Button_search_action_hover; - background-color: @yellow; - } - - &:active { - .Complete_Button_search_action_active; - } - - &:focus { - .Complete_Button_input_focus; - } - } -} // \ No newline at end of file diff --git a/pixelegg/less/layout_raster.css b/pixelegg/less/layout_raster.css index 7f34453a35..178b55b352 100644 --- a/pixelegg/less/layout_raster.css +++ b/pixelegg/less/layout_raster.css @@ -84,7 +84,7 @@ border: 1px solid rgba(0, 0, 0, 0.15); padding: 0 0.2em; border-left: 3px solid; - border-left-color: #e4e7ea; + border-left-color: #000000; } .Complete_Button_select { -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); @@ -109,14 +109,14 @@ outline: 0; border-width: 1px; border-style: solid; - border-color: #bfbfbf; + border-color: #b4b4b4; -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); -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); } .Complete_Button_input { border: 1px solid rgba(0, 0, 0, 0.15); - border-color: #bfbfbf; + border-color: #b4b4b4; -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); @@ -135,14 +135,14 @@ outline: 0; border-width: 1px; border-style: solid; - border-color: #bfbfbf; + border-color: #b4b4b4; -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); -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); } .Complete_Button_search_action { border: 1px solid rgba(0, 0, 0, 0.15); - border-color: #bfbfbf; + border-color: #b4b4b4; -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); @@ -186,7 +186,7 @@ } .Complete_Button_search_action_reset { border: 1px solid rgba(0, 0, 0, 0.15); - border-color: #bfbfbf; + border-color: #b4b4b4; -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); @@ -223,7 +223,7 @@ -moz-border-radius: 3px; border-radius: 3px; background-color: #f0f0f0; - border-color: #808080; + border-color: #828282; cursor: pointer; } .Complete_Button_text_hover { @@ -413,7 +413,7 @@ } #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li a:hover { color: #808080; - border-color: #808080; + border-color: #828282; } #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li:first-child { margin-left: 10px; @@ -611,8 +611,6 @@ color: #0c5da5; } /* ################################################################################################################ - ################################################################################################################ - ################################################################################################################ * Sidebar * ################################################################################################################*/ #egw_fw_sidebar { @@ -645,7 +643,7 @@ padding: 4px 5px 5px 15px; background-color: #fafafa; background-image: none; - border-color: #f0f0f0; + border-color: #e6e6e6; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; @@ -720,7 +718,7 @@ -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; - border-color: #bfbfbf; + border-color: #b4b4b4; border-style: solid; border-width: 0px; margin: 0 0 2em 0; @@ -744,14 +742,14 @@ -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; - border-color: #bfbfbf; + border-color: #b4b4b4; } #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category { margin: 10px 5px 0px 5px; padding: 0.5em 1em; cursor: pointer; - border-color: #bfbfbf; - background-color: #d9d9d9; + border-color: #b4b4b4; + background-color: #828282; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; @@ -811,7 +809,7 @@ } #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_bottom { border-width: 0px; - border-color: black; + border-color: #ffffff; } #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_icon { display: inline-block; @@ -871,7 +869,7 @@ } .egw_fw_ui_category_content:hover { background-color: #ffffff; - border-color: #808080; + border-color: #828282; } .egw_fw_ui_sidemenu_listitem { padding: 0.5em 0; @@ -921,7 +919,7 @@ -moz-border-radius: 3px; border-radius: 3px; background-color: #f0f0f0; - border-color: #808080; + border-color: #828282; cursor: pointer; width: 72% !important; } @@ -1160,7 +1158,7 @@ div#calendar-container div.calendar table tbody tr.rowhilite td { #egw_fw_main .egw_fw_ui_tab_content { border-width: 0px 9px 0px 9px; border-style: solid; - border-color: #bfbfbf; + border-color: #b4b4b4; } #egw_fw_main .egw_fw_ui_tab_content div:nth-child(1) iframe { height: 100%; diff --git a/pixelegg/less/layout_raster.less b/pixelegg/less/layout_raster.less index 7d943d9ed5..ec290cee60 100644 --- a/pixelegg/less/layout_raster.less +++ b/pixelegg/less/layout_raster.less @@ -95,7 +95,7 @@ a {.color-100-gray;} a:hover { .color-50-gray; - .border-color-50-gray; + border-color: @gray-50; } } @@ -310,8 +310,6 @@ /* ################################################################################################################ - ################################################################################################################ - ################################################################################################################ * Sidebar * ################################################################################################################*/ @@ -351,7 +349,7 @@ padding: 4px 5px 5px 15px; .background-color-5-gray; background-image: none; - .border-color-10-gray; + border-color: @gray-10; .rounded(5px); &:hover { .background-color-15-gray;} @@ -429,7 +427,7 @@ .border-radius (0, 0, 27px, 0); - .border-color-25-gray; + border-color: @gray-30; border-style: solid; border-width: 0px; @@ -443,7 +441,7 @@ .background-color-25-gray; .border-radius (0, 0, 27px, 0); - .border-color-25-gray; + border-color: @gray-30; } // Schaltflächen @@ -453,8 +451,8 @@ padding: 0.5em 1em; cursor: pointer; // border-top: 7px solid; - .border-color-25-gray; - .background-color-15-gray; + border-color: @gray-30; + background-color: @gray-50; .border-radius(3px,3px,3px,3px); @@ -509,7 +507,7 @@ } .egw_fw_ui_sidemenu_entry_header_bottom { border-width: 0px; - border-color: black; + border-color: @gray-0; } .egw_fw_ui_sidemenu_entry_icon { @@ -577,8 +575,6 @@ border-left: 0px solid; border-bottom: 0px solid; - // .border-color-25-gray; - margin-left: 4px; margin-top: 0px; padding-bottom: 5px; @@ -589,7 +585,7 @@ img { height: 16px; width: 16px} &:hover { .background-color-0-gray; - .border-color-50-gray; + border-color: @gray-50; } @@ -700,7 +696,7 @@ } a:nth-child(2):hover { - .background-color-warning; + background-color: @color-warning; .Complete_Button_Icon_hover ; .color-0-gray; // width: auto; @@ -971,7 +967,6 @@ div#calendar-container { border-top-left-radius:3px; .background-color-5-gray; - // .background-color-egw-lighter ; display: inline-block; margin: 3px 5px 0px 0px; padding: 2px 10px 2px 10px; @@ -979,9 +974,7 @@ div#calendar-container { border-width: 1px; border-style: solid; border-color: #c6ced6; - // border-color: @egw_color_1; - // background-image:url(../images/tabs_bg.png); background-repeat:repeat-x; height: 49px; @@ -994,7 +987,6 @@ div#calendar-container { .egw_fw_ui_tab_header_active { border-width: 1px 1px 0px 1px !important; padding: 2px 10px 3px 10px !important; - // background-color: white !important; .background-color-25-gray ; background-image:none !important; @@ -1008,7 +1000,7 @@ div#calendar-container { height: 20px; margin-right: 5px; margin-top: 10px; - // float: left; + } @@ -1048,7 +1040,6 @@ div#calendar-container { // Hover .egw_fw_ui_tab_header_hover{ - // background-image:url(../images/tabs_bg_hover.png); background-color: transparent; } @@ -1069,7 +1060,7 @@ div#calendar-container { border-width: 0px 9px 0px 9px; border-style: solid; - .border-color-25-gray; + border-color: @gray-30; // background-color: white; // width: 99.5%; @@ -1146,4 +1137,4 @@ div.et2_container { } } } -// \ No newline at end of file +// \ No newline at end of file diff --git a/pixelegg/less/layout_table.less b/pixelegg/less/layout_table.less index 1171c60995202c8173dd064ba44eb9c89c57fd3b..6e4983dd57a9f386c359333d51daf6165349c4d4 100755 GIT binary patch delta 180 zcmbQFaZ7!}3MLbMEzYF;qLkDk-IDwQD+S|%3WehQoXiw!E|_?7eolUom4ZWhQDUX8 zp@FrQ{^lD@!Hi;1Z79;l29q6FW=t035#DUcdKs6R&5G;`SvDW$)@ReeW{9bQHJ1V! K*vu)!$pio(f;U(I delta 213 zcmcbmK1pN43MK>2r2L|k)FR!I`~oWl;{2S<6l*R{1wE)ta(+&Jk*=YEZhBE- zrS;}JOu>xeXmX|yIj+g~+0-WIvJ^1s>rW2kl`_)P(@#lFODxSP(a+3HOiwM=Pfah6 zPfRY!%+J%$NKFJ<9G_p7T9lJmsaKGfu4&B$)F!<71IuMbcBmDT