diff --git a/phpgwapi/templates/default/images/egw_action/ajax-loader.gif b/phpgwapi/templates/default/images/egw_action/ajax-loader.gif new file mode 100644 index 0000000000..9ef515f1e3 Binary files /dev/null and b/phpgwapi/templates/default/images/egw_action/ajax-loader.gif differ diff --git a/phpgwapi/templates/default/images/egw_action/arrows.png b/phpgwapi/templates/default/images/egw_action/arrows.png new file mode 100644 index 0000000000..e8c4d9fdbd Binary files /dev/null and b/phpgwapi/templates/default/images/egw_action/arrows.png differ diff --git a/phpgwapi/templates/default/images/egw_action/arrows.svg b/phpgwapi/templates/default/images/egw_action/arrows.svg new file mode 100644 index 0000000000..e9f5e45595 --- /dev/null +++ b/phpgwapi/templates/default/images/egw_action/arrows.svg @@ -0,0 +1,74 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/phpgwapi/templates/default/images/egw_action/focused_hatching.png b/phpgwapi/templates/default/images/egw_action/focused_hatching.png new file mode 100644 index 0000000000..3c352a4a44 Binary files /dev/null and b/phpgwapi/templates/default/images/egw_action/focused_hatching.png differ diff --git a/phpgwapi/templates/default/images/egw_action/focused_hatching.svg b/phpgwapi/templates/default/images/egw_action/focused_hatching.svg new file mode 100644 index 0000000000..8193d91b33 --- /dev/null +++ b/phpgwapi/templates/default/images/egw_action/focused_hatching.svg @@ -0,0 +1,169 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/phpgwapi/templates/default/images/egw_action/header_overlay.png b/phpgwapi/templates/default/images/egw_action/header_overlay.png new file mode 100644 index 0000000000..9ce3828a50 Binary files /dev/null and b/phpgwapi/templates/default/images/egw_action/header_overlay.png differ diff --git a/phpgwapi/templates/default/images/egw_action/header_overlay.svg b/phpgwapi/templates/default/images/egw_action/header_overlay.svg new file mode 100644 index 0000000000..6891af3654 --- /dev/null +++ b/phpgwapi/templates/default/images/egw_action/header_overlay.svg @@ -0,0 +1,97 @@ + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/phpgwapi/templates/default/images/egw_action/non_loaded_bg.png b/phpgwapi/templates/default/images/egw_action/non_loaded_bg.png new file mode 100644 index 0000000000..bb87fe5a5f Binary files /dev/null and b/phpgwapi/templates/default/images/egw_action/non_loaded_bg.png differ diff --git a/phpgwapi/templates/default/images/egw_action/non_loaded_bg.svg b/phpgwapi/templates/default/images/egw_action/non_loaded_bg.svg new file mode 100644 index 0000000000..ac39a1cc78 --- /dev/null +++ b/phpgwapi/templates/default/images/egw_action/non_loaded_bg.svg @@ -0,0 +1,147 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + diff --git a/phpgwapi/templates/default/images/egw_action/selectcols.png b/phpgwapi/templates/default/images/egw_action/selectcols.png new file mode 100644 index 0000000000..57bd26f88e Binary files /dev/null and b/phpgwapi/templates/default/images/egw_action/selectcols.png differ diff --git a/phpgwapi/templates/idots/css/traditional.css b/phpgwapi/templates/idots/css/traditional.css index 0d25ff109a..933075de52 100755 --- a/phpgwapi/templates/idots/css/traditional.css +++ b/phpgwapi/templates/idots/css/traditional.css @@ -388,22 +388,6 @@ body { width:99%; } -/* - Table formatting -*/ -.th { - color: black; background-color: #D3DCE3; -} -.row_on { - color: black; - background-color: #F1F1F1; -} -.row_off { - color: black; - background-color: #ffffff; -} -.narrow_column { width: 1%; white-space: nowrap; } - /* Printing */ @@ -534,3 +518,240 @@ Preferences tabs /* new dialog style */ .prompt {background:#fff url(../../default/images/prompt_bg.jpg) bottom right no-repeat; border:1px solid #4f6d81;} .promptheader {background:url(../../default/images/prompt_header.gif) repeat-x; color:#355468; border:1px solid #4f6d81; border-bottom:none; height:24px} + + + +/* TABLE STYLE */ + +/* + Table formatting +*/ + + +.th { + color: black; background-color: #D3DCE3; +} + + +.row_on { + color: black; + background-color: #F1F1F1; +} + +.row_off { + color: black; + background-color: #ffffff; +} + +.egwGridView_grid tr.row_on { + background-color: transparent; +} + +.egwGridView_grid tr.row_off { + background-color: transparent; +} + +.narrow_column { width: 1%; white-space: nowrap; } + +.egwGridView_outer table.egwGridView_grid { + table-layout: fixed; +} + +.egwGridView_grid { + border-spacing: 0; + border-collapse: collapse; +} + +.egwGridView_outer div.innerContainer.queued { + background-image: url(../../default/images/egw_action/ajax-loader.gif); + background-position: center; + background-repeat: no-repeat; + height: 19px; +} + +.egwGridView_grid > tbody > tr.focused > td { + background-image: url(../../default/images/egw_action/focused_hatching.png); + background-repeat: repeat; +} + +.egwGridView_grid > tbody > tr.selected > td { + background-color: #b7c3ff; +} + +.egwGridView_grid tr.draggedOver td { + background-color: #ffd09c !important; +} + +.egwGridView_scrollarea { + width: 100%; + overflow: auto; +} + +.egwGridView_spacer { + background-image: url(../../default/images/egw_action/non_loaded_bg.png); + background-position: top left; +} + +.egwGridView_outer { + table-layout: fixed; + border-spacing: 0; + border-collapse: collapse; + padding: 0; + margin: 5px; +} + +.egwGridView_outer td, .egwGridView_outer tr { + padding: 0; + margin: 0; +} + +.egwGridView_grid > tbody > tr > td { + border-right: 1px solid silver; + border-bottom: 1px solid #e0e0e0; + padding: 2px 3px 2px 4px; + margin: 0; +} + +.egwGridView_outer th div.innerContainer, +.egwGridView_grid td div.innerContainer { + margin: 0; + padding: 0; + display: block; + overflow: hidden; +} + +.egwGridView_grid tr.fullRow { + font-style: italic; +} + +.egwGridView_grid tr.row_on:hover, +.egwGridView_grid tr.row_off:hover, +.egwGridView_grid tr.row:hover { + background-color: #f0f0ff; +} + +.egwGridView_grid tr { + padding: 2px 3px 2px 4px; + margin: 0; +} + +.egwGridView_grid tr.hidden { + display: none; +} + +.egwGridView_grid span.indentation { + display: inline-block; +} + +.egwGridView_grid span { + vertical-align: middle; +} + +.egwGridView_grid img.icon { + vertical-align: middle; + margin: 2px 5px 2px 2px; + -moz-user-select: none; + -khtml-user-select: none; + user-select: none; +} + +.egwGridView_grid span.arrow { + display: inline-block; + vertical-align: middle; + width: 8px; + height: 8px; + background-repeat: no-repeat; + margin-right: 2px; + -moz-user-select: none; + -khtml-user-select: none; + user-select: none; +} + +.egwGridView_grid span.arrow.opened { + cursor: pointer; + background-image: url(../../default/images/egw_action/arrows.png); + background-position: -8px 0; +} + +.egwGridView_grid span.arrow.closed { + cursor: pointer; + background-image: url(../../default/images/egw_action/arrows.png); + background-position: 0 0; +} + +.egwGridView_grid span.arrow.loading { + cursor: pointer; + background-image: url(../../default/images/egw_action/ajax-loader.gif); + background-position: 0 0; +} + +.egwGridView_grid span.iconContainer { + display: inline-block; + padding: 0; + margin: 0; + text-align: center; +} + +.egwGridView_grid span.caption { + cursor: default; + -moz-user-select: none; + -khtml-user-select: none; + user-select: none; +} + +.egwGridView_grid tr.th > td, /*legacy*/ +.egwGridView_outer thead th { + background-color: #E0E0E0; + font-weight: normal; + padding: 5px; + text-align: left; + border-left: 1px solid silver; + border-top: 1px solid silver; + border-right: 1px solid gray; + border-bottom: 1px solid gray; + background-image: url(../../default/images/egw_action/header_overlay.png); + background-position: center; + background-repeat: repeat-x; +} + +.egwGridView_grid tr.th > td:hover, /*legacy*/ +.egwGridView_outer thead th:hover { + background-color: #F0F0F0; +} + +.egwGridView_grid tr.th > td:active, /*legacy*/ +.egwGridView_outer thead th:active { + background-color: #D0D0D0; + border-left: 1px solid gray; + border-top: 1px solid gray; + border-right: 1px solid silver; + border-bottom: 1px solid silver; +} + + +.egwGridView_outer thead th.optcol { + padding: 0; + text-align: center; +} + +.selectcols { + display: inline-block; + width: 10px; + height: 9px; + margin: 0; + padding: 0; + vertical-align: middle; + background-image: url(../../default/images/egw_action/selectcols.png); + background-position: center; + background-repeat: no-repeat; +} + +.egwGridView_grid td.frame, +.egwGridView_outer td.frame, +.egwGridView_grid td.egwGridView_spacer { + padding: 0 !important; + border-right: 0 none silver !important; + border-bottom: 0 none silver !important; +} + +