diff --git a/core/modules/overlay/overlay-parent.js b/core/modules/overlay/overlay-parent.js index 1f38f2f..caf9336 100644 --- a/core/modules/overlay/overlay-parent.js +++ b/core/modules/overlay/overlay-parent.js @@ -881,9 +881,9 @@ Drupal.overlay.getPath = function (link) { */ Drupal.overlay.getDisplacement = function (region) { var displacement = 0; - var lastDisplaced = $('.overlay-displace-' + region + ':last'); + var lastDisplaced = $('[data-offset-' + region + ']'); if (lastDisplaced.length) { - displacement = lastDisplaced.offset().top + lastDisplaced.outerHeight(); + displacement = parseInt(lastDisplaced.attr('data-offset-' + region)); } return displacement; }; diff --git a/core/modules/shortcut/shortcut.base-rtl.css b/core/modules/shortcut/shortcut.base-rtl.css index c236f47..ed903a7 100644 --- a/core/modules/shortcut/shortcut.base-rtl.css +++ b/core/modules/shortcut/shortcut.base-rtl.css @@ -5,21 +5,6 @@ */ /** - * Toolbar. - */ -#edit-shortcuts { - left: 0; - position: absolute; - top: 0; -} -#shortcut-toolbar ul { - float: none; -} -#shortcut-toolbar .icon { - float: right; -} - -/** * Add/remove links. */ .add-or-remove-shortcuts .icon, diff --git a/core/modules/shortcut/shortcut.theme-rtl.css b/core/modules/shortcut/shortcut.theme-rtl.css index 424f38f..8a687d9 100644 --- a/core/modules/shortcut/shortcut.theme-rtl.css +++ b/core/modules/shortcut/shortcut.theme-rtl.css @@ -5,22 +5,6 @@ */ /** - * Toolbar. - */ -#shortcut-toolbar ul { - margin-left: 0; - margin-right: 5px; -} -#shortcut-toolbar a { - margin-left: 5px; - margin-right: 0; -} -#shortcut-toolbar .icon { - margin-left: 5px; - margin-right: 0; -} - -/** * Add/remove links. */ .add-or-remove-shortcuts .icon { @@ -42,3 +26,16 @@ .add-or-remove-shortcuts a:hover .text { border-radius: 5px 0 0 5px; } + +/** + * Toolbar. + */ +.toolbar-js .horizontal #edit-shortcuts { + border-left: 0 none; + border-right: 1px solid #d9d9d9; + float: right; + margin-left: 0; + margin-right: 0.3333em; + padding-left: 0.3333em; + padding-right: 0.6667em; +} diff --git a/core/modules/shortcut/shortcut.theme.css b/core/modules/shortcut/shortcut.theme.css index 71d02a3..d48f432 100644 --- a/core/modules/shortcut/shortcut.theme.css +++ b/core/modules/shortcut/shortcut.theme.css @@ -27,25 +27,25 @@ } /** - * Toolbar icon. + * Toolbar. */ -.toolbar-main .shortcuts .tab { +.toolbar-js .shortcuts .tab { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTAwcHgiIGhlaWdodD0iMTAwcHgiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMDAgMTAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iNDkuOTk5NSIgeTE9IjQuNTQ1NCIgeDI9IjQ5Ljk5OTUiIHkyPSIxMDQuNTQ1OSI+DQoJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0NDQ0NDQyIvPg0KCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiM5OTk5OTkiLz4NCjwvbGluZWFyR3JhZGllbnQ+DQo8cG9seWdvbiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0idXJsKCNTVkdJRF8xXykiIHBvaW50cz0iMTMuNjM2LDAgMTMuNjM2LDEwMCA0OS42MzYsNzYuNzI3IDg2LjM2MywxMDAgDQoJODYuMzYzLDAgIi8+DQo8L3N2Zz4NCg==); } -.toolbar-main .shortcuts .tab:active, -.toolbar-main .shortcuts.active .tab { +.toolbar-js .shortcuts .tab:active, +.toolbar-js .shortcuts.active .tab { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTAwcHgiIGhlaWdodD0iMTAwcHgiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMDAgMTAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iNDkuOTk5NSIgeTE9Ijk2LjQ1NTEiIHgyPSI0OS45OTk1IiB5Mj0iLTMuNTQ0OSIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAwIDEwMSkiPg0KCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNGRkZGRkYiLz4NCgk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRTVFNUU1Ii8+DQo8L2xpbmVhckdyYWRpZW50Pg0KPHBvbHlnb24gZmlsbD0idXJsKCNTVkdJRF8xXykiIHBvaW50cz0iMTMuNjM2LDAgMTMuNjM2LDEwMCA0OS42MzYsNzYuNzI3IDg2LjM2MywxMDAgODYuMzYzLDAgIi8+DQo8L3N2Zz4NCg==); } -.toolbar-main #edit-shortcuts { +.toolbar-js #edit-shortcuts { display: block; } -.toolbar-main .vertical #edit-shortcuts { +.toolbar-js .vertical #edit-shortcuts { text-align: right; padding: 1em; } -.toolbar-main .horizontal #edit-shortcuts { - border-left: 1px solid #d9d9d9; - float: left; - margin-left: 0.3333em; - padding: 1em 0.3333em 1em 0.6667em; +.toolbar-js .horizontal #edit-shortcuts { + border-left: 1px solid #d9d9d9; /* LTR */ + float: left; /* LTR */ + margin-left: 0.3333em; /* LTR */ + padding: 1em 0.3333em 1em 0.6667em; /* LTR */ } diff --git a/core/modules/toolbar/css/interactivemenu-rtl.css b/core/modules/toolbar/css/interactivemenu-rtl.css new file mode 100644 index 0000000..60f2c3a --- /dev/null +++ b/core/modules/toolbar/css/interactivemenu-rtl.css @@ -0,0 +1,12 @@ +/** + * @file interactivemenu-rtl.css + */ + +.toolbar-js .vertical .interactive-menu a { + margin-left: 20%; + margin-right: 0; +} +.toolbar-js .handle { + left: 0; + right: auto; +} diff --git a/core/modules/toolbar/css/interactivemenu.css b/core/modules/toolbar/css/interactivemenu.css index 118aae5..8d0bea9 100644 --- a/core/modules/toolbar/css/interactivemenu.css +++ b/core/modules/toolbar/css/interactivemenu.css @@ -1,46 +1,69 @@ /** - * Toolbar menus. + * @file interactivemenu.css */ -.toolbar-main .menu { +.toolbar-js .menu { list-style: none; margin: 0; padding: 0; } -.toolbar-main .box { +.toolbar-js .box { display: block; line-height: 1em; /* this prevents the value "normal" from being returned as the line-height */ position: relative; width: auto; } -.toolbar-main .tray .interactive-menu li { +.toolbar-js .tray .interactive-menu li { display: block; } -.toolbar-main .horizontal .interactive-menu .handle, -.toolbar-main .horizontal .level-1 ul, -.toolbar-main .vertical .level-1 ul { +.toolbar-js .horizontal .interactive-menu .handle, +.toolbar-js .horizontal .level-1 ul, +.toolbar-js .vertical .level-1 ul { display: none; } -.toolbar-main .vertical .open > ul { /* Show the sub-menus */ +.toolbar-js .vertical .open > ul { /* Show the sub-menus */ display: block; } -.toolbar-main .interactive-menu a { +.toolbar-js .interactive-menu a { display: block; line-height: 1; overflow: hidden; } -.toolbar-main .tray .interactive-menu li a, -.toolbar-main .toolbar-list a { +.toolbar-js .tray .interactive-menu li a, +.toolbar-js .toolbar-list a { display: block; } -.toolbar-main .handle { - float: right; +.toolbar-js .vertical .interactive-menu a { + margin-right: 20%; /* LTR */ } -.toolbar-main .handle:hover { +/** + * Handle. + */ +.toolbar-js .handle { + background-attachment: scroll; + background-color: transparent; + background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTAwcHgiIGhlaWdodD0iMTAwcHgiIHZpZXdCb3g9IjI1NiAzNDYgMTAwIDEwMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAyNTYgMzQ2IDEwMCAxMDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBhdGggZmlsbD0iIzk5OTk5OSIgZD0iTTI1NiwzOTZjMCwyNy41OTgsMjIuNCw1MCw1MCw1MGMyNy41OTgsMCw1MC0yMi40MDIsNTAtNTBjMC0yNy42LTIyLjQwMi01MC01MC01MA0KCQlDMjc4LjQsMzQ2LDI1NiwzNjguNCwyNTYsMzk2eiBNMjYxLDM5NmMwLTI0Ljg1MiwyMC4xNDktNDUsNDUtNDVjMjQuODU0LDAsNDUsMjAuMTQ4LDQ1LDQ1YzAsMjQuODU0LTIwLjE0Niw0NS00NSw0NQ0KCQlDMjgxLjE0OSw0NDEsMjYxLDQyMC44NTQsMjYxLDM5NnoiLz4NCgk8cG9seWdvbiBmaWxsPSIjNTE4MUMyIiBwb2ludHM9IjMwNiw0MTEgMjgxLDM4NiAzMzEsMzg2IAkiLz4NCjwvZz4NCjwvc3ZnPg0K); + background-position: center center; + background-repeat: no-repeat; + background-size: auto 70%; + border: 0; + bottom: 0; + display: block; + font-size: 1em; + height: 100%; + position: absolute; + right: 0; /* LTR */ + text-indent: -999em; + top: 0; + width: 20%; + z-index: 1; +} +.toolbar-js .handle:hover { cursor: pointer; } -.toolbar-main .horizontal .toolbar-list li { - float: left; +.toolbar-js .level-2 .handle { + padding-bottom: 0.4545em; + padding-top: 0.4545em; } -.toolbar-main .horizontal .toolbar-list li + li { - margin-left: 0.5em; /* LTR */ +.toolbar-js .handle.open { + background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTAwcHgiIGhlaWdodD0iMTAwcHgiIHZpZXdCb3g9IjI1NiAzNDYgMTAwIDEwMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAyNTYgMzQ2IDEwMCAxMDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iIzk5OTk5OSIgZD0iTTM1NiwzOTZjMC0yNy42LTIyLjQwMi01MC01MC01MGMtMjcuNiwwLTUwLDIyLjQtNTAsNTBjMCwyNy41OTgsMjIuNCw1MCw1MCw1MA0KCUMzMzMuNTk4LDQ0NiwzNTYsNDIzLjU5OCwzNTYsMzk2eiBNMzUxLDM5NmMwLDI0Ljg0OS0yMC4xNTEsNDUtNDUsNDVjLTI0Ljg1NiwwLTQ1LTIwLjE1MS00NS00NWMwLTI0Ljg1NSwyMC4xNDQtNDUsNDUtNDUNCglDMzMwLjg0OSwzNTEsMzUxLDM3MS4xNDUsMzUxLDM5NnoiLz4NCjxwb2x5Z29uIGZpbGw9IiM3Nzc3NzciIHBvaW50cz0iMzA2LDM4MSAzMzEsNDA2IDI4MSw0MDYgIi8+DQo8L3N2Zz4NCg==); } diff --git a/core/modules/toolbar/css/toolbar.base-rtl.css b/core/modules/toolbar/css/toolbar.base-rtl.css index 00e0669..7f63dc0 100644 --- a/core/modules/toolbar/css/toolbar.base-rtl.css +++ b/core/modules/toolbar/css/toolbar.base-rtl.css @@ -1,25 +1,61 @@ -.toolbar-main, -.toolbar-main * { - text-align: right; +/** + * @file toolbar.base-rtl.css + */ +.toolbar-js { + left: auto; + right: 0; } -.toolbar-main ul li { - float: right; +/** + * Administration menu. + */ +.toolbar-js .bar { + left: auto; + right: 0; } -.toolbar-main ul li a { - display: inline-block; - float: none; - zoom: 1; +@media screen and (min-width: 16.5em) { + .toolbar-js .bar li { + float: right; + } } -.toolbar-main-user { - float: left; +/** + * Toolbar tray. + */ +.toolbar-js .vertical { + left: auto; + right: -100%; +} +.toolbar-js .horizontal { + left: auto; + right: 0; +} +.toolbar-js .vertical > .lining { + left: auto; + right: -100%; } -.toolbar-main .toolbar-main-user li { - float: none; - display: inline; +.toolbar-js .tray.vertical.active, +.toolbar-js .tray.vertical.active > .lining { + left: auto; + right: 0; } -.toolbar-main-menu { - float: none; +/** + * At larger screen sizes, the tray pushes the page content + * using padding instead of left. + */ +@media screen and (min-width: 38.125em) { + body.toolbar-tray-open.toolbar-vertical { + margin-left: 0; + margin-right: 240px; + margin-left: 0; + margin-right: 15rem; + } } -.toolbar-main-home { - float: right; +/** + * ToolBar tray orientation toggle. + */ +.toolbar-js .horizontal .toggle-orientation { + left: 0; + right: auto; +} +.toolbar-js .vertical .toggle-orientation { + float: left; } diff --git a/core/modules/toolbar/css/toolbar.base.css b/core/modules/toolbar/css/toolbar.base.css index ba9624a..8de0f8d 100644 --- a/core/modules/toolbar/css/toolbar.base.css +++ b/core/modules/toolbar/css/toolbar.base.css @@ -1,18 +1,12 @@ /** - * @file toolbar.admin.css + * @file toolbar.base.css * * * Aggressive resets so we can achieve a consistent look in hostile CSS * environments. */ -body.toolbar-tray-open { - -moz-box-sizing: border-box; - -o-box-sizing: border-box; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.toolbar-main, -.toolbar-main * { +.toolbar-js, +.toolbar-js * { -moz-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; @@ -22,13 +16,17 @@ body.toolbar-tray-open { padding: 0; vertical-align: baseline; } -.toolbar-main { +.toolbar-js { font-size: 100%; + left: 0; /* LTR */ line-height: 1; + position: absolute; + top: 0; + width: 100%; } -/* These are scoped to .toolbar and not .toolbar-main because Internet Explorer +/* These are scoped to .toolbar and not .toolbar-js because Internet Explorer doesn't paint the list items correctly on load when scoped to the dynamic -class .toolbar-main */ +class .toolbar-js */ .toolbar li, .toolbar .menu li, .toolbar .item-list, @@ -37,49 +35,49 @@ class .toolbar-main */ list-style-type: none; list-style-image: none; } -.toolbar-main .menu li { +.toolbar-js .menu li { padding-top: 0; } /** * Administration menu. */ -.toolbar-main .bar { - left: 0; +.toolbar-js .bar { + left: 0; /* LTR */ position: absolute; - right: 0; top: 0; z-index: 750; + width: 100%; } -.toolbar-main .bar li { +.toolbar-js .bar li { display: block; } -.toolbar-main .bar a { +.toolbar-js .bar a { display: block; } @media screen and (min-width: 16.5em) { - .toolbar-main .bar li { + .toolbar-js .bar li { float: left; /* LTR */ } } @media screen and (min-width: 28.125em) { - .toolbar-main .bar { + .toolbar-js .bar { position: fixed; } } /** * Toolbar tray. */ -.toolbar-main .tray { +.toolbar-js .tray { display: none; position: absolute; width: 100%; z-index: 250; } -.toolbar-main .vertical { - left: -100%; +.toolbar-js .vertical { + left: -100%; /* LTR */ position: absolute; } -.toolbar-main .horizontal { +.toolbar-js .horizontal { left: 0; /* LTR */ height: 0; z-index: 750; @@ -87,38 +85,41 @@ class .toolbar-main */ .toolar-main .tray .lining { position: relative; } -.toolbar-main .vertical > .lining { +.toolbar-js .vertical > .lining { left: -100%; /* LTR */ min-height: 100%; position: absolute; width: 100%; } -.toolbar-main .vertical > .lining > .edge { +.toolbar-js .vertical > .lining > .edge { display: none; } -.toolbar-main .tray.active { +.toolbar-js .tray.active { display: block; } -.toolbar-main .horizontal.active { +.toolbar-js .horizontal.active { height: auto; } -.toolbar-main .tray.vertical.active, -.toolbar-main .tray.vertical.active > .lining { +.toolbar-js .tray.vertical.active, +.toolbar-js .tray.vertical.active > .lining { left: 0; /* LTR */ } @media screen and (min-width: 16.5em) { - .toolbar-main .vertical { + .toolbar-js .vertical { bottom: 0; } - .toolbar-main .vertical, - .toolbar-main .vertical > .lining > .edge { + .toolbar-js .vertical, + .toolbar-js .vertical > .lining > .edge { width: 240px; width: 15rem; } - .toolbar-main .vertical.active > .lining > .edge { + .toolbar-js .vertical.active > .lining > .edge { + -moz-box-sizing: content-box; + -o-box-sizing: content-box; + -webkit-box-sizing: content-box; + box-sizing: content-box; display: block; height: 100%; - left: 1px; /* Support for devices that do not support position fixed. */ position: absolute; position: fixed; @@ -127,7 +128,7 @@ class .toolbar-main */ } } @media screen and (min-width: 28.125em) { - .toolbar-main .horizontal { + .toolbar-js .horizontal { position: fixed; } } @@ -137,17 +138,17 @@ class .toolbar-main */ */ @media screen and (min-width: 38.125em) { body.toolbar-tray-open.toolbar-vertical { - margin-left: 240px; - margin-left: 15rem; + margin-left: 240px; /* LTR */ + margin-left: 15rem; /* LTR */ } } /** * ToolBar icons. */ -.toolbar-main .bar .tab, -.toolbar-main .bar .active .tab, -.toolbar-main .bar .tab:active, -.toolbar-main .level-1 > .box > a { +.toolbar-js .bar .tab, +.toolbar-js .bar .active .tab, +.toolbar-js .bar .tab:active, +.toolbar-js .level-1 > .box > a { background-attachment: scroll; background-color: transparent; background-image: none; @@ -157,29 +158,29 @@ class .toolbar-main */ /** * ToolBar tray orientation toggle. */ -.toolbar-main .toggle-orientation { +.toolbar-js .toggle-orientation { display: none; } -.toolbar-main .horizontal .toggle-orientation { +.toolbar-js .horizontal .toggle-orientation { bottom: 0; position: absolute; - right: 0; + right: 0; /* LTR */ top: 0; } -.toolbar-main .vertical .toggle-orientation { - float: right; +.toolbar-js .vertical .toggle-orientation { + float: right; /* LTR */ width: 100%; } @media screen and (min-width: 16.5em) { - .toolbar-main .toggle-orientation { + .toolbar-js .toggle-orientation { display: block; } - .toolbar-main .administration .toggle-orientation { + .toolbar-js .administration .toggle-orientation { display: none; } } @media screen and (min-width: 28.125em) { - .toolbar-main .administration .toggle-orientation { + .toolbar-js .administration .toggle-orientation { display: block; } } diff --git a/core/modules/toolbar/css/toolbar.icons-rtl.css b/core/modules/toolbar/css/toolbar.icons-rtl.css new file mode 100644 index 0000000..0cc819f --- /dev/null +++ b/core/modules/toolbar/css/toolbar.icons-rtl.css @@ -0,0 +1,32 @@ +/** + * @file toolbar.icons-rtl.css + */ + +@media screen and (min-width: 16.5em) { + .toolbar-js .level-1 > .box > a { + background-position: right center; + margin-left: 0.; + margin-right: 0.6667em; + padding-left: 0; + padding-right: 2.25em; + } + .toolbar-js .horizontal .level-1 > .box > a { + margin-right: 0; + } + .toolbar-js .level-1 > ul { + margin-left: 0; + margin-right: 2.9167em; + } +} + +@media screen and (min-width: 28.125em) { + .toolbar-js .bar .tab, + .toolbar-js .bar .active .tab, + .toolbar-js .bar .tab:active { + background-position: right center; + margin-left: 0; + margin-right: 0.6667em; + padding-left: 1em; + padding-right: 2.25em; + } +} diff --git a/core/modules/toolbar/css/toolbar.icons.css b/core/modules/toolbar/css/toolbar.icons.css index 35457d6..dcda699 100644 --- a/core/modules/toolbar/css/toolbar.icons.css +++ b/core/modules/toolbar/css/toolbar.icons.css @@ -3,76 +3,81 @@ */ @media screen and (min-width: 16.5em) { - .toolbar-main .bar .tab, - .toolbar-main .bar .active .tab, - .toolbar-main .bar .tab:active, - .toolbar-main .level-1 > .box > a { + .toolbar-js .bar .tab, + .toolbar-js .bar .active .tab, + .toolbar-js .bar .tab:active, + .toolbar-js .level-1 > .box > a { background-size: 1.75em 1.75em; } - .toolbar-main .bar .tab, - .toolbar-main .bar .active .tab, - .toolbar-main .bar .tab:active { + .toolbar-js .bar .tab, + .toolbar-js .bar .active .tab, + .toolbar-js .bar .tab:active { background-position: center center; - text-indent: -9999px; /* LTR */ + text-indent: -9999px; width: 3em; } - .toolbar-main .level-1 > .box > a { - background-position: 0.4545em center; - padding-left: 2.5em; + .toolbar-js .level-1 > .box > a { + background-position: left center; /* LTR */ + margin-left: 0.6667em; /* LTR */ + padding-left: 2.25em; /* LTR */ } - .toolbar-main .level-1 > ul { - margin-left: 2.3333em; + .toolbar-js .horizontal .level-1 > .box > a { + margin-left: 0; /* LTR */ + } + .toolbar-js .level-1 > ul { + margin-left: 2.9167em; /* LTR */ } /* ToolBar bar icons. */ - .toolbar-main .bar .home .tab { + .toolbar-js .bar .home .tab { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTAwcHgiIGhlaWdodD0iMTAwcHgiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMDAgMTAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iNDkuOTk5NSIgeTE9IjYiIHgyPSI0OS45OTk1IiB5Mj0iOTIuNjIyMyI+DQoJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0NDQ0NDQyIvPg0KCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiM5OTk5OTkiLz4NCjwvbGluZWFyR3JhZGllbnQ+DQo8cG9seWdvbiBmaWxsPSJ1cmwoI1NWR0lEXzFfKSIgcG9pbnRzPSI4Mi4wMDEsMzguODg0IDgyLjAwMSwxNS4wNzYgNjcuOTk5LDE1LjA3NiA2Ny45OTksMjQuNTAxIDUwLDYgMCw1Ny4zODMgMTIsNTcuMzgzIA0KCTEyLDkwLjYxNSA0Myw5MC42MTUgNDMsNjMuNDIyIDU3LjAwMSw2My40MjIgNTcuMDAxLDkwLjYxNSA4Ny45OTksOTAuNjE1IDg3Ljk5OSw1Ny4zODMgMTAwLDU3LjM4MyAiLz4NCjwvc3ZnPg0K); } - .toolbar-main .bar .home .tab:active { + .toolbar-js .bar .home .tab:active { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTAwcHgiIGhlaWdodD0iMTAwcHgiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMDAgMTAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iNTAiIHkxPSI5NSIgeDI9IjUwIiB5Mj0iOC4zNzc3IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDAgMTAxKSI+DQoJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0ZGRkZGRiIvPg0KCTxzdG9wICBvZmZzZXQ9IjAuOTk1MSIgc3R5bGU9InN0b3AtY29sb3I6I0U1RTVFNSIvPg0KPC9saW5lYXJHcmFkaWVudD4NCjxwb2x5Z29uIGZpbGw9InVybCgjU1ZHSURfMV8pIiBwb2ludHM9IjgyLjAwMSwzOC44ODQgODIuMDAxLDE1LjA3NiA2Ny45OTksMTUuMDc2IDY3Ljk5OSwyNC41MDEgNTAsNiAwLDU3LjM4MyAxMiw1Ny4zODMgDQoJMTIsOTAuNjE1IDQzLDkwLjYxNSA0Myw2My40MjIgNTcuMDAxLDYzLjQyMiA1Ny4wMDEsOTAuNjE1IDg3Ljk5OSw5MC42MTUgODcuOTk5LDU3LjM4MyAxMDAsNTcuMzgzICIvPg0KPC9zdmc+DQo=); } - .toolbar-main .bar .administration .tab { + .toolbar-js .bar .administration .tab { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTAwcHgiIGhlaWdodD0iMTAwcHgiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMDAgMTAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iNDkuOTk5NSIgeTE9IjUiIHgyPSI0OS45OTk1IiB5Mj0iOTQuMDEyNiI+DQoJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNDQ0NDQ0MiLz4NCgkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6Izk5OTk5OSIvPg0KCTwvbGluZWFyR3JhZGllbnQ+DQoJPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9InVybCgjU1ZHSURfMV8pIiBkPSJNMCw3Ni43Mjh2MTguMTgyaDEwMFY3Ni43MjhIMHogTTAsNHYxOC4xODJoMTAwVjRIMHoNCgkJIE0wLDQwLjM2M3YxOC4xODNoMTAwVjQwLjM2M0gweiIvPg0KPC9nPg0KPC9zdmc+DQo=); } - .toolbar-main .bar .administration .tab:active, - .toolbar-main .bar .administration.active .tab { + .toolbar-js .bar .administration .tab:active, + .toolbar-js .bar .administration.active .tab { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTAwcHgiIGhlaWdodD0iMTAwcHgiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMDAgMTAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iNDkuOTk5NSIgeTE9IjUiIHgyPSI0OS45OTk1IiB5Mj0iOTQuMDEyNiI+DQoJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNGRkZGRkYiLz4NCgkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0U1RTVFNSIvPg0KCTwvbGluZWFyR3JhZGllbnQ+DQoJPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9InVybCgjU1ZHSURfMV8pIiBkPSJNMCw3Ni43Mjh2MTguMTgyaDEwMFY3Ni43MjhIMHogTTAsNHYxOC4xODJoMTAwVjRIMHoNCgkJIE0wLDQwLjM2M3YxOC4xODNoMTAwVjQwLjM2M0gweiIvPg0KPC9nPg0KPC9zdmc+DQo=); } /* Main menu icons. */ - .toolbar-main #toolbar-link-admin-dashboard { + .toolbar-js #toolbar-link-admin-dashboard { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTAwcHgiIGhlaWdodD0iMTAwcHgiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMDAgMTAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiM3Nzc3NzciIGQ9Ik05NC44MjUsNDAuNDU2aC03LjU3NmMtMC45MDgtMy42MzQtMi4zMzMtNy4wNjItNC4xOS0xMC4yMDVsNS4zMzItNS4zMzINCgljMS45NTItMS45NTIsMi4zMjgtNC43NDIsMC44MzgtNi4yMzJsLTguMDktOC4wOTFjLTEuNDktMS40ODktNC4yODEtMS4xMTQtNi4yMzIsMC44MzlsLTUuMjg5LDUuMjg4DQoJYy0zLjE1Mi0xLjg4OC02LjU5Ni0zLjM0LTEwLjI0OS00LjI3VjVjMC0yLjc2MS0xLjcwNy01LTMuODEzLTVINDQuMTEyYy0yLjEwNiwwLTMuODE0LDIuMjM5LTMuODE0LDV2Ny40NTQNCgljLTMuNjUzLDAuOTI5LTcuMDk2LDIuMzgxLTEwLjI0OCw0LjI2OWwtNS4yODctNS4yODdjLTEuOTUyLTEuOTUyLTQuNzQzLTIuMzI4LTYuMjMyLTAuODM5bC04LjA5MSw4LjA5MQ0KCWMtMS40OSwxLjQ4OS0xLjExNCw0LjI4LDAuODM4LDYuMjMybDUuMzMsNS4zM2MtMS44NTcsMy4xNDQtMy4yODMsNi41NzItNC4xOTEsMTAuMjA3SDQuODQzYy0yLjc2MSwwLTUsMS43MDctNSwzLjgxM3YxMS40NDINCgljMCwyLjEwNiwyLjIzOSwzLjgxMyw1LDMuODEzdjAuMDAyaDcuNjVjMC45MzEsMy41OTQsMi4zNjksNi45ODIsNC4yMywxMC4wOWwtNS40NDUsNS40NDVjLTEuOTUyLDEuOTUzLTIuMzI4LDQuNzQyLTAuODM5LDYuMjMyDQoJbDguMDkxLDguMDkxYzEuNDksMS40OSw0LjI4MSwxLjExMyw2LjIzMy0wLjgzOWw1LjQ4OC01LjQ4OGMzLjA5OCwxLjgzLDYuNDcxLDMuMjQ0LDEwLjA0Nyw0LjE1M3Y3Ljc3MWMwLDIuNzYxLDEuNzA4LDUsMy44MTQsNQ0KCWgxMS40NDNjMi4xMDcsMCwzLjgxNC0yLjIzOSwzLjgxNC01aC0wLjAwMXYtNy43NzFjMy41NzYtMC45MDksNi45NS0yLjMyNCwxMC4wNDktNC4xNTRsNS40ODksNS40ODgNCgljMS45NTEsMS45NTIsNC43NDIsMi4zMjksNi4yMzIsMC44MzlsOC4wOS04LjA5MWMxLjQ4OS0xLjQ4OSwxLjExMy00LjI4LTAuODM4LTYuMjMxbC01LjQ0Ny01LjQ0Nw0KCWMxLjg2LTMuMTA3LDMuMjk5LTYuNDk2LDQuMjI5LTEwLjA5aDcuNjUyYzIuNzYxLDAsNS0xLjcwNyw1LTMuODEzVjQ0LjI3Qzk5LjgyNSw0Mi4xNjQsOTcuNTg2LDQwLjQ1Niw5NC44MjUsNDAuNDU2eiBNNjguNzUsNTANCgljMCwxMC4zNTUtOC4zOTUsMTguNzUtMTguNzUsMTguNzVjLTEwLjM1NSwwLTE4Ljc1LTguMzk1LTE4Ljc1LTE4Ljc1YzAtMTAuMzU1LDguMzk1LTE4Ljc1LDE4Ljc1LTE4Ljc1DQoJQzYwLjM1NSwzMS4yNSw2OC43NSwzOS42NDUsNjguNzUsNTB6Ii8+DQo8L3N2Zz4NCg==); } - .toolbar-main #toolbar-link-admin-content { + .toolbar-js #toolbar-link-admin-content { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTAwcHgiIGhlaWdodD0iMTAwcHgiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMDAgMTAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiM3Nzc3NzciIGQ9Ik02NC4wNjYsMGwyNi45NjksMjcuNjMxVjEwMEg4Ljk2NVYwSDY0LjA2NnogTTIwLjgwOSw4OC4xNTZoNTguMzl2LTU2LjU4SDU3Ljk3OVYxMS44NDFIMjAuODA5Vjg4LjE1NnoNCgkgTTI4Ljg2Nyw0OS41MDRoNDEuNzc3di00LjYwNUgyOC44NjdWNDkuNTA0eiBNMjguODY3LDYyLjY2NWg0MS43Nzd2LTQuNjA0SDI4Ljg2N1Y2Mi42NjV6IE0yOC44NjcsNzUuODE4aDQxLjc3N3YtNC42MDVIMjguODY3DQoJVjc1LjgxOHoiLz4NCjwvc3ZnPg0K); } - .toolbar-main #toolbar-link-admin-structure { + .toolbar-js #toolbar-link-admin-structure { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTAwcHgiIGhlaWdodD0iMTAwcHgiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMDAgMTAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIGZpbGw9IiM3Nzc3NzciIHBvaW50cz0iODguMDAxLDY0LjA0NSA4OC4wMDEsNTEuOTk4IDg4LjAwMSw0OC4wMDIgODQuMDAxLDQ4LjAwMiA1MS45OTcsNDguMDAyIDUxLjk5NywzNS45NTMgDQoJNjQuMDAzLDM1Ljk1MyA2NC4wMDMsMTUuOTEgMzYsMTUuOTEgMzYsMzUuOTUzIDQ4LjAwMSwzNS45NTMgNDguMDAxLDQ4LjAwMiAxNS45OTgsNDguMDAyIDEyLjAwMyw0OC4wMDIgMTIuMDAzLDUxLjk5OCANCgkxMi4wMDMsNjQuMDQ1IDAsNjQuMDQ1IDAsODQuMDkyIDI4LDg0LjA5MiAyOCw2NC4wNDUgMTUuOTk4LDY0LjA0NSAxNS45OTgsNTEuOTk4IDQ4LjAwMSw1MS45OTggNDguMDAxLDY0LjA0NSAzNiw2NC4wNDUgDQoJMzYsODQuMDkyIDY0LjAwMyw4NC4wOTIgNjQuMDAzLDY0LjA0NSA1MS45OTcsNjQuMDQ1IDUxLjk5Nyw1MS45OTggODQuMDAxLDUxLjk5OCA4NC4wMDEsNjQuMDQ1IDcyLjAwMiw2NC4wNDUgNzIuMDAyLDg0LjA5MiANCgkxMDAsODQuMDkyIDEwMCw2NC4wNDUgIi8+DQo8L3N2Zz4NCg==); } - .toolbar-main #toolbar-link-admin-appearance { + .toolbar-js #toolbar-link-admin-appearance { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTAwcHgiIGhlaWdodD0iMTAwcHgiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMDAgMTAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiM3Nzc3NzciIGQ9Ik01My40ODIsNTMuMDE2TDQwLjg3NSw2Ni4xNjhMMzAuMDYyLDU0Ljg2NGwyMS43MjYtMjkuODk5bDE0LjI2OSwxNC44OThMNTMuNDgyLDUzLjAxNnogTTU4LjE3MSwyNS40NDgNCgljMCwwLTE0LjY3NS0yMC42MjUtMTYuMjQtMjMuMzg3Yy0xLjU2NS0yLjc2My03LjIwMS0zLjIyOS0xMC44MDMsMS42MjJDMjkuNDEzLDUuOTk0LDMuOTc5LDMxLjc3MywyLjc2NCwzMy4yMjENCgljLTEuMjEzLDEuNDQ3LTEuOTUyLDQuNzc2LDAuMjk2LDYuNDc1YzIuMjQ4LDEuNzAyLDI0LjAzLDE4LjIyNiwyNC4wMywxOC4yMjZsMTAuODU1LDExLjM1NGwtMS40ODYsMS41MjUNCgljNC42MzYsNC44NjUsNS40MDYsNS42NzYsNi45MzcsNS43MjVjNC45NTgsMC4wOTMsMTQuOTExLTkuOTExLDE4LjAxNi01Ljg5NmM2LjIyLDguMDE1LDIyLjUyMSwyNi42MTgsMjIuNTIxLDI2LjYxOA0KCWMzLjM3NSwzLjU1Miw4LjgzMiwzLjY5MSwxMi4wOCwwLjI3YzMuMjc3LTMuNDI1LDMuMTQ4LTkuMTAyLTAuMjc1LTEyLjY1M2MwLDAtMTcuNzQyLTE3LjAzNS0yNS40NTEtMjMuNTYNCgljLTMuODI3LTMuMTk5LDUuNzYyLTEzLjYwMyw1LjYzNC0xOC44MjljLTAuMDQ5LTEuNTc5LTAuODEyLTIuMzg4LTUuNDU3LTcuMjU0bC0xLjQ3OCwxLjU4TDU4LjE3MSwyNS40NDh6Ii8+DQo8L3N2Zz4NCg==); } - .toolbar-main #toolbar-link-admin-people { + .toolbar-js #toolbar-link-admin-people { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTAwcHgiIGhlaWdodD0iMTAwcHgiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMDAgMTAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiM3Nzc3NzciIGQ9Ik0xOC4yNzEsMjAuNjM1YzAsNy42NCw2LjIzMSwxMy44MTgsMTMuODY3LDEzLjgxOEMzOS44MTYsMzQuNDUzLDQ2LDI4LjI3NSw0NiwyMC42MzUNCgljMC03LjYzOC02LjE4My0xMy44MTgtMTMuODYyLTEzLjgxOEMyNC41MDIsNi44MTcsMTguMjcxLDEyLjk5NywxOC4yNzEsMjAuNjM1eiBNNTMuMzYzLDQwLjc3NQ0KCWMtNC43MjktMS42NDItMTEuNS0yLjU5Mi0yMS4yMjYtMi41OTJDMC43NzIsMzguMTgzLDAsNDcuMzE3LDAsNjAuODE2aDQ5LjMxOWMwLDAtMi4zMjUtNC43Ni0wLjg5My0xMC44NjgNCglDNDkuOTcsNDMuMzY5LDUzLjM2Myw0MC43NzUsNTMuMzYzLDQwLjc3NXogTTUzLjk5OSw1M2MwLDcuNjMzLDYuMTgzLDEzLjgxNiwxMy44NiwxMy44MTZjNy42MzYsMCwxMy44NjctNi4xODQsMTMuODY3LTEzLjgxNg0KCWMwLTcuNTkxLTYuMjMtMTMuODE4LTEzLjg2Ny0xMy44MThDNjAuMTgyLDM5LjE4Miw1My45OTksNDUuNDA5LDUzLjk5OSw1M3ogTTEwMCw5My4xODRjMC0xMy0wLjcyNy0yMi41OTYtMzIuMTQxLTIyLjU5Ng0KCWMtMzEuNDA4LDAtMzIuMTM2LDkuMTM3LTMyLjEzNiwyMi41OTZIMTAweiIvPg0KPC9zdmc+DQo=); } - .toolbar-main #toolbar-link-admin-modules { + .toolbar-js #toolbar-link-admin-modules { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTAwcHgiIGhlaWdodD0iMTAwcHgiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMDAgMTAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiM3Nzc3NzciIGQ9Ik0xMDAsOTEuMzM2TDc5LjM4OSw3MC43MjVsMTEuNzQzLTExLjc0MmMzLjEyNS0zLjEyNSwzLjEyNS04LjE5LTAuMDAxLTExLjMxM2wtMzAuOTA2LTMwLjkxbC02LjY4OCw2LjY4Nw0KCUwzMC4wOTIsMGwtNi4yNTksNi4yNmwyMy40NDUsMjMuNDQ0TDI5LjcwNCw0Ny4yNzhMNi4yNTksMjMuODMzTDAsMzAuMDkzbDIzLjQ0NSwyMy40NDNsLTYuNjg3LDYuNjg3bDMwLjkxMSwzMC45MQ0KCWMzLjEyMSwzLjEyMyw4LjE4OCwzLjEyMywxMS4zMTIsMGwxMS43NDQtMTEuNzQyTDkxLjMzNiwxMDBMMTAwLDkxLjMzNnoiLz4NCjwvc3ZnPg0K); } - .toolbar-main #toolbar-link-admin-config { + .toolbar-js #toolbar-link-admin-config { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTAwcHgiIGhlaWdodD0iMTAwcHgiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMDAgMTAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiM3Nzc3NzciIGQ9Ik05LjA5Nyw1My4wMDJjOS40OTksOS41LDIzLjU0MSwxMS41NDQsMzUuMDQyLDYuMjI3bDM3LjYzNCwzNy42MzhjNC4xODEsNC4xODEsMTAuOTUzLDQuMTgxLDE1LjA5LDANCgljNC4xODItNC4xNCw0LjE4Mi0xMC45MSwwLTE1LjA5M0w1OS4yMjcsNDQuMTM5YzUuMzE5LTExLjUsMy4yNzQtMjUuNTQzLTYuMjIzLTM1LjA0MkM0NC41OTcsMC42OTEsMzIuNTUtMS45MDEsMjEuOTYsMS4zNw0KCWwyMy40OTcsMjMuNTAybC00LjQxMiwxNi4wODRsLTE2LjE3NCw0LjUwMUwxLjM3LDIxLjk2Qy0xLjkwMSwzMi41NSwwLjY5MSw0NC41OTcsOS4wOTcsNTMuMDAyeiIvPg0KPC9zdmc+DQo=); } - .toolbar-main #toolbar-link-admin-reports { + .toolbar-js #toolbar-link-admin-reports { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTAwcHgiIGhlaWdodD0iMTAwcHgiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMDAgMTAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiM3Nzc3NzciIGQ9Ik0zNy4yMDYsMTguNzI2VjBMMTIuNDk4LDI0LjcwOGgxOC43MjZDMzQuNTI5LDI0LjcwOCwzNy4yMDYsMjIuMDMyLDM3LjIwNiwxOC43MjZ6Ii8+DQoJPHBhdGggZmlsbD0iIzc3Nzc3NyIgZD0iTTI3Ljk0Nyw1MC40OTJoNy40NjljMC44NDMsMCwxLjUyNS0wLjY4NSwxLjUyNS0xLjUyNXYtNy40NjZjMC0wLjg0MS0wLjY4Mi0xLjUzMi0xLjUyNS0xLjUzMmgtNy40NjkNCgkJYy0wLjgzOCwwLTEuNTIsMC42OTEtMS41MiwxLjUzMnY3LjQ2NkMyNi40MjgsNDkuODA4LDI3LjEwOSw1MC40OTIsMjcuOTQ3LDUwLjQ5MnoiLz4NCgk8cGF0aCBmaWxsPSIjNzc3Nzc3IiBkPSJNODEuNDk2LDBINDMuNTM5djIyLjI3NGMwLDQuODQtMy45MjQsOC43NjYtOC43NjMsOC43NjZIMTIuNDk4djYyLjk2MmMwLDMuMzExLDIuNjg4LDUuOTk4LDYsNS45OThoNjIuOTk5DQoJCWMzLjMxNywwLDYuMDA3LTIuNjg4LDYuMDA3LTUuOTk4VjUuOTk3Qzg3LjUwMywyLjY4OSw4NC44MTQsMCw4MS40OTYsMHogTTIzLjgwNSwzOS42NGMwLTEuMjYsMS4wMjMtMi4yODgsMi4yODgtMi4yODhoMTEuMTgzDQoJCWMxLjI2LDAsMi4yODcsMS4wMjgsMi4yODcsMi4yODh2MTEuMThjMCwxLjI2Ni0xLjAyNywyLjI4Ny0yLjI4NywyLjI4N0gyNi4wOTNjLTEuMjY1LDAtMi4yODgtMS4wMjEtMi4yODgtMi4yODdWMzkuNjR6DQoJCSBNNzYuMTkzLDgxLjM5NmMwLDEuODI2LTEuNDc5LDMuMzA2LTMuMzAxLDMuMzA2SDI3LjEwOWMtMS44MjcsMC0zLjMwNS0xLjQ3OS0zLjMwNS0zLjMwNnYtMS4xMDVjMC0xLjgyLDEuNDc4LTMuMzAyLDMuMzA1LTMuMzAyDQoJCWg0NS43ODRjMS44MjIsMCwzLjMwMSwxLjQ4LDMuMzAxLDMuMzAyVjgxLjM5NnogTTc2LjE5Myw2My43NDhjMCwxLjgyMi0xLjQ3OSwzLjMwMi0zLjMwMSwzLjMwMkgyNy4xMDkNCgkJYy0xLjgyNywwLTMuMzA1LTEuNDc5LTMuMzA1LTMuMzAydi0xLjEwNWMwLTEuODI2LDEuNDc4LTMuMzAzLDMuMzA1LTMuMzAzaDQ1Ljc4NGMxLjgyMiwwLDMuMzAxLDEuNDc3LDMuMzAxLDMuMzAzVjYzLjc0OHoNCgkJIE03Ni4xOTMsNDYuNjk2YzAsMS44MjYtMS40NzksMy4zMDYtMy4zMDEsMy4zMDZINDYuMjc3Yy0xLjgyMSwwLTMuMzAyLTEuNDc5LTMuMzAyLTMuMzA2di0xLjEwNWMwLTEuODI1LDEuNDgxLTMuMzAzLDMuMzAyLTMuMzAzDQoJCWgyNi42MTZjMS44MjMsMCwzLjMwMywxLjQ3OCwzLjMwMywzLjMwM3YxLjEwNUg3Ni4xOTN6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==); } - .toolbar-main #toolbar-link-admin-help { + .toolbar-js #toolbar-link-admin-help { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTAwcHgiIGhlaWdodD0iMTAwcHgiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMDAgMTAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiM3Nzc3NzciIGQ9Ik0xMDAsNTBjMCwyNy42MTQtMjIuMzg3LDUwLTUwLjAwMSw1MFMwLDc3LjYxMywwLDUwQzAsMjIuMzg2LDIyLjM4NSwwLDQ5Ljk5OSwwUzEwMCwyMi4zODYsMTAwLDUweg0KCSBNNTUuMjA5LDY1LjQzNHYtMy4yNjhjMC0yLjE3NiwwLjQ2Mi0zLjkzOCwxLjM4OS01LjI3OWMwLjkyNC0xLjM0LDMuMTMxLTMuMzAxLDYuNjE1LTUuODgxYzUuMDgyLTMuNjI1LDguNTIxLTYuODkyLDEwLjM0Mi05Ljc5Nw0KCWMxLjgxMy0yLjkwNSwyLjcyMS02LjM0OSwyLjcyMS0xMC4zNDJjMC01Ljk4Ny0yLjIwMy0xMC43NzgtNi42MTMtMTQuMzcyYy00LjQwOC0zLjU5MS0xMC4zNTItNS4zODktMTcuODI2LTUuMzg5DQoJYy05LjA3MSwwLTE3LjY1OSwyLjI2Ni0yNS43NDgsNi44MDVsNS45MzMsMTEuOTIxYzYuOTY4LTMuNTU4LDEzLjE3My01LjMzNSwxOC42MTgtNS4zMzVjMy4xMjEsMCw1LjU1MSwwLjYyMSw3LjI5MywxLjg1Mg0KCWMxLjc0MSwxLjIzMSwyLjYxMiwzLjAyOCwyLjYxMiw1LjM4OGMwLDIuMTAzLTAuNjA0LDQuMDA5LTEuODIzLDUuNzE2Yy0xLjIxOSwxLjcwOC0zLjcyOSwzLjkyLTcuNTM5LDYuNjQxDQoJYy0zLjk1NCwyLjkwNi02LjY3Niw1LjY0Mi04LjE2Niw4LjIxOWMtMS40OTEsMi41NzgtMi4yMzEsNS42MDctMi4yMzEsOS4wOTJ2NC4wMjlINTUuMjA5eiBNNDEuNTQ0LDg4LjI3MQ0KCWMxLjY2NywxLjYxMiw0LjAyOSwyLjQyMiw3LjA3OCwyLjQyMmMyLjk3MiwwLDUuMzAxLTAuODI0LDYuOTY4LTIuNDc4YzEuNjY1LTEuNjU1LDIuNTAzLTMuOTE0LDIuNTAzLTYuNzc2DQoJYzAtMi45NzYtMC44MjEtNS4yNTgtMi40NzYtNi44NjFjLTEuNjU0LTEuNTk4LTMuOTgtMi4zOTUtNi45OTUtMi4zOTVjLTMuMTIzLDAtNS40OTcsMC43ODItNy4xMywyLjM0Mg0KCWMtMS42MzUsMS41NTktMi40NDksMy44NjMtMi40NDksNi45MTRDMzkuMDQyLDg0LjM3OSwzOS44NzgsODYuNjU2LDQxLjU0NCw4OC4yNzF6Ii8+DQo8L3N2Zz4NCg==); } } @media screen and (min-width: 28.125em) { - .toolbar-main .bar .tab, - .toolbar-main .bar .active .tab, - .toolbar-main .bar .tab:active { - background-position: 1em center; - padding-left: 3.25em; /* LTR */ + .toolbar-js .bar .tab, + .toolbar-js .bar .active .tab, + .toolbar-js .bar .tab:active { + background-position: left center; /* LTR */ + margin-left: 0.6667em; /* LTR */ + padding-left: 2.25em; /* LTR */ text-indent: 0; width: auto; } diff --git a/core/modules/toolbar/css/toolbar.theme-rtl.css b/core/modules/toolbar/css/toolbar.theme-rtl.css index e8cb8cf..2f53b17 100644 --- a/core/modules/toolbar/css/toolbar.theme-rtl.css +++ b/core/modules/toolbar/css/toolbar.theme-rtl.css @@ -1,7 +1,51 @@ -.toolbar-main .bar .menu li + li { - margin-left: auto; - margin-right: 1em; +/** + * @file toolbar.theme-rtl.css + */ + +/** + * Toolbar tray. + */ +.toolbar-js .vertical > .lining > .edge { + border-left: 1px solid #aaaaaa; + border-right: 0 none; + box-shadow: 1px 0 5px 2px rgba(0, 0, 0, 0.3333); } -.toolbar-main .shortcuts .menu li { +.toolbar-js .level-2 li { + padding-left: 0; + padding-right: 0.333em; +} + +/** + * ToolBar tray - horizontal. + */ +.toolbar-js .horizontal .toolbar-list li { + float: right; +} +.toolbar-js .horizontal .toolbar-list li + li { + margin-left: 0; + margin-right: 0.5em; +} +.toolbar-js .horizontal .level-2 ul { + border-left: 0 none; + border-right: 1px solid #bcbcbc; +} + +/** + * Orientation toggle. + */ +.toolbar-js .horizontal .toggle-orientation { + border-left: 0 none; + border-right: 1px solid #c9c9c9; +} +.toolbar-js .toggle-orientation > .lining { + float: left; +} +.toolbar-js .toggle-orientation button { float: right; } +.toolbar-js .toggle-orientation [value="vertical"] { + border-left-width: 1px; + border-right-width: 7px; + margin-left: 0; + margin-right: 0.5em; +} diff --git a/core/modules/toolbar/css/toolbar.theme.css b/core/modules/toolbar/css/toolbar.theme.css index 10789d5..abaa715 100644 --- a/core/modules/toolbar/css/toolbar.theme.css +++ b/core/modules/toolbar/css/toolbar.theme.css @@ -1,7 +1,7 @@ /** * @file toolbar.theme.css */ -.toolbar-main { +.toolbar-js { font-family: "Source Sans Pro", "Lucida Grande", Verdana, sans-serif; /* Set base font size to 13px based on root ems. */ font-size: 0.8125rem; @@ -14,160 +14,164 @@ -webkit-touch-callout: none; touch-callout: none; } -.toolbar-main a { +.toolbar-js a { text-decoration: none; } -.toolbar-main a:hover { +.toolbar-js a:hover { text-decoration: underline; } /** * Toolbar bar. */ -.toolbar-main .bar { +.toolbar-js .bar { background-color: #0f0f0f; box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.3333); color: #dddddd; } -.toolbar-main .bar li:hover { +.toolbar-js .bar li:hover { background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.125) 20%, transparent 200%); background-image: linear-gradient(rgba(255, 255, 255, 0.125) 20%, transparent 200%); } -.toolbar-main .bar li.active { +.toolbar-js .bar li.active { background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.25) 20%, transparent 200%); background-image: linear-gradient(rgba(255, 255, 255, 0.25) 20%, transparent 200%); } -.toolbar-main .bar a { +.toolbar-js .bar a { color: #ffffff; cursor: pointer; padding: 1em 0.3333em; } @media screen and (min-width: 16.5em) { - .toolbar-main .bar a { - padding-left: 1.3333em; - padding-right: 1.3333em; + .toolbar-js .bar a { + padding-left: 1em; + padding-right: 1em; } } /** * Toolbar tray. */ -.toolbar-main .tray > .lining { +.toolbar-js .tray > .lining { background-color: #ffffff; } -.toolbar-main .vertical > .lining > .edge { +.toolbar-js .vertical > .lining > .edge { background-color: #ffffff; - border-right: 1px solid #aaaaaa; - box-shadow: -1px 0 5px 2px rgba(0, 0, 0, 0.3333); + border-right: 1px solid #aaaaaa; /* LTR */ + box-shadow: -1px 0 5px 2px rgba(0, 0, 0, 0.3333); /* LTR */ } -.toolbar-main .horizontal { +.toolbar-js .horizontal { border-bottom: 1px solid #aaaaaa; box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.3333); } -.toolbar-main .horizontal .tray { +.toolbar-js .horizontal .tray { background-color: #f5f5f5; } -.toolbar-main .tray a { +.toolbar-js .tray a { color: #333333; } -.toolbar-main .horizontal .toolbar-list { +.toolbar-js .horizontal .toolbar-list { background-color: #ffffff; + padding: 0 0.6667em; } -.toolbar-main .toolbar-list a { +.toolbar-js .toolbar-list a { padding: 1em 0.3333em; } -.toolbar-main .vertical .toolbar-list { - border-bottom: 1px solid #dddddd; +.toolbar-js .vertical .toolbar-list a { + padding-left: 1.3333em; + padding-right: 1.3333em; } -.toolbar-main .vertical .toolbar-list a { - margin-right: 20%; +.toolbar-js .vertical .toolbar-list { + border-bottom: 1px solid #dddddd; } -.toolbar-main .vertical .level-1 + .level-1, -.toolbar-main .vertical .toolbar-list > li + li, -.toolbar-main .vertical .toolbar-list > .menu > li + li { +.toolbar-js .vertical .level-1 + .level-1, +.toolbar-js .vertical .toolbar-list > li + li, +.toolbar-js .vertical .toolbar-list > .menu > li + li { border-top: 1px solid #dddddd; } -.toolbar-main .vertical .level-1 a { +.toolbar-js .vertical .level-1 a { font-weight: bold; } -.toolbar-main .level-2 ul { - margin-left: 0.25em; -} -.toolbar-main .vertical .level-2 ul { +.toolbar-js .vertical .level-2 ul { border-bottom-style: solid; border-top-style: solid; border-bottom-width: 1px; border-top-width: 1px; } -.toolbar-main .vertical .level-1 li:last-child > ul { +.toolbar-js .vertical .level-1 li:last-child > ul { border-bottom: 0; } -.toolbar-main .level-2 a { +.toolbar-js .vertical .level-2 a { color: #333333; - padding-bottom: 0.6667em; - padding-top: 0.6667em; + padding: 0.6667em 0; } -.toolbar-main .vertical .level-2 a { +.toolbar-js .vertical .level-2 a { font-weight: normal; } -.toolbar-main .level-3 { - padding-left: 0.1667em; +.toolbar-js .level-2 li { + padding-left: 0.3333em; /* LTR */ } -.toolbar-main .level-3 a { +.toolbar-js .level-3 a { color: #303030; } -.toolbar-main .level-4 a { +.toolbar-js .level-4 a { color: #2d2d2d; } -.toolbar-main .level-5 a { +.toolbar-js .level-5 a { color: #2a2a2a; } -.toolbar-main .level-6 a { +.toolbar-js .level-6 a { color: #272727; } -.toolbar-main .level-7 a { +.toolbar-js .level-7 a { color: #2a2a2a; } -.toolbar-main .level-8 a { +.toolbar-js .level-8 a { color: #2d2d2d; } -.toolbar-main .level-9 a { +.toolbar-js .level-9 a { color: #303030; } -.toolbar-main .level-2 > ul { +.toolbar-js .level-2 > ul { background-color: #f5f5f5; border-color: #cccccc; } -.toolbar-main .level-3 > ul { +.toolbar-js .level-3 > ul { background-color: #e5e5e5; border-color: #bbbbbb; } -.toolbar-main .level-4 > ul { +.toolbar-js .level-4 > ul { background-color: #d5d5d5; border-color: #aaaaaa; } -.toolbar-main .level-5 > ul { +.toolbar-js .level-5 > ul { background-color: #c5c5c5; border-color: #999999; } -.toolbar-main .level-6 > ul { +.toolbar-js .level-6 > ul { background-color: #b5b5b5; border-color: #888888; } -.toolbar-main .level-7 > ul { +.toolbar-js .level-7 > ul { background-color: #c5c5c5; border-color: #999999; } -.toolbar-main .level-8 > ul { +.toolbar-js .level-8 > ul { background-color: #d5d5d5; border-color: #aaaaaa; } -.toolbar-main .level-9 > ul { +.toolbar-js .level-9 > ul { background-color: #e5e5e5; border-color: #bbbbbb; } /** * ToolBar tray - horizontal. */ -.toolbar-main .horizontal .level-1 > li.open > .box { +.toolbar-js .horizontal .toolbar-list li { + float: left; /* LTR */ +} +.toolbar-js .horizontal .toolbar-list li + li { + margin-left: 0.5em; /* LTR */ +} +.toolbar-js .horizontal .level-1 > li.open > .box { border-bottom-color: white; border-bottom-width: 1px; border-bottom-style: solid; @@ -175,76 +179,46 @@ margin-top: -1px; top: 1px; } -.toolbar-main .horizontal .level-2 ul { - border-left: 1px solid #bcbcbc; +.toolbar-js .horizontal .level-2 ul { + border-left: 1px solid #bcbcbc; /* LTR */ } -.toolbar-main .horizontal .level-2 a { +.toolbar-js .horizontal .level-2 a { padding: 0.6667em 1em; } /** - * Interactive menu. + * Orientation toggle. */ - -.toolbar-main .handle { - background-attachment: scroll; - background-color: transparent; - background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTAwcHgiIGhlaWdodD0iMTAwcHgiIHZpZXdCb3g9IjI1NiAzNDYgMTAwIDEwMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAyNTYgMzQ2IDEwMCAxMDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBhdGggZmlsbD0iIzk5OTk5OSIgZD0iTTI1NiwzOTZjMCwyNy41OTgsMjIuNCw1MCw1MCw1MGMyNy41OTgsMCw1MC0yMi40MDIsNTAtNTBjMC0yNy42LTIyLjQwMi01MC01MC01MA0KCQlDMjc4LjQsMzQ2LDI1NiwzNjguNCwyNTYsMzk2eiBNMjYxLDM5NmMwLTI0Ljg1MiwyMC4xNDktNDUsNDUtNDVjMjQuODU0LDAsNDUsMjAuMTQ4LDQ1LDQ1YzAsMjQuODU0LTIwLjE0Niw0NS00NSw0NQ0KCQlDMjgxLjE0OSw0NDEsMjYxLDQyMC44NTQsMjYxLDM5NnoiLz4NCgk8cG9seWdvbiBmaWxsPSIjNTE4MUMyIiBwb2ludHM9IjMwNiw0MTEgMjgxLDM4NiAzMzEsMzg2IAkiLz4NCjwvZz4NCjwvc3ZnPg0K); - background-position: center center; - background-repeat: no-repeat; - background-size: auto 70%; - border: 0; - bottom: 0; - display: block; - font-size: 1em; - height: 100%; - position: absolute; - right: 0; - text-indent: -999em; - top: 0; - width: 20%; - z-index: 1; -} -.toolbar-main .level-2 .handle { - padding-bottom: 0.4545em; - padding-top: 0.4545em; -} -.toolbar-main .handle.open { - background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTAwcHgiIGhlaWdodD0iMTAwcHgiIHZpZXdCb3g9IjI1NiAzNDYgMTAwIDEwMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAyNTYgMzQ2IDEwMCAxMDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iIzk5OTk5OSIgZD0iTTM1NiwzOTZjMC0yNy42LTIyLjQwMi01MC01MC01MGMtMjcuNiwwLTUwLDIyLjQtNTAsNTBjMCwyNy41OTgsMjIuNCw1MCw1MCw1MA0KCUMzMzMuNTk4LDQ0NiwzNTYsNDIzLjU5OCwzNTYsMzk2eiBNMzUxLDM5NmMwLDI0Ljg0OS0yMC4xNTEsNDUtNDUsNDVjLTI0Ljg1NiwwLTQ1LTIwLjE1MS00NS00NWMwLTI0Ljg1NSwyMC4xNDQtNDUsNDUtNDUNCglDMzMwLjg0OSwzNTEsMzUxLDM3MS4xNDUsMzUxLDM5NnoiLz4NCjxwb2x5Z29uIGZpbGw9IiM3Nzc3NzciIHBvaW50cz0iMzA2LDM4MSAzMzEsNDA2IDI4MSw0MDYgIi8+DQo8L3N2Zz4NCg==); -} - -/* Orientation toggle */ - -.toolbar-main .toggle-orientation { +.toolbar-js .toggle-orientation { background-color: #f5f5f5; padding: 1em; } -.toolbar-main .horizontal .toggle-orientation { +.toolbar-js .horizontal .toggle-orientation { border-left: 1px solid #c9c9c9; /* LTR */ } -.toolbar-main .toggle-orientation > .lining { +.toolbar-js .toggle-orientation > .lining { background-color: #ffffff; border: 1px solid #c9c9c9; float: right; /* LTR */ padding: 0.1667em; } -.toolbar-main .toggle-orientation button { +.toolbar-js .toggle-orientation button { background-color: transparent; border: 1px solid #b0b0b0; cursor: pointer; display: inline-block; - float: left; + float: left; /* LTR */ height: 0.9em; text-indent: -999em; width: 1.4562em; } -.toolbar-main .toggle-orientation [value="vertical"] { - border-left-width: 7px; - margin-left: 0.5em; +.toolbar-js .toggle-orientation [value="vertical"] { + border-left-width: 7px; /* LTR */ + margin-left: 0.5em; /* LTR */ } -.toolbar-main .toggle-orientation [value="horizontal"] { +.toolbar-js .toggle-orientation [value="horizontal"] { border-top-width: 4px; } -.toolbar-main .toggle-orientation .active { +.toolbar-js .toggle-orientation .active { border-color: #3F9AD3; } diff --git a/core/modules/toolbar/js/toolbar.js b/core/modules/toolbar/js/toolbar.js index f479c47..68803cf 100644 --- a/core/modules/toolbar/js/toolbar.js +++ b/core/modules/toolbar/js/toolbar.js @@ -44,7 +44,7 @@ Drupal.behaviors.toolbar = { var options = $.extend(this.options, drupalSettings.toolbar); $toolbar = $(context).find('#toolbar').once('toolbar'); if ($toolbar.length) { - $toolbar.addClass('toolbar-main'); + $toolbar.addClass('toolbar-js'); // Store the trays in a scoped variable. $trays = $toolbar.find('.tray'); $trays diff --git a/core/modules/toolbar/templates/toolbar.twig b/core/modules/toolbar/templates/toolbar.twig index 2ae2328..84fb641 100644 --- a/core/modules/toolbar/templates/toolbar.twig +++ b/core/modules/toolbar/templates/toolbar.twig @@ -23,13 +23,13 @@ */ #} -
+
{{ tabs }} {% for tray in trays %} -