From 27858d9631179b8eea40d207148347d48bf512d3 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ferdinand=20Engl=C3=A4nder?= Date: Tue, 6 Jan 2026 16:11:26 +0100 Subject: [PATCH 1/2] [mOS style feature] new design, new spacing vars, new typo --- ...inson-hyperlegible-next-v7-latin-600.woff2 | Bin 0 -> 12672 bytes ...hyperlegible-next-v7-latin-600italic.woff2 | Bin 0 -> 14376 bytes ...inson-hyperlegible-next-v7-latin-700.woff2 | Bin 0 -> 12732 bytes ...hyperlegible-next-v7-latin-700italic.woff2 | Bin 0 -> 14364 bytes ...inson-hyperlegible-next-v7-latin-800.woff2 | Bin 0 -> 12644 bytes ...on-hyperlegible-next-v7-latin-italic.woff2 | Bin 0 -> 14152 bytes ...n-hyperlegible-next-v7-latin-regular.woff2 | Bin 0 -> 12096 bytes .../classes/MetaTemplate/PageContentGUI.php | 2 +- .../010-settings/_settings_button.scss | 8 +- .../010-settings/_settings_header.scss | 11 +- .../010-settings/_settings_mainbar.scss | 12 +- .../010-settings/_settings_typography.scss | 27 +- .../_legacy-settings_form.scss | 12 +- .../_legacy-settings_panel.scss | 6 +- .../030-tools/_tool_highlighted-box.scss | 4 +- .../030-tools/_tool_rem-conversion.scss | 5 +- .../030-tools/_tool_scale-with-ratio.scss | 15 + .../040-normalize/_normalize_typography.scss | 85 +- templates/default/050-layout/_index.scss | 3 +- .../default/050-layout/_layout_container.scss | 32 - .../050-layout/_layout_element-bar.scss | 8 +- .../basics/_layout_spacing-variables.scss | 79 +- .../standardpage/_layout_standardpage.scss | 14 +- .../default/060-elements/_elements_lists.scss | 4 +- .../060-elements/_elements_typography.scss | 36 +- .../_ui-component_breadcrumbs.scss | 3 +- .../Button/_ui-component_button.scss | 18 +- .../Button/_ui-component_toggle.scss | 2 +- .../UI-framework/Card/_ui-component_card.scss | 22 +- .../Chart/_ui-component_chart.scss | 10 +- .../UI-framework/Deck/_ui-component_deck.scss | 4 +- .../Dropdown/_ui-component_dropdown.scss | 10 +- .../Dropzone/_ui-component_dropzone.scss | 6 +- .../Entity/_ui-component_entity.scss | 6 +- .../Input/_ui-component_file.scss | 24 +- .../Input/_ui-component_filter.scss | 20 +- .../Input/_ui-component_input.scss | 27 +- .../Input/_ui-component_markdown.scss | 8 +- .../Input/_ui-component_multiselect.scss | 6 +- .../Input/_ui-component_optionalgroups.scss | 4 +- .../Input/_ui-component_radio.scss | 6 +- .../Input/_ui-component_section.scss | 6 +- .../UI-framework/Item/_ui-component_item.scss | 13 +- .../Launcher/_ui-component_launcher.scss | 4 +- .../Layout/_ui-component_alignment.scss | 4 +- .../Layout/_ui-component_standardpage.scss | 15 +- .../_ui-component_characteristic_value.scss | 6 +- .../Listing/_ui-component_properties.scss | 4 +- .../Listing/_ui-component_workflow.scss | 10 +- .../Slate/_ui-component_slate.scss | 8 +- .../MainControls/_ui-component_footer.scss | 6 +- .../MainControls/_ui-component_mainbar.scss | 6 +- .../MainControls/_ui-component_metabar.scss | 14 +- .../MainControls/_ui-component_mode_info.scss | 4 +- .../_ui-component_system_info.scss | 12 +- .../Menu/_ui-component_drilldown.scss | 10 +- .../MessageBox/_ui-component_messagebox.scss | 4 +- .../Modal/_ui-component_modal.scss | 10 +- .../Panel/_ui-component_panel.scss | 33 +- .../Progress/_ui-component_progress_bar.scss | 4 +- .../Table/_ui-component_table.scss | 28 +- .../Toast/_ui-component_toast.scss | 6 +- .../_ui-component_viewcontrol.scss | 12 +- .../UI-framework/_ui-component_tooltip.scss | 4 +- .../Modules/_component_bookingmanager.scss | 4 +- .../Modules/_component_datacollection.scss | 4 +- .../legacy/Modules/_component_excercise.scss | 6 +- .../legacy/Modules/_component_forum.scss | 26 +- .../Modules/_component_learningsequence.scss | 2 +- .../Modules/_component_studyprogramme.scss | 2 +- .../legacy/Modules/_component_survey.scss | 4 +- .../legacy/Modules/_component_test.scss | 22 +- .../Modules/_component_test_legacy.scss | 10 +- .../legacy/Modules/_component_wiki.scss | 6 +- .../UIComponent/_component_groupedlist.scss | 2 +- .../Services/UIComponent/_component_tabs.scss | 25 +- .../UIComponent/_component_toolbar.scss | 12 +- .../legacy/Services/_component_accordion.scss | 12 +- .../legacy/Services/_component_block.scss | 4 +- .../legacy/Services/_component_calendar.scss | 6 +- .../legacy/Services/_component_container.scss | 16 +- .../legacy/Services/_component_copage.scss | 34 +- .../legacy/Services/_component_form.scss | 38 +- .../legacy/Services/_component_init.scss | 6 +- .../Services/_component_learninghistory.scss | 4 +- .../legacy/Services/_component_notes.scss | 4 +- .../legacy/Services/_component_search.scss | 4 +- .../legacy/Services/_component_style.scss | 2 +- .../legacy/Services/_component_table.scss | 58 +- .../legacy/Services/_component_tags.scss | 6 +- .../legacy/Services/_component_user.scss | 14 +- .../legacy/_component_alert.scss | 34 +- .../legacy/_component_delostable.scss | 4 +- .../legacy/_component_headline.scss | 8 +- .../legacy/_component_input-group.scss | 36 +- .../legacy/_component_media-object.scss | 8 +- templates/default/delos.css | 1929 ++++++++--------- templates/default/tpl.page_content.html | 2 +- 98 files changed, 1542 insertions(+), 1574 deletions(-) create mode 100644 components/ILIAS/UI/resources/fonts/AtkinsonHyperlegibleNext/atkinson-hyperlegible-next-v7-latin-600.woff2 create mode 100644 components/ILIAS/UI/resources/fonts/AtkinsonHyperlegibleNext/atkinson-hyperlegible-next-v7-latin-600italic.woff2 create mode 100644 components/ILIAS/UI/resources/fonts/AtkinsonHyperlegibleNext/atkinson-hyperlegible-next-v7-latin-700.woff2 create mode 100644 components/ILIAS/UI/resources/fonts/AtkinsonHyperlegibleNext/atkinson-hyperlegible-next-v7-latin-700italic.woff2 create mode 100644 components/ILIAS/UI/resources/fonts/AtkinsonHyperlegibleNext/atkinson-hyperlegible-next-v7-latin-800.woff2 create mode 100644 components/ILIAS/UI/resources/fonts/AtkinsonHyperlegibleNext/atkinson-hyperlegible-next-v7-latin-italic.woff2 create mode 100644 components/ILIAS/UI/resources/fonts/AtkinsonHyperlegibleNext/atkinson-hyperlegible-next-v7-latin-regular.woff2 create mode 100644 templates/default/030-tools/_tool_scale-with-ratio.scss delete mode 100755 templates/default/050-layout/_layout_container.scss diff --git a/components/ILIAS/UI/resources/fonts/AtkinsonHyperlegibleNext/atkinson-hyperlegible-next-v7-latin-600.woff2 b/components/ILIAS/UI/resources/fonts/AtkinsonHyperlegibleNext/atkinson-hyperlegible-next-v7-latin-600.woff2 new file mode 100644 index 0000000000000000000000000000000000000000..d5aa38e45befcf56f57efd2103afb292741895d9 GIT binary patch literal 12672 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 literal 0 HcmV?d00001 diff --git a/components/ILIAS/UI/resources/fonts/AtkinsonHyperlegibleNext/atkinson-hyperlegible-next-v7-latin-700italic.woff2 b/components/ILIAS/UI/resources/fonts/AtkinsonHyperlegibleNext/atkinson-hyperlegible-next-v7-latin-700italic.woff2 new file mode 100644 index 0000000000000000000000000000000000000000..9cc12ee6350f3ca6967352cf99758b8c1a81a006 GIT binary patch literal 14364 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 fCBC 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 WQ~o#WEQNs}@1}Ts(f?mtsc8VxT1{*K literal 0 HcmV?d00001 diff --git a/components/ILIAS/UI/resources/fonts/AtkinsonHyperlegibleNext/atkinson-hyperlegible-next-v7-latin-800.woff2 b/components/ILIAS/UI/resources/fonts/AtkinsonHyperlegibleNext/atkinson-hyperlegible-next-v7-latin-800.woff2 new file mode 100644 index 0000000000000000000000000000000000000000..3c82aec43f17f392c2fff5469a60f9e086668dcc GIT binary patch literal 12644 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 Sv%!&-tEo;R@A@*#3IG5Od~wtO literal 0 HcmV?d00001 diff --git a/components/ILIAS/UI/resources/fonts/AtkinsonHyperlegibleNext/atkinson-hyperlegible-next-v7-latin-italic.woff2 b/components/ILIAS/UI/resources/fonts/AtkinsonHyperlegibleNext/atkinson-hyperlegible-next-v7-latin-italic.woff2 new file mode 100644 index 0000000000000000000000000000000000000000..2060f6b3e44a2bacee5df4c6db31cd2211a2b220 GIT binary patch literal 14152 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 || null !== $this->right_content): - $center_column_class = 'col-sm-9'; + $center_column_class = 'col-sm-8'; break; default: diff --git a/templates/default/010-settings/_settings_button.scss b/templates/default/010-settings/_settings_button.scss index 10fc8726fe8..0775901d15e 100755 --- a/templates/default/010-settings/_settings_button.scss +++ b/templates/default/010-settings/_settings_button.scss @@ -1,6 +1,8 @@ @use "./_settings_color-palette.scss" as s-color; @use "./_settings_typography.scss" as s-typo; @use "./settings_borders" as s-border; +@use "../050-layout/basics" as l; +@use "./legacy-settings/legacy-settings_form" as s-form; //== Buttons // @@ -35,8 +37,8 @@ $il-btn-ctrl-bg: s-color.$il-highlight-bg !default; //** Border color of the primary button (most important button on the screen) $il-btn-ctrl-border: s-color.$il-highlight-bg !default; $il-btn-ctrl-engaged-border: s-color.$il-link-color !default; -$il-btn-ctrl-outer-height: 2.2rem !default; -$il-btn-ctrl-inner-btn-height: 1.7rem !default; +$il-btn-ctrl-outer-height: s-form.$il-input-min-height + 2 * l.$il-padding-xs-vertical !default; +$il-btn-ctrl-inner-btn-height: s-form.$il-input-min-height !default; //** Colors of inactive buttons $il-disabled-btn-color: darken(s-color.$il-text-color, 20%) !default; @@ -64,4 +66,4 @@ $il-caret-width-large: 5px !default; // Allows for customizing button radius independently from global border radius $il-btn-border-radius-base: s-border.$il-border-radius-base !default; $il-btn-border-radius-large: s-border.$il-border-radius-large !default; -$il-btn-border-radius-small: s-border.$il-border-radius-small !default; \ No newline at end of file +$il-btn-border-radius-small: s-border.$il-border-radius-small !default; diff --git a/templates/default/010-settings/_settings_header.scss b/templates/default/010-settings/_settings_header.scss index ded99229e7a..5c278a7c56a 100755 --- a/templates/default/010-settings/_settings_header.scss +++ b/templates/default/010-settings/_settings_header.scss @@ -1,9 +1,12 @@ @use "./_settings_color-palette.scss" as s-color; +@use "./settings_typography" as s-typo; +@use "../030-tools/tool_scale-with-ratio" as t-scale; +@use "../050-layout/basics" as l; //** header -$il-standard-page-logo-height: 45px !default; -$il-standard-page-logo-width: 45px !default; -$il-standard-page-header-height: 60px !default; +$il-standard-page-logo-height: t-scale.scale-with-ratio(l.$scale-ratio, 5, l.$spacing-base) !default; +$il-standard-page-logo-width: t-scale.scale-with-ratio(l.$scale-ratio, 5, l.$spacing-base) !default; +$il-standard-page-header-height: t-scale.scale-with-ratio(l.$scale-ratio, 6, l.$spacing-base) !default; $il-standard-page-header-bg-color: s-color.$il-main-bg !default; -$il-standard-page-header-page-title-color: s-color.$il-text-color !default; \ No newline at end of file +$il-standard-page-header-page-title-color: s-color.$il-text-color !default; diff --git a/templates/default/010-settings/_settings_mainbar.scss b/templates/default/010-settings/_settings_mainbar.scss index 48f43f21871..8cee324e772 100644 --- a/templates/default/010-settings/_settings_mainbar.scss +++ b/templates/default/010-settings/_settings_mainbar.scss @@ -1,14 +1,14 @@ @use "./settings_color-palette" as s; -$il-mainbar-btn-color: s.$il-main-bg !default; -$il-mainbar-btn-bg-color: s.$il-neutral-color !default; +$il-mainbar-btn-color: s.$il-neutral-color !default; +$il-mainbar-btn-bg-color: s.$il-main-dark-bg !default; -$il-mainbar-btn-color-hover: s.$il-neutral-color !default; -$il-mainbar-btn-bg-color-hover: s.$il-main-bg !default; +$il-mainbar-btn-color-hover: s.$il-main-bg !default; +$il-mainbar-btn-bg-color-hover: s.$il-neutral-color !default; $il-mainbar-btn-color-engaged: s.$il-neutral-color !default; $il-mainbar-btn-bg-color-engaged: s.$il-main-bg !default; -$il-mainbar-btn-icon-filter: brightness(0) invert(1) !default; -$il-mainbar-btn-hover-icon-filter: invert(50%) !default; +$il-mainbar-btn-icon-filter: invert(50%) !default; +$il-mainbar-btn-hover-icon-filter: brightness(0) invert(1) !default; $il-mainbar-btn-engaged-icon-filter: invert(50%) !default; diff --git a/templates/default/010-settings/_settings_typography.scss b/templates/default/010-settings/_settings_typography.scss index 759124f4293..9d8a52aef97 100755 --- a/templates/default/010-settings/_settings_typography.scss +++ b/templates/default/010-settings/_settings_typography.scss @@ -1,37 +1,42 @@ -@use "../030-tools/tool_rem-conversion" as t-rem-px; @use "sass:math"; +@use "../030-tools/tool_rem-conversion" as t-rem-px; +@use "../030-tools/tool_scale-with-ratio" as t-scale; + //== Typography // //## //** if left unchanged, you have to copy delos fonts folder to your skin folder. To use the delos fonts in your skin, please change this value (in custom less data or variables.scss of your custom skin) to "../../../../templates/default/fonts/" $il-web-font-path: "../fonts/" !default; -$il-font-family-sans-serif: 'Open Sans', Verdana, Arial, Helvetica, sans-serif !default; +$il-font-family-sans-serif: 'Atkinson Hyperlegible Next', Verdana, Arial, Helvetica, sans-serif !default; $il-headings-font-family: $il-font-family-sans-serif !default; +$il-font-scaling-ratio: 1.333; + +$il-font-size-base: 1rem !default; + //** Should only be used to indicate mainbar entries. Equivalent to 10px => 10*1/16=0.625rem. -$il-font-size-xsmall: 0.625rem !default; +$il-font-size-xsmall: t-scale.scale-with-ratio($il-font-scaling-ratio, -1, $il-font-size-base, 3) !default; //** Used to indicate subordinate text, such as bylines in forms, subtabs, etc. Equivalent to 12px. -$il-font-size-small: 0.75rem !default; +$il-font-size-small: t-scale.scale-with-ratio($il-font-scaling-ratio, -0.5, $il-font-size-base, 3) !default; //** Default font size. Also used for h5. Equivalent to 14px. -$il-font-size-base: 0.875rem !default; //** Used to indicate h4. Equivalent to 16px. -$il-font-size-large: 1rem !default; +$il-font-size-large: t-scale.scale-with-ratio($il-font-scaling-ratio, 0.75, $il-font-size-base, 3) !default; //** Used to indicate h3. Equivalent to 18px. -$il-font-size-xlarge: 1.115rem !default; +$il-font-size-xlarge: t-scale.scale-with-ratio($il-font-scaling-ratio, 1, $il-font-size-base, 3) !default; //** Used to indicate h2. Equivalent to 24px. -$il-font-size-xxlarge: 1.5rem !default; +$il-font-size-xxlarge: t-scale.scale-with-ratio($il-font-scaling-ratio, 2, $il-font-size-base, 3) !default; //** Used to indicate h1. Should only used one time per screen. Equivalent to 28px. -$il-font-size-h1: 1.75rem !default; +$il-font-size-h1: t-scale.scale-with-ratio($il-font-scaling-ratio, 3, $il-font-size-base, 3) !default; //** Unit-less `line-height` for use in components like buttons. -$il-line-height-base: 1.428571429 !default; +$il-line-height-base: $il-font-scaling-ratio !default; $il-line-height-computed: math.round(t-rem-px.rem-to-pixel($il-font-size-base) * $il-line-height-base) !default; $il-small-line-height-computed: math.round(t-rem-px.rem-to-pixel($il-font-size-small) * $il-line-height-base) !default; $il-line-height-large: 1.33 !default; $il-headings-line-height: 1.33 !default; -$il-line-height-small: 1.5 !default; +$il-line-height-small: $il-font-scaling-ratio !default; //** Used to lighten text, e.g. workflow steps. diff --git a/templates/default/010-settings/legacy-settings/_legacy-settings_form.scss b/templates/default/010-settings/legacy-settings/_legacy-settings_form.scss index d47ceff4dfb..022089c924a 100755 --- a/templates/default/010-settings/legacy-settings/_legacy-settings_form.scss +++ b/templates/default/010-settings/legacy-settings/_legacy-settings_form.scss @@ -1,4 +1,6 @@ -@use "../../010-settings/" as *; +@use "../../010-settings/settings_color-palette" as *; +@use "../../010-settings/settings_typography" as *; +@use "../../010-settings/settings_borders" as *; @use "../../050-layout/basics/" as *; //** Textcolor used in the forms sections bodies @@ -25,9 +27,9 @@ $il-standard-form-header-byline-font-size: $il-font-size-small; //** Background color used for dependant groups (sub forms) in standard forms $il-standard-form-dependant-group-bg: $il-main-darker-bg; //** Padding above headings of individual groups in forms -$il-standard-form-header-padding: $il-padding-xxlarge-vertical 0 $il-padding-xxlarge-vertical $il-padding-xlarge-horizontal; +$il-standard-form-header-padding: $il-padding-xlarge-vertical 0 $il-padding-xlarge-vertical $il-padding-large-horizontal; //** Margin above headings of individual groups in forms -$il-standard-form-header-margin: $il-margin-xlarge-horizontal 0 0 0; +$il-standard-form-header-margin: $il-margin-large-horizontal 0 0 0; //** Border seperating individual groups in forms $il-standard-form-header-border: 1px solid $il-main-border-color; @@ -39,8 +41,8 @@ $il-button-min-width-forms: 60px; $cursor-disabled: not-allowed; -$il-input-line-height-base: ceil($il-line-height-computed + $il-padding-base-vertical * 2 + 2); -$il-input-min-height: $il-line-height-computed + ((2+2*$il-padding-base-vertical)); // Make inputs at least the height of their button counterpart (base line-height + padding + border) +$il-input-line-height-base: ceil($il-line-height-computed + $il-padding-small-vertical * 2 + 2); +$il-input-min-height: 2 * $il-padding-medium-vertical; // Make inputs at least the height of their button counterpart (base line-height + padding + border) $il-input-color: $il-text-color; $il-input-bg: $il-main-bg; $il-input-border-color: $il-main-border-dark-color; diff --git a/templates/default/010-settings/legacy-settings/_legacy-settings_panel.scss b/templates/default/010-settings/legacy-settings/_legacy-settings_panel.scss index 9b6d52cdbcf..0a7ff48cb3b 100755 --- a/templates/default/010-settings/legacy-settings/_legacy-settings_panel.scss +++ b/templates/default/010-settings/legacy-settings/_legacy-settings_panel.scss @@ -2,10 +2,10 @@ @use "../../050-layout/basics/" as *; $il-panel-footer-bg: $il-main-dark-bg; -$il-panel-heading-padding: $il-padding-xlarge-vertical $il-padding-xlarge-horizontal; +$il-panel-heading-padding: $il-padding-medium-vertical $il-padding-medium-horizontal; $il-panel-heading-color: $il-text-color; $il-panel-shadow: none; $il-panel-border: 1px solid $il-main-border-color; $il-panel-border-radius: $il-border-radius-secondary-small; -$il-panel-footer-padding: $il-padding-xlarge-vertical $il-padding-xlarge-horizontal; -$il-panel-inner-border: $il-main-border-color; \ No newline at end of file +$il-panel-footer-padding: $il-padding-medium-vertical $il-padding-medium-horizontal; +$il-panel-inner-border: $il-main-border-color; diff --git a/templates/default/030-tools/_tool_highlighted-box.scss b/templates/default/030-tools/_tool_highlighted-box.scss index 099820867fe..04cad197062 100644 --- a/templates/default/030-tools/_tool_highlighted-box.scss +++ b/templates/default/030-tools/_tool_highlighted-box.scss @@ -17,7 +17,7 @@ $min-height: auto !default; $border-color: $border-color ) { min-height: $min-height; - padding: $il-padding-xxxlarge-horizontal; + padding: $il-padding-xlarge-horizontal; background-color: $background-color; border: $border; border-radius: $il-border-radius-base; @@ -26,4 +26,4 @@ $min-height: auto !default; blockquote { border-color: $border-color; } -} \ No newline at end of file +} diff --git a/templates/default/030-tools/_tool_rem-conversion.scss b/templates/default/030-tools/_tool_rem-conversion.scss index 359a083f120..fc7df49f470 100755 --- a/templates/default/030-tools/_tool_rem-conversion.scss +++ b/templates/default/030-tools/_tool_rem-conversion.scss @@ -19,9 +19,10 @@ $il-pixel-to-rem: 0.0625; @return($converted); } @else { - @error "Rem to pixel conversion requires a rem value as an input. Unit was '#{math.unit($convert-this)}' instead."; + // @error "Rem to pixel conversion requires a rem value as an input. Unit was '#{math.unit($convert-this)}' instead."; + @return($convert-this); } } // @debug "20px in rem is #{pixel-to-rem(20px)}"; -// @debug "1rem in px is #{rem-to-pixel(1rem)}"; \ No newline at end of file +// @debug "1rem in px is #{rem-to-pixel(1rem)}"; diff --git a/templates/default/030-tools/_tool_scale-with-ratio.scss b/templates/default/030-tools/_tool_scale-with-ratio.scss new file mode 100644 index 00000000000..3005c21529c --- /dev/null +++ b/templates/default/030-tools/_tool_scale-with-ratio.scss @@ -0,0 +1,15 @@ +@use "sass:math"; + +//// +/// Creates visually balanced scaled sizes +/// @group tools +//// + +@function scale-with-ratio($ratio, $scale-factor, $base-size, $round-to-num-of-decimals: 0) { + $result: $base-size * math.pow($ratio, $scale-factor); + @if $round-to-num-of-decimals != null and $round-to-num-of-decimals >= 0 { + $result: math.div(math.round($result * (math.pow(10, $round-to-num-of-decimals))), (math.pow(10, $round-to-num-of-decimals))); + } + @debug "Requested scale factor #{$scale-factor} rounding set to #{$round-to-num-of-decimals} decimals gives result: #{$result}"; + @return $result; +} diff --git a/templates/default/040-normalize/_normalize_typography.scss b/templates/default/040-normalize/_normalize_typography.scss index d81c7c864ba..212ef3c0f93 100755 --- a/templates/default/040-normalize/_normalize_typography.scss +++ b/templates/default/040-normalize/_normalize_typography.scss @@ -1,85 +1,68 @@ @use "../010-settings/" as *; - +/* atkinson-hyperlegible-next-regular - latin */ @font-face { - font-family: 'Open Sans'; - src: url('#{$il-web-font-path}OpenSansWeb/OpenSans-Regular.woff2') format('woff2'), - url('#{$il-web-font-path}OpenSansWeb/OpenSans-Regular.woff') format('woff'); - font-weight: 400; - font-style: normal; -} - -@font-face { - font-family: 'Open Sans'; - src: url('#{$il-web-font-path}OpenSansWeb/OpenSans-Bold.woff2') format('woff2'), - url('#{$il-web-font-path}OpenSansWeb/OpenSans-Bold.woff') format('woff'); - font-weight: 700; + font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ + font-family: 'Atkinson Hyperlegible Next'; font-style: normal; -} - -@font-face { - font-family: 'Open Sans'; - src: url('#{$il-web-font-path}OpenSansWeb/OpenSans-Italic.woff2') format('woff2'), - url('#{$il-web-font-path}OpenSansWeb/OpenSans-Italic.woff') format('woff'); font-weight: 400; - font-style: italic; + src: url('#{$il-web-font-path}AtkinsonHyperlegibleNext/atkinson-hyperlegible-next-v7-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } +/* atkinson-hyperlegible-next-italic - latin */ @font-face { - font-family: 'Open Sans'; - src: url('#{$il-web-font-path}OpenSansWeb/OpenSans-BoldItalic.woff2') format('woff2'), - url('#{$il-web-font-path}OpenSansWeb/OpenSans-BoldItalic.woff') format('woff'); - font-weight: 700; + font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ + font-family: 'Atkinson Hyperlegible Next'; font-style: italic; + font-weight: 400; + src: url('#{$il-web-font-path}AtkinsonHyperlegibleNext/atkinson-hyperlegible-next-v7-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } +/* atkinson-hyperlegible-next-600 - latin */ @font-face { - font-family: 'Open Sans'; - src: url('#{$il-web-font-path}OpenSansWeb/OpenSans-Light.woff2') format('woff2'), - url('#{$il-web-font-path}OpenSansWeb/OpenSans-Light.woff') format('woff'); - font-weight: 300; + font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ + font-family: 'Atkinson Hyperlegible Next'; font-style: normal; + font-weight: 600; + src: url('#{$il-web-font-path}AtkinsonHyperlegibleNext/atkinson-hyperlegible-next-v7-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } +/* atkinson-hyperlegible-next-600italic - latin */ @font-face { - font-family: 'Open Sans'; - src: url('#{$il-web-font-path}OpenSansWeb/OpenSans-LightItalic.woff2') format('woff2'), - url('#{$il-web-font-path}OpenSansWeb/OpenSans-LightItalic.woff') format('woff'); - font-weight: 300; + font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ + font-family: 'Atkinson Hyperlegible Next'; font-style: italic; + font-weight: 600; + src: url('#{$il-web-font-path}AtkinsonHyperlegibleNext/atkinson-hyperlegible-next-v7-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } +/* atkinson-hyperlegible-next-700 - latin */ @font-face { - font-family: 'Open Sans'; - src: url('#{$il-web-font-path}OpenSansWeb/OpenSans-Semibold.woff2') format('woff2'), - url('#{$il-web-font-path}OpenSansWeb/OpenSans-Semibold.woff') format('woff'); - font-weight: 600; + font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ + font-family: 'Atkinson Hyperlegible Next'; font-style: normal; + font-weight: 700; + src: url('#{$il-web-font-path}AtkinsonHyperlegibleNext/atkinson-hyperlegible-next-v7-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } +/* atkinson-hyperlegible-next-700italic - latin */ @font-face { - font-family: 'Open Sans'; - src: url('#{$il-web-font-path}OpenSansWeb/OpenSans-SemiboldItalic.woff2') format('woff2'), - url('#{$il-web-font-path}OpenSansWeb/OpenSans-SemiboldItalic.woff') format('woff'); - font-weight: 600; + font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ + font-family: 'Atkinson Hyperlegible Next'; font-style: italic; + font-weight: 700; + src: url('#{$il-web-font-path}AtkinsonHyperlegibleNext/atkinson-hyperlegible-next-v7-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } +/* atkinson-hyperlegible-next-800 - latin */ @font-face { - font-family: 'Open Sans'; - src: url('#{$il-web-font-path}OpenSansWeb/OpenSans-ExtraBold.woff2') format('woff2'), - url('#{$il-web-font-path}OpenSansWeb/OpenSans-ExtraBold.woff') format('woff'); - font-weight: 800; + font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ + font-family: 'Atkinson Hyperlegible Next'; font-style: normal; -} - -@font-face { - font-family: 'Open Sans'; - src: url('#{$il-web-font-path}OpenSansWeb/OpenSans-ExtraBoldItalic.woff2') format('woff2'), - url('#{$il-web-font-path}OpenSansWeb/OpenSans-ExtraBoldItalic.woff') format('woff'); font-weight: 800; - font-style: italic; + src: url('#{$il-web-font-path}AtkinsonHyperlegibleNext/atkinson-hyperlegible-next-v7-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } + // currently from https://github.com/MorbZ/OpenSansEmoji // under http://www.apache.org/licenses/LICENSE-2.0 @font-face { diff --git a/templates/default/050-layout/_index.scss b/templates/default/050-layout/_index.scss index 60b3ba47940..c1860b3f361 100755 --- a/templates/default/050-layout/_index.scss +++ b/templates/default/050-layout/_index.scss @@ -2,6 +2,5 @@ // You MUST NOT include this index file in any component. @use "./layout_grid"; -@use "./layout_container"; @use "./layout_element-bar"; -@use "./layout_visibility-utilities"; \ No newline at end of file +@use "./layout_visibility-utilities"; diff --git a/templates/default/050-layout/_layout_container.scss b/templates/default/050-layout/_layout_container.scss deleted file mode 100755 index b63c6bf61d0..00000000000 --- a/templates/default/050-layout/_layout_container.scss +++ /dev/null @@ -1,32 +0,0 @@ -// @use "../020-dependencies/modifications/bootstrap-3-scss/bootstrap-3-scss-modified-variables-mixins" as *; -@use "../050-layout/basics/" as *; - -// Container widths (based on Bootstrap 5) -// -// Set the container width, and override it for fixed navbars in media queries. - -$prefix: bs- !default; -$enable-container-classes: true !default; - -$container-padding-x: $grid-gutter-width !default; - -@mixin make-container($gutter: $container-padding-x) { - --#{$prefix}gutter-x: #{$gutter}; - --#{$prefix}gutter-y: 0; - width: 100%; - padding-right: calc(var(--#{$prefix}gutter-x) * .5); // stylelint-disable-line function-disallowed-list - padding-left: calc(var(--#{$prefix}gutter-x) * .5); // stylelint-disable-line function-disallowed-list - margin-right: auto; - margin-left: auto; -} - -@if $enable-container-classes { - - // Single container class with breakpoint max-widths - .container, - // 100% wide container at all breakpoints - .container-fluid { - @include make-container(); - } - /* Responsive container system from Bootstrap 5 has been removed */ -} \ No newline at end of file diff --git a/templates/default/050-layout/_layout_element-bar.scss b/templates/default/050-layout/_layout_element-bar.scss index 0506cdd5182..b3b67f1a655 100755 --- a/templates/default/050-layout/_layout_element-bar.scss +++ b/templates/default/050-layout/_layout_element-bar.scss @@ -1,8 +1,8 @@ @use "../050-layout/basics/" as *; $l-bar__gap--elements: $il-margin-small-horizontal; -$l-bar__gap--groups: $il-margin-xlarge-horizontal; -$l-bar__element__margin-bottom: $il-margin-xlarge-vertical; // this margin separates stacking elements on small screens +$l-bar__gap--groups: $il-margin-large-horizontal; +$l-bar__element__margin-bottom: $il-margin-large-vertical; // this margin separates stacking elements on small screens // bridge into CSS variables, so there is something to override locally without counter-styling :root { @@ -17,7 +17,7 @@ $l-bar__element__margin-bottom: $il-margin-xlarge-vertical; // this margin separ .l-bar__space-keeper, .l-bar__group { - // you MUST NOT add padding or margin and SHOULD NOT add any styling (e.g. background-color) in consumer code + // you MUST NOT add padding or margin and SHOULD NOT add any styling (e.g. background-color) in consumer code display: flex; flex-direction: row; flex-wrap: wrap; @@ -50,4 +50,4 @@ $l-bar__element__margin-bottom: $il-margin-xlarge-vertical; // this margin separ &:last-child { margin-right: 0; } -} \ No newline at end of file +} diff --git a/templates/default/050-layout/basics/_layout_spacing-variables.scss b/templates/default/050-layout/basics/_layout_spacing-variables.scss index 01bf627e254..ee7de1fab15 100755 --- a/templates/default/050-layout/basics/_layout_spacing-variables.scss +++ b/templates/default/050-layout/basics/_layout_spacing-variables.scss @@ -1,34 +1,55 @@ @use "../../030-tools/tool_rem-conversion" as t-rem; +@use "../../030-tools/tool_scale-with-ratio" as t-scale; + +$_vertical-to-horizontal-ratio: 1.333; +$scale-ratio: 1.333; + +$spacing-base: 16px; -//== Spacing // -//## Define common padding, margin and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start). -$il-padding-base: 9px; +// GENERAL SPACINGS +// + +$_spacing-xsmall-vertical: t-scale.scale-with-ratio($scale-ratio, -3, $spacing-base); +$_spacing-xsmall-horizontal: $_spacing-xsmall-vertical * $_vertical-to-horizontal-ratio; + +$_spacing-small-vertical: t-scale.scale-with-ratio($scale-ratio, -2, $spacing-base); +$_spacing-small-horizontal: $_spacing-small-vertical * $_vertical-to-horizontal-ratio; + +$_spacing-medium-vertical: $spacing-base; +$_spacing-medium-horizontal: $_spacing-medium-vertical * $_vertical-to-horizontal-ratio; + +$_spacing-large-vertical: t-scale.scale-with-ratio($scale-ratio, 0.75, $spacing-base); +$_spacing-large-horizontal: $_spacing-large-vertical * $_vertical-to-horizontal-ratio; -$il-padding-base-vertical: 3px; -$il-padding-base-horizontal: $il-padding-base; +$_spacing-xlarge-vertical: t-scale.scale-with-ratio($scale-ratio, 1, $spacing-base); +$_spacing-xlarge-horizontal: $_spacing-xlarge-vertical * $_vertical-to-horizontal-ratio; -$il-padding-large-vertical: 6px; -$il-padding-large-horizontal: 12px; +// +// PADDINGS +// -$il-padding-xlarge-vertical: 9px; -$il-padding-xlarge-horizontal: 15px; +$il-padding-small-vertical: $_spacing-small-vertical; +$il-padding-small-horizontal: $_spacing-small-horizontal; -$il-padding-xxlarge-vertical: 12px; -$il-padding-xxlarge-horizontal: 15px; +$il-padding-xs-vertical: $_spacing-xsmall-vertical; +$il-padding-xs-horizontal: $_spacing-xsmall-horizontal; -$il-padding-xxxlarge-vertical: 15px; -$il-padding-xxxlarge-horizontal: 18px; +$il-padding-medium-vertical: $_spacing-medium-vertical; +$il-padding-medium-horizontal: $_spacing-medium-horizontal; -$il-padding-small-vertical: 3px; -$il-padding-small-horizontal: 6px; +$il-padding-large-vertical: $_spacing-large-vertical; +$il-padding-large-horizontal: $_spacing-large-horizontal; -$il-padding-xs-vertical: 1px; -$il-padding-xs-horizontal: 3px; +$il-padding-xlarge-vertical: $_spacing-xlarge-vertical; +$il-padding-xlarge-horizontal: $_spacing-xlarge-horizontal; -$il-margin-base: $il-padding-base; -$il-margin-base-vertical: $il-padding-base-vertical; -$il-margin-base-horizontal: $il-padding-base-horizontal; +// +// MARGINS +// + +$il-margin-medium-vertical: $il-padding-medium-vertical; +$il-margin-medium-horizontal: $il-padding-medium-horizontal; $il-margin-large-vertical: $il-padding-large-vertical; $il-margin-large-horizontal: $il-padding-large-horizontal; @@ -36,12 +57,6 @@ $il-margin-large-horizontal: $il-padding-large-horizontal; $il-margin-xlarge-vertical: $il-padding-xlarge-vertical; $il-margin-xlarge-horizontal: $il-padding-xlarge-horizontal; -$il-margin-xxlarge-vertical: $il-padding-xxlarge-vertical; -$il-margin-xxlarge-horizontal: $il-padding-xxlarge-horizontal; - -$il-margin-xxxlarge-vertical: $il-padding-xxxlarge-vertical; -$il-margin-xxxlarge-horizontal: $il-padding-xxxlarge-horizontal; - $il-margin-small-vertical: $il-padding-small-vertical; $il-margin-small-horizontal: $il-padding-small-horizontal; @@ -52,12 +67,12 @@ $il-margin-xs-horizontal: $il-padding-xs-horizontal; // scss-docs-start spacer-variables-maps $spacers: ( 0: 0, - 1: $il-padding-base-horizontal, - 2: $il-padding-large-horizontal, - 3: $il-padding-xlarge-horizontal, - 4: $il-padding-xxlarge-horizontal, - 5: $il-padding-xxxlarge-horizontal, + 1: $il-padding-xs-horizontal, + 2: $il-padding-small-horizontal, + 3: $il-padding-medium-horizontal, + 4: $il-padding-large-horizontal, + 5: $il-padding-xlarge-horizontal, ) !default; // scss-docs-end spacer-variables-maps -$grid-gutter-width: 30px !default; \ No newline at end of file +$grid-gutter-width: $il-padding-large-horizontal !default; diff --git a/templates/default/050-layout/standardpage/_layout_standardpage.scss b/templates/default/050-layout/standardpage/_layout_standardpage.scss index 396b2214c7b..79f8e8fe9c8 100755 --- a/templates/default/050-layout/standardpage/_layout_standardpage.scss +++ b/templates/default/050-layout/standardpage/_layout_standardpage.scss @@ -2,7 +2,9 @@ @use "../../010-settings/" as *; @use "../../010-settings/legacy-settings/legacy-settings_symbol" as t-symbol; +@use "../../010-settings/legacy-settings/legacy-settings_form" as s-form; @use "../basics" as *; +@use "../../030-tools/tool_scale-with-ratio" as t-scale; $il-standard-page-border-light-color: $il-main-border-color; @@ -19,8 +21,8 @@ $il-standard-page-slate-width: $il-column-standard-width; // MAINBAR // -$il-mainbar-btn-height: 80px; -$il-mainbar-btn-width: 80px; +$il-mainbar-btn-height: t-scale.scale-with-ratio($scale-ratio, 6, $spacing-base) !default; +$il-mainbar-btn-width: t-scale.scale-with-ratio($scale-ratio, 6, $spacing-base); $il-mainbar-btn-margin: null; $il-mainbar-width: $il-mainbar-btn-width; @@ -29,7 +31,7 @@ $il-mainbar-width: $il-mainbar-btn-width; // SLATES // -$il-slate-content-spacing: $il-padding-base-horizontal; +$il-slate-content-spacing: $il-padding-small-horizontal; $il-mainbar-close-slate-btn-height: 45px; $il-metabar-close-slate-btn-height: 30px; @@ -40,16 +42,16 @@ $il-slate-bulky-icon-size: 1.0625rem; $il-slate-content-spacing: 2px; //** breadcrumbs -$il-standard-page-breadcrumbs-height: 33px; +$il-standard-page-breadcrumbs-height: s-form.$il-input-min-height + 2 * $il-padding-xs-vertical; $il-standard-page-breadcrumbs-seperator: " \e606"; $il-standard-page-breadcrumbs-bg-color: $il-main-bg; $il-standard-page-breadcrumbs-color: $il-link-color; $il-standard-page-breadcrumbs-active-color: $il-link-hover-color; $il-standard-page-breadcrumbs-divider-color: $il-neutral-light-color; -$il-standard-page-breadcrumbs-font-weight: $il-font-weight-bold; +$il-standard-page-breadcrumbs-font-weight: $il-font-weight-base; //** Shadows $il-standard-page-shadow-color: rgba(0, 0, 0, .1); $il-mainbar-shadow-right: 1px 3px 4px $il-standard-page-shadow-color; $il-mainbar-shadow-top: 0 0 4px $il-standard-page-shadow-color; -$il-standard-page-header-shadow-bottom: 0 1px 2px $il-standard-page-shadow-color; \ No newline at end of file +$il-standard-page-header-shadow-bottom: 0 1px 2px $il-standard-page-shadow-color; diff --git a/templates/default/060-elements/_elements_lists.scss b/templates/default/060-elements/_elements_lists.scss index 8697cbefd69..e791116ea43 100755 --- a/templates/default/060-elements/_elements_lists.scss +++ b/templates/default/060-elements/_elements_lists.scss @@ -5,7 +5,7 @@ ul, ol, p { } ol, ul { - padding-left: spacing.$il-padding-xlarge-horizontal; + padding-left: spacing.$il-padding-large-horizontal; list-style-image: none;//mantis #19613: stop the inheritance for nested list until specifically setted } @@ -19,4 +19,4 @@ ul ul, ol ol { ul, ol, dl { page-break-before: avoid; } -} \ No newline at end of file +} diff --git a/templates/default/060-elements/_elements_typography.scss b/templates/default/060-elements/_elements_typography.scss index 173227d59c3..174a65b50bd 100755 --- a/templates/default/060-elements/_elements_typography.scss +++ b/templates/default/060-elements/_elements_typography.scss @@ -75,8 +75,8 @@ a { * All skins which want to support mounting of Webfolders using Internet Explorer * must explicitly enable AnchorClick behavior. */ - behavior: url(#default#AnchorClick); - /* END WebDAV: Enable links with AnchorClick behavior for Internet Explorer. */ + behavior: url(#default#AnchorClick); + /* END WebDAV: Enable links with AnchorClick behavior for Internet Explorer. */ &:hover, &:focus { color: $il-link-hover-color; @@ -92,7 +92,7 @@ a { // Ex: math.div(12px small font, 14px base font) * 100% = about 85% small, .small, sub, sup { - + font-size: $il-font-size-xsmall; } @@ -180,46 +180,46 @@ address { } em, i { - font-style: italic; + font-style: italic; } u { - text-decoration: underline; + text-decoration: underline; } sub { - vertical-align: sub; + vertical-align: sub; } sup { - vertical-align: super; + vertical-align: super; } /* see bug #15971 */ sub, sup { - position: static; + position: static; } strong, b { - font-weight: $il-font-weight-bold; + font-weight: $il-font-weight-bold; } code { - font-family: Pragmata, Menlo, 'DejaVu LGC Sans Mono', 'DejaVu Sans Mono', Consolas, 'Everson Mono', 'Lucida Console', 'Andale Mono', 'Nimbus Mono L', 'Liberation Mono', FreeMono, 'Osaka Monospaced', Courier, 'New Courier', monospace; - font-size: $il-font-size-small; - color: $il-text-light-color; + font-family: Pragmata, Menlo, 'DejaVu LGC Sans Mono', 'DejaVu Sans Mono', Consolas, 'Everson Mono', 'Lucida Console', 'Andale Mono', 'Nimbus Mono L', 'Liberation Mono', FreeMono, 'Osaka Monospaced', Courier, 'New Courier', monospace; + font-size: $il-font-size-small; + color: $il-text-light-color; } ::selection { - background: lighten($il-main-color, 50%); + background: lighten($il-main-color, 50%); } ::-moz-selection { - background: lighten($il-main-color, 50%); + background: lighten($il-main-color, 50%); } @media print { - h1, h2, h3, h4, h5, h6 { - page-break-after: avoid; - } -} \ No newline at end of file + h1, h2, h3, h4, h5, h6 { + page-break-after: avoid; + } +} diff --git a/templates/default/070-components/UI-framework/Breadcrumbs/_ui-component_breadcrumbs.scss b/templates/default/070-components/UI-framework/Breadcrumbs/_ui-component_breadcrumbs.scss index 6b14390ed94..3f99ddf29ee 100755 --- a/templates/default/070-components/UI-framework/Breadcrumbs/_ui-component_breadcrumbs.scss +++ b/templates/default/070-components/UI-framework/Breadcrumbs/_ui-component_breadcrumbs.scss @@ -16,8 +16,7 @@ margin: 0; font-weight: $il-standard-page-breadcrumbs-font-weight; font-size: $il-font-size-small; - padding: ($il-padding-small-vertical * 2); - padding-left: $il-standard-page-content-padding; + padding: $il-padding-small-vertical $il-padding-xlarge-horizontal; div.breadcrumb-crumb a { color: $il-standard-page-breadcrumbs-color; diff --git a/templates/default/070-components/UI-framework/Button/_ui-component_button.scss b/templates/default/070-components/UI-framework/Button/_ui-component_button.scss index 51c465a43cb..d4a5772dd00 100755 --- a/templates/default/070-components/UI-framework/Button/_ui-component_button.scss +++ b/templates/default/070-components/UI-framework/Button/_ui-component_button.scss @@ -16,10 +16,10 @@ $line-height: inherit, // button height is by default largely determined by this value $input-field-height: s-form.$il-input-min-height, - $padding-small-x: l.$il-padding-small-horizontal, + $padding-small-x: l.$il-padding-xs-horizontal, // padding y is only a small buffer for when the button contains multiple lines - $padding-small-y: l.$il-padding-small-vertical, - $inner-spacing: l.$il-padding-small-horizontal, + $padding-small-y: l.$il-padding-xs-vertical, + $inner-spacing: l.$il-padding-xs-horizontal, $set-full-width: false, $button_active-transform: none ); @@ -193,9 +193,9 @@ input.btn { $input-field-height: $input-min-height-large, $set-full-width: true, - $padding-small-x: l.$il-padding-large-horizontal, - $padding-small-y: l.$il-padding-large-vertical, - $inner-spacing: l.$il-padding-large-vertical, + $padding-small-x: l.$il-padding-medium-horizontal, + $padding-small-y: l.$il-padding-medium-vertical, + $inner-spacing: l.$il-padding-medium-vertical, $hover_bg-color: s.$il-bulky-bg-color-engaged, $hover_border-color: s.$il-bulky-bg-color-engaged, @@ -239,14 +239,14 @@ input.btn { @include make-button($set-basics: false, $set-design: false, $set-size: true, $font-size: s.$il-font-size-large, $input-field-height: $input-min-height-large, - $padding-small-y: l.$il-padding-xlarge-vertical, - $padding-small-x: l.$il-padding-xlarge-horizontal); + $padding-small-y: l.$il-padding-large-vertical, + $padding-small-x: l.$il-padding-large-horizontal); } .btn-sm { // line-height: ensure proper height of button next to small input @include make-button($set-basics: false, $set-design: false, $set-size: true, $font-size: s.$il-font-size-xsmall, - $input-field-height: s-form.$il-input-line-height-base - l.$il-padding-base-vertical, + $input-field-height: s-form.$il-input-line-height-base - l.$il-padding-small-vertical, $padding-small-y: l.$il-padding-small-vertical, $padding-small-x: l.$il-padding-small-horizontal); } diff --git a/templates/default/070-components/UI-framework/Button/_ui-component_toggle.scss b/templates/default/070-components/UI-framework/Button/_ui-component_toggle.scss index 7769032a23b..064f7a4e0ed 100755 --- a/templates/default/070-components/UI-framework/Button/_ui-component_toggle.scss +++ b/templates/default/070-components/UI-framework/Button/_ui-component_toggle.scss @@ -121,7 +121,7 @@ $il-btn-toggle-switch-border-color-unavailable: $il-neutral-color; //Currently special case since toolbar is not yet in UI Components, see: https://mantis.ilias.de/view.php?id=30471 .ilToolbar{ .il-toggle-button { - bottom: $il-padding-base-vertical; + bottom: $il-padding-small-vertical; } label{ font-size: $il-font-size-small; diff --git a/templates/default/070-components/UI-framework/Card/_ui-component_card.scss b/templates/default/070-components/UI-framework/Card/_ui-component_card.scss index 0f921779f0a..4d76a201ebe 100755 --- a/templates/default/070-components/UI-framework/Card/_ui-component_card.scss +++ b/templates/default/070-components/UI-framework/Card/_ui-component_card.scss @@ -11,7 +11,7 @@ //## $il-card-background: $il-main-bg; $il-card-highlight-bg: $il-warning-color; -$il-card-highlight-height: $il-padding-large-vertical; +$il-card-highlight-height: $il-padding-medium-vertical; $il-card-list-key-color: $il-text-light-color; $il-card-repository-dropdown-border: $il-main-border-color 1px solid; $il-card-repository-outlined-icon-filter: brightness(3); @@ -23,7 +23,7 @@ $il-card-border: $il-panel-border; $il-card-border-radius: 0; .il-card { - padding: 0 0 $il-padding-large-vertical 0; + padding: 0 0 $il-padding-medium-vertical 0; width: 100%; position:relative; background-color: $il-card-background; @@ -80,14 +80,14 @@ $il-card-border-radius: 0; } .caption{ - padding: $il-padding-large-vertical $il-padding-base-horizontal; + padding: $il-padding-medium-vertical $il-padding-small-horizontal; //See #28508 overflow-wrap: break-word; word-break: break-word; h5{ - margin:$il-margin-large-vertical 0 0 0; + margin:$il-margin-medium-vertical 0 0 0; } @@ -95,17 +95,17 @@ $il-card-border-radius: 0; dt{ font-weight: $il-font-weight-base; color: $il-text-light-color; - padding-top: $il-padding-large-vertical; + padding-top: $il-padding-medium-vertical; } } } .il-card-repository-head{ - height: calc($il-icon-size-medium + $il-padding-large-horizontal); + height: calc($il-icon-size-medium + $il-padding-medium-horizontal); padding: 0 $il-padding-small-horizontal; > div { - padding: $il-padding-large-vertical $il-padding-small-horizontal; + padding: $il-padding-medium-vertical $il-padding-small-horizontal; float: left; } @@ -125,7 +125,7 @@ $il-card-border-radius: 0; > div.il-card-repository-dropdown { float:right; - padding: ($il-padding-large-vertical + $il-padding-base-vertical) $il-padding-small-horizontal; + padding: ($il-padding-medium-vertical + $il-padding-small-vertical) $il-padding-small-horizontal; > .dropdown { > button { @@ -133,8 +133,8 @@ $il-card-border-radius: 0; z-index: 1; background-color: inherit; border: $il-card-repository-dropdown-border; - width: calc($il-icon-size-medium - $il-padding-large-vertical); - height: calc($il-icon-size-medium - $il-padding-large-vertical); + width: calc($il-icon-size-medium - $il-padding-medium-vertical); + height: calc($il-icon-size-medium - $il-padding-medium-vertical); span.caret { display: block; @@ -171,4 +171,4 @@ $il-card-border-radius: 0; margin-right: auto; margin-left: auto; } -} \ No newline at end of file +} diff --git a/templates/default/070-components/UI-framework/Chart/_ui-component_chart.scss b/templates/default/070-components/UI-framework/Chart/_ui-component_chart.scss index ef0806187cd..885f453e482 100755 --- a/templates/default/070-components/UI-framework/Chart/_ui-component_chart.scss +++ b/templates/default/070-components/UI-framework/Chart/_ui-component_chart.scss @@ -193,11 +193,11 @@ /* Bar Chart */ /*****************/ .il-chart-bar-horizontal { - padding-top: $il-padding-large-horizontal; - padding-bottom: $il-padding-large-horizontal; + padding-top: $il-padding-medium-horizontal; + padding-bottom: $il-padding-medium-horizontal; } .il-chart-bar-vertical { - padding-top: $il-padding-large-horizontal; - padding-bottom: $il-padding-large-horizontal; -} \ No newline at end of file + padding-top: $il-padding-medium-horizontal; + padding-bottom: $il-padding-medium-horizontal; +} diff --git a/templates/default/070-components/UI-framework/Deck/_ui-component_deck.scss b/templates/default/070-components/UI-framework/Deck/_ui-component_deck.scss index 8da3aba58ef..80f8febd81b 100755 --- a/templates/default/070-components/UI-framework/Deck/_ui-component_deck.scss +++ b/templates/default/070-components/UI-framework/Deck/_ui-component_deck.scss @@ -5,12 +5,12 @@ .row{ margin-left: -$il-margin-xs-horizontal; margin-right: 0; - margin-bottom: $il-margin-xxlarge-vertical; + margin-bottom: $il-margin-xlarge-vertical; > div{ padding-left: $il-padding-xs-horizontal; padding-right: $il-padding-xs-horizontal; - margin-bottom: $il-margin-large-vertical; + margin-bottom: $il-margin-medium-vertical; } &.row-eq-height { diff --git a/templates/default/070-components/UI-framework/Dropdown/_ui-component_dropdown.scss b/templates/default/070-components/UI-framework/Dropdown/_ui-component_dropdown.scss index 4fa6d69f81e..695948adb3b 100755 --- a/templates/default/070-components/UI-framework/Dropdown/_ui-component_dropdown.scss +++ b/templates/default/070-components/UI-framework/Dropdown/_ui-component_dropdown.scss @@ -70,7 +70,7 @@ $cursor-disabled: not-allowed !default; overflow: auto; min-width: 200px; max-height: 50vh; - padding: l.$il-padding-large-vertical 0; + padding: l.$il-padding-medium-vertical 0; margin: l.$il-margin-small-vertical 0 0; // override default ul font-size: s.$il-font-size-base; text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer) @@ -103,12 +103,12 @@ $cursor-disabled: not-allowed !default; @include t-ndiv.nav-divider($dropdown-divider-bg); } hr { - margin: l.$il-margin-large-vertical 0; + margin: l.$il-margin-medium-vertical 0; } // Use some dropdown menu styles for ul in the field selection element only > .dropdown-menu-list { - padding: l.$il-padding-large-vertical 0; + padding: l.$il-padding-medium-vertical 0; margin: l.$il-margin-small-vertical 0 0; // override default ul text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer) list-style-type: none; @@ -259,7 +259,7 @@ $cursor-disabled: not-allowed !default; color: $dropdown-link-color; min-height: s-form.$il-input-min-height; width: 100%; - padding: l.$il-padding-small-vertical l.$il-padding-xlarge-horizontal; + padding: l.$il-padding-small-vertical l.$il-padding-large-horizontal; justify-content: start; white-space: nowrap; &:hover, @@ -303,7 +303,7 @@ $cursor-disabled: not-allowed !default; //## .dropdown h4 { - margin: l.$il-margin-base-vertical 0; + margin: l.$il-margin-small-vertical 0; } //Note, this is a rather nasty fix for #27751 diff --git a/templates/default/070-components/UI-framework/Dropzone/_ui-component_dropzone.scss b/templates/default/070-components/UI-framework/Dropzone/_ui-component_dropzone.scss index ccf34760780..ac4879647a3 100755 --- a/templates/default/070-components/UI-framework/Dropzone/_ui-component_dropzone.scss +++ b/templates/default/070-components/UI-framework/Dropzone/_ui-component_dropzone.scss @@ -19,8 +19,8 @@ border: $il-dropzone-bulky-border-width $il-dropzone-bulky-border-style $il-dropzone-bulky-border-color; border-radius: $il-dropzone-bulky-border-radius; background-color: $il-main-dark-bg; - padding-top: $il-padding-xxlarge-horizontal; - padding-bottom: $il-padding-xxlarge-horizontal; + padding-top: $il-padding-xlarge-horizontal; + padding-bottom: $il-padding-xlarge-horizontal; } } @@ -42,7 +42,7 @@ .ui-dropzone-message { font-size: $il-font-size-base; float: right; - margin-right: $il-padding-large-horizontal; + margin-right: $il-padding-medium-horizontal; } .ui-dropzone .form-group { diff --git a/templates/default/070-components/UI-framework/Entity/_ui-component_entity.scss b/templates/default/070-components/UI-framework/Entity/_ui-component_entity.scss index 780f3456c56..f8a3ebee2fe 100755 --- a/templates/default/070-components/UI-framework/Entity/_ui-component_entity.scss +++ b/templates/default/070-components/UI-framework/Entity/_ui-component_entity.scss @@ -17,9 +17,9 @@ grid-template-columns: min-content auto auto min-content min-content; border: s.$il-main-border; background-color: s.$il-main-bg; - padding: math.div(l.$il-margin-xlarge-vertical, 2) math.div(l.$il-margin-xlarge-horizontal, 2); + padding: math.div(l.$il-margin-large-vertical, 2) math.div(l.$il-margin-large-horizontal, 2); > *:not(:empty) { - padding: math.div(l.$il-margin-xlarge-vertical, 2) math.div(l.$il-margin-xlarge-horizontal, 2); + padding: math.div(l.$il-margin-large-vertical, 2) math.div(l.$il-margin-large-horizontal, 2); } } @@ -91,4 +91,4 @@ grid-area: f-reaction; min-width: max-content; } -} \ No newline at end of file +} diff --git a/templates/default/070-components/UI-framework/Input/_ui-component_file.scss b/templates/default/070-components/UI-framework/Input/_ui-component_file.scss index f013c74ccc4..25120d9ed7b 100755 --- a/templates/default/070-components/UI-framework/Input/_ui-component_file.scss +++ b/templates/default/070-components/UI-framework/Input/_ui-component_file.scss @@ -9,12 +9,12 @@ .ui-input-file-input-dropzone { border: $il-dropzone-border-width $il-dropzone-border-style $il-dropzone-border-color; - padding: $il-padding-base-vertical $il-padding-base-horizontal; + padding: $il-padding-small-vertical $il-padding-small-horizontal; } .ui-input-file-input-dropzone button { font-size: $il-font-size-base; - margin-left: $il-margin-base; + margin-left: $il-margin-medium-horizontal; } .ui-input-file-input-error-msg { @@ -31,24 +31,24 @@ .ui-input-file-input { border: $il-input-file-info-container-border-width $il-input-file-info-container-border-style $il-input-file-info-container-border-color; - margin-bottom: $il-margin-large-vertical; - padding: $il-padding-base; + margin-bottom: $il-margin-medium-vertical; + padding: $il-padding-medium-horizontal; } .ui-input-file-input span { font-size: $il-font-size-base; &[data-action="collapse"], [data-file-action="expand"] { - margin: $il-margin-base 0; + margin: $il-margin-medium-horizontal 0; } &[data-action="remove"] .glyph { - margin-left: $il-margin-base; + margin-left: $il-margin-medium-horizontal; float: right; } &[data-dz-name] { - margin-right: $il-margin-base; + margin-right: $il-margin-medium-horizontal; } &[data-dz-size] { - margin-right: $il-margin-base; + margin-right: $il-margin-medium-horizontal; font-style: italic; } } @@ -56,10 +56,10 @@ .ui-input-file-input-progress-container { height: $il-input-file-progress-height; background-color: $il-input-file-progress-base-color; - margin-top: $il-padding-base-horizontal; - margin-bottom: -$il-padding-base-horizontal; - margin-left: -$il-padding-base-horizontal; - margin-right: -$il-padding-base-horizontal; + margin-top: $il-padding-small-horizontal; + margin-bottom: -$il-padding-small-horizontal; + margin-left: -$il-padding-small-horizontal; + margin-right: -$il-padding-small-horizontal; .ui-input-file-input-progress-indicator { background-color: $il-input-file-progress-indicator-color; diff --git a/templates/default/070-components/UI-framework/Input/_ui-component_filter.scss b/templates/default/070-components/UI-framework/Input/_ui-component_filter.scss index 789639c4b99..0a63d265c06 100755 --- a/templates/default/070-components/UI-framework/Input/_ui-component_filter.scss +++ b/templates/default/070-components/UI-framework/Input/_ui-component_filter.scss @@ -24,7 +24,7 @@ $il-standard-filter-label-width: 30%; $il-standard-filter-input-remove-width: 10%; $il-standard-filter-font-color-disabled: $il-text-light-color; $il-standard-filter-controls-bottom: 0px; -$il-standard-filter-controls-padding-left: $il-padding-base-horizontal; +$il-standard-filter-controls-padding-left: $il-padding-small-horizontal; $il-standard-filter-controls-padding-bottom: 6px; //** Division with active inputs under Filter Bar @@ -34,7 +34,7 @@ $il-standard-filter-active-inputs-font-size: $il-font-size-small; //** Popovers $il-standard-filter-add-input-popover-list-margin: 0; -$il-standard-filter-add-input-popover-list-padding: $il-margin-base-vertical $il-margin-base-horizontal; +$il-standard-filter-add-input-popover-list-padding: $il-margin-small-vertical $il-margin-small-horizontal; $il-standard-filter-add-input-popover-list-button-width: 100%; .il-filter { @@ -42,8 +42,8 @@ $il-standard-filter-add-input-popover-list-button-width: 100%; display: flex; } .col-md-4, .col-md-6{ - padding-top: $il-padding-large-vertical; - padding-bottom: $il-padding-large-vertical; + padding-top: $il-padding-medium-vertical; + padding-bottom: $il-padding-medium-vertical; padding-right: 0px; } @@ -129,7 +129,7 @@ $il-standard-filter-add-input-popover-list-button-width: 100%; } li > button { - padding: $il-padding-large-vertical $il-standard-filter-controls-padding-left; + padding: $il-padding-medium-vertical $il-standard-filter-controls-padding-left; display: block; width: $il-standard-filter-add-input-popover-list-button-width; } @@ -176,7 +176,7 @@ $il-standard-filter-add-input-popover-list-button-width: 100%; button { min-height: 0px; width: $il-standard-filter-input-group-width; - padding: $il-padding-large-vertical $il-padding-large-horizontal; + padding: $il-padding-medium-vertical $il-padding-medium-horizontal; border: none; background-color: initial; font-size: $il-standard-filter-bar-btn-font-size; @@ -224,7 +224,7 @@ $il-standard-filter-add-input-popover-list-button-width: 100%; span { display: inline-block; - margin: $il-margin-small-vertical $il-margin-base-horizontal $il-margin-small-vertical $il-standard-filter-active-inputs-margin-left; + margin: $il-margin-small-vertical $il-margin-small-horizontal $il-margin-small-vertical $il-standard-filter-active-inputs-margin-left; padding: $il-standard-filter-active-inputs-padding-vertical $il-standard-filter-controls-padding-left; float: left; background-color: $il-main-bg; @@ -239,13 +239,13 @@ $il-standard-filter-add-input-popover-list-button-width: 100%; .il-filter-input-section { border-top: $il-standard-filter-input-section-border-top; position: relative; - padding-right: $il-padding-base-horizontal; + padding-right: $il-padding-small-horizontal; margin: $il-standard-filter-input-section-margin; background: $il-main-dark-bg; .leftaddon { font-size: $il-font-size-small; - padding: $il-padding-base-vertical $il-padding-base-horizontal; + padding: $il-padding-small-vertical $il-padding-small-horizontal; } .il-input-multiselect { @@ -253,7 +253,7 @@ $il-standard-filter-add-input-popover-list-button-width: 100%; } .c-input--duration { - margin: $il-margin-xxlarge-vertical; + margin: $il-margin-xlarge-vertical; } } diff --git a/templates/default/070-components/UI-framework/Input/_ui-component_input.scss b/templates/default/070-components/UI-framework/Input/_ui-component_input.scss index 5854b3879e4..cca924628e1 100755 --- a/templates/default/070-components/UI-framework/Input/_ui-component_input.scss +++ b/templates/default/070-components/UI-framework/Input/_ui-component_input.scss @@ -42,7 +42,7 @@ /// general form container styling .c-form { - margin-bottom: l.$il-margin-xxlarge-vertical; + margin-bottom: l.$il-margin-xlarge-vertical; .c-form__header, .c-form__footer { @@ -59,7 +59,7 @@ } } .c-form__footer { - margin-top: l.$il-margin-xxlarge-vertical; + margin-top: l.$il-margin-xlarge-vertical; } } @@ -71,7 +71,7 @@ "label error" "label help"; - margin-top: l.$il-margin-xxlarge-vertical; + margin-top: l.$il-margin-xlarge-vertical; &:first-child { margin-top: 0; } @@ -79,10 +79,9 @@ > label { display: block; grid-area: label; - padding-right: l.$il-margin-large-horizontal; - + padding-right: l.$il-margin-medium-horizontal; > .asterisk:first-child { - padding-left: $il-padding-base-vertical; + padding-left: l.$il-padding-medium-horizontal; } } @@ -105,7 +104,7 @@ "error" "help"; > .c-input__field { - margin-top: l.$il-margin-base-vertical; + margin-top: l.$il-margin-small-vertical; } } } @@ -115,18 +114,18 @@ // hover/focus extends beyond box without pushing it .c-input:not([data-il-ui-component="section-field-input"]) { &:hover { - box-shadow: 0px 0px 0px l.$il-margin-base-horizontal $il-main-dark-bg; + box-shadow: 0px 0px 0px l.$il-margin-small-horizontal $il-main-dark-bg; background-color: $il-main-dark-bg; } &:has(:focus-visible) { - box-shadow: 0px 0px 0px l.$il-margin-base-horizontal $il-highlight-bg; + box-shadow: 0px 0px 0px l.$il-margin-small-horizontal $il-highlight-bg; background-color: $il-highlight-bg; } } .c-form { .c-form__error-msg { - margin-top: l.$il-margin-large-vertical; + margin-top: l.$il-margin-medium-vertical; margin-bottom: 0; // overrides alert default } .c-input[data-il-ui-component] input:invalid { @@ -146,7 +145,7 @@ } .c-input[data-il-ui-component]:not([data-il-ui-component="section-field-input"]):has(> .c-input__error-msg) { border-inline-start: 6px solid $il-alert-danger-border; - padding-left: l.$il-padding-base-horizontal; + padding-left: l.$il-padding-small-horizontal; } [data-il-ui-component="textarea-field-input"] .c-input__field textarea, [data-il-ui-component="markdown-field-input"] .c-input__field .c-field-markdown textarea { @@ -159,15 +158,15 @@ [data-il-ui-component="markdown-field-input"] > .c-input__field .c-field-markdown textarea, [data-il-ui-component="url-field-input"] .c-input__field input { width: 100%; - padding: l.$il-padding-base-vertical l.$il-padding-base-horizontal; + padding: l.$il-padding-small-vertical l.$il-padding-small-horizontal; font-size: $il-standard-form-font-size; } [data-il-ui-component="datetime-field-input"] .c-input__field input, [data-il-ui-component="numeric-field-input"] .c-input__field input { - padding: l.$il-padding-base-vertical l.$il-padding-base-horizontal; + padding: l.$il-padding-small-vertical l.$il-padding-small-horizontal; font-size: $il-standard-form-font-size; } [data-il-ui-component="select-field-input"] .c-input__field select { - padding: l.$il-padding-base-vertical l.$il-padding-base-horizontal; + padding: l.$il-padding-small-vertical l.$il-padding-small-horizontal; } } diff --git a/templates/default/070-components/UI-framework/Input/_ui-component_markdown.scss b/templates/default/070-components/UI-framework/Input/_ui-component_markdown.scss index 6eb30bc617c..e51d0c15675 100755 --- a/templates/default/070-components/UI-framework/Input/_ui-component_markdown.scss +++ b/templates/default/070-components/UI-framework/Input/_ui-component_markdown.scss @@ -11,8 +11,8 @@ display: flex; justify-content: space-between; flex-wrap: wrap; - gap: $il-padding-base-vertical; - margin-bottom: $il-padding-base-vertical; + gap: $il-padding-small-vertical; + margin-bottom: $il-padding-small-vertical; } // glyphs are grey by default, which leads to low contrast when being @@ -28,8 +28,8 @@ border: $il-main-border; display: inline-block; width: 100%; - padding-left: $il-padding-large-horizontal; - padding-right: $il-padding-large-horizontal; + padding-left: $il-padding-medium-horizontal; + padding-right: $il-padding-medium-horizontal; margin: 0; } diff --git a/templates/default/070-components/UI-framework/Input/_ui-component_multiselect.scss b/templates/default/070-components/UI-framework/Input/_ui-component_multiselect.scss index ca9762be1ba..cf9d1fe12ba 100755 --- a/templates/default/070-components/UI-framework/Input/_ui-component_multiselect.scss +++ b/templates/default/070-components/UI-framework/Input/_ui-component_multiselect.scss @@ -5,14 +5,14 @@ padding: 0; margin: 0; > li { - margin-top: l.$il-margin-base-vertical; + margin-top: l.$il-margin-small-vertical; &:first-child { margin-top: 0; } label { display: flex; > input[type="checkbox"] { - margin-right: l.$il-margin-base-horizontal; + margin-right: l.$il-margin-small-horizontal; width: auto; } > .c-input__multiselect__label-text { @@ -20,4 +20,4 @@ } } } -} \ No newline at end of file +} diff --git a/templates/default/070-components/UI-framework/Input/_ui-component_optionalgroups.scss b/templates/default/070-components/UI-framework/Input/_ui-component_optionalgroups.scss index 26b55c5f6d5..b685ebfadd7 100644 --- a/templates/default/070-components/UI-framework/Input/_ui-component_optionalgroups.scss +++ b/templates/default/070-components/UI-framework/Input/_ui-component_optionalgroups.scss @@ -29,9 +29,9 @@ > .c-input { margin: 0; // usually margin spaces inputs, but colored bg padding is doing this in groups &:first-child { - margin-top: l.$il-margin-large-vertical; + margin-top: l.$il-margin-medium-vertical; } - padding: l.$il-padding-xxlarge-vertical l.$il-padding-xxlarge-horizontal; + padding: l.$il-padding-xlarge-vertical l.$il-padding-xlarge-horizontal; background-color: s.$il-main-dark-bg; @include c-input_switch-bg-hover(none, s.$il-main-darker-bg); } diff --git a/templates/default/070-components/UI-framework/Input/_ui-component_radio.scss b/templates/default/070-components/UI-framework/Input/_ui-component_radio.scss index 3a66acec151..d674de9be8f 100755 --- a/templates/default/070-components/UI-framework/Input/_ui-component_radio.scss +++ b/templates/default/070-components/UI-framework/Input/_ui-component_radio.scss @@ -4,12 +4,12 @@ > .c-field-radio__item { display: flex; flex-wrap: wrap; - margin-top: l.$il-margin-large-vertical; + margin-top: l.$il-margin-medium-vertical; &:first-child { margin-top: 0; } > input { - margin-right: l.$il-margin-base-horizontal; + margin-right: l.$il-margin-small-horizontal; width: auto; } > label { @@ -19,4 +19,4 @@ width: 100%; } } -} \ No newline at end of file +} diff --git a/templates/default/070-components/UI-framework/Input/_ui-component_section.scss b/templates/default/070-components/UI-framework/Input/_ui-component_section.scss index b08dac96ceb..abe9a56c84b 100644 --- a/templates/default/070-components/UI-framework/Input/_ui-component_section.scss +++ b/templates/default/070-components/UI-framework/Input/_ui-component_section.scss @@ -2,7 +2,7 @@ @use "../../../050-layout/basics" as l; .c-form .c-input[data-il-ui-component="section-field-input"].c-input { - margin-bottom: l.$il-margin-xxxlarge-vertical * 2; + margin-bottom: l.$il-margin-xlarge-vertical * 2; display: flex; flex-direction: column; @@ -25,12 +25,12 @@ } > .c-input__error-msg { - //margin-top: l.$il-margin-base-horizontal; + //margin-top: l.$il-margin-small-horizontal; order: 3; } > .c-input__field { - margin-top: l.$il-margin-large-horizontal; + margin-top: l.$il-margin-medium-horizontal; width: 100%; order: 4; } diff --git a/templates/default/070-components/UI-framework/Item/_ui-component_item.scss b/templates/default/070-components/UI-framework/Item/_ui-component_item.scss index 4672f296ae4..5114eb4bc53 100755 --- a/templates/default/070-components/UI-framework/Item/_ui-component_item.scss +++ b/templates/default/070-components/UI-framework/Item/_ui-component_item.scss @@ -12,8 +12,8 @@ $il-item-divider-padding: 10px 0 0 0; $il-item-divider-margin: 0 0 10px 0; $il-item-divider-border-bottom: dashed 0.5px $il-main-border-color; $il-item-description-padding: 10px 0 0 0; -$il-item-audio-padding: $il-padding-large-vertical 0; -$il-item-padding: $il-padding-xlarge-horizontal; +$il-item-audio-padding: $il-padding-medium-vertical 0; +$il-item-padding: $il-padding-large-horizontal; $il-item-marker-border-left: 5px solid; $il-item-h5-margin: 4px 0px 2px 0px; $il-item-gap-base: 6px; @@ -31,12 +31,11 @@ $il-item-gap-xs: 1px; padding: $il-item-padding; .il-item-title { - font-size: $il-font-size-base; display: inline-block; .btn-link, a { font-size: inherit; line-height: $il-line-height-base; - + &:focus-visible { display: block; } @@ -93,7 +92,7 @@ $il-item-gap-xs: 1px; .il-chart-progressmeter-viewbox { @media only screen and (max-width: $il-grid-float-breakpoint-max) { - padding-top: $il-padding-large-vertical; + padding-top: $il-padding-medium-vertical; } } @@ -144,7 +143,7 @@ $il-item-gap-xs: 1px; } .il-item-notification-replacement-container:not(:first-child){ .il-notification-item{ - margin-top: $il-margin-large-vertical; + margin-top: $il-margin-medium-vertical; } } @@ -224,7 +223,7 @@ $il-item-gap-xs: 1px; .il-panel-listing-std-container{ .il-item .media-left{ - min-width: calc($il-icon-size-small + 2 * $il-padding-xlarge-horizontal); + min-width: calc($il-icon-size-small + 2 * $il-padding-large-horizontal); } } } diff --git a/templates/default/070-components/UI-framework/Launcher/_ui-component_launcher.scss b/templates/default/070-components/UI-framework/Launcher/_ui-component_launcher.scss index 3ff6fa32fe9..a95fc82f311 100755 --- a/templates/default/070-components/UI-framework/Launcher/_ui-component_launcher.scss +++ b/templates/default/070-components/UI-framework/Launcher/_ui-component_launcher.scss @@ -31,7 +31,7 @@ .c-launcher__status { display: flex; flex-direction: row; - margin-bottom: layout-basics.$il-margin-xlarge-vertical; + margin-bottom: layout-basics.$il-margin-large-vertical; } .c-launcher__status__message { @@ -50,4 +50,4 @@ height: legacy-setting-symbol.$il-icon-size-large; width: legacy-setting-symbol.$il-icon-size-large; } -} \ No newline at end of file +} diff --git a/templates/default/070-components/UI-framework/Layout/_ui-component_alignment.scss b/templates/default/070-components/UI-framework/Layout/_ui-component_alignment.scss index 62545e48002..5bd4c24f63a 100755 --- a/templates/default/070-components/UI-framework/Layout/_ui-component_alignment.scss +++ b/templates/default/070-components/UI-framework/Layout/_ui-component_alignment.scss @@ -5,7 +5,7 @@ display: flex; flex-wrap: wrap; width: 100%; - gap: $il-margin-large-horizontal; + gap: $il-margin-medium-horizontal; &--horizontal-evenly { .c-layout-alignment__block { @@ -26,4 +26,4 @@ flex-wrap: nowrap; flex-direction: column; } -} \ No newline at end of file +} diff --git a/templates/default/070-components/UI-framework/Layout/_ui-component_standardpage.scss b/templates/default/070-components/UI-framework/Layout/_ui-component_standardpage.scss index b88d2f4abad..c2ba2d2dce0 100755 --- a/templates/default/070-components/UI-framework/Layout/_ui-component_standardpage.scss +++ b/templates/default/070-components/UI-framework/Layout/_ui-component_standardpage.scss @@ -96,7 +96,7 @@ div.il-system-infos { display: flex; flex-direction: row; height: $il-standard-page-header-height; - padding: 0 $il-padding-xlarge-horizontal; + padding: 0 $il-padding-large-horizontal; position: fixed; width: 100%; justify-content: space-between; @@ -173,7 +173,16 @@ main { overflow: auto; #mainspacekeeper { flex-grow: 1; // stretches content from top to footer - width: 100%; + padding: 0 $il-margin-xlarge-horizontal; + width: 100%; + max-width: $screen-lg; + margin: 0 auto; + .c-table-data__table-wrapper { + margin: 0 calc(50% - (50vw - 70px)); + table { + margin: 0 auto; + } + } } } #il_center_col { @@ -341,7 +350,7 @@ main { content: " \e606"; font-family: "il-icons"; font-size: $il-font-size-large; - margin-right: $il-padding-base-horizontal; + margin-right: $il-padding-small-horizontal; } } diff --git a/templates/default/070-components/UI-framework/Listing/_ui-component_characteristic_value.scss b/templates/default/070-components/UI-framework/Listing/_ui-component_characteristic_value.scss index a059cd9cc61..147c30a520b 100755 --- a/templates/default/070-components/UI-framework/Listing/_ui-component_characteristic_value.scss +++ b/templates/default/070-components/UI-framework/Listing/_ui-component_characteristic_value.scss @@ -11,7 +11,7 @@ $il-characteristic-value-border-color: $il-main-border-color; .il-listing-characteristic-value-row { @include clearfix; /* i tried .ilClearFloat, did not work as expected */ border-top: solid $il-characteristic-value-border-color 1px; - padding: $il-padding-large-horizontal 0; + padding: $il-padding-medium-horizontal 0; } .il-listing-characteristic-value-row:first-child { border-top: none; @@ -27,7 +27,7 @@ $il-characteristic-value-border-color: $il-main-border-color; } .il-listing-characteristic-value-item { @include ilFloatRight; - padding-left: $il-padding-large-horizontal; + padding-left: $il-padding-medium-horizontal; width: 50%; left: 50%; @media (max-width: $il-grid-float-breakpoint-max) { @@ -49,4 +49,4 @@ $il-characteristic-value-border-color: $il-main-border-color; @include ilRight; width: 25%; left: 25%; -} \ No newline at end of file +} diff --git a/templates/default/070-components/UI-framework/Listing/_ui-component_properties.scss b/templates/default/070-components/UI-framework/Listing/_ui-component_properties.scss index 6ab6876c386..ddb3c65d00d 100755 --- a/templates/default/070-components/UI-framework/Listing/_ui-component_properties.scss +++ b/templates/default/070-components/UI-framework/Listing/_ui-component_properties.scss @@ -5,5 +5,5 @@ } .c-listing-property + .c-listing-property { - margin-top: l.$il-margin-large-vertical; -} \ No newline at end of file + margin-top: l.$il-margin-medium-vertical; +} diff --git a/templates/default/070-components/UI-framework/Listing/_ui-component_workflow.scss b/templates/default/070-components/UI-framework/Listing/_ui-component_workflow.scss index 9b7e3be4bda..3df0788135e 100755 --- a/templates/default/070-components/UI-framework/Listing/_ui-component_workflow.scss +++ b/templates/default/070-components/UI-framework/Listing/_ui-component_workflow.scss @@ -28,9 +28,9 @@ $il-workflow-unavailable-text-color: color.scale($il-text-color, $lightness: 30% color: $il-text-color; font-size: $il-font-size-xlarge; font-weight: $il-font-weight-base; - margin-bottom: $il-margin-large-vertical; + margin-bottom: $il-margin-medium-vertical; margin-top: 0; - padding: $il-padding-large-vertical $il-padding-large-horizontal; + padding: $il-padding-medium-vertical $il-padding-medium-horizontal; } } .il-workflow-container { @@ -153,7 +153,7 @@ $il-workflow-unavailable-text-color: color.scale($il-text-color, $lightness: 30% color: $il-workflow-available-text-color; font-size: $il-font-size-large; font-weight: $il-font-weight-base; - margin-top: -($il-margin-large-vertical*0.5); + margin-top: -($il-margin-medium-vertical*0.5); } } @@ -180,6 +180,6 @@ $il-workflow-unavailable-text-color: color.scale($il-text-color, $lightness: 30% } .il-workflow-container { - padding: $il-padding-xxxlarge-vertical $il-padding-xlarge-horizontal; + padding: $il-padding-xlarge-vertical $il-padding-large-horizontal; } -} \ No newline at end of file +} diff --git a/templates/default/070-components/UI-framework/MainControls/Slate/_ui-component_slate.scss b/templates/default/070-components/UI-framework/MainControls/Slate/_ui-component_slate.scss index 6c0d4929391..5da8e47d619 100755 --- a/templates/default/070-components/UI-framework/MainControls/Slate/_ui-component_slate.scss +++ b/templates/default/070-components/UI-framework/MainControls/Slate/_ui-component_slate.scss @@ -37,7 +37,7 @@ $il-slate-tree-padding: $il-padding-small-vertical 0; &.il-maincontrols-slate-notification{ .il-maincontrols-slate-notification-title{ - padding: $il-padding-large-horizontal; + padding: $il-padding-medium-horizontal; .btn-bulky{ .glyph{ :before{ @@ -47,11 +47,11 @@ $il-slate-tree-padding: $il-padding-small-vertical 0; margin-right: 10px; } } - margin: -$il-margin-large-horizontal; + margin: -$il-margin-medium-horizontal; border: none; border-right: solid 3px; border-right-color: $il-main-dark-bg; - padding: $il-padding-large-horizontal; + padding: $il-padding-medium-horizontal; background-color: transparent; @@ -134,7 +134,7 @@ $il-slate-tree-padding: $il-padding-small-vertical 0; > .c-form, > #copg-editor-slate-content > .c-form { - padding: $il-padding-xlarge-vertical $il-padding-xlarge-horizontal; + padding: $il-padding-large-vertical $il-padding-large-horizontal; } } diff --git a/templates/default/070-components/UI-framework/MainControls/_ui-component_footer.scss b/templates/default/070-components/UI-framework/MainControls/_ui-component_footer.scss index 86fe62addf9..9f8e002e1f9 100755 --- a/templates/default/070-components/UI-framework/MainControls/_ui-component_footer.scss +++ b/templates/default/070-components/UI-framework/MainControls/_ui-component_footer.scss @@ -35,7 +35,7 @@ &-grid__item { height: auto; - padding: $il-padding-large-vertical $il-padding-large-horizontal; + padding: $il-padding-medium-vertical $il-padding-medium-horizontal; --l-bar__element__margin-bottom: 0; } @@ -45,7 +45,7 @@ } & ul li { - padding: $il-padding-large-vertical 0 0 0; + padding: $il-padding-medium-vertical 0 0 0; } @include brk.on-screen-size(large) { @@ -61,7 +61,7 @@ grid-template-columns: repeat(1, 1fr); } & ul li { - padding: $il-padding-large-vertical 0 0 0; + padding: $il-padding-medium-vertical 0 0 0; } } } diff --git a/templates/default/070-components/UI-framework/MainControls/_ui-component_mainbar.scss b/templates/default/070-components/UI-framework/MainControls/_ui-component_mainbar.scss index 73b05908c5b..70d93b4af3b 100755 --- a/templates/default/070-components/UI-framework/MainControls/_ui-component_mainbar.scss +++ b/templates/default/070-components/UI-framework/MainControls/_ui-component_mainbar.scss @@ -35,9 +35,9 @@ $il-mainbar-slates-bg-color: $il-main-bg; $il-maincontrols-mainbar-bg-color: $il-mainbar-btn-bg-color; // bulky colors are in button settings -$il-slate-bulky-padding-vertical: $il-padding-xxxlarge-vertical; -$il-slate-bulky-padding: $il-slate-bulky-padding-vertical 40px $il-slate-bulky-padding-vertical $il-padding-base-horizontal; -$il-slate-bulky-link-padding: $il-slate-bulky-padding-vertical $il-padding-base-horizontal $il-slate-bulky-padding-vertical $il-padding-base-horizontal; +$il-slate-bulky-padding-vertical: $il-padding-xlarge-vertical; +$il-slate-bulky-padding: $il-slate-bulky-padding-vertical 40px $il-slate-bulky-padding-vertical $il-padding-small-horizontal; +$il-slate-bulky-link-padding: $il-slate-bulky-padding-vertical $il-padding-small-horizontal $il-slate-bulky-padding-vertical $il-padding-small-horizontal; // // GENERAL diff --git a/templates/default/070-components/UI-framework/MainControls/_ui-component_metabar.scss b/templates/default/070-components/UI-framework/MainControls/_ui-component_metabar.scss index e2e17491906..b6b4496a220 100755 --- a/templates/default/070-components/UI-framework/MainControls/_ui-component_metabar.scss +++ b/templates/default/070-components/UI-framework/MainControls/_ui-component_metabar.scss @@ -7,8 +7,8 @@ //== metabar $il-metabar-glyph-color: $il-neutral-light-color; $il-metabar-entry-border: none; -$il-metabar-entry-height: 60px; -$il-metabar-entry-width: 60px; +$il-metabar-entry-height: $il-standard-page-header-height; +$il-metabar-entry-width: $il-standard-page-header-height; $il-metabar-glyph-size: 1.4375rem; $il-metabar-slates-width: 500px; $il-metabar-slates-bg-color: #fafafa; @@ -94,7 +94,7 @@ $il-metabar-small-glyph-size: 1.25rem; @media only screen and (max-width: $il-grid-float-breakpoint-max) { .il-metabar-more-button { - padding-right: $il-padding-xxxlarge-horizontal; + padding-right: $il-padding-xlarge-horizontal; .icon.custom { position: relative; img { @@ -104,10 +104,10 @@ $il-metabar-small-glyph-size: 1.25rem; position: absolute; margin-right: $il-margin-xs-horizontal; &.il-counter-novelty { - margin-top: -$il-margin-large-vertical; + margin-top: -$il-margin-medium-vertical; } &.il-counter-status { - margin-top: $il-margin-xxlarge-vertical; + margin-top: $il-margin-xlarge-vertical; } } } @@ -156,8 +156,8 @@ $il-metabar-small-glyph-size: 1.25rem; font-family: "il-icons"; position: absolute; font-size: $il-slate-bulky-glyph-size; - right: $il-margin-large-horizontal; - top: $il-padding-xxxlarge-vertical; + right: $il-margin-medium-horizontal; + top: $il-padding-xlarge-vertical; line-height: $il-line-height-computed; } } diff --git a/templates/default/070-components/UI-framework/MainControls/_ui-component_mode_info.scss b/templates/default/070-components/UI-framework/MainControls/_ui-component_mode_info.scss index 29d55e40426..92e1da6642a 100755 --- a/templates/default/070-components/UI-framework/MainControls/_ui-component_mode_info.scss +++ b/templates/default/070-components/UI-framework/MainControls/_ui-component_mode_info.scss @@ -41,8 +41,8 @@ $il-mode-info-shadow: $il-shadow--large; -webkit-box-shadow: $il-mode-info-shadow; -moz-box-shadow: $il-mode-info-shadow; box-shadow: $il-mode-info-shadow; - padding: $il-padding-xs-vertical $il-padding-xxxlarge-horizontal; - gap: $il-padding-xxxlarge-horizontal; + padding: $il-padding-xs-vertical $il-padding-xlarge-horizontal; + gap: $il-padding-xlarge-horizontal; min-height: $il-mode-info-height; min-width: 20%; max-width: 50%; diff --git a/templates/default/070-components/UI-framework/MainControls/_ui-component_system_info.scss b/templates/default/070-components/UI-framework/MainControls/_ui-component_system_info.scss index 3a10f1852df..a9699070323 100755 --- a/templates/default/070-components/UI-framework/MainControls/_ui-component_system_info.scss +++ b/templates/default/070-components/UI-framework/MainControls/_ui-component_system_info.scss @@ -74,9 +74,9 @@ $il-standard-page-system-info-color-variant-breaking: darken($il-danger-color, 1 // General Sizes line-height: $il-line-height-computed; - padding-top: $il-padding-large-vertical; - padding-bottom: $il-padding-large-vertical; - height: calc($il-padding-large-vertical + $il-padding-large-vertical + $il-line-height-computed); + padding-top: $il-padding-medium-vertical; + padding-bottom: $il-padding-medium-vertical; + height: calc($il-padding-medium-vertical + $il-padding-medium-vertical + $il-line-height-computed); // Flex @@ -106,7 +106,7 @@ $il-standard-page-system-info-color-variant-breaking: darken($il-danger-color, 1 div.il-system-info-headline { text-transform: $il-standard-page-system-info-headline-transform; font-weight: $il-standard-page-system-info-headline-font-weight; - margin-right: $il-margin-base-horizontal; + margin-right: $il-margin-small-horizontal; } } @@ -123,10 +123,10 @@ $il-standard-page-system-info-color-variant-breaking: darken($il-danger-color, 1 flex-grow: 0; flex-shrink: 0; text-align: right; - flex-basis: $il-padding-large-horizontal*5; + flex-basis: $il-padding-medium-horizontal*5; :not(:last-child){ - padding-right: $il-padding-large-horizontal; + padding-right: $il-padding-medium-horizontal; } span.il-system-info-more { diff --git a/templates/default/070-components/UI-framework/Menu/_ui-component_drilldown.scss b/templates/default/070-components/UI-framework/Menu/_ui-component_drilldown.scss index 63ce10d7894..411af3a7a4d 100755 --- a/templates/default/070-components/UI-framework/Menu/_ui-component_drilldown.scss +++ b/templates/default/070-components/UI-framework/Menu/_ui-component_drilldown.scss @@ -11,8 +11,8 @@ // //## $c-drilldown-header-height: l-spage.$il-mainbar-btn-height; -$c-drilldown-spacing-vertical: l.$il-padding-large-vertical; -$c-drilldown-spacing-horizontal: l.$il-padding-large-horizontal; +$c-drilldown-spacing-vertical: l.$il-padding-medium-vertical; +$c-drilldown-spacing-horizontal: l.$il-padding-medium-horizontal; $c-drilldown-element-max-height: button.$input-min-height-large; $c-drilldown-min-height: button.$input-min-height-large * 6; $c-drilldown-menulevel-bg: $il-bulky-bg-color; @@ -23,7 +23,7 @@ $c-drilldown-item-hover-bg: $c-drilldown-engaged-bg; $c-drilldown-item-font-size: $il-bulky-label-size; $c-drilldown-item-spacing: l-spage.$il-slate-content-spacing; $c-drilldown-item-font-line-height: $il-bulky-label-size * 1.133333333333333; // line-height of slate bulky btn/link -$c-drilldown-left-indent: l.$il-padding-large-horizontal + s-symbol.$il-icon-size-small + math.div(l.$il-padding-large-horizontal, 2); +$c-drilldown-left-indent: l.$il-padding-medium-horizontal + s-symbol.$il-icon-size-small + math.div(l.$il-padding-medium-horizontal, 2); $c-drilldown-selected-bg: $il-bulky-bg-color-engaged; $c-drilldown-menulevel-trigger-bg: transparent; @@ -52,7 +52,7 @@ $c-drilldown-menulevel-trigger-bg: transparent; min-height: $c-drilldown-header-height; // content is centered by flex-box, not through padding margin-bottom: $c-drilldown-item-spacing; - padding: l.$il-padding-xlarge-vertical l.$il-padding-xlarge-horizontal l.$il-padding-xlarge-vertical $c-drilldown-left-indent; + padding: l.$il-padding-large-vertical l.$il-padding-large-horizontal l.$il-padding-large-vertical $c-drilldown-left-indent; box-shadow: none; z-index: initial; // so slate can cover up this specific header @@ -321,4 +321,4 @@ $c-drilldown-menulevel-trigger-bg: transparent; padding-top: $c-drilldown-spacing-vertical; padding-bottom: $c-drilldown-spacing-vertical; } -} \ No newline at end of file +} diff --git a/templates/default/070-components/UI-framework/MessageBox/_ui-component_messagebox.scss b/templates/default/070-components/UI-framework/MessageBox/_ui-component_messagebox.scss index 1e39cc1955b..90a422d18cb 100755 --- a/templates/default/070-components/UI-framework/MessageBox/_ui-component_messagebox.scss +++ b/templates/default/070-components/UI-framework/MessageBox/_ui-component_messagebox.scss @@ -15,7 +15,7 @@ div.alert { ul { margin-top: $il-messagebox-link-list-margin-top; background-color: $il-main-dark-bg; - padding: $il-padding-large-vertical $il-padding-large-horizontal; + padding: $il-padding-medium-vertical $il-padding-medium-horizontal; font-size: $il-font-size-small; color: $il-text-light-color; list-style-type: none; @@ -24,4 +24,4 @@ div.alert { content: $il-messagebox-link-bullet; /* margin-left: -10px; */ } -} \ No newline at end of file +} diff --git a/templates/default/070-components/UI-framework/Modal/_ui-component_modal.scss b/templates/default/070-components/UI-framework/Modal/_ui-component_modal.scss index 4a704fa0b12..1f2da5b7b98 100755 --- a/templates/default/070-components/UI-framework/Modal/_ui-component_modal.scss +++ b/templates/default/070-components/UI-framework/Modal/_ui-component_modal.scss @@ -22,13 +22,13 @@ $modal-header-border-color: #e5e5e5 !default; //** Modal footer border color $modal-footer-border-color: $modal-header-border-color !default; -$legacy-modal-md: $il-column-standard-width * 2 + $il-padding-xlarge-horizontal * 2 + 2 !default; -$legacy-modal-sm: $il-column-standard-width + $il-padding-xlarge-horizontal * 2 + 2 !default; +$legacy-modal-md: $il-column-standard-width * 2 + $il-padding-large-horizontal * 2 + 2 !default; +$legacy-modal-sm: $il-column-standard-width + $il-padding-large-horizontal * 2 + 2 !default; -$modal-title-padding: $il-padding-xlarge-vertical $il-padding-xlarge-horizontal; +$modal-title-padding: $il-padding-large-vertical $il-padding-large-horizontal; $modal-title-line-height: $il-line-height-base; -$modal-inner-padding: $il-padding-xlarge-vertical $il-padding-xlarge-horizontal; +$modal-inner-padding: $il-padding-large-vertical $il-padding-large-horizontal; $il-modal-transition-speed: 0.15s; $il-modal-light-color: $il-main-bg; @@ -321,7 +321,7 @@ $il-modal-dark-carousel-color: $il-main-bg !default; .c-modal--interruptive { .c-modal--interruptive__items { - margin-bottom: $il-margin-xxxlarge-vertical; + margin-bottom: $il-margin-xlarge-vertical; .c-modal--interruptive__items__key-value { .c-modal--interruptive__items__key-value__key { float: left; diff --git a/templates/default/070-components/UI-framework/Panel/_ui-component_panel.scss b/templates/default/070-components/UI-framework/Panel/_ui-component_panel.scss index d2f4a69a5d1..5c8ce7041f3 100755 --- a/templates/default/070-components/UI-framework/Panel/_ui-component_panel.scss +++ b/templates/default/070-components/UI-framework/Panel/_ui-component_panel.scss @@ -39,15 +39,11 @@ h2, h2.ilHeader { margin: 0; color: ls.$il-panel-heading-color; - font-size: $il-font-size-xlarge; - line-height: $il-line-height-large; - font-weight: $il-font-weight-bold; } h4, h4.ilBlockHeader { margin: 0; color: ls.$il-panel-heading-color; - font-size: $il-font-size-base; } } @@ -71,7 +67,7 @@ } .panel-body { - padding: $il-padding-xxxlarge-vertical $il-padding-xlarge-horizontal; + padding: $il-padding-medium-vertical $il-padding-medium-horizontal; background-color: $il-main-bg; @include clearfix; } @@ -90,14 +86,14 @@ display: flex; align-items: center; flex-wrap: wrap; - gap: $il-margin-base-horizontal; + gap: $il-margin-small-horizontal; } .panel-title{ order: 1; } .panel-controls { display: flex; - gap: $il-margin-base-horizontal; + gap: $il-margin-small-horizontal; justify-content: flex-end; margin-left: auto; @include break.on-screen-size(small) { @@ -113,7 +109,6 @@ h2.ilHeader { flex-grow: 99; flex-shrink: 1; - line-height: math.ceil($il-font-size-large * 1.235); order: 1; } .ilBlockHeader h4,.ilHeader h4{ @@ -136,34 +131,32 @@ box-shadow: ls.$il-panel-shadow; .panel-heading.ilHeader{ h2.ilHeader { - font-size: $il-font-size-large; } h2.ilHeader { - font-size: $il-font-size-large; } } .panel-body { .il-item-group{ - margin: 0 (-$il-margin-xlarge-horizontal); + margin: 0 (-$il-margin-medium-horizontal); h2{ - padding: $il-padding-large-vertical $il-padding-xlarge-horizontal; + padding: $il-padding-medium-vertical $il-padding-large-horizontal; } h3{ - padding: $il-padding-large-vertical $il-padding-xlarge-horizontal; + padding: $il-padding-medium-vertical $il-padding-large-horizontal; } &:first-child{ - margin-top: -$il-margin-xxxlarge-vertical; + margin-top: -$il-margin-medium-vertical; } &:last-child{ - margin-bottom: -$il-margin-xxxlarge-vertical; + margin-bottom: -$il-margin-medium-vertical; } .il-item{ - padding-left: $il-padding-xlarge-horizontal; + padding-left: $il-padding-large-horizontal; .media-right{ vertical-align: middle; @@ -174,8 +167,7 @@ .il-panel-listing-std-container > h2, .panel-body h4{ display: inline-block; - padding: $il-padding-base-vertical 0; - font-size: $il-font-size-base; + padding: $il-padding-small-vertical 0; color: ls.$il-panel-heading-color; margin: 0; } @@ -191,7 +183,7 @@ -webkit-box-shadow: none; box-shadow: none; - margin: (-$il-padding-xxxlarge-vertical) (-$il-margin-xlarge-horizontal); + margin: (-$il-padding-medium-vertical) (-$il-margin-medium-horizontal); .panel-body{ margin: 0; @@ -210,7 +202,7 @@ margin-bottom: 0; } > .panel-body > .panel { - margin-bottom: $il-margin-large-vertical; + margin-bottom: $il-margin-medium-vertical; } .panel-heading{ min-height: 34px; @@ -225,7 +217,6 @@ > h2 { color: ls.$il-panel-heading-color; - font-size: $il-font-size-xlarge; font-weight: $il-font-weight-bold; float: left; padding: ls.$il-panel-heading-padding; diff --git a/templates/default/070-components/UI-framework/Progress/_ui-component_progress_bar.scss b/templates/default/070-components/UI-framework/Progress/_ui-component_progress_bar.scss index 29283508fb4..f893d17e56c 100644 --- a/templates/default/070-components/UI-framework/Progress/_ui-component_progress_bar.scss +++ b/templates/default/070-components/UI-framework/Progress/_ui-component_progress_bar.scss @@ -20,7 +20,7 @@ -webkit-appearance: none; -moz-appearance: none; appearance: none; - padding: $il-padding-base 0; + padding: $il-padding-medium-horizontal 0; background: none; border: none; width: 100%; @@ -90,7 +90,7 @@ &__message { font-size: $il-font-size-small; - padding: 0 0 $il-padding-base 0; + padding: 0 0 $il-padding-medium-horizontal 0; width: 100%; &::before { diff --git a/templates/default/070-components/UI-framework/Table/_ui-component_table.scss b/templates/default/070-components/UI-framework/Table/_ui-component_table.scss index 13de134ac8f..1c9df966193 100755 --- a/templates/default/070-components/UI-framework/Table/_ui-component_table.scss +++ b/templates/default/070-components/UI-framework/Table/_ui-component_table.scss @@ -21,7 +21,7 @@ $il-table-presentation-details-viewcontrols-btn-color: $il-main-color; $il-table-presentation-details-viewcontrols-btn-bg: white; .il-table-presentation-viewcontrols { - margin-bottom: $il-margin-large-vertical; + margin-bottom: $il-margin-medium-vertical; @media print { display: none !important; } @@ -30,8 +30,8 @@ $il-table-presentation-details-viewcontrols-btn-bg: white; .il-table-presentation-row { background-color: $il-main-bg; border-top: $il-table-presentation-rowborder-top; - padding-top: $il-padding-xxlarge-vertical; - padding-bottom: $il-padding-xxlarge-vertical; + padding-top: $il-padding-xlarge-vertical; + padding-bottom: $il-padding-xlarge-vertical; position: relative; white-space: nowrap; @@ -86,7 +86,7 @@ $il-table-presentation-details-viewcontrols-btn-bg: white; .il-table-presentation-actions { @include brk.on-screen-size('small') { order: 3; - margin-top: $il-margin-xxlarge-vertical; + margin-top: $il-margin-xlarge-vertical; } } @@ -97,7 +97,7 @@ $il-table-presentation-details-viewcontrols-btn-bg: white; } .il-table-presentation-row-expanded { - margin-top: $il-margin-large-vertical; + margin-top: $il-margin-medium-vertical; @include brk.on-screen-size('small') { order: 2; @@ -105,7 +105,7 @@ $il-table-presentation-details-viewcontrols-btn-bg: white; .il-table-presentation-details { .il-table-presentation-actions { - margin-bottom: $il-margin-large-vertical; + margin-bottom: $il-margin-medium-vertical; } .il-table-presentation-fields { @@ -134,7 +134,7 @@ $table-ordering__inset-row__shadow: inset 0px 0px 14px 2px #00000063; .c-table-data, .c-table-ordering { .viewcontrols { - margin-bottom: $il-margin-large-vertical; + margin-bottom: $il-margin-medium-vertical; } } @@ -147,10 +147,10 @@ $table-ordering__inset-row__shadow: inset 0px 0px 14px 2px #00000063; .c-table-data__cell { background-color: $il-main-bg; // so sticky cells can cover up cells underneath them - padding: $il-padding-large-vertical $il-padding-large-horizontal; + padding: $il-padding-medium-vertical $il-padding-medium-horizontal; border: 1px solid $il-main-border-color; &--multiaction { - padding-bottom: $il-padding-large-vertical; + padding-bottom: $il-padding-medium-vertical; } } @@ -179,7 +179,7 @@ th.c-table-data__cell { top: 0; z-index: 3; &.c-table-data__header__rowselection { - padding: $il-padding-xxlarge-vertical $il-padding-large-horizontal; + padding: $il-padding-xlarge-vertical $il-padding-medium-horizontal; text-align: center; // row selection also sticks to the left position: sticky; @@ -190,7 +190,7 @@ th.c-table-data__cell { background: linear-gradient(90deg, rgba(255,255,255,1) 85%, rgba(255,255,255,0) 100%); } &.c-table-data__header__rowaction { - padding: $il-padding-xxlarge-vertical $il-padding-large-horizontal; + padding: $il-padding-xlarge-vertical $il-padding-medium-horizontal; } } } @@ -220,7 +220,7 @@ th.c-table-data__cell:after { // Resizable Header Cell .c-table-data__header__resize-wrapper { - padding: $il-padding-xxlarge-vertical $il-padding-large-horizontal; + padding: $il-padding-xlarge-vertical $il-padding-medium-horizontal; height: 100%; margin: 0px; display: block; @@ -235,7 +235,7 @@ th.c-table-data__cell:after { left: 0; display: block; position: absolute; - height: $il-padding-xxlarge-vertical * 1.5; + height: $il-padding-xlarge-vertical * 1.5; width: calc(100% - 10px); background: linear-gradient(360deg, white, transparent); pointer-events: none; @@ -402,7 +402,7 @@ td.c-table-data__cell--highlighted { // border and padding before/after every entry tr.c-table-data__row { border-top: 1px solid $il-main-border-color; - padding: $il-margin-xxxlarge-vertical 0 $il-margin-xxxlarge-vertical; + padding: $il-margin-xlarge-vertical 0 $il-margin-xlarge-vertical; } .c-table-data__table { border-bottom: 1px solid $il-main-border-color; diff --git a/templates/default/070-components/UI-framework/Toast/_ui-component_toast.scss b/templates/default/070-components/UI-framework/Toast/_ui-component_toast.scss index c601949f2fc..916a8e6b7b9 100755 --- a/templates/default/070-components/UI-framework/Toast/_ui-component_toast.scss +++ b/templates/default/070-components/UI-framework/Toast/_ui-component_toast.scss @@ -5,7 +5,7 @@ // //## $il-toast-container-top: $il-standard-page-header-height; -$il-toast-margin-right: $il-margin-xlarge-horizontal; +$il-toast-margin-right: $il-margin-large-horizontal; $il-toast-horizontal-division: 20px 1fr 20px; $il-toast-transition: all .25s ease-in-out; $il-toast-width: 300px; @@ -34,7 +34,7 @@ $il-toast-shadow: 3px 9px 9px 0 rgb(0 0 0 / 0.3); margin-top: $il-margin-small-vertical; margin-bottom: $il-line-height-computed; margin-right: $il-toast-margin-right; - padding: $il-padding-base; + padding: $il-padding-medium-horizontal; background-color: white; display: grid; grid-template-areas: @@ -42,7 +42,7 @@ $il-toast-shadow: 3px 9px 9px 0 rgb(0 0 0 / 0.3); "none description description" "none actions actions"; grid-template-columns: $il-toast-horizontal-division; - grid-gap: $il-padding-base; + grid-gap: $il-padding-medium-horizontal; box-shadow: $il-toast-shadow; transform: translateX(150%); transition: $il-toast-transition; diff --git a/templates/default/070-components/UI-framework/ViewControl/_ui-component_viewcontrol.scss b/templates/default/070-components/UI-framework/ViewControl/_ui-component_viewcontrol.scss index b58cb3001b2..e99bb97582c 100755 --- a/templates/default/070-components/UI-framework/ViewControl/_ui-component_viewcontrol.scss +++ b/templates/default/070-components/UI-framework/ViewControl/_ui-component_viewcontrol.scss @@ -7,7 +7,7 @@ //== View Control // //## -$il-vc-glyph-padding-horizontal: $il-padding-base-horizontal; +$il-vc-glyph-padding-horizontal: $il-padding-small-horizontal; $il-vc-glyph-hover-bg: lighten($il-main-color, 5%); $il-vc-mode-btn-active: $il-vc-glyph-hover-bg; $il-vc-pagination-btn-active-bg: $il-main-bg; @@ -20,7 +20,7 @@ $il-vc-pagination-btn-active-bg: $il-main-bg; .il-viewcontrol-pagination__sectioncontrol { display: flex; align-items: center; - gap: $il-margin-xs-horizontal; + gap: $il-margin-xs-vertical; } // viewcontrols container bar to include set of inner buttons @@ -31,8 +31,8 @@ $il-vc-pagination-btn-active-bg: $il-main-bg; width: fit-content; min-height: $il-btn-ctrl-outer-height; min-width: $il-btn-ctrl-outer-height; + padding: $il-padding-xs-vertical $il-padding-xs-horizontal; border: 1px solid $il-btn-ctrl-border; - padding: $il-padding-xs-horizontal; background-color: $il-btn-ctrl-bg; border-radius: $il-border-radius-secondary-large; } @@ -75,12 +75,12 @@ $il-vc-pagination-btn-active-bg: $il-main-bg; border-radius: $il-border-radius-secondary-large; } li .btn.btn-link { - padding-left: $il-padding-large-horizontal * 3; + padding-left: $il-padding-medium-horizontal * 3; } li.selected .btn::before { position: absolute; - left: $il-margin-large-horizontal; + left: $il-margin-medium-horizontal; font-family: "Glyphicons Halflings"; color: $il-btn-ctrl-color; content: "\e013"; @@ -88,7 +88,7 @@ $il-vc-pagination-btn-active-bg: $il-main-bg; } .il-viewcontrol-fieldselection .dropdown-menu { - padding: $il-padding-xlarge-horizontal $il-padding-xlarge-vertical; + padding: $il-padding-large-horizontal $il-padding-large-vertical; } // View control buttons with glyphs diff --git a/templates/default/070-components/UI-framework/_ui-component_tooltip.scss b/templates/default/070-components/UI-framework/_ui-component_tooltip.scss index 7d2ea84559c..5572e6ff025 100755 --- a/templates/default/070-components/UI-framework/_ui-component_tooltip.scss +++ b/templates/default/070-components/UI-framework/_ui-component_tooltip.scss @@ -64,7 +64,7 @@ $c-tooltip-z-index: 9999; left: 50%; transform: translateX(-50%); margin: 0; - padding: $il-padding-xlarge-vertical $il-padding-xlarge-horizontal; + padding: $il-padding-large-vertical $il-padding-large-horizontal; border: 2px solid $c-tooltip-border-color; border-radius: .25em; color: $c-tooltip-texc-color; @@ -85,4 +85,4 @@ $c-tooltip-z-index: 9999; /* Shows the tooltip */ .c-tooltip__container.c-tooltip--visible [role="tooltip"] { display: inline-block; -} \ No newline at end of file +} diff --git a/templates/default/070-components/legacy/Modules/_component_bookingmanager.scss b/templates/default/070-components/legacy/Modules/_component_bookingmanager.scss index 9e8b0b05b5a..a1215143f71 100755 --- a/templates/default/070-components/legacy/Modules/_component_bookingmanager.scss +++ b/templates/default/070-components/legacy/Modules/_component_bookingmanager.scss @@ -10,9 +10,9 @@ ul.il-book-obj-selection { list-style: none; padding: 0; - margin: $il-padding-xlarge-vertical 0; + margin: $il-padding-large-vertical 0; li { - padding-left: $il-padding-base-horizontal; + padding-left: $il-padding-small-horizontal; } } diff --git a/templates/default/070-components/legacy/Modules/_component_datacollection.scss b/templates/default/070-components/legacy/Modules/_component_datacollection.scss index 60f4ab2fcf4..a55e7ac9967 100755 --- a/templates/default/070-components/legacy/Modules/_component_datacollection.scss +++ b/templates/default/070-components/legacy/Modules/_component_datacollection.scss @@ -13,7 +13,7 @@ td.dcl_actions { } .ilDclTableDescription { - padding: $il-padding-xxxlarge-vertical $il-padding-xxlarge-horizontal; + padding: $il-padding-xlarge-vertical $il-padding-xlarge-horizontal; font-size: $il-font-size-base; } @@ -51,4 +51,4 @@ td.dcl_actions { tr.dcl_comments_active > td { background-color: #ffffd9; -} \ No newline at end of file +} diff --git a/templates/default/070-components/legacy/Modules/_component_excercise.scss b/templates/default/070-components/legacy/Modules/_component_excercise.scss index 20874c5f723..cf7ea9b6877 100755 --- a/templates/default/070-components/legacy/Modules/_component_excercise.scss +++ b/templates/default/070-components/legacy/Modules/_component_excercise.scss @@ -5,14 +5,14 @@ /* Modules/Excercise */ .ilExcAssignmentBody { - padding-left: $il-padding-xxlarge-horizontal; - padding-right: $il-padding-xxlarge-horizontal; + padding-left: $il-padding-xlarge-horizontal; + padding-right: $il-padding-xlarge-horizontal; } .ilExcAssignmentHead img { display: block; float: left; - margin: 0 $il-padding-base-horizontal 0 $il-padding-xs-horizontal; + margin: 0 $il-padding-small-horizontal 0 $il-padding-xs-horizontal; } .ilExcAssignmentHead .ilAssignmentHeader { diff --git a/templates/default/070-components/legacy/Modules/_component_forum.scss b/templates/default/070-components/legacy/Modules/_component_forum.scss index 1ea9e10c39d..751867fe6f9 100755 --- a/templates/default/070-components/legacy/Modules/_component_forum.scss +++ b/templates/default/070-components/legacy/Modules/_component_forum.scss @@ -33,7 +33,7 @@ blockquote.ilForumQuote { div.ilForumQuoteHead { font-weight: $il-font-weight-bold; font-size: $il-font-size-small; - margin: 0 0 $il-margin-xxlarge-vertical; + margin: 0 0 $il-margin-xlarge-vertical; } /* Modules/Forum */ @@ -50,12 +50,12 @@ div.ilForumQuoteHead { overflow: hidden; img { vertical-align: top; - margin: $il-margin-xlarge-vertical $il-margin-xxxlarge-horizontal $il-margin-xlarge-vertical $il-margin-small-horizontal; + margin: $il-margin-large-vertical $il-margin-xlarge-horizontal $il-margin-large-vertical $il-margin-small-horizontal; border: none; max-width: 100%; @media only screen and (min-width: $il-grid-float-breakpoint) { margin: 0 !important; - padding: $il-padding-large-vertical $il-padding-base-horizontal $il-padding-xlarge-vertical $il-padding-small-horizontal; + padding: $il-padding-medium-vertical $il-padding-small-horizontal $il-padding-large-vertical $il-padding-small-horizontal; } } } @@ -68,10 +68,10 @@ div.ilForumQuoteHead { } .ilFrmPostTitle { - margin-top: $il-margin-xxxlarge-vertical; + margin-top: $il-margin-xlarge-vertical; font-size: $il-font-size-large; @media only screen and (max-width: $il-grid-float-breakpoint-max) { - margin-top: $il-margin-large-vertical; + margin-top: $il-margin-medium-vertical; font-size: $il-font-size-base; } } @@ -81,7 +81,7 @@ div.ilFrmPostHeader span.small { } .ilFrmPostContentContainer { - margin: 0 0 $il-margin-base-vertical; + margin: 0 0 $il-margin-small-vertical; width: 80%; float: left; @media only screen and (max-width: $il-grid-float-breakpoint-max) { @@ -97,7 +97,7 @@ div.ilFrmPostHeader span.small { } .ilFrmTargetImage { - margin: 0 0 $il-margin-xxxlarge-vertical; + margin: 0 0 $il-margin-xlarge-vertical; height: auto !important; img { @@ -118,12 +118,12 @@ div.ilFrmPostHeader span.small { } .ilFrmPostContent { - margin-top: $il-margin-xxxlarge-vertical; + margin-top: $il-margin-xlarge-vertical; } li.ilFrmPostRow { - padding: $il-padding-base-vertical 0 $il-padding-small-vertical $il-padding-xs-horizontal; - margin-bottom: $il-margin-xxxlarge-vertical; + padding: $il-padding-small-vertical 0 $il-padding-small-vertical $il-padding-xs-horizontal; + margin-bottom: $il-margin-xlarge-vertical; border-left: $il-posting-left-border-width solid $il-main-border-color; &.tblrowmarked{ @@ -194,7 +194,7 @@ li.ilFrmPostRow { } .ilFrmPostAttachmentsContainer { - margin: $il-margin-xxxlarge-vertical 0 0; + margin: $il-margin-xlarge-vertical 0 0; font-weight: $il-font-weight-bold; a { font-weight: $il-font-weight-base; @@ -218,7 +218,7 @@ li.ilPostingNeedsActivation { } .ilFrmBottomToolbar { - margin-top: $il-margin-xxxlarge-vertical; + margin-top: $il-margin-xlarge-vertical; } .ilForumTreeTitle { @@ -262,4 +262,4 @@ li.ilPostingNeedsActivation { .il-item-actions { float: right; -} \ No newline at end of file +} diff --git a/templates/default/070-components/legacy/Modules/_component_learningsequence.scss b/templates/default/070-components/legacy/Modules/_component_learningsequence.scss index 9d31933a9f4..73b1e6dfbd2 100755 --- a/templates/default/070-components/legacy/Modules/_component_learningsequence.scss +++ b/templates/default/070-components/legacy/Modules/_component_learningsequence.scss @@ -50,5 +50,5 @@ $lso-dark-bg: $il-main-dark-bg; /* intro page */ .il-lso-startbutton-container { - margin: $il-padding-xlarge-vertical 0; + margin: $il-padding-large-vertical 0; } diff --git a/templates/default/070-components/legacy/Modules/_component_studyprogramme.scss b/templates/default/070-components/legacy/Modules/_component_studyprogramme.scss index 4d7732df6d0..41a6b1d2517 100755 --- a/templates/default/070-components/legacy/Modules/_component_studyprogramme.scss +++ b/templates/default/070-components/legacy/Modules/_component_studyprogramme.scss @@ -44,7 +44,7 @@ display: table-cell; vertical-align: top; width: 100%; - padding-left: $il-padding-base; + padding-left: $il-padding-medium-horizontal; } %__certificate { diff --git a/templates/default/070-components/legacy/Modules/_component_survey.scss b/templates/default/070-components/legacy/Modules/_component_survey.scss index 9e480fd554d..22cb0c33b63 100755 --- a/templates/default/070-components/legacy/Modules/_component_survey.scss +++ b/templates/default/070-components/legacy/Modules/_component_survey.scss @@ -55,7 +55,7 @@ td#matrixrowtext { width: 40em; - padding-right: $il-padding-large-horizontal; + padding-right: $il-padding-medium-horizontal; } td.center { @@ -197,4 +197,4 @@ div.ilSurveyPageEditActionMenu { hyphens: auto; } } -} \ No newline at end of file +} diff --git a/templates/default/070-components/legacy/Modules/_component_test.scss b/templates/default/070-components/legacy/Modules/_component_test.scss index 921fa7b0a45..f3ea4cf1159 100755 --- a/templates/default/070-components/legacy/Modules/_component_test.scss +++ b/templates/default/070-components/legacy/Modules/_component_test.scss @@ -5,11 +5,11 @@ //== Test Assessment $il-test-shortlist-min-width: 200px; -$il-test-padding-large-vertical: $il-padding-large-vertical; -$il-test-padding-large-horizontal: $il-padding-large-horizontal; +$il-test-padding-medium-vertical: $il-padding-medium-vertical; +$il-test-padding-medium-horizontal: $il-padding-medium-horizontal; -$il-test-margin-large-vertical: $il-padding-large-vertical; -$il-test-margin-large-horizontal: $il-padding-large-horizontal; +$il-test-margin-medium-vertical: $il-padding-medium-vertical; +$il-test-margin-medium-horizontal: $il-padding-medium-horizontal; $il-test-working-time-font-size: $il-font-size-large; $il-test-working-time-font-weight: $il-font-weight-bold; @@ -24,7 +24,7 @@ $il-test-working-time-font-weight: $il-font-weight-bold; #tst_left { width: 20%; min-width: $il-test-shortlist-min-width; - margin-right: $il-test-margin-large-horizontal; + margin-right: $il-test-margin-medium-horizontal; &:empty { display: none; // handles show/hide shortlist from former ta_split.css visibility: hidden; @@ -38,7 +38,7 @@ $il-test-working-time-font-weight: $il-font-weight-bold; flex-grow: 1; .ilc_Page { background-color: $il-main-bg; - padding: $il-test-padding-large-vertical $il-test-padding-large-horizontal; // like a panel + padding: $il-test-padding-medium-vertical $il-test-padding-medium-horizontal; // like a panel } } @media screen and (max-width: $il-grid-float-breakpoint-max) { @@ -59,7 +59,7 @@ $il-test-working-time-font-weight: $il-font-weight-bold; // navigation previous and next buttons #tst_output .ilTstNavigation { display: flex; - padding: $il-test-padding-large-vertical $il-test-padding-large-horizontal; // like a panel + padding: $il-test-padding-medium-vertical $il-test-padding-medium-horizontal; // like a panel justify-content: space-between; background-color: $il-main-dark-bg; } @@ -70,7 +70,7 @@ $il-test-working-time-font-weight: $il-font-weight-bold; list-style-type: none; padding: 0; li { - padding: 0 0 $il-test-margin-large-vertical (1.5 * $il-test-margin-large-horizontal); + padding: 0 0 $il-test-margin-medium-vertical (1.5 * $il-test-margin-medium-horizontal); background-repeat: no-repeat; background-size: 10px; background-position: 0px 5px; @@ -102,7 +102,7 @@ $il-test-working-time-font-weight: $il-font-weight-bold; } } h1.ilc_page_title_PageTitle { - margin-bottom: $il-test-padding-large-vertical; + margin-bottom: $il-test-padding-medium-vertical; } } @@ -114,10 +114,10 @@ $il-test-working-time-font-weight: $il-font-weight-bold; // make nested layers more clear li.dd-item.ilc_qordli_OrderListItem > ul li.dd-item.ilc_qordli_OrderListItem { border: 1px $il-main-color solid; - border-left: $il-padding-base $il-main-color solid; + border-left: $il-padding-medium-horizontal $il-main-color solid; } } #tst_pass_details_overview tr { scroll-margin-top: 30px; -} \ No newline at end of file +} diff --git a/templates/default/070-components/legacy/Modules/_component_test_legacy.scss b/templates/default/070-components/legacy/Modules/_component_test_legacy.scss index fc89928f183..08addb0139c 100755 --- a/templates/default/070-components/legacy/Modules/_component_test_legacy.scss +++ b/templates/default/070-components/legacy/Modules/_component_test_legacy.scss @@ -133,10 +133,10 @@ div.ilc_Question { padding: 0.25em; margin-top: 1em; - padding: $il-padding-xxlarge-horizontal; + padding: $il-padding-xlarge-horizontal; .row.ilc_qanswer_Answer { - padding-left: $il-padding-xxlarge-horizontal; - padding-right: $il-padding-xxlarge-horizontal; + padding-left: $il-padding-xlarge-horizontal; + padding-right: $il-padding-xlarge-horizontal; } } @@ -580,8 +580,8 @@ div.ilc_Page.readonly textarea[disabled] { position:fixed; z-index:99999999999; - top:$il-margin-xlarge-vertical; - right:$il-margin-xlarge-horizontal; + top:$il-margin-large-vertical; + right:$il-margin-large-horizontal; box-shadow: $il-shadow--large; &:empty { display: none; diff --git a/templates/default/070-components/legacy/Modules/_component_wiki.scss b/templates/default/070-components/legacy/Modules/_component_wiki.scss index 7800d3a419b..d9adbcf398f 100755 --- a/templates/default/070-components/legacy/Modules/_component_wiki.scss +++ b/templates/default/070-components/legacy/Modules/_component_wiki.scss @@ -25,8 +25,8 @@ ul.ilWikiBlockListNoIndent { li.ilWikiBlockItem { margin: 0; - padding-top: $il-padding-large-vertical; - padding-bottom: $il-padding-large-vertical; + padding-top: $il-padding-medium-vertical; + padding-bottom: $il-padding-medium-vertical; font-size: $il-font-size-small; } @@ -35,4 +35,4 @@ li.ilWikiBlockItem { .panel-body { overflow: visible; } -} \ No newline at end of file +} diff --git a/templates/default/070-components/legacy/Services/UIComponent/_component_groupedlist.scss b/templates/default/070-components/legacy/Services/UIComponent/_component_groupedlist.scss index 1a624ee943d..98d50cc4f92 100755 --- a/templates/default/070-components/legacy/Services/UIComponent/_component_groupedlist.scss +++ b/templates/default/070-components/legacy/Services/UIComponent/_component_groupedlist.scss @@ -5,7 +5,7 @@ /* Services/UIComponent/GroupedLists */ div.ilGroupedListH { - padding: $il-padding-large-vertical 0 $il-padding-small-vertical 0; + padding: $il-padding-medium-vertical 0 $il-padding-small-vertical 0; color: $il-panel-heading-color; } diff --git a/templates/default/070-components/legacy/Services/UIComponent/_component_tabs.scss b/templates/default/070-components/legacy/Services/UIComponent/_component_tabs.scss index 55870c76f1b..068ecc3866a 100755 --- a/templates/default/070-components/legacy/Services/UIComponent/_component_tabs.scss +++ b/templates/default/070-components/legacy/Services/UIComponent/_component_tabs.scss @@ -10,27 +10,27 @@ $nav-tabs-border: 2px solid $nav-tabs-active-link-hover-bg !default; #ilTab { padding: 0; - margin: $il-padding-base-vertical 0; + margin: $il-padding-xs-vertical 0; border: 0 none; - border-bottom: $nav-tabs-border; + border-bottom: 2px solid $il-main-dark-bg; > li { float: left; // Make the list-items overlay the bottom border - margin: 0 $il-padding-xs-horizontal 0 0; + margin: 0 0 -2px 0; // Actual tabs (as links) > a { margin: 0; - margin-right: 2px; font-size: $il-font-size-base; line-height: $il-line-height-base; - padding: $il-padding-large-vertical $il-padding-xlarge-horizontal $il-padding-base-vertical; - border: 0 none; + padding: $il-padding-xs-vertical $il-padding-small-horizontal; + border-bottom: 2px solid transparent; border-radius: $il-border-radius-base $il-border-radius-base 0 0; &:hover { border-color: $il-main-bg $il-main-bg $il-main-bg; + border-bottom: 2px solid $nav-tabs-active-link-hover-border-color; } @include focus.clear-focus-for-override($clearAfter: true); @include focus.il-focus(); @@ -45,8 +45,7 @@ $nav-tabs-border: 2px solid $nav-tabs-active-link-hover-bg !default; color: $nav-tabs-active-link-hover-color; cursor: default; background-color: $nav-tabs-active-link-hover-bg; - border: 0 none; - border-bottom-color: transparent; + border-bottom: 2px solid $nav-tabs-active-link-hover-border-color; } } } @@ -59,11 +58,11 @@ $nav-tabs-border: 2px solid $nav-tabs-active-link-hover-bg !default; /* Sub Tabs */ #ilSubTab { - padding: $il-padding-large-vertical 0; + padding: $il-padding-xs-vertical 0; margin: 0; > li:first-child > a { - padding-left: $il-padding-large-horizontal; + padding-left: $il-padding-xs-horizontal; } @@ -72,7 +71,7 @@ $nav-tabs-border: 2px solid $nav-tabs-active-link-hover-bg !default; > a { border-radius: 0; - padding: $il-padding-base-vertical $il-padding-base; + padding: $il-padding-xs-vertical $il-padding-xs-horizontal; font-size: ($il-font-size-small); &:hover { @@ -95,5 +94,5 @@ $nav-tabs-border: 2px solid $nav-tabs-active-link-hover-bg !default; } .il_after_tabs_spacing { - margin-bottom: $il-margin-xxlarge-vertical; -} \ No newline at end of file + margin-bottom: $il-margin-xlarge-vertical; +} diff --git a/templates/default/070-components/legacy/Services/UIComponent/_component_toolbar.scss b/templates/default/070-components/legacy/Services/UIComponent/_component_toolbar.scss index 2262499a873..ca04f3fb3a0 100755 --- a/templates/default/070-components/legacy/Services/UIComponent/_component_toolbar.scss +++ b/templates/default/070-components/legacy/Services/UIComponent/_component_toolbar.scss @@ -15,13 +15,13 @@ //== Toolbar // //## -$nav-link-padding: $il-padding-large-vertical $il-padding-large-horizontal !default; +$nav-link-padding: $il-padding-medium-vertical $il-padding-medium-horizontal !default; $nav-link-hover-bg: $il-main-darker-bg !default; $nav-disabled-link-color: $il-main-dark-bg !default; $nav-disabled-link-hover-color: $il-main-dark-bg !default; $cursor-disabled: not-allowed !default; -$il-toolbar-margin: $il-margin-xlarge-horizontal !default; +$il-toolbar-margin: $il-margin-large-horizontal !default; $il-toolbar-bg: $il-main-dark-bg !default; $il-toolbar-border: 1px solid $il-main-border-color !default; @@ -110,13 +110,13 @@ $il-toolbar-border: 1px solid $il-main-border-color !default; .c-toolbar { - padding: $il-padding-xlarge-vertical $il-padding-xlarge-horizontal; + padding: $il-padding-small-vertical $il-padding-small-horizontal; background-color: $il-toolbar-bg; - margin-bottom: $il-padding-xxxlarge-vertical; + margin-bottom: $il-padding-xlarge-vertical; .ilToolbarSeparator { border-left: $il-toolbar-border; align-self: stretch; - margin-bottom: $il-padding-xlarge-vertical; + margin-bottom: $il-padding-large-vertical; } .navbar-form > .form-control { width: auto; @@ -130,4 +130,4 @@ $il-toolbar-border: 1px solid $il-main-border-color !default; width: auto; } } -} \ No newline at end of file +} diff --git a/templates/default/070-components/legacy/Services/_component_accordion.scss b/templates/default/070-components/legacy/Services/_component_accordion.scss index d34cea8e4d3..8ce7022b6bd 100755 --- a/templates/default/070-components/legacy/Services/_component_accordion.scss +++ b/templates/default/070-components/legacy/Services/_component_accordion.scss @@ -6,7 +6,7 @@ /* Services/Accordion */ .il_VAccordionHead, .il_HAccordionHead { - padding: $il-padding-base-horizontal $il-padding-base-horizontal $il-padding-base-horizontal ($il-padding-base-horizontal+30px); + padding: $il-padding-small-horizontal $il-padding-small-horizontal $il-padding-small-horizontal ($il-padding-small-horizontal+30px); text-align: left; cursor: pointer; color: $il-link-color; @@ -14,7 +14,7 @@ background-image: url("#{$il-background-images-path}nav/tree_col.svg"); background-repeat: no-repeat; background-color: $il-main-dark-bg; - background-position: $il-padding-xlarge-horizontal $il-padding-xlarge-vertical; + background-position: $il-padding-large-horizontal $il-padding-large-vertical; background-size: 20px 20px; border: 0; &:hover { @@ -29,14 +29,14 @@ .il_VAccordionInnerContainer { border: $il-panel-border; - margin-bottom: $il-margin-xxlarge-vertical; + margin-bottom: $il-margin-xlarge-vertical; border-radius: $il-panel-border-radius; } .il_VAccordionContent, .il_HAccordionContent { - padding-top: $il-padding-xlarge-vertical; + padding-top: $il-padding-large-vertical; >.c-form.c-form--horizontal { - padding: 0px $il-padding-xlarge-horizontal; + padding: 0px $il-padding-large-horizontal; } } .il_HAccordionHeadActive, .il_VAccordionHeadActive { @@ -60,4 +60,4 @@ div.ilc_va_icont_VAccordICont { overflow: visible !important; -} \ No newline at end of file +} diff --git a/templates/default/070-components/legacy/Services/_component_block.scss b/templates/default/070-components/legacy/Services/_component_block.scss index f3b053f02d4..e2f25c55a78 100755 --- a/templates/default/070-components/legacy/Services/_component_block.scss +++ b/templates/default/070-components/legacy/Services/_component_block.scss @@ -14,7 +14,7 @@ div.il_Block, table.il_Block { background-color: $il-main-dark-bg; border: none; text-align: left; - padding: $il-padding-base; + padding: $il-padding-medium-horizontal; } #il_center_col div.il_Block { @@ -26,7 +26,7 @@ td.ilBlockHeader, td.ilBlockHeaderBig { /* font-family: 'Open Sans Semibold'; deactivated, since it affects drop downs in the header */ font-weight: $il-font-weight-bold; padding: $il-padding-small-vertical 0; - margin: 0 $il-padding-base; + margin: 0 $il-padding-medium-horizontal; text-align:left; color: $il-neutral-color; border-bottom: 1px solid $il-main-border-color; diff --git a/templates/default/070-components/legacy/Services/_component_calendar.scss b/templates/default/070-components/legacy/Services/_component_calendar.scss index e9111f8266e..a702950d9fd 100755 --- a/templates/default/070-components/legacy/Services/_component_calendar.scss +++ b/templates/default/070-components/legacy/Services/_component_calendar.scss @@ -105,7 +105,7 @@ table.calmini { border-collapse: collapse; background-color: $il-main-dark-bg; border: none; - margin-bottom: $il-margin-xxlarge-vertical; + margin-bottom: $il-margin-xlarge-vertical; tr, td, th { border: none; padding: 5px 3px; @@ -160,7 +160,7 @@ a.callink:hover { //** Moved from Services/Calendar/templates/calendar.css table.calstd { - margin-top: $il-margin-large-vertical; + margin-top: $il-margin-medium-vertical; color: $il-text-color; width:100%; border: none; @@ -478,7 +478,7 @@ span.calminiinactive { span.ilIcalIcon .btn { text-align: initial; - margin-top: $il-margin-large-vertical; + margin-top: $il-margin-medium-vertical; } .il_InfoScreenSection { diff --git a/templates/default/070-components/legacy/Services/_component_container.scss b/templates/default/070-components/legacy/Services/_component_container.scss index 2b32e20fc87..5f9456ffef7 100755 --- a/templates/default/070-components/legacy/Services/_component_container.scss +++ b/templates/default/070-components/legacy/Services/_component_container.scss @@ -21,18 +21,18 @@ div.ilPreconditionItem { /* Repository */ div.ilContainerListItemOuter { - padding: $il-padding-xlarge-vertical $il-padding-xlarge-horizontal; + padding: $il-padding-medium-vertical $il-padding-medium-horizontal; zoom: 1; .subitem { - margin-right: (-$il-padding-xlarge-horizontal); + margin-right: (-$il-padding-large-horizontal); } } div.tblfooter { &.ilContainerListFooter { font-size: $il-font-size-base; - padding: $il-padding-xlarge-vertical $il-padding-xlarge-horizontal; + padding: $il-padding-large-vertical $il-padding-large-horizontal; text-align: left; margin: 0; > input { @@ -73,7 +73,7 @@ div.ilContainerListItemCB { width: 25px;*/ display: table-cell; vertical-align: top; - padding-right: $il-padding-xlarge-horizontal; + padding-right: $il-padding-large-horizontal; img{ width: 20px; @@ -93,7 +93,7 @@ div.ilContainerListItemIcon a { } div.ilContainerListItemIconCB { - margin-left: $il-padding-xlarge-horizontal; + margin-left: $il-padding-large-horizontal; } div[class^="il_editarea"] .ilContainerListItemOuter img, @@ -117,7 +117,7 @@ div.ilContainerListItemContentCB { div.il_ContainerListItem { margin: $il-padding-small-vertical 0; - padding-left: $il-padding-base; + padding-left: $il-padding-medium-horizontal; width:100%; } @@ -193,7 +193,7 @@ div#ilContRepIntro img { .ilContainerTileRows { - padding: $il-padding-large-vertical $il-padding-xlarge-horizontal; + padding: $il-padding-medium-vertical $il-padding-large-horizontal; background-color: $il-main-bg; } @@ -213,7 +213,7 @@ div#ilContRepIntro img { padding: 15px 10px; background-color: $il-main-dark-bg; text-align: center; - margin: 0 (-$il-padding-xlarge-horizontal); + margin: 0 (-$il-padding-large-horizontal); } .il_ContainerListItem .navbar-form .modal .radio { diff --git a/templates/default/070-components/legacy/Services/_component_copage.scss b/templates/default/070-components/legacy/Services/_component_copage.scss index e8fc94a64c4..01d6d5b77b0 100755 --- a/templates/default/070-components/legacy/Services/_component_copage.scss +++ b/templates/default/070-components/legacy/Services/_component_copage.scss @@ -144,7 +144,7 @@ div.ilEditLabel { background-color: $il-main-color; color: white; font-size: $il-font-size-small; - padding: $il-padding-base-vertical $il-padding-xs-horizontal; + padding: $il-padding-small-vertical $il-padding-xs-horizontal; margin-top: -$il-line-height-computed; margin-left: (-$il-padding-xs-horizontal) + 1px; border: 0; @@ -311,7 +311,7 @@ div.il-copg-button-group-wide { } #iltinymenu { - padding: 0 $il-padding-xlarge-horizontal; + padding: 0 $il-padding-large-horizontal; .bd { div { &.last { @@ -332,7 +332,7 @@ div.il-copg-button-group-wide { color: inherit !important; } } - + a.btn { min-width: 30px; } @@ -542,8 +542,8 @@ a.nostyle:hover { } #ilPageEditLegend { - padding-left: $il-padding-xlarge-horizontal; - padding-right: $il-padding-xlarge-horizontal; + padding-left: $il-padding-large-horizontal; + padding-right: $il-padding-large-horizontal; margin: 10px 0; > div { margin: 5px 0; @@ -561,7 +561,7 @@ a.nostyle:hover { } tr > td { - padding: $il-padding-base-vertical $il-padding-xlarge-horizontal; + padding: $il-padding-small-vertical $il-padding-large-horizontal; } tr > td:first-child { @@ -711,7 +711,7 @@ div.ilCOPGMediaPrint { } #copg-editor-slate-content { - padding: $il-padding-xlarge-vertical 0px; + padding: $il-padding-large-vertical 0px; p { padding: 0; @@ -728,17 +728,17 @@ div.ilCOPGMediaPrint { h3.ilTinyInfo { font-size: $il-font-size-large; - margin-top: $il-margin-xxxlarge-vertical; - margin-bottom: $il-margin-large-vertical; + margin-top: $il-margin-xlarge-vertical; + margin-bottom: $il-margin-medium-vertical; } div.alert { margin: 10px 0; } form.form-horizontal { - margin-bottom: $il-padding-xlarge-vertical; + margin-bottom: $il-padding-large-vertical; .ilFormHeader { - padding: $il-padding-xlarge-vertical $il-padding-xlarge-horizontal; + padding: $il-padding-large-vertical $il-padding-large-horizontal; h3.ilHeader { font-size: $il-font-size-base; } @@ -754,27 +754,27 @@ div.ilCOPGMediaPrint { margin-bottom: 0; } .ilFormFooter { - padding: $il-padding-base-vertical $il-padding-xlarge-horizontal; + padding: $il-padding-small-vertical $il-padding-large-horizontal; background-color: $il-main-bg; } } > .btn-link { - padding: 0px $il-padding-xlarge-horizontal; + padding: 0px $il-padding-large-horizontal; } } #copg-table-top-actions, #copg-top-actions { - padding: 0 $il-padding-xlarge-horizontal; + padding: 0 $il-padding-large-horizontal; } #copg-table-top-actions .il-viewcontrol-mode { - margin-top: $il-margin-xxlarge-vertical; + margin-top: $il-margin-xlarge-vertical; } .copg-edit-button-group { - padding: $il-padding-base-vertical $il-padding-xlarge-horizontal; + padding: $il-padding-small-vertical $il-padding-large-horizontal; } p#copg-auto-save { @@ -889,4 +889,4 @@ p#copg-auto-save { button { @include il-focus(); } -} \ No newline at end of file +} diff --git a/templates/default/070-components/legacy/Services/_component_form.scss b/templates/default/070-components/legacy/Services/_component_form.scss index a0837265c07..e5137e411e5 100755 --- a/templates/default/070-components/legacy/Services/_component_form.scss +++ b/templates/default/070-components/legacy/Services/_component_form.scss @@ -7,7 +7,7 @@ @use "../../../050-layout/layout_breakpoints" as *; $cursor-disabled: not-allowed; -$form-group-margin-bottom: $il-margin-xlarge-vertical; +$form-group-margin-bottom: $il-margin-large-vertical; $il-form-autocomplete-bg: $il-main-bg; $il-form-autocomplete-bg-hover: $il-highlight-bg; $il-form-autocomplete-border: $il-main-border; @@ -112,7 +112,7 @@ select[size] { display: block; width: 100%; height: $il-input-min-height; - padding: $il-padding-base-vertical $il-padding-base-horizontal; + padding: $il-padding-small-vertical $il-padding-small-horizontal; font-size: $il-standard-form-font-size; line-height: $il-line-height-base; color: $il-input-color; @@ -340,7 +340,7 @@ input[type="checkbox"] { color: $il-standard-form-color; font-size: $il-standard-form-byline-font-size; - margin: $il-margin-large-vertical 0 $il-margin-large-horizontal; + margin: $il-margin-medium-vertical 0 $il-margin-medium-horizontal; clear: both; @@ -450,13 +450,13 @@ input[type="checkbox"] { // labels on the left and inputs on the right. .form-horizontal { - margin-bottom: $il-margin-xxxlarge-vertical; + margin-bottom: $il-margin-xlarge-vertical; background: $il-standard-form-bg; .form-group { margin: 0px; - padding-top: $il-padding-base-vertical; - bottom: $il-padding-base-vertical; + padding-top: $il-padding-small-vertical; + bottom: $il-padding-small-vertical; background-color: $il-main-bg; } @@ -464,12 +464,12 @@ input[type="checkbox"] { .row > { input, textarea, select { &.form-control { - margin-left: $il-padding-xxlarge-horizontal; + margin-left: $il-padding-xlarge-horizontal; } } .btn, input.btn, .tox-tinymce, div.input { - margin-left: $il-padding-xxlarge-horizontal; + margin-left: $il-padding-xlarge-horizontal; } .tox-tinymce { @@ -496,20 +496,20 @@ input[type="checkbox"] { // and other content below items .radio, .checkbox { - min-height: ($il-line-height-computed + ($il-padding-base-vertical + 1)); + min-height: ($il-line-height-computed + ($il-padding-small-vertical + 1)); } label { color: $il-standard-form-label-color; font-size: 100%; - padding-right: $il-padding-xlarge-horizontal*2; + padding-right: $il-padding-large-horizontal*2; } .control-label { text-align: $il-form-label-text-align; //padding-top: 0; //line-height: 24px; - padding-bottom: ($il-padding-base-vertical + 1); + padding-bottom: ($il-padding-small-vertical + 1); min-height: ($il-line-height-computed + rem-to-pixel($il-font-size-base)); @media only screen and (max-width: $il-grid-float-breakpoint-max) { min-height: auto; @@ -521,7 +521,7 @@ input[type="checkbox"] { } > .asterisk { - padding-left: $il-padding-base-vertical; + padding-left: $il-padding-medium-vertical; } } /* @@ -531,7 +531,7 @@ input[type="checkbox"] { .control-label { text-align: right; margin-bottom: 0; - padding-top: ($il-padding-base-vertical + 1); // Default padding plus a border + padding-top: ($il-padding-small-vertical + 1); // Default padding plus a border } } */ } @@ -569,16 +569,16 @@ input[type="checkbox"] { .ilSubForm { background-color: $il-standard-form-dependant-group-bg; - padding: $il-padding-base-vertical 0; - margin-bottom: $il-margin-xlarge-vertical; - margin-left: $il-margin-xxlarge-horizontal; + padding: $il-padding-small-vertical 0; + margin-bottom: $il-margin-large-vertical; + margin-left: $il-margin-xlarge-horizontal; .form-group { background-color: $il-standard-form-dependant-group-bg; margin: 0; @media (max-width: $il-grid-float-breakpoint-max) { - margin: $il-margin-large-vertical 0; + margin: $il-margin-medium-vertical 0; } } @@ -683,7 +683,7 @@ div.ilHFormFooter .ilFormCmds { } .wzdrow .form-control { - height: (rem-to-pixel($il-font-size-small) * $il-line-height-base) + (2+2*$il-padding-base-vertical) * 1.35; + height: $il-line-height-base; } @@ -745,4 +745,4 @@ div[id$="color-picker-menu"] { & li:hover { background-color: $il-form-autocomplete-bg-hover; } -} \ No newline at end of file +} diff --git a/templates/default/070-components/legacy/Services/_component_init.scss b/templates/default/070-components/legacy/Services/_component_init.scss index 0e4459299f2..b2407e9e5b2 100755 --- a/templates/default/070-components/legacy/Services/_component_init.scss +++ b/templates/default/070-components/legacy/Services/_component_init.scss @@ -50,12 +50,12 @@ div.ilStartupSection form.form-horizontal { border-radius: $il-panel-border-radius; .ilFormHeader { - padding: $il-padding-xlarge-vertical $il-padding-xlarge-horizontal; + padding: $il-padding-large-vertical $il-padding-large-horizontal; background-color: $il-main-dark-bg; } .form-group { - margin: $il-padding-xlarge-vertical 0; + margin: $il-padding-large-vertical 0; } text-align: left; @@ -63,4 +63,4 @@ div.ilStartupSection form.form-horizontal { @media only screen and (max-width: $il-grid-float-breakpoint-max) { width: auto; } -} \ No newline at end of file +} diff --git a/templates/default/070-components/legacy/Services/_component_learninghistory.scss b/templates/default/070-components/legacy/Services/_component_learninghistory.scss index eef30115f79..38d359833f9 100755 --- a/templates/default/070-components/legacy/Services/_component_learninghistory.scss +++ b/templates/default/070-components/legacy/Services/_component_learninghistory.scss @@ -7,5 +7,5 @@ .ilPCLearnHist { background-color: $il-main-bg; - padding: $il-padding-base-vertical $il-padding-base-horizontal; -} \ No newline at end of file + padding: $il-padding-small-vertical $il-padding-small-horizontal; +} diff --git a/templates/default/070-components/legacy/Services/_component_notes.scss b/templates/default/070-components/legacy/Services/_component_notes.scss index f22a30ea5f6..fd5af5def3a 100755 --- a/templates/default/070-components/legacy/Services/_component_notes.scss +++ b/templates/default/070-components/legacy/Services/_component_notes.scss @@ -45,7 +45,7 @@ div.ilNoteText { div.ilNotesHeader { background-color: $il-main-dark-bg; margin-bottom: 5px; - padding: $il-padding-base-vertical $il-padding-base-horizontal; + padding: $il-padding-small-vertical $il-padding-small-horizontal; h3 { img { width: 40px; @@ -100,7 +100,7 @@ div.ilNoteInput { } [data-note-el='edit-form-area'] > button { - margin-bottom: $il-padding-xlarge-vertical; + margin-bottom: $il-padding-large-vertical; } .il-notes-section .panel { diff --git a/templates/default/070-components/legacy/Services/_component_search.scss b/templates/default/070-components/legacy/Services/_component_search.scss index c6485bbaa4c..fbbdbf75a2d 100755 --- a/templates/default/070-components/legacy/Services/_component_search.scss +++ b/templates/default/070-components/legacy/Services/_component_search.scss @@ -60,7 +60,7 @@ input.ilMainMenuSearch { #il_search_toolbar { > div{ - padding-top: $il-padding-large-vertical; + padding-top: $il-padding-medium-vertical; } div.ilFormOption { width: auto; @@ -96,4 +96,4 @@ div.il_SearchFragment { .form-horizontal .control-label { padding-top: 0; } -} \ No newline at end of file +} diff --git a/templates/default/070-components/legacy/Services/_component_style.scss b/templates/default/070-components/legacy/Services/_component_style.scss index 120dcb1c62a..cd7bc3efaa6 100755 --- a/templates/default/070-components/legacy/Services/_component_style.scss +++ b/templates/default/070-components/legacy/Services/_component_style.scss @@ -12,7 +12,7 @@ .il-style-layout-preview-wrapper { width: 160px; height: 120px; - margin: $il-padding-base-vertical; + margin: $il-padding-small-vertical; background-color: $il-main-bg; border: 0; box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.30); diff --git a/templates/default/070-components/legacy/Services/_component_table.scss b/templates/default/070-components/legacy/Services/_component_table.scss index aee5ef2db0e..206a1569129 100755 --- a/templates/default/070-components/legacy/Services/_component_table.scss +++ b/templates/default/070-components/legacy/Services/_component_table.scss @@ -2,7 +2,7 @@ @use "../../../050-layout/layout_breakpoints" as *; @use "../../../050-layout/basics" as *; -$table-cell-padding: $il-padding-base-horizontal; +$table-cell-padding: $il-padding-small-horizontal; $table-condensed-cell-padding: $il-padding-small-horizontal; $table-border-color: $il-main-border-color; $table-bg-accent: $il-main-bg; // striped tables legacy were styled back to be un-striped tables @@ -50,9 +50,9 @@ caption { th { text-align: left; } - + // Baseline styles - + .table { width: 100%; max-width: 100%; @@ -91,16 +91,16 @@ th { > tbody + tbody { border-top: 2px solid $table-border-color; } - + // Nesting .table { background-color: $il-main-bg; } } - - + + // Condensed table w/ half padding - + .table-condensed { > thead, > tbody, @@ -113,38 +113,38 @@ th { } } } - + // Zebra-striping // // Default zebra-stripe styles (alternating gray and transparent backgrounds) - + .table-striped { > tbody > tr:nth-of-type(odd) { background-color: $table-bg-accent; } } - + // Responsive tables // // Wrap your tables in `.table-responsive` and we'll make them mobile friendly // by enabling horizontal scrolling. Only applies <768px. Everything above that // will display normally. - + .table-responsive { min-height: .01%; // Workaround for IE9 bug (see https://github.com/twbs/bootstrap/issues/14837) overflow-x: auto; - + @media screen and (max-width: $screen-xs-max) { width: 100%; margin-bottom: ($il-line-height-computed * .75); overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid $table-border-color; - + // Tighten up spacing > .table { margin-bottom: 0; - + // Ensure the content doesn't wrap > thead, > tbody, @@ -159,7 +159,7 @@ th { } } } - + // end of section based on bootstrap 3 @@ -175,8 +175,8 @@ div.tblfooter { div.ilTableNav { font-weight: $il-font-weight-base; - margin-bottom: $il-margin-large-vertical; - padding: 0 $il-padding-xlarge-horizontal; + margin-bottom: $il-margin-medium-vertical; + padding: 0 $il-padding-large-horizontal; font-size: $il-font-size-xsmall; text-align: right; @@ -226,10 +226,10 @@ div.ilTableHeaderTitleBlock { } div.ilTableHeaderTitle { - margin: $il-padding-xxlarge-vertical 0 0 $il-padding-xlarge-horizontal; + margin: $il-padding-xlarge-vertical 0 0 $il-padding-large-horizontal; padding: 0; + .ilHeaderDesc { - margin: 0 $il-padding-xlarge-horizontal $il-padding-xlarge-vertical; + margin: 0 $il-padding-large-horizontal $il-padding-large-vertical; } } @@ -252,7 +252,7 @@ div.ilTableOuter { div.ilTableSelectAll { background-color: $il-main-bg; - padding: $il-padding-large-vertical $il-padding-xlarge-horizontal; + padding: $il-padding-medium-vertical $il-padding-large-horizontal; font-size: $il-font-size-small; border-top: 1px solid $il-main-border-color; } @@ -263,7 +263,7 @@ div.ilTableSelectAll label { div.ilTableCommandRow, div.ilTableCommandRowTop { background-color: $il-table-cmd-bg; - padding: $il-padding-large-vertical $il-padding-large-horizontal; + padding: $il-padding-medium-vertical $il-padding-medium-horizontal; font-size: $il-font-size-small; } @@ -272,7 +272,7 @@ span.ilTableFootLight { } div.ilTableFilterActivator { - margin: 0 0 $il-padding-large-vertical $il-padding-large-horizontal; + margin: 0 0 $il-padding-medium-vertical $il-padding-medium-horizontal; } .ilTableMenuItem { @@ -281,28 +281,28 @@ div.ilTableFilterActivator { div.ilTableFilter { - padding: 0 0 $il-padding-large-vertical 0; + padding: 0 0 $il-padding-medium-vertical 0; margin: 0; } legend.ilTableFilter { font-size: $il-font-size-xsmall; border: none; - padding: 0 $il-padding-xlarge-horizontal; + padding: 0 $il-padding-large-horizontal; margin: 0; font-weight: $il-font-weight-base; text-align: right; > a.btn { - margin-right: -$il-padding-xlarge-horizontal; - margin-top: -$il-margin-xxlarge-vertical ; + margin-right: -$il-padding-large-horizontal; + margin-top: -$il-margin-xlarge-vertical ; vertical-align: middle; } } fieldset.ilTableFilter { background-color: $il-main-dark-bg; - padding: $il-margin-xxlarge-vertical $il-padding-xlarge-horizontal; - margin: $il-margin-large-vertical 0 $il-padding-xlarge-horizontal 0; + padding: $il-margin-xlarge-vertical $il-padding-large-horizontal; + margin: $il-margin-medium-vertical 0 $il-padding-large-horizontal 0; } div.ilTableFilterLabel { @@ -420,7 +420,7 @@ div.ilTableCommandRowTop { tr { td:first-child { input[type="checkbox"] { - margin-left: calc($il-padding-xlarge-horizontal - $il-padding-base); + margin-left: calc($il-padding-large-horizontal - $il-padding-medium-horizontal); } } } diff --git a/templates/default/070-components/legacy/Services/_component_tags.scss b/templates/default/070-components/legacy/Services/_component_tags.scss index 06319b86939..e25caf6421a 100755 --- a/templates/default/070-components/legacy/Services/_component_tags.scss +++ b/templates/default/070-components/legacy/Services/_component_tags.scss @@ -7,11 +7,11 @@ .ilTagCloud { font-size: $il-font-size-small; - padding: $il-padding-large-vertical 0; + padding: $il-padding-medium-vertical 0; } .il-maincontrols-slate { .ilTagCloud { - padding: $il-padding-large-vertical $il-padding-large-horizontal; + padding: $il-padding-medium-vertical $il-padding-medium-horizontal; } } .ilTag { @@ -62,4 +62,4 @@ a.ilTag:hover, a.ilTag:active { #il_tags_modal textarea { resize: vertical; -} \ No newline at end of file +} diff --git a/templates/default/070-components/legacy/Services/_component_user.scss b/templates/default/070-components/legacy/Services/_component_user.scss index 6e188407fe7..6ab2d70ae88 100755 --- a/templates/default/070-components/legacy/Services/_component_user.scss +++ b/templates/default/070-components/legacy/Services/_component_user.scss @@ -7,13 +7,13 @@ div.ilProfile { max-width: 450px; margin: 0 auto; background-color: $il-main-dark-bg; - padding: $il-padding-xxxlarge-vertical; + padding: $il-padding-xlarge-vertical; + div.ilProfile { - margin-top: $il-margin-xxxlarge-vertical; + margin-top: $il-margin-xlarge-vertical; } + div.ilPermalinkContainer { - margin-top: $il-padding-xxxlarge-vertical; + margin-top: $il-padding-xlarge-vertical; .input-group-btn { vertical-align: bottom; } @@ -25,20 +25,20 @@ img.ilProfileImage { } h3.ilProfileName { - margin: 0 0 $il-margin-xlarge-vertical; + margin: 0 0 $il-margin-large-vertical; padding: 0; font-weight: $il-font-weight-base; font-size: $il-font-size-xlarge; } div.ilProfileSection { - margin-top: $il-padding-xxxlarge-vertical; + margin-top: $il-padding-xlarge-vertical; font-size: $il-font-size-small; color: $il-text-light-color; } h3.ilProfileSectionHead { - margin: 0 0 $il-margin-base-vertical; + margin: 0 0 $il-margin-small-vertical; padding: 0; font-weight: $il-font-weight-base; font-size: $il-font-size-large; @@ -51,4 +51,4 @@ table.il_user_quota_disk_usage_overview { img.ilUserXXSmall { max-width: 30px; -} \ No newline at end of file +} diff --git a/templates/default/070-components/legacy/_component_alert.scss b/templates/default/070-components/legacy/_component_alert.scss index 922e28bcf10..03580804087 100755 --- a/templates/default/070-components/legacy/_component_alert.scss +++ b/templates/default/070-components/legacy/_component_alert.scss @@ -1,7 +1,7 @@ @use "../../010-settings/" as *; @use "../../050-layout/basics/" as l; -$alert-padding: l.$il-padding-xlarge-vertical l.$il-padding-xlarge-horizontal; +$alert-padding: l.$il-padding-large-vertical l.$il-padding-large-horizontal; $alert-border-radius: $il-border-radius-large; // section based on bootstrap 3 - see /templates/default/Guidelines_SCSS-Coding.md @@ -18,38 +18,38 @@ $alert-border-radius: $il-border-radius-large; margin-bottom: $il-line-height-computed; border: 1px solid transparent; border-radius: $alert-border-radius; - + // Headings for larger alerts h4 { margin-top: 0; color: inherit; // Specified for the h4 to prevent conflicts of changing $headings-color } - + // Provide class for links that match alerts .alert-link { font-weight: $il-font-weight-base; } - + // Improve alignment and spacing of inner content > p, > ul { margin-bottom: 0; } - + > p + p { margin-top: 5px; } } - + // Dismissible alerts // // Expand the right padding and account for the close button's positioning. - + // The misspelled .alert-dismissable was deprecated in 3.2.0. .alert-dismissable, .alert-dismissible { padding-right: ($alert-padding + 20); - + // Adjust close link position .close { position: relative; @@ -58,7 +58,7 @@ $alert-border-radius: $il-border-radius-large; color: inherit; } } - + // Alternate styles // // Generate contextual modifier classes for colorizing the alert. @@ -67,32 +67,32 @@ $alert-border-radius: $il-border-radius-large; color: $text-color; background-color: $background; border-color: $border; - + hr { border-top-color: darken($border, 5%); } - + .alert-link { color: darken($text-color, 10%); } } - + .alert-success { @include alert-variant($il-alert-success-bg, $il-alert-success-border, $il-alert-success-text); } - + .alert-info { @include alert-variant($il-alert-info-bg, $il-alert-info-border, $il-alert-info-text); } - + .alert-warning { @include alert-variant($il-alert-warning-bg, $il-alert-warning-border, $il-alert-warning-text); } - + .alert-danger { @include alert-variant($il-alert-danger-bg, $il-alert-danger-border, $il-alert-danger-text); } - + // end of section based on bootstrap 3 @@ -120,4 +120,4 @@ div.ilHeaderAlert { > a.btn { text-decoration: none; } -} \ No newline at end of file +} diff --git a/templates/default/070-components/legacy/_component_delostable.scss b/templates/default/070-components/legacy/_component_delostable.scss index f9e074acf85..8e7d66e1d44 100755 --- a/templates/default/070-components/legacy/_component_delostable.scss +++ b/templates/default/070-components/legacy/_component_delostable.scss @@ -170,7 +170,7 @@ h3.il_ContainerItemTitle { padding: 0; margin: 0; font-weight: $il-font-weight-base; - font-size: $il-font-size-base; + font-size: $il-font-size-large; display: inline; } @@ -225,4 +225,4 @@ div.il_Description_no_margin, td.il_Description_no_margin { div.il_info { font-size: $il-font-size-small; text-align: left; -} \ No newline at end of file +} diff --git a/templates/default/070-components/legacy/_component_headline.scss b/templates/default/070-components/legacy/_component_headline.scss index b1d0a25d29d..1e68b242500 100755 --- a/templates/default/070-components/legacy/_component_headline.scss +++ b/templates/default/070-components/legacy/_component_headline.scss @@ -36,9 +36,9 @@ h2.ilHeader { #headerimage { width: 45px; height: 45px; - margin-top: $il-padding-large-vertical; + margin-top: $il-padding-medium-vertical; margin-right: $il-padding-small-horizontal; - margin-bottom: $il-padding-large-vertical; + margin-bottom: $il-padding-medium-vertical; float: left; @media only screen and (max-width: $il-grid-float-breakpoint-max) { width: 35px; @@ -68,7 +68,7 @@ div.ilHeaderDesc { } div.il_HeaderInner { - padding: $il-padding-xxlarge-vertical 0; + padding: $il-padding-xlarge-vertical 0; margin-bottom: 5px; overflow: visible; @media only screen and (max-width: $il-grid-float-breakpoint-max) { @@ -124,4 +124,4 @@ div.ilHeaderBanner img.ilHeaderImg { .ilFrameFixedWidth div.ilHeaderDesc { padding-left: 0; -} \ No newline at end of file +} diff --git a/templates/default/070-components/legacy/_component_input-group.scss b/templates/default/070-components/legacy/_component_input-group.scss index cc9127e5e4d..a8176a9c99f 100755 --- a/templates/default/070-components/legacy/_component_input-group.scss +++ b/templates/default/070-components/legacy/_component_input-group.scss @@ -18,42 +18,42 @@ $input-group-addon-border-color: $il-input-border-color; position: relative; // For dropdowns display: table; border-collapse: separate; // prevent input groups from inheriting border styles from table cells when placed within a table - + // Undo padding and float of grid classes &[class*="col-"] { float: none; padding-right: 0; padding-left: 0; } - + .form-control { // Ensure that the input is always above the *appended* addon button for // proper border colors. position: relative; z-index: 2; - + // IE9 fubars the placeholder attribute in text inputs and the arrows on // select elements in input groups. To fix it, we float the input. Details: // https://github.com/twbs/bootstrap/issues/11561#issuecomment-28936855 float: left; - + width: 100%; margin-bottom: 0; - + &:focus { z-index: 3; } } } - - + + // Display as table-cell // ------------------------- .input-group-addon, .input-group-btn, .input-group .form-control { display: table-cell; - + &:not(:first-child):not(:last-child) { border-radius: 0; } @@ -65,11 +65,11 @@ $input-group-addon-border-color: $il-input-border-color; white-space: nowrap; vertical-align: middle; // Match the inputs } - + // Text input groups // ------------------------- .input-group-addon { - padding: $il-padding-base-vertical $il-padding-base-horizontal; + padding: $il-padding-small-vertical $il-padding-small-horizontal; font-size: $il-font-size-base; font-weight: 400; line-height: 1; @@ -78,7 +78,7 @@ $input-group-addon-border-color: $il-input-border-color; background-color: $input-group-addon-bg; border: 1px solid $input-group-addon-border-color; border-radius: $il-input-border-radius; - + // Sizing &.input-sm { padding: $il-padding-small-vertical $il-padding-small-horizontal; @@ -86,18 +86,18 @@ $input-group-addon-border-color: $il-input-border-color; border-radius: $il-border-radius-small; } &.input-lg { - padding: $il-padding-large-vertical $il-padding-large-horizontal; + padding: $il-padding-medium-vertical $il-padding-medium-horizontal; font-size: $il-font-size-large; border-radius: $il-border-radius-large; } - + // Nuke default margins from checkboxes and radios to vertically center within. input[type="radio"], input[type="checkbox"] { margin-top: 0; } } - + // Reset rounded corners .input-group .form-control:first-child, .input-group-addon:first-child, @@ -123,7 +123,7 @@ $input-group-addon-border-color: $il-input-border-color; .input-group-addon:last-child { border-left: 0; } - + // Button input groups // ------------------------- .input-group-btn { @@ -132,7 +132,7 @@ $input-group-addon-border-color: $il-input-border-color; // `font-size` in combination with `inline-block` on buttons. font-size: 0; white-space: nowrap; - + // Negative margin for spacing, position for bringing hovered/focused/actived // element above the siblings. > .btn { @@ -147,7 +147,7 @@ $input-group-addon-border-color: $il-input-border-color; z-index: 2; } } - + // Negative margin to only have a 1px border between the two &:first-child { > .btn, @@ -164,4 +164,4 @@ $input-group-addon-border-color: $il-input-border-color; } } - // end of section based on bootstrap 3 \ No newline at end of file + // end of section based on bootstrap 3 diff --git a/templates/default/070-components/legacy/_component_media-object.scss b/templates/default/070-components/legacy/_component_media-object.scss index acdbbc7a911..da5d562ad8c 100755 --- a/templates/default/070-components/legacy/_component_media-object.scss +++ b/templates/default/070-components/legacy/_component_media-object.scss @@ -5,7 +5,7 @@ .media { // Proper spacing between instances of .media - margin-top: $il-margin-large-vertical; + margin-top: $il-margin-medium-vertical; &:first-child { margin-top: 0; @@ -28,12 +28,12 @@ .media-right, .media>.pull-right { - padding-left: $il-padding-large-horizontal; + padding-left: $il-padding-medium-horizontal; } .media-left, .media>.pull-left { - padding-right: $il-padding-large-horizontal; + padding-right: $il-padding-medium-horizontal; } .media-left, @@ -58,4 +58,4 @@ } -// end of section based on bootstrap 3 \ No newline at end of file +// end of section based on bootstrap 3 diff --git a/templates/default/delos.css b/templates/default/delos.css index e62ca5ffd04..eff71660dce 100644 --- a/templates/default/delos.css +++ b/templates/default/delos.css @@ -86,7 +86,7 @@ .bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second { width: 54px; font-weight: 600; - font-size: 1rem; + font-size: 1.241rem; margin: 0; } .bootstrap-datetimepicker-widget button[data-action] { @@ -273,7 +273,7 @@ width: 54px; } .bootstrap-datetimepicker-widget table td.cw { - font-size: 0.75rem; + font-size: 0.866rem; height: 20px; line-height: 20px; color: #737373; @@ -389,9 +389,9 @@ overflow: auto; min-width: 200px; max-height: 50vh; - padding: 6px 0; - margin: 3px 0 0; - font-size: 0.875rem; + padding: 16px 0; + margin: 9px 0 0; + font-size: 1rem; text-align: left; list-style: none; background-color: white; @@ -415,16 +415,16 @@ } .dropdown-menu .divider { height: 1px; - margin: 9px 0; + margin: 9.5px 0; overflow: hidden; background-color: #e5e5e5; } .dropdown-menu hr { - margin: 6px 0; + margin: 16px 0; } .dropdown-menu > .dropdown-menu-list { - padding: 6px 0; - margin: 3px 0 0; + padding: 16px 0; + margin: 9px 0 0; text-align: left; list-style-type: none; } @@ -499,9 +499,9 @@ border-bottom: 1px solid #dddddd; } .dropdown-header > h2 { - margin-top: 15px; - margin-bottom: 1px; - font-size: 1rem; + margin-top: 13.33px; + margin-bottom: 7px; + font-size: 1.241rem; } .dropdown-menu { @@ -512,10 +512,10 @@ box-shadow: 3px 9px 9px 0 rgba(0, 0, 0, 0.3); } .dropdown-menu .row { - margin-bottom: 15px; + margin-bottom: 13.33px; } .dropdown-menu .row > ul[class*=col-] { - padding-left: 15px; + padding-left: 13.33px; } .dropdown-menu li a, .dropdown-menu li .btn-link { @@ -524,13 +524,13 @@ width: 100%; border: none; font-weight: 400; - font-size: 0.875rem; - line-height: 1.428571429; + font-size: 1rem; + line-height: 1.333; background-color: transparent; color: #161616; - min-height: 28px; + min-height: 32px; width: 100%; - padding: 3px 15px; + padding: 9px 26.66px; justify-content: start; white-space: nowrap; } @@ -568,7 +568,7 @@ } .dropdown h4 { - margin: 3px 0; + margin: 9px 0; } .il-maincontrols-slate-content .dropdown-menu { @@ -585,7 +585,7 @@ float: left; background-color: white; border: 1px solid #dddddd; - font-size: 0.75rem; + font-size: 0.866rem; z-index: 5; -webkit-box-shadow: 2px 2px 4px #c0c0c0; box-shadow: 2px 2px 4px #c0c0c0; @@ -812,65 +812,61 @@ table.mceToolbar tbody, table.mceToolbar tr, table.mceToolbar td { width: auto !important; } } +/* atkinson-hyperlegible-next-regular - latin */ @font-face { - font-family: "Open Sans"; - src: url("../fonts/OpenSansWeb/OpenSans-Regular.woff2") format("woff2"), url("../fonts/OpenSansWeb/OpenSans-Regular.woff") format("woff"); - font-weight: 400; + font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ + font-family: "Atkinson Hyperlegible Next"; font-style: normal; -} -@font-face { - font-family: "Open Sans"; - src: url("../fonts/OpenSansWeb/OpenSans-Bold.woff2") format("woff2"), url("../fonts/OpenSansWeb/OpenSans-Bold.woff") format("woff"); - font-weight: 700; - font-style: normal; -} -@font-face { - font-family: "Open Sans"; - src: url("../fonts/OpenSansWeb/OpenSans-Italic.woff2") format("woff2"), url("../fonts/OpenSansWeb/OpenSans-Italic.woff") format("woff"); font-weight: 400; - font-style: italic; + src: url("../fonts/AtkinsonHyperlegibleNext/atkinson-hyperlegible-next-v7-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } +/* atkinson-hyperlegible-next-italic - latin */ @font-face { - font-family: "Open Sans"; - src: url("../fonts/OpenSansWeb/OpenSans-BoldItalic.woff2") format("woff2"), url("../fonts/OpenSansWeb/OpenSans-BoldItalic.woff") format("woff"); - font-weight: 700; + font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ + font-family: "Atkinson Hyperlegible Next"; font-style: italic; + font-weight: 400; + src: url("../fonts/AtkinsonHyperlegibleNext/atkinson-hyperlegible-next-v7-latin-italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } +/* atkinson-hyperlegible-next-600 - latin */ @font-face { - font-family: "Open Sans"; - src: url("../fonts/OpenSansWeb/OpenSans-Light.woff2") format("woff2"), url("../fonts/OpenSansWeb/OpenSans-Light.woff") format("woff"); - font-weight: 300; + font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ + font-family: "Atkinson Hyperlegible Next"; font-style: normal; + font-weight: 600; + src: url("../fonts/AtkinsonHyperlegibleNext/atkinson-hyperlegible-next-v7-latin-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } +/* atkinson-hyperlegible-next-600italic - latin */ @font-face { - font-family: "Open Sans"; - src: url("../fonts/OpenSansWeb/OpenSans-LightItalic.woff2") format("woff2"), url("../fonts/OpenSansWeb/OpenSans-LightItalic.woff") format("woff"); - font-weight: 300; + font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ + font-family: "Atkinson Hyperlegible Next"; font-style: italic; + font-weight: 600; + src: url("../fonts/AtkinsonHyperlegibleNext/atkinson-hyperlegible-next-v7-latin-600italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } +/* atkinson-hyperlegible-next-700 - latin */ @font-face { - font-family: "Open Sans"; - src: url("../fonts/OpenSansWeb/OpenSans-Semibold.woff2") format("woff2"), url("../fonts/OpenSansWeb/OpenSans-Semibold.woff") format("woff"); - font-weight: 600; + font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ + font-family: "Atkinson Hyperlegible Next"; font-style: normal; + font-weight: 700; + src: url("../fonts/AtkinsonHyperlegibleNext/atkinson-hyperlegible-next-v7-latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } +/* atkinson-hyperlegible-next-700italic - latin */ @font-face { - font-family: "Open Sans"; - src: url("../fonts/OpenSansWeb/OpenSans-SemiboldItalic.woff2") format("woff2"), url("../fonts/OpenSansWeb/OpenSans-SemiboldItalic.woff") format("woff"); - font-weight: 600; + font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ + font-family: "Atkinson Hyperlegible Next"; font-style: italic; + font-weight: 700; + src: url("../fonts/AtkinsonHyperlegibleNext/atkinson-hyperlegible-next-v7-latin-700italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } +/* atkinson-hyperlegible-next-800 - latin */ @font-face { - font-family: "Open Sans"; - src: url("../fonts/OpenSansWeb/OpenSans-ExtraBold.woff2") format("woff2"), url("../fonts/OpenSansWeb/OpenSans-ExtraBold.woff") format("woff"); - font-weight: 800; + font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ + font-family: "Atkinson Hyperlegible Next"; font-style: normal; -} -@font-face { - font-family: "Open Sans"; - src: url("../fonts/OpenSansWeb/OpenSans-ExtraBoldItalic.woff2") format("woff2"), url("../fonts/OpenSansWeb/OpenSans-ExtraBoldItalic.woff") format("woff"); font-weight: 800; - font-style: italic; + src: url("../fonts/AtkinsonHyperlegibleNext/atkinson-hyperlegible-next-v7-latin-800.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } @font-face { font-family: "Open Sans Emoji"; @@ -914,7 +910,7 @@ th { } .row { - --bs-gutter-x: 30px; + --bs-gutter-x: 26.66px; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; @@ -1025,43 +1021,43 @@ th { } .g-xs-1, .gx-xs-1 { - --bs-gutter-x: 9px; + --bs-gutter-x: 9.331px; } .g-xs-1, .gy-xs-1 { - --bs-gutter-y: 9px; + --bs-gutter-y: 9.331px; } .g-xs-2, .gx-xs-2 { - --bs-gutter-x: 12px; + --bs-gutter-x: 11.997px; } .g-xs-2, .gy-xs-2 { - --bs-gutter-y: 12px; + --bs-gutter-y: 11.997px; } .g-xs-3, .gx-xs-3 { - --bs-gutter-x: 15px; + --bs-gutter-x: 21.328px; } .g-xs-3, .gy-xs-3 { - --bs-gutter-y: 15px; + --bs-gutter-y: 21.328px; } .g-xs-4, .gx-xs-4 { - --bs-gutter-x: 15px; + --bs-gutter-x: 26.66px; } .g-xs-4, .gy-xs-4 { - --bs-gutter-y: 15px; + --bs-gutter-y: 26.66px; } .g-xs-5, .gx-xs-5 { - --bs-gutter-x: 18px; + --bs-gutter-x: 27.993px; } .g-xs-5, .gy-xs-5 { - --bs-gutter-y: 18px; + --bs-gutter-y: 27.993px; } } @media (min-width: 768px) { @@ -1158,43 +1154,43 @@ th { } .g-sm-1, .gx-sm-1 { - --bs-gutter-x: 9px; + --bs-gutter-x: 9.331px; } .g-sm-1, .gy-sm-1 { - --bs-gutter-y: 9px; + --bs-gutter-y: 9.331px; } .g-sm-2, .gx-sm-2 { - --bs-gutter-x: 12px; + --bs-gutter-x: 11.997px; } .g-sm-2, .gy-sm-2 { - --bs-gutter-y: 12px; + --bs-gutter-y: 11.997px; } .g-sm-3, .gx-sm-3 { - --bs-gutter-x: 15px; + --bs-gutter-x: 21.328px; } .g-sm-3, .gy-sm-3 { - --bs-gutter-y: 15px; + --bs-gutter-y: 21.328px; } .g-sm-4, .gx-sm-4 { - --bs-gutter-x: 15px; + --bs-gutter-x: 26.66px; } .g-sm-4, .gy-sm-4 { - --bs-gutter-y: 15px; + --bs-gutter-y: 26.66px; } .g-sm-5, .gx-sm-5 { - --bs-gutter-x: 18px; + --bs-gutter-x: 27.993px; } .g-sm-5, .gy-sm-5 { - --bs-gutter-y: 18px; + --bs-gutter-y: 27.993px; } } @media (min-width: 992px) { @@ -1291,43 +1287,43 @@ th { } .g-md-1, .gx-md-1 { - --bs-gutter-x: 9px; + --bs-gutter-x: 9.331px; } .g-md-1, .gy-md-1 { - --bs-gutter-y: 9px; + --bs-gutter-y: 9.331px; } .g-md-2, .gx-md-2 { - --bs-gutter-x: 12px; + --bs-gutter-x: 11.997px; } .g-md-2, .gy-md-2 { - --bs-gutter-y: 12px; + --bs-gutter-y: 11.997px; } .g-md-3, .gx-md-3 { - --bs-gutter-x: 15px; + --bs-gutter-x: 21.328px; } .g-md-3, .gy-md-3 { - --bs-gutter-y: 15px; + --bs-gutter-y: 21.328px; } .g-md-4, .gx-md-4 { - --bs-gutter-x: 15px; + --bs-gutter-x: 26.66px; } .g-md-4, .gy-md-4 { - --bs-gutter-y: 15px; + --bs-gutter-y: 26.66px; } .g-md-5, .gx-md-5 { - --bs-gutter-x: 18px; + --bs-gutter-x: 27.993px; } .g-md-5, .gy-md-5 { - --bs-gutter-y: 18px; + --bs-gutter-y: 27.993px; } } @media (min-width: 1200px) { @@ -1424,43 +1420,43 @@ th { } .g-lg-1, .gx-lg-1 { - --bs-gutter-x: 9px; + --bs-gutter-x: 9.331px; } .g-lg-1, .gy-lg-1 { - --bs-gutter-y: 9px; + --bs-gutter-y: 9.331px; } .g-lg-2, .gx-lg-2 { - --bs-gutter-x: 12px; + --bs-gutter-x: 11.997px; } .g-lg-2, .gy-lg-2 { - --bs-gutter-y: 12px; + --bs-gutter-y: 11.997px; } .g-lg-3, .gx-lg-3 { - --bs-gutter-x: 15px; + --bs-gutter-x: 21.328px; } .g-lg-3, .gy-lg-3 { - --bs-gutter-y: 15px; + --bs-gutter-y: 21.328px; } .g-lg-4, .gx-lg-4 { - --bs-gutter-x: 15px; + --bs-gutter-x: 26.66px; } .g-lg-4, .gy-lg-4 { - --bs-gutter-y: 15px; + --bs-gutter-y: 26.66px; } .g-lg-5, .gx-lg-5 { - --bs-gutter-x: 18px; + --bs-gutter-x: 27.993px; } .g-lg-5, .gy-lg-5 { - --bs-gutter-y: 18px; + --bs-gutter-y: 27.993px; } } @media (min-width: 1400px) { @@ -1557,61 +1553,49 @@ th { } .g-xl-1, .gx-xl-1 { - --bs-gutter-x: 9px; + --bs-gutter-x: 9.331px; } .g-xl-1, .gy-xl-1 { - --bs-gutter-y: 9px; + --bs-gutter-y: 9.331px; } .g-xl-2, .gx-xl-2 { - --bs-gutter-x: 12px; + --bs-gutter-x: 11.997px; } .g-xl-2, .gy-xl-2 { - --bs-gutter-y: 12px; + --bs-gutter-y: 11.997px; } .g-xl-3, .gx-xl-3 { - --bs-gutter-x: 15px; + --bs-gutter-x: 21.328px; } .g-xl-3, .gy-xl-3 { - --bs-gutter-y: 15px; + --bs-gutter-y: 21.328px; } .g-xl-4, .gx-xl-4 { - --bs-gutter-x: 15px; + --bs-gutter-x: 26.66px; } .g-xl-4, .gy-xl-4 { - --bs-gutter-y: 15px; + --bs-gutter-y: 26.66px; } .g-xl-5, .gx-xl-5 { - --bs-gutter-x: 18px; + --bs-gutter-x: 27.993px; } .g-xl-5, .gy-xl-5 { - --bs-gutter-y: 18px; + --bs-gutter-y: 27.993px; } } -.container, -.container-fluid { - --bs-gutter-x: 30px; - --bs-gutter-y: 0; - width: 100%; - padding-right: calc(var(--bs-gutter-x) * 0.5); - padding-left: calc(var(--bs-gutter-x) * 0.5); - margin-right: auto; - margin-left: auto; -} - -/* Responsive container system from Bootstrap 5 has been removed */ :root { - --l-bar__gap--elements: 6px; - --l-bar__gap--groups: 15px; - --l-bar__element__margin-bottom: 9px; + --l-bar__gap--elements: 11.997px; + --l-bar__gap--groups: 26.66px; + --l-bar__element__margin-bottom: 20px; } .l-bar__space-keeper, @@ -1930,9 +1914,9 @@ html { } body { - font-family: "Open Sans", Verdana, Arial, Helvetica, sans-serif; - font-size: 0.875rem; - line-height: 1.428571429; + font-family: "Atkinson Hyperlegible Next", Verdana, Arial, Helvetica, sans-serif; + font-size: 1rem; + line-height: 1.333; color: #161616; background-color: white; } @@ -1976,7 +1960,7 @@ input[type=url], input[type=number], input[type=password], select { - min-height: 28px; + min-height: 32px; } input[type=radio], @@ -2041,7 +2025,7 @@ ul, ol, p { } ol, ul { - padding-left: 15px; + padding-left: 26.66px; list-style-image: none; } @@ -2077,7 +2061,7 @@ hr { } table { - font-size: 0.875rem; + font-size: 1rem; font-size: 100%; } @@ -2093,7 +2077,7 @@ tr, td { h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { - font-family: "Open Sans", Verdana, Arial, Helvetica, sans-serif; + font-family: "Atkinson Hyperlegible Next", Verdana, Arial, Helvetica, sans-serif; font-weight: 500; line-height: 1.33; color: inherit; @@ -2120,8 +2104,8 @@ h6 .small, h1, .h1, h2, .h2, h3, .h3 { - margin-top: 20px; - margin-bottom: 10px; + margin-top: 21px; + margin-bottom: 10.5px; } h1 small, h1 .small, .h1 small, @@ -2138,8 +2122,8 @@ h3 .small, .h3 small, h4, .h4, h5, .h5, h6, .h6 { - margin-top: 10px; - margin-bottom: 10px; + margin-top: 10.5px; + margin-bottom: 10.5px; } h4 small, h4 .small, .h4 small, @@ -2154,31 +2138,31 @@ h6 .small, .h6 small, } h1, .h1 { - font-size: 1.75rem; + font-size: 2.369rem; } h2, .h2 { - font-size: 1.5rem; + font-size: 1.777rem; } h3, .h3 { - font-size: 1.115rem; + font-size: 1.333rem; } h4, .h4 { - font-size: 1rem; + font-size: 1.241rem; } h5, .h5 { - font-size: 0.875rem; + font-size: 1rem; } h6, .h6 { - font-size: 0.75rem; + font-size: 0.866rem; } p { - margin: 0 0 10px; + margin: 0 0 10.5px; } a { @@ -2204,7 +2188,7 @@ a:focus-visible { small, .small, sub, sup { - font-size: 0.625rem; + font-size: 0.75rem; } .text-left { @@ -2257,12 +2241,12 @@ ol ol { dl { margin-top: 0; - margin-bottom: 20px; + margin-bottom: 21px; } dt, dd { - line-height: 1.428571429; + line-height: 1.333; } dt { @@ -2274,9 +2258,9 @@ dd { } blockquote { - padding: 10px 20px; - margin: 0 0 20px; - font-size: 0.875rem; + padding: 10.5px 21px; + margin: 0 0 21px; + font-size: 1rem; border-left: 5px solid #dddddd; } blockquote p:last-child, @@ -2286,9 +2270,9 @@ blockquote ol:last-child { } address { - margin-bottom: 20px; + margin-bottom: 21px; font-style: normal; - line-height: 1.428571429; + line-height: 1.333; } em, i { @@ -2318,7 +2302,7 @@ strong, b { code { font-family: Pragmata, Menlo, "DejaVu LGC Sans Mono", "DejaVu Sans Mono", Consolas, "Everson Mono", "Lucida Console", "Andale Mono", "Nimbus Mono L", "Liberation Mono", FreeMono, "Osaka Monospaced", Courier, "New Courier", monospace; - font-size: 0.75rem; + font-size: 0.866rem; color: #6f6f6f; } @@ -2385,7 +2369,7 @@ code { left: 50%; transform: translateX(-50%); margin: 0; - padding: 9px 15px; + padding: 20px 26.66px; border: 2px solid #757575; border-radius: 0.25em; color: #161616; @@ -2424,10 +2408,9 @@ code { text-overflow: ellipsis; text-align: left; margin: 0; - font-weight: 600; - font-size: 0.75rem; - padding: 6px; - padding-left: 20px; + font-weight: 400; + font-size: 0.866rem; + padding: 9px 27.993px; } .breadcrumb-wrapper .breadcrumb div.breadcrumb-crumb a { color: #4c6586; @@ -2471,8 +2454,8 @@ code { /* Breadcrumb */ .breadcrumb { - margin: 0.8em 0 20px 0; - font-size: 0.75rem; + margin: 0.8em 0 21px 0; + font-size: 0.866rem; } .breadcrumb > li + li:before { font-family: "il-icons"; @@ -2492,7 +2475,7 @@ ol.breadcrumb > li { display: inline-block; } ol.breadcrumb > li + li:before { - padding: 0 3px; + padding: 0 9.331px; color: #737373; content: " \e606"; font-family: "il-icons"; @@ -2507,17 +2490,17 @@ ol.breadcrumb > li + li:before { cursor: pointer; user-select: none; touch-action: manipulation; - font-family: "Open Sans", Verdana, Arial, Helvetica, sans-serif; + font-family: "Atkinson Hyperlegible Next", Verdana, Arial, Helvetica, sans-serif; text-align: center; line-height: inherit; font-size: inherit; font-weight: 400; text-decoration: none; - min-height: 28px; - min-width: 28px; - font-size: 0.75rem; - padding: 3px 6px; - gap: 6px; + min-height: 32px; + min-width: 32px; + font-size: 0.866rem; + padding: 7px 9.331px; + gap: 9.331px; } .btn + .btn, .il-link.link-bulky + .btn, .il-drilldown .menulevel + .btn, .btn + .il-link.link-bulky, .il-link.link-bulky + .il-link.link-bulky, @@ -2527,7 +2510,7 @@ ol.breadcrumb > li + li:before { .il-drilldown .menulevel + .menulevel, .navbar-form > a + .btn, .navbar-form > a + .il-link.link-bulky, .il-drilldown .navbar-form > a + .menulevel, .navbar-form > .btn + a, .navbar-form > .il-link.link-bulky + a, .il-drilldown .navbar-form > .menulevel + a, .navbar-form > a + a { - margin-left: 3px; + margin-left: 4.6655px; } .btn:focus-visible, .il-link.link-bulky:focus-visible, .il-drilldown .menulevel:focus-visible, .navbar-form > a:focus-visible { @@ -2562,11 +2545,11 @@ input.btn, input.il-link.link-bulky, } .btn-default, .navbar-form > a { - min-height: 28px; - min-width: 28px; - font-size: 0.75rem; - padding: 3px 6px; - gap: 6px; + min-height: 32px; + min-width: 32px; + font-size: 0.866rem; + padding: 7px 9.331px; + gap: 9.331px; background-color: #4c6586; color: white; border-width: 1px; @@ -2614,11 +2597,11 @@ input.btn, input.il-link.link-bulky, } .btn-primary { - min-height: 28px; - min-width: 28px; - font-size: 0.75rem; - padding: 3px 6px; - gap: 6px; + min-height: 32px; + min-width: 32px; + font-size: 0.866rem; + padding: 7px 9.331px; + gap: 9.331px; background-color: #557b2e; color: white; border-width: 1px; @@ -2692,17 +2675,17 @@ input.btn, input.il-link.link-bulky, cursor: pointer; user-select: none; touch-action: manipulation; - font-family: "Open Sans", Verdana, Arial, Helvetica, sans-serif; + font-family: "Atkinson Hyperlegible Next", Verdana, Arial, Helvetica, sans-serif; text-align: center; line-height: inherit; font-size: inherit; font-weight: 400; text-decoration: none; - min-height: 2.2rem; - min-width: 2.2rem; - font-size: 0.75rem; - padding: 3px 6px; - gap: 6px; + min-height: 46px; + min-width: 46px; + font-size: 0.866rem; + padding: 7px 9.331px; + gap: 9.331px; background-color: #e2e8ef; color: #4c6586; border-width: 1px; @@ -2907,7 +2890,7 @@ input.btn, input.il-link.link-bulky, .ilTableNav > table > tbody > tr > td > .navbar-form.dropdown.btn-group > .btn-link + a, .ilTableNav > table > tbody > tr > td > .navbar-form.dropdown > .btn-default + a, .ilTableNav > table > tbody > tr > td > .navbar-form.dropdown > a + a { - margin-left: 3px; + margin-left: 4.6655px; } .btn-ctrl:focus-visible, .il-viewcontrol-sortation > .btn-default:focus-visible, .il-viewcontrol-sortation > .btn-link:focus-visible, .il-viewcontrol-section > .btn-default:focus-visible, @@ -3180,7 +3163,7 @@ input.btn, input.il-link.link-bulky, .ilTableNav > table > tbody > tr > td > .btn-group > .btn-link, .ilTableNav > table > tbody > tr > td > .dropdown > .btn-default, .ilTableNav > table > tbody > tr > td > .navbar-form.dropdown > a { - margin-left: 3px; + margin-left: 9.331px; } .btn-link { @@ -3221,11 +3204,11 @@ input.btn, input.il-link.link-bulky, .btn-bulky, .il-link.link-bulky, .il-drilldown .menulevel { - min-height: 50.4px; + min-height: 57.6px; width: 100%; - font-size: 0.875rem; - padding: 6px 12px; - gap: 6px; + font-size: 1rem; + padding: 16px 21.328px; + gap: 16px; background-color: #f0f0f0; color: #161616; border-width: 1px; @@ -3279,7 +3262,7 @@ input.btn, input.il-link.link-bulky, .il-drilldown .menulevel .button-content_v-align-top { display: flex; text-align: left; - gap: 6px; + gap: 16px; align-items: start; } .btn-bulky .button-content_grow, .il-link.link-bulky .button-content_grow, @@ -3310,19 +3293,19 @@ input.btn, input.il-link.link-bulky, } .btn-lg, .btn-group-lg > .btn { - min-height: 50.4px; - min-width: 50.4px; - font-size: 1rem; - padding: 9px 15px; - gap: 6px; + min-height: 57.6px; + min-width: 57.6px; + font-size: 1.241rem; + padding: 20px 26.66px; + gap: 9.331px; } .btn-sm, .btn-group-sm > .btn { - min-height: 25px; - min-width: 25px; - font-size: 0.625rem; - padding: 3px 6px; - gap: 6px; + min-height: 32px; + min-width: 32px; + font-size: 0.75rem; + padding: 9px 11.997px; + gap: 9.331px; } button > .glyphicon { @@ -3347,7 +3330,7 @@ button > .glyphicon { } .minimize, .close { - font-size: 1.3125rem; + font-size: 1.5rem; font-weight: 600; line-height: 1; color: #737373; @@ -3372,13 +3355,13 @@ button .minimize, button .close { .btn-tag { display: inline-block; white-space: nowrap; - padding: 1px 3px; - margin: 3px 6px 3px 0; - min-height: 28px; - min-width: 28px; - font-size: 0.75rem; - padding: 3px 6px; - gap: 6px; + padding: 7px 9.331px; + margin: 9px 11.997px 9px 0; + min-height: 32px; + min-width: 32px; + font-size: 0.866rem; + padding: 7px 9.331px; + gap: 9.331px; background-color: #4c6586; color: white; border-width: 1px; @@ -3482,7 +3465,7 @@ button .minimize, button .close { top: 3px; left: 9px; font-weight: 600; - font-size: 0.75rem; + font-size: 0.866rem; color: white; } .il-toggle-button.on .il-toggle-switch { @@ -3499,7 +3482,7 @@ button .minimize, button .close { top: 3px; left: 24px; font-weight: 600; - font-size: 0.75rem; + font-size: 0.866rem; } .il-toggle-button.off .il-toggle-switch { background: white; @@ -3515,10 +3498,10 @@ button .minimize, button .close { } .ilToolbar .il-toggle-button { - bottom: 3px; + bottom: 9px; } .ilToolbar label { - font-size: 0.75rem; + font-size: 0.866rem; } .il-toggle-item { @@ -3526,11 +3509,11 @@ button .minimize, button .close { } .il-toggle-item label { margin: auto; - padding-right: 6px; + padding-right: 11.997px; } .il-card { - padding: 0 0 6px 0; + padding: 0 0 16px 0; width: 100%; position: relative; background-color: white; @@ -3555,11 +3538,11 @@ button .minimize, button .close { overflow: hidden; } .il-card .card-title { - font-size: 0.875rem; + font-size: 1rem; } .il-card.thumbnail { margin-bottom: 0px; - font-size: 0.75rem; + font-size: 0.866rem; border-radius: 3px; } .il-card.thumbnail:focus-within .il-card-repository-head { @@ -3570,56 +3553,56 @@ button .minimize, button .close { } .il-card .card-highlight { background: #B54F00; - height: 6px; + height: 16px; width: 100%; } .il-card .card-no-highlight { background-color: transparent; - height: 6px; + height: 16px; width: 100%; } .il-card .caption { - padding: 6px 9px; + padding: 16px 11.997px; overflow-wrap: break-word; word-break: break-word; } .il-card .caption h5 { - margin: 6px 0 0 0; + margin: 16px 0 0 0; } .il-card .caption dl dt { font-weight: 400; color: #6f6f6f; - padding-top: 6px; + padding-top: 16px; } .il-card .il-card-repository-head { - height: 47px; - padding: 0 6px; + height: 56.328px; + padding: 0 11.997px; } .il-card .il-card-repository-head > div { - padding: 6px 6px; + padding: 16px 11.997px; float: left; } .il-card .il-card-repository-head .caret { color: #4c6586; } .il-card .il-card-repository-head .il-chart-progressmeter-box { - width: 41px; - height: 38px; + width: 46.997px; + height: 44px; } .il-card .il-card-repository-head .il-chart-progressmeter-box > .il-chart-progressmeter-container .il-chart-progressmeter-viewbox { max-width: 100%; } .il-card .il-card-repository-head > div.il-card-repository-dropdown { float: right; - padding: 9px 6px; + padding: 25px 11.997px; } .il-card .il-card-repository-head > div.il-card-repository-dropdown > .dropdown > button { position: relative; z-index: 1; background-color: inherit; border: #dddddd 1px solid; - width: 29px; - height: 29px; + width: 19px; + height: 19px; } .il-card .il-card-repository-head > div.il-card-repository-dropdown > .dropdown > button span.caret { display: block; @@ -3673,8 +3656,8 @@ button .minimize, button .close { } .il-chart-scale-bar-item { - font-size: 0.625rem; - padding: 1px 3px; + font-size: 0.75rem; + padding: 7px 9.331px; color: #161616; text-align: center; background-color: #e0e0e0; @@ -3743,7 +3726,7 @@ button .minimize, button .close { text-anchor: middle; } .il-chart-progressmeter-box .il-chart-progressmeter-container .il-chart-progressmeter-viewbox .il-chart-progressmeter-text .text-score { - font-size: 0.625rem; + font-size: 0.75rem; font-weight: 600; fill: #000000; } @@ -3806,13 +3789,13 @@ button .minimize, button .close { /* Bar Chart */ /*****************/ .il-chart-bar-horizontal { - padding-top: 12px; - padding-bottom: 12px; + padding-top: 21.328px; + padding-bottom: 21.328px; } .il-chart-bar-vertical { - padding-top: 12px; - padding-bottom: 12px; + padding-top: 21.328px; + padding-bottom: 21.328px; } *:has(> .il-counter) { @@ -3820,12 +3803,12 @@ button .minimize, button .close { } .il-counter { - font-size: 0.875rem; + font-size: 1rem; } .badge { min-width: 10px; - font-size: 0.625rem; + font-size: 0.75rem; margin-left: -4px; text-align: center; white-space: nowrap; @@ -3852,20 +3835,20 @@ button .minimize, button .close { .glyph .il-counter-spacer { margin-left: -4px; - font-size: 0.625rem; + font-size: 0.75rem; padding: 2px 4px; visibility: hidden; } .il-deck .row { - margin-left: -3px; + margin-left: -9.331px; margin-right: 0; - margin-bottom: 12px; + margin-bottom: 21px; } .il-deck .row > div { - padding-left: 3px; - padding-right: 3px; - margin-bottom: 6px; + padding-left: 9.331px; + padding-right: 9.331px; + margin-bottom: 16px; } .il-deck .row.row-eq-height:before { content: none !important; @@ -3907,12 +3890,12 @@ h4.il-divider:after { } .engaged ~ ul > li > h4.il-divider { - padding: 3px 6px; + padding: 9px 11.997px; margin-bottom: 0px; background-color: white; display: block; - font-size: 0.75rem; - line-height: 1.5; + font-size: 0.866rem; + line-height: 1.333; color: #161616; } @@ -3922,8 +3905,8 @@ hr.il-divider-with-label { .il-divider-vertical:before { content: "•"; - padding-left: 6px; - padding-right: 6px; + padding-left: 11.997px; + padding-right: 11.997px; } .ui-dropzone { @@ -3931,15 +3914,15 @@ hr.il-divider-with-label { border-radius: 0px; background: white; display: inline-block; - margin-bottom: 3px; + margin-bottom: 9.331px; width: 100%; } .ui-dropzone.ui-dropzone-bulky { border: 1px dashed #757575; border-radius: 4px; background-color: #f9f9f9; - padding-top: 15px; - padding-bottom: 15px; + padding-top: 27.993px; + padding-bottom: 27.993px; } .ui-dropzone-wrapper { @@ -3958,9 +3941,9 @@ hr.il-divider-with-label { } .ui-dropzone-message { - font-size: 0.875rem; + font-size: 1rem; float: right; - margin-right: 12px; + margin-right: 21.328px; } .ui-dropzone .form-group { @@ -3978,14 +3961,14 @@ hr.il-divider-with-label { grid-template-columns: min-content auto auto min-content min-content; border: 1px solid #dddddd; background-color: white; - padding: 4.5px 7.5px; + padding: 10px 13.33px; } .c-entity.__container > *:not(:empty) { - padding: 4.5px 7.5px; + padding: 10px 13.33px; } .c-entity.__blocking-conditions { grid-area: f-blocking; - font-size: 1.115rem; + font-size: 1.333rem; } .c-entity.__actions { display: flex; @@ -4010,11 +3993,11 @@ hr.il-divider-with-label { .c-entity.__primary-identifier { grid-area: prim-id; font-weight: 600; - font-size: 1.5rem; + font-size: 1.777rem; } .c-entity.__featured { grid-area: f-prop; - font-size: 1.115rem; + font-size: 1.333rem; } .c-entity.__personal-status { grid-area: status; @@ -4051,7 +4034,7 @@ hr.il-divider-with-label { --tag-remove-btn-color: white; --tag-remove-btn-bg--hover: #4c6586; --tag-hide-transition: .0s; - line-height: 1.428571429; + line-height: 1.333; } .c-field-password__revelation-glyph { @@ -4075,13 +4058,13 @@ hr.il-divider-with-label { .c-field-radio > .c-field-radio__item { display: flex; flex-wrap: wrap; - margin-top: 6px; + margin-top: 16px; } .c-field-radio > .c-field-radio__item:first-child { margin-top: 0; } .c-field-radio > .c-field-radio__item > input { - margin-right: 9px; + margin-right: 11.997px; width: auto; } .c-field-radio > .c-field-radio__item > label { @@ -4097,7 +4080,7 @@ hr.il-divider-with-label { margin: 0; } .c-form ul.c-field-multiselect > li { - margin-top: 3px; + margin-top: 9px; } .c-form ul.c-field-multiselect > li:first-child { margin-top: 0; @@ -4106,7 +4089,7 @@ hr.il-divider-with-label { display: flex; } .c-form ul.c-field-multiselect > li label > input[type=checkbox] { - margin-right: 9px; + margin-right: 11.997px; width: auto; } .c-form ul.c-field-multiselect > li label > .c-input__multiselect__label-text { @@ -4117,8 +4100,8 @@ hr.il-divider-with-label { display: flex; } .il-filter .col-md-4, .il-filter .col-md-6 { - padding-top: 6px; - padding-bottom: 6px; + padding-top: 16px; + padding-bottom: 16px; padding-right: 0px; } .il-filter .glyphicon-ok { @@ -4173,19 +4156,19 @@ hr.il-divider-with-label { top: 0; } .il-filter .il-popover-container { - padding-left: 9px; + padding-left: 11.997px; } .il-filter ul.c-field-multiselect, .il-filter .il-filter-add-list ul { list-style: none; margin: 0; - padding: 3px 9px; + padding: 9px 11.997px; } .il-filter ul.c-field-multiselect > li > label input[type=checkbox] { margin-top: 0; } .il-filter ul.c-field-multiselect li > button { - padding: 6px 9px; + padding: 16px 11.997px; display: block; width: 100%; } @@ -4216,7 +4199,7 @@ hr.il-divider-with-label { .il-filter-bar { display: flex; - padding: 3px 9px; + padding: 9px 11.997px; background-color: #f9f9f9; } .il-filter-bar .il-filter-bar-opener { @@ -4228,10 +4211,10 @@ hr.il-divider-with-label { .il-filter-bar .il-filter-bar-opener button { min-height: 0px; width: 100%; - padding: 6px 12px; + padding: 16px 21.328px; border: none; background-color: initial; - font-size: 0.875rem; + font-size: 1rem; text-align: left; } .il-filter-bar .il-filter-bar-opener button .glyph { @@ -4243,14 +4226,14 @@ hr.il-divider-with-label { .il-filter-controls { bottom: 0px; - padding-left: 9px; + padding-left: 11.997px; padding-bottom: 6px; } .il-filter-controls .btn-bulky { width: auto; background-color: initial; border: none; - font-size: 0.875rem; + font-size: 1rem; } .il-filter-controls .btn-bulky:hover { border: none; @@ -4258,20 +4241,20 @@ hr.il-divider-with-label { } .il-filter .glyphicon { - font-size: 0.875rem; + font-size: 1rem; } .il-filter-inputs-active { background-color: #f9f9f9; - padding: 3px 9px; + padding: 9px 11.997px; } .il-filter-inputs-active span { display: inline-block; - margin: 3px 9px 3px 0; - padding: 0 9px; + margin: 9px 11.997px 9px 0; + padding: 0 11.997px; float: left; background-color: white; - font-size: 0.75rem; + font-size: 0.866rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; @@ -4281,19 +4264,19 @@ hr.il-divider-with-label { .il-filter-input-section { border-top: none; position: relative; - padding-right: 9px; + padding-right: 11.997px; margin: 0; background: #f9f9f9; } .il-filter-input-section .leftaddon { - font-size: 0.75rem; - padding: 3px 9px; + font-size: 0.866rem; + padding: 9px 11.997px; } .il-filter-input-section .il-input-multiselect { margin: 0.8em; } .il-filter-input-section .c-input--duration { - margin: 12px; + margin: 21px; } .il-filter-field { @@ -4309,7 +4292,7 @@ hr.il-divider-with-label { .input-group-addon { padding: 3px 8px; - font-size: 0.875rem; + font-size: 1rem; font-weight: 400; line-height: 1; color: #161616; @@ -4321,16 +4304,16 @@ hr.il-divider-with-label { .ui-input-file-input-dropzone { border: 1px dashed #757575; - padding: 3px 9px; + padding: 9px 11.997px; } .ui-input-file-input-dropzone button { - font-size: 0.875rem; - margin-left: 9px; + font-size: 1rem; + margin-left: 21.328px; } .ui-input-file-input-error-msg { - font-size: 0.875rem; + font-size: 1rem; color: #d00; } @@ -4343,35 +4326,35 @@ hr.il-divider-with-label { .ui-input-file-input { border: 0px none transparent; - margin-bottom: 6px; - padding: 9px; + margin-bottom: 16px; + padding: 21.328px; } .ui-input-file-input span { - font-size: 0.875rem; + font-size: 1rem; } .ui-input-file-input span[data-action=collapse], .ui-input-file-input span [data-file-action=expand] { - margin: 9px 0; + margin: 21.328px 0; } .ui-input-file-input span[data-action=remove] .glyph { - margin-left: 9px; + margin-left: 21.328px; float: right; } .ui-input-file-input span[data-dz-name] { - margin-right: 9px; + margin-right: 21.328px; } .ui-input-file-input span[data-dz-size] { - margin-right: 9px; + margin-right: 21.328px; font-style: italic; } .ui-input-file-input-progress-container { height: 3px; background-color: #f0f0f0; - margin-top: 9px; - margin-bottom: -9px; - margin-left: -9px; - margin-right: -9px; + margin-top: 11.997px; + margin-bottom: -11.997px; + margin-left: -11.997px; + margin-right: -11.997px; } .ui-input-file-input-progress-container .ui-input-file-input-progress-indicator { background-color: #757575; @@ -4396,8 +4379,8 @@ hr.il-divider-with-label { display: flex; justify-content: space-between; flex-wrap: wrap; - gap: 3px; - margin-bottom: 3px; + gap: 9px; + margin-bottom: 9px; } .c-field-markdown__actions .glyph, @@ -4410,8 +4393,8 @@ hr.il-divider-with-label { border: 1px solid #dddddd; display: inline-block; width: 100%; - padding-left: 12px; - padding-right: 12px; + padding-left: 21.328px; + padding-right: 21.328px; margin: 0; } @@ -4495,7 +4478,7 @@ hr.il-divider-with-label { } .c-form .c-input[data-il-ui-component=section-field-input].c-input { - margin-bottom: 30px; + margin-bottom: 42px; display: flex; flex-direction: column; } @@ -4508,7 +4491,7 @@ hr.il-divider-with-label { } .c-form .c-input[data-il-ui-component=section-field-input].c-input > label h2 { display: inline-block; - font-size: 1.115rem; + font-size: 1.333rem; font-weight: 600; } .c-form .c-input[data-il-ui-component=section-field-input].c-input > .c-input__help-byline { @@ -4519,7 +4502,7 @@ hr.il-divider-with-label { order: 3; } .c-form .c-input[data-il-ui-component=section-field-input].c-input > .c-input__field { - margin-top: 12px; + margin-top: 21.328px; width: 100%; order: 4; } @@ -4546,12 +4529,12 @@ hr.il-divider-with-label { .c-form .c-input[data-il-ui-component=optional-group-field-input] > .c-input__field > .c-input, .c-form .c-input[data-il-ui-component=switchable-group-field-input] > .c-input__field > .c-input > .c-input__field > .c-input { margin: 0; - padding: 12px 15px; + padding: 21px 27.993px; background-color: #f9f9f9; } .c-form .c-input[data-il-ui-component=optional-group-field-input] > .c-input__field > .c-input:first-child, .c-form .c-input[data-il-ui-component=switchable-group-field-input] > .c-input__field > .c-input > .c-input__field > .c-input:first-child { - margin-top: 6px; + margin-top: 16px; } .c-form .c-input[data-il-ui-component=optional-group-field-input] > .c-input__field > .c-input:hover, .c-form .c-input[data-il-ui-component=optional-group-field-input] > .c-input__field > .c-input:has(:focus-visible), .c-form .c-input[data-il-ui-component=switchable-group-field-input] > .c-input__field > .c-input > .c-input__field > .c-input:hover, @@ -4638,7 +4621,7 @@ hr.il-divider-with-label { } .c-form { - margin-bottom: 12px; + margin-bottom: 21px; } .c-form .c-form__header, .c-form .c-form__footer { @@ -4655,14 +4638,14 @@ hr.il-divider-with-label { grid-area: required; } .c-form .c-form__footer { - margin-top: 12px; + margin-top: 21px; } .c-input[data-il-ui-component] { display: grid; grid-template-columns: 25% 75%; grid-template-areas: "label field" "label error" "label help"; - margin-top: 12px; + margin-top: 21px; } .c-input[data-il-ui-component]:first-child { margin-top: 0; @@ -4670,10 +4653,10 @@ hr.il-divider-with-label { .c-input[data-il-ui-component] > label { display: block; grid-area: label; - padding-right: 12px; + padding-right: 21.328px; } .c-input[data-il-ui-component] > label > .asterisk:first-child { - padding-left: 3px; + padding-left: 21.328px; } .c-input[data-il-ui-component] > .c-input__field { grid-area: field; @@ -4682,7 +4665,7 @@ hr.il-divider-with-label { grid-area: help; } .c-input[data-il-ui-component] > .c-input__error-msg { - grid-area: or; + grid-area: error; } @media screen and (max-width: 768px) { .c-input[data-il-ui-component] { @@ -4690,22 +4673,21 @@ hr.il-divider-with-label { grid-template-areas: "label" "field" "error" "help"; } .c-input[data-il-ui-component] > .c-input__field { - margin-top: 3px; - background-color: red; + margin-top: 9px; } } .c-input:not([data-il-ui-component=section-field-input]):hover { - box-shadow: 0px 0px 0px 9px #f9f9f9; + box-shadow: 0px 0px 0px 11.997px #f9f9f9; background-color: #f9f9f9; } .c-input:not([data-il-ui-component=section-field-input]):has(:focus-visible) { - box-shadow: 0px 0px 0px 9px #e2e8ef; + box-shadow: 0px 0px 0px 11.997px #e2e8ef; background-color: #e2e8ef; } .c-form .c-form__error-msg { - margin-top: 6px; + margin-top: 16px; margin-bottom: 0; } .c-form .c-input[data-il-ui-component] input:invalid { @@ -4713,11 +4695,11 @@ hr.il-divider-with-label { border: 1px solid #ffd7d7; } .c-form .c-input__help-byline { - margin-top: 3px; - font-size: 0.75rem; + margin-top: 9px; + font-size: 0.866rem; } .c-form .c-input__error-msg { - margin-top: 3px; + margin-top: 9px; margin-bottom: 0; } .c-form .c-input__error-msg:first-child { @@ -4725,7 +4707,7 @@ hr.il-divider-with-label { } .c-form .c-input[data-il-ui-component]:not([data-il-ui-component=section-field-input]):has(> .c-input__error-msg) { border-inline-start: 6px solid #ffd7d7; - padding-left: 9px; + padding-left: 11.997px; } .c-form [data-il-ui-component=textarea-field-input] .c-input__field textarea, .c-form [data-il-ui-component=markdown-field-input] .c-input__field .c-field-markdown textarea { @@ -4738,16 +4720,16 @@ hr.il-divider-with-label { .c-form [data-il-ui-component=markdown-field-input] > .c-input__field .c-field-markdown textarea, .c-form [data-il-ui-component=url-field-input] .c-input__field input { width: 100%; - padding: 3px 9px; - font-size: 0.75rem; + padding: 9px 11.997px; + font-size: 0.866rem; } .c-form [data-il-ui-component=datetime-field-input] .c-input__field input, .c-form [data-il-ui-component=numeric-field-input] .c-input__field input { - padding: 3px 9px; - font-size: 0.75rem; + padding: 9px 11.997px; + font-size: 0.866rem; } .c-form [data-il-ui-component=select-field-input] .c-input__field select { - padding: 3px 9px; + padding: 9px 11.997px; } .il-std-item-container:not(:last-child) { @@ -4757,15 +4739,14 @@ hr.il-divider-with-label { .il-item { background-color: white; position: relative; - padding: 15px; + padding: 26.66px; } .il-item .il-item-title { - font-size: 0.875rem; display: inline-block; } .il-item .il-item-title .btn-link, .il-item .il-item-title a { font-size: inherit; - line-height: 1.428571429; + line-height: 1.333; } .il-item .il-item-title .btn-link:focus-visible, .il-item .il-item-title a:focus-visible { display: block; @@ -4790,11 +4771,11 @@ hr.il-divider-with-label { } .il-item .il-item-description { padding: 10px 0 0 0; - font-size: 0.75rem; + font-size: 0.866rem; clear: both; } .il-item .il-item-property-name { - font-size: 0.75rem; + font-size: 0.866rem; color: #6f6f6f; overflow: hidden; } @@ -4802,7 +4783,7 @@ hr.il-divider-with-label { content: ": "; } .il-item .il-item-property-value { - font-size: 0.75rem; + font-size: 0.866rem; overflow: hidden; } .il-item .il-chart-progressmeter-box { @@ -4812,7 +4793,7 @@ hr.il-divider-with-label { } @media only screen and (max-width: 991px) { .il-item .il-chart-progressmeter-viewbox { - padding-top: 6px; + padding-top: 16px; } } .il-item .col-sm-9 > .row { @@ -4822,7 +4803,7 @@ hr.il-divider-with-label { margin-bottom: 6px; } .il-item .il-item-audio { - padding: 6px 0; + padding: 16px 0; } .il-item-marker { @@ -4836,9 +4817,9 @@ hr.il-divider-with-label { .il-item-group > h3 { float: left; color: #161616; - font-size: 1rem; + font-size: 1.241rem; font-weight: 400; - padding: 9px 15px; + padding: 16px 21.328px; margin: 0; } .il-item-group .dropdown { @@ -4855,14 +4836,14 @@ hr.il-divider-with-label { } .il-item-notification-replacement-container:not(:first-child) .il-notification-item { - margin-top: 6px; + margin-top: 16px; } .il-notification-item { - padding-right: 18px; + padding-right: 29.66px; } .il-notification-item .il-item-notification-title { - font-size: 1rem; + font-size: 1.241rem; display: inline-block; margin: 0; } @@ -4873,7 +4854,7 @@ hr.il-divider-with-label { margin-right: 0px; } .il-notification-item .dropdown { - margin-top: -20px; + margin-top: -21px; } .il-item-shy { @@ -4884,7 +4865,7 @@ hr.il-divider-with-label { width: 100%; display: grid; grid-template-areas: "title close" "description description" "divider divider" "properties properties"; - grid-auto-columns: auto 0.75rem; + grid-auto-columns: auto 0.866rem; } .il-item-shy .content .il-item-title { grid-area: title; @@ -4917,7 +4898,7 @@ hr.il-divider-with-label { border-bottom: 0; } .il-panel-listing-std-container .il-item .media-left { - min-width: 50px; + min-width: 73.32px; } } .c-launcher .btn-bulky { @@ -4982,7 +4963,7 @@ hr.il-divider-with-label { .c-launcher__status { display: flex; flex-direction: row; - margin-bottom: 9px; + margin-bottom: 20px; } .c-launcher__status__message { @@ -4994,7 +4975,7 @@ hr.il-divider-with-label { } .c-launcher__status__icon { - margin-right: 6px; + margin-right: 11.997px; flex-basis: auto; order: 1; } @@ -5013,7 +4994,7 @@ grid-based layout display: grid; grid-gap: 0px; grid-template-columns: auto 1fr; - grid-template-rows: auto 60px 1fr; + grid-template-rows: auto 90px 1fr; height: 100%; overflow: hidden; width: 100%; @@ -5029,7 +5010,7 @@ grid-based layout grid-template-columns: auto 1fr; } .il-layout-page.with-mainbar-slates-engaged .il-maincontrols-mainbar { - width: 409px; + width: 419px; } .il-layout-page.with-mainbar-slates-engaged .il-maincontrols-mainbar .il-mainbar-slates { display: flex; @@ -5056,7 +5037,7 @@ header { .breadcrumbs { position: sticky; top: 0; - min-height: 33px; + min-height: 46px; align-items: center; background-color: white; display: flex; @@ -5077,15 +5058,15 @@ div.il-system-infos { background: white; display: flex; flex-direction: row; - height: 60px; - padding: 0 15px; + height: 90px; + padding: 0 26.66px; position: fixed; width: 100%; justify-content: space-between; } .il-logo { - height: 45px; + height: 67px; overflow: hidden; justify-self: start; display: flex; @@ -5098,7 +5079,7 @@ div.il-system-infos { .il-pagetitle { font-weight: 600; display: flex; - font-size: 1rem; + font-size: 1.241rem; align-items: center; min-height: 100%; padding-left: 35px; @@ -5118,9 +5099,9 @@ nav.il-maincontrols { .il-maincontrols-mainbar { display: grid; height: 100%; - grid-template-columns: 80px 329px; + grid-template-columns: 90px 329px; grid-template-rows: 1fr; - width: 80px; + width: 90px; } .il-mainbar { grid-column: 1; @@ -5147,7 +5128,16 @@ main { } .il-layout-page-content #mainspacekeeper { flex-grow: 1; + padding: 0 27.993px; width: 100%; + max-width: 1200px; + margin: 0 auto; +} +.il-layout-page-content #mainspacekeeper .c-table-data__table-wrapper { + margin: 0 calc(50% - (50vw - 70px)); +} +.il-layout-page-content #mainspacekeeper .c-table-data__table-wrapper table { + margin: 0 auto; } #il_center_col .panel-viewcontrols { @@ -5285,7 +5275,7 @@ main { background-color: transparent; border: none; color: #2c2c2c; - font-size: 1rem; + font-size: 1.241rem; max-width: 220px; white-space: nowrap; overflow: hidden; @@ -5294,8 +5284,8 @@ main { .il-header-locator .dropdown-toggle:before { content: " \e606"; font-family: "il-icons"; - font-size: 1rem; - margin-right: 9px; + font-size: 1.241rem; + margin-right: 11.997px; } .il-header-locator .open .dropdown-toggle:before { content: " \e604"; @@ -5376,7 +5366,7 @@ main { flex-grow: 1; } footer { - margin-bottom: 80px; + margin-bottom: 84px; } } /* @@ -5409,7 +5399,7 @@ main { display: flex; flex-wrap: wrap; width: 100%; - gap: 12px; + gap: 21.328px; } .c-layout-alignment--horizontal-evenly .c-layout-alignment__block { flex: 1 1 0px; @@ -5453,7 +5443,7 @@ a[aria-disabled].il-link.link-bulky:hover { } .c-listing-property + .c-listing-property { - margin-top: 6px; + margin-top: 16px; } .clearfix::after { @@ -5466,7 +5456,7 @@ a[aria-disabled].il-link.link-bulky:hover { .il-listing-characteristic-value-row { /* i tried .ilClearFloat, did not work as expected */ border-top: solid #dddddd 1px; - padding: 12px 0; + padding: 21.328px 0; } .il-listing-characteristic-value-row::after { display: block; @@ -5492,7 +5482,7 @@ a[aria-disabled].il-link.link-bulky:hover { .il-listing-characteristic-value-item { float: right; - padding-left: 12px; + padding-left: 21.328px; width: 50%; left: 50%; } @@ -5506,11 +5496,11 @@ a[aria-disabled].il-link.link-bulky:hover { /* when characteristic value listing is used in the card */ .il-card .il-listing-characteristic-value-row { border-top: none; - padding: 6px 3px; + padding: 11.997px 9px; } .il-card .il-listing-characteristic-value-label { - padding-left: 6px; + padding-left: 11.997px; width: 75%; right: 75%; } @@ -5532,16 +5522,16 @@ a[aria-disabled].il-link.link-bulky:hover { .il-workflow-header .il-workflow-title { background-color: #f9f9f9; color: #161616; - font-size: 1.115rem; + font-size: 1.333rem; font-weight: 400; - margin-bottom: 6px; + margin-bottom: 16px; margin-top: 0; - padding: 6px 12px; + padding: 16px 21.328px; } .il-workflow-container { list-style: none; - padding: 0 6px; + padding: 0 11.997px; } .il-workflow-container .il-workflow-step:before { background-color: white; @@ -5563,7 +5553,7 @@ a[aria-disabled].il-link.link-bulky:hover { border-left: none; } .il-workflow-container .il-workflow-step .il-workflow-step-description { - font-size: 0.875rem; + font-size: 1rem; font-weight: 300; } .il-workflow-container .not-available:before, @@ -5610,7 +5600,7 @@ a[aria-disabled].il-link.link-bulky:hover { margin: 0; width: 33px; height: 33px; - font-size: 1.115rem; + font-size: 1.333rem; } .il-workflow-container .active.completed-successfully:before, .il-workflow-container .active.completed-unsuccessfully:before { line-height: 33px; @@ -5619,7 +5609,7 @@ a[aria-disabled].il-link.link-bulky:hover { .il-workflow-container .active .text .il-workflow-step-label, .il-workflow-container .active .text .il-workflow-step-label .btn.btn-link { color: #4c6586; - font-size: 1rem; + font-size: 1.241rem; font-weight: 400; } .il-workflow-container .text { @@ -5634,9 +5624,9 @@ a[aria-disabled].il-link.link-bulky:hover { .il-workflow-container .available .il-workflow-step-label, .il-workflow-container .available .il-workflow-step-label .btn.btn-link { color: #161616; - font-size: 1rem; + font-size: 1.241rem; font-weight: 400; - margin-top: -3px; + margin-top: -8px; } #il_right_col .il-workflow { @@ -5648,18 +5638,18 @@ a[aria-disabled].il-link.link-bulky:hover { #il_right_col .il-workflow .il-workflow-header { background-color: #f9f9f9; margin: 0; - padding: 9px 15px; + padding: 16px 21.328px; } #il_right_col .il-workflow .il-workflow-header h3 { margin: 0; padding: 0; color: #161616; - font-size: 1.115rem; + font-size: 1.333rem; line-height: 1.33; font-weight: 600; } #il_right_col .il-workflow .il-workflow-container { - padding: 15px 15px; + padding: 21px 26.66px; } .c-listing-entity { @@ -5692,14 +5682,14 @@ a[aria-disabled].il-link.link-bulky:hover { background-color: #f9f9f9; } .il-maincontrols-slate.il-maincontrols-slate-notification .il-maincontrols-slate-notification-title { - padding: 12px; + padding: 21.328px; } .il-maincontrols-slate.il-maincontrols-slate-notification .il-maincontrols-slate-notification-title .btn-bulky { - margin: -12px; + margin: -21.328px; border: none; border-right: solid 3px; border-right-color: #f9f9f9; - padding: 12px; + padding: 21.328px; background-color: transparent; width: 50%; } @@ -5750,14 +5740,14 @@ a[aria-disabled].il-link.link-bulky:hover { margin: 2px 0; } .il-maincontrols-slate-content li.jstree-node { - padding: 3px 0; + padding: 9px 0; } .il-maincontrols-slate-content li.il-workflow-step { padding: 0 4px; } .il-maincontrols-slate-content > .c-form, .il-maincontrols-slate-content > #copg-editor-slate-content > .c-form { - padding: 9px 15px; + padding: 20px 26.66px; } .il-maincontrols-slate-close button, @@ -5840,7 +5830,7 @@ a[aria-disabled].il-link.link-bulky:hover { filter: invert(50%); font-family: "il-icons"; font-size: 1.0625rem; - margin-right: 6px; + margin-right: 11.997px; position: relative; } .il-maincontrols-metabar .input-group { @@ -5864,8 +5854,8 @@ a[aria-disabled].il-link.link-bulky:hover { .il-maincontrols-metabar > li > .btn.btn-bulky, .il-maincontrols-metabar > li > a.il-link.link-bulky { border: none; background-color: transparent; - height: 60px; - min-width: 60px; + height: 90px; + min-width: 90px; } .il-maincontrols-metabar > li > .btn.btn-bulky:focus-visible, .il-maincontrols-metabar > li > a.il-link.link-bulky:focus-visible { outline: none; @@ -5898,23 +5888,23 @@ a[aria-disabled].il-link.link-bulky:hover { } @media only screen and (max-width: 991px) { .il-maincontrols-metabar .il-metabar-more-button { - padding-right: 18px; + padding-right: 27.993px; } .il-maincontrols-metabar .il-metabar-more-button .icon.custom { position: relative; } .il-maincontrols-metabar .il-metabar-more-button .icon.custom img { - margin-right: 6px; + margin-right: 11.997px; } .il-maincontrols-metabar .il-metabar-more-button .icon.custom .badge { position: absolute; - margin-right: 3px; + margin-right: 9.331px; } .il-maincontrols-metabar .il-metabar-more-button .icon.custom .badge.il-counter-novelty { - margin-top: -6px; + margin-top: -16px; } .il-maincontrols-metabar .il-metabar-more-button .icon.custom .badge.il-counter-status { - margin-top: 12px; + margin-top: 21px; } } @@ -5926,7 +5916,7 @@ a[aria-disabled].il-link.link-bulky:hover { max-height: 90vh; overflow-y: auto; right: 0; - top: 60px; + top: 90px; } .il-metabar-slates .il-maincontrols-slate { min-width: 500px; @@ -5953,9 +5943,9 @@ a[aria-disabled].il-link.link-bulky:hover { font-family: "il-icons"; position: absolute; font-size: 1.0625rem; - right: 12px; - top: 15px; - line-height: 20px; + right: 21.328px; + top: 21px; + line-height: 21px; } .il-metabar-slates .il-maincontrols-slate { min-width: 260px; @@ -6004,8 +5994,8 @@ a[aria-disabled].il-link.link-bulky:hover { .il-mainbar-tools-button .il-link.link-bulky, .il-mainbar-tool-trigger-item .btn-bulky, .il-mainbar-tool-trigger-item .il-link.link-bulky { - height: 80px; - width: 80px; + height: 90px; + width: 90px; } .il-mainbar-triggers .btn-bulky, @@ -6020,9 +6010,9 @@ a[aria-disabled].il-link.link-bulky:hover { border-radius: 0px; flex-flow: column nowrap; justify-content: center; - gap: 1px; - font-size: 0.625rem; - line-height: 0.83125rem; + gap: 7px; + font-size: 0.75rem; + line-height: 0.9975rem; } .il-mainbar-triggers .btn-bulky:focus-visible, .il-mainbar-triggers .il-link.link-bulky:focus-visible, @@ -6055,9 +6045,9 @@ a[aria-disabled].il-link.link-bulky:hover { .il-mainbar-tool-trigger-item .btn-bulky .bulky-label, .il-mainbar-tool-trigger-item .il-link.link-bulky .bulky-label { position: relative; - max-height: 3em; + max-height: 2.666em; overflow: hidden; - line-height: 1.5; + line-height: 1.333; } .il-mainbar-triggers .btn-bulky .bulky-label:after, .il-mainbar-triggers .il-link.link-bulky .bulky-label:after, @@ -6071,7 +6061,7 @@ a[aria-disabled].il-link.link-bulky:hover { bottom: 0; right: 0; width: 30%; - height: 1.5em; + height: 1.333em; background: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255, 255, 255) 80%); } @supports (-webkit-line-clamp: 2) { @@ -6127,16 +6117,16 @@ a[aria-disabled].il-link.link-bulky:hover { } .il-mainbar-triggers .btn-bulky, .il-mainbar-triggers .il-link.link-bulky { - background: #2c2c2c; + background: #f9f9f9; } .il-mainbar-triggers .btn-bulky .bulky-label, .il-mainbar-triggers .il-link.link-bulky .bulky-label { - color: white; + color: #2c2c2c; text-align: center; } .il-mainbar-triggers .btn-bulky .icon, .il-mainbar-triggers .il-link.link-bulky .icon { - filter: brightness(0) invert(1); + filter: invert(50%); } .il-mainbar-triggers .btn-bulky .icon.small, .il-mainbar-triggers .il-link.link-bulky .icon.small { @@ -6180,41 +6170,41 @@ a[aria-disabled].il-link.link-bulky:hover { .il-mainbar-triggers .btn-bulky:hover, .il-mainbar-triggers .il-link.link-bulky:hover { transition: all 0.15s ease-in; - background-color: white; - color: #2c2c2c; + background-color: #2c2c2c; + color: white; } .il-mainbar-triggers .btn-bulky:hover .glyph, .il-mainbar-triggers .il-link.link-bulky:hover .glyph { - color: #2c2c2c; + color: white; } .il-mainbar-triggers .btn-bulky:hover .icon, .il-mainbar-triggers .il-link.link-bulky:hover .icon { - filter: invert(50%); + filter: brightness(0) invert(1); } .il-mainbar-triggers .btn-bulky:hover .bulky-label, .il-mainbar-triggers .il-link.link-bulky:hover .bulky-label { - color: #2c2c2c; + color: white; } .il-mainbar-triggers .btn-bulky .glyph, .il-mainbar-triggers .il-link.link-bulky .glyph { - color: white; + color: #2c2c2c; } .il-mainbar-triggers.engaged { - background: #2c2c2c; + background: #f9f9f9; } @media (hover: none) { .il-mainbar-triggers .btn-bulky:hover, .il-mainbar-triggers .il-link.link-bulky:hover { - background-color: #2c2c2c; + background-color: #f9f9f9; color: #2c2c2c; } .il-mainbar-triggers .btn-bulky:hover .icon, .il-mainbar-triggers .il-link.link-bulky:hover .icon { - filter: brightness(0) invert(1); + filter: invert(50%); } .il-mainbar-triggers .btn-bulky:hover .bulky-label, .il-mainbar-triggers .il-link.link-bulky:hover .bulky-label { - color: white; + color: #2c2c2c; } .il-mainbar-triggers .btn-bulky.engaged, .il-mainbar-triggers .il-link.link-bulky.engaged { @@ -6239,7 +6229,7 @@ a[aria-disabled].il-link.link-bulky:hover { } .il-maincontrols-mainbar { - background-color: #2c2c2c; + background-color: #f9f9f9; } .il-maincontrols-mainbar .il-item-shy, @@ -6266,7 +6256,7 @@ a[aria-disabled].il-link.link-bulky:hover { } .il-mainbar-tools-button .btn-bulky .icon, .il-mainbar-tools-button .btn-bulky.engaged .icon { - filter: brightness(0) invert(1); + filter: invert(50%); } .il-mainbar-tools-button .btn-bulky.engaged { background-color: #e2e8ef; @@ -6281,17 +6271,17 @@ a[aria-disabled].il-link.link-bulky:hover { } .il-mainbar-tools-entries.engaged { display: flex; - height: 80px; + height: 90px; flex-shrink: 0; } .il-mainbar-tools-entries .btn-bulky, .il-mainbar-tools-entries .btn-bulky, .il-mainbar-tools-entries .il-link.link-bulky { background-color: #4c6586; - color: white; + color: #2c2c2c; } .il-mainbar-tools-entries .btn-bulky .icon, .il-mainbar-tools-entries .btn-bulky .icon, .il-mainbar-tools-entries .il-link.link-bulky .icon { - filter: brightness(0) invert(1); + filter: invert(50%); } .il-mainbar-tools-entries .btn-bulky .bulky-label, .il-mainbar-tools-entries .btn-bulky .bulky-label, .il-mainbar-tools-entries .il-link.link-bulky .bulky-label { @@ -6322,7 +6312,7 @@ a[aria-disabled].il-link.link-bulky:hover { .il-mainbar-tools-entries-bg { background-color: #e2e8ef; display: flex; - height: 80px; + height: 90px; width: 100%; padding: 0; margin: 0; @@ -6341,7 +6331,7 @@ a[aria-disabled].il-link.link-bulky:hover { color: #4c6586; font-size: 2.8125rem; font-weight: 300; - height: 80px; + height: 90px; padding: 0 20px; width: auto; } @@ -6444,7 +6434,7 @@ a[aria-disabled].il-link.link-bulky:hover { } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { - font-family: "Open Sans", Verdana, Arial, Helvetica, sans-serif; + font-family: "Atkinson Hyperlegible Next", Verdana, Arial, Helvetica, sans-serif; font-weight: 500; line-height: 1.33; color: inherit; @@ -6472,8 +6462,8 @@ h6 .small, h1, .h1, h2, .h2, h3, .h3 { - margin-top: 20px; - margin-bottom: 10px; + margin-top: 21px; + margin-bottom: 10.5px; } h1 small, @@ -6491,8 +6481,8 @@ h3 .small, .h3 small, h4, .h4, h5, .h5, h6, .h6 { - margin-top: 10px; - margin-bottom: 10px; + margin-top: 10.5px; + margin-bottom: 10.5px; } h4 small, @@ -6508,31 +6498,31 @@ h6 .small, .h6 small, } h1, .h1 { - font-size: 1.75rem; + font-size: 2.369rem; } h2, .h2 { - font-size: 1.5rem; + font-size: 1.777rem; } h3, .h3 { - font-size: 1.115rem; + font-size: 1.333rem; } h4, .h4 { - font-size: 1rem; + font-size: 1.241rem; } h5, .h5 { - font-size: 0.875rem; + font-size: 1rem; } h6, .h6 { - font-size: 0.75rem; + font-size: 0.866rem; } p { - margin: 0 0 10px; + margin: 0 0 10.5px; } a { @@ -6560,7 +6550,7 @@ a:focus-visible { small, .small, sub, sup { - font-size: 0.625rem; + font-size: 0.75rem; } .text-left { @@ -6613,12 +6603,12 @@ ol ol { dl { margin-top: 0; - margin-bottom: 20px; + margin-bottom: 21px; } dt, dd { - line-height: 1.428571429; + line-height: 1.333; } dt { @@ -6630,9 +6620,9 @@ dd { } blockquote { - padding: 10px 20px; - margin: 0 0 20px; - font-size: 0.875rem; + padding: 10.5px 21px; + margin: 0 0 21px; + font-size: 1rem; border-left: 5px solid #dddddd; } @@ -6643,9 +6633,9 @@ blockquote ol:last-child { } address { - margin-bottom: 20px; + margin-bottom: 21px; font-style: normal; - line-height: 1.428571429; + line-height: 1.333; } em, i { @@ -6675,7 +6665,7 @@ strong, b { code { font-family: Pragmata, Menlo, "DejaVu LGC Sans Mono", "DejaVu Sans Mono", Consolas, "Everson Mono", "Lucida Console", "Andale Mono", "Nimbus Mono L", "Liberation Mono", FreeMono, "Osaka Monospaced", Courier, "New Courier", monospace; - font-size: 0.75rem; + font-size: 0.866rem; color: #6f6f6f; } @@ -6694,7 +6684,7 @@ code { } .c-maincontrols__footer { background-color: white; - font-size: 0.875rem; + font-size: 1rem; color: #161616; border-top: 1px solid #dddddd; } @@ -6713,11 +6703,11 @@ code { display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 6px; - padding: 6px 0; + padding: 11.997px 0; } .c-maincontrols__footer-grid__item { height: auto; - padding: 6px 12px; + padding: 16px 21.328px; --l-bar__element__margin-bottom: 0; } .c-maincontrols__footer ul { @@ -6726,11 +6716,11 @@ code { margin: 0; } .c-maincontrols__footer ul li { - padding: 6px 0 0 0; + padding: 16px 0 0 0; } @media screen and (min-width: 993px) { .c-maincontrols__footer { - font-size: 0.75rem; + font-size: 0.866rem; } .c-maincontrols__footer-grid { grid-template-columns: repeat(4, 1fr); @@ -6738,13 +6728,13 @@ code { } @media screen and (max-width: 768px) { .c-maincontrols__footer { - font-size: 0.875rem; + font-size: 1rem; } .c-maincontrols__footer-grid { grid-template-columns: repeat(1, 1fr); } .c-maincontrols__footer ul li { - padding: 6px 0 0 0; + padding: 16px 0 0 0; } } @@ -6784,8 +6774,8 @@ code { -webkit-box-shadow: 20px 10px 30px rgba(0, 0, 0, 0.15); -moz-box-shadow: 20px 10px 30px rgba(0, 0, 0, 0.15); box-shadow: 20px 10px 30px rgba(0, 0, 0, 0.15); - padding: 1px 18px; - gap: 18px; + padding: 7px 27.993px; + gap: 27.993px; min-height: 35px; min-width: 20%; max-width: 50%; @@ -6800,7 +6790,7 @@ code { } .c-mode-info__label, .c-mode-info__close { color: white; - font-size: 1rem; + font-size: 1.241rem; display: flex; align-items: center; justify-content: center; @@ -6819,9 +6809,9 @@ code { } .c-mode-info__label { position: relative; - max-height: 1.5em; + max-height: 1.333em; overflow: hidden; - line-height: 1.5; + line-height: 1.333; } .c-mode-info__label:after { content: ""; @@ -6830,7 +6820,7 @@ code { bottom: 0; right: 0; width: 30%; - height: 1.5em; + height: 1.333em; background: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255, 255, 255) 80%); } @supports (-webkit-line-clamp: 2) { @@ -6886,10 +6876,10 @@ code { /** contrast threshold for contrast color **/ /** three color variants for neutral, important, breaking Head Infos **/ .il-system-info { - line-height: 20px; - padding-top: 6px; - padding-bottom: 6px; - height: 32px; + line-height: 21px; + padding-top: 16px; + padding-bottom: 16px; + height: 53px; display: flex; flex-wrap: nowrap; flex-direction: row; @@ -6962,20 +6952,20 @@ code { .il-system-info div.il-system-info-content-wrapper div.il-system-info-headline { text-transform: uppercase; font-weight: 600; - margin-right: 9px; + margin-right: 11.997px; } .il-system-info p:first-child { display: inherit; } .il-system-info div.il-system-info-actions { - font-size: 1rem; + font-size: 1.241rem; flex-grow: 0; flex-shrink: 0; text-align: right; - flex-basis: 60px; + flex-basis: 106.64px; } .il-system-info div.il-system-info-actions :not(:last-child) { - padding-right: 12px; + padding-right: 21.328px; } .il-system-info div.il-system-info-actions span.il-system-info-more { display: none; @@ -7013,17 +7003,17 @@ code { cursor: pointer; user-select: none; touch-action: manipulation; - font-family: "Open Sans", Verdana, Arial, Helvetica, sans-serif; + font-family: "Atkinson Hyperlegible Next", Verdana, Arial, Helvetica, sans-serif; text-align: center; line-height: inherit; font-size: inherit; font-weight: 400; text-decoration: none; - min-height: 28px; - min-width: 28px; - font-size: 0.75rem; - padding: 3px 6px; - gap: 6px; + min-height: 32px; + min-width: 32px; + font-size: 0.866rem; + padding: 7px 9.331px; + gap: 9.331px; } .btn + .btn, .c-drilldown .c-drilldown__menulevel--trigger + .btn, .c-drilldown .btn + .c-drilldown__menulevel--trigger, .c-drilldown .c-drilldown__menulevel--trigger + .c-drilldown__menulevel--trigger, .il-link.link-bulky + .btn, .c-drilldown .il-link.link-bulky + .c-drilldown__menulevel--trigger, @@ -7038,7 +7028,7 @@ code { .il-drilldown .menulevel + .menulevel, .navbar-form > a + .btn, .c-drilldown .navbar-form > a + .c-drilldown__menulevel--trigger, .navbar-form > a + .il-link.link-bulky, .il-drilldown .navbar-form > a + .menulevel, .navbar-form > .btn + a, .c-drilldown .navbar-form > .c-drilldown__menulevel--trigger + a, .navbar-form > .il-link.link-bulky + a, .il-drilldown .navbar-form > .menulevel + a, .navbar-form > a + a { - margin-left: 3px; + margin-left: 4.6655px; } .btn:focus-visible, .c-drilldown .c-drilldown__menulevel--trigger:focus-visible, .il-link.link-bulky:focus-visible, @@ -7076,11 +7066,11 @@ input.btn, .c-drilldown input.c-drilldown__menulevel--trigger, input.il-link.lin } } .btn-default, .navbar-form > a { - min-height: 28px; - min-width: 28px; - font-size: 0.75rem; - padding: 3px 6px; - gap: 6px; + min-height: 32px; + min-width: 32px; + font-size: 0.866rem; + padding: 7px 9.331px; + gap: 9.331px; background-color: #4c6586; color: white; border-width: 1px; @@ -7133,11 +7123,11 @@ input.btn, .c-drilldown input.c-drilldown__menulevel--trigger, input.il-link.lin } .btn-primary { - min-height: 28px; - min-width: 28px; - font-size: 0.75rem; - padding: 3px 6px; - gap: 6px; + min-height: 32px; + min-width: 32px; + font-size: 0.866rem; + padding: 7px 9.331px; + gap: 9.331px; background-color: #557b2e; color: white; border-width: 1px; @@ -7198,17 +7188,17 @@ input.btn, .c-drilldown input.c-drilldown__menulevel--trigger, input.il-link.lin cursor: pointer; user-select: none; touch-action: manipulation; - font-family: "Open Sans", Verdana, Arial, Helvetica, sans-serif; + font-family: "Atkinson Hyperlegible Next", Verdana, Arial, Helvetica, sans-serif; text-align: center; line-height: inherit; font-size: inherit; font-weight: 400; text-decoration: none; - min-height: 2.2rem; - min-width: 2.2rem; - font-size: 0.75rem; - padding: 3px 6px; - gap: 6px; + min-height: 46px; + min-width: 46px; + font-size: 0.866rem; + padding: 7px 9.331px; + gap: 9.331px; background-color: #e2e8ef; color: #4c6586; border-width: 1px; @@ -7230,7 +7220,7 @@ input.btn, .c-drilldown input.c-drilldown__menulevel--trigger, input.il-link.lin .ilTableNav > table > tbody > tr > td > .navbar-form.dropdown.btn-group > .btn-link + a, .ilTableNav > table > tbody > tr > td > .navbar-form.dropdown > .btn-default + a, .ilTableNav > table > tbody > tr > td > .navbar-form.dropdown > a + a { - margin-left: 3px; + margin-left: 4.6655px; } .btn-ctrl:focus-visible, .ilTableNav > table > tbody > tr > td > .btn-group > .btn-link:focus-visible, @@ -7313,7 +7303,7 @@ input.btn, .c-drilldown input.c-drilldown__menulevel--trigger, input.il-link.lin .ilTableNav > table > tbody > tr > td > .btn-group > .btn-link, .ilTableNav > table > tbody > tr > td > .dropdown > .btn-default, .ilTableNav > table > tbody > tr > td > .navbar-form.dropdown > a { - margin-left: 3px; + margin-left: 9.331px; } .btn-link { @@ -7360,11 +7350,11 @@ input.btn, .c-drilldown input.c-drilldown__menulevel--trigger, input.il-link.lin .btn-bulky, .c-drilldown .c-drilldown__menulevel--trigger, .il-link.link-bulky, .il-drilldown .menulevel { - min-height: 50.4px; + min-height: 57.6px; width: 100%; - font-size: 0.875rem; - padding: 6px 12px; - gap: 6px; + font-size: 1rem; + padding: 16px 21.328px; + gap: 16px; background-color: #f0f0f0; color: #161616; border-width: 1px; @@ -7425,7 +7415,7 @@ input.btn, .c-drilldown input.c-drilldown__menulevel--trigger, input.il-link.lin .il-drilldown .menulevel .button-content_v-align-top { display: flex; text-align: left; - gap: 6px; + gap: 16px; align-items: start; } @@ -7463,19 +7453,19 @@ input.btn, .c-drilldown input.c-drilldown__menulevel--trigger, input.il-link.lin } .btn-lg { - min-height: 50.4px; - min-width: 50.4px; - font-size: 1rem; - padding: 9px 15px; - gap: 6px; + min-height: 57.6px; + min-width: 57.6px; + font-size: 1.241rem; + padding: 20px 26.66px; + gap: 9.331px; } .btn-sm { - min-height: 25px; - min-width: 25px; - font-size: 0.625rem; - padding: 3px 6px; - gap: 6px; + min-height: 32px; + min-width: 32px; + font-size: 0.75rem; + padding: 9px 11.997px; + gap: 9.331px; } button > .glyphicon { @@ -7501,7 +7491,7 @@ button > .glyphicon { } .minimize, .close { - font-size: 1.3125rem; + font-size: 1.5rem; font-weight: 600; line-height: 1; color: #737373; @@ -7536,21 +7526,21 @@ button .minimize, button .close { list-style: none; } .c-drilldown .c-drilldown__menu { - min-height: 302.4px; + min-height: 345.6px; position: relative; } .c-drilldown header { position: relative; display: flex; align-items: center; - min-height: 80px; + min-height: 90px; margin-bottom: 2px; - padding: 9px 15px 9px 38px; + padding: 20px 26.66px 20px 51.992px; box-shadow: none; z-index: initial; } .c-drilldown header h2 { - font-size: 1.115rem; + font-size: 1.333rem; margin: 0; padding: 0; } @@ -7582,7 +7572,7 @@ button .minimize, button .close { box-shadow: inset 0px 0px 0px 2px #FFFFFF, 0px 0px 0px 2px #FFFFFF; } .c-drilldown header.c-drilldown__header--showbacknav { - padding-left: 38px; + padding-left: 51.992px; } .c-drilldown header.c-drilldown__header--showbacknav .c-drilldown__backnav { display: block; @@ -7646,7 +7636,7 @@ button .minimize, button .close { display: block; } .c-drilldown header.c-drilldown__header--showbacknavtwocol { - padding-left: 38px; + padding-left: 51.992px; } .c-drilldown header.c-drilldown__header--showbacknavtwocol .c-drilldown__backnav { display: block; @@ -7702,7 +7692,7 @@ button .minimize, button .close { .c-drilldown:not(.c-drilldown--filtered) .c-drilldown__menulevel--engagedparent > li:not(.c-drilldown__menuitem--filtered) { display: flex; flex-direction: row; - max-height: 50.4px; + max-height: 57.6px; flex: 0 1 50%; margin-bottom: 2px; } @@ -7740,7 +7730,7 @@ button .minimize, button .close { } } .c-drilldown hr { - margin: 6px 0; + margin: 16px 0; } .c-drilldown .btn-bulky, .c-drilldown .link-bulky, @@ -7759,19 +7749,19 @@ button .minimize, button .close { .c-drilldown .c-drilldown__menulevel--trigger { justify-content: space-between; text-align: left; - padding-left: 38px; + padding-left: 51.992px; margin-bottom: 2px; } .c-drilldown .c-drilldown__leaf > .btn-bulky, .c-drilldown .c-drilldown__leaf > .c-drilldown__menulevel--trigger, .c-drilldown .c-drilldown__leaf > .link-bulky { justify-content: left; text-align: left; - padding-left: 38px; + padding-left: 51.992px; margin-bottom: 2px; } .c-drilldown .c-drilldown__menu--no-items { - padding-top: 6px; - padding-bottom: 6px; + padding-top: 16px; + padding-bottom: 16px; } div.alert div { @@ -7780,8 +7770,8 @@ div.alert div { div.alert ul { margin-top: 15px; background-color: #f9f9f9; - padding: 6px 12px; - font-size: 0.75rem; + padding: 16px 21.328px; + font-size: 0.866rem; color: #6f6f6f; list-style-type: none; } @@ -7936,7 +7926,7 @@ div.alert ul > li:before { .il-prompt__contents, .modal-footer, .il-prompt__buttons { - padding: 9px 15px; + padding: 20px 26.66px; } .modal-header::after, .il-prompt__header::after, @@ -7958,9 +7948,9 @@ div.alert ul > li:before { } .modal-title { - font-size: 1rem; + font-size: 1.241rem; margin: 0; - line-height: 1.428571429; + line-height: 1.333; padding: 0px; } @@ -8001,7 +7991,7 @@ div.alert ul > li:before { @media (min-width: 991px) { .modal .modal-dialog { - width: 690px; + width: 713.32px; margin: 30px auto; } .modal .modal-content { @@ -8009,12 +7999,12 @@ div.alert ul > li:before { box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } .modal .modal-sm { - width: 361px; + width: 384.32px; } } @media (min-width: 992px) { .modal .modal-lg { - width: 690px; + width: 713.32px; } } @media screen and (max-width: 768px) { @@ -8066,7 +8056,7 @@ div.alert ul > li:before { } .c-modal--interruptive .c-modal--interruptive__items { - margin-bottom: 15px; + margin-bottom: 21px; } .c-modal--interruptive .c-modal--interruptive__items .c-modal--interruptive__items__key-value .c-modal--interruptive__items__key-value__key { float: left; @@ -8079,18 +8069,18 @@ div.alert ul > li:before { text-overflow: ellipsis; font-style: italic; color: #6f6f6f; - padding-left: 6px; + padding-left: 11.997px; } .panel { - margin-bottom: 20px; + margin-bottom: 21px; border: 1px solid #dddddd; border-radius: 3px; -webkit-box-shadow: none; box-shadow: none; } .panel .panel-heading { - padding: 9px 15px; + padding: 16px 21.328px; border-bottom: 1px solid transparent; border: none; border-top-left-radius: 2px; @@ -8110,16 +8100,12 @@ div.alert ul > li:before { .panel .panel-heading.ilBlockHeader h2.ilHeader { margin: 0; color: #161616; - font-size: 1.115rem; - line-height: 1.33; - font-weight: 600; } .panel .panel-heading.ilHeader h4, .panel .panel-heading.ilHeader h4.ilBlockHeader, .panel .panel-heading.ilBlockHeader h4, .panel .panel-heading.ilBlockHeader h4.ilBlockHeader { margin: 0; color: #161616; - font-size: 0.875rem; } @media screen and (max-width: 768px) { .panel .panel-viewcontrols { @@ -8144,7 +8130,7 @@ div.alert ul > li:before { } } .panel .panel-body { - padding: 15px 15px; + padding: 16px 21.328px; background-color: white; } .panel .panel-body::after { @@ -8154,7 +8140,7 @@ div.alert ul > li:before { } .panel-footer { - padding: 9px 15px; + padding: 16px 21.328px; background-color: #f9f9f9; border-top: 1px solid #dddddd; border-bottom-right-radius: 2px; @@ -8165,14 +8151,14 @@ div.alert ul > li:before { display: flex; align-items: center; flex-wrap: wrap; - gap: 9px; + gap: 11.997px; } .panel-flex .panel-title { order: 1; } .panel-flex .panel-controls { display: flex; - gap: 9px; + gap: 11.997px; justify-content: flex-end; margin-left: auto; } @@ -8194,7 +8180,6 @@ div.alert ul > li:before { .panel-flex h2.ilHeader { flex-grow: 99; flex-shrink: 1; - line-height: 2rem; order: 1; } .panel-flex .ilBlockHeader h4, .panel-flex .ilHeader h4 { @@ -8211,37 +8196,30 @@ div.alert ul > li:before { -webkit-box-shadow: none; box-shadow: none; } -.panel-secondary .panel-heading.ilHeader h2.ilHeader { - font-size: 1rem; -} -.panel-secondary .panel-heading.ilHeader h2.ilHeader { - font-size: 1rem; -} .panel-secondary .panel-body .il-item-group { - margin: 0 -15px; + margin: 0 -21.328px; } .panel-secondary .panel-body .il-item-group h2 { - padding: 6px 15px; + padding: 16px 26.66px; } .panel-secondary .panel-body .il-item-group h3 { - padding: 6px 15px; + padding: 16px 26.66px; } .panel-secondary .panel-body .il-item-group:first-child { - margin-top: -15px; + margin-top: -16px; } .panel-secondary .panel-body .il-item-group:last-child { - margin-bottom: -15px; + margin-bottom: -16px; } .panel-secondary .panel-body .il-item-group .il-item { - padding-left: 15px; + padding-left: 26.66px; } .panel-secondary .panel-body .il-item-group .il-item .media-right { vertical-align: middle; } .panel-secondary .il-panel-listing-std-container > h2, .panel-secondary .panel-body h4 { display: inline-block; - padding: 3px 0; - font-size: 0.875rem; + padding: 9px 0; color: #161616; margin: 0; } @@ -8253,20 +8231,20 @@ div.alert ul > li:before { border: none; -webkit-box-shadow: none; box-shadow: none; - margin: -15px -15px; + margin: -16px -21.328px; } .panel-sub .panel-body { margin: 0; } .panel-sub:first-child .panel-heading { - padding: 9px 15px; + padding: 16px 21.328px; } .il-panel-report .thumbnail { margin-bottom: 0; } .il-panel-report > .panel-body > .panel { - margin-bottom: 6px; + margin-bottom: 16px; } .il-panel-report .panel-heading { min-height: 34px; @@ -8278,10 +8256,9 @@ div.alert ul > li:before { } .il-panel-listing-std-container > h2 { color: #161616; - font-size: 1.115rem; font-weight: 600; float: left; - padding: 9px 15px; + padding: 16px 21.328px; margin: 0; line-height: 1.33; } @@ -8289,10 +8266,10 @@ div.alert ul > li:before { float: right; } .il-panel-listing-std-container > .dropdown { - padding: 9px 15px; + padding: 16px 21.328px; } .il-panel-listing-std-container > .dropdown:not(:last-child) { - padding-bottom: 3px; + padding-bottom: 9px; } .il-audio-container > audio, @@ -8637,7 +8614,7 @@ div.alert ul > li:before { background-color: #f0f0f0; } .il-popover .il-popover-title-container h4.il-popover-title { - font-size: 1rem; + font-size: 1.241rem; font-weight: 400; padding: 8px 14px; background-color: transparent; @@ -8653,7 +8630,7 @@ div.alert ul > li:before { height: auto; } .c-progress-bar__label { - font-size: 1rem; + font-size: 1.241rem; width: 100%; } .c-progress-bar__label .glyph { @@ -8663,7 +8640,7 @@ div.alert ul > li:before { -webkit-appearance: none; -moz-appearance: none; appearance: none; - padding: 9px 0; + padding: 21.328px 0; background: none; border: none; width: 100%; @@ -8713,8 +8690,8 @@ div.alert ul > li:before { background: #d00; } .c-progress-bar__message { - font-size: 0.75rem; - padding: 0 0 9px 0; + font-size: 0.866rem; + padding: 0 0 21.328px 0; width: 100%; } .c-progress-bar__message::before { @@ -10239,7 +10216,7 @@ div.alert ul > li:before { } } .il-table-presentation-viewcontrols { - margin-bottom: 6px; + margin-bottom: 16px; } @media print { .il-table-presentation-viewcontrols { @@ -10250,8 +10227,8 @@ div.alert ul > li:before { .il-table-presentation-row { background-color: white; border-top: 1px solid #dddddd; - padding-top: 12px; - padding-bottom: 12px; + padding-top: 21px; + padding-bottom: 21px; position: relative; white-space: nowrap; } @@ -10282,10 +10259,10 @@ div.alert ul > li:before { width: auto; } .il-table-presentation-row .il-table-presentation-row-header { - min-height: 2rem; + min-height: 2.482rem; } .il-table-presentation-row .il-table-presentation-row-header h4 { - font-size: 1rem; + font-size: 1.241rem; font-weight: 400; padding: 0; margin: 0; @@ -10299,7 +10276,7 @@ div.alert ul > li:before { @media screen and (max-width: 768px) { .il-table-presentation-row .il-table-presentation-actions { order: 3; - margin-top: 12px; + margin-top: 21px; } } .il-table-presentation-row .il-table-presentation-row-header-fields-label::after, @@ -10307,7 +10284,7 @@ div.alert ul > li:before { content: ":"; } .il-table-presentation-row .il-table-presentation-row-expanded { - margin-top: 6px; + margin-top: 16px; } @media screen and (max-width: 768px) { .il-table-presentation-row .il-table-presentation-row-expanded { @@ -10315,11 +10292,11 @@ div.alert ul > li:before { } } .il-table-presentation-row .il-table-presentation-row-expanded .il-table-presentation-details .il-table-presentation-actions { - margin-bottom: 6px; + margin-bottom: 16px; } .il-table-presentation-row .il-table-presentation-row-expanded .il-table-presentation-details .il-table-presentation-fields { min-height: auto; - padding: 18px; + padding: 27.993px; background-color: #f0f0f0; border: 1px solid #dddddd; border-radius: 0px; @@ -10327,7 +10304,7 @@ div.alert ul > li:before { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); min-height: 20px; - font-size: 0.75rem; + font-size: 0.866rem; } .il-table-presentation-row .il-table-presentation-row-expanded .il-table-presentation-details .il-table-presentation-fields blockquote { border-color: #dddddd; @@ -10338,7 +10315,7 @@ div.alert ul > li:before { .c-table-data .viewcontrols, .c-table-ordering .viewcontrols { - margin-bottom: 6px; + margin-bottom: 16px; } .c-table-data__table { @@ -10350,11 +10327,11 @@ div.alert ul > li:before { .c-table-data__cell { background-color: white; - padding: 6px 12px; + padding: 16px 21.328px; border: 1px solid #dddddd; } .c-table-data__cell--multiaction { - padding-bottom: 6px; + padding-bottom: 16px; } @media screen and (min-width: 769px) { @@ -10379,7 +10356,7 @@ th.c-table-data__cell { z-index: 3; } th.c-table-data__cell.c-table-data__header__rowselection { - padding: 12px 12px; + padding: 21px 21.328px; text-align: center; position: sticky; left: -2px; @@ -10388,13 +10365,13 @@ th.c-table-data__cell { background: linear-gradient(90deg, rgb(255, 255, 255) 85%, rgba(255, 255, 255, 0) 100%); } th.c-table-data__cell.c-table-data__header__rowaction { - padding: 12px 12px; + padding: 21px 21.328px; } } @media screen and (min-width: 993px) { .breadcrumbs + #mainspacekeeper th.c-table-data__cell { - top: 32px; + top: 45px; } } @@ -10412,7 +10389,7 @@ th.c-table-data__cell { } .c-table-data__header__resize-wrapper { - padding: 12px 12px; + padding: 21px 21.328px; height: 100%; margin: 0px; display: block; @@ -10426,7 +10403,7 @@ th.c-table-data__cell { left: 0; display: block; position: absolute; - height: 18px; + height: 31.5px; width: calc(100% - 10px); background: linear-gradient(360deg, white, transparent); pointer-events: none; @@ -10546,7 +10523,7 @@ td.c-table-data__cell--highlighted { .c-table-data tr.c-table-data__row, .c-table-ordering tr.c-table-data__row { border-top: 1px solid #dddddd; - padding: 15px 0 15px; + padding: 21px 0 21px; } .c-table-data .c-table-data__table, .c-table-ordering .c-table-data__table { @@ -10569,7 +10546,7 @@ td.c-table-data__cell--highlighted { } .c-table-data td.c-table-data__cell--highlighted, .c-table-ordering td.c-table-data__cell--highlighted { - font-size: 1.5rem; + font-size: 1.777rem; background-color: inherit; } .c-table-data .c-table-data__positioninput .c-input[data-il-ui-component], @@ -10637,7 +10614,7 @@ tr.c-table-data__row.c-table-data__row--drag-settle { .il-toast-container { position: fixed; z-index: 19999; - top: 60px; + top: 90px; right: 0; width: 300px; } @@ -10651,16 +10628,16 @@ tr.c-table-data__row.c-table-data__row--drag-settle { } .il-toast { - margin-left: 6px; - margin-top: 3px; - margin-bottom: 20px; - margin-right: 15px; - padding: 9px; + margin-left: 11.997px; + margin-top: 9px; + margin-bottom: 21px; + margin-right: 26.66px; + padding: 21.328px; background-color: white; display: grid; grid-template-areas: "icon title close" "none description description" "none actions actions"; grid-template-columns: 20px 1fr 20px; - grid-gap: 9px; + grid-gap: 21.328px; box-shadow: 3px 9px 9px 0 rgba(0, 0, 0, 0.3); transform: translateX(150%); transition: all 0.25s ease-in-out; @@ -10679,7 +10656,7 @@ tr.c-table-data__row.c-table-data__row--drag-settle { } .il-toast .description { grid-area: description; - font-size: 0.75rem; + font-size: 0.866rem; } .il-toast .actions { grid-area: actions; @@ -10689,18 +10666,18 @@ tr.c-table-data__row.c-table-data__row--drag-settle { .c-tree { list-style-type: none; - padding: 0 3px 0 7px; + padding: 0 9px 0 13px; margin-left: 0; } .c-tree ul { - padding-left: 0.875rem; + padding-left: 1rem; list-style-type: none; } .c-tree li.c-tree__node { padding: 0; } .c-tree li.c-tree__node .c-tree__node__line { - padding: 3px 0 3px 0.875rem; + padding: 3px 0 3px 1rem; cursor: pointer; display: flex; flex-wrap: wrap; @@ -10719,7 +10696,7 @@ tr.c-table-data__row.c-table-data__row--drag-settle { overflow: hidden; text-overflow: ellipsis; font-style: italic; - font-size: 0.75rem; + font-size: 0.866rem; color: #6f6f6f; } .c-tree li.c-tree__node .c-tree__node__line > .c-tree__node__byline { @@ -10734,7 +10711,7 @@ tr.c-table-data__row.c-table-data__row--drag-settle { font-family: il-icons; content: "\e606"; position: absolute; - margin-left: -0.875rem; + margin-left: -1rem; } .c-tree li.c-tree__node.expandable[aria-expanded=true] > .c-tree__node__line:before { font-family: il-icons; @@ -10751,7 +10728,7 @@ tr.c-table-data__row.c-table-data__row--drag-settle { .il-viewcontrol-pagination__sectioncontrol { display: flex; align-items: center; - gap: 3px; + gap: 7px; } .il-viewcontrol-sortation, @@ -10759,10 +10736,10 @@ tr.c-table-data__row.c-table-data__row--drag-settle { .il-viewcontrol-pagination, .il-viewcontrol-mode { width: fit-content; - min-height: 2.2rem; - min-width: 2.2rem; + min-height: 46px; + min-width: 46px; + padding: 7px 9.331px; border: 1px solid #e2e8ef; - padding: 3px; background-color: #e2e8ef; border-radius: 10px; } @@ -10814,8 +10791,8 @@ tr.c-table-data__row.c-table-data__row--drag-settle { .il-viewcontrol-mode > .btn-ctrl, .il-viewcontrol-sortation .dropdown.il-viewcontrol-mode > .btn-default.btn, .il-table-presentation-viewcontrols .l-bar__space-keeper .l-bar__group .l-bar__element.il-viewcontrol-mode > .btn-default.btn { - min-height: 1.7rem; - min-width: 1.7rem; + min-height: 32px; + min-width: 32px; border-radius: 10px; } .il-viewcontrol-sortation > .btn-ctrl:has(> .glyph.disabled), .il-viewcontrol-sortation > .btn-default.btn:has(> .glyph.disabled), @@ -11041,20 +11018,20 @@ tr.c-table-data__row.c-table-data__row--drag-settle { .il-viewcontrol-sortation li .btn.btn-link, .il-viewcontrol-sortation .dropdown li .btn.btn-link, .il-table-presentation-viewcontrols .l-bar__space-keeper .l-bar__group .l-bar__element li .btn.btn-link { - padding-left: 36px; + padding-left: 63.984px; } .il-viewcontrol-sortation li.selected .btn::before, .il-viewcontrol-sortation .dropdown li.selected .btn::before, .il-table-presentation-viewcontrols .l-bar__space-keeper .l-bar__group .l-bar__element li.selected .btn::before { position: absolute; - left: 12px; + left: 21.328px; font-family: "Glyphicons Halflings"; color: #4c6586; content: "\e013"; } .il-viewcontrol-fieldselection .dropdown-menu { - padding: 15px 9px; + padding: 26.66px 20px; } .il-viewcontrol-sortation .dropdown-toggle .caret, @@ -11112,8 +11089,8 @@ div#agreement { } .alert { - padding: 9px 15px; - margin-bottom: 20px; + padding: 20px 26.66px; + margin-bottom: 21px; border: 1px solid transparent; border-radius: 0px; } @@ -11134,7 +11111,7 @@ div#agreement { .alert-dismissable, .alert-dismissible { - padding-right: 9px 15px20; + padding-right: 20px 26.66px20; } .alert-dismissable .close, .alert-dismissible .close { @@ -11201,7 +11178,7 @@ span.il_ItemAlertProperty { } div.ilHeaderAlert { - font-size: 0.75rem; + font-size: 0.866rem; padding: 0; color: #B54F00; } @@ -11259,12 +11236,12 @@ div#bot_center_area_drag:hover { h1.il-page-content-header { color: #2c2c2c; vertical-align: middle; - font-size: 1.75rem; + font-size: 2.369rem; font-weight: 600; } @media only screen and (max-width: 991px) { h1.il-page-content-header { - font-size: 1.5rem; + font-size: 1.777rem; } } @@ -11287,16 +11264,16 @@ h2.ilHeader { padding: 0; margin: 0; display: inline; - font-size: 1.115rem; + font-size: 1.333rem; color: #2c2c2c; } #headerimage { width: 45px; height: 45px; - margin-top: 6px; - margin-right: 6px; - margin-bottom: 6px; + margin-top: 16px; + margin-right: 11.997px; + margin-bottom: 16px; float: left; } @media only screen and (max-width: 991px) { @@ -11322,13 +11299,13 @@ div.ilHeadAction a:hover { } div.ilHeaderDesc { - font-size: 0.875rem; + font-size: 1rem; padding: 0; color: #161616; } div.il_HeaderInner { - padding: 12px 0; + padding: 21px 0; margin-bottom: 5px; overflow: visible; } @@ -11404,7 +11381,7 @@ div.ilSideBarHead { } div.ilSideBarHead h3, div.ilSideBarHead h1 { - font-size: 1rem; + font-size: 1.241rem; color: #161616; display: inline; padding: 0; @@ -11416,7 +11393,7 @@ div.ilSideBarContent { /* ------- Helptext --------- */ span.il_Helptext { - font-size: 0.75rem; + font-size: 0.866rem; font-weight: 400; } @@ -11465,7 +11442,7 @@ a.light:hover { } .media { - margin-top: 6px; + margin-top: 16px; } .media:first-child { margin-top: 0; @@ -11487,12 +11464,12 @@ a.light:hover { .media-right, .media > .pull-right { - padding-left: 12px; + padding-left: 21.328px; } .media-left, .media > .pull-left { - padding-right: 12px; + padding-right: 21.328px; } .media-left, @@ -11512,7 +11489,7 @@ a.light:hover { .media-heading { margin-top: 0; - margin-bottom: 6px; + margin-bottom: 11.997px; } /* Overlays, Blocks */ @@ -11682,7 +11659,7 @@ td.boxed { /*Link, Visited, Hover, Focus, Activ*/ a.il_ContainerItemCommand2:link, a.il_ContainerItemCommand2:visited, a.il_ContainerItemCommand:link, a.il_ContainerItemCommand:visited { - font-size: 0.75rem; + font-size: 0.866rem; text-decoration: none; margin: 0 3px 0 0; white-space: nowrap; @@ -11707,7 +11684,7 @@ h3.il_ContainerItemTitle { padding: 0; margin: 0; font-weight: 400; - font-size: 0.875rem; + font-size: 1.241rem; display: inline; } @@ -11721,14 +11698,14 @@ div.il_ItemProperties { margin: 2px 0 5px; text-align: left; font-weight: 400; - font-size: 0.75rem; + font-size: 0.866rem; } div.il_ItemNotice { margin: 2px 0 5px; text-align: left; font-weight: 400; - font-size: 0.75rem; + font-size: 0.866rem; color: green; } @@ -11746,25 +11723,25 @@ a.il_ItemProperty:hover { /* --- description text ---*/ div.il_Description, td.il_Description { margin: 2px 0 5px; - font-size: 0.75rem; + font-size: 0.866rem; font-weight: 400; text-align: left; } div.il_Description_no_margin, td.il_Description_no_margin { - font-size: 0.75rem; + font-size: 0.866rem; font-style: italic; text-align: left; } div.il_info { - font-size: 0.75rem; + font-size: 0.866rem; text-align: left; } .well { min-height: auto; - padding: 18px; + padding: 27.993px; background-color: #f0f0f0; border: 1px solid #dddddd; border-radius: 0px; @@ -11778,7 +11755,7 @@ div.il_info { .php { min-height: auto; - padding: 18px; + padding: 27.993px; background-color: #f9f9f9; border: 1px solid #dddddd; border-radius: 0px; @@ -12330,8 +12307,8 @@ tbody.collapse.in { } .input-group-addon { - padding: 3px 9px; - font-size: 0.875rem; + padding: 9px 11.997px; + font-size: 1rem; font-weight: 400; line-height: 1; color: #161616; @@ -12341,13 +12318,13 @@ tbody.collapse.in { border-radius: 0px; } .input-group-addon.input-sm { - padding: 3px 6px; - font-size: 0.75rem; + padding: 9px 11.997px; + font-size: 0.866rem; border-radius: 0px; } .input-group-addon.input-lg { - padding: 6px 12px; - font-size: 1rem; + padding: 16px 21.328px; + font-size: 1.241rem; border-radius: 0px; } .input-group-addon input[type=radio], @@ -12461,7 +12438,7 @@ div.ilBlogListItemTitle h3 { div.ilBlogListItemSubTitle { margin-top: 5px; color: #6f6f6f; - font-size: 0.75rem; + font-size: 0.866rem; text-align: right; } @@ -12482,7 +12459,7 @@ div.ilBlogListItemMore { div.ilBlogListItemCommtensPerma { text-align: right; - font-size: 0.75rem; + font-size: 0.866rem; margin-top: 15px; min-height: 15px; } @@ -12492,7 +12469,7 @@ td.ilBlogSideBlockContent { } td.ilBlogSideBlockCommand { - font-size: 0.75rem; + font-size: 0.866rem; color: #6f6f6f; border-bottom: 1px solid #dddddd; padding: 1px 3px; @@ -12520,7 +12497,7 @@ div.ilBlogSideBlockNavigationSelection { .ilBlogDraftText { color: #B54F00; position: absolute; - font-size: 0.75rem; + font-size: 0.866rem; margin-top: -19px; padding: 2px 5px; background-color: white; @@ -12560,10 +12537,10 @@ div.ilBlogSideBlockNavigationSelection { ul.il-book-obj-selection { list-style: none; padding: 0; - margin: 9px 0; + margin: 20px 0; } ul.il-book-obj-selection li { - padding-left: 9px; + padding-left: 11.997px; } .il-book-border-mark-1 { @@ -12813,7 +12790,7 @@ td.chatroom { } .ilChatroomUser .media-body h4, .ilChatroomUser .media-body p { color: #6f6f6f; - font-size: 0.75rem; + font-size: 0.866rem; padding: 5px 3px 0 3px; line-height: 1em; margin: 0; @@ -13024,11 +13001,11 @@ li.smallPad { } .ilCourseObjectiveAccResult { - font-size: 0.75rem; + font-size: 0.866rem; } .ilCourseObjectiveAccSummary { - font-size: 1rem; + font-size: 1.241rem; padding-top: 15px; } @@ -13090,12 +13067,12 @@ td.dcl_actions { .dcl_record_list td, .dcl_field_list td { padding: 10px 7px; - font-size: 0.75rem; + font-size: 0.866rem; } .ilDclTableDescription { - padding: 15px 15px; - font-size: 0.875rem; + padding: 21px 27.993px; + font-size: 1rem; } .ilDclRecordViewNavWrapper { @@ -13105,7 +13082,7 @@ td.dcl_actions { .ilDclRecordViewNav { font-weight: 400; padding: 3px; - font-size: 0.75rem; + font-size: 0.866rem; width: 80%; float: left; } @@ -13135,20 +13112,20 @@ tr.dcl_comments_active > td { } /* Modules/Excercise */ -.ilExcAssignmentBody { - padding-left: 15px; - padding-right: 15px; +.ilExcAssignmentBody { + padding-left: 27.993px; + padding-right: 27.993px; } .ilExcAssignmentHead img { display: block; float: left; - margin: 0 9px 0 3px; + margin: 0 11.997px 0 9.331px; } .ilExcAssignmentHead .ilAssignmentHeader { padding: 0; - font-size: 1rem; + font-size: 1.241rem; } .ilExcAssignmentHead, .ilAssignmentHeader { @@ -13157,7 +13134,7 @@ tr.dcl_comments_active > td { .ilExAssignmentHeadProperty { margin: 4px 0 0 25px; - font-size: 0.75rem; + font-size: 0.866rem; } .ilExcOverview .ilExcAssImageContainer { @@ -13240,13 +13217,13 @@ blockquote.ilForumQuote { margin: 0 20px 10px; padding: 5px; border: 1px solid #dddddd; - font-size: 0.75rem; + font-size: 0.866rem; } div.ilForumQuoteHead { font-weight: 600; - font-size: 0.75rem; - margin: 0 0 12px; + font-size: 0.866rem; + margin: 0 0 21px; } /* Modules/Forum */ @@ -13264,14 +13241,14 @@ div.ilForumQuoteHead { } .ilFrmPostImage img { vertical-align: top; - margin: 9px 18px 9px 6px; + margin: 20px 27.993px 20px 11.997px; border: none; max-width: 100%; } @media only screen and (min-width: 768px) { .ilFrmPostImage img { margin: 0 !important; - padding: 6px 9px 9px 6px; + padding: 16px 11.997px 20px 11.997px; } } @@ -13283,13 +13260,13 @@ div.ilForumQuoteHead { } .ilFrmPostTitle { - margin-top: 15px; - font-size: 1rem; + margin-top: 21px; + font-size: 1.241rem; } @media only screen and (max-width: 991px) { .ilFrmPostTitle { - margin-top: 6px; - font-size: 0.875rem; + margin-top: 16px; + font-size: 1rem; } } @@ -13298,13 +13275,13 @@ div.ilFrmPostHeader span.small { } .ilFrmPostContentContainer { - margin: 0 0 3px; + margin: 0 0 9px; width: 80%; float: left; } @media only screen and (max-width: 991px) { .ilFrmPostContentContainer { - padding-left: 6px; + padding-left: 11.997px; width: 100%; } } @@ -13316,7 +13293,7 @@ div.ilFrmPostHeader span.small { } .ilFrmTargetImage { - margin: 0 0 15px; + margin: 0 0 21px; height: auto !important; } .ilFrmTargetImage img { @@ -13334,17 +13311,17 @@ div.ilFrmPostHeader span.small { } .ilFrmPostContent { - margin-top: 15px; + margin-top: 21px; } li.ilFrmPostRow { - padding: 3px 0 3px 3px; - margin-bottom: 15px; - border-left: 6px solid #dddddd; + padding: 9px 0 9px 9.331px; + margin-bottom: 21px; + border-left: 11.997px solid #dddddd; } li.ilFrmPostRow.tblrowmarked { background-color: white; - border-left: 6px solid #B54F00; + border-left: 11.997px solid #B54F00; } li.ilFrmPostRow div.ilForm { width: 100%; @@ -13405,7 +13382,7 @@ li.ilFrmPostRow div.ilForm div.ilFormOption { } .ilFrmPostAttachmentsContainer { - margin: 15px 0 0; + margin: 21px 0 0; font-weight: 600; } .ilFrmPostAttachmentsContainer a { @@ -13417,19 +13394,19 @@ li.ilFrmPostRow div.ilForm div.ilFormOption { .ilFrmPostCommands { float: right; - margin: 0 0 3px; + margin: 0 0 9px; } li.ilModeratorPosting { - border-left: 6px solid #f3de2c; + border-left: 11.997px solid #f3de2c; } li.ilPostingNeedsActivation { - border-left: 6px solid #B54F00; + border-left: 11.997px solid #B54F00; } .ilFrmBottomToolbar { - margin-top: 15px; + margin-top: 21px; } .ilForumTreeTitle { @@ -13629,7 +13606,7 @@ div#right_bottom_area iframe { /* intro page */ .il-lso-startbutton-container { - margin: 9px 0; + margin: 20px 0; } /* BEGIN LTIConsumer */ @@ -13775,13 +13752,13 @@ div#right_bottom_area iframe { /* Modules/Poll */ .ilPollAlert { margin: 5px; - font-size: 0.75rem; + font-size: 0.866rem; color: #B54F00; } .ilPollDescription { margin: 5px; - font-size: 0.75rem; + font-size: 0.866rem; color: #6f6f6f; } @@ -13789,7 +13766,7 @@ div#right_bottom_area iframe { display: inline-block; width: 97%; margin: 1.5%; - font-size: 0.75rem; + font-size: 0.866rem; font-style: italic; } @@ -13797,7 +13774,7 @@ div#right_bottom_area iframe { display: inline-block; width: 97%; margin: 1.5%; - font-size: 0.75rem; + font-size: 0.866rem; color: #6f6f6f; } @@ -13808,7 +13785,7 @@ img.ilPollQuestionImage { .ilPollQuestionAnswers { margin: 5px; - font-size: 0.75rem; + font-size: 0.866rem; } .ilPollQuestionAnswer { @@ -13839,7 +13816,7 @@ a.ilPCMyCoursesToggle { div.ilPCMyCoursesPath { margin-bottom: 10px; - font-size: 0.75rem; + font-size: 0.866rem; /* font-style: italic; */ } @@ -13947,7 +13924,7 @@ td.il_ScormTableValue { } td#matrixrowtext { width: 40em; - padding-right: 12px; + padding-right: 21.328px; } td.center { text-align: center; @@ -14089,12 +14066,12 @@ div.ilSurveyPageEditActionMenu { } .il-pagetitle .l-bar__space-keeper { - --l-bar__element__margin-bottom: 1px; - font-size: 0.875rem; + --l-bar__element__margin-bottom: 7px; + font-size: 1rem; font-weight: 400; } .il-pagetitle .il-test-kiosk-head__participant-name { - font-size: 1.115rem; + font-size: 1.333rem; font-weight: 600; } @@ -14183,16 +14160,16 @@ div.ilc_Question { border: 1px solid #C0C0C0; padding: 0.25em; margin-top: 1em; - padding: 15px; + padding: 27.993px; } .questionPrintview .row.ilc_qanswer_Answer { - padding-left: 15px; - padding-right: 15px; + padding-left: 27.993px; + padding-right: 27.993px; } img.ilc_solution_image { - min-width: 0.875rem; - min-height: 0.875rem; + min-width: 1rem; + min-height: 1rem; } .solutionbox { @@ -14602,8 +14579,8 @@ div.ilc_Page.readonly textarea[disabled] { .tstAutosaveMsg { position: fixed; z-index: 99999999999; - top: 9px; - right: 15px; + top: 20px; + right: 26.66px; box-shadow: 20px 10px 30px rgba(0, 0, 0, 0.15); } .tstAutosaveMsg:empty { @@ -14663,14 +14640,14 @@ div.ilc_Page.readonly textarea[disabled] { border: 1px solid #dddddd; background-color: #f0f0f0; margin: 5px 10px 5px 0; - padding: 3px; + padding: 9.331px; } .c-test__term { border: 1px solid #dddddd; background-color: #e2e8ef; margin: 5px 10px 5px 0; - padding: 3px; + padding: 9.331px; cursor: move; } @@ -14694,7 +14671,7 @@ div.ilc_Page.readonly textarea[disabled] { border-bottom: 1px solid #dddddd; margin: 0; min-width: 100%; - padding: 3px; + padding: 9.331px; list-style: none; z-index: 1; cursor: default; @@ -14712,7 +14689,7 @@ div.ilc_Page.readonly textarea[disabled] { #tst_output #tst_left { width: 20%; min-width: 200px; - margin-right: 12px; + margin-right: 21.328px; } #tst_output #tst_left:empty { display: none; @@ -14729,7 +14706,7 @@ div.ilc_Page.readonly textarea[disabled] { } #tst_output #tst_right .ilc_Page { background-color: white; - padding: 6px 12px; + padding: 16px 21.328px; } @media screen and (max-width: 991px) { #tst_output { @@ -14748,7 +14725,7 @@ div.ilc_Page.readonly textarea[disabled] { } #tst_output .ilTstNavigation { display: flex; - padding: 6px 12px; + padding: 16px 21.328px; justify-content: space-between; background-color: #f9f9f9; } @@ -14758,7 +14735,7 @@ div.ilc_Page.readonly textarea[disabled] { padding: 0; } #tst_output #tst_left ul.shortlist li { - padding: 0 0 6px 18px; + padding: 0 0 16px 31.992px; background-repeat: no-repeat; background-size: 10px; background-position: 0px 5px; @@ -14782,19 +14759,19 @@ div.ilc_Page.readonly textarea[disabled] { display: none; } #tst_output #tst_right .ilTstWorkingFormBlock_WorkingTime .ilTstWorkingFormInfo_ProcessTimeLeft { - font-size: 1rem; + font-size: 1.241rem; font-weight: 600; } #tst_output #tst_right h1.ilc_page_title_PageTitle { - margin-bottom: 6px; + margin-bottom: 16px; } #tst_output #tst_right .dd-item, #ilAssQuestionPreview .dd-item, #il_prop_cont_order_elems .dd-item { - font-size: 0.875rem; + font-size: 1rem; } #tst_output #tst_right li.dd-item.ilc_qordli_OrderListItem > ul li.dd-item.ilc_qordli_OrderListItem, #ilAssQuestionPreview li.dd-item.ilc_qordli_OrderListItem > ul li.dd-item.ilc_qordli_OrderListItem, #il_prop_cont_order_elems li.dd-item.ilc_qordli_OrderListItem > ul li.dd-item.ilc_qordli_OrderListItem { border: 1px #4c6586 solid; - border-left: 9px #4c6586 solid; + border-left: 21.328px #4c6586 solid; } #tst_pass_details_overview tr { @@ -14824,9 +14801,9 @@ ul.ilWikiBlockListNoIndent { li.ilWikiBlockItem { margin: 0; - padding-top: 6px; - padding-bottom: 6px; - font-size: 0.75rem; + padding-top: 16px; + padding-bottom: 16px; + font-size: 0.866rem; } /* see mantis #0027530 */ @@ -14859,7 +14836,7 @@ li.ilWikiBlockItem { .c-prg-statusinfo__headline, .c-prg-actionnote__headline { background-color: #f9f9f9; - padding: 9px 15px; + padding: 16px 21.328px; font-weight: 400; text-align: left; vertical-align: middle; @@ -14876,7 +14853,7 @@ li.ilWikiBlockItem { } .c-prg-statusinfo__icon, .c-prg-actionnote__icon { - padding: 9px 15px; + padding: 16px 21.328px; display: table-cell; vertical-align: top; max-width: none; @@ -14886,27 +14863,27 @@ li.ilWikiBlockItem { display: table-cell; vertical-align: top; width: 100%; - padding-left: 9px; + padding-left: 21.328px; } .il-table-access-control-permissions { - font-size: 0.75rem; + font-size: 0.866rem; } .il-table-access-control-permissions label { vertical-align: middle; - padding-left: 6px; + padding-left: 11.997px; } /* Services/Accordion */ .il_VAccordionHead, .il_HAccordionHead { - padding: 9px 9px 9px 39px; + padding: 11.997px 11.997px 11.997px 41.997px; text-align: left; cursor: pointer; color: #4c6586; - font-size: 1rem; + font-size: 1.241rem; background-image: url("../images/nav/tree_col.svg"); background-repeat: no-repeat; background-color: #f9f9f9; - background-position: 15px 9px; + background-position: 26.66px 20px; background-size: 20px 20px; border: 0; } @@ -14921,15 +14898,15 @@ li.ilWikiBlockItem { .il_VAccordionInnerContainer { border: 1px solid #dddddd; - margin-bottom: 12px; + margin-bottom: 21px; border-radius: 3px; } .il_VAccordionContent, .il_HAccordionContent { - padding-top: 9px; + padding-top: 20px; } .il_VAccordionContent > .c-form.c-form--horizontal, .il_HAccordionContent > .c-form.c-form--horizontal { - padding: 0px 15px; + padding: 0px 26.66px; } .il_HAccordionHeadActive, .il_VAccordionHeadActive { @@ -15048,7 +15025,7 @@ div.ilc_va_icont_VAccordICont { #awareness-content .media-body h4, #awareness-content .media-body p { color: #6f6f6f; - font-size: 0.75rem; + font-size: 0.866rem; padding: 5px 3px 0 3px; line-height: 1em; margin: 0; @@ -15065,7 +15042,7 @@ div.ilc_va_icont_VAccordICont { #awareness-content .dropdown-menu { background-color: #f9f9f9; padding: 10px 0; - font-size: 0.75rem; + font-size: 0.866rem; } #awareness-content .dropdown-menu a { @@ -15172,8 +15149,9 @@ img.ilBadgeImage { } .badge_table-wrapper button > img.img-responsive, .badge_table-wrapper a > img.img-responsive { - max-width: 150px; - max-height: 150px; + max-width: 150px; + max-height: 150px; + display: inline-block; } div.ilBadgeBackpackPanelContent { @@ -15215,14 +15193,14 @@ div.il_Block, table.il_Block { width: 100%; border-spacing: 0px; border-collapse: collapse; - margin-bottom: 20px; + margin-bottom: 21px; clear: both; table-layout: fixed; word-wrap: break-word; background-color: #f9f9f9; border: none; text-align: left; - padding: 9px; + padding: 21.328px; } #il_center_col div.il_Block { @@ -15233,8 +15211,8 @@ div.ilBlockHeader, div.ilBlockHeaderBig, td.ilBlockHeader, td.ilBlockHeaderBig { /* font-family: 'Open Sans Semibold'; deactivated, since it affects drop downs in the header */ font-weight: 600; - padding: 3px 0; - margin: 0 9px; + padding: 9px 0; + margin: 0 21.328px; text-align: left; color: #2c2c2c; border-bottom: 1px solid #dddddd; @@ -15242,14 +15220,14 @@ td.ilBlockHeader, td.ilBlockHeaderBig { } div.ilBlockHeaderBig, td.ilBlockHeaderBig { - font-size: 0.875rem; + font-size: 1rem; } h2.ilBlockHeader { font-weight: 600; margin: 0; padding: 0; - font-size: 1rem; + font-size: 1.241rem; display: inline; } @@ -15257,31 +15235,31 @@ h3.ilBlockHeader { font-weight: 600; margin: 0; padding: 0; - font-size: 0.875rem; + font-size: 1rem; display: inline; } /* possibly deprecated */ .il_BlockInfo { - font-size: 0.75rem; + font-size: 0.866rem; color: #6f6f6f; } /* new class */ div.ilBlockInfo { - font-size: 0.75rem; + font-size: 0.866rem; color: #6f6f6f; - padding: 1px 3px; + padding: 7px 9.331px; background-color: #f9f9f9; text-align: right; } div.ilBlockContent { - padding: 0.875rem; + padding: 1rem; } .ilBlockRow1, .ilBlockRow2 { - padding: 3px; + padding: 9.331px; border-bottom: 1px solid #f0f0f0; } @@ -15330,12 +15308,12 @@ div#block_cal_sel_0 div.ilBlockContent { } div.ilCalSelAct { - font-size: 0.75rem; + font-size: 0.866rem; padding: 2px 2px 3px 0; } div.ilCalSelSelAll { - font-size: 0.625rem; + font-size: 0.75rem; padding: 3px 2px 2px 0; } @@ -15379,23 +15357,23 @@ ul.ilCalSel li > div > div.ilCalColSpan { div.ilCalSelList h6 { padding-left: 5px; - font-size: 0.75rem; + font-size: 0.866rem; margin-top: 16px; margin-bottom: 8px; } div.ilCalSelTitle { padding: 5px 3px 3px; - font-size: 0.75rem; + font-size: 0.866rem; } table.calmini { width: 100%; - font-size: 0.75rem; + font-size: 0.866rem; border-collapse: collapse; background-color: #f9f9f9; border: none; - margin-bottom: 12px; + margin-bottom: 21px; } table.calmini tr, table.calmini td, table.calmini th { border: none; @@ -15415,7 +15393,7 @@ table.calmini tr { } table.calmini th.calmini, table.calmini th.calminiweek { font-weight: 600; - font-size: 0.75rem; + font-size: 0.866rem; } table.calmini td.calminitoday { background-color: #B54F00; @@ -15441,21 +15419,21 @@ a.callink:link, a.callink:visited { .il_calevent > .btn.btn-link { color: inherit; vertical-align: inherit; - font-size: 0.875rem; + font-size: 1rem; } .cal_modal_infoscreen .il_InfoScreenPropertyValue .btn-link { text-align: left; vertical-align: top; - font-size: 0.875rem; + font-size: 1rem; } table.calstd { - margin-top: 6px; + margin-top: 16px; color: #161616; width: 100%; border: none; - font-size: 0.875rem; + font-size: 1rem; } .calheader { @@ -15490,7 +15468,7 @@ td.calheadertime { width: 6em; text-align: center; background-color: #f0f0f0; - font-size: 0.875rem; + font-size: 1rem; padding: 3px; } @@ -15611,7 +15589,7 @@ p.il_calevent { margin: 2px 0 0 0; padding: 2px; border-spacing: 0px; - font-size: 0.875rem; + font-size: 1rem; } p.il_calevent .btn-link { margin: 0 auto; @@ -15620,7 +15598,7 @@ p.il_calevent .btn-link { } div.il_calevent { - font-size: 0.875rem; + font-size: 1rem; } td.calevent { @@ -15631,12 +15609,12 @@ td.calevent { border-width: 1px; border-style: solid; border-color: #dddddd; - font-size: 0.875rem; + font-size: 1rem; /*background-color:white;*/ } div.calevent { - font-size: 0.875rem; + font-size: 1rem; padding: 3px; margin: 3px; } @@ -15668,7 +15646,7 @@ table.calmini { th.calmini { text-align: center; - font-size: 0.75rem; + font-size: 0.866rem; font-weight: 400; background-color: white; } @@ -15690,7 +15668,7 @@ td.calministd { border-width: 1px; border-style: solid; border-color: #dddddd; - font-size: 0.75rem; + font-size: 0.866rem; text-align: center; vertical-align: middle; } @@ -15701,7 +15679,7 @@ td.calminitoday { border-width: 1px; border-style: solid; border-color: #dddddd; - font-size: 0.75rem; + font-size: 0.866rem; text-align: center; vertical-align: middle; } @@ -15712,7 +15690,7 @@ td.calmininow { border-width: 1px; border-style: solid; border-color: #dddddd; - font-size: 0.75rem; + font-size: 0.866rem; text-align: center; vertical-align: middle; } @@ -15723,7 +15701,7 @@ td.calmininext { border-width: 1px; border-style: solid; border-color: #dddddd; - font-size: 0.75rem; + font-size: 0.866rem; text-align: center; vertical-align: middle; } @@ -15734,7 +15712,7 @@ td.calminiprev { border-width: 1px; border-style: solid; border-color: #dddddd; - font-size: 0.75rem; + font-size: 0.866rem; text-align: center; vertical-align: middle; } @@ -15742,7 +15720,7 @@ td.calminiprev { td.calminiweek, th.calminiweek { vertical-align: top; background-color: white; - font-size: 0.625rem; + font-size: 0.75rem; text-align: center; vertical-align: middle; } @@ -15758,7 +15736,7 @@ span.calminiinactive { span.ilIcalIcon .btn { text-align: initial; - margin-top: 6px; + margin-top: 16px; } .il_InfoScreenSection { @@ -15795,7 +15773,7 @@ div.il_Preconditions { div.il_PreconditionsTitel { margin-top: 3px; text-align: left; - font-size: 0.75rem; + font-size: 0.866rem; } div.ilPreconditionItem { @@ -15804,16 +15782,16 @@ div.ilPreconditionItem { /* Repository */ div.ilContainerListItemOuter { - padding: 9px 15px; + padding: 16px 21.328px; zoom: 1; } div.ilContainerListItemOuter .subitem { - margin-right: -15px; + margin-right: -26.66px; } div.tblfooter.ilContainerListFooter { - font-size: 0.875rem; - padding: 9px 15px; + font-size: 1rem; + padding: 20px 26.66px; text-align: left; margin: 0; } @@ -15852,7 +15830,7 @@ div.ilContainerListItemCB { width: 25px;*/ display: table-cell; vertical-align: top; - padding-right: 15px; + padding-right: 26.66px; } div.ilContainerListItemCB img { width: 20px; @@ -15868,11 +15846,11 @@ div.ilContainerListItemIcon { div.ilContainerListItemIcon a { display: block; - margin-top: -3px; + margin-top: -9px; } div.ilContainerListItemIconCB { - margin-left: 15px; + margin-left: 26.66px; } div[class^=il_editarea] .ilContainerListItemOuter img, @@ -15895,14 +15873,14 @@ div.ilContainerListItemContentCB { } div.il_ContainerListItem { - margin: 3px 0; - padding-left: 9px; + margin: 9px 0; + padding-left: 21.328px; width: 100%; } .ilContainerBlockHeader { background-color: #f9f9f9; - padding: 9px 15px; + padding: 16px 21.328px; font-weight: 400; text-align: left; vertical-align: middle; @@ -15969,7 +15947,7 @@ div#ilContRepIntro img { } .ilContainerTileRows { - padding: 6px 15px; + padding: 16px 26.66px; background-color: white; } @@ -15989,7 +15967,7 @@ div#ilContRepIntro img { padding: 15px 10px; background-color: #f9f9f9; text-align: center; - margin: 0 -15px; + margin: 0 -26.66px; } .il_ContainerListItem .navbar-form .modal .radio { @@ -16009,7 +15987,7 @@ div#ilContRepIntro img { } .il_ContainerItemTitle .btn { - font-size: 1rem; + font-size: 1.241rem; } /* --- Services/COPage ---*/ @@ -16021,7 +15999,7 @@ a.ilEditSubmit { border-bottom-color: #737373; border-right-color: #737373; text-decoration: none; - font-size: 0.625rem; + font-size: 0.75rem; line-height: 14px; cursor: pointer; } @@ -16030,7 +16008,7 @@ input.ilEditSubmit { color: #2255a0; padding: 1px; margin: 0; - font-size: 0.75rem; + font-size: 0.866rem; line-height: 14px; cursor: pointer; background: url("../images/ButtonsBack.png") repeat-x bottom white; @@ -16045,7 +16023,7 @@ input.ilEditSubmit:hover { div.ilEditHelpline { margin: 3px 0; padding: 0; - font-size: 0.625rem; + font-size: 0.75rem; background-color: white; color: black; } @@ -16055,7 +16033,7 @@ select.ilEditSelect { border: 1px solid #bbb; padding: 1px; text-decoration: none; - font-size: 0.75rem; + font-size: 0.866rem; } [data-copg-ed-type=add-area] { @@ -16071,7 +16049,7 @@ button.copg-add.dropdown-toggle.btn:focus, button.copg-add.dropdown-toggle.btn:hover { padding: 1px 5px; text-align: center; - font-size: 0.75rem; + font-size: 0.866rem; background-color: transparent; cursor: pointer; width: 100%; @@ -16087,7 +16065,7 @@ button.copg-add.dropdown-toggle.btn:hover .il-copg-add-text, #copg-editor-help .glyphicon-plus-sign, #copg-editor-help .il-copg-add-text { color: #4c6586; - font-size: 1rem; + font-size: 1.241rem; } button.copg-add.dropdown-toggle.btn:hover { @@ -16109,7 +16087,7 @@ div.il_droparea { border: 1px dashed #dddddd; color: #6f6f6f; text-align: center; - font-size: 0.75rem; + font-size: 0.866rem; background-color: #fffed1; cursor: pointer; height: 30px; @@ -16147,12 +16125,12 @@ div.ilEditLabel { position: absolute; background-color: #4c6586; color: white; - font-size: 0.75rem; - padding: 3px 3px; - margin-top: -20px; - margin-left: -2px; + font-size: 0.866rem; + padding: 9px 9.331px; + margin-top: -21px; + margin-left: -8.331px; border: 0; - height: 20px; + height: 21px; display: none; z-index: 1; } @@ -16184,7 +16162,7 @@ div.il_editarea_disabled, div.copg-disabled-page { .ilCopgDisabledText { color: #B54F00; position: absolute; - font-size: 0.75rem; + font-size: 0.866rem; margin-top: -13px; padding: 2px 5px; background-color: #f9f9f9; @@ -16217,7 +16195,7 @@ div.il_editarea_active_selected { text-align: left; font-style: normal; text-indent: 0; - font-size: 0.875rem; + font-size: 1rem; z-index: 5000; } @@ -16309,7 +16287,7 @@ div.il-copg-button-group-wide { } #iltinymenu { - padding: 0 15px; + padding: 0 26.66px; } #iltinymenu .bd div.last { float: left; @@ -16362,7 +16340,7 @@ a.ilTinyMenuDropDown { /* Page TOC */ div.ilc_page_toc_PageTOC { - font-size: 0.75rem; + font-size: 0.866rem; padding: 5px 5px 10px; background-color: #f9f9f9; border: 1px solid #f0f0f0; @@ -16371,7 +16349,7 @@ div.ilc_page_toc_PageTOC { h1.ilc_page_toc_PageTOCHead { margin: 0; - font-size: 0.875rem; + font-size: 1rem; padding: 0; font-weight: bold; text-align: center; @@ -16468,7 +16446,7 @@ table.ilc_media { h1.il_LMHead { margin: 12px 15px 6px; - font-size: 1rem; + font-size: 1.241rem; font-weight: normal; } @@ -16529,8 +16507,8 @@ a.nostyle:hover { } #ilPageEditLegend { - padding-left: 15px; - padding-right: 15px; + padding-left: 26.66px; + padding-right: 26.66px; margin: 10px 0; } #ilPageEditLegend > div { @@ -16546,7 +16524,7 @@ a.nostyle:hover { height: 21px; } #ilPageEditLegend tr > td { - padding: 3px 15px; + padding: 9px 26.66px; } #ilPageEditLegend tr > td:first-child { white-space: nowrap; @@ -16562,7 +16540,7 @@ a.nostyle:hover { border: 1px solid #d0d0d0; height: 21px; display: inline-block; - font-size: 0.75rem; + font-size: 0.866rem; padding: 1px 5px; text-align: center; } @@ -16688,7 +16666,7 @@ div.ilCOPGMediaPrint { } #copg-editor-slate-content { - padding: 9px 0px; + padding: 20px 0px; } #copg-editor-slate-content p { padding: 0; @@ -16704,21 +16682,21 @@ div.ilCOPGMediaPrint { } } #copg-editor-slate-content h3.ilTinyInfo { - font-size: 1rem; - margin-top: 15px; - margin-bottom: 6px; + font-size: 1.241rem; + margin-top: 21px; + margin-bottom: 16px; } #copg-editor-slate-content div.alert { margin: 10px 0; } #copg-editor-slate-content form.form-horizontal { - margin-bottom: 9px; + margin-bottom: 20px; } #copg-editor-slate-content form.form-horizontal .ilFormHeader { - padding: 9px 15px; + padding: 20px 26.66px; } #copg-editor-slate-content form.form-horizontal .ilFormHeader h3.ilHeader { - font-size: 0.875rem; + font-size: 1rem; } #copg-editor-slate-content form.form-horizontal .col-sm-4, #copg-editor-slate-content form.form-horizontal .col-sm-3, #copg-editor-slate-content form.form-horizontal .col-sm-8, #copg-editor-slate-content form.form-horizontal .col-sm-9 { width: 100%; @@ -16731,24 +16709,24 @@ div.ilCOPGMediaPrint { margin-bottom: 0; } #copg-editor-slate-content form.form-horizontal .ilFormFooter { - padding: 3px 15px; + padding: 9px 26.66px; background-color: white; } #copg-editor-slate-content > .btn-link { - padding: 0px 15px; + padding: 0px 26.66px; } #copg-table-top-actions, #copg-top-actions { - padding: 0 15px; + padding: 0 26.66px; } #copg-table-top-actions .il-viewcontrol-mode { - margin-top: 12px; + margin-top: 21px; } .copg-edit-button-group { - padding: 3px 15px; + padding: 9px 26.66px; } p#copg-auto-save { @@ -16872,11 +16850,11 @@ p#copg-auto-save { /* Services/FileUpload */ .ilFileUploadEntryProgressPercent { - font-size: 0.625rem; + font-size: 0.75rem; } .ilFileUploadEntryOptions { - font-size: 0.75rem; + font-size: 0.866rem; } .ilFileUploadEntryOptions label.control-label { @@ -16931,10 +16909,10 @@ select[size] { .form-control { display: block; width: 100%; - height: 28px; - padding: 3px 9px; - font-size: 0.75rem; - line-height: 1.428571429; + height: 32px; + padding: 9px 11.997px; + font-size: 0.866rem; + line-height: 1.333; color: #161616; background-color: white; background-image: none; @@ -17006,11 +16984,11 @@ input[type=search] { input[type=time].form-control, input[type=datetime-local].form-control, input[type=month].form-control { - line-height: 28px; + line-height: 41px; } } .form-group { - margin-bottom: 9px; + margin-bottom: 20px; } .radio, @@ -17027,7 +17005,7 @@ fieldset[disabled] .checkbox label { } .radio label, .checkbox label { - min-height: 20px; + min-height: 21px; padding-left: 20px; margin-bottom: 0; font-weight: 400; @@ -17069,13 +17047,13 @@ fieldset[disabled] .checkbox label { padding-left: 20px; margin-bottom: 0; vertical-align: top; - line-height: 28px; + line-height: 41px; font-weight: 400; cursor: pointer; } div.radio label.radio-inline { - line-height: 28px; + line-height: 41px; } .radio-inline + .radio-inline, @@ -17110,15 +17088,15 @@ fieldset[disabled] .checkbox label { .help-block { display: block; color: #161616; - font-size: 0.75rem; - margin: 6px 0 12px; + font-size: 0.866rem; + margin: 16px 0 21.328px; clear: both; } .help-block:last-child { margin: 2px 0 10px; } .help-block.alert-danger { - margin-bottom: 3px; + margin-bottom: 9px; } @media (min-width: 768px) { @@ -17173,7 +17151,7 @@ fieldset[disabled] .checkbox label { } .form-horizontal { - margin-bottom: 15px; + margin-bottom: 21px; background: white; /* // Reset spacing and right align labels, but scope to media queries so that @@ -17182,21 +17160,21 @@ fieldset[disabled] .checkbox label { .control-label { text-align: right; margin-bottom: 0; - padding-top: ($il-padding-base-vertical + 1); // Default padding plus a border + padding-top: ($il-padding-small-vertical + 1); // Default padding plus a border } } */ } .form-horizontal .form-group { margin: 0px; - padding-top: 3px; - bottom: 3px; + padding-top: 9px; + bottom: 9px; background-color: white; } .form-horizontal .row > input.form-control, .form-horizontal .row > textarea.form-control, .form-horizontal .row > select.form-control { - margin-left: 15px; + margin-left: 27.993px; } .form-horizontal .row > .btn, .form-horizontal .row > input.btn, .form-horizontal .row > .tox-tinymce, .form-horizontal .row > div.input { - margin-left: 15px; + margin-left: 27.993px; } .form-horizontal .row > .tox-tinymce { padding-left: 0; @@ -17213,17 +17191,17 @@ fieldset[disabled] .checkbox label { } .form-horizontal .radio, .form-horizontal .checkbox { - min-height: 24px; + min-height: 31px; } .form-horizontal label { color: #161616; font-size: 100%; - padding-right: 30px; + padding-right: 53.32px; } .form-horizontal .control-label { text-align: left; - padding-bottom: 4px; - min-height: 34px; + padding-bottom: 10px; + min-height: 37px; } @media only screen and (max-width: 991px) { .form-horizontal .control-label { @@ -17236,14 +17214,14 @@ fieldset[disabled] .checkbox label { width: 100%; } .form-horizontal .control-label > .asterisk { - padding-left: 3px; + padding-left: 16px; } .ilFormHeader { - padding: 12px 0 12px 15px; + padding: 21px 0 21px 26.66px; } .ilFormHeader:not(:first-child) { - margin: 15px 0 0 0; + margin: 26.66px 0 0 0; border-top: 1px solid #dddddd; } .ilFormHeader .ilHeader { @@ -17265,9 +17243,9 @@ fieldset[disabled] .checkbox label { .ilSubForm { background-color: #f0f0f0; - padding: 3px 0; - margin-bottom: 9px; - margin-left: 15px; + padding: 9px 0; + margin-bottom: 20px; + margin-left: 27.993px; } .ilSubForm .form-group { background-color: #f0f0f0; @@ -17275,7 +17253,7 @@ fieldset[disabled] .checkbox label { } @media (max-width: 991px) { .ilSubForm .form-group { - margin: 6px 0; + margin: 16px 0; } } .ilSubForm .col-sm-9.il_textarea { @@ -17283,12 +17261,12 @@ fieldset[disabled] .checkbox label { } .ilFormRequired--top { - padding-bottom: 3px; + padding-bottom: 9.331px; } .ilFormFooter { margin: 0; - padding: 3px 0 3px 0; + padding: 9px 0 9px 0; } .ilFormFooter .ilFormCmds { @@ -17367,7 +17345,7 @@ div.ilHFormFooter .ilFormCmds { } .wzdrow .form-control { - height: 27.942857148px; + height: 1.333; } .ilHFormDropArea { @@ -17422,7 +17400,7 @@ div[id$=color-picker-menu] { border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; margin: 0; - padding: 3px; + padding: 9.331px; list-style: none; z-index: 1; cursor: default; @@ -17442,7 +17420,7 @@ div[id$=color-picker-menu] { #ilHelpText { clear: both; - font-size: 0.75rem; + font-size: 0.866rem; } #ilHelpText .ilc_list_o_NumberedList, @@ -17467,7 +17445,7 @@ a#ilHelpClose { #ilHelpPanel .il_VAccordionHead { background-position: 3px 3px; padding: 5px 5px 5px 30px; - font-size: 0.75rem; + font-size: 0.866rem; font-weight: 600; border: none; } @@ -17496,7 +17474,7 @@ a#ilHelpClose { } .ilInfoScreenSec:not(:first-child) .ilFormHeader { - margin: 15px 0 0 0; + margin: 26.66px 0 0 0; border-top: 1px solid #dddddd; } @@ -17506,7 +17484,7 @@ a#ilHelpClose { .il_InfoScreenPropertyValue .breadcrumb { padding: 0; margin: 0; - font-size: 0.875rem; + font-size: 1rem; } /* Services/Init */ @@ -17517,7 +17495,7 @@ a#ilHelpClose { } .ilStartupSection { - padding-top: 20px; + padding-top: 21px; width: fit-content; margin-left: auto; margin-right: auto; @@ -17555,11 +17533,11 @@ div.ilStartupSection form.form-horizontal { width: 40em; } div.ilStartupSection form.form-horizontal .ilFormHeader { - padding: 9px 15px; + padding: 20px 26.66px; background-color: #f9f9f9; } div.ilStartupSection form.form-horizontal .form-group { - margin: 9px 0; + margin: 20px 0; } @media only screen and (max-width: 991px) { div.ilStartupSection form.form-horizontal { @@ -17573,7 +17551,7 @@ div.ilStartupSection form.form-horizontal .form-group { .ilPCLearnHist { background-color: white; - padding: 3px 9px; + padding: 9px 11.997px; } .ilLike { @@ -17600,7 +17578,7 @@ div.ilStartupSection form.form-horizontal .form-group { .ilLike .il-counter-spacer { margin-left: 0px; - font-size: 0.625rem; + font-size: 0.75rem; padding: 0; visibility: hidden; } @@ -17879,7 +17857,7 @@ a.mailunread, a.mailunread:visited { .ilPlayerPreviewDescription { padding: 7px; - font-size: 0.75rem; + font-size: 0.866rem; position: absolute; width: 100%; color: #f0f0f0; @@ -18022,7 +18000,7 @@ form.ilNavHistoryForm { padding: 5px 5px 2px; border: 0 none; display: inline; - font-size: 0.625rem; + font-size: 0.75rem; } input.ilNavHistorySubmit { @@ -18071,7 +18049,7 @@ span.ilNewsRssIcon { background-color: #B54F00; color: white; min-width: 36px; - font-size: 0.625rem; + font-size: 0.75rem; text-align: center; display: inline-block; padding: 0 5px; @@ -18173,7 +18151,7 @@ span.ilNewsRssIcon:hover { height: 50px; padding-top: 8px; line-height: 1.2em; - font-size: 0.875rem; + font-size: 1rem; text-align: center; position: absolute; top: 16px; @@ -18191,10 +18169,10 @@ span.ilNewsRssIcon:hover { } } .ilTimeline > li > .ilTimelineBadge > .ilTimelineDay { - font-size: 0.875rem; + font-size: 1rem; } .ilTimeline > li > .ilTimelineBadge > .ilTimelineMonth { - font-size: 0.625rem; + font-size: 0.75rem; } .ilTimeline > li > .ilTimelineBadge > p { padding: 0; @@ -18376,14 +18354,14 @@ div.ilNotesUImage img { } div.ilNoteText { - font-size: 0.75rem; + font-size: 0.866rem; margin-top: 5px; } div.ilNotesHeader { background-color: #f9f9f9; margin-bottom: 5px; - padding: 3px 9px; + padding: 9px 11.997px; } div.ilNotesHeader h3 img { width: 40px; @@ -18399,13 +18377,13 @@ div.ilNotesHeader h3 img { } h3.ilNotesHeader { - font-size: 1rem; + font-size: 1.241rem; color: #161616; display: inline; } h4.ilNoteTitle { - font-size: 0.875rem; + font-size: 1rem; margin: 0; padding: 0; } @@ -18432,7 +18410,7 @@ div.ilNoteInput { } [data-note-el=edit-form-area] > button { - margin-bottom: 9px; + margin-bottom: 20px; } .il-notes-section .panel .dropdown-menu { @@ -18458,7 +18436,7 @@ div.ilNoteInput { } .il_ItemProperty .badge { - font-size: 0.625rem; + font-size: 0.75rem; padding: 2px 4px; margin-top: -1px; margin-left: -5px; @@ -18641,7 +18619,7 @@ div.ilCreationFormSection .form-horizontal { background-color: #f9f9f9; } #onscreenchat-container .chat-window-wrapper .chat li.separator p { - font-size: 0.75rem; + font-size: 0.866rem; margin-top: 8px; margin-bottom: 8px; } @@ -18659,12 +18637,12 @@ div.ilCreationFormSection .form-horizontal { width: 85%; } #onscreenchat-container .chat-window-wrapper .chat li .chat-body .header strong { - font-size: 0.625rem; + font-size: 0.75rem; } #onscreenchat-container .chat-window-wrapper .chat li .chat-body p { margin: 0; color: #6f6f6f; - font-size: 0.75rem; + font-size: 0.866rem; } #onscreenchat-container .chat-window-wrapper .panel { pointer-events: auto; @@ -18672,7 +18650,7 @@ div.ilCreationFormSection .form-horizontal { border: 1px solid #dddddd; } #onscreenchat-container .chat-window-wrapper .panel .panel-heading { - font-size: 0.625rem; + font-size: 0.75rem; display: block; padding: 5px 5px 5px 15px; pointer-events: auto; @@ -18780,7 +18758,7 @@ div.ilRatingOverlay { #ilMMSearchMenu legend { margin-bottom: 0; margin-top: 20px; - font-size: 1rem; + font-size: 1.241rem; border-bottom: 0; } #ilMMSearchMenu p { @@ -18814,7 +18792,7 @@ input.ilMainMenuSearch { #mm_search_menu_head { background-color: #f9f9f9; padding: 5px; - font-size: 0.625rem; + font-size: 0.75rem; } #mm_search_menu_head p { margin: 0; @@ -18825,7 +18803,7 @@ input.ilMainMenuSearch { } #il_search_toolbar > div { - padding-top: 6px; + padding-top: 16px; } #il_search_toolbar div.ilFormOption { width: auto; @@ -18847,7 +18825,7 @@ span.ilSearchHighlight { div.il_SearchFragment { margin: 2px 0 5px; - font-size: 0.625rem; + font-size: 0.75rem; font-weight: 400; text-align: left; } @@ -18874,14 +18852,14 @@ div.ilSkill { div.ilSkill > h3 { margin: 10px 0; padding: 0; - font-size: 1rem; + font-size: 1.241rem; float: left; } div.ilSkill > h4 { margin: 10px 0; padding: 0; - font-size: 0.875rem; + font-size: 1rem; color: #6f6f6f; float: left; clear: left; @@ -18910,7 +18888,7 @@ table.ilSkill { } td.ilSkill, th.ilSkill { - font-size: 0.625rem; + font-size: 0.75rem; padding: 4px; min-width: 50px; } @@ -19027,7 +19005,7 @@ th.ilSkillEntryHead { .il-style-layout-preview-wrapper { width: 160px; height: 120px; - margin: 3px; + margin: 9px; background-color: white; border: 0; box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.3); @@ -19040,7 +19018,7 @@ div.ilc_PredTextPlaceHolderThumb { margin: 1px; padding: 5px 2px 5px 0; border: 1px solid #2c2c2c; - font-size: 0.625rem; + font-size: 0.75rem; background: url("../images/placeholder/question_placeholder_thumb.png") no-repeat center; background-color: white; font-weight: 600; @@ -19059,7 +19037,7 @@ div.ilc_PredTextPlaceHolderThumb { } div.ilc_HeadlineThumb { - font-size: 0.75rem; + font-size: 0.866rem; font-weight: 600; width: 100%; border-bottom: 1px solid #2c2c2c; @@ -19083,8 +19061,8 @@ table th[class*=col-] { } caption { - padding-top: 9px; - padding-bottom: 9px; + padding-top: 11.997px; + padding-bottom: 11.997px; color: #2c2c2c; text-align: left; } @@ -19104,8 +19082,8 @@ th { .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td { - padding: 9px; - line-height: 1.428571429; + padding: 11.997px; + line-height: 1.333; vertical-align: top; border-top: 1px solid #dddddd; } @@ -19134,7 +19112,7 @@ th { .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > tfoot > tr > td { - padding: 6px; + padding: 11.997px; } .table-striped > tbody > tr:nth-of-type(odd) { @@ -19148,7 +19126,7 @@ th { @media screen and (max-width: 767px) { .table-responsive { width: 100%; - margin-bottom: 15px; + margin-bottom: 15.75px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #dddddd; @@ -19171,17 +19149,17 @@ div.tblfooter { font-weight: 400; background-color: #f9f9f9; padding: 3px; - font-size: 0.625rem; + font-size: 0.75rem; text-align: right; } div.ilTableNav { font-weight: 400; - margin-bottom: 6px; - padding: 0 15px; - font-size: 0.625rem; + margin-bottom: 16px; + padding: 0 26.66px; + font-size: 0.75rem; text-align: right; - line-height: 20px; + line-height: 21px; } div.ilTableNav .ilValignMiddle span, div.ilTableNav .ilValignMiddle a, div.ilTableNav .ilValignMiddle label { vertical-align: middle; @@ -19215,22 +19193,22 @@ td.submit { div.ilTableHeaderTitleBlock { font-weight: 600; padding: 3px; - font-size: 0.75rem; + font-size: 0.866rem; color: #161616; border-bottom: 1px solid #dddddd; } div.ilTableHeaderTitle { - margin: 12px 0 0 15px; + margin: 21px 0 0 26.66px; padding: 0; } div.ilTableHeaderTitle + .ilHeaderDesc { - margin: 0 15px 9px; + margin: 0 26.66px 20px; } h3.ilTableHeaderTitleBlock { font-weight: 600; - font-size: 0.875rem; + font-size: 1rem; display: inline; padding: 0; margin: 0; @@ -19247,8 +19225,8 @@ div.ilTableOuter { div.ilTableSelectAll { background-color: white; - padding: 6px 15px; - font-size: 0.75rem; + padding: 16px 26.66px; + font-size: 0.866rem; border-top: 1px solid #dddddd; } @@ -19258,8 +19236,8 @@ div.ilTableSelectAll label { div.ilTableCommandRow, div.ilTableCommandRowTop { background-color: #f9f9f9; - padding: 6px 12px; - font-size: 0.75rem; + padding: 16px 21.328px; + font-size: 0.866rem; } span.ilTableFootLight { @@ -19267,7 +19245,7 @@ span.ilTableFootLight { } div.ilTableFilterActivator { - margin: 0 0 6px 12px; + margin: 0 0 16px 21.328px; } .ilTableMenuItem { @@ -19275,28 +19253,28 @@ div.ilTableFilterActivator { } div.ilTableFilter { - padding: 0 0 6px 0; + padding: 0 0 16px 0; margin: 0; } legend.ilTableFilter { - font-size: 0.625rem; + font-size: 0.75rem; border: none; - padding: 0 15px; + padding: 0 26.66px; margin: 0; font-weight: 400; text-align: right; } legend.ilTableFilter > a.btn { - margin-right: -15px; - margin-top: -12px; + margin-right: -26.66px; + margin-top: -21px; vertical-align: middle; } fieldset.ilTableFilter { background-color: #f9f9f9; - padding: 12px 15px; - margin: 6px 0 15px 0; + padding: 21px 26.66px; + margin: 16px 0 26.66px 0; } div.ilTableFilterLabel { @@ -19326,14 +19304,14 @@ div.ilTableFilterInput .radio, div.ilTableFilterInput .checkbox { td.ilFilterOption { text-align: left; vertical-align: top; - font-size: 0.625rem; + font-size: 0.75rem; white-space: nowrap; padding: 0 10px 10px 0; min-width: 150px; } td.ilFilterType { - font-size: 0.625rem; + font-size: 0.75rem; font-weight: 600; text-align: left; white-space: nowrap; @@ -19351,7 +19329,7 @@ div.ilTableContainer { tr.tblheader { font-weight: 400; background-color: #f9f9f9; - font-size: 0.75rem; + font-size: 0.866rem; border-bottom: 1px solid #dddddd; } @@ -19408,7 +19386,7 @@ tr.tblheader { background-color: white; } .ilTableOuter .table tr td:first-child input[type=checkbox] { - margin-left: 6px; + margin-left: 5.332px; } td > img[src$="icon_custom.svg"] { @@ -19432,12 +19410,12 @@ td > img[src$="icon_custom.svg"] { } /* Services/Tags */ .ilTagCloud { - font-size: 0.75rem; - padding: 6px 0; + font-size: 0.866rem; + padding: 16px 0; } .il-maincontrols-slate .ilTagCloud { - padding: 6px 12px; + padding: 16px 21.328px; } .ilTag { @@ -19447,7 +19425,7 @@ td > img[src$="icon_custom.svg"] { display: inline-block; white-space: nowrap; padding: 1px 5px; - margin: 3px 6px 3px 0; + margin: 9px 11.997px 9px 0; border-radius: 3px; } .ilTag .ilTagRelHigh { @@ -19633,7 +19611,7 @@ div.ilChecklist ul { div.ilChecklist ul li { padding: 0; - font-size: 0.75rem; + font-size: 0.866rem; } div.ilChecklist ul li a, div.ilChecklist ul li span { @@ -19653,7 +19631,7 @@ div.ilChecklist ul li a:hover { div.ilChecklist ul li p, div.ilChecklist ul li p:hover { color: #6f6f6f; - font-size: 0.625rem; + font-size: 0.75rem; text-decoration: none; padding: 0; margin-top: 0; @@ -19702,11 +19680,11 @@ h1.ilExplorerHead { vertical-align: top; text-align: left; font-weight: 600; - font-size: 0.75rem; + font-size: 0.866rem; } div.il_ExplorerTree { - font-size: 0.75rem; + font-size: 0.866rem; } ul.il_Explorer { @@ -19753,7 +19731,7 @@ div.il_ExplorerItemDescription { } .jstree.jstree-default a { - font-size: 0.875rem; + font-size: 1rem; min-height: 22px; } @@ -19839,13 +19817,13 @@ img.il_ExplorerIcon { margin-left: 0; } .il-maincontrols-slate-content .jstree-default li.jstree-node { - margin-left: 0.875rem; + margin-left: 1rem; padding: 0 3px; } /* Services/UIComponent/GroupedLists */ div.ilGroupedListH { - padding: 6px 0 3px 0; + padding: 16px 0 9px 0; color: #161616; } @@ -19858,7 +19836,7 @@ div.ilGroupedListSep { a.ilGroupedListLE { display: block; padding: 5px 10px; - font-size: 0.75rem; + font-size: 0.866rem; } a.ilGroupedListLE:hover { @@ -19888,7 +19866,7 @@ a.ilMediaLightboxClose { margin: 5px 0 10px 10px; cursor: pointer; color: #161616; - font-size: 1.115rem; + font-size: 1.333rem; } a.ilMediaLightboxClose:hover { @@ -19939,7 +19917,7 @@ a.ilMediaLightboxClose:hover { } .progress-bar { - font-size: 0.75rem; + font-size: 0.866rem; line-height: 15px; min-width: 50px; text-align: center; @@ -19954,25 +19932,25 @@ a.ilMediaLightboxClose:hover { /* Services/UIComponent/Tabs */ #ilTab { padding: 0; - margin: 3px 0; + margin: 7px 0; border: 0 none; - border-bottom: 2px solid #161616; + border-bottom: 2px solid #f9f9f9; } #ilTab > li { float: left; - margin: 0 3px 0 0; + margin: 0 0 -2px 0; } #ilTab > li > a { margin: 0; - margin-right: 2px; - font-size: 0.875rem; - line-height: 1.428571429; - padding: 6px 15px 3px; - border: 0 none; + font-size: 1rem; + line-height: 1.333; + padding: 7px 11.997px; + border-bottom: 2px solid transparent; border-radius: 0px 0px 0 0; } #ilTab > li > a:hover { border-color: white white white; + border-bottom: 2px solid #161616; } #ilTab > li > a:focus { border: inherit; @@ -20015,8 +19993,7 @@ a.ilMediaLightboxClose:hover { color: white; cursor: default; background-color: #161616; - border: 0 none; - border-bottom-color: transparent; + border-bottom: 2px solid #161616; } #ilTab a:focus-visible { @@ -20025,19 +20002,19 @@ a.ilMediaLightboxClose:hover { /* Sub Tabs */ #ilSubTab { - padding: 6px 0; + padding: 7px 0; margin: 0; } #ilSubTab > li:first-child > a { - padding-left: 12px; + padding-left: 9.331px; } #ilSubTab > li { float: left; } #ilSubTab > li > a { border-radius: 0; - padding: 3px 9px; - font-size: 0.75rem; + padding: 7px 9.331px; + font-size: 0.866rem; } #ilSubTab > li > a:hover { text-decoration: underline; @@ -20087,7 +20064,7 @@ a.ilMediaLightboxClose:hover { } .il_after_tabs_spacing { - margin-bottom: 12px; + margin-bottom: 21px; } /* Services/UIComponent/Toolbar */ @@ -20108,7 +20085,7 @@ a.ilMediaLightboxClose:hover { .nav > li > a { position: relative; display: block; - padding: 6px 12px; + padding: 16px 21.328px; } .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; @@ -20129,7 +20106,7 @@ a.ilMediaLightboxClose:hover { } .nav .nav-divider { height: 1px; - margin: 9px 0; + margin: 9.5px 0; overflow: hidden; background-color: #e5e5e5; } @@ -20144,14 +20121,14 @@ a.ilMediaLightboxClose:hover { } .c-toolbar { - padding: 9px 15px; + padding: 9px 11.997px; background-color: #f9f9f9; - margin-bottom: 15px; + margin-bottom: 21px; } .c-toolbar .ilToolbarSeparator { border-left: 1px solid #dddddd; align-self: stretch; - margin-bottom: 9px; + margin-bottom: 20px; } .c-toolbar .navbar-form > .form-control { width: auto; @@ -20168,8 +20145,8 @@ a.ilMediaLightboxClose:hover { /* Services/UIComponent/Tooltip */ .qtip-default { - font-size: 0.75rem; - line-height: 1.5; + font-size: 0.866rem; + line-height: 1.333; background-color: #4c6586; border-color: #4c6586; color: white; @@ -20185,13 +20162,13 @@ div.ilProfile { max-width: 450px; margin: 0 auto; background-color: #f9f9f9; - padding: 15px; + padding: 21px; } div.ilProfile + div.ilProfile { - margin-top: 15px; + margin-top: 21px; } div.ilProfile + div.ilPermalinkContainer { - margin-top: 15px; + margin-top: 21px; } div.ilProfile + div.ilPermalinkContainer .input-group-btn { vertical-align: bottom; @@ -20202,23 +20179,23 @@ img.ilProfileImage { } h3.ilProfileName { - margin: 0 0 9px; + margin: 0 0 20px; padding: 0; font-weight: 400; - font-size: 1.115rem; + font-size: 1.333rem; } div.ilProfileSection { - margin-top: 15px; - font-size: 0.75rem; + margin-top: 21px; + font-size: 0.866rem; color: #6f6f6f; } h3.ilProfileSectionHead { - margin: 0 0 3px; + margin: 0 0 9px; padding: 0; font-weight: 400; - font-size: 1rem; + font-size: 1.241rem; color: #161616; } @@ -20369,7 +20346,7 @@ div.input { border: 1px solid #757575; padding: 3px; text-decoration: none; - font-size: 0.75rem; + font-size: 0.866rem; background-color: white; overflow: auto; } @@ -20394,7 +20371,7 @@ div.il_TreeIcons { } .glyphicon-ok { - font-size: 0.75rem; + font-size: 0.866rem; text-align: center; } @@ -20500,9 +20477,9 @@ div.ilFrame { } .il-multi-line-cap-2 { position: relative; - max-height: 3em; + max-height: 2.666em; overflow: hidden; - line-height: 1.5; + line-height: 1.333; } .il-multi-line-cap-2:after { content: ""; @@ -20511,7 +20488,7 @@ div.ilFrame { bottom: 0; right: 0; width: 30%; - height: 1.5em; + height: 1.333em; background: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255, 255, 255) 80%); } @supports (-webkit-line-clamp: 2) { @@ -20545,9 +20522,9 @@ div.ilFrame { } .il-multi-line-cap-3 { position: relative; - max-height: 4.5em; + max-height: 3.999em; overflow: hidden; - line-height: 1.5; + line-height: 1.333; } .il-multi-line-cap-3:after { content: ""; @@ -20556,7 +20533,7 @@ div.ilFrame { bottom: 0; right: 0; width: 30%; - height: 1.5em; + height: 1.333em; background: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255, 255, 255) 80%); } @supports (-webkit-line-clamp: 2) { @@ -20590,9 +20567,9 @@ div.ilFrame { } .il-multi-line-cap-5 { position: relative; - max-height: 7.5em; + max-height: 6.665em; overflow: hidden; - line-height: 1.5; + line-height: 1.333; } .il-multi-line-cap-5:after { content: ""; @@ -20601,7 +20578,7 @@ div.ilFrame { bottom: 0; right: 0; width: 30%; - height: 1.5em; + height: 1.333em; background: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255, 255, 255) 80%); } @supports (-webkit-line-clamp: 2) { @@ -20635,9 +20612,9 @@ div.ilFrame { } .il-multi-line-cap-10 { position: relative; - max-height: 15em; + max-height: 13.33em; overflow: hidden; - line-height: 1.5; + line-height: 1.333; } .il-multi-line-cap-10:after { content: ""; @@ -20646,7 +20623,7 @@ div.ilFrame { bottom: 0; right: 0; width: 30%; - height: 1.5em; + height: 1.333em; background: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255, 255, 255) 80%); } @supports (-webkit-line-clamp: 2) { @@ -20709,28 +20686,28 @@ div.ilFrame { /* ----------------- alternative text styles ------------- */ .base { text-decoration: none; - font-size: 0.875rem; + font-size: 1rem; } .small { text-decoration: none; - font-size: 0.75rem; + font-size: 0.866rem; } .xsmall { text-decoration: none; - font-size: 0.625rem; + font-size: 0.75rem; } .smallgreen { text-decoration: none; - font-size: 0.75rem; + font-size: 0.866rem; color: green; } .smallred { text-decoration: none; - font-size: 0.75rem; + font-size: 0.866rem; color: #d00; } @@ -20755,7 +20732,7 @@ div.Access { .asterisk { color: #d00; - font-size: 0.75rem; + font-size: 0.866rem; } .default { @@ -20771,7 +20748,7 @@ div.Access { .subtitle { font-style: italic; font-weight: 400; - font-size: 0.75rem; + font-size: 0.866rem; } .questiontext { diff --git a/templates/default/tpl.page_content.html b/templates/default/tpl.page_content.html index c1a1b8eee50..f4827f72e06 100755 --- a/templates/default/tpl.page_content.html +++ b/templates/default/tpl.page_content.html @@ -77,7 +77,7 @@ - + From a5b2dfc97708b0505a7f9ba0ca7216c8b9b11190 Mon Sep 17 00:00:00 2001 From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com> Date: Mon, 2 Mar 2026 09:48:19 +0000 Subject: [PATCH 2/2] Bump minimatch from 3.1.2 to 3.1.5 Bumps [minimatch](https://github.com/isaacs/minimatch) from 3.1.2 to 3.1.5. - [Changelog](https://github.com/isaacs/minimatch/blob/main/changelog.md) - [Commits](https://github.com/isaacs/minimatch/compare/v3.1.2...v3.1.5) --- updated-dependencies: - dependency-name: minimatch dependency-version: 3.1.5 dependency-type: indirect ... Signed-off-by: dependabot[bot] --- package-lock.json | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/package-lock.json b/package-lock.json index 906a2f32838..195ced353c6 100644 --- a/package-lock.json +++ b/package-lock.json @@ -5109,9 +5109,9 @@ } }, "node_modules/minimatch": { - "version": "3.1.2", - "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz", - "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==", + "version": "3.1.5", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.5.tgz", + "integrity": "sha512-VgjWUsnnT6n+NUk6eZq77zeFdpW2LWDzP6zFGrCbHXiYNul5Dzqk2HHQ5uFH2DNW5Xbp8+jVzaeNt94ssEEl4w==", "dev": true, "dependencies": { "brace-expansion": "^1.1.7" @@ -10461,9 +10461,9 @@ "dev": true }, "minimatch": { - "version": "3.1.2", - "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz", - "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==", + "version": "3.1.5", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.5.tgz", + "integrity": "sha512-VgjWUsnnT6n+NUk6eZq77zeFdpW2LWDzP6zFGrCbHXiYNul5Dzqk2HHQ5uFH2DNW5Xbp8+jVzaeNt94ssEEl4w==", "dev": true, "requires": { "brace-expansion": "^1.1.7"