diff --git a/core/inlineimage.class.inc.php b/core/inlineimage.class.inc.php index 8e60b9f26..a24f6e59d 100644 --- a/core/inlineimage.class.inc.php +++ b/core/inlineimage.class.inc.php @@ -578,10 +578,10 @@ JS }, null, null, 4 ); // Listener with priority 4 will be executed before priority 5. oEditor.on( 'instanceReady', function() { - if(!CKEDITOR.env.iOS && $('#'+oEditor.id+'_toolbox .editor_magnifier').length == 0) + if(!CKEDITOR.env.iOS && $('#'+oEditor.id+'_toolbox .ibo-vendors-ckeditor--toolbar-fullscreen-button').length == 0) { - $('#'+oEditor.id+'_toolbox').append(' '); - $('#'+oEditor.id+'_toolbox .editor_magnifier').on('click', function() { + $('#'+oEditor.id+'_toolbox').append(' '); + $('#'+oEditor.id+'_toolbox .ibo-vendors-ckeditor--toolbar-fullscreen-button').on('click', function() { oEditor.execCommand('maximize'); if ($(this).closest('.cke_maximized').length != 0) { diff --git a/css/backoffice/vendors/_ckeditor.scss b/css/backoffice/vendors/_ckeditor.scss index 9fe2f887b..dd37aaa36 100644 --- a/css/backoffice/vendors/_ckeditor.scss +++ b/css/backoffice/vendors/_ckeditor.scss @@ -3,6 +3,11 @@ * @license http://opensource.org/licenses/AGPL-3.0 */ +$ibo-vendors-ckeditor--toolbar-fullscreen-button--background-color--on-hover: #CCC !default; +$ibo-vendors-ckeditor--toolbar-fullscreen-button--width: 12px !default; +$ibo-vendors-ckeditor--toolbar-fullscreen-button--height: 11px !default; +$ibo-vendors-ckeditor--toolbar-fullscreen-button--border: 1px #A6A6A6 solid !default; + $ibo-vendors-highlightjs--padding: 0.9rem !default; $ibo-vendors-highlightjs--border-radius: $ibo-border-radius-300 !default; @@ -17,6 +22,27 @@ $ibo-vendors-ckeditor--autocomplete-item-image--border: 1px solid $ibo-color-gre $ibo-vendors-ckeditor--autocomplete-item-title--text-color: #3A3A3A !default; +/* Fullscreen button (Combodo custom) */ +.ibo-vendors-ckeditor--toolbar-fullscreen-button { + display: none; +} +.cke_toolbox_collapser.cke_toolbox_collapser_min ~ .ibo-vendors-ckeditor--toolbar-fullscreen-button { + display: block; + width: $ibo-vendors-ckeditor--toolbar-fullscreen-button--width; + height: $ibo-vendors-ckeditor--toolbar-fullscreen-button--height; + border: $ibo-vendors-ckeditor--toolbar-fullscreen-button--border; + cursor: pointer; + + /* !important so it overrides the .cke_reset_all style */ + background-position: center center !important; + background-repeat: no-repeat !important; + background-size: 100% !important; + + &:hover { + background-color: $ibo-vendors-ckeditor--toolbar-fullscreen-button--background-color--on-hover; + } +} + /* Highlight JS */ .hljs { padding: $ibo-vendors-highlightjs--padding !important; diff --git a/css/light-grey.scss b/css/light-grey.scss index dd5fe7d75..71c3c7eef 100644 --- a/css/light-grey.scss +++ b/css/light-grey.scss @@ -2318,17 +2318,6 @@ display: none; } - .editor_magnifier { - /* !important so it overrides the .cke_reset_all style */ - background-position: center center !important; - background-repeat: no-repeat !important; - background-size: 100% !important; - } - - .editor_magnifier:hover { - background-color: #CCC; - } - .caselog_header { padding: 3px; border-top: 1px solid #fff; diff --git a/datamodels/2.x/itop-structure/precompiled-themes/light-grey/main.css b/datamodels/2.x/itop-structure/precompiled-themes/light-grey/main.css index 3795c8793..b3c5dc44a 100644 --- a/datamodels/2.x/itop-structure/precompiled-themes/light-grey/main.css +++ b/datamodels/2.x/itop-structure/precompiled-themes/light-grey/main.css @@ -1,6 +1,6 @@ /* === SIGNATURE BEGIN === -{"variables":"d751713988987e9331980363e24189ce","stylesheets":{"css-variables":"d9fb165d1a7f8d8fd918160c412fe9a0","jqueryui":"a887ad1c00f29132beba3bf729b981c7","main":"8cb4edf79e8f71bdf7a1e8bc638c5d3c"},"imports":[],"images":{"css\/ui-lightness\/images\/ui-icons_222222_256x240.png":"3a3c5468f484f07ac4a320d9e22acb8c","css\/ui-lightness\/images\/ui-bg_diagonals-thick_20_666666_40x40.png":"4429d568c67d8dfeb9040273ea0fb8c4","css\/ui-lightness\/images\/ui-icons_E87C1E_256x240.png":"7003dd36cb2aa032c8ec871ce4d4e03d","css\/ui-lightness\/images\/ui-icons_1c94c4_256x240.png":"dbd693dc8e0ef04e90a2f7ac7b390086","css\/ui-lightness\/images\/ui-icons_F26522_256x240.png":"16278ec0c07270be571f4c2e97fcc10c","css\/ui-lightness\/images\/ui-bg_diagonals-thick_18_b81900_40x40.png":"e460a66d4b3e093fc651e62a236267cb","css\/ui-lightness\/images\/ui-icons_ffffff_256x240.png":"41612b0f4a034424f8321c9f824a94da","css\/ui-lightness\/images\/ui-icons_ffd27a_256x240.png":"dda1b6f694b0d196aefc66a1d6d758f6","images\/actions_right.png":"31c8906bd25d27b83a0a2466bf903462","images\/ac-background.gif":"76135f3697b41a15aed787cfd77776c7","images\/green-square.gif":"16ea9a497d72f5e66e4e8ea9ae08024e","images\/tv-item.gif":"719fe2d4566108e73162fb8868d3778c","images\/tv-collapsable.gif":"63a3351ea0d580797c9b8c386aa4f48b","images\/tv-expandable.gif":"a2d1af4128e4a798a7f3390b12a28574","images\/tv-item-last.gif":"2ae7e1d9972ce71e5caa65a086bc5b7e","images\/tv-collapsable-last.gif":"71acaa9d7c2616e9e8b7131a75ca65da","images\/tv-expandable-last.gif":"9d51036b3a8102742709da66789fd0f7","images\/red-header.gif":"c73b8765f0c8c3c183cb6a0c2bb0ec69","images\/green-header.gif":"0e22a09bb8051b2a274b3427ede62e82","images\/orange-header.gif":"ce1f93f0af64431771b4cbd6c99c567b","images\/calendar.png":"ab56e59af3c96ca661821257d376465e","images\/truncated.png":"c6f91108afe8159d417b4dc556cd3b2a","images\/plus.gif":"f00e1e6e1161f48608bb2bbc79b9948c","images\/minus.gif":"6d77c0c0c2f86b6995d1cdf78274eaab","images\/full-screen.png":"b541fadd3f1563856a4b44aeebd9d563","images\/indicator.gif":"03ce3dcc84af110e9da8699a841e5200","images\/delete.png":"93c047549c31a270a037840277cf59d3","images\/info-mini.png":"445c090ed777c5e6a08ac390fa896193","images\/ok.png":"f6973773335fd83d8d2875f9a3c925af","images\/error.png":"1af8a1041016f67669c5fd22dc88c82e","images\/eye-open-555.png":"9940f4e5b1248042c238e1924359fd5e","images\/eye-closed-555.png":"6ad3b0bae791bf61addc9d8ca80a642d","images\/eye-open-fff.png":"b7db2402d4d5c72314c25790a66150d4","images\/eye-closed-fff.png":"f9be7454dbb47b0e0bca3aa370ae7db5"}} +{"variables":"d751713988987e9331980363e24189ce","stylesheets":{"css-variables":"d9fb165d1a7f8d8fd918160c412fe9a0","jqueryui":"a887ad1c00f29132beba3bf729b981c7","main":"89c42c919bb81f77389d747752db35ba"},"imports":[],"images":{"css\/ui-lightness\/images\/ui-icons_222222_256x240.png":"3a3c5468f484f07ac4a320d9e22acb8c","css\/ui-lightness\/images\/ui-bg_diagonals-thick_20_666666_40x40.png":"4429d568c67d8dfeb9040273ea0fb8c4","css\/ui-lightness\/images\/ui-icons_E87C1E_256x240.png":"7003dd36cb2aa032c8ec871ce4d4e03d","css\/ui-lightness\/images\/ui-icons_1c94c4_256x240.png":"dbd693dc8e0ef04e90a2f7ac7b390086","css\/ui-lightness\/images\/ui-icons_F26522_256x240.png":"16278ec0c07270be571f4c2e97fcc10c","css\/ui-lightness\/images\/ui-bg_diagonals-thick_18_b81900_40x40.png":"e460a66d4b3e093fc651e62a236267cb","css\/ui-lightness\/images\/ui-icons_ffffff_256x240.png":"41612b0f4a034424f8321c9f824a94da","css\/ui-lightness\/images\/ui-icons_ffd27a_256x240.png":"dda1b6f694b0d196aefc66a1d6d758f6","images\/actions_right.png":"31c8906bd25d27b83a0a2466bf903462","images\/ac-background.gif":"76135f3697b41a15aed787cfd77776c7","images\/green-square.gif":"16ea9a497d72f5e66e4e8ea9ae08024e","images\/tv-item.gif":"719fe2d4566108e73162fb8868d3778c","images\/tv-collapsable.gif":"63a3351ea0d580797c9b8c386aa4f48b","images\/tv-expandable.gif":"a2d1af4128e4a798a7f3390b12a28574","images\/tv-item-last.gif":"2ae7e1d9972ce71e5caa65a086bc5b7e","images\/tv-collapsable-last.gif":"71acaa9d7c2616e9e8b7131a75ca65da","images\/tv-expandable-last.gif":"9d51036b3a8102742709da66789fd0f7","images\/red-header.gif":"c73b8765f0c8c3c183cb6a0c2bb0ec69","images\/green-header.gif":"0e22a09bb8051b2a274b3427ede62e82","images\/orange-header.gif":"ce1f93f0af64431771b4cbd6c99c567b","images\/calendar.png":"ab56e59af3c96ca661821257d376465e","images\/truncated.png":"c6f91108afe8159d417b4dc556cd3b2a","images\/plus.gif":"f00e1e6e1161f48608bb2bbc79b9948c","images\/minus.gif":"6d77c0c0c2f86b6995d1cdf78274eaab","images\/full-screen.png":"b541fadd3f1563856a4b44aeebd9d563","images\/indicator.gif":"03ce3dcc84af110e9da8699a841e5200","images\/delete.png":"93c047549c31a270a037840277cf59d3","images\/info-mini.png":"445c090ed777c5e6a08ac390fa896193","images\/ok.png":"f6973773335fd83d8d2875f9a3c925af","images\/error.png":"1af8a1041016f67669c5fd22dc88c82e","images\/eye-open-555.png":"9940f4e5b1248042c238e1924359fd5e","images\/eye-closed-555.png":"6ad3b0bae791bf61addc9d8ca80a642d","images\/eye-open-fff.png":"b7db2402d4d5c72314c25790a66150d4","images\/eye-closed-fff.png":"f9be7454dbb47b0e0bca3aa370ae7db5"}} === SIGNATURE END === */ /*! @@ -99,7 +99,7 @@ background-repeat: no-repeat; width: 16px; height: 16px; - background-image: url("../../../../css/ui-lightness/images/ui-icons_222222_256x240.png?v=1607621217"); + background-image: url("../../../../css/ui-lightness/images/ui-icons_222222_256x240.png?v=1608028054"); filter: hue-rotate(0deg); } .ui-widget-icon-block { @@ -232,7 +232,7 @@ .ui-menu .ui-menu-item { margin: 0; cursor: pointer; - list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7?v=1607621217"); + list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7?v=1608028054"); } .ui-menu .ui-menu-item-wrapper { position: relative; @@ -298,7 +298,7 @@ color: #EA7D1E; } .ui-button:hover .ui-icon { - background-image: url("../../../../css/ui-lightness/images/ui-icons_E87C1E_256x240.png?v=1607621217"); + background-image: url("../../../../css/ui-lightness/images/ui-icons_E87C1E_256x240.png?v=1608028054"); } .ui-button:active { text-decoration: none; @@ -306,20 +306,20 @@ color: #EA7D1E; } .ui-button:active .ui-icon { - background-image: url("../../../../css/ui-lightness/images/ui-icons_E87C1E_256x240.png?v=1607621217"); + background-image: url("../../../../css/ui-lightness/images/ui-icons_E87C1E_256x240.png?v=1608028054"); } .ui-button:focus { font-weight: bold; color: #EA7D1E; } .ui-button:focus .ui-icon { - background-image: url("../../../../css/ui-lightness/images/ui-icons_E87C1E_256x240.png?v=1607621217"); + background-image: url("../../../../css/ui-lightness/images/ui-icons_E87C1E_256x240.png?v=1608028054"); } .ui-button .ui-state-highlight.ui-icon { - background-image: url("../../../../css/ui-lightness/images/ui-icons_1c94c4_256x240.png?v=1607621217"); + background-image: url("../../../../css/ui-lightness/images/ui-icons_1c94c4_256x240.png?v=1608028054"); } .ui-button .ui-icon { - background-image: url("../../../../css/ui-lightness/images/ui-icons_F26522_256x240.png?v=1607621217"); + background-image: url("../../../../css/ui-lightness/images/ui-icons_F26522_256x240.png?v=1608028054"); } .ui-button-icon-only { width: 2em; @@ -901,7 +901,7 @@ body .ui-tooltip { background-image: none; } .ui-widget-content .ui-icon { - background-image: url("../../../../css/ui-lightness/images/ui-icons_222222_256x240.png?v=1607621217"); + background-image: url("../../../../css/ui-lightness/images/ui-icons_222222_256x240.png?v=1608028054"); } .ui-widget-header .ui-priority-secondary { opacity: 0.7; @@ -913,7 +913,7 @@ body .ui-tooltip { background-image: none; } .ui-widget-header .ui-icon { - background-image: url("../../../../css/ui-lightness/images/ui-icons_ffffff_256x240.png?v=1607621217"); + background-image: url("../../../../css/ui-lightness/images/ui-icons_ffffff_256x240.png?v=1608028054"); } .ui-state-default a { text-decoration: none; @@ -925,7 +925,7 @@ body .ui-tooltip { text-decoration: none; } .ui-state-default .ui-icon { - background-image: url("../../../../css/ui-lightness/images/ui-icons_F26522_256x240.png?v=1607621217"); + background-image: url("../../../../css/ui-lightness/images/ui-icons_F26522_256x240.png?v=1608028054"); } a.ui-button { text-decoration: none; @@ -955,7 +955,7 @@ a:visited.ui-button { text-decoration: none; } .ui-state-hover .ui-icon { - background-image: url("../../../../css/ui-lightness/images/ui-icons_E87C1E_256x240.png?v=1607621217"); + background-image: url("../../../../css/ui-lightness/images/ui-icons_E87C1E_256x240.png?v=1608028054"); } .ui-state-focus a { text-decoration: none; @@ -970,7 +970,7 @@ a:visited.ui-button { text-decoration: none; } .ui-state-focus .ui-icon { - background-image: url("../../../../css/ui-lightness/images/ui-icons_E87C1E_256x240.png?v=1607621217"); + background-image: url("../../../../css/ui-lightness/images/ui-icons_E87C1E_256x240.png?v=1608028054"); } .ui-visual-focus { box-shadow: 0 0 3px 1px #5e9ed6; @@ -988,19 +988,19 @@ a:visited.ui-button { text-decoration: none; } .ui-state-active .ui-icon { - background-image: url("../../../../css/ui-lightness/images/ui-icons_E87C1E_256x240.png?v=1607621217"); + background-image: url("../../../../css/ui-lightness/images/ui-icons_E87C1E_256x240.png?v=1608028054"); } .ui-icon-background { background-color: #EA7D1E; } .ui-state-highlight .ui-icon { - background-image: url("../../../../css/ui-lightness/images/ui-icons_1c94c4_256x240.png?v=1607621217"); + background-image: url("../../../../css/ui-lightness/images/ui-icons_1c94c4_256x240.png?v=1608028054"); } .ui-state-error .ui-icon { - background-image: url("../../../../css/ui-lightness/images/ui-icons_ffd27a_256x240.png?v=1607621217"); + background-image: url("../../../../css/ui-lightness/images/ui-icons_ffd27a_256x240.png?v=1608028054"); } .ui-state-error-text .ui-icon { - background-image: url("../../../../css/ui-lightness/images/ui-icons_ffd27a_256x240.png?v=1607621217"); + background-image: url("../../../../css/ui-lightness/images/ui-icons_ffd27a_256x240.png?v=1608028054"); } .ui-priority-primary { font-weight: bold; @@ -1655,7 +1655,7 @@ a:visited.ui-button { visibility: hidden; } #ibo-main-content .edit-image .view-image.dirty.compat, .ui-dialog .edit-image .view-image.dirty.compat { - background-image: url("../../../../css/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png?v=1607621217"); + background-image: url("../../../../css/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png?v=1608028054"); } #ibo-main-content .edit-image .view-image.dirty.compat img, .ui-dialog .edit-image .view-image.dirty.compat img { opacity: 0.3; @@ -1678,7 +1678,7 @@ a:visited.ui-button { opacity: 0.3; } #ibo-main-content .edit-image .edit-buttons .button .ui-icon, .ui-dialog .edit-image .edit-buttons .button .ui-icon { - background-image: url("../../../../css/ui-lightness/images/ui-icons_ffffff_256x240.png?v=1607621217"); + background-image: url("../../../../css/ui-lightness/images/ui-icons_ffffff_256x240.png?v=1608028054"); } #ibo-main-content .edit-image .file-input, .ui-dialog .edit-image .file-input { display: block; @@ -1878,7 +1878,7 @@ a:visited.ui-button { background: #EA7D1E; } #ibo-main-content .actions_details span, .ui-dialog .actions_details span { - background: url("../../../../images/actions_right.png?v=1607621217") no-repeat right; + background: url("../../../../images/actions_right.png?v=1608028054") no-repeat right; color: #fff; font-weight: bold; padding-top: 2px; @@ -1901,7 +1901,7 @@ a:visited.ui-button { } #ibo-main-content .ac_input, .ui-dialog .ac_input { border: 1px solid #7f9db9; - background: #fff url("../../../../images/ac-background.gif?v=1607621217") no-repeat right; + background: #fff url("../../../../images/ac-background.gif?v=1608028054") no-repeat right; /* By Rom */ } #ibo-main-content .csvimport_createobj, .ui-dialog .csvimport_createobj { @@ -1956,7 +1956,7 @@ a:visited.ui-button { noborder-top: 1px solid #8b8b8b; padding: 4px 0px 0px 16px; font-size: 8pt; - background: url("../../../../images/green-square.gif?v=1607621217") no-repeat bottom left; + background: url("../../../../images/green-square.gif?v=1608028054") no-repeat bottom left; color: #83b217; font-weight: bold; text-decoration: none; @@ -2032,22 +2032,22 @@ a:visited.ui-button { margin-top: -8px; } #ibo-main-content .notreeview li, .ui-dialog .notreeview li { - background: url("../../../../images/tv-item.gif?v=1607621217") 0 0 no-repeat; + background: url("../../../../images/tv-item.gif?v=1608028054") 0 0 no-repeat; } #ibo-main-content .notreeview .collapsable, .ui-dialog .notreeview .collapsable { - background-image: url("../../../../images/tv-collapsable.gif?v=1607621217"); + background-image: url("../../../../images/tv-collapsable.gif?v=1608028054"); } #ibo-main-content .notreeview .expandable, .ui-dialog .notreeview .expandable { - background-image: url("../../../../images/tv-expandable.gif?v=1607621217"); + background-image: url("../../../../images/tv-expandable.gif?v=1608028054"); } #ibo-main-content .notreeview .last, .ui-dialog .notreeview .last { - background-image: url("../../../../images/tv-item-last.gif?v=1607621217"); + background-image: url("../../../../images/tv-item-last.gif?v=1608028054"); } #ibo-main-content .notreeview .lastCollapsable, .ui-dialog .notreeview .lastCollapsable { - background-image: url("../../../../images/tv-collapsable-last.gif?v=1607621217"); + background-image: url("../../../../images/tv-collapsable-last.gif?v=1608028054"); } #ibo-main-content .notreeview .lastExpandable, .ui-dialog .notreeview .lastExpandable { - background-image: url("../../../../images/tv-expandable-last.gif?v=1607621217"); + background-image: url("../../../../images/tv-expandable-last.gif?v=1608028054"); } #ibo-main-content #OrganizationSelection, .ui-dialog #OrganizationSelection { padding: 5px 0px 16px 20px; @@ -2223,7 +2223,7 @@ a:visited.ui-button { color: #000; } #ibo-main-content th.red, .ui-dialog th.red { - background: url("../../../../images/red-header.gif?v=1607621217") bottom left repeat-x; + background: url("../../../../images/red-header.gif?v=1608028054") bottom left repeat-x; color: #000; } #ibo-main-content .green, .ui-dialog .green { @@ -2231,7 +2231,7 @@ a:visited.ui-button { color: #000; } #ibo-main-content th.green, .ui-dialog th.green { - background: url("../../../../images/green-header.gif?v=1607621217") bottom left repeat-x; + background: url("../../../../images/green-header.gif?v=1608028054") bottom left repeat-x; color: #000; } #ibo-main-content .orange, .ui-dialog .orange { @@ -2239,7 +2239,7 @@ a:visited.ui-button { color: #000; } #ibo-main-content th.orange, .ui-dialog th.orange { - background: url("../../../../images/orange-header.gif?v=1607621217") bottom left repeat-x; + background: url("../../../../images/orange-header.gif?v=1608028054") bottom left repeat-x; color: #000; /* For Date Picker: Creates a little calendar icon * instead of a text link for "Choose date" @@ -2254,7 +2254,7 @@ a:visited.ui-button { display: block; text-indent: -2000px; overflow: hidden; - background: url("../../../../images/calendar.png?v=1607621217") no-repeat; + background: url("../../../../images/calendar.png?v=1608028054") no-repeat; } #ibo-main-content td a.dp-choose-date.dp-disabled, .ui-dialog td a.dp-choose-date.dp-disabled, #ibo-main-content a.dp-choose-date.dp-disabled, .ui-dialog a.dp-choose-date.dp-disabled { background-position: 0 -20px; @@ -2303,19 +2303,19 @@ a:visited.ui-button { /* Beware: IE6 does not support multiple selector with multiple classes, only the last class is used */ } #ibo-main-content table.listResults tr.odd td.truncated, .ui-dialog table.listResults tr.odd td.truncated, #ibo-main-content table.listResults tr td.truncated, .ui-dialog table.listResults tr td.truncated, #ibo-main-content .wizContainer table.listResults tr.odd td.truncated, .ui-dialog .wizContainer table.listResults tr.odd td.truncated, #ibo-main-content .wizContainer table.listResults tr td.truncated, .ui-dialog .wizContainer table.listResults tr td.truncated { - background: url("../../../../images/truncated.png?v=1607621217") bottom repeat-x; + background: url("../../../../images/truncated.png?v=1608028054") bottom repeat-x; /* Beware: IE6 does not support multiple selector with multiple classes, only the last class is used */ } #ibo-main-content table.listResults tr.even td.truncated, .ui-dialog table.listResults tr.even td.truncated, #ibo-main-content .wizContainer table.listResults tr.even td.truncated, .ui-dialog .wizContainer table.listResults tr.even td.truncated { - background: #f9f9f1 url("../../../../images/truncated.png?v=1607621217") bottom repeat-x; + background: #f9f9f1 url("../../../../images/truncated.png?v=1608028054") bottom repeat-x; /* Beware: IE6 does not support multiple selector with multiple classes, only the last class is used */ } #ibo-main-content table.listResults tr.even td.hover.truncated, .ui-dialog table.listResults tr.even td.hover.truncated, #ibo-main-content .wizContainer table.listResults tr.even td.hover.truncated, .ui-dialog .wizContainer table.listResults tr.even td.hover.truncated { - background: #fdf5d0 url("../../../../images/truncated.png?v=1607621217") bottom repeat-x; + background: #fdf5d0 url("../../../../images/truncated.png?v=1608028054") bottom repeat-x; /* Beware: IE6 does not support multiple selector with multiple classes, only the last class is used */ } #ibo-main-content table.listResults tr.odd td.hover.truncated, .ui-dialog table.listResults tr.odd td.hover.truncated, #ibo-main-content table.listResults tr td.hover.truncated, .ui-dialog table.listResults tr td.hover.truncated, #ibo-main-content .wizContainer table.listResults tr.odd td.hover.truncated, .ui-dialog .wizContainer table.listResults tr.odd td.hover.truncated, #ibo-main-content .wizContainer table.listResults tr td.hover.truncated, .ui-dialog .wizContainer table.listResults tr td.hover.truncated { - background: #fdf5d0 url("../../../../images/truncated.png?v=1607621217") bottom repeat-x; + background: #fdf5d0 url("../../../../images/truncated.png?v=1608028054") bottom repeat-x; } #ibo-main-content table.listResults.truncated, .ui-dialog table.listResults.truncated { border-bottom: 0; @@ -2417,7 +2417,7 @@ a:visited.ui-button { #ibo-main-content div#logo div, .ui-dialog div#logo div { height: 88px; width: 244px; - background: url("../../../../images/itop-logo-2.png?v=1607621217") left no-repeat; + background: url("../../../../images/itop-logo-2.png?v=1608028054") left no-repeat; } #ibo-main-content #left-pane .ui-layout-north, .ui-dialog #left-pane .ui-layout-north { overflow: hidden; @@ -2566,7 +2566,7 @@ a:visited.ui-button { margin: 0 2px; } #ibo-main-content .ui-layout-button-pin-down, .ui-dialog .ui-layout-button-pin-down { - background: url("../../../../images/splitter-bkg.png?v=1607621217") transparent; + background: url("../../../../images/splitter-bkg.png?v=1608028054") transparent; width: 16px; background-position: -144px -144px; } @@ -2691,25 +2691,16 @@ a:visited.ui-button { #ibo-main-content .caselog_input_header:empty, .ui-dialog .caselog_input_header:empty { display: none; } -#ibo-main-content .editor_magnifier, .ui-dialog .editor_magnifier { - /* !important so it overrides the .cke_reset_all style */ - background-position: center center !important; - background-repeat: no-repeat !important; - background-size: 100% !important; -} -#ibo-main-content .editor_magnifier:hover, .ui-dialog .editor_magnifier:hover { - background-color: #CCC; -} #ibo-main-content .caselog_header, .ui-dialog .caselog_header { padding: 3px; border-top: 1px solid #fff; - background: #ddd url("../../../../images/plus.gif?v=1607621217") left no-repeat; + background: #ddd url("../../../../images/plus.gif?v=1608028054") left no-repeat; padding-left: 16px; cursor: pointer; width: 100%; } #ibo-main-content .caselog_header.open, .ui-dialog .caselog_header.open { - background: #ddd url("../../../../images/minus.gif?v=1607621217") left no-repeat; + background: #ddd url("../../../../images/minus.gif?v=1608028054") left no-repeat; } #ibo-main-content .caselog_entry, .ui-dialog .caselog_entry, #ibo-main-content .caselog_entry_html, .ui-dialog .caselog_entry_html { overflow-x: auto; @@ -2885,7 +2876,7 @@ a:visited.ui-button { height: 15px; border: 1px #A6A6A6 solid; cursor: pointer; - background-image: url("../../../../images/full-screen.png?v=1607621217"); + background-image: url("../../../../images/full-screen.png?v=1608028054"); background-repeat: no-repeat; background-position: center center; background-size: 98%; @@ -2932,7 +2923,7 @@ a:visited.ui-button { padding: 2px; } #ibo-main-content .field_container > div > div.field_value .attribute-edit .field_input_zone.field_input_document .button .ui-icon, .ui-dialog .field_container > div > div.field_value .attribute-edit .field_input_zone.field_input_document .button .ui-icon { - background-image: url("../../../../css/ui-lightness/images/ui-icons_ffffff_256x240.png?v=1607621217"); + background-image: url("../../../../css/ui-lightness/images/ui-icons_ffffff_256x240.png?v=1608028054"); background-color: #EA7D1E; } #ibo-main-content .field_container > div > div.field_value .attribute-edit .field_input_zone.field_input_image input, .ui-dialog .field_container > div > div.field_value .attribute-edit .field_input_zone.field_input_image input { @@ -2998,7 +2989,7 @@ a:visited.ui-button { height: 15px; border: 1px #A6A6A6 solid; cursor: pointer; - background-image: url("../../../../images/full-screen.png?v=1607621217"); + background-image: url("../../../../images/full-screen.png?v=1608028054"); background-repeat: no-repeat; background-position: center center; background-size: 98%; @@ -3063,7 +3054,7 @@ a:visited.ui-button { padding-left: 0.4em; } #ibo-main-content .ac_dlg_loading, .ui-dialog .ac_dlg_loading { - background: white url("../../../../images/indicator.gif?v=1607621217") right center no-repeat; + background: white url("../../../../images/indicator.gif?v=1608028054") right center no-repeat; } #ibo-main-content table.pagination, .ui-dialog table.pagination { display: inline-block; @@ -3130,10 +3121,10 @@ a:visited.ui-button { cursor: not-allowed; } #ibo-main-content .dragHover, .ui-dialog .dragHover { - background: url("../../../../css/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png?v=1607621217"); + background: url("../../../../css/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png?v=1608028054"); } #ibo-main-content .edit_mode .dashlet, .ui-dialog .edit_mode .dashlet { - background: url("../../../../css/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png?v=1607621217"); + background: url("../../../../css/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png?v=1608028054"); padding: 5px; margin: 0; position: relative; @@ -3178,7 +3169,7 @@ a:visited.ui-button { top: 0; right: 0; z-index: 10; - background: transparent url("../../../../images/delete.png?v=1607621217") no-repeat center; + background: transparent url("../../../../images/delete.png?v=1608028054") no-repeat center; } #ibo-main-content td.prop_value, .ui-dialog td.prop_value { text-align: left; @@ -3407,23 +3398,23 @@ a:visited.ui-button { } #ibo-main-content .message_info, .ui-dialog .message_info { border: 1px solid #993; - background: url("../../../../images/info-mini.png?v=1607621217") 1em 1em no-repeat #ffc; + background: url("../../../../images/info-mini.png?v=1608028054") 1em 1em no-repeat #ffc; padding-left: 3em; } #ibo-main-content .message_ok, .ui-dialog .message_ok { border: 1px solid #393; - background: url("../../../../images/ok.png?v=1607621217") 1em 1em no-repeat #cfc; + background: url("../../../../images/ok.png?v=1608028054") 1em 1em no-repeat #cfc; padding-left: 3em; } #ibo-main-content .message_warning, .ui-dialog .message_warning { border: 1px solid #ec9800; - background: url("../../../../images/error.png?v=1607621217") 1em 1em no-repeat #ffd78d; + background: url("../../../../images/error.png?v=1608028054") 1em 1em no-repeat #ffd78d; color: #000; padding-left: 3em; } #ibo-main-content .message_error, .ui-dialog .message_error { border: 1px solid #933; - background: url("../../../../images/error.png?v=1607621217") 1em 1em no-repeat #fcc; + background: url("../../../../images/error.png?v=1608028054") 1em 1em no-repeat #fcc; padding-left: 3em; } #ibo-main-content .fg-menu a img, .ui-dialog .fg-menu a img { @@ -3554,18 +3545,18 @@ a:visited.ui-button { } #ibo-main-content #hiddeable_chapters .ui-tabs .ui-tabs-nav li.hideable-chapter span, .ui-dialog #hiddeable_chapters .ui-tabs .ui-tabs-nav li.hideable-chapter span { padding-left: 20px; - background: url("../../../../images/eye-open-555.png?v=1607621217") 2px center no-repeat; + background: url("../../../../images/eye-open-555.png?v=1608028054") 2px center no-repeat; } #ibo-main-content #hiddeable_chapters .ui-tabs .ui-tabs-nav li.hideable-chapter.strikethrough span, .ui-dialog #hiddeable_chapters .ui-tabs .ui-tabs-nav li.hideable-chapter.strikethrough span { text-decoration: line-through; - background: url("../../../../images/eye-closed-555.png?v=1607621217") 2px center no-repeat; + background: url("../../../../images/eye-closed-555.png?v=1608028054") 2px center no-repeat; } #ibo-main-content .printable-version legend, .ui-dialog .printable-version legend { padding-left: 26px; - background: #1c94c4 url("../../../../images/eye-open-fff.png?v=1607621217") 8px center no-repeat; + background: #1c94c4 url("../../../../images/eye-open-fff.png?v=1608028054") 8px center no-repeat; } #ibo-main-content .printable-version .strikethrough legend, .ui-dialog .printable-version .strikethrough legend { - background: #1c94c4 url("../../../../images/eye-closed-fff.png?v=1607621217") 8px center no-repeat; + background: #1c94c4 url("../../../../images/eye-closed-fff.png?v=1608028054") 8px center no-repeat; } #ibo-main-content .printable-version fieldset.strikethrough span, .ui-dialog .printable-version fieldset.strikethrough span { display: none; @@ -3638,7 +3629,7 @@ a:visited.ui-button { cursor: pointer; width: 16px; height: 16px; - background-image: url("../../../../css/ui-lightness/images/ui-icons_222222_256x240.png?v=1607621217"); + background-image: url("../../../../css/ui-lightness/images/ui-icons_222222_256x240.png?v=1608028054"); background-position: -16px -192px; } #ibo-main-content .history_entry_truncated .history_truncated_toggler, .ui-dialog .history_entry_truncated .history_truncated_toggler { @@ -3723,7 +3714,7 @@ a:visited.ui-button { #ibo-main-content #itop-breadcrumb .breadcrumb-item a::after, .ui-dialog #itop-breadcrumb .breadcrumb-item a::after { content: ''; position: absolute; - background-image: url("../../../../images/breadcrumb-separator.png?v=1607621217"); + background-image: url("../../../../images/breadcrumb-separator.png?v=1608028054"); background-repeat: no-repeat; width: 8px; height: 16px; diff --git a/datamodels/2.x/itop-structure/precompiled-themes/test-red/main.css b/datamodels/2.x/itop-structure/precompiled-themes/test-red/main.css index 8116caf7d..d74f274fb 100644 --- a/datamodels/2.x/itop-structure/precompiled-themes/test-red/main.css +++ b/datamodels/2.x/itop-structure/precompiled-themes/test-red/main.css @@ -1,6 +1,6 @@ /* === SIGNATURE BEGIN === -{"variables":"8cfe86f2c55d8eff36d57eb4e83d89f1","stylesheets":{"css-variables":"d9fb165d1a7f8d8fd918160c412fe9a0","jqueryui":"a887ad1c00f29132beba3bf729b981c7","main":"8cb4edf79e8f71bdf7a1e8bc638c5d3c","environment-banner":"3de3ffb8232b9a649e912b570a64bf5d"},"imports":[],"images":{"css\/ui-lightness\/images\/ui-icons_222222_256x240.png":"3a3c5468f484f07ac4a320d9e22acb8c","css\/ui-lightness\/images\/ui-bg_diagonals-thick_20_666666_40x40.png":"4429d568c67d8dfeb9040273ea0fb8c4","css\/ui-lightness\/images\/ui-icons_E87C1E_256x240.png":"7003dd36cb2aa032c8ec871ce4d4e03d","css\/ui-lightness\/images\/ui-icons_1c94c4_256x240.png":"dbd693dc8e0ef04e90a2f7ac7b390086","css\/ui-lightness\/images\/ui-icons_F26522_256x240.png":"16278ec0c07270be571f4c2e97fcc10c","css\/ui-lightness\/images\/ui-bg_diagonals-thick_18_b81900_40x40.png":"e460a66d4b3e093fc651e62a236267cb","css\/ui-lightness\/images\/ui-icons_ffffff_256x240.png":"41612b0f4a034424f8321c9f824a94da","css\/ui-lightness\/images\/ui-icons_ffd27a_256x240.png":"dda1b6f694b0d196aefc66a1d6d758f6","images\/actions_right.png":"31c8906bd25d27b83a0a2466bf903462","images\/ac-background.gif":"76135f3697b41a15aed787cfd77776c7","images\/green-square.gif":"16ea9a497d72f5e66e4e8ea9ae08024e","images\/tv-item.gif":"719fe2d4566108e73162fb8868d3778c","images\/tv-collapsable.gif":"63a3351ea0d580797c9b8c386aa4f48b","images\/tv-expandable.gif":"a2d1af4128e4a798a7f3390b12a28574","images\/tv-item-last.gif":"2ae7e1d9972ce71e5caa65a086bc5b7e","images\/tv-collapsable-last.gif":"71acaa9d7c2616e9e8b7131a75ca65da","images\/tv-expandable-last.gif":"9d51036b3a8102742709da66789fd0f7","images\/red-header.gif":"c73b8765f0c8c3c183cb6a0c2bb0ec69","images\/green-header.gif":"0e22a09bb8051b2a274b3427ede62e82","images\/orange-header.gif":"ce1f93f0af64431771b4cbd6c99c567b","images\/calendar.png":"ab56e59af3c96ca661821257d376465e","images\/truncated.png":"c6f91108afe8159d417b4dc556cd3b2a","images\/plus.gif":"f00e1e6e1161f48608bb2bbc79b9948c","images\/minus.gif":"6d77c0c0c2f86b6995d1cdf78274eaab","images\/full-screen.png":"b541fadd3f1563856a4b44aeebd9d563","images\/indicator.gif":"03ce3dcc84af110e9da8699a841e5200","images\/delete.png":"93c047549c31a270a037840277cf59d3","images\/info-mini.png":"445c090ed777c5e6a08ac390fa896193","images\/ok.png":"f6973773335fd83d8d2875f9a3c925af","images\/error.png":"1af8a1041016f67669c5fd22dc88c82e","images\/eye-open-555.png":"9940f4e5b1248042c238e1924359fd5e","images\/eye-closed-555.png":"6ad3b0bae791bf61addc9d8ca80a642d","images\/eye-open-fff.png":"b7db2402d4d5c72314c25790a66150d4","images\/eye-closed-fff.png":"f9be7454dbb47b0e0bca3aa370ae7db5"}} +{"variables":"8cfe86f2c55d8eff36d57eb4e83d89f1","stylesheets":{"css-variables":"d9fb165d1a7f8d8fd918160c412fe9a0","jqueryui":"a887ad1c00f29132beba3bf729b981c7","main":"89c42c919bb81f77389d747752db35ba","environment-banner":"3de3ffb8232b9a649e912b570a64bf5d"},"imports":[],"images":{"css\/ui-lightness\/images\/ui-icons_222222_256x240.png":"3a3c5468f484f07ac4a320d9e22acb8c","css\/ui-lightness\/images\/ui-bg_diagonals-thick_20_666666_40x40.png":"4429d568c67d8dfeb9040273ea0fb8c4","css\/ui-lightness\/images\/ui-icons_E87C1E_256x240.png":"7003dd36cb2aa032c8ec871ce4d4e03d","css\/ui-lightness\/images\/ui-icons_1c94c4_256x240.png":"dbd693dc8e0ef04e90a2f7ac7b390086","css\/ui-lightness\/images\/ui-icons_F26522_256x240.png":"16278ec0c07270be571f4c2e97fcc10c","css\/ui-lightness\/images\/ui-bg_diagonals-thick_18_b81900_40x40.png":"e460a66d4b3e093fc651e62a236267cb","css\/ui-lightness\/images\/ui-icons_ffffff_256x240.png":"41612b0f4a034424f8321c9f824a94da","css\/ui-lightness\/images\/ui-icons_ffd27a_256x240.png":"dda1b6f694b0d196aefc66a1d6d758f6","images\/actions_right.png":"31c8906bd25d27b83a0a2466bf903462","images\/ac-background.gif":"76135f3697b41a15aed787cfd77776c7","images\/green-square.gif":"16ea9a497d72f5e66e4e8ea9ae08024e","images\/tv-item.gif":"719fe2d4566108e73162fb8868d3778c","images\/tv-collapsable.gif":"63a3351ea0d580797c9b8c386aa4f48b","images\/tv-expandable.gif":"a2d1af4128e4a798a7f3390b12a28574","images\/tv-item-last.gif":"2ae7e1d9972ce71e5caa65a086bc5b7e","images\/tv-collapsable-last.gif":"71acaa9d7c2616e9e8b7131a75ca65da","images\/tv-expandable-last.gif":"9d51036b3a8102742709da66789fd0f7","images\/red-header.gif":"c73b8765f0c8c3c183cb6a0c2bb0ec69","images\/green-header.gif":"0e22a09bb8051b2a274b3427ede62e82","images\/orange-header.gif":"ce1f93f0af64431771b4cbd6c99c567b","images\/calendar.png":"ab56e59af3c96ca661821257d376465e","images\/truncated.png":"c6f91108afe8159d417b4dc556cd3b2a","images\/plus.gif":"f00e1e6e1161f48608bb2bbc79b9948c","images\/minus.gif":"6d77c0c0c2f86b6995d1cdf78274eaab","images\/full-screen.png":"b541fadd3f1563856a4b44aeebd9d563","images\/indicator.gif":"03ce3dcc84af110e9da8699a841e5200","images\/delete.png":"93c047549c31a270a037840277cf59d3","images\/info-mini.png":"445c090ed777c5e6a08ac390fa896193","images\/ok.png":"f6973773335fd83d8d2875f9a3c925af","images\/error.png":"1af8a1041016f67669c5fd22dc88c82e","images\/eye-open-555.png":"9940f4e5b1248042c238e1924359fd5e","images\/eye-closed-555.png":"6ad3b0bae791bf61addc9d8ca80a642d","images\/eye-open-fff.png":"b7db2402d4d5c72314c25790a66150d4","images\/eye-closed-fff.png":"f9be7454dbb47b0e0bca3aa370ae7db5"}} === SIGNATURE END === */ /*! @@ -99,7 +99,7 @@ background-repeat: no-repeat; width: 16px; height: 16px; - background-image: url("../../../../css/ui-lightness/images/ui-icons_222222_256x240.png?v=1607621217"); + background-image: url("../../../../css/ui-lightness/images/ui-icons_222222_256x240.png?v=1608028358"); filter: hue-rotate(0deg); } .ui-widget-icon-block { @@ -232,7 +232,7 @@ .ui-menu .ui-menu-item { margin: 0; cursor: pointer; - list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7?v=1607621217"); + list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7?v=1608028358"); } .ui-menu .ui-menu-item-wrapper { position: relative; @@ -298,7 +298,7 @@ color: #EA7D1E; } .ui-button:hover .ui-icon { - background-image: url("../../../../css/ui-lightness/images/ui-icons_E87C1E_256x240.png?v=1607621217"); + background-image: url("../../../../css/ui-lightness/images/ui-icons_E87C1E_256x240.png?v=1608028358"); } .ui-button:active { text-decoration: none; @@ -306,20 +306,20 @@ color: #EA7D1E; } .ui-button:active .ui-icon { - background-image: url("../../../../css/ui-lightness/images/ui-icons_E87C1E_256x240.png?v=1607621217"); + background-image: url("../../../../css/ui-lightness/images/ui-icons_E87C1E_256x240.png?v=1608028358"); } .ui-button:focus { font-weight: bold; color: #EA7D1E; } .ui-button:focus .ui-icon { - background-image: url("../../../../css/ui-lightness/images/ui-icons_E87C1E_256x240.png?v=1607621217"); + background-image: url("../../../../css/ui-lightness/images/ui-icons_E87C1E_256x240.png?v=1608028358"); } .ui-button .ui-state-highlight.ui-icon { - background-image: url("../../../../css/ui-lightness/images/ui-icons_1c94c4_256x240.png?v=1607621217"); + background-image: url("../../../../css/ui-lightness/images/ui-icons_1c94c4_256x240.png?v=1608028358"); } .ui-button .ui-icon { - background-image: url("../../../../css/ui-lightness/images/ui-icons_F26522_256x240.png?v=1607621217"); + background-image: url("../../../../css/ui-lightness/images/ui-icons_F26522_256x240.png?v=1608028358"); } .ui-button-icon-only { width: 2em; @@ -901,7 +901,7 @@ body .ui-tooltip { background-image: none; } .ui-widget-content .ui-icon { - background-image: url("../../../../css/ui-lightness/images/ui-icons_222222_256x240.png?v=1607621217"); + background-image: url("../../../../css/ui-lightness/images/ui-icons_222222_256x240.png?v=1608028358"); } .ui-widget-header .ui-priority-secondary { opacity: 0.7; @@ -913,7 +913,7 @@ body .ui-tooltip { background-image: none; } .ui-widget-header .ui-icon { - background-image: url("../../../../css/ui-lightness/images/ui-icons_ffffff_256x240.png?v=1607621217"); + background-image: url("../../../../css/ui-lightness/images/ui-icons_ffffff_256x240.png?v=1608028358"); } .ui-state-default a { text-decoration: none; @@ -925,7 +925,7 @@ body .ui-tooltip { text-decoration: none; } .ui-state-default .ui-icon { - background-image: url("../../../../css/ui-lightness/images/ui-icons_F26522_256x240.png?v=1607621217"); + background-image: url("../../../../css/ui-lightness/images/ui-icons_F26522_256x240.png?v=1608028358"); } a.ui-button { text-decoration: none; @@ -955,7 +955,7 @@ a:visited.ui-button { text-decoration: none; } .ui-state-hover .ui-icon { - background-image: url("../../../../css/ui-lightness/images/ui-icons_E87C1E_256x240.png?v=1607621217"); + background-image: url("../../../../css/ui-lightness/images/ui-icons_E87C1E_256x240.png?v=1608028358"); } .ui-state-focus a { text-decoration: none; @@ -970,7 +970,7 @@ a:visited.ui-button { text-decoration: none; } .ui-state-focus .ui-icon { - background-image: url("../../../../css/ui-lightness/images/ui-icons_E87C1E_256x240.png?v=1607621217"); + background-image: url("../../../../css/ui-lightness/images/ui-icons_E87C1E_256x240.png?v=1608028358"); } .ui-visual-focus { box-shadow: 0 0 3px 1px #5e9ed6; @@ -988,19 +988,19 @@ a:visited.ui-button { text-decoration: none; } .ui-state-active .ui-icon { - background-image: url("../../../../css/ui-lightness/images/ui-icons_E87C1E_256x240.png?v=1607621217"); + background-image: url("../../../../css/ui-lightness/images/ui-icons_E87C1E_256x240.png?v=1608028358"); } .ui-icon-background { background-color: #EA7D1E; } .ui-state-highlight .ui-icon { - background-image: url("../../../../css/ui-lightness/images/ui-icons_1c94c4_256x240.png?v=1607621217"); + background-image: url("../../../../css/ui-lightness/images/ui-icons_1c94c4_256x240.png?v=1608028358"); } .ui-state-error .ui-icon { - background-image: url("../../../../css/ui-lightness/images/ui-icons_ffd27a_256x240.png?v=1607621217"); + background-image: url("../../../../css/ui-lightness/images/ui-icons_ffd27a_256x240.png?v=1608028358"); } .ui-state-error-text .ui-icon { - background-image: url("../../../../css/ui-lightness/images/ui-icons_ffd27a_256x240.png?v=1607621217"); + background-image: url("../../../../css/ui-lightness/images/ui-icons_ffd27a_256x240.png?v=1608028358"); } .ui-priority-primary { font-weight: bold; @@ -1655,7 +1655,7 @@ a:visited.ui-button { visibility: hidden; } #ibo-main-content .edit-image .view-image.dirty.compat, .ui-dialog .edit-image .view-image.dirty.compat { - background-image: url("../../../../css/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png?v=1607621217"); + background-image: url("../../../../css/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png?v=1608028358"); } #ibo-main-content .edit-image .view-image.dirty.compat img, .ui-dialog .edit-image .view-image.dirty.compat img { opacity: 0.3; @@ -1678,7 +1678,7 @@ a:visited.ui-button { opacity: 0.3; } #ibo-main-content .edit-image .edit-buttons .button .ui-icon, .ui-dialog .edit-image .edit-buttons .button .ui-icon { - background-image: url("../../../../css/ui-lightness/images/ui-icons_ffffff_256x240.png?v=1607621217"); + background-image: url("../../../../css/ui-lightness/images/ui-icons_ffffff_256x240.png?v=1608028358"); } #ibo-main-content .edit-image .file-input, .ui-dialog .edit-image .file-input { display: block; @@ -1878,7 +1878,7 @@ a:visited.ui-button { background: #EA7D1E; } #ibo-main-content .actions_details span, .ui-dialog .actions_details span { - background: url("../../../../images/actions_right.png?v=1607621217") no-repeat right; + background: url("../../../../images/actions_right.png?v=1608028358") no-repeat right; color: #fff; font-weight: bold; padding-top: 2px; @@ -1901,7 +1901,7 @@ a:visited.ui-button { } #ibo-main-content .ac_input, .ui-dialog .ac_input { border: 1px solid #7f9db9; - background: #fff url("../../../../images/ac-background.gif?v=1607621217") no-repeat right; + background: #fff url("../../../../images/ac-background.gif?v=1608028358") no-repeat right; /* By Rom */ } #ibo-main-content .csvimport_createobj, .ui-dialog .csvimport_createobj { @@ -1956,7 +1956,7 @@ a:visited.ui-button { noborder-top: 1px solid #8b8b8b; padding: 4px 0px 0px 16px; font-size: 8pt; - background: url("../../../../images/green-square.gif?v=1607621217") no-repeat bottom left; + background: url("../../../../images/green-square.gif?v=1608028358") no-repeat bottom left; color: #83b217; font-weight: bold; text-decoration: none; @@ -2032,22 +2032,22 @@ a:visited.ui-button { margin-top: -8px; } #ibo-main-content .notreeview li, .ui-dialog .notreeview li { - background: url("../../../../images/tv-item.gif?v=1607621217") 0 0 no-repeat; + background: url("../../../../images/tv-item.gif?v=1608028358") 0 0 no-repeat; } #ibo-main-content .notreeview .collapsable, .ui-dialog .notreeview .collapsable { - background-image: url("../../../../images/tv-collapsable.gif?v=1607621217"); + background-image: url("../../../../images/tv-collapsable.gif?v=1608028358"); } #ibo-main-content .notreeview .expandable, .ui-dialog .notreeview .expandable { - background-image: url("../../../../images/tv-expandable.gif?v=1607621217"); + background-image: url("../../../../images/tv-expandable.gif?v=1608028358"); } #ibo-main-content .notreeview .last, .ui-dialog .notreeview .last { - background-image: url("../../../../images/tv-item-last.gif?v=1607621217"); + background-image: url("../../../../images/tv-item-last.gif?v=1608028358"); } #ibo-main-content .notreeview .lastCollapsable, .ui-dialog .notreeview .lastCollapsable { - background-image: url("../../../../images/tv-collapsable-last.gif?v=1607621217"); + background-image: url("../../../../images/tv-collapsable-last.gif?v=1608028358"); } #ibo-main-content .notreeview .lastExpandable, .ui-dialog .notreeview .lastExpandable { - background-image: url("../../../../images/tv-expandable-last.gif?v=1607621217"); + background-image: url("../../../../images/tv-expandable-last.gif?v=1608028358"); } #ibo-main-content #OrganizationSelection, .ui-dialog #OrganizationSelection { padding: 5px 0px 16px 20px; @@ -2223,7 +2223,7 @@ a:visited.ui-button { color: #000; } #ibo-main-content th.red, .ui-dialog th.red { - background: url("../../../../images/red-header.gif?v=1607621217") bottom left repeat-x; + background: url("../../../../images/red-header.gif?v=1608028358") bottom left repeat-x; color: #000; } #ibo-main-content .green, .ui-dialog .green { @@ -2231,7 +2231,7 @@ a:visited.ui-button { color: #000; } #ibo-main-content th.green, .ui-dialog th.green { - background: url("../../../../images/green-header.gif?v=1607621217") bottom left repeat-x; + background: url("../../../../images/green-header.gif?v=1608028358") bottom left repeat-x; color: #000; } #ibo-main-content .orange, .ui-dialog .orange { @@ -2239,7 +2239,7 @@ a:visited.ui-button { color: #000; } #ibo-main-content th.orange, .ui-dialog th.orange { - background: url("../../../../images/orange-header.gif?v=1607621217") bottom left repeat-x; + background: url("../../../../images/orange-header.gif?v=1608028358") bottom left repeat-x; color: #000; /* For Date Picker: Creates a little calendar icon * instead of a text link for "Choose date" @@ -2254,7 +2254,7 @@ a:visited.ui-button { display: block; text-indent: -2000px; overflow: hidden; - background: url("../../../../images/calendar.png?v=1607621217") no-repeat; + background: url("../../../../images/calendar.png?v=1608028358") no-repeat; } #ibo-main-content td a.dp-choose-date.dp-disabled, .ui-dialog td a.dp-choose-date.dp-disabled, #ibo-main-content a.dp-choose-date.dp-disabled, .ui-dialog a.dp-choose-date.dp-disabled { background-position: 0 -20px; @@ -2303,19 +2303,19 @@ a:visited.ui-button { /* Beware: IE6 does not support multiple selector with multiple classes, only the last class is used */ } #ibo-main-content table.listResults tr.odd td.truncated, .ui-dialog table.listResults tr.odd td.truncated, #ibo-main-content table.listResults tr td.truncated, .ui-dialog table.listResults tr td.truncated, #ibo-main-content .wizContainer table.listResults tr.odd td.truncated, .ui-dialog .wizContainer table.listResults tr.odd td.truncated, #ibo-main-content .wizContainer table.listResults tr td.truncated, .ui-dialog .wizContainer table.listResults tr td.truncated { - background: url("../../../../images/truncated.png?v=1607621217") bottom repeat-x; + background: url("../../../../images/truncated.png?v=1608028358") bottom repeat-x; /* Beware: IE6 does not support multiple selector with multiple classes, only the last class is used */ } #ibo-main-content table.listResults tr.even td.truncated, .ui-dialog table.listResults tr.even td.truncated, #ibo-main-content .wizContainer table.listResults tr.even td.truncated, .ui-dialog .wizContainer table.listResults tr.even td.truncated { - background: #f9f9f1 url("../../../../images/truncated.png?v=1607621217") bottom repeat-x; + background: #f9f9f1 url("../../../../images/truncated.png?v=1608028358") bottom repeat-x; /* Beware: IE6 does not support multiple selector with multiple classes, only the last class is used */ } #ibo-main-content table.listResults tr.even td.hover.truncated, .ui-dialog table.listResults tr.even td.hover.truncated, #ibo-main-content .wizContainer table.listResults tr.even td.hover.truncated, .ui-dialog .wizContainer table.listResults tr.even td.hover.truncated { - background: #fdf5d0 url("../../../../images/truncated.png?v=1607621217") bottom repeat-x; + background: #fdf5d0 url("../../../../images/truncated.png?v=1608028358") bottom repeat-x; /* Beware: IE6 does not support multiple selector with multiple classes, only the last class is used */ } #ibo-main-content table.listResults tr.odd td.hover.truncated, .ui-dialog table.listResults tr.odd td.hover.truncated, #ibo-main-content table.listResults tr td.hover.truncated, .ui-dialog table.listResults tr td.hover.truncated, #ibo-main-content .wizContainer table.listResults tr.odd td.hover.truncated, .ui-dialog .wizContainer table.listResults tr.odd td.hover.truncated, #ibo-main-content .wizContainer table.listResults tr td.hover.truncated, .ui-dialog .wizContainer table.listResults tr td.hover.truncated { - background: #fdf5d0 url("../../../../images/truncated.png?v=1607621217") bottom repeat-x; + background: #fdf5d0 url("../../../../images/truncated.png?v=1608028358") bottom repeat-x; } #ibo-main-content table.listResults.truncated, .ui-dialog table.listResults.truncated { border-bottom: 0; @@ -2417,7 +2417,7 @@ a:visited.ui-button { #ibo-main-content div#logo div, .ui-dialog div#logo div { height: 88px; width: 244px; - background: url("../../../../images/itop-logo-2.png?v=1607621217") left no-repeat; + background: url("../../../../images/itop-logo-2.png?v=1608028358") left no-repeat; } #ibo-main-content #left-pane .ui-layout-north, .ui-dialog #left-pane .ui-layout-north { overflow: hidden; @@ -2566,7 +2566,7 @@ a:visited.ui-button { margin: 0 2px; } #ibo-main-content .ui-layout-button-pin-down, .ui-dialog .ui-layout-button-pin-down { - background: url("../../../../images/splitter-bkg.png?v=1607621217") transparent; + background: url("../../../../images/splitter-bkg.png?v=1608028358") transparent; width: 16px; background-position: -144px -144px; } @@ -2691,25 +2691,16 @@ a:visited.ui-button { #ibo-main-content .caselog_input_header:empty, .ui-dialog .caselog_input_header:empty { display: none; } -#ibo-main-content .editor_magnifier, .ui-dialog .editor_magnifier { - /* !important so it overrides the .cke_reset_all style */ - background-position: center center !important; - background-repeat: no-repeat !important; - background-size: 100% !important; -} -#ibo-main-content .editor_magnifier:hover, .ui-dialog .editor_magnifier:hover { - background-color: #CCC; -} #ibo-main-content .caselog_header, .ui-dialog .caselog_header { padding: 3px; border-top: 1px solid #fff; - background: #ddd url("../../../../images/plus.gif?v=1607621217") left no-repeat; + background: #ddd url("../../../../images/plus.gif?v=1608028358") left no-repeat; padding-left: 16px; cursor: pointer; width: 100%; } #ibo-main-content .caselog_header.open, .ui-dialog .caselog_header.open { - background: #ddd url("../../../../images/minus.gif?v=1607621217") left no-repeat; + background: #ddd url("../../../../images/minus.gif?v=1608028358") left no-repeat; } #ibo-main-content .caselog_entry, .ui-dialog .caselog_entry, #ibo-main-content .caselog_entry_html, .ui-dialog .caselog_entry_html { overflow-x: auto; @@ -2885,7 +2876,7 @@ a:visited.ui-button { height: 15px; border: 1px #A6A6A6 solid; cursor: pointer; - background-image: url("../../../../images/full-screen.png?v=1607621217"); + background-image: url("../../../../images/full-screen.png?v=1608028358"); background-repeat: no-repeat; background-position: center center; background-size: 98%; @@ -2932,7 +2923,7 @@ a:visited.ui-button { padding: 2px; } #ibo-main-content .field_container > div > div.field_value .attribute-edit .field_input_zone.field_input_document .button .ui-icon, .ui-dialog .field_container > div > div.field_value .attribute-edit .field_input_zone.field_input_document .button .ui-icon { - background-image: url("../../../../css/ui-lightness/images/ui-icons_ffffff_256x240.png?v=1607621217"); + background-image: url("../../../../css/ui-lightness/images/ui-icons_ffffff_256x240.png?v=1608028358"); background-color: #EA7D1E; } #ibo-main-content .field_container > div > div.field_value .attribute-edit .field_input_zone.field_input_image input, .ui-dialog .field_container > div > div.field_value .attribute-edit .field_input_zone.field_input_image input { @@ -2998,7 +2989,7 @@ a:visited.ui-button { height: 15px; border: 1px #A6A6A6 solid; cursor: pointer; - background-image: url("../../../../images/full-screen.png?v=1607621217"); + background-image: url("../../../../images/full-screen.png?v=1608028358"); background-repeat: no-repeat; background-position: center center; background-size: 98%; @@ -3063,7 +3054,7 @@ a:visited.ui-button { padding-left: 0.4em; } #ibo-main-content .ac_dlg_loading, .ui-dialog .ac_dlg_loading { - background: white url("../../../../images/indicator.gif?v=1607621217") right center no-repeat; + background: white url("../../../../images/indicator.gif?v=1608028358") right center no-repeat; } #ibo-main-content table.pagination, .ui-dialog table.pagination { display: inline-block; @@ -3130,10 +3121,10 @@ a:visited.ui-button { cursor: not-allowed; } #ibo-main-content .dragHover, .ui-dialog .dragHover { - background: url("../../../../css/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png?v=1607621217"); + background: url("../../../../css/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png?v=1608028358"); } #ibo-main-content .edit_mode .dashlet, .ui-dialog .edit_mode .dashlet { - background: url("../../../../css/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png?v=1607621217"); + background: url("../../../../css/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png?v=1608028358"); padding: 5px; margin: 0; position: relative; @@ -3178,7 +3169,7 @@ a:visited.ui-button { top: 0; right: 0; z-index: 10; - background: transparent url("../../../../images/delete.png?v=1607621217") no-repeat center; + background: transparent url("../../../../images/delete.png?v=1608028358") no-repeat center; } #ibo-main-content td.prop_value, .ui-dialog td.prop_value { text-align: left; @@ -3407,23 +3398,23 @@ a:visited.ui-button { } #ibo-main-content .message_info, .ui-dialog .message_info { border: 1px solid #993; - background: url("../../../../images/info-mini.png?v=1607621217") 1em 1em no-repeat #ffc; + background: url("../../../../images/info-mini.png?v=1608028358") 1em 1em no-repeat #ffc; padding-left: 3em; } #ibo-main-content .message_ok, .ui-dialog .message_ok { border: 1px solid #393; - background: url("../../../../images/ok.png?v=1607621217") 1em 1em no-repeat #cfc; + background: url("../../../../images/ok.png?v=1608028358") 1em 1em no-repeat #cfc; padding-left: 3em; } #ibo-main-content .message_warning, .ui-dialog .message_warning { border: 1px solid #ec9800; - background: url("../../../../images/error.png?v=1607621217") 1em 1em no-repeat #ffd78d; + background: url("../../../../images/error.png?v=1608028358") 1em 1em no-repeat #ffd78d; color: #000; padding-left: 3em; } #ibo-main-content .message_error, .ui-dialog .message_error { border: 1px solid #933; - background: url("../../../../images/error.png?v=1607621217") 1em 1em no-repeat #fcc; + background: url("../../../../images/error.png?v=1608028358") 1em 1em no-repeat #fcc; padding-left: 3em; } #ibo-main-content .fg-menu a img, .ui-dialog .fg-menu a img { @@ -3554,18 +3545,18 @@ a:visited.ui-button { } #ibo-main-content #hiddeable_chapters .ui-tabs .ui-tabs-nav li.hideable-chapter span, .ui-dialog #hiddeable_chapters .ui-tabs .ui-tabs-nav li.hideable-chapter span { padding-left: 20px; - background: url("../../../../images/eye-open-555.png?v=1607621217") 2px center no-repeat; + background: url("../../../../images/eye-open-555.png?v=1608028358") 2px center no-repeat; } #ibo-main-content #hiddeable_chapters .ui-tabs .ui-tabs-nav li.hideable-chapter.strikethrough span, .ui-dialog #hiddeable_chapters .ui-tabs .ui-tabs-nav li.hideable-chapter.strikethrough span { text-decoration: line-through; - background: url("../../../../images/eye-closed-555.png?v=1607621217") 2px center no-repeat; + background: url("../../../../images/eye-closed-555.png?v=1608028358") 2px center no-repeat; } #ibo-main-content .printable-version legend, .ui-dialog .printable-version legend { padding-left: 26px; - background: #1c94c4 url("../../../../images/eye-open-fff.png?v=1607621217") 8px center no-repeat; + background: #1c94c4 url("../../../../images/eye-open-fff.png?v=1608028358") 8px center no-repeat; } #ibo-main-content .printable-version .strikethrough legend, .ui-dialog .printable-version .strikethrough legend { - background: #1c94c4 url("../../../../images/eye-closed-fff.png?v=1607621217") 8px center no-repeat; + background: #1c94c4 url("../../../../images/eye-closed-fff.png?v=1608028358") 8px center no-repeat; } #ibo-main-content .printable-version fieldset.strikethrough span, .ui-dialog .printable-version fieldset.strikethrough span { display: none; @@ -3638,7 +3629,7 @@ a:visited.ui-button { cursor: pointer; width: 16px; height: 16px; - background-image: url("../../../../css/ui-lightness/images/ui-icons_222222_256x240.png?v=1607621217"); + background-image: url("../../../../css/ui-lightness/images/ui-icons_222222_256x240.png?v=1608028358"); background-position: -16px -192px; } #ibo-main-content .history_entry_truncated .history_truncated_toggler, .ui-dialog .history_entry_truncated .history_truncated_toggler { @@ -3723,7 +3714,7 @@ a:visited.ui-button { #ibo-main-content #itop-breadcrumb .breadcrumb-item a::after, .ui-dialog #itop-breadcrumb .breadcrumb-item a::after { content: ''; position: absolute; - background-image: url("../../../../images/breadcrumb-separator.png?v=1607621217"); + background-image: url("../../../../images/breadcrumb-separator.png?v=1608028358"); background-repeat: no-repeat; width: 8px; height: 16px; diff --git a/test/application/theme-handler/expected/css/light-grey.scss b/test/application/theme-handler/expected/css/light-grey.scss index 864323835..71c3c7eef 100644 --- a/test/application/theme-handler/expected/css/light-grey.scss +++ b/test/application/theme-handler/expected/css/light-grey.scss @@ -16,2425 +16,2653 @@ * You should have received a copy of the GNU Affero General Public License */ -//@import 'css-variables.scss'; +@import 'css-variables.scss'; -/* CSS Document */ -body { - font-family: Tahoma, Verdana, Arial, Helvetica; - font-size: 10pt; - background-color: $body-background-color; - color: $text-color; - margin: 0; /* Remove body margin/padding */ - padding: 0; - overflow: hidden; /* Remove scroll bars on browser window */ -} +#ibo-main-content, +.ui-dialog { + /* CSS Document */ + // IMPORTANT: Some parts are commented while developing Full Moon so we can still use the pages in the "legacy" theme. + //body { + // font-family: Tahoma, Verdana, Arial, Helvetica; + // font-size: 10pt; + // background-color: $body-background-color; + // color: $text-color; + // margin: 0; /* Remove body margin/padding */ + // padding: 0; + // overflow: hidden; /* Remove scroll bars on browser window */ + //} + // + //body.printable-version { + // margin:1.5em; + // overflow:auto; + //} -body.printable-version { - margin:1.5em; - overflow:auto; -} - -/* to prevent flicker, hide the pane's content until it's ready */ -.ui-layout-center, .ui-layout-north, .ui-layout-south { - display: none; -} -.ui-layout-content { - padding-left: 10px; -} -.ui-layout-content .ui-tabs-nav li { - /* Overriding jQuery UI theme to see active tab better */ - margin-bottom: 2px; - - &.ui-tabs-active{ - padding-bottom: 3px; - } -} - -.raw_output { - font-family: Courier-New, Courier, Arial, Helvetica; - font-size: 8pt; - background-color: #eeeeee; - color: $text-color; - border: 1px dashed $text-color; - padding: 0.25em; - margin-top: 1em; -} - -h1 { - font-family: Tahoma, Verdana, Arial, Helvetica; - color: $text-color; - font-weight: bold; - font-size: 12pt; -} -h2 { - font-family: Tahoma, Verdana, Arial, Helvetica; - color: $text-color; - font-weight: normal; - font-size: 12pt; -} -h3 { - font-family: Tahoma, Verdana, Arial, Helvetica; - color: $text-color; - font-weight: normal; - font-size: 10pt; -} - -label { - cursor: pointer; -} - -.hilite, .hilite a, .hilite a:visited { - color: $highlight-color; - text-decoration: none; -} -table.datatable { - width: 100%; - border: 0; - padding: 0; -} -td.menucontainer { - text-align: right; -} -table.listResults { - padding: 0px; - border-top: 3px solid $frame-background-color; - border-left: 3px solid $frame-background-color; - border-bottom: 3px solid #e6e6e1; - border-right: 3px solid #e6e6e1; - width: 100%; - background-color: $white; -} - -table.listResults td { - padding: 2px; -} - -table.listResults td .view-image { - // Counteract the forced dimensions (usefull for displaying in the details view) - width: inherit !important; - height: inherit !important; - img { - max-width: 48px !important; - max-height: 48px !important; - display: block; - margin-left: auto; - margin-right: auto; - } -} - -table.listResults > tbody > tr.selected > * { -} - -table.listResults > tbody > tr > * { - transition: background-color 400ms linear; -} - -table.listResults > tbody > tr:hover > * { - cursor: pointer; -} - -table.listResults > tbody > tr.selected:hover > * { - /* hover on lines is currently done toggling td.hover, and having a rule for links */ - background-color: $brand-primary-lightest; - color: $text-color; -} - -table.listResults > tbody > tr:hover > * { - /* hover on lines is currently done toggling td.hover, and having a rule for links */ - background-color: $table-hover-background; - color: $text-color; -} - -.edit-image { - .view-image { - display: inline-block; - - img[src=""], - img[src="null"] { - // Hiding "broken" image when src is not set - visibility: hidden; + /* to prevent flicker, hide the pane's content until it's ready */ + .ui-layout-center, .ui-layout-north, .ui-layout-south { + display: none; } - &.dirty { - // The image will be modified when saving the changes + .ui-layout-content { + padding-left: 10px; + } + + .ui-layout-content .ui-tabs-nav li { + /* Overriding jQuery UI theme to see active tab better */ + margin-bottom: 2px; + + &.ui-tabs-active { + padding-bottom: 3px; + } + } + + .raw_output { + font-family: Courier-New, Courier, Arial, Helvetica; + font-size: 8pt; + background-color: #eeeeee; + color: $text-color; + border: 1px dashed $text-color; + padding: 0.25em; + margin-top: 1em; + } + // + //h1 { + // font-family: Tahoma, Verdana, Arial, Helvetica; + // color: $text-color; + // font-weight: bold; + // font-size: 12pt; + //} + //h2 { + // font-family: Tahoma, Verdana, Arial, Helvetica; + // color: $text-color; + // font-weight: normal; + // font-size: 12pt; + //} + //h3 { + // font-family: Tahoma, Verdana, Arial, Helvetica; + // color: $text-color; + // font-weight: normal; + // font-size: 10pt; + //} + + label { + cursor: pointer; + } + + .hilite, .hilite a, .hilite a:visited { + color: $highlight-color; + text-decoration: none; + } + + //table.datatable { + // width: 100%; + // border: 0; + // padding: 0; + //} + + td.menucontainer { + text-align: right; + } + + //table.listResults { + // padding: 0px; + // border-top: 3px solid $frame-background-color; + // border-left: 3px solid $frame-background-color; + // border-bottom: 3px solid #e6e6e1; + // border-right: 3px solid #e6e6e1; + // width: 100%; + // background-color: $white; + //} + + //table.listResults td { + // padding: 2px; + //} + + //table.listResults td .view-image { + // Counteract the forced dimensions (usefull for displaying in the details view) + // width: inherit !important; + // height: inherit !important; + + // img { + // max-width: 48px !important; + // max-height: 48px !important; + // display: block; + // margin-left: auto; + // margin-right: auto; + // } + //} + + //table.listResults > tbody > tr.selected > * { + //} + + //table.listResults > tbody > tr > * { + // transition: background-color 400ms linear; + //} + + //table.listResults > tbody > tr:hover > * { + // cursor: pointer; + //} + + //table.listResults > tbody > tr.selected:hover > * { + /* hover on lines is currently done toggling td.hover, and having a rule for links */ + // background-color: $brand-primary-lightest; + // color: $text-color; + //} + + //table.listResults > tbody > tr:hover > * { + /* hover on lines is currently done toggling td.hover, and having a rule for links */ + // background-color: $table-hover-background; + // color: $text-color; + //} + + .edit-image { + .view-image { + display: inline-block; + + img[src=""], + img[src="null"] { + // Hiding "broken" image when src is not set + visibility: hidden; + } + + &.dirty { + // The image will be modified when saving the changes + + &.compat { + // Browser not supporting FileReader + background-image: url($approot-relative + "css/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png?v=" + $version); + + img { + opacity: 0.3; + } + } + } + } + + .edit-buttons { + display: inline-block; + vertical-align: top; + margin-top: 4px; + margin-left: 3px; + + .button { + cursor: pointer; + margin-bottom: 3px; + padding: 2px; + background-color: $highlight-color; + + &.disabled { + cursor: default; + background-color: $grey-color; + opacity: 0.3; + } + + .ui-icon { + background-image: url($approot-relative + "css/ui-lightness/images/ui-icons_ffffff_256x240.png?v=" + $version); + } + } + } + + .file-input { + display: block; + position: relative; + } + } + + /* Center the image both horizontally and vertically, withing a box which size is fixed (depends on the attribute definition) */ + .details .view-image { + text-align: center; + padding: 2px; + border: 2px solid $gray-lighter; + border-radius: 6px; - &.compat { - // Browser not supporting FileReader - background-image: url($approot-relative + "css/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png?v=" + $version); img { - opacity: 0.3; + display: inline-block; + vertical-align: middle; + max-width: 90% !important; + max-height: 90% !important; + cursor: zoom-in; } - } - } - } - .edit-buttons { - display: inline-block; - vertical-align: top; - margin-top: 4px; - margin-left: 3px; - - .button { - cursor: pointer; - margin-bottom: 3px; - padding: 2px; - background-color: $highlight-color; - - &.disabled { - cursor: default; - background-color: $grey-color; - opacity: 0.3; - } - .ui-icon { - background-image: url($approot-relative + "css/ui-lightness/images/ui-icons_ffffff_256x240.png?v=" + $version); - } - } - } - - .file-input { - display: block; - } -} - -/* Center the image both horizontally and vertically, withing a box which size is fixed (depends on the attribute definition) */ -.details .view-image { - text-align: center; - padding: 2px; - border: 2px solid $gray-lighter; - border-radius: 6px; - - img { - display: inline-block; - vertical-align: middle; - max-width: 90% !important; - max-height: 90% !important; - cursor: zoom-in; - } - .helper-middle { - // Helper to center the image (requires a span dedicated to this) - display: inline-block; - height: 100%; - vertical-align: middle; - } -} - -table.listContainer { - border: 0; - padding: 0; - margin: 0; - width: 100%; - clear: both; -} - -tr.containerHeader, tr.containerHeader td { - background: transparent; -} - -tr.even td, .wizContainer tr.even td { - background-color: $table-even-background; -} -tr.red_even td, .wizContainer tr.red_even td { - background-color: #f97e75; - color: $white; -} -tr.red td, .wizContainer tr.red td { - background-color: #f9a397; - color: $white; -} -tr.orange_even td, .wizContainer tr.orange_even td { - background-color: #f4d07a; -} -tr.orange td, .wizContainer tr.orange td { - background-color: #f4e96c; -} -tr.green_even td, .wizContainer tr.green_even td { - background-color: #bee5a3; -} -tr.green td, .wizContainer tr.green td { - background-color: #b3e5b4; -} - -tr td.hover, tr.even td.hover, .hover a, .hover a:visited, .hover a:hover, .wizContainer tr.even td.hover, .wizContainer tr td.hover { - //background-color: #fdf5d0; - color: $text-color; -} - -th { - font-family: Tahoma, Verdana, Arial, Helvetica; - font-size: 8pt; - color: $complement-color; - height:20px; - background: $frame-background-color bottom repeat-x; -} - -th.header { - cursor: pointer; - background-repeat: no-repeat; - background-position: center right; - background-repeat: no-repeat; - padding-right: 16px; // some space for the asc/desc icons -} - -th.headerSortUp { - text-decoration: underline; - cursor: pointer; - padding-right: 5px; - - &::after { - font-family: "Font Awesome 5 Free"; - text-align: right; - content: '\f0d7'; - color: $complement-color; - float: right; - } -} - -th.headerSortDown { - text-decoration: underline; - cursor: pointer; - padding-right: 5px; - - &::after { - font-family: "Font Awesome 5 Free"; - text-align: right; - content: '\f0d8'; - color: $complement-color; - float: right; - } -} - -td { - font-family: Tahoma, Verdana, Arial, Helvetica; - font-size: 12px; - color:#696969; - nobackground-color: #ffffff; - padding: 0px; -} - -tr.clicked td { - font-family: Tahoma, Verdana, Arial, Helvetica; - font-size: smaller; - background-color: #ffcfe8; -} - -td.label { - vertical-align: top; -} -td.label span { - font-family: Tahoma, Verdana, Arial, Helvetica; - font-size: 12px; - color: $text-color; - padding: 5px; - padding-right: 10px; - font-weight:bold; - vertical-align: top; - text-align: right; - display: block; -} -fieldset td.label span { - padding: 3px; - padding-right: 10px; -} -fieldset { - margin-top: 3px; - -moz-border-radius: 6px; - -webkit-border-radius: 6px; - border-radius: 6px; - border-style: solid; - border-color: #ddd; -} - -legend { - font-family: Tahoma, Verdana, Arial, Helvetica; - font-size: 12px; - padding:8px; - color: #fff; - background-color: $complement-color; - font-weight: bold; - -moz-border-radius: 6px; - -webkit-border-radius: 6px; - border-radius: 6px; -} -legend.transparent { - background: transparent; - color: #333333; - font-size: 1em; - font-weight: normal; - padding: 0; -} -.ui-widget-content td legend a, .ui-widget-content td legend a:hover, .ui-widget-content td legend a:visited { - color: #fff; -} - -.ui-widget-content td a, p a, p a:visited, td a, td a:visited { - text-decoration:none; - color: $complement-color; -} -.ui-widget-content td a.cke_button, .ui-widget-content td a.cke_toolbox_collapser, .ui-widget-content td a.cke_combo_button, cke_dialog a { - padding-left: 0; - background-image: none; -} - -.ui-widget-content td a:hover, p a:hover, td a:hover { - text-decoration:underline; - color:$highlight-color; -} -.cke_reset_all *:hover { - text-decoration: none; - color: $text-color; -} -table.cke_dialog_contents a.cke_dialog_ui_button_ok { - color: $text-color; - border-color: $highlight-color; - background: $highlight-color; -} -.cke_notifications_area { - display: none; -} -.hljs { - padding: 0.9em !important; - box-shadow: 0 0px 3px 2px inset rgba(0, 0, 0, 0.4); - border-radius: 3px; -} -td a.no-arrow, td a.no-arrow:visited, .SearchDrawer a.no-arrow, .SearchDrawer a.no-arrow:visited { - text-decoration:none; - color: $text-color; - padding-left:0px; - background: inherit; -} -td a.no-arrow:hover { - text-decoration:underline; - color:#d81515; - padding-left:0px; - background: inherit; -} -td a, -td a:visited{ - &:hover{ - .text_decoration{ - color: darken($highlight-color, 6%); + .helper-middle { + // Helper to center the image (requires a span dedicated to this) + display: inline-block; + height: 100%; + vertical-align: middle; } } - .text_decoration{ - vertical-align: baseline; + //table.listContainer { + // border: 0; + // padding: 0; + // margin: 0; + // width: 100%; + // clear: both; + //} + // + //tr.containerHeader, tr.containerHeader td { + // background: transparent; + //} + + //tr.even td, .wizContainer tr.even td { + // background-color: $table-even-background; + //} + + tr.red_even td, .wizContainer tr.red_even td { + background-color: #f97e75; + color: $white; + } + + tr.red td, .wizContainer tr.red td { + background-color: #f9a397; + color: $white; + } + + tr.orange_even td, .wizContainer tr.orange_even td { + background-color: #f4d07a; + } + + tr.orange td, .wizContainer tr.orange td { + background-color: #f4e96c; + } + + tr.green_even td, .wizContainer tr.green_even td { + background-color: #bee5a3; + } + + tr.green td, .wizContainer tr.green td { + background-color: #b3e5b4; + } + + tr td.hover, tr.even td.hover, .hover a, .hover a:visited, .hover a:hover, .wizContainer tr.even td.hover, .wizContainer tr td.hover { + //background-color: #fdf5d0; + color: $text-color; + } + + //th { + // font-family: Tahoma, Verdana, Arial, Helvetica; + // font-size: 8pt; + // color: $complement-color; + // height: 20px; + // background: $frame-background-color bottom repeat-x; + //} + + th.header { + cursor: pointer; + background-repeat: no-repeat; + background-position: center right; + background-repeat: no-repeat; + padding-right: 16px; // some space for the asc/desc icons + } + + th.headerSortUp { + text-decoration: underline; + cursor: pointer; + padding-right: 5px; + + &::after { + font-family: "Font Awesome 5 Free"; + text-align: right; + content: '\f0d7'; + color: $complement-color; + float: right; + } + } + + th.headerSortDown { + text-decoration: underline; + cursor: pointer; + padding-right: 5px; + + &::after { + font-family: "Font Awesome 5 Free"; + text-align: right; + content: '\f0d8'; + color: $complement-color; + float: right; + } + } + + //td { + // font-family: Tahoma, Verdana, Arial, Helvetica; + // font-size: 12px; + // color: #696969; + // nobackground-color: #ffffff; + // padding: 0px; + //} + + tr.clicked td { + font-family: Tahoma, Verdana, Arial, Helvetica; + font-size: smaller; + background-color: #ffcfe8; + } + + td.label { + vertical-align: top; + } + + td.label span { + font-family: Tahoma, Verdana, Arial, Helvetica; + font-size: 12px; + color: $text-color; + padding: 5px; + padding-right: 10px; + font-weight: bold; + vertical-align: top; + text-align: right; + display: block; + } + + fieldset td.label span { + padding: 3px; + padding-right: 10px; + } +/* + fieldset { + margin-top: 3px; + -moz-border-radius: 6px; + -webkit-border-radius: 6px; + border-radius: 6px; + border-style: solid; + border-color: #ddd; + } + + legend { + font-family: Tahoma, Verdana, Arial, Helvetica; + font-size: 12px; + padding: 8px; + color: #fff; + background-color: $complement-color; + font-weight: bold; + -moz-border-radius: 6px; + -webkit-border-radius: 6px; + border-radius: 6px; + } +*/ + + legend.transparent { + background: transparent; + color: #333333; + font-size: 1em; + font-weight: normal; + padding: 0; + } + + /* + .ui-widget-content td legend a, .ui-widget-content td legend a:hover, .ui-widget-content td legend a:visited { + color: #fff; + } + + .ui-widget-content td a, p a, p a:visited, td a, td a:visited { + text-decoration: none; + color: $complement-color; + } + + .ui-widget-content td a.cke_button, .ui-widget-content td a.cke_toolbox_collapser, .ui-widget-content td a.cke_combo_button, cke_dialog a { + padding-left: 0; + background-image: none; + } + + .ui-widget-content td a:hover, p a:hover, td a:hover { + text-decoration: underline; + color: $highlight-color; + } + */ + .cke_reset_all *:hover { + text-decoration: none; + color: $text-color; + } + + table.cke_dialog_contents a.cke_dialog_ui_button_ok { + color: $text-color; + border-color: $highlight-color; + background: $highlight-color; + } + + .cke_notifications_area { + display: none; + } + + //.hljs { + // padding: 0.9em !important; + // box-shadow: 0 0px 3px 2px inset rgba(0, 0, 0, 0.4); + // border-radius: 3px; + //} + + td a.no-arrow, td a.no-arrow:visited, .SearchDrawer a.no-arrow, .SearchDrawer a.no-arrow:visited { + text-decoration: none; + color: $text-color; + padding-left: 0px; + background: inherit; + } + + td a.no-arrow:hover { + text-decoration: underline; + color: #d81515; + padding-left: 0px; + background: inherit; + } + + td a, + td a:visited { + &:hover { + .text_decoration { + color: darken($highlight-color, 6%); + } + } + + .text_decoration { + vertical-align: baseline; + text-decoration: none; + color: $highlight-color; + margin-right: 8px; + transition: color 0.2s ease-in-out; + } + } + + a.small_action { + font-family: Tahoma, Verdana, Arial, Helvetica; + font-size: 8pt; + color: $text-color; + text-decoration: none; + } + + .display_block { + padding: 0.25em; + } + + .actions_details { + float: right; + margin-top: 10px; + margin-right: 10px; + padding-left: 5px; + padding-top: 2px; + padding-bottom: 2px; + background: $highlight-color; + } + + .actions_details span { + background: url($approot-relative + "images/actions_right.png?v=" + $version) no-repeat right; + color: #fff; + font-weight: bold; + padding-top: 2px; + padding-bottom: 2px; + padding-right: 12px; + } + + .actions_details a { + text-decoration: none; + } + + .loading { + noborder: 1px dashed #CCC; + background: #b9c1c8; + padding: 0.25em; + } + + input.textSearch { + border: 1px solid $gray-base; + font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; + font-size: 12px; + color: $text-color; + } + + .ac_input { + border: 1px solid #7f9db9; + background: #fff url($approot-relative + "images/ac-background.gif?v=" + $version) no-repeat right; + } + + /* By Rom */ + .csvimport_createobj { + color: #AA0000; + background-color: #EEEEEE; + } + + .csvimport_error { + font-weight: bold; + color: #FF0000; + background-color: #EEEEEE; + } + + .csvimport_warning { + color: #CC8888; + background-color: #EEEEEE; + } + + .csvimport_ok { + color: $text-color; + background-color: #BBFFBB; + } + + .csvimport_reconkey { + font-style: italic; + color: #888888; + background-color: $white; + } + + .csvimport_extreconkey { + color: #888888; + background-color: $white; + } + + #accordion { + display: none; + } + + #accordion h3 { + padding: 10px; + } + + .ui-accordion-content ul { + list-style: none; + list-style-image: none; + padding-left: 16px; + margin-top: 8px; + } + + .ui-accordion-content li.submenu { + margin-top: 8px; + } + + .ui-accordion-content ul ul { + padding: 8px 0px 8px 8px; + margin: 0; + list-style: none; + list-style-image: none; + border: 0; + } + + .nothing { + noborder-top: 1px solid #8b8b8b; + padding: 4px 0px 0px 16px; + font-size: 8pt; + background: url($approot-relative + "images/green-square.gif?v=" + $version) no-repeat bottom left; + color: #83b217; + font-weight: bold; + text-decoration: none; + } + + div.ui-accordion-content { + padding-top: 10px; + padding-left: 10px; + } + + .ui-accordion-content a, ui-accordion-content a:visited { + color: $complement-color; + text-decoration: none; + } + + .ui-accordion-content a:hover { + color: $highlight-color; + text-decoration: none; + } + + .ui-accordion-content ul { + padding-left: 0; + margin-top: 0; + } + + .ui-accordion-content li { + color: $grey-color; + text-decoration: none; + margin: 0; + padding: 0px 0pt 0px 6px; + font-size: 9pt; + font-weight: normal; + border: 0; + + &::before { + font-family: "Font Awesome 5 Free"; + content: "\f0da"; + color: $highlight-color; + font-weight: 900; + margin-right: 6px; + font-size: 10px; + } + } + + td a.CollapsibleLabel, a.CollapsibleLabel { + margin: 0; + padding: 0; + font-size: 8pt; + text-decoration: none; + // color: $grey-color; + } + + td a.CollapsibleLabel::before, a.CollapsibleLabel::before { + font-family: "Font Awesome 5 Free"; + color: $highlight-color; + content: "\f0da"; // caret-right + font-weight: 900; + margin: 0 5px; + font-size: 10px; + } + + /* Beware: IE6 does not support multiple selector with multiple classes, only the last class is used */ + td a.CollapsibleLabel.open, a.CollapsibleLabel.open { + margin: 0; + padding: 0px 0pt 0px 16px; + font-size: 8pt; text-decoration: none; color: $highlight-color; - margin-right: 8px; - transition: color 0.2s ease-in-out; } -} -a.small_action { - font-family: Tahoma, Verdana, Arial, Helvetica; - font-size: 8pt; - color: $text-color; - text-decoration:none; -} -.display_block { - padding:0.25em; -} -.actions_details { - float:right; - margin-top:10px; - margin-right:10px; - padding-left: 5px; - padding-top: 2px; - padding-bottom: 2px; - background: $highlight-color; -} -.actions_details span{ - background: url($approot-relative + "images/actions_right.png?v=" + $version) no-repeat right; - color: #fff; - font-weight: bold; - padding-top: 2px; - padding-bottom: 2px; - padding-right: 12px; -} -.actions_details a { - text-decoration:none; -} -.loading { - noborder: 1px dashed #CCC; - background: #b9c1c8; - padding:0.25em; -} - -input.textSearch { - border:1px solid $gray-base; - font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif; - font-size: 12px; - color: $text-color; -} - -.ac_input { - border: 1px solid #7f9db9; - background: #fff url($approot-relative + "images/ac-background.gif?v=" + $version) no-repeat right; -} -/* By Rom */ -.csvimport_createobj { - color: #AA0000; - background-color:#EEEEEE; -} -.csvimport_error { - font-weight: bold; - color: #FF0000; - background-color:#EEEEEE; -} -.csvimport_warning { - color: #CC8888; - background-color:#EEEEEE; -} -.csvimport_ok { - color: $text-color; - background-color:#BBFFBB; -} -.csvimport_reconkey { - font-style: italic; - color: #888888; - background-color: $white; -} -.csvimport_extreconkey { - color: #888888; - background-color: $white; -} -#accordion { - display:none; -} - -#accordion h3 { - padding: 10px; -} - -.ui-accordion-content ul { - list-style:none; - list-style-image: none; - padding-left:16px; - margin-top: 8px; -} - -.ui-accordion-content li.submenu { - margin-top: 8px; -} - -.ui-accordion-content ul ul { - padding: 8px 0px 8px 8px; - margin:0; - list-style:none; - list-style-image: none; - border: 0; -} - -.nothing { - noborder-top: 1px solid #8b8b8b; - padding: 4px 0px 0px 16px; - font-size:8pt; - background: url($approot-relative + "images/green-square.gif?v=" + $version) no-repeat bottom left; - color:#83b217; - font-weight:bold; - text-decoration:none; -} -div.ui-accordion-content { - padding-top: 10px; - padding-left: 10px; -} -.ui-accordion-content a, ui-accordion-content a:visited { - color: $complement-color; - text-decoration:none; -} - -.ui-accordion-content a:hover { - color: $highlight-color; - text-decoration: none; -} - -.ui-accordion-content ul { - padding-left: 0; - margin-top: 0; -} - -.ui-accordion-content li { - color: $grey-color; - text-decoration: none; - margin: 0; - padding: 0px 0pt 0px 6px; - font-size: 9pt; - font-weight: normal; - border: 0; - - &::before { + td a.CollapsibleLabel.open::before, a.CollapsibleLabel.open::before { font-family: "Font Awesome 5 Free"; - content: "\f0da"; color: $highlight-color; - font-weight: 900; + content: '\f0d7'; // caret-down margin-right: 6px; font-size: 10px; } -} -td a.CollapsibleLabel, a.CollapsibleLabel{ - margin: 0; - padding: 0; - font-size:8pt; - text-decoration:none; - color:$grey-color; -} -td a.CollapsibleLabel::before, a.CollapsibleLabel::before{ - font-family: "Font Awesome 5 Free"; - color: $highlight-color; - content: "\f0da"; // caret-right - font-weight: 900; - margin: 0 5px; - font-size: 10px; -} + .page_header { + background-color: $frame-background-color; + padding: 5px; + } - /* Beware: IE6 does not support multiple selector with multiple classes, only the last class is used */ -td a.CollapsibleLabel.open, a.CollapsibleLabel.open{ - margin: 0; - padding: 0px 0pt 0px 16px; - font-size:8pt; - text-decoration:none; - color: $highlight-color; -} -td a.CollapsibleLabel.open::before, a.CollapsibleLabel.open::before { - font-family: "Font Awesome 5 Free"; - color: $highlight-color; - content: '\f0d7'; // caret-down - margin-right: 6px; - font-size: 10px; -} + /* move up a header immediately following a display block (i.e. "actions" menu) */ + .display_block + .page_header { + margin-top: -8px; + } -.page_header { - background-color:$frame-background-color; - padding:5px; -} -/* move up a header immediately following a display block (i.e. "actions" menu) */ -.display_block + .page_header { - margin-top: -8px; -} + .notreeview li { + background: url($approot-relative + "images/tv-item.gif?v=" + $version) 0 0 no-repeat; + } -.notreeview li { background: url($approot-relative + "images/tv-item.gif?v=" + $version) 0 0 no-repeat; } -.notreeview .collapsable { background-image: url($approot-relative + "images/tv-collapsable.gif?v=" + $version); } -.notreeview .expandable { background-image: url($approot-relative + "images/tv-expandable.gif?v=" + $version); } -.notreeview .last { background-image: url($approot-relative + "images/tv-item-last.gif?v=" + $version); } -.notreeview .lastCollapsable { background-image: url($approot-relative + "images/tv-collapsable-last.gif?v=" + $version); } -.notreeview .lastExpandable { background-image: url($approot-relative + "images/tv-expandable-last.gif?v=" + $version); } + .notreeview .collapsable { + background-image: url($approot-relative + "images/tv-collapsable.gif?v=" + $version); + } -#OrganizationSelection { - padding:5px 0px 16px 20px; -} + .notreeview .expandable { + background-image: url($approot-relative + "images/tv-expandable.gif?v=" + $version); + } -/* popup menus */ -div.itop_popup { - margin: 0; - padding: 0; - float:right; -} -div.itop_popup > ul > li { - list-style: none; - cursor: pointer; - position: relative; -} + .notreeview .last { + background-image: url($approot-relative + "images/tv-item-last.gif?v=" + $version); + } -div.actions_menu > ul { - height:19px; - line-height: 17px; - vertical-align: middle; - display:block; - nowidth:70px; /* Nasty work-around for IE... en attendant mieux */ - padding-left: 5px; - background: $highlight-color; - cursor: pointer; - margin: 0; -} + .notreeview .lastCollapsable { + background-image: url($approot-relative + "images/tv-collapsable-last.gif?v=" + $version); + } -div.actions_menu > ul > li { - float: left; - list-style: none; - font-size: 11px; - font-family: Tahoma,sans-serif; - height: 17px; - padding-right: 10px; - padding-left: 4px; - font-weight: bold; - color: $popup-menu-text-higlight-color; - vertical-align: middle; - margin: 0; -} + .notreeview .lastExpandable { + background-image: url($approot-relative + "images/tv-expandable-last.gif?v=" + $version); + } -div.actions_menu > ul > li > i { - margin-left: 5px; -} + #OrganizationSelection { + padding: 5px 0px 16px 20px; + } -#logOffBtn > ul > li { - list-style: none; - vertical-align: middle; - margin: 0; - padding-left: 10px; - padding-right: 10px; - cursor: pointer; -} -#logOffBtn > ul { - list-style: none; - vertical-align: middle; - margin: 0; - padding: 0; - height: 25px; -} -.itop_popup > ul > li > ul, #logOffBtn > ul > li > ul { - box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.5); -} -.itop_popup li a, #logOffBtn li a { - display: block; - padding: 5px 12px; - text-decoration: none; - nowidth: 70px; - color: $popup-menu-text-color; - font-weight: bold; - white-space: nowrap; - background: $popup-menu-background-color; -} + /* popup menus */ + div.itop_popup { + margin: 0; + padding: 0; + float: right; + } -#logOffBtn li span { - display: block; - padding: 5px 12px; - text-decoration: none; - nowidth: 70px; - color: $popup-menu-text-color; - white-space: nowrap; - background: $popup-menu-background-color; -} -.itop_popup ul { - padding-left: 0; -} + div.itop_popup > ul > li { + list-style: none; + cursor: pointer; + position: relative; + } -.menucontainer div.toolkit_menu { - background: $highlight-color; - margin-left: 10px; - > ul > li - { + div.actions_menu > ul { + height: 19px; + line-height: 17px; + vertical-align: middle; + display: block; + nowidth: 70px; /* Nasty work-around for IE... en attendant mieux */ + padding-left: 5px; + background: $highlight-color; + cursor: pointer; + margin: 0; + } + + div.actions_menu > ul > li { float: left; list-style: none; font-size: 11px; font-family: Tahoma, sans-serif; - height: 19px; - padding-right: 4px; - padding-left: 6px; + height: 17px; + padding-right: 10px; + padding-left: 4px; font-weight: bold; - color:#fff; + color: $popup-menu-text-higlight-color; vertical-align: middle; - line-height: 17px; margin: 0; - > i:nth-child(1) { - font-size: 13px; - padding-top: 3px; - } - > i:nth-child(2) { - margin-left: 5px; - } - } -} - - -.itop_popup li a:hover, #logOffBtn li a:hover { - background: #1A4473; -} - -.itop_popup ul > li > ul, #logOffBtn ul > li > ul -{ - border: 1px solid black; - background: #fff; -} - -.itop_popup li > ul, #logOffBtn li > ul -{ margin: 0; - padding: 0; - position: absolute; - display: none; - border-top: 1px solid white; - z-index: 1500; -} - -.itop_popup li ul li, #logOffBtn li ul li { - float: none; - display: inline; -} - -.itop_popup li ul li a, #logOffBtn li ul li a { - width: auto; - text-align: left; -} - -.itop_popup li ul li a:hover, #logOffBtn li ul li a:hover{ - background: $popup-menu-highlight-color; - color: $popup-menu-text-higlight-color; - font-weight: bold; -} -.itop_popup > ul { - margin: 0; -} -hr.menu-separator { - border: none 0; - border-top: 1px solid #ccc; - color: #ccc; - background-color: transparent; - height: 1px; - margin: 3px; - cursor: default; -} -/************************************/ -.wizHeader { - background: $complement-color; - padding: 15px; -} -.wizContainer { - border: 5px solid $complement-color; - background: $complement-light; - padding: 5px; -} - -.wizContainer table tr td { - background: transparent; -} -.alignRight { - text-align: right; - padding: 3px; -} - -.alignLeft { - text-align: left; - padding: 3px; -} - -.red { - background-color: #ff6000; - color: $text-color; -} - -th.red { - background: url($approot-relative + "images/red-header.gif?v=" + $version) bottom left repeat-x; - color: $text-color; -} - -.green { - background-color: #00cc00; - color: $text-color; -} -th.green { - background: url($approot-relative + "images/green-header.gif?v=" + $version) bottom left repeat-x; - color: $text-color; -} - -.orange { - background-color: #ffde00; - color: $text-color; -} - -th.orange { - background: url($approot-relative + "images/orange-header.gif?v=" + $version) bottom left repeat-x; - color: $text-color; -} - -/* For Date Picker: Creates a little calendar icon - * instead of a text link for "Choose date" - */ -td a.dp-choose-date, a.dp-choose-date, td a.dp-choose-date:hover, a.dp-choose-date:hover, td a.dp-choose-date:visited, a.dp-choose-date:visited { - float: left; - width: 16px; - height: 16px; - padding: 0; - margin: 5px 3px 0; - display: block; - text-indent: -2000px; - overflow: hidden; - background: url($approot-relative + "images/calendar.png?v=" + $version) no-repeat; -} -td a.dp-choose-date.dp-disabled, a.dp-choose-date.dp-disabled { - background-position: 0 -20px; - cursor: default; -} -/* For Date Picker: makes the input field shorter once the date picker code - * has run (to allow space for the calendar icon) - */ -input.dp-applied { - width: 140px; - float: left; -} - -/* For search forms */ -.mini_tabs a { - text-decoration: none; - font-weight:bold; - color: #ccc; - background-color:#333; - padding-left: 1em; - padding-right: 1em; - padding-bottom: 0.25em; -} -.mini_tabs a.selected { - color: #fff; - background-color: $complement-color; - padding-top: 0.25em; -} -.mini_tabs ul { - margin: -10px; -} -.mini_tabs ul li { - float: right; - list-style: none; - nopadding-left: 1em; - nopadding-right: 1em; - margin-top: 0; -} -/* Search forms v2 */ -.search_box{ - box-sizing: border-box; - position: relative; - z-index: 1100; /* To be over the table block/unblock UI. Not very sure about this. */ - text-align: center; /* Used when form is closed */ - - /* Sizing reset */ - *{ - box-sizing: border-box; - } -} -.search_form_handler{ - position: relative; - z-index: 10; - width: 100%; - margin-left: auto; - margin-right: auto; - font-size: 12px; - text-align: left; /* To compensate .search_box:text-align */ - border: 1px solid $search-form-container-bg-color; - //transition: width 0.3s ease-in-out; - - /* Sizing reset */ - *{ - box-sizing: border-box; - } - /* Hyperlink reset */ - a{ - color: inherit; - text-decoration: none; - } - /* Input reset */ - input[type="text"], - select{ - padding: 1px 2px; } - &:not(.closed){ - .sf_title{ - .sft_short{ - display: none; - } - - .sft_hint, - .sfobs_hint, - .sft_toggler{ - margin-top: 4px; - } - .sft_toggler{ - transform: rotateX(180deg); - transition: transform 0.5s linear; - } - } - } - &.closed{ - margin-bottom: 0.5em; - width: 150px; - overflow: hidden; - border-radius: 4px; - background-color: $complement-color; - - .sf_criterion_area{ - height: 0; - opacity: 0; - padding: 0; - } - .sf_title { - padding: 6px 8px; - text-align: center; - font-size: 12px; - - .sft_long{ - display: none; - } - .sft_hint, - .sfobs_hint{ - display: none; - } - } + div.actions_menu > ul > li > i { + margin-left: 5px; } - &:not(.no_auto_submit){ - .sft_hint{ - display: none; - } - .sfc_fg_apply{ - display: none; - } - } - &.no_auto_submit{ - .sfc_fg_search{ - display: none; - } - .sft_hint{ - display: inline-block; - } - } - - - &:not(.hide_obsolete_data){ - .sfobs_hint{ - display: none; - } - } - &.hide_obsolete_data{ - .sfobs_hint{ - display: inline-block; - } - } - &.hide_obsolete_data.no_auto_submit{ - .sfobs_hint{ - margin-left: 30px; - } - - } - - .sf_title{ - transition: opacity 0.3s, background-color 0.3s, color 0.3s linear; - padding: 8px 10px; + #logOffBtn > ul > li { + list-style: none; + vertical-align: middle; margin: 0; - color: $search-form-container-color; - background-color: $search-form-container-bg-color; + padding-left: 10px; + padding-right: 10px; cursor: pointer; - .sft_hint, - .sfobs_hint{ - font-size: 8pt; - font-style: italic; - } - .sft_toggler{ - margin-left: 0.7em; - transition: color 0.2s ease-in-out, transform 0.4s ease-in-out; - - &:hover{ - color: $gray-extra-light; - } - } - } - .sf_message{ - display: none; - margin: 8px 8px 0px 8px; - border-radius: 0px; - } - .sf_criterion_area{ - /*display: none;*/ - padding: 8px 8px 3px 8px; /* padding-bottom must equals to padding-top - .search_form_criteria:margin-bottom */ - background-color: $white; - - .sf_criterion_row{ - position: relative;; - - &:not(:first-child){ - margin-top: 20px; - - &::before{ - content: ""; - position: absolute; - top: -12px; - left: 0px; - width: 100%; - border-top: 1px solid $search-criteria-box-border-color; - } - &::after{ - content: "or"; /* TODO: Make this into a dict entry */ - position: absolute; - top: -20px; - left: 8px; - padding-left: 5px; - padding-right: 5px; - color: $gray-light; - background-color: $white; /* Must match .sf_criterion_area:background-color */ - } - } - - .sf_criterion_group{ - display: inline; - } - } - - /* Common style between criterion and more criterion */ - .search_form_criteria, - .sf_more_criterion, - .sf_button{ - position: relative; - display: inline-block; - margin-right: 10px; - margin-bottom: 5px; - vertical-align: top; - - &.opened{ - margin-bottom: 0px; /* To compensate the .sfc/.sfm_header:padding-bottom: 13px */ - - .sfc_header, - .sfm_header{ - border-bottom: none !important; - box-shadow: none !important; - padding-bottom: 13px; /* Must be equal to .search_form_criteria:margin-bottom + this:padding-bottom */ - } - } - - > *{ - padding: 7px 8px; - vertical-align: top; - border: $search-criteria-box-border; - border-radius: $search-criteria-box-radius; - box-shadow: $box-shadow-regular; - } - .sfc_form_group, - .sfm_content{ - position: absolute; - z-index: -1; - min-width: 100%; - left: 0px; - margin-top: -1px; - - .sfc_fg_buttons{ - white-space: nowrap; - } - } - } - - /* Criteria tags */ - .search_form_criteria{ - /* Non editable criteria */ - &.locked{ - background-color: $gray-extra-light; - - .sfc_title{ - user-select: none; - cursor: initial; - } - } - /* Draft criteria (modifications not applied) */ - &.draft{ - .sfc_header, - .sfc_form_group{ - border-style: dashed; - } - - .sfc_title{ - font-style: italic; - } - } - /* Opened criteria (form group displayed) */ - &.opened{ - z-index: 1; /* To be over other criterion */ - - .sfc_toggle{ - transform: rotateX(-180deg); - } - .sfc_form_group{ - display: block; - } - } - &.opened_left{ - .sfc_form_group{ - left: auto; - right: 0px; - } - } - - /* Add "and" on criterion but the one and submit button */ - &:not(:last-of-type){ - margin-right: 30px; - - &::after{ - /* TODO: Find an elegant way to do this, without hardcoding the content (could be a