diff --git a/sites/all/modules/contrib/admin/toolbar_themes/.gitignore b/sites/all/modules/contrib/admin/toolbar_themes/.gitignore new file mode 100644 index 000000000..e5cf63215 --- /dev/null +++ b/sites/all/modules/contrib/admin/toolbar_themes/.gitignore @@ -0,0 +1,2 @@ +# Git ignored. +/node_modules/ diff --git a/sites/all/modules/contrib/admin/toolbar_themes/Gruntfile.js b/sites/all/modules/contrib/admin/toolbar_themes/Gruntfile.js new file mode 100644 index 000000000..96cb3f64e --- /dev/null +++ b/sites/all/modules/contrib/admin/toolbar_themes/Gruntfile.js @@ -0,0 +1,73 @@ +/** + * Grunt tasks for Toolbar Themes. + * http://gruntjs.com/ + */ + +'use strict'; + +module.exports = function(grunt) { + + grunt.initConfig({ + + pkg: grunt.file.readJSON('package.json'), + + sass: { + styles: { + files: [{ + expand: true, + cwd: 'themes', + src: ['**/*.scss'], + dest: 'themes', + ext: '.css' + }], + options: { + precision: 5, + outputStyle: 'expanded', + sourceMap: true + } + } + }, + + grunticon: { + toolbar: { + files: [{ + expand: true, + cwd: 'themes/base/grunticons/original', + src: ['*.svg'], + dest: 'themes/base/grunticons/processed' + }], + options: { + enhanceSVG: true, + cssprefix: '.' + } + } + }, + + postcss: { + styles: { + src: 'themes/**/*.css', + options: { + map: { + inline: false + }, + processors: [ + require('autoprefixer')({browsers: 'last 4 versions'}) + ] + } + } + }, + + watch: { + styles: { + files: 'themes/**/*.scss', + tasks: ['sass:styles', 'postcss:styles'] + } + } + }); + + grunt.loadNpmTasks('grunt-postcss'); + grunt.loadNpmTasks('grunt-sass'); + grunt.loadNpmTasks('grunt-grunticon'); + grunt.loadNpmTasks('grunt-contrib-watch'); + grunt.registerTask('default', ['watch:styles']); +}; diff --git a/sites/all/modules/contrib/admin/toolbar_themes/LICENSE.txt b/sites/all/modules/contrib/admin/toolbar_themes/LICENSE.txt new file mode 100644 index 000000000..d159169d1 --- /dev/null +++ b/sites/all/modules/contrib/admin/toolbar_themes/LICENSE.txt @@ -0,0 +1,339 @@ + GNU GENERAL PUBLIC LICENSE + Version 2, June 1991 + + Copyright (C) 1989, 1991 Free Software Foundation, Inc., + 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA + Everyone is permitted to copy and distribute verbatim copies + of this license document, but changing it is not allowed. + + Preamble + + The licenses for most software are designed to take away your +freedom to share and change it. By contrast, the GNU General Public +License is intended to guarantee your freedom to share and change free +software--to make sure the software is free for all its users. This +General Public License applies to most of the Free Software +Foundation's software and to any other program whose authors commit to +using it. (Some other Free Software Foundation software is covered by +the GNU Lesser General Public License instead.) You can apply it to +your programs, too. + + When we speak of free software, we are referring to freedom, not +price. Our General Public Licenses are designed to make sure that you +have the freedom to distribute copies of free software (and charge for +this service if you wish), that you receive source code or can get it +if you want it, that you can change the software or use pieces of it +in new free programs; and that you know you can do these things. + + To protect your rights, we need to make restrictions that forbid +anyone to deny you these rights or to ask you to surrender the rights. +These restrictions translate to certain responsibilities for you if you +distribute copies of the software, or if you modify it. + + For example, if you distribute copies of such a program, whether +gratis or for a fee, you must give the recipients all the rights that +you have. You must make sure that they, too, receive or can get the +source code. And you must show them these terms so they know their +rights. + + We protect your rights with two steps: (1) copyright the software, and +(2) offer you this license which gives you legal permission to copy, +distribute and/or modify the software. + + Also, for each author's protection and ours, we want to make certain +that everyone understands that there is no warranty for this free +software. If the software is modified by someone else and passed on, we +want its recipients to know that what they have is not the original, so +that any problems introduced by others will not reflect on the original +authors' reputations. + + Finally, any free program is threatened constantly by software +patents. We wish to avoid the danger that redistributors of a free +program will individually obtain patent licenses, in effect making the +program proprietary. To prevent this, we have made it clear that any +patent must be licensed for everyone's free use or not licensed at all. + + The precise terms and conditions for copying, distribution and +modification follow. + + GNU GENERAL PUBLIC LICENSE + TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION + + 0. This License applies to any program or other work which contains +a notice placed by the copyright holder saying it may be distributed +under the terms of this General Public License. The "Program", below, +refers to any such program or work, and a "work based on the Program" +means either the Program or any derivative work under copyright law: +that is to say, a work containing the Program or a portion of it, +either verbatim or with modifications and/or translated into another +language. (Hereinafter, translation is included without limitation in +the term "modification".) Each licensee is addressed as "you". + +Activities other than copying, distribution and modification are not +covered by this License; they are outside its scope. The act of +running the Program is not restricted, and the output from the Program +is covered only if its contents constitute a work based on the +Program (independent of having been made by running the Program). +Whether that is true depends on what the Program does. + + 1. You may copy and distribute verbatim copies of the Program's +source code as you receive it, in any medium, provided that you +conspicuously and appropriately publish on each copy an appropriate +copyright notice and disclaimer of warranty; keep intact all the +notices that refer to this License and to the absence of any warranty; +and give any other recipients of the Program a copy of this License +along with the Program. + +You may charge a fee for the physical act of transferring a copy, and +you may at your option offer warranty protection in exchange for a fee. + + 2. You may modify your copy or copies of the Program or any portion +of it, thus forming a work based on the Program, and copy and +distribute such modifications or work under the terms of Section 1 +above, provided that you also meet all of these conditions: + + a) You must cause the modified files to carry prominent notices + stating that you changed the files and the date of any change. + + b) You must cause any work that you distribute or publish, that in + whole or in part contains or is derived from the Program or any + part thereof, to be licensed as a whole at no charge to all third + parties under the terms of this License. + + c) If the modified program normally reads commands interactively + when run, you must cause it, when started running for such + interactive use in the most ordinary way, to print or display an + announcement including an appropriate copyright notice and a + notice that there is no warranty (or else, saying that you provide + a warranty) and that users may redistribute the program under + these conditions, and telling the user how to view a copy of this + License. (Exception: if the Program itself is interactive but + does not normally print such an announcement, your work based on + the Program is not required to print an announcement.) + +These requirements apply to the modified work as a whole. If +identifiable sections of that work are not derived from the Program, +and can be reasonably considered independent and separate works in +themselves, then this License, and its terms, do not apply to those +sections when you distribute them as separate works. But when you +distribute the same sections as part of a whole which is a work based +on the Program, the distribution of the whole must be on the terms of +this License, whose permissions for other licensees extend to the +entire whole, and thus to each and every part regardless of who wrote it. + +Thus, it is not the intent of this section to claim rights or contest +your rights to work written entirely by you; rather, the intent is to +exercise the right to control the distribution of derivative or +collective works based on the Program. + +In addition, mere aggregation of another work not based on the Program +with the Program (or with a work based on the Program) on a volume of +a storage or distribution medium does not bring the other work under +the scope of this License. + + 3. You may copy and distribute the Program (or a work based on it, +under Section 2) in object code or executable form under the terms of +Sections 1 and 2 above provided that you also do one of the following: + + a) Accompany it with the complete corresponding machine-readable + source code, which must be distributed under the terms of Sections + 1 and 2 above on a medium customarily used for software interchange; or, + + b) Accompany it with a written offer, valid for at least three + years, to give any third party, for a charge no more than your + cost of physically performing source distribution, a complete + machine-readable copy of the corresponding source code, to be + distributed under the terms of Sections 1 and 2 above on a medium + customarily used for software interchange; or, + + c) Accompany it with the information you received as to the offer + to distribute corresponding source code. (This alternative is + allowed only for noncommercial distribution and only if you + received the program in object code or executable form with such + an offer, in accord with Subsection b above.) + +The source code for a work means the preferred form of the work for +making modifications to it. For an executable work, complete source +code means all the source code for all modules it contains, plus any +associated interface definition files, plus the scripts used to +control compilation and installation of the executable. However, as a +special exception, the source code distributed need not include +anything that is normally distributed (in either source or binary +form) with the major components (compiler, kernel, and so on) of the +operating system on which the executable runs, unless that component +itself accompanies the executable. + +If distribution of executable or object code is made by offering +access to copy from a designated place, then offering equivalent +access to copy the source code from the same place counts as +distribution of the source code, even though third parties are not +compelled to copy the source along with the object code. + + 4. You may not copy, modify, sublicense, or distribute the Program +except as expressly provided under this License. Any attempt +otherwise to copy, modify, sublicense or distribute the Program is +void, and will automatically terminate your rights under this License. +However, parties who have received copies, or rights, from you under +this License will not have their licenses terminated so long as such +parties remain in full compliance. + + 5. You are not required to accept this License, since you have not +signed it. However, nothing else grants you permission to modify or +distribute the Program or its derivative works. These actions are +prohibited by law if you do not accept this License. Therefore, by +modifying or distributing the Program (or any work based on the +Program), you indicate your acceptance of this License to do so, and +all its terms and conditions for copying, distributing or modifying +the Program or works based on it. + + 6. Each time you redistribute the Program (or any work based on the +Program), the recipient automatically receives a license from the +original licensor to copy, distribute or modify the Program subject to +these terms and conditions. You may not impose any further +restrictions on the recipients' exercise of the rights granted herein. +You are not responsible for enforcing compliance by third parties to +this License. + + 7. If, as a consequence of a court judgment or allegation of patent +infringement or for any other reason (not limited to patent issues), +conditions are imposed on you (whether by court order, agreement or +otherwise) that contradict the conditions of this License, they do not +excuse you from the conditions of this License. If you cannot +distribute so as to satisfy simultaneously your obligations under this +License and any other pertinent obligations, then as a consequence you +may not distribute the Program at all. For example, if a patent +license would not permit royalty-free redistribution of the Program by +all those who receive copies directly or indirectly through you, then +the only way you could satisfy both it and this License would be to +refrain entirely from distribution of the Program. + +If any portion of this section is held invalid or unenforceable under +any particular circumstance, the balance of the section is intended to +apply and the section as a whole is intended to apply in other +circumstances. + +It is not the purpose of this section to induce you to infringe any +patents or other property right claims or to contest validity of any +such claims; this section has the sole purpose of protecting the +integrity of the free software distribution system, which is +implemented by public license practices. Many people have made +generous contributions to the wide range of software distributed +through that system in reliance on consistent application of that +system; it is up to the author/donor to decide if he or she is willing +to distribute software through any other system and a licensee cannot +impose that choice. + +This section is intended to make thoroughly clear what is believed to +be a consequence of the rest of this License. + + 8. If the distribution and/or use of the Program is restricted in +certain countries either by patents or by copyrighted interfaces, the +original copyright holder who places the Program under this License +may add an explicit geographical distribution limitation excluding +those countries, so that distribution is permitted only in or among +countries not thus excluded. In such case, this License incorporates +the limitation as if written in the body of this License. + + 9. The Free Software Foundation may publish revised and/or new versions +of the General Public License from time to time. Such new versions will +be similar in spirit to the present version, but may differ in detail to +address new problems or concerns. + +Each version is given a distinguishing version number. If the Program +specifies a version number of this License which applies to it and "any +later version", you have the option of following the terms and conditions +either of that version or of any later version published by the Free +Software Foundation. If the Program does not specify a version number of +this License, you may choose any version ever published by the Free Software +Foundation. + + 10. If you wish to incorporate parts of the Program into other free +programs whose distribution conditions are different, write to the author +to ask for permission. For software which is copyrighted by the Free +Software Foundation, write to the Free Software Foundation; we sometimes +make exceptions for this. Our decision will be guided by the two goals +of preserving the free status of all derivatives of our free software and +of promoting the sharing and reuse of software generally. + + NO WARRANTY + + 11. BECAUSE THE PROGRAM IS LICENSED FREE OF CHARGE, THERE IS NO WARRANTY +FOR THE PROGRAM, TO THE EXTENT PERMITTED BY APPLICABLE LAW. EXCEPT WHEN +OTHERWISE STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR OTHER PARTIES +PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESSED +OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF +MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE. THE ENTIRE RISK AS +TO THE QUALITY AND PERFORMANCE OF THE PROGRAM IS WITH YOU. SHOULD THE +PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF ALL NECESSARY SERVICING, +REPAIR OR CORRECTION. + + 12. IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING +WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MAY MODIFY AND/OR +REDISTRIBUTE THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, +INCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING +OUT OF THE USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED +TO LOSS OF DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY +YOU OR THIRD PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER +PROGRAMS), EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE +POSSIBILITY OF SUCH DAMAGES. + + END OF TERMS AND CONDITIONS + + How to Apply These Terms to Your New Programs + + If you develop a new program, and you want it to be of the greatest +possible use to the public, the best way to achieve this is to make it +free software which everyone can redistribute and change under these terms. + + To do so, attach the following notices to the program. It is safest +to attach them to the start of each source file to most effectively +convey the exclusion of warranty; and each file should have at least +the "copyright" line and a pointer to where the full notice is found. + + + Copyright (C) + + This program is free software; you can redistribute it and/or modify + it under the terms of the GNU General Public License as published by + the Free Software Foundation; either version 2 of the License, or + (at your option) any later version. + + This program is distributed in the hope that it will be useful, + but WITHOUT ANY WARRANTY; without even the implied warranty of + MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + GNU General Public License for more details. + + You should have received a copy of the GNU General Public License along + with this program; if not, write to the Free Software Foundation, Inc., + 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA. + +Also add information on how to contact you by electronic and paper mail. + +If the program is interactive, make it output a short notice like this +when it starts in an interactive mode: + + Gnomovision version 69, Copyright (C) year name of author + Gnomovision comes with ABSOLUTELY NO WARRANTY; for details type `show w'. + This is free software, and you are welcome to redistribute it + under certain conditions; type `show c' for details. + +The hypothetical commands `show w' and `show c' should show the appropriate +parts of the General Public License. Of course, the commands you use may +be called something other than `show w' and `show c'; they could even be +mouse-clicks or menu items--whatever suits your program. + +You should also get your employer (if you work as a programmer) or your +school, if any, to sign a "copyright disclaimer" for the program, if +necessary. Here is a sample; alter the names: + + Yoyodyne, Inc., hereby disclaims all copyright interest in the program + `Gnomovision' (which makes passes at compilers) written by James Hacker. + + , 1 April 1989 + Ty Coon, President of Vice + +This General Public License does not permit incorporating your program into +proprietary programs. If your program is a subroutine library, you may +consider it more useful to permit linking proprietary applications with the +library. If this is what you want to do, use the GNU Lesser General +Public License instead of this License. diff --git a/sites/all/modules/contrib/admin/toolbar_themes/README.md b/sites/all/modules/contrib/admin/toolbar_themes/README.md new file mode 100644 index 000000000..1f184cbbd --- /dev/null +++ b/sites/all/modules/contrib/admin/toolbar_themes/README.md @@ -0,0 +1,2 @@ +# Toolbar Themes + diff --git a/sites/all/modules/contrib/admin/toolbar_themes/config/install/toolbar_themes.settings.yml b/sites/all/modules/contrib/admin/toolbar_themes/config/install/toolbar_themes.settings.yml new file mode 100644 index 000000000..4671b2c1a --- /dev/null +++ b/sites/all/modules/contrib/admin/toolbar_themes/config/install/toolbar_themes.settings.yml @@ -0,0 +1,4 @@ +# Install settings. +default_theme: toolbar_admin_menu +icons: 0 +tabs: 0 diff --git a/sites/all/modules/contrib/admin/toolbar_themes/css/toolbar-themes-form.css b/sites/all/modules/contrib/admin/toolbar_themes/css/toolbar-themes-form.css new file mode 100644 index 000000000..5e7409fe4 --- /dev/null +++ b/sites/all/modules/contrib/admin/toolbar_themes/css/toolbar-themes-form.css @@ -0,0 +1,34 @@ +/* Styles provided by the Toolbar Theme module . */ + +/*#toolbar-administration {display: none !important}*/ + +.toolbar-themes-form { + overflow-x: scroll; +} + +.toolbar-themes-form td { + vertical-align: top; +} + + +.toolbar-themes-form .toolbar-theme-screen-shot { + max-width: 540px; +} + +.toolbar-themes-form .toolbar-themes-meta, +.toolbar-themes-form .toolbar-themes-meta dt, +.toolbar-themes-form .toolbar-themes-meta dd { + margin: 0; +} + +.toolbar-themes-form .toolbar-themes-meta dt { + clear: left; + margin-right: 3px; + width: 5em; + font-weight: 600; +} + +.toolbar-themes-form .toolbar-themes-meta dt, +.toolbar-themes-form .toolbar-themes-meta dd { + float: left; +} diff --git a/sites/all/modules/contrib/admin/toolbar_themes/js/base.js b/sites/all/modules/contrib/admin/toolbar_themes/js/base.js new file mode 100644 index 000000000..526a49db4 --- /dev/null +++ b/sites/all/modules/contrib/admin/toolbar_themes/js/base.js @@ -0,0 +1,47 @@ +(function ($, drupalSettings) { + + 'use strict'; + + Drupal.behaviors.ToolbarThemes = { + attach: function () { + + // Remove titles, they obscure drop menu items. + $('#toolbar-bar a').removeAttr('title'); + + // Wrap menu link text. + $('#toolbar-bar .toolbar-menu a').wrapInner(''); + + if (drupalSettings.toolbar.icons == 1) { + // Remove toolbar tab-icon classes. + $("#toolbar-bar .toolbar-tab a").removeClass(function (index, css) { + return (css.match (/(^|\s)toolbar-ico\S+/g) || []).join(' '); + }); + + // Move icons into anchors so we can style active/hover states etc. + if (drupalSettings.toolbar.tabs == 1) { + $('#toolbar-bar .toolbar-tab__items-wrapper i.toolbar-icon').each(function () { + var t = $(this).prev(); + $(this).prependTo(t); + }); + } + + if ($('#toolbar-bar').hasClass('has-icons')) { + $('#toolbar-bar .toolbar-tray-horizontal i.toolbar-icon').each(function() { + var h = $(this).prev(); + $(this).prependTo(h); + }); + + $('#toolbar-bar .toolbar-tray-vertical i.toolbar-icon').each(function() { + if ($(this).parents('.toolbar-tab').find('.trigger').hasClass('is-active')) { + var v = $(this).siblings('.toolbar-box').find('a.toolbar-menu__link'); + } else { + var v = $(this).prev(); + } + $(this).prependTo(v); + }); + } + } + } + }; + +})(jQuery, drupalSettings); diff --git a/sites/all/modules/contrib/admin/toolbar_themes/package.json b/sites/all/modules/contrib/admin/toolbar_themes/package.json new file mode 100644 index 000000000..0a73a4776 --- /dev/null +++ b/sites/all/modules/contrib/admin/toolbar_themes/package.json @@ -0,0 +1,33 @@ +{ + "name": "toolbar_themes", + "version": "8.0.0", + "description": "Theme and style overrides for the Toolbar", + "author": "Jeff Burnz", + "email": "jmburnz@gmail.com", + "private": true, + "devDependencies": { + "autoprefixer": "7.1.6", + "grunt": "1.0.1", + "grunt-contrib-watch": "1.0.0", + "grunt-grunticon": "^2.3.2", + "grunt-postcss": "0.9.0", + "grunt-sass": "2.0.0" + }, + "engines": { + "node": "6.11.5", + "npm": "5.5.1" + }, + "repository": { + "type": "git", + "url": "http://cgit.drupalcode.org/toolbar_themes/" + }, + "bugs": { + "url": "https://www.drupal.org/project/issues/toolbar_themes" + }, + "keywords": [ + "drupal", + "theme", + "toolbar" + ], + "license": "GPL-2.0" +} diff --git a/sites/all/modules/contrib/admin/toolbar_themes/src/Form/ToolbarThemesSettingsForm.php b/sites/all/modules/contrib/admin/toolbar_themes/src/Form/ToolbarThemesSettingsForm.php new file mode 100644 index 000000000..6dc5fca4b --- /dev/null +++ b/sites/all/modules/contrib/admin/toolbar_themes/src/Form/ToolbarThemesSettingsForm.php @@ -0,0 +1,188 @@ +config('toolbar_themes.settings'); + $admin_theme = $this->config('system.theme')->get('admin'); + + $form['settings'] = array( + '#type' => 'container', + '#tree' => TRUE, + '#title' => t('Toolbar Themes'), + ); + + $form['settings']['info'] = array( + '#type' => 'markup', + '#prefix' => '

', + '#suffix' => '

', + '#markup' => t('Select options to style the Toolbar.'), + ); + + // Table + $header = array( + 'theme' => t('Theme'), + 'screen_shot' => t('Screen Shots'), + 'meta' => t('Meta'), + ); + + $definitions = toolbar_themes_get_theme_definitions(); + $theme_handler = \Drupal::service('theme_handler'); + $options = array(); + + foreach ($definitions as $provider => $values) { + if ($theme_handler->themeExists($provider)) { + $provider_path = drupal_get_path('theme', $provider); + } + else { + $provider_path = drupal_get_path('module', $provider); + } + foreach ($values as $theme => $data) { + if (!isset($data['hidden']) || $data['hidden'] !== TRUE) { + // Label + $label[$theme] = ucfirst(t($data['label'])); + // Description + $description[$theme] = $data['description'] ? t($data['description']) : t('No description provided'); + // Dependencies + $dependency[$theme] = isset($data['libraries']['dependencies']) ? $data['libraries']['dependencies'][0] : NULL; + $screen_shot = []; + if ((isset($data['path']) && !empty($data['path'])) && (isset($data['screen_shot']) && !empty($data['screen_shot']))) { + $screen_shot[$theme] = array( + '#theme' => 'image', + '#uri' => $provider_path . '/' . $data['path'] . '/' . $data['screen_shot'], + '#alt' => $description[$theme], + '#attributes' => array('class' => array('toolbar-theme-screen-shot')), + ); + } + else { + $screen_shot[$theme] = array( + '#markup' => '' . t('No screen shot provided') . '', + ); + } + // Meta + $meta[$theme]['version'] = $data['version'] ? $data['version'] : NULL; + $meta[$theme]['meta'] = array( + '#markup' => '
' . t('Version') .'
' . $meta[$theme]['version'] .'
' . t('Provider') .'
' . $provider . '
', + ); + // Table options + $options[$theme] = array( + 'theme' => $label[$theme], + 'screen_shot' => \Drupal::service('renderer')->render($screen_shot[$theme]), + 'meta' => \Drupal::service('renderer')->render($meta[$theme]['meta']), + ); + // Radios default value is a key, not an array. + if ($config->get('default_theme') === $theme) { + $default = $theme; + } + } + } + } + + if (!empty($options)) { + $form['settings']['default_theme'] = array( + '#type' => 'tableselect', + '#title' => t('Select toolbar theme'), + '#header' => $header, + '#options' => $options, + '#multiple' => FALSE, + '#js_select' => FALSE, + '#default_value' => $default, + '#empty' => t('No toolbar themes found'), + ); + } + +// $form['settings']['font_size'] = array( +// '#type' => 'number', +// '#title' => t('Set font size'), +// '#max-length' => 2, +// '#step' => 1, +// '#default_value' => $config->get('font_size'), +// '#attributes' => array( +// 'min' => 10, +// 'max' => 99, +// 'step' => 1, +// 'class' => array('font-size'), +// ), +// '#field_suffix' => 'px', +// ); + + // Adminimal warnings etc. + if ($admin_theme == 'adminimal_theme') { + $form['settings']['font_disabled'] = array( + '#type' => 'markup', + '#prefix' => '
', + '#suffix' => '
', + '#markup' => t('For Adminmal the font size will only apply to the front end theme.'), + ); + } + + $form['settings']['tabs'] = array( + '#type' => 'checkbox', + '#title' => t('Show toolbar tabs'), + '#default_value' => $config->get('tabs'), + '#description' => t('Unchecked this will remove tabs except for the Manage tab which is replaced by an icon.'), + ); + + $form['settings']['icons'] = array( + '#type' => 'checkbox', + '#title' => t('Show icons'), + '#default_value' => $config->get('icons'), + '#description' => t('Unchecked this will remove icons from tab and menu items, while orientation toggle icons and sub-menu arrows remain.'), + ); + + $form['settings']['actions']['#type'] = 'actions'; + $form['settings']['actions']['submit'] = array( + '#type' => 'submit', + '#value' => $this->t('Submit'), + '#button_type' => 'primary', + ); + + return $form; + } + + /** + * {@inheritDoc} + */ + public function validateForm(array &$form, FormStateInterface $form_state) {} + + /** + * {@inheritdoc} + */ + public function submitForm(array &$form, FormStateInterface $form_state) { + $values = $form_state->getValues(); + $config = \Drupal::service('config.factory')->getEditable('toolbar_themes.settings'); + foreach ($values['settings'] as $key => $setting) { + $config->set($key, $setting); + } + $config->save(); + parent::submitForm($form, $form_state); + drupal_flush_all_caches(); + } +} diff --git a/sites/all/modules/contrib/admin/toolbar_themes/templates/toolbar-themes--menu.html.twig b/sites/all/modules/contrib/admin/toolbar_themes/templates/toolbar-themes--menu.html.twig new file mode 100644 index 000000000..314bdadb2 --- /dev/null +++ b/sites/all/modules/contrib/admin/toolbar_themes/templates/toolbar-themes--menu.html.twig @@ -0,0 +1,93 @@ +{# +/** + * Toolbar themes theme implementation to display a toolbar menu. + * + * Available variables: + * - menu_name: The machine name of the menu. + * - items: A nested list of menu items. Each menu item contains: + * - attributes: HTML attributes for the menu item. + * - below: The menu item child items. + * - title: The menu link title. + * - url: The menu link url, instance of \Drupal\Core\Url + * - localized_options: Menu link localized options. + * - is_expanded: TRUE if the link has visible children within the current + * menu tree. + * - is_collapsed: TRUE if the link has children within the current menu tree + * that are not currently visible. + * - in_active_trail: TRUE if the link is in the active trail. + * - show_icon: bool to show or hide icon markup. + * + * @ingroup themeable + */ +#} +{%- import _self as menus -%} +{# + We call a macro which calls itself to render the full tree. + @see http://twig.sensiolabs.org/doc/tags/macro.html +#} +{{- menus.menu_links(items, attributes, 0, menu_name) -}} + +{%- macro menu_links(items, attributes, menu_level, menu_name) -%} + {%- import _self as menus -%} + + {% if items %} +
    + + {# Begin loop. #} + {% for item in items %} + + {% if item.below is not empty %} + {% set is_parent = true %} + {% else %} + {% set is_parent = false %} + {% endif %} + + {% + set item_classes = [ + 'menu-item', + is_parent ? 'is-parent', + item.is_expanded ? 'menu-item--expanded', + item.is_collapsed ? 'menu-item--collapsed', + item.in_active_trail ? 'menu-tem--active-trail', + ] + %} + + {# We set an id on list items to provide context for aria attributes. #} + + {{ + link( + item.title, + item.url + ) + }} + + {%- if item.show_icon -%} + {%- if item.icon_attributes -%} + + {%- endif -%} + {%- endif -%} + + {% if item.below %} + {{ + menus.menu_links( + item.below, + attributes, + menu_level + 1, + menu_name + ) + }} + {% endif %} + + + {%- endfor -%} + {# End loop. #} + +
+ {% endif %} +{%- endmacro -%} \ No newline at end of file diff --git a/sites/all/modules/contrib/admin/toolbar_themes/templates/toolbar-themes--toolbar.html.twig b/sites/all/modules/contrib/admin/toolbar_themes/templates/toolbar-themes--toolbar.html.twig new file mode 100644 index 000000000..c79c9c467 --- /dev/null +++ b/sites/all/modules/contrib/admin/toolbar_themes/templates/toolbar-themes--toolbar.html.twig @@ -0,0 +1,56 @@ +{# +/** + * Toolbar themes implementation for the administrative toolbar. + * + * Available variables: + * - attributes: HTML attributes for the wrapper. + * - toolbar_attributes: HTML attributes to apply to the toolbar. + * - toolbar_heading: The heading or label for the toolbar. + * - tabs: List of tabs for the toolbar. + * - attributes: HTML attributes for the tab container. + * - link: Link or button for the menu tab. + * - icon_attributes: tab icon classes and attributes to style SVG grunticons. + * - trays: Toolbar tray list, each associated with a tab. Each tray in trays + * contains: + * - attributes: HTML attributes to apply to the tray. + * - label: The tray's label. + * - links: The tray menu links. + * - remainder: Any non-tray, non-tab elements left to be rendered. + * - show_icons: bool to show or hide icon markup. + * + * @see toobar_themes_preprocess_toolbar() + * + * @ingroup themeable + */ +#} + + {% + set classes = [ + 'toolbar-bar', + show_icons ? 'has-icons' : 'no-icons', + show_tabs ? 'has-tabs' : 'no-tabs', + ] + %} + + + {% for key, tab in tabs %} + {% set tray = trays[key] %} + + + {{- tab.link -}} + + {% spaceless %} + + {% if tray.label %} + + {% endif %} + + + {% endspaceless %} + + {% endfor %} + + {{ remainder }} + diff --git a/sites/all/modules/contrib/admin/toolbar_themes/themes/admin_menu/_variables.scss b/sites/all/modules/contrib/admin/toolbar_themes/themes/admin_menu/_variables.scss new file mode 100644 index 000000000..e0b187065 --- /dev/null +++ b/sites/all/modules/contrib/admin/toolbar_themes/themes/admin_menu/_variables.scss @@ -0,0 +1,34 @@ +// Admin theme SCSS variables. + +$font-family : "Lucida Grande", "Lucida Sans Unicode", "DejaVu Sans", "Lucida Sans", arial, sans-serif; +$font-size : .75rem; + +$tap-highlight : rgba(255, 255, 255, 0); + +$toolbar-bar-color : #e8e8e8; +$toolbar-bar-background : #454545; + +$drop-shadows : false; +$drop-shadow-color : rgba(0, 0, 0, 0.333); +$border-color : #323232; + +$tab-item-height : $font-size * 2; +$toolbar-item-padding : 0.3em 0.95em .2em; + +$tab-color : #d8d8d8; +$tab-active-color : #fff; + +$tray-color : #e8e8e8; +$tray-active : #fff; +$tray-background : #101010; + +$tray-vertical-background : $tray-background; +$tray-border-color : #696969; + +$drop-menu-border-color : $border-color; +$drop-menu-background : rgba(16, 16, 16, 0.95); +$sub-menu-indicator : $tray-border-color; + +$toggle-orientation-color : $tray-border-color; +$toggle-orientation-active : $tray-color; +$toggle-orientation-border-color : $toggle-orientation-color; diff --git a/sites/all/modules/contrib/admin/toolbar_themes/themes/admin_menu/admin_menu_icons.css b/sites/all/modules/contrib/admin/toolbar_themes/themes/admin_menu/admin_menu_icons.css new file mode 100644 index 000000000..82cc167f9 --- /dev/null +++ b/sites/all/modules/contrib/admin/toolbar_themes/themes/admin_menu/admin_menu_icons.css @@ -0,0 +1,47 @@ +/** + * admin_menu_icons + */ +#toolbar-administration .toolbar-icon { + padding: 0 .25em 0 0; +} + +#toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper .toolbar-icon { + fill: #d8d8d8; + top: 0.1em; +} + +#toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper .toolbar-icon-menu { + width: 0.875em; +} + +#toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper a:hover .toolbar-icon, #toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper a:active .toolbar-icon, #toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper a.is-active .toolbar-icon, +#toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper button:hover .toolbar-icon, +#toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper button:active .toolbar-icon, +#toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper button.is-active .toolbar-icon { + fill: #fff; +} + +@media only screen and (max-width: 24em) { + #toolbar-administration .toolbar-bar .home-toolbar-tab, + #toolbar-administration .toolbar-bar .tour-toolbar-tab, + #toolbar-administration .toolbar-bar .toolbar-tab__items-wrapper .toolbar-icon { + display: none; + } +} + +#toolbar-administration .toolbar-menu a { + fill: #e8e8e8; +} + +#toolbar-administration .toolbar-menu a:hover, #toolbar-administration .toolbar-menu a:focus, #toolbar-administration .toolbar-menu a:active, #toolbar-administration .toolbar-menu a.is-active { + fill: #fff; +} + +#toolbar-administration .toolbar-menu a.is-active[href="/"] { + fill: #e8e8e8; +} + +#toolbar-administration .toolbar-menu a:hover[href="/"], #toolbar-administration .toolbar-menu a:focus[href="/"], #toolbar-administration .toolbar-menu a:active[href="/"] { + fill: #fff; +} +/*# sourceMappingURL=admin_menu_icons.css.map */ \ No newline at end of file diff --git a/sites/all/modules/contrib/admin/toolbar_themes/themes/admin_menu/admin_menu_icons.css.map b/sites/all/modules/contrib/admin/toolbar_themes/themes/admin_menu/admin_menu_icons.css.map new file mode 100644 index 000000000..8d803bc2b --- /dev/null +++ b/sites/all/modules/contrib/admin/toolbar_themes/themes/admin_menu/admin_menu_icons.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["admin_menu_icons.scss","_variables.scss","admin_menu_icons.css"],"names":[],"mappings":"AAAA;;GAEG;AAgBH;EAGI,qBAAoB;CACrB;;AAJH;EAYU,cCbiC;EDcjC,WAAU;CACX;;AAdT;EAiBU,eAAc;CACf;;AAlBT;;;;EA0Bc,WC1B0B;CD2B3B;;AAOX;EAlCF;;;IAwCM,cAAa;GACd;CE9BJ;;AFXD;EAgDM,cC9CqC;CDkEtC;;AApEL;EAsDQ,WCnDgC;CDoDjC;;AAvDP;EA0DQ,cCxDmC;CDyDpC;;AA3DP;EAiEU,WC9D8B;CD+D/B","file":"admin_menu_icons.css","sourcesContent":[null,null,"/**\n * admin_menu_icons\n */\n#toolbar-administration .toolbar-icon {\n padding: 0 .25em 0 0;\n}\n\n#toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper .toolbar-icon {\n fill: #d8d8d8;\n top: 0.1em;\n}\n\n#toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper .toolbar-icon-menu {\n width: 0.875em;\n}\n\n#toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper a:hover .toolbar-icon, #toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper a:active .toolbar-icon, #toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper a.is-active .toolbar-icon,\n#toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper button:hover .toolbar-icon,\n#toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper button:active .toolbar-icon,\n#toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper button.is-active .toolbar-icon {\n fill: #fff;\n}\n\n@media only screen and (max-width: 24em) {\n #toolbar-administration .toolbar-bar .home-toolbar-tab,\n #toolbar-administration .toolbar-bar .tour-toolbar-tab,\n #toolbar-administration .toolbar-bar .toolbar-tab__items-wrapper .toolbar-icon {\n display: none;\n }\n}\n\n#toolbar-administration .toolbar-menu a {\n fill: #e8e8e8;\n}\n\n#toolbar-administration .toolbar-menu a:hover, #toolbar-administration .toolbar-menu a:focus, #toolbar-administration .toolbar-menu a:active, #toolbar-administration .toolbar-menu a.is-active {\n fill: #fff;\n}\n\n#toolbar-administration .toolbar-menu a.is-active[href=\"/\"] {\n fill: #e8e8e8;\n}\n\n#toolbar-administration .toolbar-menu a:hover[href=\"/\"], #toolbar-administration .toolbar-menu a:focus[href=\"/\"], #toolbar-administration .toolbar-menu a:active[href=\"/\"] {\n fill: #fff;\n}\n\n/*# sourceMappingURL=admin_menu_icons.css.map */"]} \ No newline at end of file diff --git a/sites/all/modules/contrib/admin/toolbar_themes/themes/admin_menu/admin_menu_icons.scss b/sites/all/modules/contrib/admin/toolbar_themes/themes/admin_menu/admin_menu_icons.scss new file mode 100644 index 000000000..9c3ff67a7 --- /dev/null +++ b/sites/all/modules/contrib/admin/toolbar_themes/themes/admin_menu/admin_menu_icons.scss @@ -0,0 +1,91 @@ +/** + * admin_menu_icons + */ + +// Import global variables. +@import "variables"; + + +// Most icons are embedded SVG. Icons are embedded using Grunticon. We are using +// the original SVG icons from Drupal core, however the width and height +// attribute have been replaced with a viewBox attribute so we can scale them +// properly with CSS. Embedded SVG has the advantage of being styled with CSS, +// and by using Grunticon JS loading we negate most of the bloat and overhead +// associated with embedding SVG files. For the buttons (orientation toggles & +// menu click handles), and for sub-menu indicators we use a custom font icon +// that is tiny and only includes four icons. We rotate and color these in CSS +// as required. + +#toolbar-administration { + + .toolbar-icon { + padding: 0 .25em 0 0; + } + + + // Top level icons. + .toolbar-bar { + .toolbar-tab { + .toolbar-tab__items-wrapper { + .toolbar-icon { + fill: $tab-color ; + top: 0.1em; + } + + .toolbar-icon-menu { + width: 0.875em; + } + + a, + button { + &:hover, + &:active, + &.is-active { + .toolbar-icon { + fill: $tab-active-color; + } + } + } + } + } + } + + @media only screen and (max-width: 24em) { + // Toolbar-themes module cannot hide the text, so instead we remove the + // icons and other redundant tabs in narrow screens. + .toolbar-bar .home-toolbar-tab, + .toolbar-bar .tour-toolbar-tab, + .toolbar-bar .toolbar-tab__items-wrapper .toolbar-icon { + display: none; + } + } + + + // Main menu icons. + .toolbar-menu { + a { + fill: $tray-color; + + &:hover, + &:focus, + &:active, + &.is-active { + fill: $tray-active; + } + + &.is-active[href="/"] { + fill: $tray-color; + } + + &:hover, + &:focus, + &:active { + &[href="/"] { + fill: $tray-active; + } + } + } + } +} + + diff --git a/sites/all/modules/contrib/admin/toolbar_themes/themes/admin_menu/admin_menu_theme.css b/sites/all/modules/contrib/admin/toolbar_themes/themes/admin_menu/admin_menu_theme.css new file mode 100644 index 000000000..90280eb1c --- /dev/null +++ b/sites/all/modules/contrib/admin/toolbar_themes/themes/admin_menu/admin_menu_theme.css @@ -0,0 +1,345 @@ +/** + * admin_menu_theme + * Theme styles for menus and other toolbar elements. SVG icons are styled in + * the [theme]_icons.scss file, while click handles, e.g. origination buttons + * are styled here. + */ +body .toolbar-no-tabs { + padding-top: 1.5rem !important; +} + +#toolbar-administration { + font-family: "Lucida Grande", "Lucida Sans Unicode", "DejaVu Sans", "Lucida Sans", arial, sans-serif; + font-weight: 400; + font-size: 0.75rem; + height: 3rem; + background-color: #454545; + -webkit-tap-highlight-color: rgba(255, 255, 255, 0); +} + +.toolbar-vertical #toolbar-administration, +.toolbar-no-tabs #toolbar-administration, +#toolbar-administration .toolbar-tab, +#toolbar-administration .toolbar-tray { + height: 1.5rem; +} + +#toolbar-administration .toolbar-tray { + top: 1.5rem; +} + +#toolbar-administration .toolbar-tab a:hover, #toolbar-administration .toolbar-tab a:focus, +#toolbar-administration .toolbar-item a:hover, +#toolbar-administration .toolbar-item a:focus { + text-decoration: none; + outline: none; +} + +#toolbar-administration .toolbar-item { + padding: 0.3em 0.95em 0.2em; + display: block; +} + +#toolbar-administration .toolbar__link-label { + font-size: 1em; +} + +#toolbar-administration .toolbar-bar { + background-color: #454545; + color: #e8e8e8; +} + +#toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper a { + color: #d8d8d8; +} + +#toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper a:hover, #toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper a:focus, #toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper a.is-active { + color: #fff; + background-image: -webkit-gradient(linear, left top, left bottom, from(#454545), to(#101010)); + background-image: -webkit-linear-gradient(#454545, #101010); + background-image: -o-linear-gradient(#454545, #101010); + background-image: linear-gradient(#454545, #101010); +} + +#toolbar-administration .toolbar-bar .tour-toolbar-tab.toolbar-tab { + float: none; +} + +#toolbar-administration .toolbar-bar .tour-toolbar-tab button.toolbar-item { + padding: 0.3em 0.95em 0.2em; +} + +#toolbar-administration .toolbar-bar .contextual-toolbar-tab button.toolbar-item { + color: #d8d8d8; +} + +#toolbar-administration .toolbar-bar .contextual-toolbar-tab button.toolbar-item:hover, #toolbar-administration .toolbar-bar .contextual-toolbar-tab button.toolbar-item:focus, #toolbar-administration .toolbar-bar .contextual-toolbar-tab button.toolbar-item.is-active { + color: #fff; + background: none; +} + +#toolbar-administration .toolbar-lining button:focus { + outline: none; +} + +#toolbar-administration .toolbar-menu { + list-style: none; + margin: 0; + padding: 0; +} + +#toolbar-administration .toolbar-box a:focus { + outline: none; +} + +#toolbar-administration .toolbar-box a:hover:focus { + text-decoration: none; +} + +#toolbar-administration .toolbar-tray { + background-color: #101010; +} + +#toolbar-administration .toolbar-tray a { + color: #e8e8e8; + cursor: pointer; + padding: 0.3em 0.95em 0.2em; +} + +#toolbar-administration .toolbar-tray a:hover, #toolbar-administration .toolbar-tray a:active, #toolbar-administration .toolbar-tray a:focus, #toolbar-administration .toolbar-tray a.is-active { + color: #fff; +} + +#toolbar-administration .toolbar-tray a.is-active[href="/"] { + color: #e8e8e8; +} + +#toolbar-administration .toolbar-tray-horizontal a:focus { + outline: none; + background-color: #101010; +} + +#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration .toolbar-menu .toolbar-menu { + background-color: rgba(16, 16, 16, 0.95); +} + +#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration .toolbar-menu .toolbar-menu .menu-item { + border-top: 1px solid #101010; +} + +#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration .toolbar-menu .toolbar-menu .menu-item:first-child { + border-top-color: #101010; +} + +#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration .toolbar-menu .toolbar-menu > .menu-item--expanded > .toolbar-menu { + top: -1px; +} + +#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu > .menu-item > a, +#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu > .menu-item > .toolbar-box a { + border-right: 1px solid; + border-color: #101010; + -webkit-border-image: -webkit-gradient(linear, left bottom, left top, from(#696969), to(#101010)) 1 100%; + -webkit-border-image: -webkit-linear-gradient(bottom, #696969, #101010) 1 100%; + -o-border-image: -o-linear-gradient(bottom, #696969, #101010) 1 100%; + border-image: -webkit-gradient(linear, left bottom, left top, from(#696969), to(#101010)) 1 100%; + border-image: linear-gradient(to top, #696969, #101010) 1 100%; +} + +[dir="rtl"] #toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu > .menu-item > a, [dir="rtl"] +#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu > .menu-item > .toolbar-box a { + border-right: 0; + border-left: 1px solid; +} + +#toolbar-administration .toolbar-tray-horizontal .menu-item .menu-item:hover, #toolbar-administration .toolbar-tray-horizontal .menu-item .menu-item:focus { + background-color: #101010; +} + +#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .toolbar-menu > .menu-item--expanded > a:after, +#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .toolbar-menu > .menu-item--expanded .toolbar-box > a:after { + color: #696969; + right: 0.65em; + top: 0.5em; + display: block; + font-size: 0.9em; +} + +#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .toolbar-menu > .menu-item--expanded > a:hover:after, #toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .toolbar-menu > .menu-item--expanded > a:focus:after, +#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .toolbar-menu > .menu-item--expanded .toolbar-box > a:hover:after, +#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .toolbar-menu > .menu-item--expanded .toolbar-box > a:focus:after { + color: #fff; +} + +#toolbar-administration .toolbar-tray-horizontal .edit-shortcuts { + float: none; + position: absolute; + right: 2.2em; + top: 0; +} + +#toolbar-administration .toolbar-tray-vertical { + background-color: #101010; + border-right: 1px solid #323232; + height: 100%; +} + +[dir="rtl"] #toolbar-administration .toolbar-tray-vertical { + border-left: 1px solid #323232; + border-right: 0 none; +} + +#toolbar-administration .toolbar-tray-vertical .toolbar-menu .toolbar-menu { + display: none; +} + +#toolbar-administration .toolbar-tray-vertical .menu-item--expanded.open > .toolbar-menu { + display: block; + border-bottom-width: 0; +} + +#toolbar-administration .toolbar-tray-vertical .menu-item--expanded.open > .toolbar-menu .toolbar-menu { + border-bottom-width: 1px; +} + +#toolbar-administration .toolbar-tray-vertical .toolbar-handle + a { + margin-right: 3em; +} + +[dir="rtl"] #toolbar-administration .toolbar-tray-vertical .toolbar-handle + a { + margin-left: 3em; + margin-right: 0; +} + +#toolbar-administration .toolbar-tray-vertical .menu-item + .menu-item { + border-top: 1px solid #696969; +} + +#toolbar-administration .toolbar-tray-vertical .menu-item:last-child { + border-bottom: 1px solid #696969; +} + +#toolbar-administration .toolbar-tray-vertical .menu-item .menu-item { + border: 0 none; +} + +#toolbar-administration .toolbar-tray-vertical .menu-item .toolbar-box:hover, +#toolbar-administration .toolbar-tray-vertical .menu-item .toolbar-box:focus { + background-color: #1d1d1d; +} + +#toolbar-administration .toolbar-tray-vertical .toolbar-menu.root { + border: 0; +} + +#toolbar-administration .toolbar-tray-vertical .toolbar-menu .toolbar-menu { + border-bottom: 1px solid; + border-top: 1px solid; +} + +#toolbar-administration .toolbar-tray-vertical .toolbar-menu > .level-1 > ul { + background-color: #383838; + border-bottom-color: #5c5c5c; + border-top-color: #5c5c5c; +} + +#toolbar-administration .toolbar-tray-vertical .toolbar-menu > .level-2 > ul { + background-color: #2c2c2c; + border-bottom-color: #505050; + border-top-color: #505050; +} + +#toolbar-administration .toolbar-tray-vertical .toolbar-menu > .level-3 > ul { + background-color: #1f1f1f; + border-bottom-color: #434343; + border-top-color: #434343; +} + +#toolbar-administration .toolbar-tray-vertical .toolbar-menu > .level-4 > ul { + background-color: #121212; + border-bottom-color: #363636; + border-top-color: #363636; +} + +#toolbar-administration .toolbar-tray-vertical .toolbar-menu > .level-5 > ul { + background-color: #050505; + border-bottom-color: #292929; + border-top-color: #292929; +} + +#toolbar-administration .toolbar-tray-vertical .toolbar-menu > .level-6 > ul { + background-color: black; + border-bottom-color: #1d1d1d; + border-top-color: #1d1d1d; +} + +#toolbar-administration .toolbar-tray-vertical .toolbar-menu > .level-7 > ul { + background-color: black; + border-bottom-color: #101010; + border-top-color: #101010; +} + +#toolbar-administration .toolbar-tray-vertical .toolbar-menu > .level-8 > ul { + background-color: black; + border-bottom-color: #030303; + border-top-color: #030303; +} + +#toolbar-administration .menu-item:last-child > .toolbar-menu { + border-bottom: 0; +} + +#toolbar-administration .toolbar-icon.toolbar-handle:before { + color: #696969; +} + +#toolbar-administration .toolbar-icon.toolbar-handle.open:before { + color: #fff; +} + +#toolbar-administration .toolbar-toggle-orientation button.toolbar-icon:after, #toolbar-administration .toolbar-toggle-orientation button.toolbar-icon:before { + color: #696969; +} + +#toolbar-administration .toolbar-toggle-orientation button.toolbar-icon:hover, #toolbar-administration .toolbar-toggle-orientation button.toolbar-icon:focus, #toolbar-administration .toolbar-toggle-orientation button.toolbar-icon:hover:after, #toolbar-administration .toolbar-toggle-orientation button.toolbar-icon:focus:before { + color: #e8e8e8; + background-color: transparent; +} + +#toolbar-administration .toolbar-tray-horizontal .toolbar-toggle-orientation { + border-left: 1px solid #696969; +} + +[dir="rtl"] #toolbar-administration .toolbar-tray-horizontal .toolbar-toggle-orientation { + border-left: 0 none; + border-right: 1px solid #696969; +} + +#toolbar-administration .toolbar-toggle-orientation [value="horizontal"]:after { + right: 0.95em; +} + +.adminimal #toolbar-bar { + font: normal 83.1%/1.538 "Open Sans", sans-serif !important; +} + +.adminimal.toolbar-tray-open.toolbar-fixed.toolbar-horizontal.toolbar-themes { + padding-top: 4.75em !important; +} + +.adminimal.toolbar-tray-open.toolbar-fixed.toolbar-horizontal #toolbar-administration { + background-color: #333; +} + +.adminimal.toolbar-tray-open.toolbar-fixed.toolbar-horizontal.toolbar-has-tabs #toolbar-administration { + min-height: 4em; +} + +.adminimal.toolbar-tray-open.toolbar-fixed.toolbar-horizontal.toolbar-no-tabs #toolbar-administration { + min-height: 2em; +} + +.adminimal.toolbar-fixed.toolbar-vertical.toolbar-has-tabs, .adminimal.toolbar-fixed.toolbar-horizontal.toolbar-no-tabs, .adminimal.toolbar-fixed.toolbar-vertical.toolbar-no-tabs, .adminimal.toolbar-tray-open.toolbar-fixed.toolbar-horizontal.toolbar-no-tabs { + padding-top: 2.3em !important; +} +/*# sourceMappingURL=admin_menu_theme.css.map */ \ No newline at end of file diff --git a/sites/all/modules/contrib/admin/toolbar_themes/themes/admin_menu/admin_menu_theme.css.map b/sites/all/modules/contrib/admin/toolbar_themes/themes/admin_menu/admin_menu_theme.css.map new file mode 100644 index 000000000..630c19446 --- /dev/null +++ b/sites/all/modules/contrib/admin/toolbar_themes/themes/admin_menu/admin_menu_theme.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["admin_menu_theme.scss","_variables.scss","admin_menu_theme.css"],"names":[],"mappings":"AAAA;;;;;GAKG;AAKH;EAEI,+BAAwC;CACzC;;AAGH;EACE,qGCfyH;EDgBzH,iBAAgB;EAChB,mBChBwC;EDiBxC,aAA4B;EAC5B,0BCbyC;EDczC,oDCjBwD;CDwYzD;;AArXC;;;;EAIE,eCd8C;CDe/C;;AAbH;EAgBI,YClB8C;CDmB/C;;AAjBH;;;EAwBQ,sBAAqB;EACrB,cAAa;CACd;;AA1BP;EA+BI,4BChCiD;EDiCjD,eAAc;CACf;;AAjCH;EAoCI,eAAc;CACf;;AArCH;EA0CI,0BClDuC;EDmDvC,eCpDuC;CDyGxC;;AAhGH;EA+DM,eC9DqC;CDsEtC;;AAvEL;EAoEQ,YClEgC;EDmEhC,8FAA4E;EAA5E,4DAA4E;EAA5E,uDAA4E;EAA5E,oDAA4E;CAC7E;;AAtEP;EA4EQ,YAAW;CACZ;;AA7EP;EAgFQ,4BCjF6C;CDkF9C;;AAjFP;EAsFM,eCrFqC;CD6FtC;;AA9FL;EA2FQ,YCzFgC;ED0FhC,iBAAgB;CACjB;;AA7FP;EAqGI,cAAa;CACd;;AAtGH;EA2GI,iBAAgB;EAChB,UAAS;EACT,WAAU;CACX;;AA9GH;EAqHM,cAAa;CACd;;AAtHL;EAyHM,sBAAqB;CACtB;;AA1HL;EAgII,0BC1HuC;CD4IxC;;AAlJH;EAmIM,eC/HqC;EDgIrC,gBAAe;EACf,4BCtI+C;CDkJhD;;AAjJL;EA2IQ,YCtIgC;CDuIjC;;AA5IP;EA+IQ,eC3ImC;CD4IpC;;AAhJP;EAgKM,cAAa;EACb,0BC3JqC;CD4JtC;;AAlKL;EAuKQ,yCC3JkD;CDmLnD;;AA/LP;EA8KU,8BCxKiC;CD6KlC;;AAnLT;EAiLY,0BC3K+B;CD4KhC;;AAlLX;EA6LU,UAAS;CACV;;AA9LT;;EAmMQ,wBAAuB;EACvB,sBC9LmC;ED+LnC,yGAAkF;EAAlF,+EAAkF;OAAlF,qEAAkF;UAAlF,iGAAkF;UAAlF,+DAAkF;CAMnF;;AE9EP;;EF2EU,gBAAe;EACf,uBAAsB;CACvB;;AA1MT;EAkNU,0BC5MiC;CD6MlC;;AAnNT;;EA4NU,eCnNiC;EDoNjC,cAAa;EACb,WAAU;EACV,eAAc;EACd,iBAAgB;CACjB;;AAjOT;;;EAsOY,YCjO4B;CDkO7B;;AAvOX;EA6OM,YAAW;EACX,mBAAkB;EAClB,aAAY;EACZ,OAAM;CACP;;AAjPL;EAuPI,0BCjPuC;EDkPvC,gCC5PuC;ED6PvC,aAAY;CA8Eb;;AEpKH;EF8FM,+BCrQqC;EDsQrC,qBAAoB;CAKrB;;AAvQL;EA0QM,cAAa;CACd;;AA3QL;EA8QM,eAAc;EACd,uBAAsB;CAKvB;;AApRL;EAkRQ,yBAAwB;CACzB;;AAnRP;EAuRM,kBAAiB;CAMlB;;AEpGL;EFiGQ,iBAAgB;EAChB,gBAAe;CAChB;;AA5RP;EAiSQ,8BCxRmC;CDyRpC;;AAlSP;EAqSQ,iCC5RmC;CD6RpC;;AAtSP;EAySQ,eAAc;CACf;;AA1SP;;EA8SQ,0BAA+C;CAChD;;AA/SP;EAoTQ,UAAS;CACV;;AArTP;EAwTQ,yBAAwB;EACxB,sBAAqB;CACtB;;AA1TP;EAkUQ,0BAA6D;EAC7D,6BAAuD;EACvD,0BAAuD;CACxD;;AArUP;EAkUQ,0BAA6D;EAC7D,6BAAuD;EACvD,0BAAuD;CACxD;;AArUP;EAkUQ,0BAA6D;EAC7D,6BAAuD;EACvD,0BAAuD;CACxD;;AArUP;EAkUQ,0BAA6D;EAC7D,6BAAuD;EACvD,0BAAuD;CACxD;;AArUP;EAkUQ,0BAA6D;EAC7D,6BAAuD;EACvD,0BAAuD;CACxD;;AArUP;EAkUQ,wBAA6D;EAC7D,6BAAuD;EACvD,0BAAuD;CACxD;;AArUP;EAkUQ,wBAA6D;EAC7D,6BAAuD;EACvD,0BAAuD;CACxD;;AArUP;EAkUQ,wBAA6D;EAC7D,6BAAuD;EACvD,0BAAuD;CACxD;;AArUP;EA0UI,iBAAgB;CACjB;;AA3UH;EAiVM,eCxUqC;CDyUtC;;AAlVL;EAsVQ,YCjVgC;CDkVjC;;AAvVP;EA8VM,eCrVqC;CDsVtC;;AA/VL;EAqWM,eCjWqC;EDkWrC,8BAA6B;CAC9B;;AAvWL;EAkXI,+BCzWuC;CD+WxC;;AEvFH;EFoFM,oBAAmB;EACnB,gCC7WqC;CD8WtC;;AAvXL;EA2XI,cAAa;CACd;;AAKH;EAGI,4DAA2D;CAC5D;;AAJH;EAUU,+BAA8B;CAC/B;;AAXT;EAcU,uBAAsB;CACvB;;AAfT;EAkBU,gBAAe;CAChB;;AAnBT;EAsBU,gBAAe;CAChB;;AAvBT;EAgCI,8BAA6B;CAC9B","file":"admin_menu_theme.css","sourcesContent":[null,null,"/**\n * admin_menu_theme\n * Theme styles for menus and other toolbar elements. SVG icons are styled in\n * the [theme]_icons.scss file, while click handles, e.g. origination buttons\n * are styled here.\n */\nbody .toolbar-no-tabs {\n padding-top: 1.5rem !important;\n}\n\n#toolbar-administration {\n font-family: \"Lucida Grande\", \"Lucida Sans Unicode\", \"DejaVu Sans\", \"Lucida Sans\", arial, sans-serif;\n font-weight: 400;\n font-size: 0.75rem;\n height: 3rem;\n background-color: #454545;\n -webkit-tap-highlight-color: rgba(255, 255, 255, 0);\n}\n\n.toolbar-vertical #toolbar-administration,\n.toolbar-no-tabs #toolbar-administration,\n#toolbar-administration .toolbar-tab,\n#toolbar-administration .toolbar-tray {\n height: 1.5rem;\n}\n\n#toolbar-administration .toolbar-tray {\n top: 1.5rem;\n}\n\n#toolbar-administration .toolbar-tab a:hover, #toolbar-administration .toolbar-tab a:focus,\n#toolbar-administration .toolbar-item a:hover,\n#toolbar-administration .toolbar-item a:focus {\n text-decoration: none;\n outline: none;\n}\n\n#toolbar-administration .toolbar-item {\n padding: 0.3em 0.95em 0.2em;\n display: block;\n}\n\n#toolbar-administration .toolbar__link-label {\n font-size: 1em;\n}\n\n#toolbar-administration .toolbar-bar {\n background-color: #454545;\n color: #e8e8e8;\n}\n\n#toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper a {\n color: #d8d8d8;\n}\n\n#toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper a:hover, #toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper a:focus, #toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper a.is-active {\n color: #fff;\n background-image: linear-gradient(#454545, #101010);\n}\n\n#toolbar-administration .toolbar-bar .tour-toolbar-tab.toolbar-tab {\n float: none;\n}\n\n#toolbar-administration .toolbar-bar .tour-toolbar-tab button.toolbar-item {\n padding: 0.3em 0.95em 0.2em;\n}\n\n#toolbar-administration .toolbar-bar .contextual-toolbar-tab button.toolbar-item {\n color: #d8d8d8;\n}\n\n#toolbar-administration .toolbar-bar .contextual-toolbar-tab button.toolbar-item:hover, #toolbar-administration .toolbar-bar .contextual-toolbar-tab button.toolbar-item:focus, #toolbar-administration .toolbar-bar .contextual-toolbar-tab button.toolbar-item.is-active {\n color: #fff;\n background: none;\n}\n\n#toolbar-administration .toolbar-lining button:focus {\n outline: none;\n}\n\n#toolbar-administration .toolbar-menu {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n#toolbar-administration .toolbar-box a:focus {\n outline: none;\n}\n\n#toolbar-administration .toolbar-box a:hover:focus {\n text-decoration: none;\n}\n\n#toolbar-administration .toolbar-tray {\n background-color: #101010;\n}\n\n#toolbar-administration .toolbar-tray a {\n color: #e8e8e8;\n cursor: pointer;\n padding: 0.3em 0.95em 0.2em;\n}\n\n#toolbar-administration .toolbar-tray a:hover, #toolbar-administration .toolbar-tray a:active, #toolbar-administration .toolbar-tray a:focus, #toolbar-administration .toolbar-tray a.is-active {\n color: #fff;\n}\n\n#toolbar-administration .toolbar-tray a.is-active[href=\"/\"] {\n color: #e8e8e8;\n}\n\n#toolbar-administration .toolbar-tray-horizontal a:focus {\n outline: none;\n background-color: #101010;\n}\n\n#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration .toolbar-menu .toolbar-menu {\n background-color: rgba(16, 16, 16, 0.95);\n}\n\n#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration .toolbar-menu .toolbar-menu .menu-item {\n border-top: 1px solid #101010;\n}\n\n#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration .toolbar-menu .toolbar-menu .menu-item:first-child {\n border-top-color: #101010;\n}\n\n#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration .toolbar-menu .toolbar-menu > .menu-item--expanded > .toolbar-menu {\n top: -1px;\n}\n\n#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu > .menu-item > a,\n#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu > .menu-item > .toolbar-box a {\n border-right: 1px solid;\n border-color: #101010;\n border-image: linear-gradient(to top, #696969, #101010) 1 100%;\n}\n\n[dir=\"rtl\"] #toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu > .menu-item > a, [dir=\"rtl\"]\n#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu > .menu-item > .toolbar-box a {\n border-right: 0;\n border-left: 1px solid;\n}\n\n#toolbar-administration .toolbar-tray-horizontal .menu-item .menu-item:hover, #toolbar-administration .toolbar-tray-horizontal .menu-item .menu-item:focus {\n background-color: #101010;\n}\n\n#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .toolbar-menu > .menu-item--expanded > a:after,\n#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .toolbar-menu > .menu-item--expanded .toolbar-box > a:after {\n color: #696969;\n right: 0.65em;\n top: 0.5em;\n display: block;\n font-size: 0.9em;\n}\n\n#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .toolbar-menu > .menu-item--expanded > a:hover:after, #toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .toolbar-menu > .menu-item--expanded > a:focus:after,\n#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .toolbar-menu > .menu-item--expanded .toolbar-box > a:hover:after,\n#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .toolbar-menu > .menu-item--expanded .toolbar-box > a:focus:after {\n color: #fff;\n}\n\n#toolbar-administration .toolbar-tray-horizontal .edit-shortcuts {\n float: none;\n position: absolute;\n right: 2.2em;\n top: 0;\n}\n\n#toolbar-administration .toolbar-tray-vertical {\n background-color: #101010;\n border-right: 1px solid #323232;\n height: 100%;\n}\n\n[dir=\"rtl\"] #toolbar-administration .toolbar-tray-vertical {\n border-left: 1px solid #323232;\n border-right: 0 none;\n}\n\n#toolbar-administration .toolbar-tray-vertical .toolbar-menu .toolbar-menu {\n display: none;\n}\n\n#toolbar-administration .toolbar-tray-vertical .menu-item--expanded.open > .toolbar-menu {\n display: block;\n border-bottom-width: 0;\n}\n\n#toolbar-administration .toolbar-tray-vertical .menu-item--expanded.open > .toolbar-menu .toolbar-menu {\n border-bottom-width: 1px;\n}\n\n#toolbar-administration .toolbar-tray-vertical .toolbar-handle + a {\n margin-right: 3em;\n}\n\n[dir=\"rtl\"] #toolbar-administration .toolbar-tray-vertical .toolbar-handle + a {\n margin-left: 3em;\n margin-right: 0;\n}\n\n#toolbar-administration .toolbar-tray-vertical .menu-item + .menu-item {\n border-top: 1px solid #696969;\n}\n\n#toolbar-administration .toolbar-tray-vertical .menu-item:last-child {\n border-bottom: 1px solid #696969;\n}\n\n#toolbar-administration .toolbar-tray-vertical .menu-item .menu-item {\n border: 0 none;\n}\n\n#toolbar-administration .toolbar-tray-vertical .menu-item .toolbar-box:hover,\n#toolbar-administration .toolbar-tray-vertical .menu-item .toolbar-box:focus {\n background-color: #1d1d1d;\n}\n\n#toolbar-administration .toolbar-tray-vertical .toolbar-menu.root {\n border: 0;\n}\n\n#toolbar-administration .toolbar-tray-vertical .toolbar-menu .toolbar-menu {\n border-bottom: 1px solid;\n border-top: 1px solid;\n}\n\n#toolbar-administration .toolbar-tray-vertical .toolbar-menu > .level-1 > ul {\n background-color: #383838;\n border-bottom-color: #5c5c5c;\n border-top-color: #5c5c5c;\n}\n\n#toolbar-administration .toolbar-tray-vertical .toolbar-menu > .level-2 > ul {\n background-color: #2c2c2c;\n border-bottom-color: #505050;\n border-top-color: #505050;\n}\n\n#toolbar-administration .toolbar-tray-vertical .toolbar-menu > .level-3 > ul {\n background-color: #1f1f1f;\n border-bottom-color: #434343;\n border-top-color: #434343;\n}\n\n#toolbar-administration .toolbar-tray-vertical .toolbar-menu > .level-4 > ul {\n background-color: #121212;\n border-bottom-color: #363636;\n border-top-color: #363636;\n}\n\n#toolbar-administration .toolbar-tray-vertical .toolbar-menu > .level-5 > ul {\n background-color: #050505;\n border-bottom-color: #292929;\n border-top-color: #292929;\n}\n\n#toolbar-administration .toolbar-tray-vertical .toolbar-menu > .level-6 > ul {\n background-color: black;\n border-bottom-color: #1d1d1d;\n border-top-color: #1d1d1d;\n}\n\n#toolbar-administration .toolbar-tray-vertical .toolbar-menu > .level-7 > ul {\n background-color: black;\n border-bottom-color: #101010;\n border-top-color: #101010;\n}\n\n#toolbar-administration .toolbar-tray-vertical .toolbar-menu > .level-8 > ul {\n background-color: black;\n border-bottom-color: #030303;\n border-top-color: #030303;\n}\n\n#toolbar-administration .menu-item:last-child > .toolbar-menu {\n border-bottom: 0;\n}\n\n#toolbar-administration .toolbar-icon.toolbar-handle:before {\n color: #696969;\n}\n\n#toolbar-administration .toolbar-icon.toolbar-handle.open:before {\n color: #fff;\n}\n\n#toolbar-administration .toolbar-toggle-orientation button.toolbar-icon:after, #toolbar-administration .toolbar-toggle-orientation button.toolbar-icon:before {\n color: #696969;\n}\n\n#toolbar-administration .toolbar-toggle-orientation button.toolbar-icon:hover, #toolbar-administration .toolbar-toggle-orientation button.toolbar-icon:focus, #toolbar-administration .toolbar-toggle-orientation button.toolbar-icon:hover:after, #toolbar-administration .toolbar-toggle-orientation button.toolbar-icon:focus:before {\n color: #e8e8e8;\n background-color: transparent;\n}\n\n#toolbar-administration .toolbar-tray-horizontal .toolbar-toggle-orientation {\n border-left: 1px solid #696969;\n}\n\n[dir=\"rtl\"] #toolbar-administration .toolbar-tray-horizontal .toolbar-toggle-orientation {\n border-left: 0 none;\n border-right: 1px solid #696969;\n}\n\n#toolbar-administration .toolbar-toggle-orientation [value=\"horizontal\"]:after {\n right: 0.95em;\n}\n\n.adminimal #toolbar-bar {\n font: normal 83.1%/1.538 \"Open Sans\", sans-serif !important;\n}\n\n.adminimal.toolbar-tray-open.toolbar-fixed.toolbar-horizontal.toolbar-themes {\n padding-top: 4.75em !important;\n}\n\n.adminimal.toolbar-tray-open.toolbar-fixed.toolbar-horizontal #toolbar-administration {\n background-color: #333;\n}\n\n.adminimal.toolbar-tray-open.toolbar-fixed.toolbar-horizontal.toolbar-has-tabs #toolbar-administration {\n min-height: 4em;\n}\n\n.adminimal.toolbar-tray-open.toolbar-fixed.toolbar-horizontal.toolbar-no-tabs #toolbar-administration {\n min-height: 2em;\n}\n\n.adminimal.toolbar-fixed.toolbar-vertical.toolbar-has-tabs, .adminimal.toolbar-fixed.toolbar-horizontal.toolbar-no-tabs, .adminimal.toolbar-fixed.toolbar-vertical.toolbar-no-tabs, .adminimal.toolbar-tray-open.toolbar-fixed.toolbar-horizontal.toolbar-no-tabs {\n padding-top: 2.3em !important;\n}\n\n/*# sourceMappingURL=admin_menu_theme.css.map */"]} \ No newline at end of file diff --git a/sites/all/modules/contrib/admin/toolbar_themes/themes/admin_menu/admin_menu_theme.scss b/sites/all/modules/contrib/admin/toolbar_themes/themes/admin_menu/admin_menu_theme.scss new file mode 100644 index 000000000..d17f99fb9 --- /dev/null +++ b/sites/all/modules/contrib/admin/toolbar_themes/themes/admin_menu/admin_menu_theme.scss @@ -0,0 +1,437 @@ +/** + * admin_menu_theme + * Theme styles for menus and other toolbar elements. SVG icons are styled in + * the [theme]_icons.scss file, while click handles, e.g. origination buttons + * are styled here. + */ + +// Import global variables. +@import "variables"; + +body { + .toolbar-no-tabs { + padding-top: $tab-item-height !important; + } +} + +#toolbar-administration { + font-family: $font-family; + font-weight: 400; + font-size: $font-size; + height: $tab-item-height * 2; + background-color: $toolbar-bar-background; + -webkit-tap-highlight-color: $tap-highlight; + + .toolbar-vertical &, + .toolbar-no-tabs &, + .toolbar-tab, + .toolbar-tray { + height: $tab-item-height; + } + + .toolbar-tray { + top: $tab-item-height; + } + + .toolbar-tab, + .toolbar-item { + a { + &:hover, + &:focus { + text-decoration: none; + outline: none; + } + } + } + + .toolbar-item { + padding: $toolbar-item-padding; + display: block; + } + + .toolbar__link-label { + font-size: 1em; + } + + + // Toolbar bar. + .toolbar-bar { + background-color: $toolbar-bar-background; + color: $toolbar-bar-color; + + @if $drop-shadows == true { + box-shadow: -1px 0 3px 1px $drop-shadow-color; + + [dir="rtl"] & { + box-shadow: 1px 0 3px 1px $drop-shadow-color; + } + } + + .toolbar-item { + &:hover, + &:focus, + &:active, + &.is-active { + + } + } + + .toolbar-tab .toolbar-tab__items-wrapper a { + color: $tab-color; + + &:hover, + &:focus, + &.is-active { + color: $tab-active-color; + background-image: linear-gradient($toolbar-bar-background, $tray-background); + } + } + + // Tour is a button. + .tour-toolbar-tab { + &.toolbar-tab { + float: none; // Override tour module CSS. + } + + button.toolbar-item { + padding: $toolbar-item-padding; + } + } + + // Edit button + .contextual-toolbar-tab button.toolbar-item { + color: $tab-color; + + &:hover, + &:focus, + &.is-active { + color: $tab-active-color; + background: none; + } + } + + } + + + // Button reset. + .toolbar-lining button:focus { + outline: none; + } + + + // Menu reset. + .toolbar-menu { + list-style: none; + margin: 0; + padding: 0; + } + + + // Wrapper around list item items, injected when tray is vertical (and + // persists even if toggled back to vertical). + .toolbar-box a { + &:focus { + outline: none; + } + + &:hover:focus { + text-decoration: none; + } + } + + + // Toolbar tray. + .toolbar-tray { + background-color: $tray-background; + + a { + color: $tray-color; + cursor: pointer; + padding: $toolbar-item-padding; + + &:hover, + &:active, + &:focus, + &.is-active { + color: $tray-active; + } + + &.is-active[href="/"] { + color: $tray-color; + } + } + } + + + // Horizontal tray. + .toolbar-tray-horizontal { + @if $drop-shadows == true { + box-shadow: -2px 1px 3px 1px $drop-shadow-color; + + [dir="rtl"] & { + box-shadow: 2px 1px 3px 1px $drop-shadow-color; + } + } + + a:focus { + outline: none; + background-color: $tray-background; + } + + // Admin Toolbar Module drop menus. + .toolbar-menu-administration { + .toolbar-menu .toolbar-menu { + background-color: $drop-menu-background ; + + @if $drop-shadows == true { + box-shadow: 0 2px 1px 1px $drop-shadow-color; + } + + .menu-item { + border-top: 1px solid $tray-background; + + &:first-child { + border-top-color: $tray-background; + } + } + + // Sub-sub menus + .toolbar-menu { + @if $drop-shadows == true { + box-shadow: 2px 2px 2px 0 $drop-shadow-color; + } + } + + > .menu-item--expanded > .toolbar-menu { + top: -1px; + } + } + + > .toolbar-menu > .menu-item > a, + > .toolbar-menu > .menu-item > .toolbar-box a { + border-right: 1px solid; + border-color: $tray-background; + border-image: linear-gradient(to top, $tray-border-color, $tray-background) 1 100%; + + [dir="rtl"] & { + border-right: 0; + border-left: 1px solid; + } + } + } + + .menu-item { + .menu-item { + &:hover, + &:focus { + background-color: $tray-background; + } + } + } + + // Sub-menu indicator in drop menus. + .toolbar-menu-administration > .toolbar-menu .toolbar-menu { + > .menu-item--expanded > a, + > .menu-item--expanded .toolbar-box > a { + &:after { + color: $sub-menu-indicator; + right: 0.65em; + top: 0.5em; + display: block; + font-size: 0.9em; + } + + &:hover, + &:focus { + &:after { + color: $tray-active; + } + } + } + } + + .edit-shortcuts { + float: none; // Override shortcut module CSS. + position: absolute; + right: 2.2em; + top: 0; + } + } + + + // Vertical tray. + .toolbar-tray-vertical { + background-color: $tray-vertical-background; + border-right: 1px solid $border-color; + height: 100%; + + @if $drop-shadows == true { + box-shadow: -1px 0 5px 2px $drop-shadow-color; + } + + + [dir="rtl"] & { + border-left: 1px solid $border-color; + border-right: 0 none; + + @if $drop-shadows == true { + box-shadow: 1px 0 5px 2px $drop-shadow-color; + } + } + + .toolbar-menu .toolbar-menu { + display: none; + } + + .menu-item--expanded.open > .toolbar-menu { + display: block; + border-bottom-width: 0; + + .toolbar-menu { + border-bottom-width: 1px; + } + } + + .toolbar-handle + a { + margin-right: 3em; + + [dir="rtl"] & { + margin-left: 3em; + margin-right: 0; + } + } + + .menu-item { + + .menu-item { + border-top: 1px solid $tray-border-color; + } + + &:last-child { + border-bottom: 1px solid $tray-border-color; + } + + .menu-item { + border: 0 none; + } + + .toolbar-box:hover, + .toolbar-box:focus { + background-color: lighten($tray-background, 5%); + } + } + + .toolbar-menu { + &.root { + border: 0; + } + + .toolbar-menu { + border-bottom: 1px solid; + border-top: 1px solid; + } + } + + // Loop to generate nested selectors and styles. + $self: '.toolbar-menu'; + @for $i from 1 through 8 { + $self: if($i == 1, "ul", nest($self, "ul")) !global; + #{$self} > .level-#{$i} > ul { + background-color: darken($toolbar-bar-background , 5 * $i); + border-bottom-color: darken($tray-border-color, 5 * $i); + border-top-color: darken($tray-border-color, 5 * $i); + } + } + } + + .menu-item:last-child > .toolbar-menu { + border-bottom: 0; + } + + + // Click handles. + .toolbar-icon.toolbar-handle { + &:before { + color: $tray-border-color; + } + + &.open { + &:before { + color: $tray-active; + } + } + } + + .toolbar-toggle-orientation button.toolbar-icon { + &:after, + &:before { + color: $toggle-orientation-color; + } + + &:hover, + &:focus, + &:hover:after, + &:focus:before { + color: $toggle-orientation-active; + background-color: transparent; + } + } + + + // Orientation toggles and handles + .toolbar-toggle-orientation { + button {} + > .toolbar-lining {} + } + + .toolbar-tray-horizontal .toolbar-toggle-orientation { + border-left: 1px solid $toggle-orientation-border-color; + + [dir="rtl"] & { + border-left: 0 none; + border-right: 1px solid $toggle-orientation-border-color; + } + } + + .toolbar-toggle-orientation [value="horizontal"]:after { + right: 0.95em; + } +} + + +// Support for the Adminimal admin theme. +.adminimal { + + #toolbar-bar { + font: normal 83.1%/1.538 "Open Sans", sans-serif !important; + } + + &.toolbar-tray-open { + &.toolbar-fixed { + &.toolbar-horizontal { + &.toolbar-themes { + padding-top: 4.75em !important; + } + + #toolbar-administration { + background-color: #333; + } + + &.toolbar-has-tabs #toolbar-administration { + min-height: 4em; + } + + &.toolbar-no-tabs #toolbar-administration { + min-height: 2em; + } + } + } + } + + &.toolbar-fixed.toolbar-vertical.toolbar-has-tabs, + &.toolbar-fixed.toolbar-horizontal.toolbar-no-tabs, + &.toolbar-fixed.toolbar-vertical.toolbar-no-tabs, + &.toolbar-tray-open.toolbar-fixed.toolbar-horizontal.toolbar-no-tabs { + padding-top: 2.3em !important; + } +} + diff --git a/sites/all/modules/contrib/admin/toolbar_themes/themes/admin_menu/screenshot.png b/sites/all/modules/contrib/admin/toolbar_themes/themes/admin_menu/screenshot.png new file mode 100644 index 000000000..f113d351e Binary files /dev/null and b/sites/all/modules/contrib/admin/toolbar_themes/themes/admin_menu/screenshot.png differ diff --git a/sites/all/modules/contrib/admin/toolbar_themes/themes/base/base_handles.css b/sites/all/modules/contrib/admin/toolbar_themes/themes/base/base_handles.css new file mode 100644 index 000000000..9808c6d1b --- /dev/null +++ b/sites/all/modules/contrib/admin/toolbar_themes/themes/base/base_handles.css @@ -0,0 +1,140 @@ +/** + * base_handles + * + * Font icons for orientation toggles, menu click handles & sub-menu indicators. + * We're using Libricons because they're the same icons included in Drupal 8 + * core and used by the Toolbar, however core insists on background-image SVG + * which makes these impossible to style with CSS. We do not use embedded SVG + * for these icons (like all the other Grunticon embedded SVG icons) because + * we need to use text-indent to hide the labels. + * + * There are no colors in this file - those should be provided by sub-themes in + * the themes "icons" library. + */ +@font-face { + font-family: "libricons"; + src: url("fonts/libricons.woff2") format("woff2"), url("fonts/libricons.woff") format("woff"), url("fonts/libricons.ttf") format("truetype"); + font-weight: normal; + font-style: normal; +} + +#toolbar-administration button, +#toolbar-administration input[type="button"] { + -webkit-appearance: none; +} + +#toolbar-administration .toolbar-bar.no-tabs .toolbar-tab__items-wrapper a { + position: relative; + text-indent: -9999px; + width: 2.5em; + height: 2em; + overflow: hidden; + padding: 0; +} + +#toolbar-administration .toolbar-bar.no-tabs .toolbar-tab__items-wrapper a:before { + font-family: 'libricons', sans-serif; + text-indent: 0; + content: "\E03F"; + position: absolute; + left: 0.85em; + top: 0.4em; + font-size: 0.9em; + background-color: transparent; +} + +#toolbar-administration .toolbar-toggle-orientation button.toolbar-icon { + position: relative; + text-indent: -9999px; + width: 2.2em; + height: 2em; + overflow: hidden; +} + +#toolbar-administration .toolbar-toggle-orientation button.toolbar-icon:after, #toolbar-administration .toolbar-toggle-orientation button.toolbar-icon:before { + font-family: 'libricons', sans-serif; + text-indent: 0; + position: absolute; + background-color: transparent; +} + +#toolbar-administration .toolbar-toggle-orientation [value="vertical"]:before { + content: '\E021'; + vertical-align: middle; + left: 0.65em; + top: 0.6em; +} + +[dir="rtl"] #toolbar-administration .toolbar-toggle-orientation [value="vertical"]:before { + left: auto; + right: 0.65em; + content: '\E023'; +} + +#toolbar-administration .toolbar-toggle-orientation [value="horizontal"]:after { + top: 0.25em; + right: 0.9em; + content: '\E024'; + margin-top: 0.15em; +} + +#toolbar-administration button.toolbar-handle { + background-color: transparent; + position: absolute; + text-indent: -9999px; + width: 2.2em; + height: 2.334em; + display: block; + padding: 0; + right: 0; + top: 0; + z-index: 1; +} + +[dir="rtl"] #toolbar-administration button.toolbar-handle { + left: 0; + padding: 0; + right: auto; +} + +#toolbar-administration button.toolbar-handle:after, #toolbar-administration button.toolbar-handle:before { + font-family: 'libricons', sans-serif; + text-indent: 0; + position: absolute; + background-color: transparent; +} + +#toolbar-administration button.toolbar-handle:before { + content: '\E009'; + top: 0.55em; + right: 1em; +} + +#toolbar-administration button.toolbar-handle.open:before { + -webkit-transform: rotate(180deg); + -ms-transform: rotate(180deg); + transform: rotate(180deg); +} + +#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .toolbar-menu > .menu-item--expanded a:after, +#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .toolbar-menu > .menu-item--expanded > .toolbar-box > a:after { + font-family: 'libricons', sans-serif; + font-size: 0.9em; + content: '\E012'; + position: absolute; + right: 0.3em; + top: 0.5em; + display: block; +} + +[dir="rtl"] #toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .toolbar-menu > .menu-item--expanded a:after, [dir="rtl"] +#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .toolbar-menu > .menu-item--expanded > .toolbar-box > a:after { + left: 0.3em; + right: auto; + content: '\E010'; +} + +#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .toolbar-menu .toolbar-menu a:after { + display: none; +} +/*# sourceMappingURL=base_handles.css.map */ \ No newline at end of file diff --git a/sites/all/modules/contrib/admin/toolbar_themes/themes/base/base_handles.css.map b/sites/all/modules/contrib/admin/toolbar_themes/themes/base/base_handles.css.map new file mode 100644 index 000000000..6e4c1d71b --- /dev/null +++ b/sites/all/modules/contrib/admin/toolbar_themes/themes/base/base_handles.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["base_handles.scss","base_handles.css"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH;EACE,yBAAwB;EACxB,6IAEkD;EAClD,oBAAmB;EACnB,mBAAkB;CCFnB;;ADKD;;EAGI,yBAAwB;CACzB;;AAJH;EAYQ,mBAAkB;EAClB,qBAAoB;EACpB,aAAY;EACZ,YAAW;EACX,iBAAgB;EAChB,WAAU;CAYX;;AA7BP;EAoBU,qCAAoC;EACpC,eAAc;EACd,iBAAgB;EAChB,mBAAkB;EAClB,aAAY;EACZ,WAAU;EACV,iBAAgB;EAChB,8BAA6B;CAC9B;;AA5BT;EA0CI,mBAAkB;EAClB,qBAAoB;EACpB,aAAY;EACZ,YAAW;EACX,iBAAgB;CASjB;;AAvDH;EAkDM,qCAAoC;EACpC,eAAc;EACd,mBAAkB;EAClB,8BAA6B;CAC9B;;AAtDL;EA4DM,iBAAgB;EAChB,uBAAsB;EACtB,aAAY;EACZ,WAAU;CAOX;;AC1BL;EDsBQ,WAAU;EACV,cAAa;EACb,iBAAgB;CACjB;;AArEP;EA2EM,YAAW;EACX,aAAY;EACZ,iBAAgB;EAChB,mBAAkB;CACnB;;AA/EL;EAoFI,8BAA6B;EAC7B,mBAAkB;EAClB,qBAAoB;EACpB,aAAY;EACZ,gBAAe;EACf,eAAc;EACd,WAAU;EACV,SAAQ;EACR,OAAM;EACN,WAAU;CA2BX;;AClDH;ED0BM,QAAO;EACP,WAAU;EACV,YAAW;CACZ;;AAnGL;EAuGM,qCAAoC;EACpC,eAAc;EACd,mBAAkB;EAClB,8BAA6B;CAC9B;;AA3GL;EA8GM,iBAAgB;EAChB,YAAW;EACX,WAAU;CACX;;AAjHL;EAqHQ,kCAAyB;MAAzB,8BAAyB;UAAzB,0BAAyB;CAC1B;;AAtHP;;EAkIU,qCAAoC;EACpC,iBAAgB;EAChB,iBAAgB;EAChB,mBAAkB;EAClB,aAAY;EACZ,WAAU;EACV,eAAc;CAOf;;ACvCT;;EDmCY,YAAW;EACX,YAAW;EACX,iBAAgB;CACjB;;AA9IX;EAoJU,cAAa;CACd","file":"base_handles.css","sourcesContent":[null,"/**\n * base_handles\n *\n * Font icons for orientation toggles, menu click handles & sub-menu indicators.\n * We're using Libricons because they're the same icons included in Drupal 8\n * core and used by the Toolbar, however core insists on background-image SVG\n * which makes these impossible to style with CSS. We do not use embedded SVG\n * for these icons (like all the other Grunticon embedded SVG icons) because\n * we need to use text-indent to hide the labels.\n *\n * There are no colors in this file - those should be provided by sub-themes in\n * the themes \"icons\" library.\n */\n@font-face {\n font-family: \"libricons\";\n src: url(\"fonts/libricons.woff2\") format(\"woff2\"), url(\"fonts/libricons.woff\") format(\"woff\"), url(\"fonts/libricons.ttf\") format(\"truetype\");\n font-weight: normal;\n font-style: normal;\n}\n\n#toolbar-administration button,\n#toolbar-administration input[type=\"button\"] {\n -webkit-appearance: none;\n}\n\n#toolbar-administration .toolbar-bar.no-tabs .toolbar-tab__items-wrapper a {\n position: relative;\n text-indent: -9999px;\n width: 2.5em;\n height: 2em;\n overflow: hidden;\n padding: 0;\n}\n\n#toolbar-administration .toolbar-bar.no-tabs .toolbar-tab__items-wrapper a:before {\n font-family: 'libricons', sans-serif;\n text-indent: 0;\n content: \"\\E03F\";\n position: absolute;\n left: 0.85em;\n top: 0.4em;\n font-size: 0.9em;\n background-color: transparent;\n}\n\n#toolbar-administration .toolbar-toggle-orientation button.toolbar-icon {\n position: relative;\n text-indent: -9999px;\n width: 2.2em;\n height: 2em;\n overflow: hidden;\n}\n\n#toolbar-administration .toolbar-toggle-orientation button.toolbar-icon:after, #toolbar-administration .toolbar-toggle-orientation button.toolbar-icon:before {\n font-family: 'libricons', sans-serif;\n text-indent: 0;\n position: absolute;\n background-color: transparent;\n}\n\n#toolbar-administration .toolbar-toggle-orientation [value=\"vertical\"]:before {\n content: '\\E021';\n vertical-align: middle;\n left: 0.65em;\n top: 0.6em;\n}\n\n[dir=\"rtl\"] #toolbar-administration .toolbar-toggle-orientation [value=\"vertical\"]:before {\n left: auto;\n right: 0.65em;\n content: '\\E023';\n}\n\n#toolbar-administration .toolbar-toggle-orientation [value=\"horizontal\"]:after {\n top: 0.25em;\n right: 0.9em;\n content: '\\E024';\n margin-top: 0.15em;\n}\n\n#toolbar-administration button.toolbar-handle {\n background-color: transparent;\n position: absolute;\n text-indent: -9999px;\n width: 2.2em;\n height: 2.334em;\n display: block;\n padding: 0;\n right: 0;\n top: 0;\n z-index: 1;\n}\n\n[dir=\"rtl\"] #toolbar-administration button.toolbar-handle {\n left: 0;\n padding: 0;\n right: auto;\n}\n\n#toolbar-administration button.toolbar-handle:after, #toolbar-administration button.toolbar-handle:before {\n font-family: 'libricons', sans-serif;\n text-indent: 0;\n position: absolute;\n background-color: transparent;\n}\n\n#toolbar-administration button.toolbar-handle:before {\n content: '\\E009';\n top: 0.55em;\n right: 1em;\n}\n\n#toolbar-administration button.toolbar-handle.open:before {\n transform: rotate(180deg);\n}\n\n#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .toolbar-menu > .menu-item--expanded a:after,\n#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .toolbar-menu > .menu-item--expanded > .toolbar-box > a:after {\n font-family: 'libricons', sans-serif;\n font-size: 0.9em;\n content: '\\E012';\n position: absolute;\n right: 0.3em;\n top: 0.5em;\n display: block;\n}\n\n[dir=\"rtl\"] #toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .toolbar-menu > .menu-item--expanded a:after, [dir=\"rtl\"]\n#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .toolbar-menu > .menu-item--expanded > .toolbar-box > a:after {\n left: 0.3em;\n right: auto;\n content: '\\E010';\n}\n\n#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .toolbar-menu .toolbar-menu a:after {\n display: none;\n}\n\n/*# sourceMappingURL=base_handles.css.map */"]} \ No newline at end of file diff --git a/sites/all/modules/contrib/admin/toolbar_themes/themes/base/base_handles.scss b/sites/all/modules/contrib/admin/toolbar_themes/themes/base/base_handles.scss new file mode 100644 index 000000000..91acf0fd1 --- /dev/null +++ b/sites/all/modules/contrib/admin/toolbar_themes/themes/base/base_handles.scss @@ -0,0 +1,179 @@ +/** + * base_handles + * + * Font icons for orientation toggles, menu click handles & sub-menu indicators. + * We're using Libricons because they're the same icons included in Drupal 8 + * core and used by the Toolbar, however core insists on background-image SVG + * which makes these impossible to style with CSS. We do not use embedded SVG + * for these icons (like all the other Grunticon embedded SVG icons) because + * we need to use text-indent to hide the labels. + * + * There are no colors in this file - those should be provided by sub-themes in + * the themes "icons" library. + */ + +@font-face { + font-family: "libricons"; + src: url('fonts/libricons.woff2') format('woff2'), + url('fonts/libricons.woff') format('woff'), + url('fonts/libricons.ttf') format('truetype'); + font-weight: normal; + font-style: normal; +} + +#toolbar-administration { + button, + input[type="button"] { + -webkit-appearance: none; + } + + // Tabs can be hidden in the settings, however we have to show the Manage tab + // in orientation vertical otherwise the user will not be able to collapse + // the menu. + .toolbar-bar.no-tabs { + .toolbar-tab__items-wrapper { + a { + position: relative; + text-indent: -9999px; + width: 2.5em; + height: 2em; + overflow: hidden; + padding: 0; + + &:before { + font-family: 'libricons', sans-serif; + text-indent: 0; + content: "\E03F"; + position: absolute; + left: 0.85em; + top: 0.4em; + font-size: 0.9em; + background-color: transparent; + } + } + } + } + + .toolbar-vertical.toolbar-no-tabs { + .toolbar-tab__items-wrapper, + .toolbar-tab__items-wrapper a { + //display: block; + } + } + + // Orientation toggle & Handle. + .toolbar-toggle-orientation button.toolbar-icon { + position: relative; + text-indent: -9999px; + width: 2.2em; + height: 2em; + overflow: hidden; + + &:after, + &:before { + font-family: 'libricons', sans-serif; + text-indent: 0; + position: absolute; + background-color: transparent; + } + } + + // Orientation toggles. + .toolbar-toggle-orientation [value="vertical"] { + &:before { + content: '\E021'; + vertical-align: middle; + left: 0.65em; + top: 0.6em; + + [dir="rtl"] & { + left: auto; + right: 0.65em; + content: '\E023'; + } + } + } + + .toolbar-toggle-orientation [value="horizontal"] { + &:after { + top: 0.25em; + right: 0.9em; + content: '\E024'; + margin-top: 0.15em; // Touch target separation. + } + } + + // Click handles. + button.toolbar-handle { + background-color: transparent; + position: absolute; + text-indent: -9999px; + width: 2.2em; + height: 2.334em; + display: block; + padding: 0; + right: 0; + top: 0; + z-index: 1; + + [dir="rtl"] & { + left: 0; + padding: 0; + right: auto; + } + + &:after, + &:before { + font-family: 'libricons', sans-serif; + text-indent: 0; + position: absolute; + background-color: transparent; + } + + &:before { + content: '\E009'; + top: 0.55em; + right: 1em; + } + + &.open { + &:before { + transform: rotate(180deg); + } + } + } + + // Sub-menu indicators in drop menus. + .toolbar-tray-horizontal { + .toolbar-menu-administration > .toolbar-menu .toolbar-menu { + + > .menu-item--expanded a, + > .menu-item--expanded > .toolbar-box > a { + + &:after { + font-family: 'libricons', sans-serif; + font-size: 0.9em; + content: '\E012'; + position: absolute; + right: 0.3em; + top: 0.5em; + display: block; + + [dir="rtl"] & { + left: 0.3em; + right: auto; + content: '\E010'; + } + } + } + + .toolbar-menu a { + &:after { + display: none; + } + } + } + } +} + + diff --git a/sites/all/modules/contrib/admin/toolbar_themes/themes/base/base_icons.css b/sites/all/modules/contrib/admin/toolbar_themes/themes/base/base_icons.css new file mode 100644 index 000000000..7ce07edf4 --- /dev/null +++ b/sites/all/modules/contrib/admin/toolbar_themes/themes/base/base_icons.css @@ -0,0 +1,75 @@ +/** + * base_icons + * + * Base styles for toolbar icons. + * + * Most icons are embedded SVG. Icons are embedded using Grunticon. We are using + * the original SVG icons from Drupal core, however the width and height + * attribute have been replaced with a viewBox attribute so we can scale them + * properly with CSS. Embedded SVG has the advantage of being styled with CSS, + * and by using Grunticon JS loading we negate most of the bloat and overhead + * associated with embedding SVG files. + * + * For the buttons (orientation toggles & menu click handles) please see + * base_handles.scss and your themes main theme.scss file. These are styled + * separably because this file will not load if the Show Icons setting is false. + * + * There are no colors in this file - those should be provided by sub-themes. + */ +#toolbar-administration .toolbar-icon:before, #toolbar-administration .toolbar-icon:after { + background-image: none; +} + +#toolbar-administration i.toolbar-icon { + display: inline-block; + width: 1em; + height: 1em; + padding: 0; + margin-right: 0.5em; + position: relative; + top: 0.1em; +} + +#toolbar-administration .toolbar-menu ul .toolbar-icon { + padding-left: 1.3333em; +} + +[dir="rtl"] #toolbar-administration .toolbar-menu ul .toolbar-icon { + padding-left: 0; + padding-right: 1.3333em; +} + +@media only screen and (max-width: 16.5em) { + #toolbar-administration .toolbar-bar .toolbar-tab > .toolbar-item { + margin-left: 0; + margin-right: 0; + padding-left: 0; + padding-right: 0; + width: 4em; + } + #toolbar-administration .toolbar-bar .toolbar-tab > .toolbar-item > .toolbar__link-label { + text-indent: -9999px; + } +} + +@media only screen and (min-width: 36em) { + #toolbar-administration .toolbar-bar .toolbar-tab > .toolbar-icon { + background-position: left center; + padding-left: 2.75em; + padding-right: 1.3333em; + text-indent: 0; + width: auto; + } + [dir="rtl"] #toolbar-administration .toolbar-bar .toolbar-tab > .toolbar-icon { + background-position: right center; + padding-left: 1.3333em; + padding-right: 2.75em; + } +} + +#toolbar-administration .toolbar-tab a .toolbar-box a:focus, +#toolbar-administration .toolbar-lining button .toolbar-box a:focus, +#toolbar-administration .toolbar-tray-horizontal a .toolbar-box a:focus { + outline: none; +} +/*# sourceMappingURL=base_icons.css.map */ \ No newline at end of file diff --git a/sites/all/modules/contrib/admin/toolbar_themes/themes/base/base_icons.css.map b/sites/all/modules/contrib/admin/toolbar_themes/themes/base/base_icons.css.map new file mode 100644 index 000000000..89f24af8e --- /dev/null +++ b/sites/all/modules/contrib/admin/toolbar_themes/themes/base/base_icons.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["base_icons.scss","base_icons.css"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAEH;EAKM,uBAAsB;CACvB;;AANL;EAUI,sBAAqB;EACrB,WAAU;EACV,YAAW;EACX,WAAU;EACV,oBAAmB;EACnB,mBAAkB;EAClB,WAAU;CACX;;AAjBH;EAoBI,uBAAsB;CAMvB;;ACTH;EDMM,gBAAe;EACf,wBAAuB;CACxB;;AAIH;EA7BF;IA+BQ,eAAc;IACd,gBAAe;IACf,gBAAe;IACf,iBAAgB;IAChB,WAAU;GAKb;EAxCL;IAsCQ,qBAAoB;GACrB;CCNN;;ADWC;EA5CF;IA8CM,iCAAgC;IAChC,qBAAoB;IACpB,wBAAuB;IACvB,eAAc;IACd,YAAW;GAOZ;ECdH;IDUM,kCAAiC;IACjC,uBAAsB;IACtB,sBAAqB;GACtB;CCRN;;ADhDD;;;EAkEQ,cAAa;CACd","file":"base_icons.css","sourcesContent":[null,"/**\n * base_icons\n *\n * Base styles for toolbar icons.\n *\n * Most icons are embedded SVG. Icons are embedded using Grunticon. We are using\n * the original SVG icons from Drupal core, however the width and height\n * attribute have been replaced with a viewBox attribute so we can scale them\n * properly with CSS. Embedded SVG has the advantage of being styled with CSS,\n * and by using Grunticon JS loading we negate most of the bloat and overhead\n * associated with embedding SVG files.\n *\n * For the buttons (orientation toggles & menu click handles) please see\n * base_handles.scss and your themes main theme.scss file. These are styled\n * separably because this file will not load if the Show Icons setting is false.\n *\n * There are no colors in this file - those should be provided by sub-themes.\n */\n#toolbar-administration .toolbar-icon:before, #toolbar-administration .toolbar-icon:after {\n background-image: none;\n}\n\n#toolbar-administration i.toolbar-icon {\n display: inline-block;\n width: 1em;\n height: 1em;\n padding: 0;\n margin-right: 0.5em;\n position: relative;\n top: 0.1em;\n}\n\n#toolbar-administration .toolbar-menu ul .toolbar-icon {\n padding-left: 1.3333em;\n}\n\n[dir=\"rtl\"] #toolbar-administration .toolbar-menu ul .toolbar-icon {\n padding-left: 0;\n padding-right: 1.3333em;\n}\n\n@media only screen and (max-width: 16.5em) {\n #toolbar-administration .toolbar-bar .toolbar-tab > .toolbar-item {\n margin-left: 0;\n margin-right: 0;\n padding-left: 0;\n padding-right: 0;\n width: 4em;\n }\n #toolbar-administration .toolbar-bar .toolbar-tab > .toolbar-item > .toolbar__link-label {\n text-indent: -9999px;\n }\n}\n\n@media only screen and (min-width: 36em) {\n #toolbar-administration .toolbar-bar .toolbar-tab > .toolbar-icon {\n background-position: left center;\n padding-left: 2.75em;\n padding-right: 1.3333em;\n text-indent: 0;\n width: auto;\n }\n [dir=\"rtl\"] #toolbar-administration .toolbar-bar .toolbar-tab > .toolbar-icon {\n background-position: right center;\n padding-left: 1.3333em;\n padding-right: 2.75em;\n }\n}\n\n#toolbar-administration .toolbar-tab a .toolbar-box a:focus,\n#toolbar-administration .toolbar-lining button .toolbar-box a:focus,\n#toolbar-administration .toolbar-tray-horizontal a .toolbar-box a:focus {\n outline: none;\n}\n\n/*# sourceMappingURL=base_icons.css.map */"]} \ No newline at end of file diff --git a/sites/all/modules/contrib/admin/toolbar_themes/themes/base/base_icons.scss b/sites/all/modules/contrib/admin/toolbar_themes/themes/base/base_icons.scss new file mode 100644 index 000000000..69642369f --- /dev/null +++ b/sites/all/modules/contrib/admin/toolbar_themes/themes/base/base_icons.scss @@ -0,0 +1,93 @@ +/** + * base_icons + * + * Base styles for toolbar icons. + * + * Most icons are embedded SVG. Icons are embedded using Grunticon. We are using + * the original SVG icons from Drupal core, however the width and height + * attribute have been replaced with a viewBox attribute so we can scale them + * properly with CSS. Embedded SVG has the advantage of being styled with CSS, + * and by using Grunticon JS loading we negate most of the bloat and overhead + * associated with embedding SVG files. + * + * For the buttons (orientation toggles & menu click handles) please see + * base_handles.scss and your themes main theme.scss file. These are styled + * separably because this file will not load if the Show Icons setting is false. + * + * There are no colors in this file - those should be provided by sub-themes. + */ + +#toolbar-administration { + + .toolbar-icon { + &:before, + &:after { + background-image: none; + } + } + + i.toolbar-icon { + display: inline-block; + width: 1em; + height: 1em; + padding: 0; + margin-right: 0.5em; + position: relative; + top: 0.1em; + } + + .toolbar-menu ul .toolbar-icon { + padding-left: 1.3333em; + + [dir="rtl"] & { + padding-left: 0; + padding-right: 1.3333em; + } + } + + + @media only screen and (max-width: 16.5em) { + .toolbar-bar .toolbar-tab > .toolbar-item { + margin-left: 0; + margin-right: 0; + padding-left: 0; + padding-right: 0; + width: 4em; + + > .toolbar__link-label { + text-indent: -9999px; + } + } + } + + + @media only screen and (min-width: 36em) { + .toolbar-bar .toolbar-tab > .toolbar-icon { + background-position: left center; + padding-left: 2.75em; + padding-right: 1.3333em; + text-indent: 0; + width: auto; + + [dir="rtl"] & { + background-position: right center; + padding-left: 1.3333em; + padding-right: 2.75em; + } + } + } + + // Accessibility/focus. + .toolbar-tab a, + .toolbar-lining button, + .toolbar-tray-horizontal a { + .toolbar-box a { + &:focus { + outline: none; + } + } + } +} + + + diff --git a/sites/all/modules/contrib/admin/toolbar_themes/themes/base/base_module.css b/sites/all/modules/contrib/admin/toolbar_themes/themes/base/base_module.css new file mode 100644 index 000000000..0627ac754 --- /dev/null +++ b/sites/all/modules/contrib/admin/toolbar_themes/themes/base/base_module.css @@ -0,0 +1,299 @@ +/** + * base_module + * + * This is almost a direct copy of Toolbar modules toolbar.module.css. There are + * minor adjustments and additions such as the line-height, font size and some + * use of Flex over floats etc, & support for new markup elements. + * + * Major styles such as the layout and orientation change assumptions are not + * modified, these are tied to the JS in core and difficult to move away from. + */ +.toolbar-loading #toolbar-administration { + overflow: hidden; +} + +.toolbar-loading #toolbar-administration .toolbar-bar { + opacity: 0; +} + +#toolbar-administration { + font-size: medium; + line-height: 1.5; + margin: 0; + padding: 0; + vertical-align: baseline; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} + +#toolbar-administration * { + -webkit-box-sizing: border-box; + box-sizing: border-box; +} + +.toolbar .toolbar-bar .home-toolbar-tab { + display: none; +} + +.path-admin .toolbar-bar .home-toolbar-tab { + display: block; +} + +@media print { + #toolbar-administration { + display: none; + } +} + +.toolbar li { + list-style: none none; +} + +.toolbar .item-list { + list-style: none none; +} + +.toolbar .item-list li { + list-style: none none; +} + +.toolbar .menu-item, +.toolbar .menu-item--expanded { + list-style: none none; +} + +.toolbar .menu-item { + padding-top: 0; +} + +.toolbar .toolbar-bar .toolbar-tab, +.toolbar .menu-item { + display: block; +} + +.toolbar .toolbar-bar .toolbar-tab.hidden { + display: none; +} + +.toolbar .toolbar-bar, +.toolbar .toolbar-tray { + position: relative; + z-index: 1250; +} + +.toolbar .toolbar-tab__items-wrapper { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + z-index: 1500; + position: relative; +} + +.toolbar .home-toolbar-tab div { + display: none; +} + +.toolbar .toolbar-icon-admin-toolbar-tools-help { + text-indent: 0; +} + +.toolbar .toolbar-bar .contextual-toolbar-tab { + float: none !important; + position: absolute; + right: 0; + top: 0; + padding: 0 0.25em 0; +} + +[dir="rtl"] .toolbar .toolbar-bar .contextual-toolbar-tab { + right: auto; + left: 0; + padding-left: 0; + padding-right: 0.35em; +} + +.toolbar .toolbar-bar .contextual-toolbar-tab button { + outline: none !important; + color: inherit; + height: auto; + font-size: inherit; +} + +body.toolbar-fixed .toolbar-oriented { + position: absolute; + left: 0; + right: 0; + top: 0; + width: 100%; +} + +.toolbar-oriented .toolbar-bar, +.toolbar-oriented .toolbar-tray { + left: 0; + position: absolute; + right: 0; +} + +.toolbar-oriented .toolbar-bar { + z-index: 502; +} + +body.toolbar-fixed .toolbar-oriented .toolbar-bar { + position: fixed; +} + +body.toolbar-tray-open.toolbar-fixed.toolbar-vertical .toolbar-oriented { + bottom: 0; + width: 15rem; +} + +.toolbar .toolbar-bar, +.toolbar .toolbar-tray-horizontal ul { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} + +#toolbar-administration .no-tabs .toolbar-tray-horizontal { + left: 2.5em; + top: 0; + border-top: 0; + -webkit-box-shadow: none; + box-shadow: none; + margin-top: 0 !important; +} + +@media (min-width: 16.5em) { + .toolbar .toolbar-bar, + .toolbar .toolbar-tray-horizontal ul { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } +} + +.toolbar-oriented .toolbar-bar, +.toolbar-oriented .toolbar-tray-horizontal { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} + +.toolbar .toolbar-tray { + z-index: 501; + display: none; +} + +.toolbar-oriented .toolbar-tray-vertical { + left: -100%; + position: absolute; + width: 15rem; +} + +[dir="rtl"] .toolbar-oriented .toolbar-tray-vertical { + left: auto; + right: -100%; +} + +.toolbar .toolbar-tray-vertical > .toolbar-lining { + min-height: 100%; +} + +.toolbar .toolbar-tray-vertical > .toolbar-lining:before { + width: 100%; +} + +.toolbar-oriented .toolbar-tray-vertical > .toolbar-lining:before { + bottom: 0; + content: ''; + display: block; + left: 0; + position: fixed; + top: 0; + width: 14rem; + z-index: -1; +} + +[dir="rtl"] .toolbar-oriented .toolbar-tray-vertical > .toolbar-lining:before { + left: auto; + right: 0; +} + +.toolbar .toolbar-bar .toolbar-tab > .toolbar-icon { + position: relative; + z-index: 502; +} + +.toolbar-oriented .toolbar-tray-horizontal .menu-item ul { + display: none; +} + +body.toolbar-fixed .toolbar .toolbar-tray-horizontal { + position: fixed; +} + +.toolbar .toolbar-tray-vertical.is-active, +body.toolbar-fixed .toolbar .toolbar-tray-vertical { + height: 100%; + overflow-x: hidden; + overflow-y: auto; + position: fixed; +} + +.toolbar .toolbar-tray.is-active { + display: block; +} + +.toolbar-oriented .toolbar-tray-vertical.is-active { + left: 0; +} + +[dir="rtl"] .toolbar-oriented .toolbar-tray-vertical.is-active { + left: auto; + right: 0; +} + +body.toolbar-tray-open.toolbar-vertical.toolbar-fixed { + margin-left: 15rem; +} + +[dir="rtl"] body.toolbar-tray-open.toolbar-vertical.toolbar-fixed { + margin-left: auto; + margin-right: 15rem; +} + +@media print { + body.toolbar-tray-open.toolbar-vertical.toolbar-fixed { + margin-left: 0; + } + [dir="rtl"] body.toolbar-tray-open.toolbar-vertical.toolbar-fixed { + margin-right: 0; + } +} + +.toolbar .toolbar-tray .toolbar-toggle-orientation { + display: none; +} + +.toolbar-oriented .toolbar-tray .toolbar-toggle-orientation { + display: block; +} + +.toolbar-oriented .toolbar-tray-horizontal .toolbar-toggle-orientation { + bottom: 0; + position: absolute; + right: 0; + top: auto; +} + +[dir="rtl"] .toolbar-oriented .toolbar-tray-horizontal .toolbar-toggle-orientation { + left: 0; + right: auto; +} +/*# sourceMappingURL=base_module.css.map */ \ No newline at end of file diff --git a/sites/all/modules/contrib/admin/toolbar_themes/themes/base/base_module.css.map b/sites/all/modules/contrib/admin/toolbar_themes/themes/base/base_module.css.map new file mode 100644 index 000000000..ecd4e2d12 --- /dev/null +++ b/sites/all/modules/contrib/admin/toolbar_themes/themes/base/base_module.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["base_module.scss","base_module.css"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAIH;EAEI,iBAAgB;CAKjB;;AAPH;EAKM,WAAU;CACX;;AAIL;EACE,kBAAiB;EACjB,iBAAgB;EAChB,UAAS;EACT,WAAU;EACV,yBAAwB;EACxB,+BAAsB;UAAtB,uBAAsB;CAKvB;;AAXD;EASI,+BAAsB;UAAtB,uBAAsB;CACvB;;AAIH;EACE,cAAa;CACd;;AACD;EACE,eAAc;CACf;;AAED;EACE;IACE,cAAa;GACd;CCJF;;ADQD;EAEI,sBAAqB;CACtB;;AAHH;EAMI,sBAAqB;CAKtB;;AAXH;EASM,sBAAqB;CACtB;;AAVL;;EAeI,sBAAqB;CACtB;;AAhBH;EAmBI,eAAc;CACf;;AApBH;;EAwBI,eAAc;CACf;;AAzBH;EA4BI,cAAa;CACd;;AA7BH;;EAiCI,mBAAkB;EAClB,cAAa;CACd;;AAnCH;EA6CI,qBAAa;EAAb,qBAAa;EAAb,cAAa;EACb,0BAAmB;MAAnB,uBAAmB;UAAnB,oBAAmB;EACnB,wBAA2B;MAA3B,qBAA2B;UAA3B,4BAA2B;EAE3B,cAAa;EACb,mBAAkB;CACnB;;AAnDH;EAuDM,cAAa;CACd;;AAxDL;EA4DI,eAAc;CACf;;AA7DH;EAgEI,uBAAsB;EACtB,mBAAkB;EAClB,SAAQ;EACR,OAAM;EACN,oBAAmB;CAepB;;AC7BH;EDiBM,YAAW;EACX,QAAO;EACP,gBAAe;EACf,sBAAqB;CACtB;;AA3EL;EA8EM,yBAAwB;EACxB,eAAc;EACd,aAAY;EACZ,mBAAkB;CACnB;;AAaL;EACE,mBAAkB;EAClB,QAAO;EACP,SAAQ;EACR,OAAM;EACN,YAAW;CACZ;;AAED;;EAGI,QAAO;EACP,mBAAkB;EAClB,SAAQ;CAET;;AAPH;EAUI,aAAY;CACb;;AASH;EAEI,gBAAe;CAChB;;AAHH;EAMI,UAAS;EACT,aAAY;CACb;;AAYH;;EAGI,qBAAa;EAAb,qBAAa;EAAb,cAAa;CACd;;AAyBH;EACE,YAAW;EACX,OAAM;EACN,cAAa;EACb,yBAAgB;UAAhB,iBAAgB;EAChB,yBAAwB;CACzB;;AAOD;EACE;;IAGI,qBAAa;IAAb,qBAAa;IAAb,cAAa;GAGd;CC9EJ;;ADsFD;;EAGI,qBAAa;EAAb,qBAAa;EAAb,cAAa;CAGd;;AAMH;EAEI,aAAY;EACZ,cAAa;CACd;;AAGH;EACE,YAAW;EACX,mBAAkB;EAClB,aAAY;CACb;;AC3FD;ED8FE,WAAU;EACV,aAAY;CACb;;AAED;EACE,iBAAgB;CAKjB;;AAND;EAII,YAAW;CACZ;;AAGH;EACE,UAAS;EACT,YAAW;EACX,eAAc;EACd,QAAO;EACP,gBAAe;EACf,OAAM;EACN,aAAY;EACZ,YAAW;CAMZ;;AChGD;ED6FI,WAAU;EACV,SAAQ;CACT;;AAMH;EACE,mBAAkB;EAClB,aAAY;CACb;;AAKD;EACE,cAAa;CACd;;AAOD;EACE,gBAAe;CAChB;;AAOD;;EAEE,aAAY;EACZ,mBAAkB;EAClB,iBAAgB;EAChB,gBAAe;CAChB;;AAED;EACE,eAAc;CACf;;AAKD;EACE,QAAO;CAMR;;ACnHD;EDgHI,WAAU;EACV,SAAQ;CACT;;AAOH;EACE,mBAAkB;CAMnB;;ACvHD;EDoHI,kBAAiB;EACjB,oBAAmB;CACpB;;AAGH;EACE;IACE,eAAc;GAKf;ECvHD;IDqHI,gBAAe;GAChB;CCnHJ;;AD6HD;EACE,cAAa;CACd;;AAMD;EAEI,eAAc;CACf;;AAHH;EAMI,UAAS;EACT,mBAAkB;EAClB,SAAQ;EACR,UAAS;CAMV;;ACnIH;EDgIM,QAAO;EACP,YAAW;CACZ","file":"base_module.css","sourcesContent":[null,"/**\n * base_module\n *\n * This is almost a direct copy of Toolbar modules toolbar.module.css. There are\n * minor adjustments and additions such as the line-height, font size and some\n * use of Flex over floats etc, & support for new markup elements.\n *\n * Major styles such as the layout and orientation change assumptions are not\n * modified, these are tied to the JS in core and difficult to move away from.\n */\n.toolbar-loading #toolbar-administration {\n overflow: hidden;\n}\n\n.toolbar-loading #toolbar-administration .toolbar-bar {\n opacity: 0;\n}\n\n#toolbar-administration {\n font-size: medium;\n line-height: 1.5;\n margin: 0;\n padding: 0;\n vertical-align: baseline;\n box-sizing: border-box;\n}\n\n#toolbar-administration * {\n box-sizing: border-box;\n}\n\n.toolbar .toolbar-bar .home-toolbar-tab {\n display: none;\n}\n\n.path-admin .toolbar-bar .home-toolbar-tab {\n display: block;\n}\n\n@media print {\n #toolbar-administration {\n display: none;\n }\n}\n\n.toolbar li {\n list-style: none none;\n}\n\n.toolbar .item-list {\n list-style: none none;\n}\n\n.toolbar .item-list li {\n list-style: none none;\n}\n\n.toolbar .menu-item,\n.toolbar .menu-item--expanded {\n list-style: none none;\n}\n\n.toolbar .menu-item {\n padding-top: 0;\n}\n\n.toolbar .toolbar-bar .toolbar-tab,\n.toolbar .menu-item {\n display: block;\n}\n\n.toolbar .toolbar-bar .toolbar-tab.hidden {\n display: none;\n}\n\n.toolbar .toolbar-bar,\n.toolbar .toolbar-tray {\n position: relative;\n z-index: 1250;\n}\n\n.toolbar .toolbar-tab__items-wrapper {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n z-index: 1500;\n position: relative;\n}\n\n.toolbar .home-toolbar-tab div {\n display: none;\n}\n\n.toolbar .toolbar-icon-admin-toolbar-tools-help {\n text-indent: 0;\n}\n\n.toolbar .toolbar-bar .contextual-toolbar-tab {\n float: none !important;\n position: absolute;\n right: 0;\n top: 0;\n padding: 0 0.25em 0;\n}\n\n[dir=\"rtl\"] .toolbar .toolbar-bar .contextual-toolbar-tab {\n right: auto;\n left: 0;\n padding-left: 0;\n padding-right: 0.35em;\n}\n\n.toolbar .toolbar-bar .contextual-toolbar-tab button {\n outline: none !important;\n color: inherit;\n height: auto;\n font-size: inherit;\n}\n\nbody.toolbar-fixed .toolbar-oriented {\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n width: 100%;\n}\n\n.toolbar-oriented .toolbar-bar,\n.toolbar-oriented .toolbar-tray {\n left: 0;\n position: absolute;\n right: 0;\n}\n\n.toolbar-oriented .toolbar-bar {\n z-index: 502;\n}\n\nbody.toolbar-fixed .toolbar-oriented .toolbar-bar {\n position: fixed;\n}\n\nbody.toolbar-tray-open.toolbar-fixed.toolbar-vertical .toolbar-oriented {\n bottom: 0;\n width: 15rem;\n}\n\n.toolbar .toolbar-bar,\n.toolbar .toolbar-tray-horizontal ul {\n display: flex;\n}\n\n#toolbar-administration .no-tabs .toolbar-tray-horizontal {\n left: 2.5em;\n top: 0;\n border-top: 0;\n box-shadow: none;\n margin-top: 0 !important;\n}\n\n@media (min-width: 16.5em) {\n .toolbar .toolbar-bar,\n .toolbar .toolbar-tray-horizontal ul {\n display: flex;\n }\n}\n\n.toolbar-oriented .toolbar-bar,\n.toolbar-oriented .toolbar-tray-horizontal {\n display: flex;\n}\n\n.toolbar .toolbar-tray {\n z-index: 501;\n display: none;\n}\n\n.toolbar-oriented .toolbar-tray-vertical {\n left: -100%;\n position: absolute;\n width: 15rem;\n}\n\n[dir=\"rtl\"] .toolbar-oriented .toolbar-tray-vertical {\n left: auto;\n right: -100%;\n}\n\n.toolbar .toolbar-tray-vertical > .toolbar-lining {\n min-height: 100%;\n}\n\n.toolbar .toolbar-tray-vertical > .toolbar-lining:before {\n width: 100%;\n}\n\n.toolbar-oriented .toolbar-tray-vertical > .toolbar-lining:before {\n bottom: 0;\n content: '';\n display: block;\n left: 0;\n position: fixed;\n top: 0;\n width: 14rem;\n z-index: -1;\n}\n\n[dir=\"rtl\"] .toolbar-oriented .toolbar-tray-vertical > .toolbar-lining:before {\n left: auto;\n right: 0;\n}\n\n.toolbar .toolbar-bar .toolbar-tab > .toolbar-icon {\n position: relative;\n z-index: 502;\n}\n\n.toolbar-oriented .toolbar-tray-horizontal .menu-item ul {\n display: none;\n}\n\nbody.toolbar-fixed .toolbar .toolbar-tray-horizontal {\n position: fixed;\n}\n\n.toolbar .toolbar-tray-vertical.is-active,\nbody.toolbar-fixed .toolbar .toolbar-tray-vertical {\n height: 100%;\n overflow-x: hidden;\n overflow-y: auto;\n position: fixed;\n}\n\n.toolbar .toolbar-tray.is-active {\n display: block;\n}\n\n.toolbar-oriented .toolbar-tray-vertical.is-active {\n left: 0;\n}\n\n[dir=\"rtl\"] .toolbar-oriented .toolbar-tray-vertical.is-active {\n left: auto;\n right: 0;\n}\n\nbody.toolbar-tray-open.toolbar-vertical.toolbar-fixed {\n margin-left: 15rem;\n}\n\n[dir=\"rtl\"] body.toolbar-tray-open.toolbar-vertical.toolbar-fixed {\n margin-left: auto;\n margin-right: 15rem;\n}\n\n@media print {\n body.toolbar-tray-open.toolbar-vertical.toolbar-fixed {\n margin-left: 0;\n }\n [dir=\"rtl\"] body.toolbar-tray-open.toolbar-vertical.toolbar-fixed {\n margin-right: 0;\n }\n}\n\n.toolbar .toolbar-tray .toolbar-toggle-orientation {\n display: none;\n}\n\n.toolbar-oriented .toolbar-tray .toolbar-toggle-orientation {\n display: block;\n}\n\n.toolbar-oriented .toolbar-tray-horizontal .toolbar-toggle-orientation {\n bottom: 0;\n position: absolute;\n right: 0;\n top: auto;\n}\n\n[dir=\"rtl\"] .toolbar-oriented .toolbar-tray-horizontal .toolbar-toggle-orientation {\n left: 0;\n right: auto;\n}\n\n/*# sourceMappingURL=base_module.css.map */"]} \ No newline at end of file diff --git a/sites/all/modules/contrib/admin/toolbar_themes/themes/base/base_module.scss b/sites/all/modules/contrib/admin/toolbar_themes/themes/base/base_module.scss new file mode 100644 index 000000000..2821729ed --- /dev/null +++ b/sites/all/modules/contrib/admin/toolbar_themes/themes/base/base_module.scss @@ -0,0 +1,430 @@ +/** + * base_module + * + * This is almost a direct copy of Toolbar modules toolbar.module.css. There are + * minor adjustments and additions such as the line-height, font size and some + * use of Flex over floats etc, & support for new markup elements. + * + * Major styles such as the layout and orientation change assumptions are not + * modified, these are tied to the JS in core and difficult to move away from. + */ + + +// Delay visibility until all rerendering has completed. +.toolbar-loading { + #toolbar-administration { + overflow: hidden; + + .toolbar-bar { + opacity: 0; + } + } +} + +#toolbar-administration { + font-size: medium; + line-height: 1.5; + margin: 0; + padding: 0; + vertical-align: baseline; + box-sizing: border-box; + + * { + box-sizing: border-box; + } +} + +// Toolbar home button toggle. +.toolbar .toolbar-bar .home-toolbar-tab { + display: none; +} +.path-admin .toolbar-bar .home-toolbar-tab { + display: block; +} + +@media print { + #toolbar-administration { + display: none; + } +} + +// Very specific overrides for Drupal system CSS. +.toolbar { + li { + list-style: none none; + } + + .item-list { + list-style: none none; + + li { + list-style: none none; + } + } + + .menu-item, + .menu-item--expanded { + list-style: none none; + } + + .menu-item { + padding-top: 0; + } + + .toolbar-bar .toolbar-tab, + .menu-item { + display: block; + } + + .toolbar-bar .toolbar-tab.hidden { + display: none; + } + + .toolbar-bar, + .toolbar-tray { + position: relative; + z-index: 1250; + } + + // Fallback CSS in case something fails. + .no-tabs .toolbar-tab__items-wrapper { + //display: none; + } + + // Use a new wrapper around toolbar-tab items, use flex to position items. We + // need the big z-index for when orientation is vertical. + .toolbar-tab__items-wrapper { + display: flex; + align-items: center; + justify-content: flex-start; + //min-height: 1.8em; + z-index: 1500; + position: relative; + } + + .home-toolbar-tab { + div { + display: none; + } + } + + .toolbar-icon-admin-toolbar-tools-help { + text-indent: 0; + } + + .toolbar-bar .contextual-toolbar-tab { + float: none !important; // override contextual links css. + position: absolute; + right: 0; + top: 0; + padding: 0 0.25em 0; + + [dir="rtl"] & { + right: auto; + left: 0; + padding-left: 0; + padding-right: 0.35em; + } + + button { + outline: none !important; + color: inherit; + height: auto; + font-size: inherit; + } + } + +} + + +// Administration menu. + +// Position the admin toolbar absolutely when the configured standard breakpoint +// is active. The toolbar container, that contains the bar and the trays, is +// position absolutely so that it scrolls with the page. Otherwise, on smaller +// screens, the components of the admin toolbar are positioned statically. + +body.toolbar-fixed .toolbar-oriented { + position: absolute; + left: 0; + right: 0; + top: 0; + width: 100%; +} + +.toolbar-oriented { + .toolbar-bar, + .toolbar-tray { + left: 0; + position: absolute; + right: 0; + //top: 0; + } + + .toolbar-bar { + z-index: 502; + } +} + + +// Layer the bar just above the trays and above contextual link triggers. + +// Position the admin toolbar fixed when the configured standard breakpoint is +// active. + +body { + &.toolbar-fixed .toolbar-oriented .toolbar-bar { + position: fixed; + } + + &.toolbar-tray-open.toolbar-fixed.toolbar-vertical .toolbar-oriented { + bottom: 0; + width: 15rem; + } +} + + +// When the configured narrow breakpoint is active, the toolbar is sized to wrap +// around the trays in order to provide a context for scrolling tray content +// that is taller than the viewport. + +// Present the admin toolbar tabs horizontally as a default on user agents that +// do not understand media queries or on user agents where JavaScript is +// disabled. + +.toolbar { + .toolbar-bar, + .toolbar-tray-horizontal ul { + display: flex; + } + + .toolbar-tab > a, + .toolbar-tray-horizontal ul a {} +} + + +// Present the admin toolbar tabs vertically by default on user agents that +// that understand media queries. This will be the small screen default. + +@media only screen { + .toolbar { + .toolbar-bar + .toolbar-tray-horizontal { + [dir="rtl"] & {} + } + } +} + + +// Tabs can be hidden in the settings, however we have to show the Manage tab +// in orientation vertical otherwise the user will not be able to collapse the +// menu. Here we move the tray to lie adjacent to the manage button, rather than +// below, making one inline menu. + +#toolbar-administration .no-tabs .toolbar-tray-horizontal { + left: 2.5em; + top: 0; + border-top: 0; + box-shadow: none; + margin-top: 0 !important; +} + + +// This min-width media query is meant to provide basic horizontal layout to +// the main menu tabs when JavaScript is disabled on user agents that understand +// media queries. + +@media (min-width: 16.5em) { + .toolbar { + .toolbar-bar, + .toolbar-tray-horizontal ul { + display: flex; + + [dir="rtl"] & {} + } + } +} + + +// Present the admin toolbar tabs horizontally when the configured narrow +// breakpoint is active. + +.toolbar-oriented { + .toolbar-bar, + .toolbar-tray-horizontal { + display: flex; + + [dir="rtl"] & {} + } +} + + +// Toolbar tray. + +.toolbar { + .toolbar-tray { + z-index: 501; + display: none; + } +} + +.toolbar-oriented .toolbar-tray-vertical { + left: -100%; + position: absolute; + width: 15rem; +} + +[dir="rtl"] .toolbar-oriented .toolbar-tray-vertical { + left: auto; + right: -100%; +} + +.toolbar .toolbar-tray-vertical > .toolbar-lining { + min-height: 100%; + + &:before { + width: 100%; + } +} + +.toolbar-oriented .toolbar-tray-vertical > .toolbar-lining:before { + bottom: 0; + content: ''; + display: block; + left: 0; + position: fixed; + top: 0; + width: 14rem; + z-index: -1; + + [dir="rtl"] & { + left: auto; + right: 0; + } +} + + +// Layer the links just above the toolbar-tray. + +.toolbar .toolbar-bar .toolbar-tab > .toolbar-icon { + position: relative; + z-index: 502; +} + + +// Hide secondary menus when the tray is horizontal. + +.toolbar-oriented .toolbar-tray-horizontal .menu-item ul { + display: none; +} + + +// When the configured standard breakpoint is active and the tray is in a +// horizontal position, the tray is fixed to the top of the viewport and does +// not scroll with the page contents. + +body.toolbar-fixed .toolbar .toolbar-tray-horizontal { + position: fixed; +} + + +// When the configured standard breakpoint is active and the tray is in a +// vertical position, the tray does not scroll with the page. The contents of +// the tray scroll within the confines of the viewport. + +.toolbar .toolbar-tray-vertical.is-active, +body.toolbar-fixed .toolbar .toolbar-tray-vertical { + height: 100%; + overflow-x: hidden; + overflow-y: auto; + position: fixed; +} + +.toolbar .toolbar-tray.is-active { + display: block; +} + + +// Bring the tray into the viewport. By default it is just off-screen. + +.toolbar-oriented .toolbar-tray-vertical.is-active { + left: 0; + + [dir="rtl"] & { + left: auto; + right: 0; + } +} + + +// When the configured standard breakpoint is active, the tray appears to push +// the page content away from the edge of the viewport. + +body.toolbar-tray-open.toolbar-vertical.toolbar-fixed { + margin-left: 15rem; + + [dir="rtl"] & { + margin-left: auto; + margin-right: 15rem; + } +} + +@media print { + body.toolbar-tray-open.toolbar-vertical.toolbar-fixed { + margin-left: 0; + + [dir="rtl"] & { + margin-right: 0; + } + } +} + + +// ToolBar tray orientation toggle. + +// Hide the orientation toggle when the configured narrow breakpoint is not +// active. + +.toolbar .toolbar-tray .toolbar-toggle-orientation { + display: none; +} + + +// Show the orientation toggle when the configured narrow breakpoint is +// active. + +.toolbar-oriented { + .toolbar-tray .toolbar-toggle-orientation { + display: block; + } + + .toolbar-tray-horizontal .toolbar-toggle-orientation { + bottom: 0; + position: absolute; + right: 0; + top: auto; + + [dir="rtl"] & { + left: 0; + right: auto; + } + } +} + +// .toolbar-loading is required by Toolbar JavaScript to pre-render markup +// style to avoid extra reflow & flicker. +//@media (min-width: 61em) { +// .toolbar-loading.toolbar-horizontal .toolbar .toolbar-bar .toolbar-tab:last-child .toolbar-tray { +// position: relative; +// display: block; +// z-index: -999; +// visibility: hidden; +// width: 1px; +// } +// .toolbar-loading.toolbar-horizontal .toolbar .toolbar-bar .toolbar-tab:last-child .toolbar-tray .toolbar-lining { +// width: 999em; +// } +// .toolbar-loading.toolbar-horizontal .toolbar .toolbar-bar .home-toolbar-tab .toolbar-tab .toolbar-tray { +// display: block; +// } +//} diff --git a/sites/all/modules/contrib/admin/toolbar_themes/themes/base/base_theme.css b/sites/all/modules/contrib/admin/toolbar_themes/themes/base/base_theme.css new file mode 100644 index 000000000..de85eb4cc --- /dev/null +++ b/sites/all/modules/contrib/admin/toolbar_themes/themes/base/base_theme.css @@ -0,0 +1,224 @@ +/** + * base_theme + * + * Base theme styles for menus and other toolbar elements (not icons). There are + * no colors in this file - those should be provided by sub-themes. + */ +.shortcut-action__message { + display: none !important; +} + +#toolbar-administration { + width: 100%; + -webkit-touch-callout: none; +} + +#toolbar-administration .toolbar-bar { + width: 100%; +} + +#toolbar-administration a { + cursor: pointer; +} + +#toolbar-administration button { + border: 0; + -webkit-box-shadow: none; + box-shadow: none; + border-radius: 0; + background: transparent; + color: inherit; + font-size: inherit; + font-family: inherit; + opacity: 1; + line-height: normal; +} + +#toolbar-administration button:hover, #toolbar-administration button:focus { + background: transparent; +} + +#toolbar-administration .toolbar-item { + cursor: pointer; +} + +#toolbar-administration .toolbar-tab:empty, +#toolbar-administration .toolbar-item:empty { + display: none; +} + +#toolbar-administration .toolbar-toggle-orientation { + padding: 0; + height: 100%; + background-color: inherit; +} + +#toolbar-administration .toolbar-toggle-orientation button { + cursor: pointer; + display: inline-block; +} + +#toolbar-administration .toolbar-toggle-orientation > .toolbar-lining { + float: right; +} + +[dir="rtl"] #toolbar-administration .toolbar-toggle-orientation > .toolbar-lining { + float: left; +} + +#toolbar-administration .toolbar-menu { + list-style: none; + margin: 0; + padding: 0; + background-color: inherit; +} + +#toolbar-administration .toolbar-box { + position: relative; + width: auto; +} + +#toolbar-administration .toolbar-tray-horizontal .toolbar-menu .toolbar-handle { + display: none; +} + +#toolbar-administration .toolbar-tray-horizontal .toolbar-menu ul { + visibility: hidden; +} + +#toolbar-administration .toolbar-tray-vertical .toolbar-menu a { + display: block; + padding-right: 4em; +} + +[dir="rtl"] #toolbar-administration .toolbar-tray-vertical .toolbar-menu a { + padding-left: 4em; + padding-right: 0; +} + +#toolbar-administration .toolbar-tray-vertical .toolbar-menu ul { + display: none; +} + +#toolbar-administration .toolbar-tray-vertical .toolbar-menu ul ul a { + padding-left: 2em; +} + +[dir="rtl"] #toolbar-administration .toolbar-tray-vertical .toolbar-menu ul ul a { + padding-left: 0; + padding-right: 2em; +} + +#toolbar-administration .toolbar-tray-vertical .toolbar-menu .toolbar-icon.toolbar-handle:before { + background-image: none; +} + +#toolbar-administration .toolbar-tray-vertical li.open > ul { + display: block; +} + +#toolbar-administration .has-icons .toolbar-tray-vertical .toolbar-menu ul a { + padding-left: 2.2em; +} + +[dir="rtl"] #toolbar-administration .has-icons .toolbar-tray-vertical .toolbar-menu ul a { + padding-left: 0; + padding-right: 2.2em; +} + +#toolbar-administration .has-icons .toolbar-tray-vertical .toolbar-menu ul ul a { + padding-left: 3em; +} + +[dir="rtl"] #toolbar-administration .has-icons .toolbar-tray-vertical .toolbar-menu ul ul a { + padding-left: 0; + padding-right: 3em; +} + +#toolbar-administration .toolbar-handle:hover { + cursor: pointer; +} + +@media screen and (max-width: 319px) { + #toolbar-administration .toolbar-tray-vertical.is-active { + width: 100%; + } +} + +#toolbar-administration .toolbar-tray-horizontal { + border-bottom: 0; +} + +#toolbar-administration .toolbar-tray-horizontal .menu-item { + border: 0; + position: relative; +} + +#toolbar-administration .toolbar-tray-horizontal a { + position: relative; + display: block; +} + +#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu { + position: relative; + max-height: 1000px; +} + +#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .toolbar-menu { + -webkit-transition: 125ms ease-in-out 100ms; + -o-transition: 125ms ease-in-out 100ms; + transition: 125ms ease-in-out 100ms; +} + +#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .toolbar-menu .toolbar-menu { + -webkit-transition-delay: 25ms; + -o-transition-delay: 25ms; + transition-delay: 25ms; +} + +#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .menu-item { + width: auto; + display: block; +} + +#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .menu-item a:hover, #toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .menu-item a:focus { + text-decoration: none; +} + +#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .menu-item--expanded:hover > .toolbar-menu, #toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .menu-item--expanded:focus > .toolbar-menu { + visibility: visible; + opacity: 1; +} + +#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .toolbar-menu { + position: absolute; + visibility: hidden; + opacity: 0; + margin: 0; + padding: 0; + max-height: 1000px; + width: 14em; + display: block; +} + +#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .toolbar-menu:hover, #toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .toolbar-menu:focus { + visibility: visible; + opacity: 1; + display: block; +} + +#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .toolbar-menu .menu-item { + text-align: left; + width: 14em; +} + +#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu > .menu-item--expanded > .toolbar-menu { + left: 0; + top: auto; +} + +#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu > .menu-item--expanded > .toolbar-menu .toolbar-menu { + left: 100%; + top: 0; +} +/*# sourceMappingURL=base_theme.css.map */ \ No newline at end of file diff --git a/sites/all/modules/contrib/admin/toolbar_themes/themes/base/base_theme.css.map b/sites/all/modules/contrib/admin/toolbar_themes/themes/base/base_theme.css.map new file mode 100644 index 000000000..cb7f40fc5 --- /dev/null +++ b/sites/all/modules/contrib/admin/toolbar_themes/themes/base/base_theme.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["base_theme.scss","base_theme.css"],"names":[],"mappings":"AAAA;;;;;GAKG;AAKH;EACE,yBAAwB;CACzB;;AAED;EACE,YAAW;EACX,4BAA2B;CAgQ5B;;AAlQD;EAKI,YAAW;CACZ;;AANH;EASI,gBAAe;CAChB;;AAVH;EAeI,UAAS;EACT,yBAAgB;UAAhB,iBAAgB;EAChB,iBAAgB;EAChB,wBAAuB;EACvB,eAAc;EACd,mBAAkB;EAClB,qBAAoB;EACpB,WAAU;EACV,oBAAmB;CAMpB;;AA7BH;EA2BM,wBAAuB;CACxB;;AA5BL;EAgCI,gBAAe;CAIhB;;AApCH;;EAyCO,cAAa;CACf;;AA1CL;EAoDI,WAAU;EACV,aAAY;EACZ,0BAAyB;CAc1B;;AApEH;EAyDM,gBAAe;EACf,sBAAqB;CACtB;;AA3DL;EA8DM,aAAY;CAKb;;AClBL;EDgBQ,YAAW;CACZ;;AAlEP;EAyEI,iBAAgB;EAChB,UAAS;EACT,WAAU;EACV,0BAAyB;CAC1B;;AA7EH;EAgFI,mBAAkB;EAClB,YAAW;CACZ;;AAlFH;EAsFM,cAAa;CACd;;AAvFL;EA0FM,mBAAkB;CACnB;;AA3FL;EAiGQ,eAAc;EACd,mBAAkB;CAMnB;;AC1BP;EDuBU,kBAAiB;EACjB,iBAAgB;CACjB;;AAvGT;EA2GQ,cAAa;CACd;;AA5GP;EA+GQ,kBAAiB;CAMlB;;AC1BP;EDuBU,gBAAe;EACf,mBAAkB;CACnB;;AApHT;EAwHQ,uBAAsB;CACvB;;AAzHP;EA6HM,eAAc;CACf;;AA9HL;EAoIQ,oBAAmB;CAMpB;;AC9BP;ED2BU,gBAAe;EACf,qBAAoB;CACrB;;AAzIT;EA6IQ,kBAAiB;CAMlB;;AC9BP;ED2BU,gBAAe;EACf,mBAAkB;CACnB;;AAlJT;EAoKI,gBAAe;CAChB;;AAED;EAvKF;IAyKM,YAAW;GACZ;CCxCJ;;ADlID;EA+KI,iBAAgB;CAkFjB;;AAjQH;EAkLM,UAAS;EACT,mBAAkB;CACnB;;AApLL;EAuLM,mBAAkB;EAClB,eAAc;CACf;;AAzLL;EA4LM,mBAAkB;EAClB,mBAAkB;CA+BnB;;AA5NL;EAgMS,4CAAmC;EAAnC,uCAAmC;EAAnC,oCAAmC;CAKrC;;AArMP;EAmMU,+BAAsB;OAAtB,0BAAsB;UAAtB,uBAAsB;CACvB;;AApMT;EAwMQ,YAAW;EACX,eAAc;CAQf;;AAjNP;EA8MY,sBAAqB;CACtB;;AA/MX;EAuNY,oBAAmB;EACnB,WAAU;CACX;;AAzNX;EA+NM,mBAAkB;EAClB,mBAAkB;EAClB,WAAU;EACV,UAAS;EACT,WAAU;EACV,mBAAkB;EAClB,YAAW;EACX,eAAc;CAef;;AArPL;EA4OQ,oBAAmB;EACnB,WAAU;EACV,eAAc;CACf;;AA/OP;EAkPQ,iBAAgB;EAChB,YAAW;CACZ;;AApPP;EAyPM,QAAO;EACP,UAAS;CAMV;;AAhQL;EA6PQ,WAAU;EACV,OAAM;CACP","file":"base_theme.css","sourcesContent":[null,"/**\n * base_theme\n *\n * Base theme styles for menus and other toolbar elements (not icons). There are\n * no colors in this file - those should be provided by sub-themes.\n */\n.shortcut-action__message {\n display: none !important;\n}\n\n#toolbar-administration {\n width: 100%;\n -webkit-touch-callout: none;\n}\n\n#toolbar-administration .toolbar-bar {\n width: 100%;\n}\n\n#toolbar-administration a {\n cursor: pointer;\n}\n\n#toolbar-administration button {\n border: 0;\n box-shadow: none;\n border-radius: 0;\n background: transparent;\n color: inherit;\n font-size: inherit;\n font-family: inherit;\n opacity: 1;\n line-height: normal;\n}\n\n#toolbar-administration button:hover, #toolbar-administration button:focus {\n background: transparent;\n}\n\n#toolbar-administration .toolbar-item {\n cursor: pointer;\n}\n\n#toolbar-administration .toolbar-tab:empty,\n#toolbar-administration .toolbar-item:empty {\n display: none;\n}\n\n#toolbar-administration .toolbar-toggle-orientation {\n padding: 0;\n height: 100%;\n background-color: inherit;\n}\n\n#toolbar-administration .toolbar-toggle-orientation button {\n cursor: pointer;\n display: inline-block;\n}\n\n#toolbar-administration .toolbar-toggle-orientation > .toolbar-lining {\n float: right;\n}\n\n[dir=\"rtl\"] #toolbar-administration .toolbar-toggle-orientation > .toolbar-lining {\n float: left;\n}\n\n#toolbar-administration .toolbar-menu {\n list-style: none;\n margin: 0;\n padding: 0;\n background-color: inherit;\n}\n\n#toolbar-administration .toolbar-box {\n position: relative;\n width: auto;\n}\n\n#toolbar-administration .toolbar-tray-horizontal .toolbar-menu .toolbar-handle {\n display: none;\n}\n\n#toolbar-administration .toolbar-tray-horizontal .toolbar-menu ul {\n visibility: hidden;\n}\n\n#toolbar-administration .toolbar-tray-vertical .toolbar-menu a {\n display: block;\n padding-right: 4em;\n}\n\n[dir=\"rtl\"] #toolbar-administration .toolbar-tray-vertical .toolbar-menu a {\n padding-left: 4em;\n padding-right: 0;\n}\n\n#toolbar-administration .toolbar-tray-vertical .toolbar-menu ul {\n display: none;\n}\n\n#toolbar-administration .toolbar-tray-vertical .toolbar-menu ul ul a {\n padding-left: 2em;\n}\n\n[dir=\"rtl\"] #toolbar-administration .toolbar-tray-vertical .toolbar-menu ul ul a {\n padding-left: 0;\n padding-right: 2em;\n}\n\n#toolbar-administration .toolbar-tray-vertical .toolbar-menu .toolbar-icon.toolbar-handle:before {\n background-image: none;\n}\n\n#toolbar-administration .toolbar-tray-vertical li.open > ul {\n display: block;\n}\n\n#toolbar-administration .has-icons .toolbar-tray-vertical .toolbar-menu ul a {\n padding-left: 2.2em;\n}\n\n[dir=\"rtl\"] #toolbar-administration .has-icons .toolbar-tray-vertical .toolbar-menu ul a {\n padding-left: 0;\n padding-right: 2.2em;\n}\n\n#toolbar-administration .has-icons .toolbar-tray-vertical .toolbar-menu ul ul a {\n padding-left: 3em;\n}\n\n[dir=\"rtl\"] #toolbar-administration .has-icons .toolbar-tray-vertical .toolbar-menu ul ul a {\n padding-left: 0;\n padding-right: 3em;\n}\n\n#toolbar-administration .toolbar-handle:hover {\n cursor: pointer;\n}\n\n@media screen and (max-width: 319px) {\n #toolbar-administration .toolbar-tray-vertical.is-active {\n width: 100%;\n }\n}\n\n#toolbar-administration .toolbar-tray-horizontal {\n border-bottom: 0;\n}\n\n#toolbar-administration .toolbar-tray-horizontal .menu-item {\n border: 0;\n position: relative;\n}\n\n#toolbar-administration .toolbar-tray-horizontal a {\n position: relative;\n display: block;\n}\n\n#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu {\n position: relative;\n max-height: 1000px;\n}\n\n#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .toolbar-menu {\n transition: 125ms ease-in-out 100ms;\n}\n\n#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .toolbar-menu .toolbar-menu {\n transition-delay: 25ms;\n}\n\n#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .menu-item {\n width: auto;\n display: block;\n}\n\n#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .menu-item a:hover, #toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .menu-item a:focus {\n text-decoration: none;\n}\n\n#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .menu-item--expanded:hover > .toolbar-menu, #toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .menu-item--expanded:focus > .toolbar-menu {\n visibility: visible;\n opacity: 1;\n}\n\n#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .toolbar-menu {\n position: absolute;\n visibility: hidden;\n opacity: 0;\n margin: 0;\n padding: 0;\n max-height: 1000px;\n width: 14em;\n display: block;\n}\n\n#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .toolbar-menu:hover, #toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .toolbar-menu:focus {\n visibility: visible;\n opacity: 1;\n display: block;\n}\n\n#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .toolbar-menu .menu-item {\n text-align: left;\n width: 14em;\n}\n\n#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu > .menu-item--expanded > .toolbar-menu {\n left: 0;\n top: auto;\n}\n\n#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu > .menu-item--expanded > .toolbar-menu .toolbar-menu {\n left: 100%;\n top: 0;\n}\n\n/*# sourceMappingURL=base_theme.css.map */"]} \ No newline at end of file diff --git a/sites/all/modules/contrib/admin/toolbar_themes/themes/base/base_theme.scss b/sites/all/modules/contrib/admin/toolbar_themes/themes/base/base_theme.scss new file mode 100644 index 000000000..ddbf7bb29 --- /dev/null +++ b/sites/all/modules/contrib/admin/toolbar_themes/themes/base/base_theme.scss @@ -0,0 +1,274 @@ +/** + * base_theme + * + * Base theme styles for menus and other toolbar elements (not icons). There are + * no colors in this file - those should be provided by sub-themes. + */ + + +// Remove very annoying message that causes re-flow and re-paint every dam time +// you move the cursor anywhere near it. +.shortcut-action__message { + display: none !important; +} + +#toolbar-administration { + width: 100%; + -webkit-touch-callout: none; + + .toolbar-bar { + width: 100%; + } + + a { + cursor: pointer; + } + + // Themes and resets like normalize can wreak havoc on buttons, so we need to + // set a lot of strong overrides ourselves. + button { + border: 0; + box-shadow: none; + border-radius: 0; + background: transparent; + color: inherit; + font-size: inherit; + font-family: inherit; + opacity: 1; + line-height: normal; + + &:hover, + &:focus { + background: transparent; + } + } + + .toolbar-item { + cursor: pointer; + + &:hover, + &:focus {} + } + + .toolbar-tab, + .toolbar-item { + &:empty { + display: none; + } + } + + .toolbar-tray { + //width: 100%; + } + + + // Orientation toggle. + .toolbar-toggle-orientation { + padding: 0; + height: 100%; + background-color: inherit; + + button { + cursor: pointer; + display: inline-block; + } + + > .toolbar-lining { + float: right; + + [dir="rtl"] & { + float: left; + } + } + } + + + // Menus + .toolbar-menu { + list-style: none; + margin: 0; + padding: 0; + background-color: inherit; + } + + .toolbar-box { + position: relative; + width: auto; + } + + .toolbar-tray-horizontal .toolbar-menu { + .toolbar-handle { + display: none; + } + + ul { + visibility: hidden; + } + } + + .toolbar-tray-vertical { + .toolbar-menu { + a { + display: block; + padding-right: 4em; + + [dir="rtl"] & { + padding-left: 4em; + padding-right: 0; + } + } + + ul { + display: none; + } + + ul ul a { + padding-left: 2em; + + [dir="rtl"] & { + padding-left: 0; + padding-right: 2em; + } + } + + .toolbar-icon.toolbar-handle:before { + background-image: none; + } + } + + li.open > ul { + display: block; + } + } + + .has-icons .toolbar-tray-vertical { + .toolbar-menu { + ul a { + padding-left: 2.2em; + + [dir="rtl"] & { + padding-left: 0; + padding-right: 2.2em; + } + } + + ul ul a { + padding-left: 3em; + + [dir="rtl"] & { + padding-left: 0; + padding-right: 3em; + } + } + } + } + + .toolbar-menu .toolbar-menu .toolbar-menu .toolbar-menu { + [dir="rtl"] & {} + } + + .level-2 > ul {} + .level-3 > ul {} + .level-4 > ul {} + .level-5 > ul {} + .level-6 > ul {} + .level-7 > ul {} + .level-8 > ul {} + + .toolbar-handle:hover { + cursor: pointer; + } + + @media screen and (max-width: 319px) { + .toolbar-tray-vertical.is-active { + width: 100%; + } + } + + // Drop menus + .toolbar-tray-horizontal { + border-bottom: 0; + + .menu-item { + border: 0; + position: relative; + } + + a { + position: relative; + display: block; + } + + .toolbar-menu-administration > .toolbar-menu { + position: relative; + max-height: 1000px; + + .toolbar-menu { + transition: 125ms ease-in-out 100ms; + + .toolbar-menu { + transition-delay: 25ms; + } + } + + .menu-item { + width: auto; + display: block; + + a { + &:hover, + &:focus { + text-decoration: none; + } + } + } + + .menu-item--expanded { + &:hover, + &:focus { + > .toolbar-menu { + visibility: visible; + opacity: 1; + } + } + } + } + + .toolbar-menu-administration > .toolbar-menu .toolbar-menu { + position: absolute; + visibility: hidden; + opacity: 0; + margin: 0; + padding: 0; + max-height: 1000px; + width: 14em; + display: block; + + a {} + + &:hover, + &:focus { + visibility: visible; + opacity: 1; + display: block; + } + + .menu-item { + text-align: left; + width: 14em; + } + } + + // Menu level 2 and below. + .toolbar-menu-administration > .toolbar-menu > .menu-item--expanded > .toolbar-menu { + left: 0; + top: auto; + + .toolbar-menu { + left: 100%; + top: 0; + } + } + } +} + diff --git a/sites/all/modules/contrib/admin/toolbar_themes/themes/base/fonts/libricons.md b/sites/all/modules/contrib/admin/toolbar_themes/themes/base/fonts/libricons.md new file mode 100755 index 000000000..26b5c1040 --- /dev/null +++ b/sites/all/modules/contrib/admin/toolbar_themes/themes/base/fonts/libricons.md @@ -0,0 +1,70 @@ +# Libricons + +Libricons are licenced under the MIT License (MIT). +https://github.com/ry5n/libricons + +## Char guide +.icon-9937-key:before { content: "\E001"; } +.icon-9938-chevron-disc-left:before { content: "\E002"; } +.icon-9939-chevron-disc-down:before { content: "\E003"; } +.icon-9940-chevron-disc-right:before { content: "\E004"; } +.icon-9941-chevron-disc-up:before { content: "\E005"; } +.icon-9942-chevron-double-left:before { content: "\E006"; } +.icon-9943-chevron-double-right:before { content: "\E007"; } +.icon-9944-chevron-left:before { content: "\E008"; } +.icon-9945-chevron-down:before { content: "\E009"; } +.icon-9946-chevron-right:before { content: "\E00A"; } +.icon-9947-chevron-up:before { content: "\E00B"; } +.icon-9948-caret-left:before { content: "\E00C"; } +.icon-9949-caret-down:before { content: "\E00D"; } +.icon-9950-caret-right:before { content: "\E00E"; } +.icon-9951-caret-up:before { content: "\E00F"; } +.icon-9952-twistie-left:before { content: "\E010"; } +.icon-9953-twistie-down:before { content: "\E011"; } +.icon-9954-twistie-right:before { content: "\E012"; } +.icon-9955-twistie-up:before { content: "\E013"; } +.icon-9956-pin:before { content: "\E014"; } +.icon-9957-comments-starred:before { content: "\E015"; } +.icon-9958-comments:before { content: "\E016"; } +.icon-9959-comment-pinned:before { content: "\E017"; } +.icon-9960-comment-locked:before { content: "\E018"; } +.icon-9961-comment-starred:before { content: "\E019"; } +.icon-9962-comment:before { content: "\E01A"; } +.icon-9963-picture:before { content: "\E01B"; } +.icon-9964-file:before { content: "\E01C"; } +.icon-9965-eye:before { content: "\E01D"; } +.icon-9965-lock-open:before { content: "\E01E"; } +.icon-9966-lock:before { content: "\E01F"; } +.icon-9967-loupe:before { content: "\E020"; } +.icon-9968-push-left:before { content: "\E021"; } +.icon-9969-push-down:before { content: "\E022"; } +.icon-9970-push-right:before { content: "\E023"; } +.icon-9971-push-up:before { content: "\E024"; } +.icon-9972-questionmark-disc:before { content: "\E025"; } +.icon-9973-piechart:before { content: "\E026"; } +.icon-9974-barchart:before { content: "\E027"; } +.icon-9975-wrench:before { content: "\E028"; } +.icon-9976-puzzlepiece:before { content: "\E029"; } +.icon-9977-paintbrush:before { content: "\E02A"; } +.icon-9978-orgchart:before { content: "\E02B"; } +.icon-9979-capital-sans:before { content: "\E02C"; } +.icon-9980-capital-serif:before { content: "\E02D"; } +.icon-9981-link:before { content: "\E02E"; } +.icon-9982-cog:before { content: "\E02F"; } +.icon-9983-move-v:before { content: "\E030"; } +.icon-9984-move-h:before { content: "\E031"; } +.icon-9985-move:before { content: "\E032"; } +.icon-9986-minus:before { content: "\E033"; } +.icon-9987-plus:before { content: "\E034"; } +.icon-9988-ex:before { content: "\E035"; } +.icon-9989-ex-disc:before { content: "\E036"; } +.icon-9990-warning:before { content: "\E037"; } +.icon-9991-check:before { content: "\E038"; } +.icon-9992-pencil:before { content: "\E039"; } +.icon-9993-people:before { content: "\E03A"; } +.icon-9994-person:before { content: "\E03B"; } +.icon-9995-star-empty:before { content: "\E03C"; } +.icon-9996-star:before { content: "\E03D"; } +.icon-9997-hamburger-list:before { content: "\E03E"; } +.icon-9998-hamburger:before { content: "\E03F"; } +.icon-9999-house:before { content: "\E040"; } diff --git a/sites/all/modules/contrib/admin/toolbar_themes/themes/base/fonts/libricons.ttf b/sites/all/modules/contrib/admin/toolbar_themes/themes/base/fonts/libricons.ttf new file mode 100755 index 000000000..1b80ebfd5 Binary files /dev/null and b/sites/all/modules/contrib/admin/toolbar_themes/themes/base/fonts/libricons.ttf differ diff --git a/sites/all/modules/contrib/admin/toolbar_themes/themes/base/fonts/libricons.woff b/sites/all/modules/contrib/admin/toolbar_themes/themes/base/fonts/libricons.woff new file mode 100755 index 000000000..347a60c13 Binary files /dev/null and b/sites/all/modules/contrib/admin/toolbar_themes/themes/base/fonts/libricons.woff differ diff --git a/sites/all/modules/contrib/admin/toolbar_themes/themes/base/fonts/libricons.woff2 b/sites/all/modules/contrib/admin/toolbar_themes/themes/base/fonts/libricons.woff2 new file mode 100755 index 000000000..4b57356b2 Binary files /dev/null and b/sites/all/modules/contrib/admin/toolbar_themes/themes/base/fonts/libricons.woff2 differ diff --git a/sites/all/modules/contrib/admin/toolbar_themes/themes/base/grunticons/icon_load.js b/sites/all/modules/contrib/admin/toolbar_themes/themes/base/grunticons/icon_load.js new file mode 100644 index 000000000..812f63fd7 --- /dev/null +++ b/sites/all/modules/contrib/admin/toolbar_themes/themes/base/grunticons/icon_load.js @@ -0,0 +1,18 @@ +(function (drupalSettings) { + + 'use strict'; + + Drupal.behaviors.ToolbarThemesGruniticonLoad = { + attach: function () { + var path = drupalSettings.toolbar.path; + grunticon([ + path + "/themes/base/grunticons/processed/icons.data.svg.css", + path + "/themes/base/grunticons/processed/icons.data.png.css", + path + "/themes/base/grunticons/processed/icons.fallback.css" + ], + grunticon.svgLoadedCallback + ); + } + }; + +})(drupalSettings); diff --git a/sites/all/modules/contrib/admin/toolbar_themes/themes/base/grunticons/original/toolbar-icon-admin-toolbar-tools-help.svg b/sites/all/modules/contrib/admin/toolbar_themes/themes/base/grunticons/original/toolbar-icon-admin-toolbar-tools-help.svg new file mode 100644 index 000000000..ee7a32d0b --- /dev/null +++ b/sites/all/modules/contrib/admin/toolbar_themes/themes/base/grunticons/original/toolbar-icon-admin-toolbar-tools-help.svg @@ -0,0 +1 @@ + diff --git a/sites/all/modules/contrib/admin/toolbar_themes/themes/base/grunticons/original/toolbar-icon-edit.svg b/sites/all/modules/contrib/admin/toolbar_themes/themes/base/grunticons/original/toolbar-icon-edit.svg new file mode 100644 index 000000000..f2cf02498 --- /dev/null +++ b/sites/all/modules/contrib/admin/toolbar_themes/themes/base/grunticons/original/toolbar-icon-edit.svg @@ -0,0 +1,2 @@ + + diff --git a/sites/all/modules/contrib/admin/toolbar_themes/themes/base/grunticons/original/toolbar-icon-entity-user-collection.svg b/sites/all/modules/contrib/admin/toolbar_themes/themes/base/grunticons/original/toolbar-icon-entity-user-collection.svg new file mode 100644 index 000000000..02d254a6c --- /dev/null +++ b/sites/all/modules/contrib/admin/toolbar_themes/themes/base/grunticons/original/toolbar-icon-entity-user-collection.svg @@ -0,0 +1 @@ + diff --git a/sites/all/modules/contrib/admin/toolbar_themes/themes/base/grunticons/original/toolbar-icon-escape-admin.svg b/sites/all/modules/contrib/admin/toolbar_themes/themes/base/grunticons/original/toolbar-icon-escape-admin.svg new file mode 100644 index 000000000..8662d07cb --- /dev/null +++ b/sites/all/modules/contrib/admin/toolbar_themes/themes/base/grunticons/original/toolbar-icon-escape-admin.svg @@ -0,0 +1 @@ + diff --git a/sites/all/modules/contrib/admin/toolbar_themes/themes/base/grunticons/original/toolbar-icon-help-main.svg b/sites/all/modules/contrib/admin/toolbar_themes/themes/base/grunticons/original/toolbar-icon-help-main.svg new file mode 100644 index 000000000..10e5f0a8c --- /dev/null +++ b/sites/all/modules/contrib/admin/toolbar_themes/themes/base/grunticons/original/toolbar-icon-help-main.svg @@ -0,0 +1 @@ + diff --git a/sites/all/modules/contrib/admin/toolbar_themes/themes/base/grunticons/original/toolbar-icon-help.svg b/sites/all/modules/contrib/admin/toolbar_themes/themes/base/grunticons/original/toolbar-icon-help.svg new file mode 100644 index 000000000..632fb8e0d --- /dev/null +++ b/sites/all/modules/contrib/admin/toolbar_themes/themes/base/grunticons/original/toolbar-icon-help.svg @@ -0,0 +1 @@ + diff --git a/sites/all/modules/contrib/admin/toolbar_themes/themes/base/grunticons/original/toolbar-icon-home.svg b/sites/all/modules/contrib/admin/toolbar_themes/themes/base/grunticons/original/toolbar-icon-home.svg new file mode 100644 index 000000000..a9b3aef8a --- /dev/null +++ b/sites/all/modules/contrib/admin/toolbar_themes/themes/base/grunticons/original/toolbar-icon-home.svg @@ -0,0 +1 @@ + diff --git a/sites/all/modules/contrib/admin/toolbar_themes/themes/base/grunticons/original/toolbar-icon-link-toolbar-menu.svg b/sites/all/modules/contrib/admin/toolbar_themes/themes/base/grunticons/original/toolbar-icon-link-toolbar-menu.svg new file mode 100644 index 000000000..2862a6eb5 --- /dev/null +++ b/sites/all/modules/contrib/admin/toolbar_themes/themes/base/grunticons/original/toolbar-icon-link-toolbar-menu.svg @@ -0,0 +1 @@ + diff --git a/sites/all/modules/contrib/admin/toolbar_themes/themes/base/grunticons/original/toolbar-icon-menu.svg b/sites/all/modules/contrib/admin/toolbar_themes/themes/base/grunticons/original/toolbar-icon-menu.svg new file mode 100644 index 000000000..9fe834ef1 --- /dev/null +++ b/sites/all/modules/contrib/admin/toolbar_themes/themes/base/grunticons/original/toolbar-icon-menu.svg @@ -0,0 +1 @@ + diff --git a/sites/all/modules/contrib/admin/toolbar_themes/themes/base/grunticons/original/toolbar-icon-shortcut.svg b/sites/all/modules/contrib/admin/toolbar_themes/themes/base/grunticons/original/toolbar-icon-shortcut.svg new file mode 100644 index 000000000..cc0fc4406 --- /dev/null +++ b/sites/all/modules/contrib/admin/toolbar_themes/themes/base/grunticons/original/toolbar-icon-shortcut.svg @@ -0,0 +1 @@ + diff --git a/sites/all/modules/contrib/admin/toolbar_themes/themes/base/grunticons/original/toolbar-icon-system-admin-config.svg b/sites/all/modules/contrib/admin/toolbar_themes/themes/base/grunticons/original/toolbar-icon-system-admin-config.svg new file mode 100644 index 000000000..b5d838dd7 --- /dev/null +++ b/sites/all/modules/contrib/admin/toolbar_themes/themes/base/grunticons/original/toolbar-icon-system-admin-config.svg @@ -0,0 +1 @@ + diff --git a/sites/all/modules/contrib/admin/toolbar_themes/themes/base/grunticons/original/toolbar-icon-system-admin-content.svg b/sites/all/modules/contrib/admin/toolbar_themes/themes/base/grunticons/original/toolbar-icon-system-admin-content.svg new file mode 100644 index 000000000..927ee522f --- /dev/null +++ b/sites/all/modules/contrib/admin/toolbar_themes/themes/base/grunticons/original/toolbar-icon-system-admin-content.svg @@ -0,0 +1 @@ + diff --git a/sites/all/modules/contrib/admin/toolbar_themes/themes/base/grunticons/original/toolbar-icon-system-admin-reports.svg b/sites/all/modules/contrib/admin/toolbar_themes/themes/base/grunticons/original/toolbar-icon-system-admin-reports.svg new file mode 100644 index 000000000..37b75e22c --- /dev/null +++ b/sites/all/modules/contrib/admin/toolbar_themes/themes/base/grunticons/original/toolbar-icon-system-admin-reports.svg @@ -0,0 +1 @@ + diff --git a/sites/all/modules/contrib/admin/toolbar_themes/themes/base/grunticons/original/toolbar-icon-system-admin-structure.svg b/sites/all/modules/contrib/admin/toolbar_themes/themes/base/grunticons/original/toolbar-icon-system-admin-structure.svg new file mode 100644 index 000000000..40d08f92b --- /dev/null +++ b/sites/all/modules/contrib/admin/toolbar_themes/themes/base/grunticons/original/toolbar-icon-system-admin-structure.svg @@ -0,0 +1 @@ + diff --git a/sites/all/modules/contrib/admin/toolbar_themes/themes/base/grunticons/original/toolbar-icon-system-modules-list.svg b/sites/all/modules/contrib/admin/toolbar_themes/themes/base/grunticons/original/toolbar-icon-system-modules-list.svg new file mode 100644 index 000000000..a82210400 --- /dev/null +++ b/sites/all/modules/contrib/admin/toolbar_themes/themes/base/grunticons/original/toolbar-icon-system-modules-list.svg @@ -0,0 +1 @@ + diff --git a/sites/all/modules/contrib/admin/toolbar_themes/themes/base/grunticons/original/toolbar-icon-system-themes-page.svg b/sites/all/modules/contrib/admin/toolbar_themes/themes/base/grunticons/original/toolbar-icon-system-themes-page.svg new file mode 100644 index 000000000..1633cff73 --- /dev/null +++ b/sites/all/modules/contrib/admin/toolbar_themes/themes/base/grunticons/original/toolbar-icon-system-themes-page.svg @@ -0,0 +1 @@ + diff --git a/sites/all/modules/contrib/admin/toolbar_themes/themes/base/grunticons/original/toolbar-icon-toolbar-menu.svg b/sites/all/modules/contrib/admin/toolbar_themes/themes/base/grunticons/original/toolbar-icon-toolbar-menu.svg new file mode 100644 index 000000000..c34d9bf86 --- /dev/null +++ b/sites/all/modules/contrib/admin/toolbar_themes/themes/base/grunticons/original/toolbar-icon-toolbar-menu.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/sites/all/modules/contrib/admin/toolbar_themes/themes/base/grunticons/original/toolbar-icon-user.svg b/sites/all/modules/contrib/admin/toolbar_themes/themes/base/grunticons/original/toolbar-icon-user.svg new file mode 100644 index 000000000..9a908da74 --- /dev/null +++ b/sites/all/modules/contrib/admin/toolbar_themes/themes/base/grunticons/original/toolbar-icon-user.svg @@ -0,0 +1 @@ + diff --git a/sites/all/modules/contrib/admin/toolbar_themes/themes/base/grunticons/processed/grunticon.loader.js b/sites/all/modules/contrib/admin/toolbar_themes/themes/base/grunticons/processed/grunticon.loader.js new file mode 100644 index 000000000..83b8ae74b --- /dev/null +++ b/sites/all/modules/contrib/admin/toolbar_themes/themes/base/grunticons/processed/grunticon.loader.js @@ -0,0 +1,3 @@ +/*! grunt-grunticon Stylesheet Loader - v2.1.6 | https://github.com/filamentgroup/grunticon | (c) 2015 Scott Jehl, Filament Group, Inc. | MIT license. */ + +!function(){function e(e,n,t){"use strict";var o=window.document.createElement("link"),r=n||window.document.getElementsByTagName("script")[0],a=window.document.styleSheets;return o.rel="stylesheet",o.href=e,o.media="only x",r.parentNode.insertBefore(o,r),o.onloadcssdefined=function(e){for(var n,t=0;t + + + Icons Preview! + + + + + + + +

CUSTOM PREVIEW - you can change this in the previewTemplate option

+ 
.toolbar-icon-admin-toolbar-tools-help:
+ 
.toolbar-icon-edit:
+ 
.toolbar-icon-entity-user-collection:
+ 
.toolbar-icon-escape-admin:
+ 
.toolbar-icon-help-main:
+ 
.toolbar-icon-help:
+ 
.toolbar-icon-home:
+ 
.toolbar-icon-link-toolbar-menu:
+ 
.toolbar-icon-menu:
+ 
.toolbar-icon-shortcut:
+ 
.toolbar-icon-system-admin-config:
+ 
.toolbar-icon-system-admin-content:
+ 
.toolbar-icon-system-admin-reports:
+ 
.toolbar-icon-system-admin-structure:
+ 
.toolbar-icon-system-modules-list:
+ 
.toolbar-icon-system-themes-page:
+ 
.toolbar-icon-toolbar-menu:
+ 
.toolbar-icon-user:
+ +

Embedded SVG option

+

(The data-grunticon-embed attribute tells grunticon to inject SVG inline):

+ + 
icon-burger:
+ + + + 
icon-burger (styled variation):
+ + + + + diff --git a/sites/all/modules/contrib/admin/toolbar_themes/themes/base/templates/toolbar-themes--base-menu.html.twig b/sites/all/modules/contrib/admin/toolbar_themes/themes/base/templates/toolbar-themes--base-menu.html.twig new file mode 100644 index 000000000..2c6faafb3 --- /dev/null +++ b/sites/all/modules/contrib/admin/toolbar_themes/themes/base/templates/toolbar-themes--base-menu.html.twig @@ -0,0 +1,93 @@ +{# +/** + * Toolbar themes theme implementation to display a toolbar menu. + * + * Available variables: + * - menu_name: The machine name of the menu. + * - items: A nested list of menu items. Each menu item contains: + * - attributes: HTML attributes for the menu item. + * - below: The menu item child items. + * - title: The menu link title. + * - url: The menu link url, instance of \Drupal\Core\Url + * - localized_options: Menu link localized options. + * - is_expanded: TRUE if the link has visible children within the current + * menu tree. + * - is_collapsed: TRUE if the link has children within the current menu tree + * that are not currently visible. + * - in_active_trail: TRUE if the link is in the active trail. + * - show_icon: bool to show or hide icon markup. + * + * @ingroup themeable + */ +#} +{%- import _self as menus -%} +{# + We call a macro which calls itself to render the full tree. + @see http://twig.sensiolabs.org/doc/tags/macro.html +#} +{{- menus.menu_links(items, attributes, 0, menu_name) -}} + +{%- macro menu_links(items, attributes, menu_level, menu_name) -%} + {%- import _self as menus -%} + + {% if items %} +
    + + {# Begin loop. #} + {% for item in items %} + + {% if item.below is not empty %} + {% set is_parent = true %} + {% else %} + {% set is_parent = false %} + {% endif %} + + {% + set item_classes = [ + 'menu-item', + is_parent ? 'is-parent', + item.is_expanded ? 'menu-item--expanded', + item.is_collapsed ? 'menu-item--collapsed', + item.in_active_trail ? 'menu-tem--active-trail', + ] + %} + + {# We set an id on list items to provide context for aria attributes. #} + + {{ + link( + item.title, + item.url + ) + }} + + {%- if item.show_icon -%} + {%- if item.icon_attributes -%} + + {%- endif -%} + {%- endif -%} + + {% if item.below %} + {{ + menus.menu_links( + item.below, + attributes, + menu_level + 1, + menu_name + ) + }} + {% endif %} + + + {%- endfor -%} + {# End loop. #} + +
+ {% endif %} +{%- endmacro -%} diff --git a/sites/all/modules/contrib/admin/toolbar_themes/themes/base/templates/toolbar-themes--base-toolbar.html.twig b/sites/all/modules/contrib/admin/toolbar_themes/themes/base/templates/toolbar-themes--base-toolbar.html.twig new file mode 100644 index 000000000..a03231f48 --- /dev/null +++ b/sites/all/modules/contrib/admin/toolbar_themes/themes/base/templates/toolbar-themes--base-toolbar.html.twig @@ -0,0 +1,61 @@ +{# +/** + * Toolbar themes implementation for the administrative toolbar. + * + * Available variables: + * - attributes: HTML attributes for the wrapper. + * - toolbar_attributes: HTML attributes to apply to the toolbar. + * - toolbar_heading: The heading or label for the toolbar. + * - tabs: List of tabs for the toolbar. + * - attributes: HTML attributes for the tab container. + * - link: Link or button for the menu tab. + * - icon_attributes: tab icon classes and attributes to style SVG grunticons. + * - trays: Toolbar tray list, each associated with a tab. Each tray in trays + * contains: + * - attributes: HTML attributes to apply to the tray. + * - label: The tray's label. + * - links: The tray menu links. + * - remainder: Any non-tray, non-tab elements left to be rendered. + * - show_icons: bool to show or hide icon markup. + * + * @see toobar_themes_preprocess_toolbar() + * + * @ingroup themeable + */ +#} + + {% + set classes = [ + 'toolbar-bar', + show_icons ? 'has-icons' : 'no-icons', + show_tabs ? 'has-tabs' : 'no-tabs', + ] + %} + + + {% for key, tab in tabs %} + {% set tray = trays[key] %} + + + {{- tab.link -}} + {%- if show_icons and show_tabs -%} + {%- if tab.icon_attributes -%} + + {%- endif -%} + {%- endif -%} + + {% spaceless %} + + {% if tray.label %} + + {% endif %} + + + {% endspaceless %} + + {% endfor %} + + {{ remainder }} + diff --git a/sites/all/modules/contrib/admin/toolbar_themes/themes/mini/_variables.scss b/sites/all/modules/contrib/admin/toolbar_themes/themes/mini/_variables.scss new file mode 100644 index 000000000..770f144ef --- /dev/null +++ b/sites/all/modules/contrib/admin/toolbar_themes/themes/mini/_variables.scss @@ -0,0 +1,5 @@ +// Toolbar mini SCSS variables. + +$font-size : 0.8125rem; +$tab-item-height : $font-size * 2; +$toolbar-item-padding : 0.3em 0.95em .2em; diff --git a/sites/all/modules/contrib/admin/toolbar_themes/themes/mini/mini_icons.css b/sites/all/modules/contrib/admin/toolbar_themes/themes/mini/mini_icons.css new file mode 100644 index 000000000..315d45e6f --- /dev/null +++ b/sites/all/modules/contrib/admin/toolbar_themes/themes/mini/mini_icons.css @@ -0,0 +1,43 @@ +/** + * mini_icons + */ +#toolbar-administration .toolbar-tab__items-wrapper .toolbar-icon { + fill: #bebebe; + top: .07em; +} + +#toolbar-administration .toolbar-tab__items-wrapper .toolbar-icon-menu { + width: 0.875em; +} + +#toolbar-administration .toolbar-tab__items-wrapper a:hover .toolbar-icon, #toolbar-administration .toolbar-tab__items-wrapper a:active .toolbar-icon, #toolbar-administration .toolbar-tab__items-wrapper a.is-active .toolbar-icon, +#toolbar-administration .toolbar-tab__items-wrapper button:hover .toolbar-icon, +#toolbar-administration .toolbar-tab__items-wrapper button:active .toolbar-icon, +#toolbar-administration .toolbar-tab__items-wrapper button.is-active .toolbar-icon { + fill: #ffffff; +} + +@media only screen and (max-width: 24em) { + #toolbar-administration .home-toolbar-tab, + #toolbar-administration .tour-toolbar-tab, + #toolbar-administration .toolbar-tab__items-wrapper .toolbar-icon { + display: none; + } +} + +#toolbar-administration .toolbar-menu a { + fill: #6f6f6f; +} + +#toolbar-administration .toolbar-menu a:hover, #toolbar-administration .toolbar-menu a:focus, #toolbar-administration .toolbar-menu a:active, #toolbar-administration .toolbar-menu a.is-active { + fill: #494949; +} + +#toolbar-administration .toolbar-menu a.is-active[href="/"] { + fill: #6f6f6f; +} + +#toolbar-administration .toolbar-menu a:hover[href="/"], #toolbar-administration .toolbar-menu a:focus[href="/"], #toolbar-administration .toolbar-menu a:active[href="/"] { + fill: #494949; +} +/*# sourceMappingURL=mini_icons.css.map */ \ No newline at end of file diff --git a/sites/all/modules/contrib/admin/toolbar_themes/themes/mini/mini_icons.css.map b/sites/all/modules/contrib/admin/toolbar_themes/themes/mini/mini_icons.css.map new file mode 100644 index 000000000..32f814b5e --- /dev/null +++ b/sites/all/modules/contrib/admin/toolbar_themes/themes/mini/mini_icons.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["mini_icons.scss","mini_icons.css"],"names":[],"mappings":"AAAA;;GAEG;AAYH;EAOM,cAAa;EACb,WAAU;CACX;;AATL;EAYM,eAAc;CACf;;AAbL;;;;EAqBU,cAAa;CACd;;AAKP;EA3BF;;;IAiCM,cAAa;GACd;CCvBJ;;ADXD;EAyCM,cAAa;CAoBd;;AA7DL;EA+CQ,cAAa;CACd;;AAhDP;EAmDQ,cAAa;CACd;;AApDP;EA0DU,cAAa;CACd","file":"mini_icons.css","sourcesContent":[null,"/**\n * mini_icons\n */\n#toolbar-administration .toolbar-tab__items-wrapper .toolbar-icon {\n fill: #bebebe;\n top: .07em;\n}\n\n#toolbar-administration .toolbar-tab__items-wrapper .toolbar-icon-menu {\n width: 0.875em;\n}\n\n#toolbar-administration .toolbar-tab__items-wrapper a:hover .toolbar-icon, #toolbar-administration .toolbar-tab__items-wrapper a:active .toolbar-icon, #toolbar-administration .toolbar-tab__items-wrapper a.is-active .toolbar-icon,\n#toolbar-administration .toolbar-tab__items-wrapper button:hover .toolbar-icon,\n#toolbar-administration .toolbar-tab__items-wrapper button:active .toolbar-icon,\n#toolbar-administration .toolbar-tab__items-wrapper button.is-active .toolbar-icon {\n fill: #ffffff;\n}\n\n@media only screen and (max-width: 24em) {\n #toolbar-administration .home-toolbar-tab,\n #toolbar-administration .tour-toolbar-tab,\n #toolbar-administration .toolbar-tab__items-wrapper .toolbar-icon {\n display: none;\n }\n}\n\n#toolbar-administration .toolbar-menu a {\n fill: #6f6f6f;\n}\n\n#toolbar-administration .toolbar-menu a:hover, #toolbar-administration .toolbar-menu a:focus, #toolbar-administration .toolbar-menu a:active, #toolbar-administration .toolbar-menu a.is-active {\n fill: #494949;\n}\n\n#toolbar-administration .toolbar-menu a.is-active[href=\"/\"] {\n fill: #6f6f6f;\n}\n\n#toolbar-administration .toolbar-menu a:hover[href=\"/\"], #toolbar-administration .toolbar-menu a:focus[href=\"/\"], #toolbar-administration .toolbar-menu a:active[href=\"/\"] {\n fill: #494949;\n}\n\n/*# sourceMappingURL=mini_icons.css.map */"]} \ No newline at end of file diff --git a/sites/all/modules/contrib/admin/toolbar_themes/themes/mini/mini_icons.scss b/sites/all/modules/contrib/admin/toolbar_themes/themes/mini/mini_icons.scss new file mode 100644 index 000000000..8c57b5a90 --- /dev/null +++ b/sites/all/modules/contrib/admin/toolbar_themes/themes/mini/mini_icons.scss @@ -0,0 +1,80 @@ +/** + * mini_icons + */ + +// Most icons are embedded SVG. Icons are embedded using Grunticon. We are using +// the original SVG icons from Drupal core, however the width and height +// attribute have been replaced with a viewBox attribute so we can scale them +// properly with CSS. Embedded SVG has the advantage of being styled with CSS, +// and by using Grunticon JS loading we negate most of the bloat and overhead +// associated with embedding SVG files. For the buttons (orientation toggles & +// menu click handles), and for sub-menu indicators we use a custom font icon +// that is tiny and only includes four icons. We rotate and color these in CSS +// as required. + +#toolbar-administration { + + i.toolbar-icon {} + + // Top level icons. + .toolbar-tab__items-wrapper { + .toolbar-icon { + fill: #bebebe; + top: .07em; + } + + .toolbar-icon-menu { + width: 0.875em; + } + + a, + button { + &:hover, + &:active, + &.is-active { + .toolbar-icon { + fill: #ffffff; + } + } + } + } + + @media only screen and (max-width: 24em) { + // Toolbar-themes module cannot hide the text, so instead we remove the + // icons and other redundant tabs in narrow screens. + .home-toolbar-tab, + .tour-toolbar-tab, + .toolbar-tab__items-wrapper .toolbar-icon { + display: none; + } + } + + + // Main menu icons. + .toolbar-menu { + a { + fill: #6f6f6f; + + &:hover, + &:focus, + &:active, + &.is-active { + fill: #494949; + } + + &.is-active[href="/"] { + fill: #6f6f6f; + } + + &:hover, + &:focus, + &:active { + &[href="/"] { + fill: #494949; + } + } + } + } +} + + diff --git a/sites/all/modules/contrib/admin/toolbar_themes/themes/mini/mini_theme.css b/sites/all/modules/contrib/admin/toolbar_themes/themes/mini/mini_theme.css new file mode 100644 index 000000000..940e369df --- /dev/null +++ b/sites/all/modules/contrib/admin/toolbar_themes/themes/mini/mini_theme.css @@ -0,0 +1,373 @@ +/** + * mini_theme + * Theme styles for menus and other toolbar elements. SVG icons are styled in + * the [theme]_icons.scss file, while click handles, e.g. origination buttons + * are styled here. + */ +#toolbar-administration { + font-family: "Lucida Grande", "Lucida Sans Unicode", "DejaVu Sans", "Lucida Sans", arial, sans-serif; + font-weight: 400; + font-size: 0.8125rem; + height: 3.25rem; + background-color: #0f0f0f; + -webkit-tap-highlight-color: transparent; +} + +#toolbar-administration .toolbar-tab a:hover, #toolbar-administration .toolbar-tab a:focus, +#toolbar-administration .toolbar-item a:hover, +#toolbar-administration .toolbar-item a:focus { + text-decoration: none; +} + +.toolbar-vertical #toolbar-administration, +.toolbar-no-tabs #toolbar-administration, +#toolbar-administration .toolbar-tab, +#toolbar-administration .toolbar-tray { + height: 1.625rem; +} + +#toolbar-administration .toolbar-tray { + top: 1.625rem; +} + +#toolbar-administration .toolbar-tab a:hover, #toolbar-administration .toolbar-tab a:focus, +#toolbar-administration .toolbar-item a:hover, +#toolbar-administration .toolbar-item a:focus { + text-decoration: none; + outline: none; +} + +#toolbar-administration .toolbar-item { + padding: 0.3em 0.95em 0.2em; +} + +#toolbar-administration .toolbar__link-label { + font-size: 1em; +} + +#toolbar-administration .toolbar-bar { + -webkit-box-shadow: -1px 0 3px 1px rgba(0, 0, 0, 0.3333); + box-shadow: -1px 0 3px 1px rgba(0, 0, 0, 0.3333); + background-color: #0f0f0f; + color: #dddddd; +} + +[dir="rtl"] #toolbar-administration .toolbar-bar { + -webkit-box-shadow: 1px 0 3px 1px rgba(0, 0, 0, 0.3333); + box-shadow: 1px 0 3px 1px rgba(0, 0, 0, 0.3333); +} + +#toolbar-administration .toolbar-bar .toolbar-item { + color: #d8d8d8; +} + +#toolbar-administration .toolbar-bar .toolbar-item:hover, #toolbar-administration .toolbar-bar .toolbar-item:focus, #toolbar-administration .toolbar-bar .toolbar-item:active, #toolbar-administration .toolbar-bar .toolbar-item.is-active { + color: #ffffff; +} + +#toolbar-administration .toolbar-bar .toolbar-tab a:hover, #toolbar-administration .toolbar-bar .toolbar-tab a:focus { + background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.125) 20%, transparent 200%); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, rgba(255, 255, 255, 0.125)), color-stop(200%, transparent)); + background-image: -o-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-administration .toolbar-bar .toolbar-tab a.is-active { + background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.25) 20%, transparent 200%); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, rgba(255, 255, 255, 0.25)), color-stop(200%, transparent)); + background-image: -o-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-administration .toolbar-bar .tour-toolbar-tab.toolbar-tab { + float: none; +} + +#toolbar-administration .toolbar-bar .tour-toolbar-tab button.toolbar-item { + padding: 0.3em 0.95em 0.2em; +} + +#toolbar-administration .toolbar-tray { + background-color: #ffffff; +} + +#toolbar-administration .toolbar-tray-vertical { + background-color: #f5f5f5; + border-right: 1px solid #aaaaaa; + -webkit-box-shadow: -1px 0 5px 2px rgba(0, 0, 0, 0.3333); + box-shadow: -1px 0 5px 2px rgba(0, 0, 0, 0.3333); +} + +[dir="rtl"] #toolbar-administration .toolbar-tray-vertical { + border-left: 1px solid #aaaaaa; + border-right: 0 none; + -webkit-box-shadow: 1px 0 5px 2px rgba(0, 0, 0, 0.3333); + box-shadow: 1px 0 5px 2px rgba(0, 0, 0, 0.3333); +} + +#toolbar-administration .toolbar-tray-horizontal { + border-bottom: 1px solid #aaaaaa; + -webkit-box-shadow: -2px 1px 3px 1px rgba(0, 0, 0, 0.3333); + box-shadow: -2px 1px 3px 1px rgba(0, 0, 0, 0.3333); +} + +#toolbar-administration .toolbar-tray-horizontal .toolbar-tray { + background-color: #f5f5f5; +} + +[dir="rtl"] #toolbar-administration .toolbar-tray-horizontal { + -webkit-box-shadow: 2px 1px 3px 1px rgba(0, 0, 0, 0.3333); + box-shadow: 2px 1px 3px 1px rgba(0, 0, 0, 0.3333); +} + +#toolbar-administration .toolbar-tray-horizontal .edit-shortcuts { + float: none; + position: absolute; + right: 2.2em; + top: 0; +} + +#toolbar-administration .no-tabs .toolbar-tray-horizontal { + border-top: 0; + -webkit-box-shadow: none; + box-shadow: none; +} + +#toolbar-administration .toolbar-tray a { + color: #6f6f6f; + cursor: pointer; + padding: 0.3em 0.95em 0.2em; +} + +#toolbar-administration .toolbar-tray a:hover, #toolbar-administration .toolbar-tray a:active, #toolbar-administration .toolbar-tray a:focus, #toolbar-administration .toolbar-tray a.is-active { + color: #494949; +} + +#toolbar-administration .toolbar-tray a.is-active[href="/"] { + color: #6f6f6f; +} + +#toolbar-administration .toolbar-toggle-orientation { + background-color: transparent; + padding: 0; + height: 100%; +} + +#toolbar-administration .toolbar-toggle-orientation button { + cursor: pointer; + display: inline-block; +} + +#toolbar-administration .toolbar-toggle-orientation > .toolbar-lining { + float: right; +} + +[dir="rtl"] #toolbar-administration .toolbar-toggle-orientation > .toolbar-lining { + float: left; +} + +#toolbar-administration .toolbar-tray-horizontal .toolbar-toggle-orientation { + border-left: 1px solid #c9c9c9; +} + +[dir="rtl"] #toolbar-administration .toolbar-tray-horizontal .toolbar-toggle-orientation { + border-left: 0 none; + border-right: 1px solid #c9c9c9; +} + +#toolbar-administration .toolbar-tab a:focus { + outline: none; + text-decoration: none; +} + +#toolbar-administration .toolbar-lining button:focus { + outline: none; +} + +#toolbar-administration .toolbar-tray-horizontal a:focus { + outline: none; + background-color: #f5f5f5; +} + +#toolbar-administration .toolbar-box a:focus { + outline: none; +} + +#toolbar-administration .toolbar-box a:hover:focus { + text-decoration: none; +} + +#toolbar-administration .toolbar-icon.toolbar-handle { + width: 4em; +} + +#toolbar-administration .toolbar-icon.toolbar-handle:focus { + outline: none; +} + +#toolbar-administration .toolbar-icon.toolbar-handle:before { + color: #bebebe; +} + +#toolbar-administration .toolbar-icon.toolbar-handle.open:before { + color: #787878; +} + +#toolbar-administration .toolbar-toggle-orientation button.toolbar-icon:after, #toolbar-administration .toolbar-toggle-orientation button.toolbar-icon:before { + color: #bebebe; +} + +#toolbar-administration .toolbar-toggle-orientation button.toolbar-icon:hover:after, #toolbar-administration .toolbar-toggle-orientation button.toolbar-icon:focus:before { + color: #787878; +} + +#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .toolbar-menu .menu-item--expanded > a:after, +#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .toolbar-menu .menu-item--expanded .toolbar-box > a:after { + color: #bebebe; +} + +#toolbar-administration .toolbar-menu { + background-color: #ffffff; +} + +#toolbar-administration .toolbar-menu, +#toolbar-administration [dir="rtl"] .toolbar-menu { + list-style: none; + margin: 0; + padding: 0; +} + +#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration .toolbar-menu .toolbar-menu { + -webkit-box-shadow: 0 2px 1px 1px rgba(0, 0, 0, 0.255); + box-shadow: 0 2px 1px 1px rgba(0, 0, 0, 0.255); +} + +#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration .toolbar-menu .toolbar-menu .menu-item { + border-top: 1px solid #ffffff; +} + +#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration .toolbar-menu .toolbar-menu .menu-item:first-child { + border-top-color: #dddddd; +} + +#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration .toolbar-menu .toolbar-menu .toolbar-menu { + -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.255); + box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.255); +} + +#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration .toolbar-menu .toolbar-menu > .menu-item--expanded > .toolbar-menu { + top: -1px; +} + +#toolbar-administration .toolbar-tray-horizontal .menu-item .menu-item:hover, #toolbar-administration .toolbar-tray-horizontal .menu-item .menu-item:focus { + background-color: #f5f5f5; +} + +#toolbar-administration .toolbar-tray-vertical { + height: 100%; +} + +#toolbar-administration .toolbar-tray-vertical .toolbar-menu ul { + display: none; +} + +#toolbar-administration .toolbar-tray-vertical li.open > ul { + display: block; +} + +#toolbar-administration .toolbar-tray-vertical .toolbar-handle + a { + margin-right: 3em; +} + +[dir="rtl"] #toolbar-administration .toolbar-tray-vertical .toolbar-handle + a { + margin-left: 3em; + margin-right: 0; +} + +#toolbar-administration .toolbar-tray-vertical .menu-item + .menu-item { + border-top: 1px solid #dddddd; +} + +#toolbar-administration .toolbar-tray-vertical .menu-item:last-child { + border-bottom: 1px solid #dddddd; +} + +#toolbar-administration .toolbar-tray-vertical .menu-item .menu-item { + border: 0 none; +} + +#toolbar-administration .toolbar-tray-vertical .toolbar-menu ul ul { + border-bottom: 1px solid #dddddd; + border-top: 1px solid #dddddd; +} + +#toolbar-administration .toolbar-tray-vertical .menu-item:last-child > ul { + border-bottom: 0; +} + +#toolbar-administration .toolbar-tray-vertical .level-2 > ul { + background-color: #fafafa; + border-bottom-color: #cccccc; + border-top-color: #e5e5e5; +} + +#toolbar-administration .toolbar-tray-vertical .level-3 > ul { + background-color: #f5f5f5; + border-bottom-color: #c5c5c5; + border-top-color: #dddddd; +} + +#toolbar-administration .toolbar-tray-vertical .level-4 > ul { + background-color: #eeeeee; + border-bottom-color: #bbbbbb; + border-top-color: #d5d5d5; +} + +#toolbar-administration .toolbar-tray-vertical .level-5 > ul { + background-color: #e5e5e5; + border-bottom-color: #b5b5b5; + border-top-color: #cccccc; +} + +#toolbar-administration .toolbar-tray-vertical .level-6 > ul { + background-color: #eeeeee; + border-bottom-color: #aaaaaa; + border-top-color: #c5c5c5; +} + +#toolbar-administration .toolbar-tray-vertical .level-7 > ul { + background-color: #fafafa; + border-bottom-color: #b5b5b5; + border-top-color: #cccccc; +} + +#toolbar-administration .toolbar-tray-vertical .level-8 > ul { + background-color: #dddddd; + border-bottom-color: #cccccc; + border-top-color: #dddddd; +} + +.adminimal.toolbar-tray-open.toolbar-fixed.toolbar-horizontal.toolbar-themes { + padding-top: 3rem !important; +} + +.adminimal.toolbar-tray-open.toolbar-fixed.toolbar-horizontal #toolbar-administration { + background-color: #333; +} + +.adminimal.toolbar-tray-open.toolbar-fixed.toolbar-horizontal.toolbar-has-tabs #toolbar-administration { + min-height: 4em; +} + +.adminimal.toolbar-tray-open.toolbar-fixed.toolbar-horizontal.toolbar-no-tabs #toolbar-administration { + min-height: 2.5em; +} + +.adminimal.toolbar-fixed.toolbar-vertical.toolbar-has-tabs, .adminimal.toolbar-tray-open.toolbar-fixed.toolbar-horizontal.toolbar-no-tabs { + padding-top: 1.8em !important; +} + +.adminimal.toolbar-fixed.toolbar-vertical.toolbar-no-tabs { + padding-top: 0 !important; +} +/*# sourceMappingURL=mini_theme.css.map */ \ No newline at end of file diff --git a/sites/all/modules/contrib/admin/toolbar_themes/themes/mini/mini_theme.css.map b/sites/all/modules/contrib/admin/toolbar_themes/themes/mini/mini_theme.css.map new file mode 100644 index 000000000..8e8206fa3 --- /dev/null +++ b/sites/all/modules/contrib/admin/toolbar_themes/themes/mini/mini_theme.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["mini_theme.scss","_variables.scss","mini_theme.css"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH;EACE,qGAAoG;EACpG,iBAAgB;EAChB,qBCV2C;EDW3C,gBAA4B;EAC5B,0BAAyB;EACzB,yCAA6C;CA+Y9C;;AArZD;;;EAaQ,sBAAqB;CACtB;;AAIL;;;;EAIE,iBC5B8C;CD6B/C;;AAvBH;EA0BI,cChC8C;CDiC/C;;AA3BH;;;EAkCQ,sBAAqB;EACrB,cAAa;CACd;;AApCP;EAyCI,4BC9CiD;CD+ClD;;AA1CH;EA6CI,eAAc;CACf;;AA9CH;EAoDI,yDAAgD;UAAhD,iDAAgD;EAChD,0BAAyB;EACzB,eAAc;CAwCf;;AElDH;EFaM,wDAA+C;UAA/C,gDAA+C;CAChD;;AA1DL;EA6DM,eAAc;CAQf;;AArEL;EAmEQ,eAAc;CACf;;AApEP;EA0EQ,4FAA2F;EAC3F,8IAAmF;EAAnF,uFAAmF;EAAnF,oFAAmF;CACpF;;AA5EP;EA+EQ,2FAA0F;EAC1F,6IAAkF;EAAlF,sFAAkF;EAAlF,mFAAkF;CACnF;;AAjFP;EAuFQ,YAAW;CACZ;;AAxFP;EA2FQ,4BChG6C;CDiG9C;;AA5FP;EAmGI,0BAAyB;CAC1B;;AApGH;EAuGI,0BAAyB;EACzB,gCAA+B;EAC/B,yDAAgD;UAAhD,iDAAgD;CAOjD;;AE5BH;EFwBM,+BAA8B;EAC9B,qBAAoB;EACpB,wDAA+C;UAA/C,gDAA+C;CAChD;;AA/GL;EAmHI,iCAAgC;EAChC,2DAAkD;UAAlD,mDAAkD;CAgBnD;;AApIH;EAuHM,0BAAyB;CAC1B;;AErBL;EFwBM,0DAAiD;UAAjD,kDAAiD;CAClD;;AA5HL;EA+HM,YAAW;EACX,mBAAkB;EAClB,aAAY;EACZ,OAAM;CACP;;AAnIL;EAwII,cAAa;EACb,yBAAgB;UAAhB,iBAAgB;CACjB;;AA1IH;EA6II,eAAc;EACd,gBAAe;EACf,4BCpJiD;CDgKlD;;AA3JH;EAqJM,eAAc;CACf;;AAtJL;EAyJM,eAAc;CACf;;AA1JL;EA+JI,8BAA6B;EAC7B,WAAU;EACV,aAAY;CAcb;;AA/KH;EAoKM,gBAAe;EACf,sBAAqB;CACtB;;AAtKL;EAyKM,aAAY;CAKb;;AE9BL;EF4BQ,YAAW;CACZ;;AA7KP;EAkLI,+BAA8B;CAM/B;;AEhCH;EF6BM,oBAAmB;EACnB,gCAA+B;CAChC;;AAvLL;EA2LI,cAAa;EACb,sBAAqB;CACtB;;AA7LH;EAgMI,cAAa;CACd;;AAjMH;EAoMI,cAAa;EACb,0BAAyB;CAC1B;;AAtMH;EA0MM,cAAa;CACd;;AA3ML;EA8MM,sBAAqB;CACtB;;AA/ML;EAqNI,WAAU;CAKX;;AA1NH;EAwNM,cAAa;CACd;;AAzNL;EA8NM,eAAc;CACf;;AA/NL;EAmOQ,eAAc;CACf;;AApOP;EA2OM,eAAc;CACf;;AA5OL;EAgPM,eAAc;CACf;;AAjPL;;EA6PU,eAAc;CACf;;AA9PT;EAsQI,0BAAyB;CAC1B;;AAvQH;;EA2QI,iBAAgB;EAChB,UAAS;EACT,WAAU;CACX;;AA9QH;EAqRQ,uDAA8C;UAA9C,+CAA8C;CAkB/C;;AAvSP;EAwRU,8BAA6B;CAK9B;;AA7RT;EA2RY,0BAAyB;CAC1B;;AA5RX;EAiSU,uDAA8C;UAA9C,+CAA8C;CAC/C;;AAlST;EAqSU,UAAS;CACV;;AAtST;EA0TU,0BAAyB;CAC1B;;AA3TT;EAiUI,aAAY;CAmFb;;AApZH;EAoUM,cAAa;CACd;;AArUL;EAwUM,eAAc;CACf;;AAzUL;EA4UM,kBAAiB;CAMlB;;AE/EL;EF4EQ,iBAAgB;EAChB,gBAAe;CAChB;;AAjVP;EAsVQ,8BAA6B;CAC9B;;AAvVP;EA0VQ,iCAAgC;CACjC;;AA3VP;EA8VQ,eAAc;CACf;;AA/VP;EAmWM,iCAAgC;EAChC,8BAA6B;CAC9B;;AArWL;EAwWM,iBAAgB;CACjB;;AAzWL;EA4WM,0BAAyB;EACzB,6BAA4B;EAC5B,0BAAyB;CAC1B;;AA/WL;EAkXM,0BAAyB;EACzB,6BAA4B;EAC5B,0BAAyB;CAC1B;;AArXL;EAwXM,0BAAyB;EACzB,6BAA4B;EAC5B,0BAAyB;CAC1B;;AA3XL;EA8XM,0BAAyB;EACzB,6BAA4B;EAC5B,0BAAyB;CAC1B;;AAjYL;EAoYM,0BAAyB;EACzB,6BAA4B;EAC5B,0BAAyB;CAC1B;;AAvYL;EA0YM,0BAAyB;EACzB,6BAA4B;EAC5B,0BAAyB;CAC1B;;AA7YL;EAgZM,0BAAyB;EACzB,6BAA4B;EAC5B,0BAAyB;CAC1B;;AAML;EAKU,6BAA4B;CAC7B;;AANT;EASU,uBAAsB;CACvB;;AAVT;EAaU,gBAAe;CAChB;;AAdT;EAiBU,kBAAiB;CAClB;;AAlBT;EAyBI,8BAA6B;CAC9B;;AA1BH;EA6BI,0BAAyB;CAC1B","file":"mini_theme.css","sourcesContent":[null,null,"/**\n * mini_theme\n * Theme styles for menus and other toolbar elements. SVG icons are styled in\n * the [theme]_icons.scss file, while click handles, e.g. origination buttons\n * are styled here.\n */\n#toolbar-administration {\n font-family: \"Lucida Grande\", \"Lucida Sans Unicode\", \"DejaVu Sans\", \"Lucida Sans\", arial, sans-serif;\n font-weight: 400;\n font-size: 0.8125rem;\n height: 3.25rem;\n background-color: #0f0f0f;\n -webkit-tap-highlight-color: transparent;\n}\n\n#toolbar-administration .toolbar-tab a:hover, #toolbar-administration .toolbar-tab a:focus,\n#toolbar-administration .toolbar-item a:hover,\n#toolbar-administration .toolbar-item a:focus {\n text-decoration: none;\n}\n\n.toolbar-vertical #toolbar-administration,\n.toolbar-no-tabs #toolbar-administration,\n#toolbar-administration .toolbar-tab,\n#toolbar-administration .toolbar-tray {\n height: 1.625rem;\n}\n\n#toolbar-administration .toolbar-tray {\n top: 1.625rem;\n}\n\n#toolbar-administration .toolbar-tab a:hover, #toolbar-administration .toolbar-tab a:focus,\n#toolbar-administration .toolbar-item a:hover,\n#toolbar-administration .toolbar-item a:focus {\n text-decoration: none;\n outline: none;\n}\n\n#toolbar-administration .toolbar-item {\n padding: 0.3em 0.95em 0.2em;\n}\n\n#toolbar-administration .toolbar__link-label {\n font-size: 1em;\n}\n\n#toolbar-administration .toolbar-bar {\n box-shadow: -1px 0 3px 1px rgba(0, 0, 0, 0.3333);\n background-color: #0f0f0f;\n color: #dddddd;\n}\n\n[dir=\"rtl\"] #toolbar-administration .toolbar-bar {\n box-shadow: 1px 0 3px 1px rgba(0, 0, 0, 0.3333);\n}\n\n#toolbar-administration .toolbar-bar .toolbar-item {\n color: #d8d8d8;\n}\n\n#toolbar-administration .toolbar-bar .toolbar-item:hover, #toolbar-administration .toolbar-bar .toolbar-item:focus, #toolbar-administration .toolbar-bar .toolbar-item:active, #toolbar-administration .toolbar-bar .toolbar-item.is-active {\n color: #ffffff;\n}\n\n#toolbar-administration .toolbar-bar .toolbar-tab a:hover, #toolbar-administration .toolbar-bar .toolbar-tab a:focus {\n background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.125) 20%, transparent 200%);\n background-image: linear-gradient(rgba(255, 255, 255, 0.125) 20%, transparent 200%);\n}\n\n#toolbar-administration .toolbar-bar .toolbar-tab a.is-active {\n background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.25) 20%, transparent 200%);\n background-image: linear-gradient(rgba(255, 255, 255, 0.25) 20%, transparent 200%);\n}\n\n#toolbar-administration .toolbar-bar .tour-toolbar-tab.toolbar-tab {\n float: none;\n}\n\n#toolbar-administration .toolbar-bar .tour-toolbar-tab button.toolbar-item {\n padding: 0.3em 0.95em 0.2em;\n}\n\n#toolbar-administration .toolbar-tray {\n background-color: #ffffff;\n}\n\n#toolbar-administration .toolbar-tray-vertical {\n background-color: #f5f5f5;\n border-right: 1px solid #aaaaaa;\n box-shadow: -1px 0 5px 2px rgba(0, 0, 0, 0.3333);\n}\n\n[dir=\"rtl\"] #toolbar-administration .toolbar-tray-vertical {\n border-left: 1px solid #aaaaaa;\n border-right: 0 none;\n box-shadow: 1px 0 5px 2px rgba(0, 0, 0, 0.3333);\n}\n\n#toolbar-administration .toolbar-tray-horizontal {\n border-bottom: 1px solid #aaaaaa;\n box-shadow: -2px 1px 3px 1px rgba(0, 0, 0, 0.3333);\n}\n\n#toolbar-administration .toolbar-tray-horizontal .toolbar-tray {\n background-color: #f5f5f5;\n}\n\n[dir=\"rtl\"] #toolbar-administration .toolbar-tray-horizontal {\n box-shadow: 2px 1px 3px 1px rgba(0, 0, 0, 0.3333);\n}\n\n#toolbar-administration .toolbar-tray-horizontal .edit-shortcuts {\n float: none;\n position: absolute;\n right: 2.2em;\n top: 0;\n}\n\n#toolbar-administration .no-tabs .toolbar-tray-horizontal {\n border-top: 0;\n box-shadow: none;\n}\n\n#toolbar-administration .toolbar-tray a {\n color: #6f6f6f;\n cursor: pointer;\n padding: 0.3em 0.95em 0.2em;\n}\n\n#toolbar-administration .toolbar-tray a:hover, #toolbar-administration .toolbar-tray a:active, #toolbar-administration .toolbar-tray a:focus, #toolbar-administration .toolbar-tray a.is-active {\n color: #494949;\n}\n\n#toolbar-administration .toolbar-tray a.is-active[href=\"/\"] {\n color: #6f6f6f;\n}\n\n#toolbar-administration .toolbar-toggle-orientation {\n background-color: transparent;\n padding: 0;\n height: 100%;\n}\n\n#toolbar-administration .toolbar-toggle-orientation button {\n cursor: pointer;\n display: inline-block;\n}\n\n#toolbar-administration .toolbar-toggle-orientation > .toolbar-lining {\n float: right;\n}\n\n[dir=\"rtl\"] #toolbar-administration .toolbar-toggle-orientation > .toolbar-lining {\n float: left;\n}\n\n#toolbar-administration .toolbar-tray-horizontal .toolbar-toggle-orientation {\n border-left: 1px solid #c9c9c9;\n}\n\n[dir=\"rtl\"] #toolbar-administration .toolbar-tray-horizontal .toolbar-toggle-orientation {\n border-left: 0 none;\n border-right: 1px solid #c9c9c9;\n}\n\n#toolbar-administration .toolbar-tab a:focus {\n outline: none;\n text-decoration: none;\n}\n\n#toolbar-administration .toolbar-lining button:focus {\n outline: none;\n}\n\n#toolbar-administration .toolbar-tray-horizontal a:focus {\n outline: none;\n background-color: #f5f5f5;\n}\n\n#toolbar-administration .toolbar-box a:focus {\n outline: none;\n}\n\n#toolbar-administration .toolbar-box a:hover:focus {\n text-decoration: none;\n}\n\n#toolbar-administration .toolbar-icon.toolbar-handle {\n width: 4em;\n}\n\n#toolbar-administration .toolbar-icon.toolbar-handle:focus {\n outline: none;\n}\n\n#toolbar-administration .toolbar-icon.toolbar-handle:before {\n color: #bebebe;\n}\n\n#toolbar-administration .toolbar-icon.toolbar-handle.open:before {\n color: #787878;\n}\n\n#toolbar-administration .toolbar-toggle-orientation button.toolbar-icon:after, #toolbar-administration .toolbar-toggle-orientation button.toolbar-icon:before {\n color: #bebebe;\n}\n\n#toolbar-administration .toolbar-toggle-orientation button.toolbar-icon:hover:after, #toolbar-administration .toolbar-toggle-orientation button.toolbar-icon:focus:before {\n color: #787878;\n}\n\n#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .toolbar-menu .menu-item--expanded > a:after,\n#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .toolbar-menu .menu-item--expanded .toolbar-box > a:after {\n color: #bebebe;\n}\n\n#toolbar-administration .toolbar-menu {\n background-color: #ffffff;\n}\n\n#toolbar-administration .toolbar-menu,\n#toolbar-administration [dir=\"rtl\"] .toolbar-menu {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration .toolbar-menu .toolbar-menu {\n box-shadow: 0 2px 1px 1px rgba(0, 0, 0, 0.255);\n}\n\n#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration .toolbar-menu .toolbar-menu .menu-item {\n border-top: 1px solid #ffffff;\n}\n\n#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration .toolbar-menu .toolbar-menu .menu-item:first-child {\n border-top-color: #dddddd;\n}\n\n#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration .toolbar-menu .toolbar-menu .toolbar-menu {\n box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.255);\n}\n\n#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration .toolbar-menu .toolbar-menu > .menu-item--expanded > .toolbar-menu {\n top: -1px;\n}\n\n#toolbar-administration .toolbar-tray-horizontal .menu-item .menu-item:hover, #toolbar-administration .toolbar-tray-horizontal .menu-item .menu-item:focus {\n background-color: #f5f5f5;\n}\n\n#toolbar-administration .toolbar-tray-vertical {\n height: 100%;\n}\n\n#toolbar-administration .toolbar-tray-vertical .toolbar-menu ul {\n display: none;\n}\n\n#toolbar-administration .toolbar-tray-vertical li.open > ul {\n display: block;\n}\n\n#toolbar-administration .toolbar-tray-vertical .toolbar-handle + a {\n margin-right: 3em;\n}\n\n[dir=\"rtl\"] #toolbar-administration .toolbar-tray-vertical .toolbar-handle + a {\n margin-left: 3em;\n margin-right: 0;\n}\n\n#toolbar-administration .toolbar-tray-vertical .menu-item + .menu-item {\n border-top: 1px solid #dddddd;\n}\n\n#toolbar-administration .toolbar-tray-vertical .menu-item:last-child {\n border-bottom: 1px solid #dddddd;\n}\n\n#toolbar-administration .toolbar-tray-vertical .menu-item .menu-item {\n border: 0 none;\n}\n\n#toolbar-administration .toolbar-tray-vertical .toolbar-menu ul ul {\n border-bottom: 1px solid #dddddd;\n border-top: 1px solid #dddddd;\n}\n\n#toolbar-administration .toolbar-tray-vertical .menu-item:last-child > ul {\n border-bottom: 0;\n}\n\n#toolbar-administration .toolbar-tray-vertical .level-2 > ul {\n background-color: #fafafa;\n border-bottom-color: #cccccc;\n border-top-color: #e5e5e5;\n}\n\n#toolbar-administration .toolbar-tray-vertical .level-3 > ul {\n background-color: #f5f5f5;\n border-bottom-color: #c5c5c5;\n border-top-color: #dddddd;\n}\n\n#toolbar-administration .toolbar-tray-vertical .level-4 > ul {\n background-color: #eeeeee;\n border-bottom-color: #bbbbbb;\n border-top-color: #d5d5d5;\n}\n\n#toolbar-administration .toolbar-tray-vertical .level-5 > ul {\n background-color: #e5e5e5;\n border-bottom-color: #b5b5b5;\n border-top-color: #cccccc;\n}\n\n#toolbar-administration .toolbar-tray-vertical .level-6 > ul {\n background-color: #eeeeee;\n border-bottom-color: #aaaaaa;\n border-top-color: #c5c5c5;\n}\n\n#toolbar-administration .toolbar-tray-vertical .level-7 > ul {\n background-color: #fafafa;\n border-bottom-color: #b5b5b5;\n border-top-color: #cccccc;\n}\n\n#toolbar-administration .toolbar-tray-vertical .level-8 > ul {\n background-color: #dddddd;\n border-bottom-color: #cccccc;\n border-top-color: #dddddd;\n}\n\n.adminimal.toolbar-tray-open.toolbar-fixed.toolbar-horizontal.toolbar-themes {\n padding-top: 3rem !important;\n}\n\n.adminimal.toolbar-tray-open.toolbar-fixed.toolbar-horizontal #toolbar-administration {\n background-color: #333;\n}\n\n.adminimal.toolbar-tray-open.toolbar-fixed.toolbar-horizontal.toolbar-has-tabs #toolbar-administration {\n min-height: 4em;\n}\n\n.adminimal.toolbar-tray-open.toolbar-fixed.toolbar-horizontal.toolbar-no-tabs #toolbar-administration {\n min-height: 2.5em;\n}\n\n.adminimal.toolbar-fixed.toolbar-vertical.toolbar-has-tabs, .adminimal.toolbar-tray-open.toolbar-fixed.toolbar-horizontal.toolbar-no-tabs {\n padding-top: 1.8em !important;\n}\n\n.adminimal.toolbar-fixed.toolbar-vertical.toolbar-no-tabs {\n padding-top: 0 !important;\n}\n\n/*# sourceMappingURL=mini_theme.css.map */"]} \ No newline at end of file diff --git a/sites/all/modules/contrib/admin/toolbar_themes/themes/mini/mini_theme.scss b/sites/all/modules/contrib/admin/toolbar_themes/themes/mini/mini_theme.scss new file mode 100644 index 000000000..74fd2ae24 --- /dev/null +++ b/sites/all/modules/contrib/admin/toolbar_themes/themes/mini/mini_theme.scss @@ -0,0 +1,450 @@ +/** + * mini_theme + * Theme styles for menus and other toolbar elements. SVG icons are styled in + * the [theme]_icons.scss file, while click handles, e.g. origination buttons + * are styled here. + */ +// Import global variables. +@import "variables"; + +#toolbar-administration { + font-family: "Lucida Grande", "Lucida Sans Unicode", "DejaVu Sans", "Lucida Sans", arial, sans-serif; + font-weight: 400; + font-size: $font-size ; + height: $tab-item-height * 2; + background-color: #0f0f0f; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + + .toolbar-tab, + .toolbar-item { + a { + &:hover, + &:focus { + text-decoration: none; + } + } + } + + .toolbar-vertical &, + .toolbar-no-tabs &, + .toolbar-tab, + .toolbar-tray { + height: $tab-item-height; + } + + .toolbar-tray { + top: $tab-item-height; + } + + .toolbar-tab, + .toolbar-item { + a { + &:hover, + &:focus { + text-decoration: none; + outline: none; + } + } + } + + .toolbar-item { + padding: $toolbar-item-padding; + } + + .toolbar__link-label { + font-size: 1em; + } + + + + // Toolbar bar. + .toolbar-bar { + box-shadow: -1px 0 3px 1px rgba(0, 0, 0, 0.3333); + background-color: #0f0f0f; + color: #dddddd; + + [dir="rtl"] & { + box-shadow: 1px 0 3px 1px rgba(0, 0, 0, 0.3333); + } + + .toolbar-item { + color: #d8d8d8; + + &:hover, + &:focus, + &:active, + &.is-active { + color: #ffffff; + } + } + + .toolbar-tab a { + &:hover, + &:focus { + 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%); + } + + &.is-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%); + } + } + + // Tour is a button. + .tour-toolbar-tab { + &.toolbar-tab { + float: none; // Override tour module CSS. + } + + button.toolbar-item { + padding: $toolbar-item-padding; + } + } + } + + + // Toolbar tray. + .toolbar-tray { + background-color: #ffffff; + } + + .toolbar-tray-vertical { + background-color: #f5f5f5; + border-right: 1px solid #aaaaaa; + box-shadow: -1px 0 5px 2px rgba(0, 0, 0, 0.3333); + + [dir="rtl"] & { + border-left: 1px solid #aaaaaa; + border-right: 0 none; + box-shadow: 1px 0 5px 2px rgba(0, 0, 0, 0.3333); + } + } + + .toolbar-tray-horizontal { + border-bottom: 1px solid #aaaaaa; + box-shadow: -2px 1px 3px 1px rgba(0, 0, 0, 0.3333); + + .toolbar-tray { + background-color: #f5f5f5; + } + + [dir="rtl"] & { + box-shadow: 2px 1px 3px 1px rgba(0, 0, 0, 0.3333); + } + + .edit-shortcuts { + float: none; // Override shortcut module CSS. + position: absolute; + right: 2.2em; + top: 0; + } + } + + // No tabs, hide the box shadow and border. + .no-tabs .toolbar-tray-horizontal { + border-top: 0; + box-shadow: none; + } + + .toolbar-tray a { + color: #6f6f6f; + cursor: pointer; + padding: $toolbar-item-padding; + + &:hover, + &:active, + &:focus, + &.is-active { + color: #494949; + } + + &.is-active[href="/"] { + color: #6f6f6f; + } + } + + // Orientation toggles and handles + .toolbar-toggle-orientation { + background-color: transparent; + padding: 0; + height: 100%; + + button { + cursor: pointer; + display: inline-block; + } + + > .toolbar-lining { + float: right; + + [dir="rtl"] & { + float: left; + } + } + } + + .toolbar-tray-horizontal .toolbar-toggle-orientation { + border-left: 1px solid #c9c9c9; + + [dir="rtl"] & { + border-left: 0 none; + border-right: 1px solid #c9c9c9; + } + } + + .toolbar-tab a:focus { + outline: none; + text-decoration: none; + } + + .toolbar-lining button:focus { + outline: none; + } + + .toolbar-tray-horizontal a:focus { + outline: none; + background-color: #f5f5f5; + } + + .toolbar-box a { + &:focus { + outline: none; + } + + &:hover:focus { + text-decoration: none; + } + } + + + // Handle. + .toolbar-icon.toolbar-handle { + width: 4em; + + &:focus { + outline: none; + } + } + + .toolbar-icon.toolbar-handle { + &:before { + color: #bebebe; + } + + &.open { + &:before { + color: #787878; + } + } + } + + .toolbar-toggle-orientation button.toolbar-icon { + &:after, + &:before { + color: #bebebe; + } + + &:hover:after, + &:focus:before { + color: #787878; + } + } + + // Vertical. + .toolbar-tray-vertical i.toolbar-icon {} + + // Sub-menu indicator in drop menus. + .toolbar-tray-horizontal { + .toolbar-menu-administration > .toolbar-menu .toolbar-menu { + .menu-item--expanded > a, + .menu-item--expanded .toolbar-box > a { + &:after { + color: #bebebe; + } + } + } + } + + + // Menu styles. + .toolbar-menu { + background-color: #ffffff; + } + + .toolbar-menu, + [dir="rtl"] .toolbar-menu { + list-style: none; + margin: 0; + padding: 0; + } + + .toolbar-tray-horizontal { + + // Sub menus (drop downs) + .toolbar-menu-administration { + .toolbar-menu .toolbar-menu { + box-shadow: 0 2px 1px 1px rgba(0, 0, 0, 0.255); + + .menu-item { + border-top: 1px solid #ffffff; + + &:first-child { + border-top-color: #dddddd; + } + } + + // Sub-sub menus + .toolbar-menu { + box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.255); + } + + > .menu-item--expanded > .toolbar-menu { + top: -1px; + } + } + } + + .menu-item { + + .menu-item { + [dir="rtl"] & {} + + &:last-child { + [dir="rtl"] & {} + } + } + + .menu-item { + &:last-child { + [dir="rtl"] & {} + } + + &:hover, + &:focus { + background-color: #f5f5f5; + } + } + } + } + + .toolbar-tray-vertical { + height: 100%; + + .toolbar-menu ul { + display: none; + } + + li.open > ul { + display: block; + } + + .toolbar-handle + a { + margin-right: 3em; + + [dir="rtl"] & { + margin-left: 3em; + margin-right: 0; + } + } + + .menu-item { + + .menu-item { + border-top: 1px solid #dddddd; + } + + &:last-child { + border-bottom: 1px solid #dddddd; + } + + .menu-item { + border: 0 none; + } + } + + .toolbar-menu ul ul { + border-bottom: 1px solid #dddddd; + border-top: 1px solid #dddddd; + } + + .menu-item:last-child > ul { + border-bottom: 0; + } + + .level-2 > ul { + background-color: #fafafa; + border-bottom-color: #cccccc; + border-top-color: #e5e5e5; + } + + .level-3 > ul { + background-color: #f5f5f5; + border-bottom-color: #c5c5c5; + border-top-color: #dddddd; + } + + .level-4 > ul { + background-color: #eeeeee; + border-bottom-color: #bbbbbb; + border-top-color: #d5d5d5; + } + + .level-5 > ul { + background-color: #e5e5e5; + border-bottom-color: #b5b5b5; + border-top-color: #cccccc; + } + + .level-6 > ul { + background-color: #eeeeee; + border-bottom-color: #aaaaaa; + border-top-color: #c5c5c5; + } + + .level-7 > ul { + background-color: #fafafa; + border-bottom-color: #b5b5b5; + border-top-color: #cccccc; + } + + .level-8 > ul { + background-color: #dddddd; + border-bottom-color: #cccccc; + border-top-color: #dddddd; + } + } +} + + +// Support for the Adminimal admin theme. +.adminimal { + &.toolbar-tray-open { + &.toolbar-fixed { + &.toolbar-horizontal { + &.toolbar-themes { + padding-top: 3rem !important; + } + + #toolbar-administration { + background-color: #333; + } + + &.toolbar-has-tabs #toolbar-administration { + min-height: 4em; + } + + &.toolbar-no-tabs #toolbar-administration { + min-height: 2.5em; + } + } + } + } + + &.toolbar-fixed.toolbar-vertical.toolbar-has-tabs, + &.toolbar-tray-open.toolbar-fixed.toolbar-horizontal.toolbar-no-tabs { + padding-top: 1.8em !important; + } + + &.toolbar-fixed.toolbar-vertical.toolbar-no-tabs { + padding-top: 0 !important; + } +} diff --git a/sites/all/modules/contrib/admin/toolbar_themes/themes/mini/screenshot.png b/sites/all/modules/contrib/admin/toolbar_themes/themes/mini/screenshot.png new file mode 100644 index 000000000..79dcd91b3 Binary files /dev/null and b/sites/all/modules/contrib/admin/toolbar_themes/themes/mini/screenshot.png differ diff --git a/sites/all/modules/contrib/admin/toolbar_themes/themes/seven/_variables.scss b/sites/all/modules/contrib/admin/toolbar_themes/themes/seven/_variables.scss new file mode 100644 index 000000000..67a09fadb --- /dev/null +++ b/sites/all/modules/contrib/admin/toolbar_themes/themes/seven/_variables.scss @@ -0,0 +1,36 @@ +// Seven SCSS variables. + +$font-family : "Lucida Grande", "Lucida Sans Unicode", "DejaVu Sans", "Lucida Sans", arial, sans-serif; +$font-size : 0.8125rem; + +$tap-highlight : rgba(0, 0, 0, 0); + +$toolbar-bar-color : #595959; +$toolbar-bar-background : #c9c9c2; +$toolbar-submenu-background-color : #fcfcfc; + +$drop-shadows : true; +$drop-shadow-color : rgba(168, 168, 168, 0.65); +$border-color : #e6e4df; + +$tab-item-height : $font-size * 2; +$toolbar-item-padding : 0.35em 0.95em .2em; + +$tab-color : #595959; +$tab-active-color : #1a1a1a; + +$tray-color : #1a1a1a; +$tray-active : #1a1a1a; +$tray-background : #ebebe6; + +$tray-vertical-background : $tray-background; +$tray-border-color : #e6e4df; + +$drop-menu-border-color : $border-color; +$drop-menu-background : #f5f5f2; +$sub-menu-indicator : #ccc; + +$toggle-orientation-color : #bfbfba; +$toggle-orientation-active : #1a1a1a; +$toggle-orientation-border-color : #bfbfba; + diff --git a/sites/all/modules/contrib/admin/toolbar_themes/themes/seven/screenshot.png b/sites/all/modules/contrib/admin/toolbar_themes/themes/seven/screenshot.png new file mode 100644 index 000000000..bb7649329 Binary files /dev/null and b/sites/all/modules/contrib/admin/toolbar_themes/themes/seven/screenshot.png differ diff --git a/sites/all/modules/contrib/admin/toolbar_themes/themes/seven/seven_icons.css b/sites/all/modules/contrib/admin/toolbar_themes/themes/seven/seven_icons.css new file mode 100644 index 000000000..53b8b3f57 --- /dev/null +++ b/sites/all/modules/contrib/admin/toolbar_themes/themes/seven/seven_icons.css @@ -0,0 +1,46 @@ +/** + * seven_icons + */ +#toolbar-administration .toolbar-icon { + padding: 0 .25em 0 0; +} + +#toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper .toolbar-icon { + fill: #595959; +} + +#toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper .toolbar-icon-menu { + width: 0.875em; +} + +#toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper a:hover .toolbar-icon, #toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper a:active .toolbar-icon, #toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper a.is-active .toolbar-icon, +#toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper button:hover .toolbar-icon, +#toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper button:active .toolbar-icon, +#toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper button.is-active .toolbar-icon { + fill: #1a1a1a; +} + +@media only screen and (max-width: 24em) { + #toolbar-administration .toolbar-bar .home-toolbar-tab, + #toolbar-administration .toolbar-bar .tour-toolbar-tab, + #toolbar-administration .toolbar-bar .toolbar-tab__items-wrapper .toolbar-icon { + display: none; + } +} + +#toolbar-administration .toolbar-menu a { + fill: #1a1a1a; +} + +#toolbar-administration .toolbar-menu a:hover, #toolbar-administration .toolbar-menu a:focus, #toolbar-administration .toolbar-menu a:active, #toolbar-administration .toolbar-menu a.is-active { + fill: #1a1a1a; +} + +#toolbar-administration .toolbar-menu a.is-active[href="/"] { + fill: #1a1a1a; +} + +#toolbar-administration .toolbar-menu a:hover[href="/"], #toolbar-administration .toolbar-menu a:focus[href="/"], #toolbar-administration .toolbar-menu a:active[href="/"] { + fill: #1a1a1a; +} +/*# sourceMappingURL=seven_icons.css.map */ \ No newline at end of file diff --git a/sites/all/modules/contrib/admin/toolbar_themes/themes/seven/seven_icons.css.map b/sites/all/modules/contrib/admin/toolbar_themes/themes/seven/seven_icons.css.map new file mode 100644 index 000000000..3634c850f --- /dev/null +++ b/sites/all/modules/contrib/admin/toolbar_themes/themes/seven/seven_icons.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["seven_icons.scss","_variables.scss","seven_icons.css"],"names":[],"mappings":"AAAA;;GAEG;AAgBH;EAGI,qBAAoB;CACrB;;AAJH;EAYU,cCZiC;CDalC;;AAbT;EAgBU,eAAc;CACf;;AAjBT;;;;EAyBc,cCxB6B;CDyB9B;;AAOX;EAjCF;;;IAuCM,cAAa;GACd;CE9BJ;;AFVD;EA+CM,cC5CqC;CDgEtC;;AAnEL;EAqDQ,cCjDmC;CDkDpC;;AAtDP;EAyDQ,cCtDmC;CDuDpC;;AA1DP;EAgEU,cC5DiC;CD6DlC","file":"seven_icons.css","sourcesContent":[null,null,"/**\n * seven_icons\n */\n#toolbar-administration .toolbar-icon {\n padding: 0 .25em 0 0;\n}\n\n#toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper .toolbar-icon {\n fill: #595959;\n}\n\n#toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper .toolbar-icon-menu {\n width: 0.875em;\n}\n\n#toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper a:hover .toolbar-icon, #toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper a:active .toolbar-icon, #toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper a.is-active .toolbar-icon,\n#toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper button:hover .toolbar-icon,\n#toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper button:active .toolbar-icon,\n#toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper button.is-active .toolbar-icon {\n fill: #1a1a1a;\n}\n\n@media only screen and (max-width: 24em) {\n #toolbar-administration .toolbar-bar .home-toolbar-tab,\n #toolbar-administration .toolbar-bar .tour-toolbar-tab,\n #toolbar-administration .toolbar-bar .toolbar-tab__items-wrapper .toolbar-icon {\n display: none;\n }\n}\n\n#toolbar-administration .toolbar-menu a {\n fill: #1a1a1a;\n}\n\n#toolbar-administration .toolbar-menu a:hover, #toolbar-administration .toolbar-menu a:focus, #toolbar-administration .toolbar-menu a:active, #toolbar-administration .toolbar-menu a.is-active {\n fill: #1a1a1a;\n}\n\n#toolbar-administration .toolbar-menu a.is-active[href=\"/\"] {\n fill: #1a1a1a;\n}\n\n#toolbar-administration .toolbar-menu a:hover[href=\"/\"], #toolbar-administration .toolbar-menu a:focus[href=\"/\"], #toolbar-administration .toolbar-menu a:active[href=\"/\"] {\n fill: #1a1a1a;\n}\n\n/*# sourceMappingURL=seven_icons.css.map */"]} \ No newline at end of file diff --git a/sites/all/modules/contrib/admin/toolbar_themes/themes/seven/seven_icons.scss b/sites/all/modules/contrib/admin/toolbar_themes/themes/seven/seven_icons.scss new file mode 100644 index 000000000..2f74004d8 --- /dev/null +++ b/sites/all/modules/contrib/admin/toolbar_themes/themes/seven/seven_icons.scss @@ -0,0 +1,90 @@ +/** + * seven_icons + */ + +// Import global variables. +@import "variables"; + + +// Most icons are embedded SVG. Icons are embedded using Grunticon. We are using +// the original SVG icons from Drupal core, however the width and height +// attribute have been replaced with a viewBox attribute so we can scale them +// properly with CSS. Embedded SVG has the advantage of being styled with CSS, +// and by using Grunticon JS loading we negate most of the bloat and overhead +// associated with embedding SVG files. For the buttons (orientation toggles & +// menu click handles), and for sub-menu indicators we use a custom font icon +// that is tiny and only includes four icons. We rotate and color these in CSS +// as required. + +#toolbar-administration { + + .toolbar-icon { + padding: 0 .25em 0 0; + } + + + // Top level icons. + .toolbar-bar { + .toolbar-tab { + .toolbar-tab__items-wrapper { + .toolbar-icon { + fill: $tab-color ; + } + + .toolbar-icon-menu { + width: 0.875em; + } + + a, + button { + &:hover, + &:active, + &.is-active { + .toolbar-icon { + fill: $tab-active-color; + } + } + } + } + } + } + + @media only screen and (max-width: 24em) { + // Toolbar-themes module cannot hide the text, so instead we remove the + // icons and other redundant tabs in narrow screens. + .toolbar-bar .home-toolbar-tab, + .toolbar-bar .tour-toolbar-tab, + .toolbar-bar .toolbar-tab__items-wrapper .toolbar-icon { + display: none; + } + } + + + // Main menu icons. + .toolbar-menu { + a { + fill: $tray-color; + + &:hover, + &:focus, + &:active, + &.is-active { + fill: $tray-active; + } + + &.is-active[href="/"] { + fill: $tray-color; + } + + &:hover, + &:focus, + &:active { + &[href="/"] { + fill: $tray-active; + } + } + } + } +} + + diff --git a/sites/all/modules/contrib/admin/toolbar_themes/themes/seven/seven_theme.css b/sites/all/modules/contrib/admin/toolbar_themes/themes/seven/seven_theme.css new file mode 100644 index 000000000..9a517649b --- /dev/null +++ b/sites/all/modules/contrib/admin/toolbar_themes/themes/seven/seven_theme.css @@ -0,0 +1,368 @@ +/** + * seven_theme + * Theme styles for menus and other toolbar elements. SVG icons are styled in + * the [theme]_icons.scss file, while click handles, e.g. origination buttons + * are styled here. + */ +body .toolbar-no-tabs { + padding-top: 1.625rem !important; +} + +#toolbar-administration { + font-family: "Lucida Grande", "Lucida Sans Unicode", "DejaVu Sans", "Lucida Sans", arial, sans-serif; + font-weight: 400; + font-size: 0.8125rem; + height: 3.25rem; + background-color: #c9c9c2; + -webkit-tap-highlight-color: transparent; +} + +.toolbar-vertical #toolbar-administration, +.toolbar-no-tabs #toolbar-administration, +#toolbar-administration .toolbar-tab, +#toolbar-administration .toolbar-tray { + height: 1.625rem; +} + +#toolbar-administration .toolbar-tray { + top: 1.625rem; +} + +#toolbar-administration .toolbar-tab a:hover, #toolbar-administration .toolbar-tab a:focus, +#toolbar-administration .toolbar-item a:hover, +#toolbar-administration .toolbar-item a:focus { + text-decoration: none; + outline: none; +} + +#toolbar-administration .toolbar-item { + padding: 0.35em 0.95em 0.2em; + display: block; +} + +#toolbar-administration .toolbar__link-label { + font-size: 1em; +} + +#toolbar-administration .toolbar-bar { + background-color: #c9c9c2; + color: #595959; + -webkit-box-shadow: -1px 0 3px 1px rgba(168, 168, 168, 0.65); + box-shadow: -1px 0 3px 1px rgba(168, 168, 168, 0.65); +} + +#toolbar-administration .toolbar-bar.no-tabs { + background-color: #ebebe6; +} + +[dir="rtl"] #toolbar-administration .toolbar-bar { + -webkit-box-shadow: 1px 0 3px 1px rgba(168, 168, 168, 0.65); + box-shadow: 1px 0 3px 1px rgba(168, 168, 168, 0.65); +} + +#toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper a { + color: #595959; +} + +#toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper a:hover, #toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper a:focus, #toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper a.is-active { + color: #1a1a1a; + background-image: -webkit-gradient(linear, left top, left bottom, from(#c9c9c2), to(#ebebe6)); + background-image: -webkit-linear-gradient(#c9c9c2, #ebebe6); + background-image: -o-linear-gradient(#c9c9c2, #ebebe6); + background-image: linear-gradient(#c9c9c2, #ebebe6); +} + +#toolbar-administration .toolbar-bar .tour-toolbar-tab.toolbar-tab { + float: none; +} + +#toolbar-administration .toolbar-bar .tour-toolbar-tab button.toolbar-item { + padding: 0.35em 0.95em 0.2em; +} + +#toolbar-administration .toolbar-lining button:focus { + outline: none; +} + +#toolbar-administration .toolbar-menu { + list-style: none; + margin: 0; + padding: 0; +} + +#toolbar-administration .toolbar-box a:focus { + outline: none; +} + +#toolbar-administration .toolbar-box a:hover:focus { + text-decoration: none; +} + +#toolbar-administration .toolbar-tray { + background-color: #ebebe6; +} + +#toolbar-administration .toolbar-tray a { + color: #1a1a1a; + cursor: pointer; + padding: 0.35em 0.95em 0.2em; +} + +#toolbar-administration .toolbar-tray a:hover, #toolbar-administration .toolbar-tray a:active, #toolbar-administration .toolbar-tray a:focus, #toolbar-administration .toolbar-tray a.is-active { + color: #1a1a1a; +} + +#toolbar-administration .toolbar-tray a.is-active[href="/"] { + color: #1a1a1a; +} + +#toolbar-administration .toolbar-tray-horizontal { + border-bottom: 1px solid #e6e4df; + -webkit-box-shadow: -2px 1px 3px 1px rgba(168, 168, 168, 0.65); + box-shadow: -2px 1px 3px 1px rgba(168, 168, 168, 0.65); +} + +[dir="rtl"] #toolbar-administration .toolbar-tray-horizontal { + -webkit-box-shadow: 2px 1px 3px 1px rgba(168, 168, 168, 0.65); + box-shadow: 2px 1px 3px 1px rgba(168, 168, 168, 0.65); +} + +#toolbar-administration .toolbar-tray-horizontal a:focus { + outline: none; + background-color: #ebebe6; +} + +#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration .toolbar-menu .toolbar-menu { + background-color: #f5f5f2; + -webkit-box-shadow: 0 2px 1px 1px rgba(168, 168, 168, 0.65); + box-shadow: 0 2px 1px 1px rgba(168, 168, 168, 0.65); +} + +#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration .toolbar-menu .toolbar-menu .menu-item { + border-top: 1px solid #ebebe6; +} + +#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration .toolbar-menu .toolbar-menu .menu-item:first-child { + border-top-color: #ebebe6; +} + +#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration .toolbar-menu .toolbar-menu .toolbar-menu { + -webkit-box-shadow: 2px 2px 2px 0 rgba(168, 168, 168, 0.65); + box-shadow: 2px 2px 2px 0 rgba(168, 168, 168, 0.65); +} + +#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration .toolbar-menu .toolbar-menu > .menu-item--expanded > .toolbar-menu { + top: -1px; +} + +#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu > .menu-item > a, +#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu > .menu-item > .toolbar-box a { + border-right: 1px solid; + border-color: #ebebe6; + -webkit-border-image: -webkit-gradient(linear, left bottom, left top, from(#e6e4df), to(#ebebe6)) 1 100%; + -webkit-border-image: -webkit-linear-gradient(bottom, #e6e4df, #ebebe6) 1 100%; + -o-border-image: -o-linear-gradient(bottom, #e6e4df, #ebebe6) 1 100%; + border-image: -webkit-gradient(linear, left bottom, left top, from(#e6e4df), to(#ebebe6)) 1 100%; + border-image: linear-gradient(to top, #e6e4df, #ebebe6) 1 100%; +} + +[dir="rtl"] #toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu > .menu-item > a, [dir="rtl"] +#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu > .menu-item > .toolbar-box a { + border-right: 0; + border-left: 1px solid; +} + +#toolbar-administration .toolbar-tray-horizontal .menu-item .menu-item:hover, #toolbar-administration .toolbar-tray-horizontal .menu-item .menu-item:focus { + background-color: #ebebe6; +} + +#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .toolbar-menu > .menu-item--expanded > a:after, +#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .toolbar-menu > .menu-item--expanded .toolbar-box > a:after { + color: #ccc; + right: 0.65em; + top: 0.2em; + display: block; +} + +#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .toolbar-menu > .menu-item--expanded > a:hover:after, #toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .toolbar-menu > .menu-item--expanded > a:focus:after, +#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .toolbar-menu > .menu-item--expanded .toolbar-box > a:hover:after, +#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .toolbar-menu > .menu-item--expanded .toolbar-box > a:focus:after { + color: #1a1a1a; +} + +#toolbar-administration .toolbar-tray-horizontal .edit-shortcuts { + float: none; + position: absolute; + right: 2.2em; + top: 0; +} + +#toolbar-administration .toolbar-tray-vertical { + background-color: #ebebe6; + border-right: 1px solid #e6e4df; + height: 100%; + -webkit-box-shadow: 0 5px 5px 2px rgba(168, 168, 168, 0.65); + box-shadow: 0 5px 5px 2px rgba(168, 168, 168, 0.65); +} + +[dir="rtl"] #toolbar-administration .toolbar-tray-vertical { + border-left: 1px solid #e6e4df; + border-right: 0 none; + -webkit-box-shadow: 1px 0 5px 2px rgba(168, 168, 168, 0.65); + box-shadow: 1px 0 5px 2px rgba(168, 168, 168, 0.65); +} + +#toolbar-administration .toolbar-tray-vertical .toolbar-menu .toolbar-menu { + display: none; +} + +#toolbar-administration .toolbar-tray-vertical .menu-item--expanded.open > .toolbar-menu { + display: block; + border-bottom-width: 0; +} + +#toolbar-administration .toolbar-tray-vertical .menu-item--expanded.open > .toolbar-menu .toolbar-menu { + border-bottom-width: 1px; +} + +#toolbar-administration .toolbar-tray-vertical .toolbar-handle + a { + margin-right: 3em; +} + +[dir="rtl"] #toolbar-administration .toolbar-tray-vertical .toolbar-handle + a { + margin-left: 3em; + margin-right: 0; +} + +#toolbar-administration .toolbar-tray-vertical .menu-item + .menu-item { + border-top: 1px solid #e6e4df; +} + +#toolbar-administration .toolbar-tray-vertical .menu-item:last-child { + border-bottom: 1px solid #e6e4df; +} + +#toolbar-administration .toolbar-tray-vertical .menu-item .menu-item { + border: 0 none; +} + +#toolbar-administration .toolbar-tray-vertical .menu-item .toolbar-box:hover, +#toolbar-administration .toolbar-tray-vertical .menu-item .toolbar-box:focus { + background-color: #f6f6f4; +} + +#toolbar-administration .toolbar-tray-vertical .toolbar-menu.root { + border: 0; +} + +#toolbar-administration .toolbar-tray-vertical .toolbar-menu .toolbar-menu { + border-bottom: 1px solid; + border-top: 1px solid; +} + +#toolbar-administration .toolbar-tray-vertical .toolbar-menu > .level-1 > ul { + background-color: #efefef; + border-bottom-color: #dbd8d1; + border-top-color: #dbd8d1; +} + +#toolbar-administration .toolbar-tray-vertical .toolbar-menu > .level-2 > ul { + background-color: #e3e3e3; + border-bottom-color: #d0ccc2; + border-top-color: #d0ccc2; +} + +#toolbar-administration .toolbar-tray-vertical .toolbar-menu > .level-3 > ul { + background-color: #d6d6d6; + border-bottom-color: #c4c0b4; + border-top-color: #c4c0b4; +} + +#toolbar-administration .toolbar-tray-vertical .toolbar-menu > .level-4 > ul { + background-color: #c9c9c9; + border-bottom-color: #b9b4a6; + border-top-color: #b9b4a6; +} + +#toolbar-administration .toolbar-tray-vertical .toolbar-menu > .level-5 > ul { + background-color: #bcbcbc; + border-bottom-color: #aea897; + border-top-color: #aea897; +} + +#toolbar-administration .toolbar-tray-vertical .toolbar-menu > .level-6 > ul { + background-color: #b0b0b0; + border-bottom-color: #a39c89; + border-top-color: #a39c89; +} + +#toolbar-administration .toolbar-tray-vertical .toolbar-menu > .level-7 > ul { + background-color: #a3a3a3; + border-bottom-color: #988f7b; + border-top-color: #988f7b; +} + +#toolbar-administration .toolbar-tray-vertical .toolbar-menu > .level-8 > ul { + background-color: #969696; + border-bottom-color: #8c836d; + border-top-color: #8c836d; +} + +#toolbar-administration .menu-item:last-child > .toolbar-menu { + border-bottom: 0; +} + +#toolbar-administration .toolbar-icon.toolbar-handle:before { + color: #bfbfba; +} + +#toolbar-administration .toolbar-icon.toolbar-handle.open:before { + color: #1a1a1a; +} + +#toolbar-administration .toolbar-toggle-orientation button.toolbar-icon:after, #toolbar-administration .toolbar-toggle-orientation button.toolbar-icon:before { + color: #bfbfba; +} + +#toolbar-administration .toolbar-toggle-orientation button.toolbar-icon:hover, #toolbar-administration .toolbar-toggle-orientation button.toolbar-icon:focus, #toolbar-administration .toolbar-toggle-orientation button.toolbar-icon:hover:after, #toolbar-administration .toolbar-toggle-orientation button.toolbar-icon:focus:before { + color: #1a1a1a; + background-color: transparent; +} + +#toolbar-administration .toolbar-tray-horizontal .toolbar-toggle-orientation { + border-left: 1px solid #bfbfba; +} + +[dir="rtl"] #toolbar-administration .toolbar-tray-horizontal .toolbar-toggle-orientation { + border-left: 0 none; + border-right: 1px solid #bfbfba; +} + +#toolbar-administration .toolbar-toggle-orientation [value="horizontal"]:after { + right: 0.95em; +} + +.adminimal.toolbar-tray-open.toolbar-fixed.toolbar-horizontal.toolbar-themes { + padding-top: 3rem !important; +} + +.adminimal.toolbar-tray-open.toolbar-fixed.toolbar-horizontal #toolbar-administration { + background-color: #333; +} + +.adminimal.toolbar-tray-open.toolbar-fixed.toolbar-horizontal.toolbar-has-tabs #toolbar-administration { + min-height: 4em; +} + +.adminimal.toolbar-tray-open.toolbar-fixed.toolbar-horizontal.toolbar-no-tabs #toolbar-administration { + min-height: 2.5em; +} + +.adminimal.toolbar-fixed.toolbar-vertical.toolbar-has-tabs, .adminimal.toolbar-tray-open.toolbar-fixed.toolbar-horizontal.toolbar-no-tabs { + padding-top: 1.8em !important; +} + +.adminimal.toolbar-fixed.toolbar-vertical.toolbar-no-tabs { + padding-top: 0 !important; +} +/*# sourceMappingURL=seven_theme.css.map */ \ No newline at end of file diff --git a/sites/all/modules/contrib/admin/toolbar_themes/themes/seven/seven_theme.css.map b/sites/all/modules/contrib/admin/toolbar_themes/themes/seven/seven_theme.css.map new file mode 100644 index 000000000..379f79a81 --- /dev/null +++ b/sites/all/modules/contrib/admin/toolbar_themes/themes/seven/seven_theme.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["seven_theme.scss","_variables.scss","seven_theme.css"],"names":[],"mappings":"AAAA;;;;;GAKG;AAKH;EAEI,iCAAwC;CACzC;;AAGH;EACE,qGCfyH;EDgBzH,iBAAgB;EAChB,qBChB2C;EDiB3C,gBAA4B;EAC5B,0BCbyC;EDczC,yCCjBkD;CDgYnD;;AA7WC;;;;EAIE,iBCb8C;CDc/C;;AAbH;EAgBI,cCjB8C;CDkB/C;;AAjBH;;;EAwBQ,sBAAqB;EACrB,cAAa;CACd;;AA1BP;EA+BI,6BC/BkD;EDgClD,eAAc;CACf;;AAjCH;EAoCI,eAAc;CACf;;AArCH;EA0CI,0BClDuC;EDmDvC,eCpDuC;ED2DrC,6DCtDuD;UDsDvD,qDCtDuD;CD2F1D;;AAvFH;EA8CM,0BAAyB;CAC1B;;AEPL;EFaQ,4DCzDqD;UDyDrD,oDCzDqD;CD0DtD;;AAtDP;EAmEM,eCjEqC;CDyEtC;;AA3EL;EAwEQ,eCrEmC;EDsEnC,8FAA4E;EAA5E,4DAA4E;EAA5E,uDAA4E;EAA5E,oDAA4E;CAC7E;;AA1EP;EAgFQ,YAAW;CACZ;;AAjFP;EAoFQ,6BCpF8C;CDqF/C;;AArFP;EA4FI,cAAa;CACd;;AA7FH;EAkGI,iBAAgB;EAChB,UAAS;EACT,WAAU;CACX;;AArGH;EA4GM,cAAa;CACd;;AA7GL;EAgHM,sBAAqB;CACtB;;AAjHL;EAuHI,0BChHuC;CDkIxC;;AAzIH;EA0HM,eCrHqC;EDsHrC,gBAAe;EACf,6BC5HgD;CDwIjD;;AAxIL;EAkIQ,eC5HmC;CD6HpC;;AAnIP;EAsIQ,eCjImC;CDkIpC;;AAvIP;EA8II,iCCjJuC;EDoJrC,+DCrJuD;UDqJvD,uDCrJuD;CD8O1D;;AEpIH;EF8CQ,8DCxJqD;UDwJrD,sDCxJqD;CDyJtD;;AArJP;EAyJM,cAAa;EACb,0BCnJqC;CDoJtC;;AA3JL;EAgKQ,0BCnJmC;EDsJjC,4DCvKmD;UDuKnD,oDCvKmD;CD4LtD;;AAxLP;EAuKU,8BChKiC;CDqKlC;;AA5KT;EA0KY,0BCnK+B;CDoKhC;;AA3KX;EAiLY,4DCrLiD;UDqLjD,oDCrLiD;CDuLpD;;AAnLT;EAsLU,UAAS;CACV;;AAvLT;;EA4LQ,wBAAuB;EACvB,sBCtLmC;EDuLnC,yGAAkF;EAAlF,+EAAkF;OAAlF,qEAAkF;UAAlF,iGAAkF;UAAlF,+DAAkF;CAMnF;;AEzDP;;EFsDU,gBAAe;EACf,uBAAsB;CACvB;;AAnMT;EA2MU,0BCpMiC;CDqMlC;;AA5MT;;EAqNU,YCvM8B;EDwM9B,cAAa;EACb,WAAU;EACV,eAAc;CACf;;AAzNT;;;EA8NY,eCxN+B;CDyNhC;;AA/NX;EAqOM,YAAW;EACX,mBAAkB;EAClB,aAAY;EACZ,OAAM;CACP;;AAzOL;EA+OI,0BCxOuC;EDyOvC,gCCnPuC;EDoPvC,aAAY;EAGV,4DCxPuD;UDwPvD,oDCxPuD;CDmU1D;;AE9IH;EFwEM,+BC5PqC;ED6PrC,qBAAoB;EAGlB,4DCjQqD;UDiQrD,oDCjQqD;CDmQxD;;AA/PL;EAkQM,cAAa;CACd;;AAnQL;EAsQM,eAAc;EACd,uBAAsB;CAKvB;;AA5QL;EA0QQ,yBAAwB;CACzB;;AA3QP;EA+QM,kBAAiB;CAMlB;;AE7EL;EF0EQ,iBAAgB;EAChB,gBAAe;CAChB;;AApRP;EAyRQ,8BC/QmC;CDgRpC;;AA1RP;EA6RQ,iCCnRmC;CDoRpC;;AA9RP;EAiSQ,eAAc;CACf;;AAlSP;;EAsSQ,0BAA+C;CAChD;;AAvSP;EA4SQ,UAAS;CACV;;AA7SP;EAgTQ,yBAAwB;EACxB,sBAAqB;CACtB;;AAlTP;EA0TQ,0BAAuE;EACvE,6BAAuD;EACvD,0BAAuD;CACxD;;AA7TP;EA0TQ,0BAAuE;EACvE,6BAAuD;EACvD,0BAAuD;CACxD;;AA7TP;EA0TQ,0BAAuE;EACvE,6BAAuD;EACvD,0BAAuD;CACxD;;AA7TP;EA0TQ,0BAAuE;EACvE,6BAAuD;EACvD,0BAAuD;CACxD;;AA7TP;EA0TQ,0BAAuE;EACvE,6BAAuD;EACvD,0BAAuD;CACxD;;AA7TP;EA0TQ,0BAAuE;EACvE,6BAAuD;EACvD,0BAAuD;CACxD;;AA7TP;EA0TQ,0BAAuE;EACvE,6BAAuD;EACvD,0BAAuD;CACxD;;AA7TP;EA0TQ,0BAAuE;EACvE,6BAAuD;EACvD,0BAAuD;CACxD;;AA7TP;EAkUI,iBAAgB;CACjB;;AAnUH;EAyUM,eCzTqC;CD0TtC;;AA1UL;EA8UQ,eC7TmC;CD8TpC;;AA/UP;EAsVM,eCtUqC;CDuUtC;;AAvVL;EA6VM,eC5UqC;ED6UrC,8BAA6B;CAC9B;;AA/VL;EA0WI,+BCxVuC;CD8VxC;;AEhEH;EF6DM,oBAAmB;EACnB,gCC5VqC;CD6VtC;;AA/WL;EAmXI,cAAa;CACd;;AAIH;EAKU,6BAA4B;CAC7B;;AANT;EASU,uBAAsB;CACvB;;AAVT;EAaU,gBAAe;CAChB;;AAdT;EAiBU,kBAAiB;CAClB;;AAlBT;EAyBI,8BAA6B;CAC9B;;AA1BH;EA6BI,0BAAyB;CAC1B","file":"seven_theme.css","sourcesContent":[null,null,"/**\n * seven_theme\n * Theme styles for menus and other toolbar elements. SVG icons are styled in\n * the [theme]_icons.scss file, while click handles, e.g. origination buttons\n * are styled here.\n */\nbody .toolbar-no-tabs {\n padding-top: 1.625rem !important;\n}\n\n#toolbar-administration {\n font-family: \"Lucida Grande\", \"Lucida Sans Unicode\", \"DejaVu Sans\", \"Lucida Sans\", arial, sans-serif;\n font-weight: 400;\n font-size: 0.8125rem;\n height: 3.25rem;\n background-color: #c9c9c2;\n -webkit-tap-highlight-color: transparent;\n}\n\n.toolbar-vertical #toolbar-administration,\n.toolbar-no-tabs #toolbar-administration,\n#toolbar-administration .toolbar-tab,\n#toolbar-administration .toolbar-tray {\n height: 1.625rem;\n}\n\n#toolbar-administration .toolbar-tray {\n top: 1.625rem;\n}\n\n#toolbar-administration .toolbar-tab a:hover, #toolbar-administration .toolbar-tab a:focus,\n#toolbar-administration .toolbar-item a:hover,\n#toolbar-administration .toolbar-item a:focus {\n text-decoration: none;\n outline: none;\n}\n\n#toolbar-administration .toolbar-item {\n padding: 0.35em 0.95em 0.2em;\n display: block;\n}\n\n#toolbar-administration .toolbar__link-label {\n font-size: 1em;\n}\n\n#toolbar-administration .toolbar-bar {\n background-color: #c9c9c2;\n color: #595959;\n box-shadow: -1px 0 3px 1px rgba(168, 168, 168, 0.65);\n}\n\n#toolbar-administration .toolbar-bar.no-tabs {\n background-color: #ebebe6;\n}\n\n[dir=\"rtl\"] #toolbar-administration .toolbar-bar {\n box-shadow: 1px 0 3px 1px rgba(168, 168, 168, 0.65);\n}\n\n#toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper a {\n color: #595959;\n}\n\n#toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper a:hover, #toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper a:focus, #toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper a.is-active {\n color: #1a1a1a;\n background-image: linear-gradient(#c9c9c2, #ebebe6);\n}\n\n#toolbar-administration .toolbar-bar .tour-toolbar-tab.toolbar-tab {\n float: none;\n}\n\n#toolbar-administration .toolbar-bar .tour-toolbar-tab button.toolbar-item {\n padding: 0.35em 0.95em 0.2em;\n}\n\n#toolbar-administration .toolbar-lining button:focus {\n outline: none;\n}\n\n#toolbar-administration .toolbar-menu {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n#toolbar-administration .toolbar-box a:focus {\n outline: none;\n}\n\n#toolbar-administration .toolbar-box a:hover:focus {\n text-decoration: none;\n}\n\n#toolbar-administration .toolbar-tray {\n background-color: #ebebe6;\n}\n\n#toolbar-administration .toolbar-tray a {\n color: #1a1a1a;\n cursor: pointer;\n padding: 0.35em 0.95em 0.2em;\n}\n\n#toolbar-administration .toolbar-tray a:hover, #toolbar-administration .toolbar-tray a:active, #toolbar-administration .toolbar-tray a:focus, #toolbar-administration .toolbar-tray a.is-active {\n color: #1a1a1a;\n}\n\n#toolbar-administration .toolbar-tray a.is-active[href=\"/\"] {\n color: #1a1a1a;\n}\n\n#toolbar-administration .toolbar-tray-horizontal {\n border-bottom: 1px solid #e6e4df;\n box-shadow: -2px 1px 3px 1px rgba(168, 168, 168, 0.65);\n}\n\n[dir=\"rtl\"] #toolbar-administration .toolbar-tray-horizontal {\n box-shadow: 2px 1px 3px 1px rgba(168, 168, 168, 0.65);\n}\n\n#toolbar-administration .toolbar-tray-horizontal a:focus {\n outline: none;\n background-color: #ebebe6;\n}\n\n#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration .toolbar-menu .toolbar-menu {\n background-color: #f5f5f2;\n box-shadow: 0 2px 1px 1px rgba(168, 168, 168, 0.65);\n}\n\n#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration .toolbar-menu .toolbar-menu .menu-item {\n border-top: 1px solid #ebebe6;\n}\n\n#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration .toolbar-menu .toolbar-menu .menu-item:first-child {\n border-top-color: #ebebe6;\n}\n\n#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration .toolbar-menu .toolbar-menu .toolbar-menu {\n box-shadow: 2px 2px 2px 0 rgba(168, 168, 168, 0.65);\n}\n\n#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration .toolbar-menu .toolbar-menu > .menu-item--expanded > .toolbar-menu {\n top: -1px;\n}\n\n#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu > .menu-item > a,\n#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu > .menu-item > .toolbar-box a {\n border-right: 1px solid;\n border-color: #ebebe6;\n border-image: linear-gradient(to top, #e6e4df, #ebebe6) 1 100%;\n}\n\n[dir=\"rtl\"] #toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu > .menu-item > a, [dir=\"rtl\"]\n#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu > .menu-item > .toolbar-box a {\n border-right: 0;\n border-left: 1px solid;\n}\n\n#toolbar-administration .toolbar-tray-horizontal .menu-item .menu-item:hover, #toolbar-administration .toolbar-tray-horizontal .menu-item .menu-item:focus {\n background-color: #ebebe6;\n}\n\n#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .toolbar-menu > .menu-item--expanded > a:after,\n#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .toolbar-menu > .menu-item--expanded .toolbar-box > a:after {\n color: #ccc;\n right: 0.65em;\n top: 0.2em;\n display: block;\n}\n\n#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .toolbar-menu > .menu-item--expanded > a:hover:after, #toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .toolbar-menu > .menu-item--expanded > a:focus:after,\n#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .toolbar-menu > .menu-item--expanded .toolbar-box > a:hover:after,\n#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .toolbar-menu > .menu-item--expanded .toolbar-box > a:focus:after {\n color: #1a1a1a;\n}\n\n#toolbar-administration .toolbar-tray-horizontal .edit-shortcuts {\n float: none;\n position: absolute;\n right: 2.2em;\n top: 0;\n}\n\n#toolbar-administration .toolbar-tray-vertical {\n background-color: #ebebe6;\n border-right: 1px solid #e6e4df;\n height: 100%;\n box-shadow: 0 5px 5px 2px rgba(168, 168, 168, 0.65);\n}\n\n[dir=\"rtl\"] #toolbar-administration .toolbar-tray-vertical {\n border-left: 1px solid #e6e4df;\n border-right: 0 none;\n box-shadow: 1px 0 5px 2px rgba(168, 168, 168, 0.65);\n}\n\n#toolbar-administration .toolbar-tray-vertical .toolbar-menu .toolbar-menu {\n display: none;\n}\n\n#toolbar-administration .toolbar-tray-vertical .menu-item--expanded.open > .toolbar-menu {\n display: block;\n border-bottom-width: 0;\n}\n\n#toolbar-administration .toolbar-tray-vertical .menu-item--expanded.open > .toolbar-menu .toolbar-menu {\n border-bottom-width: 1px;\n}\n\n#toolbar-administration .toolbar-tray-vertical .toolbar-handle + a {\n margin-right: 3em;\n}\n\n[dir=\"rtl\"] #toolbar-administration .toolbar-tray-vertical .toolbar-handle + a {\n margin-left: 3em;\n margin-right: 0;\n}\n\n#toolbar-administration .toolbar-tray-vertical .menu-item + .menu-item {\n border-top: 1px solid #e6e4df;\n}\n\n#toolbar-administration .toolbar-tray-vertical .menu-item:last-child {\n border-bottom: 1px solid #e6e4df;\n}\n\n#toolbar-administration .toolbar-tray-vertical .menu-item .menu-item {\n border: 0 none;\n}\n\n#toolbar-administration .toolbar-tray-vertical .menu-item .toolbar-box:hover,\n#toolbar-administration .toolbar-tray-vertical .menu-item .toolbar-box:focus {\n background-color: #f6f6f4;\n}\n\n#toolbar-administration .toolbar-tray-vertical .toolbar-menu.root {\n border: 0;\n}\n\n#toolbar-administration .toolbar-tray-vertical .toolbar-menu .toolbar-menu {\n border-bottom: 1px solid;\n border-top: 1px solid;\n}\n\n#toolbar-administration .toolbar-tray-vertical .toolbar-menu > .level-1 > ul {\n background-color: #efefef;\n border-bottom-color: #dbd8d1;\n border-top-color: #dbd8d1;\n}\n\n#toolbar-administration .toolbar-tray-vertical .toolbar-menu > .level-2 > ul {\n background-color: #e3e3e3;\n border-bottom-color: #d0ccc2;\n border-top-color: #d0ccc2;\n}\n\n#toolbar-administration .toolbar-tray-vertical .toolbar-menu > .level-3 > ul {\n background-color: #d6d6d6;\n border-bottom-color: #c4c0b4;\n border-top-color: #c4c0b4;\n}\n\n#toolbar-administration .toolbar-tray-vertical .toolbar-menu > .level-4 > ul {\n background-color: #c9c9c9;\n border-bottom-color: #b9b4a6;\n border-top-color: #b9b4a6;\n}\n\n#toolbar-administration .toolbar-tray-vertical .toolbar-menu > .level-5 > ul {\n background-color: #bcbcbc;\n border-bottom-color: #aea897;\n border-top-color: #aea897;\n}\n\n#toolbar-administration .toolbar-tray-vertical .toolbar-menu > .level-6 > ul {\n background-color: #b0b0b0;\n border-bottom-color: #a39c89;\n border-top-color: #a39c89;\n}\n\n#toolbar-administration .toolbar-tray-vertical .toolbar-menu > .level-7 > ul {\n background-color: #a3a3a3;\n border-bottom-color: #988f7b;\n border-top-color: #988f7b;\n}\n\n#toolbar-administration .toolbar-tray-vertical .toolbar-menu > .level-8 > ul {\n background-color: #969696;\n border-bottom-color: #8c836d;\n border-top-color: #8c836d;\n}\n\n#toolbar-administration .menu-item:last-child > .toolbar-menu {\n border-bottom: 0;\n}\n\n#toolbar-administration .toolbar-icon.toolbar-handle:before {\n color: #bfbfba;\n}\n\n#toolbar-administration .toolbar-icon.toolbar-handle.open:before {\n color: #1a1a1a;\n}\n\n#toolbar-administration .toolbar-toggle-orientation button.toolbar-icon:after, #toolbar-administration .toolbar-toggle-orientation button.toolbar-icon:before {\n color: #bfbfba;\n}\n\n#toolbar-administration .toolbar-toggle-orientation button.toolbar-icon:hover, #toolbar-administration .toolbar-toggle-orientation button.toolbar-icon:focus, #toolbar-administration .toolbar-toggle-orientation button.toolbar-icon:hover:after, #toolbar-administration .toolbar-toggle-orientation button.toolbar-icon:focus:before {\n color: #1a1a1a;\n background-color: transparent;\n}\n\n#toolbar-administration .toolbar-tray-horizontal .toolbar-toggle-orientation {\n border-left: 1px solid #bfbfba;\n}\n\n[dir=\"rtl\"] #toolbar-administration .toolbar-tray-horizontal .toolbar-toggle-orientation {\n border-left: 0 none;\n border-right: 1px solid #bfbfba;\n}\n\n#toolbar-administration .toolbar-toggle-orientation [value=\"horizontal\"]:after {\n right: 0.95em;\n}\n\n.adminimal.toolbar-tray-open.toolbar-fixed.toolbar-horizontal.toolbar-themes {\n padding-top: 3rem !important;\n}\n\n.adminimal.toolbar-tray-open.toolbar-fixed.toolbar-horizontal #toolbar-administration {\n background-color: #333;\n}\n\n.adminimal.toolbar-tray-open.toolbar-fixed.toolbar-horizontal.toolbar-has-tabs #toolbar-administration {\n min-height: 4em;\n}\n\n.adminimal.toolbar-tray-open.toolbar-fixed.toolbar-horizontal.toolbar-no-tabs #toolbar-administration {\n min-height: 2.5em;\n}\n\n.adminimal.toolbar-fixed.toolbar-vertical.toolbar-has-tabs, .adminimal.toolbar-tray-open.toolbar-fixed.toolbar-horizontal.toolbar-no-tabs {\n padding-top: 1.8em !important;\n}\n\n.adminimal.toolbar-fixed.toolbar-vertical.toolbar-no-tabs {\n padding-top: 0 !important;\n}\n\n/*# sourceMappingURL=seven_theme.css.map */"]} \ No newline at end of file diff --git a/sites/all/modules/contrib/admin/toolbar_themes/themes/seven/seven_theme.scss b/sites/all/modules/contrib/admin/toolbar_themes/themes/seven/seven_theme.scss new file mode 100644 index 000000000..6b960b176 --- /dev/null +++ b/sites/all/modules/contrib/admin/toolbar_themes/themes/seven/seven_theme.scss @@ -0,0 +1,425 @@ +/** + * seven_theme + * Theme styles for menus and other toolbar elements. SVG icons are styled in + * the [theme]_icons.scss file, while click handles, e.g. origination buttons + * are styled here. + */ + +// Import global variables. +@import "variables"; + +body { + .toolbar-no-tabs { + padding-top: $tab-item-height !important; + } +} + +#toolbar-administration { + font-family: $font-family; + font-weight: 400; + font-size: $font-size; + height: $tab-item-height * 2; + background-color: $toolbar-bar-background; + -webkit-tap-highlight-color: $tap-highlight; + + .toolbar-vertical &, + .toolbar-no-tabs &, + .toolbar-tab, + .toolbar-tray { + height: $tab-item-height; + } + + .toolbar-tray { + top: $tab-item-height; + } + + .toolbar-tab, + .toolbar-item { + a { + &:hover, + &:focus { + text-decoration: none; + outline: none; + } + } + } + + .toolbar-item { + padding: $toolbar-item-padding; + display: block; + } + + .toolbar__link-label { + font-size: 1em; + } + + + // Toolbar bar. + .toolbar-bar { + background-color: $toolbar-bar-background; + color: $toolbar-bar-color; + + &.no-tabs { + background-color: #ebebe6; + } + + @if $drop-shadows == true { + box-shadow: -1px 0 3px 1px $drop-shadow-color; + + [dir="rtl"] & { + box-shadow: 1px 0 3px 1px $drop-shadow-color; + } + } + + .toolbar-item { + &:hover, + &:focus, + &:active, + &.is-active { + + } + } + + .toolbar-tab .toolbar-tab__items-wrapper a { + color: $tab-color; + + &:hover, + &:focus, + &.is-active { + color: $tab-active-color; + background-image: linear-gradient($toolbar-bar-background, $tray-background); + } + } + + // Tour is a button. + .tour-toolbar-tab { + &.toolbar-tab { + float: none; // Override tour module CSS. + } + + button.toolbar-item { + padding: $toolbar-item-padding; + } + } + } + + + // Button reset. + .toolbar-lining button:focus { + outline: none; + } + + + // Menu reset. + .toolbar-menu { + list-style: none; + margin: 0; + padding: 0; + } + + + // Wrapper around list item items, injected when tray is vertical (and + // persists even if toggled back to vertical). + .toolbar-box a { + &:focus { + outline: none; + } + + &:hover:focus { + text-decoration: none; + } + } + + + // Toolbar tray. + .toolbar-tray { + background-color: $tray-background; + + a { + color: $tray-color; + cursor: pointer; + padding: $toolbar-item-padding; + + &:hover, + &:active, + &:focus, + &.is-active { + color: $tray-active; + } + + &.is-active[href="/"] { + color: $tray-color; + } + } + } + + + // Horizontal tray. + .toolbar-tray-horizontal { + border-bottom: 1px solid $border-color; + + @if $drop-shadows == true { + box-shadow: -2px 1px 3px 1px $drop-shadow-color; + + [dir="rtl"] & { + box-shadow: 2px 1px 3px 1px $drop-shadow-color; + } + } + + a:focus { + outline: none; + background-color: $tray-background; + } + + // Admin Toolbar Module drop menus. + .toolbar-menu-administration { + .toolbar-menu .toolbar-menu { + background-color: $drop-menu-background ; + + @if $drop-shadows == true { + box-shadow: 0 2px 1px 1px $drop-shadow-color; + } + + .menu-item { + border-top: 1px solid $tray-background; + + &:first-child { + border-top-color: $tray-background; + } + } + + // Sub-sub menus + .toolbar-menu { + @if $drop-shadows == true { + box-shadow: 2px 2px 2px 0 $drop-shadow-color; + } + } + + > .menu-item--expanded > .toolbar-menu { + top: -1px; + } + } + + > .toolbar-menu > .menu-item > a, + > .toolbar-menu > .menu-item > .toolbar-box a { + border-right: 1px solid; + border-color: $tray-background; + border-image: linear-gradient(to top, $tray-border-color, $tray-background) 1 100%; + + [dir="rtl"] & { + border-right: 0; + border-left: 1px solid; + } + } + } + + .menu-item { + .menu-item { + &:hover, + &:focus { + background-color: $tray-background; + } + } + } + + // Sub-menu indicator in drop menus. + .toolbar-menu-administration > .toolbar-menu .toolbar-menu { + > .menu-item--expanded > a, + > .menu-item--expanded .toolbar-box > a { + &:after { + color: $sub-menu-indicator; + right: 0.65em; + top: 0.2em; + display: block; + } + + &:hover, + &:focus { + &:after { + color: $tray-active; + } + } + } + } + + .edit-shortcuts { + float: none; // Override shortcut module CSS. + position: absolute; + right: 2.2em; + top: 0; + } + } + + + // Vertical tray. + .toolbar-tray-vertical { + background-color: $tray-vertical-background; + border-right: 1px solid $border-color; + height: 100%; + + @if $drop-shadows == true { + box-shadow: 0 5px 5px 2px $drop-shadow-color; + } + + + [dir="rtl"] & { + border-left: 1px solid $border-color; + border-right: 0 none; + + @if $drop-shadows == true { + box-shadow: 1px 0 5px 2px $drop-shadow-color; + } + } + + .toolbar-menu .toolbar-menu { + display: none; + } + + .menu-item--expanded.open > .toolbar-menu { + display: block; + border-bottom-width: 0; + + .toolbar-menu { + border-bottom-width: 1px; + } + } + + .toolbar-handle + a { + margin-right: 3em; + + [dir="rtl"] & { + margin-left: 3em; + margin-right: 0; + } + } + + .menu-item { + + .menu-item { + border-top: 1px solid $tray-border-color; + } + + &:last-child { + border-bottom: 1px solid $tray-border-color; + } + + .menu-item { + border: 0 none; + } + + .toolbar-box:hover, + .toolbar-box:focus { + background-color: lighten($tray-background, 5%); + } + } + + .toolbar-menu { + &.root { + border: 0; + } + + .toolbar-menu { + border-bottom: 1px solid; + border-top: 1px solid; + } + } + + // Loop to generate nested selectors and styles. + $self: '.toolbar-menu'; + @for $i from 1 through 8 { + $self: if($i == 1, "ul", nest($self, "ul")) !global; + #{$self} > .level-#{$i} > ul { + background-color: darken($toolbar-submenu-background-color , 5 * $i); + border-bottom-color: darken($tray-border-color, 5 * $i); + border-top-color: darken($tray-border-color, 5 * $i); + } + } + } + + .menu-item:last-child > .toolbar-menu { + border-bottom: 0; + } + + + // Click handles. + .toolbar-icon.toolbar-handle { + &:before { + color: $toggle-orientation-color; + } + + &.open { + &:before { + color: $toggle-orientation-active; + } + } + } + + .toolbar-toggle-orientation button.toolbar-icon { + &:after, + &:before { + color: $toggle-orientation-color; + } + + &:hover, + &:focus, + &:hover:after, + &:focus:before { + color: $toggle-orientation-active; + background-color: transparent; + } + } + + + // Orientation toggles and handles + .toolbar-toggle-orientation { + button {} + > .toolbar-lining {} + } + + .toolbar-tray-horizontal .toolbar-toggle-orientation { + border-left: 1px solid $toggle-orientation-border-color; + + [dir="rtl"] & { + border-left: 0 none; + border-right: 1px solid $toggle-orientation-border-color; + } + } + + .toolbar-toggle-orientation [value="horizontal"]:after { + right: 0.95em; + } +} + +// Support for the Adminimal admin theme. +.adminimal { + &.toolbar-tray-open { + &.toolbar-fixed { + &.toolbar-horizontal { + &.toolbar-themes { + padding-top: 3rem !important; + } + + #toolbar-administration { + background-color: #333; + } + + &.toolbar-has-tabs #toolbar-administration { + min-height: 4em; + } + + &.toolbar-no-tabs #toolbar-administration { + min-height: 2.5em; + } + } + } + } + + &.toolbar-fixed.toolbar-vertical.toolbar-has-tabs, + &.toolbar-tray-open.toolbar-fixed.toolbar-horizontal.toolbar-no-tabs { + padding-top: 1.8em !important; + } + + &.toolbar-fixed.toolbar-vertical.toolbar-no-tabs { + padding-top: 0 !important; + } +} + diff --git a/sites/all/modules/contrib/admin/toolbar_themes/toolbar_themes.info.yml b/sites/all/modules/contrib/admin/toolbar_themes/toolbar_themes.info.yml new file mode 100644 index 000000000..0fbc19c0d --- /dev/null +++ b/sites/all/modules/contrib/admin/toolbar_themes/toolbar_themes.info.yml @@ -0,0 +1,13 @@ +name: Toolbar Themes +description: Apply themes to the toolbar. +package: Administration +type: module +# core: '8.x' +dependencies: + - toolbar + +# Information added by Drupal.org packaging script on 2017-11-14 +version: '8.x-1.0-alpha4+10-dev' +core: '8.x' +project: 'toolbar_themes' +datestamp: 1510689489 diff --git a/sites/all/modules/contrib/admin/toolbar_themes/toolbar_themes.install b/sites/all/modules/contrib/admin/toolbar_themes/toolbar_themes.install new file mode 100644 index 000000000..702569735 --- /dev/null +++ b/sites/all/modules/contrib/admin/toolbar_themes/toolbar_themes.install @@ -0,0 +1,34 @@ + $role) { + user_role_grant_permissions($rid, ['configure toolbar_themes']); + } + } +} + +/** + * Assign "Configure administration toolbar themes" permission to all roles. + */ +function toolbar_themes_update_8001() { + if ($roles = user_roles(FALSE, 'access toolbar')) { + foreach ($roles as $rid => $role) { + user_role_grant_permissions($rid, ['configure toolbar_themes']); + } + } +} diff --git a/sites/all/modules/contrib/admin/toolbar_themes/toolbar_themes.libraries.yml b/sites/all/modules/contrib/admin/toolbar_themes/toolbar_themes.libraries.yml new file mode 100644 index 000000000..9682f9116 --- /dev/null +++ b/sites/all/modules/contrib/admin/toolbar_themes/toolbar_themes.libraries.yml @@ -0,0 +1,80 @@ +# Module Libraries +base: + css: + component: + css/toolbar-themes-form.css: {} + js: + js/base.js: {} + dependencies: + - core/jquery + +grunticon_load: + js: + themes/base/grunticons/icon_load.js: {} + +# Toolbar Themes + +# Base theme. +toolbar_themes_base.base: + version: 8.0-1.x + css: + theme: + themes/base/base_module.css: {} + themes/base/base_handles.css: {} + themes/base/base_theme.css: {} + +toolbar_themes_base.icons: + version: 8.0-1.x + css: + theme: + themes/base/base_icons.css: {} + +# Admin Menu theme. +toolbar_admin_menu.base: + version: 8.0-1.x + css: + theme: + themes/admin_menu/admin_menu_theme.css: {} + dependencies: + - toolbar_themes/toolbar_themes_base.base + +toolbar_admin_menu.icons: + version: 8.0-1.x + css: + theme: + themes/admin_menu/admin_menu_icons.css: {} + dependencies: + - toolbar_themes/toolbar_themes_base.icons + +# Toolbar Mini theme. +toolbar_mini.base: + version: 8.0-1.x + css: + theme: + themes/mini/mini_theme.css: {} + dependencies: + - toolbar_themes/toolbar_themes_base.base + +toolbar_mini.icons: + css: + theme: + themes/mini/mini_icons.css: {} + dependencies: + - toolbar_themes/toolbar_themes_base.icons + +# Seven theme. +toolbar_seven.base: + version: 8.0-1.x + css: + theme: + themes/seven/seven_theme.css: {} + dependencies: + - toolbar_themes/toolbar_themes_base.base + +toolbar_seven.icons: + version: 8.0-1.x + css: + theme: + themes/seven/seven_icons.css: {} + dependencies: + - toolbar_themes/toolbar_themes_base.icons diff --git a/sites/all/modules/contrib/admin/toolbar_themes/toolbar_themes.links.menu.yml b/sites/all/modules/contrib/admin/toolbar_themes/toolbar_themes.links.menu.yml new file mode 100644 index 000000000..d52fca74e --- /dev/null +++ b/sites/all/modules/contrib/admin/toolbar_themes/toolbar_themes.links.menu.yml @@ -0,0 +1,5 @@ +toolbar_themes.settings: + title: 'Toolbar Themes' + description: 'Configure toolbar themes.' + route_name: toolbar_themes.settings + parent: system.admin_config_ui diff --git a/sites/all/modules/contrib/admin/toolbar_themes/toolbar_themes.module b/sites/all/modules/contrib/admin/toolbar_themes/toolbar_themes.module new file mode 100644 index 000000000..1382be350 --- /dev/null +++ b/sites/all/modules/contrib/admin/toolbar_themes/toolbar_themes.module @@ -0,0 +1,376 @@ +get('toolbar_themes:definitions')) { + $definitions = $cache->data; + } + else { + $theme_handler = \Drupal::service('theme_handler'); + $module_handler = \Drupal::service('module_handler'); + $discovery = new YamlDiscovery('toolbar_themes', $module_handler->getModuleDirectories() + $theme_handler->getThemeDirectories()); + $definitions = $discovery->findAll(); + if (!empty($definitions)) { + \Drupal::cache()->set('toolbar_themes:definitions', $definitions); + } + } + return $definitions; +} + +/** + * Return all themes libraries. + * @return array + */ +function toolbar_themes_get_library_names() { + $libraries = []; + $definitions = toolbar_themes_get_theme_definitions(); + foreach ($definitions as $provider => $provider_themes) { + foreach ($provider_themes as $theme_key => $theme_values) { + $libraries[$theme_key] = $theme_values['libraries']; + } + } + return $libraries; +} + +/** + * Return a themes definitions. + * @return array + */ +function toolbar_themes_get_theme_definition($theme) { + $theme_definition = []; + $definitions = toolbar_themes_get_theme_definitions(); + foreach ($definitions as $provider => $provider_themes) { + foreach ($provider_themes as $theme_key => $theme_values) { + if ($theme == $theme_key) { + $theme_values['provider'] = $provider; + $theme_definition = $theme_values; + } + } + } + return $theme_definition; +} + +/** + * Implements hook_library_info_alter(). + * @param $libraries + * @param $extension + */ +function toolbar_themes_library_info_alter(&$libraries, $extension) { + // Remove Toolbar modules CSS. + if ($extension === 'toolbar') { + unset($libraries['toolbar']['css']); + unset($libraries['toolbar.menu']['css']); + } + // Remove Admin Toolbar modules CSS. + if ($extension === 'admin_toolbar') { + if (isset($libraries['toolbar.tree'])) { + unset($libraries['toolbar.tree']); + } + } +} + +/** + * Implements hook_toolbar_alter(). + * @param $items + */ +function toolbar_themes_toolbar_alter(&$items) { + // If tabs are hidden we unset all but the Manage tab, otherwise it becomes + // extremely problematic if the toolbar is showing anything other than Manage + // and in horizontal orientation at the time the settings are saved (it blows + // up and can hide the entire menu off screen, ouch...). + if (\Drupal::config('toolbar_themes.settings')->get('tabs') === 0) { + foreach ($items as $id => $item) { + if ($id !== 'administration') { + unset($items[$id]); + } + } + } +} + +/** + * Implements hook_theme_registry_alter(). + * ...well this seems repetitive. TODO, abstract something or? + * @param $theme_registry + */ +function toolbar_themes_theme_registry_alter(&$theme_registry) { + $config = \Drupal::config('toolbar_themes.settings'); + $default_theme = $config->get('default_theme'); + $path = drupal_get_path('module', 'toolbar_themes'); + + // Use our own template for toolbar. + $theme_registry['toolbar']['template'] = 'toolbar-themes--toolbar'; + $theme_registry['toolbar']['path'] = $path . '/templates'; + $theme_registry['toolbar']['preprocess functions'][] = 'toolbar_themes_preprocess_toolbar_themes__toolbar'; + + // Use our own template for toolbar menus. + $theme_registry['menu__toolbar']['template'] = 'toolbar-themes--menu'; + $theme_registry['menu__toolbar']['path'] = $path . '/templates'; + $theme_registry['menu__toolbar']['preprocess functions'][] = 'toolbar_themes_preprocess_toolbar_themes__menu'; + $theme_registry['menu__toolbar__admin'] = $theme_registry['menu__toolbar']; + + // Register templates and preprocess function for themes. + $theme_handler = \Drupal::service('theme_handler'); + $base_theme = []; + $toolbar_implementation = ''; + $menu_implementation = ''; + + // Check for a base theme. + $default_theme = toolbar_themes_get_theme_definition($default_theme); + if (isset($default_theme['base_theme'])) { + $base_theme = toolbar_themes_get_theme_definition($default_theme['base_theme']); + } + + // Toolbar template. + if (isset($default_theme['template_toolbar'])) { + $toolbar_implementation = $default_theme; + } + elseif (!empty($base_theme)) { + if (isset($base_theme['template_toolbar'])) { + $toolbar_implementation = $base_theme; + } + } + if (!empty($toolbar_implementation)) { + $provider_toolbar = $toolbar_implementation['provider']; + if ($theme_handler->themeExists($provider_toolbar)) { + $provider_path = drupal_get_path('theme', $provider_toolbar); + } + else { + $provider_path = drupal_get_path('module', $provider_toolbar); + } + if (isset($toolbar_implementation['path']) && !empty($toolbar_implementation['path'])) { + $template_toolbar_parts = explode('/', $toolbar_implementation['template_toolbar']); + $template_toolbar = array_pop($template_toolbar_parts); + $template_toolbar_path = implode('/', $template_toolbar_parts); + $preprocess_toolbar = $provider_toolbar . '_preprocess_' . strtr($template_toolbar, '-', '_'); + $theme_registry['toolbar']['template'] = $template_toolbar; + $theme_registry['toolbar']['path'] = $provider_path . '/' . $toolbar_implementation['path'] . '/' . $template_toolbar_path; + $theme_registry['toolbar']['preprocess functions'][] = $preprocess_toolbar; + } + } + + // Menu template. + if (isset($default_theme['template_toolbar_menu'])) { + $menu_implementation = $default_theme; + } + elseif (!empty($base_theme)) { + if (isset($base_theme['template_toolbar_menu'])) { + $menu_implementation = $base_theme; + } + } + if (!empty($menu_implementation)) { + $provider_menu = $menu_implementation['provider']; + if ($theme_handler->themeExists($provider_menu)) { + $provider_path = drupal_get_path('theme', $provider_menu); + } + else { + $provider_path = drupal_get_path('module', $provider_menu); + } + if (isset($menu_implementation['path']) && !empty($menu_implementation['path'])) { + $template_menu_parts = explode('/', $menu_implementation['template_toolbar_menu']); + $template_menu = array_pop($template_menu_parts); + $template_menu_path = implode('/', $template_menu_parts); + $preprocess_menu = $provider_menu . '_preprocess_' . strtr($template_menu, '-', '_'); + $theme_registry['menu__toolbar']['template'] = $template_menu; + $theme_registry['menu__toolbar']['path'] = $provider_path . '/' . $menu_implementation['path'] . '/' . $template_menu_path; + $theme_registry['menu__toolbar']['preprocess functions'][] = $preprocess_menu; + $theme_registry['menu__toolbar__admin'] = $theme_registry['menu__toolbar']; + } + } +} + +/** + * Implements hook_preprocess_HOOK(). + * @param $variables + */ +function toolbar_themes_preprocess_html(&$variables) { + // Settings body classes. + $config = \Drupal::config('toolbar_themes.settings'); + $variables['attributes']['class'][] = 'toolbar-themes'; + $variables['attributes']['class'][] = $config->get('tabs') === 1 ? 'toolbar-has-tabs' : 'toolbar-no-tabs'; + $variables['attributes']['class'][] = $config->get('icons') === 1 ? 'toolbar-has-icons' : 'toolbar-no-icons'; + + // Admin theme class + $admin_theme = \Drupal::config('system.theme')->get('admin'); + $variables['attributes']['class'][] = 'toolbar-themes-admin-theme--' . Html::cleanCssIdentifier($admin_theme); + + // Third party module classes + if (\Drupal::moduleHandler()->moduleExists('toolbar_anti_flicker') === TRUE) { + $variables['attributes']['class'][] = 'toolbar-anti-flicker'; + } + +// $font_size = $config->get('font_size'); +// if (isset($font_size)) { +// $padding = $font_size * 2.25; +// +// $tabs = $config->get('tabs'); +// if (isset($tabs) && $tabs === 1) { +// $padding = $padding * 2; +// } +// //$variables['attributes']['style'] = 'padding-top:' . $padding . 'px'; +// } + + //kint($toolbar_config); +} + +/** + * Implements hook_preprocess_HOOK(). + * + * Piling everything into preprocess like this is probably lazy programming, + * but it's what I'm familiar with, if you have a better way to do some of this + * stuff patches are most welcome! + * + * @param $variables + */ +function toolbar_themes_preprocess_toolbar_themes__toolbar(&$variables) { + $config = \Drupal::config('toolbar_themes.settings'); + $path = base_path() . drupal_get_path('module', 'toolbar_themes'); + + // Attributes for advanced styles. + $variables['tray.content_attributes'] = new Attribute(); + + // Wrapper class. + $variables['attributes']['class'][] = 'toolbar-themes-toolbar'; + + // Font size. Set as an attribute in toolbar-themes--toolbar.html.twig. +// if ($font_size = $config->get('font_size')) { +// $ems = $font_size/16; +// $variables['font_size'] = 'font-size:' . $ems . 'em'; +// } + + // Icons. + $variables['show_icons'] = $config->get('icons'); + + // Tabs. + $variables['show_tabs'] = $config->get('tabs'); + if ($variables['show_tabs'] === 1) { + if (isset($variables['tabs'])) { + foreach ($variables['tabs'] as $item_key => $item_values) { + // Home, hide it. + if ($item_key === 'home') { + $variables['tabs'][$item_key]['attributes']->addClass('hidden'); + } + + // Hide empty items. + if (isset($item_values['link']['#markup']) && $item_values['link']['#markup'] === '') { + $variables['tabs'][$item_key]['attributes']->addClass('hidden'); + } + } + } + } + + // Load the default themes libraries. + $default_theme = $config->get('default_theme'); + $library_names = toolbar_themes_get_library_names(); + foreach ($library_names as $library_key => $libraries) { + if ($default_theme === $library_key) { + foreach ($libraries as $type => $library_name) { + if ($type !== 'icons') { + $variables['#attached']['library'][] = $library_name; + } + if ($variables['show_icons'] === 1) { + $variables['#attached']['library'][] = $library_name; + } + } + } + } + + // Attach drupalSettings. + $drupalSettings = [ + 'icons' => $variables['show_icons'], + 'tabs' => $variables['show_tabs'], + 'path' => $path, + ]; + $variables['#attached']['drupalSettings']['toolbar'] = $drupalSettings; + + // The module base library. + $variables['#attached']['library'][] = 'toolbar_themes/base'; + + // Inject theme definitions. + $variables['base_theme'] = []; + $variables['default_theme'] = toolbar_themes_get_theme_definition($default_theme); + if (isset($variables['default_theme']['base_theme'])) { + $variables['base_theme'] = toolbar_themes_get_theme_definition($variables['default_theme']['base_theme']); + } +} + +/** + * Implements hook_preprocess_HOOK(). + * Preprocess variables for the base theme. + * @param $variables + */ +function toolbar_themes_preprocess_toolbar_themes__base_toolbar(&$variables) { + $config = \Drupal::config('toolbar_themes.settings'); + $path = base_path() . drupal_get_path('module', 'toolbar_themes'); + + // Icons. + $variables['show_icons'] = $config->get('icons'); + if ($variables['show_icons'] === 1) { + $icons_path = $variables['base_theme']['path'] . '/' . $variables['base_theme']['icons']; + if (!empty($icons_path)) { + $grunticon_loader = [ + '#type' => 'html_tag', + '#tag' => 'script', + '#attributes' => [ + 'src' => $path . '/' . $icons_path . '/grunticon.loader.js', + ], + ]; + $variables['#attached']['html_head'][] = [$grunticon_loader, 'grunticon_loader']; + + $grunticon_fallback = [ + '#type' => 'html_tag', + '#tag' => 'link', + '#noscript' => TRUE, + '#attributes' => [ + 'href' => $path . '/' . $icons_path . '/icons.fallback.css', + 'rel' => 'stylesheet', + ], + ]; + $variables['#attached']['html_head'][] = [$grunticon_fallback, 'grunticon_fallback']; + + // Icon load is a library, we use drupalSettings so it must load after. + $variables['#attached']['library'][] = 'toolbar_themes/grunticon_load'; + } + } + + // Tab icons. + $variables['show_tabs'] = $config->get('tabs'); + if ($variables['show_tabs'] === 1) { + if (isset($variables['tabs'])) { + foreach ($variables['tabs'] as $item_key => $item_values) { + // Icons. + if ($variables['show_icons'] === 1) { + $variables['tabs'][$item_key]['icon_attributes'] = new Attribute(); + $item_classes = $item_values['link']['#attributes']['class']; + $variables['tabs'][$item_key]['icon_attributes']->addClass($item_classes)->removeClass('toolbar-item', 'trigger'); + } + } + } + } +} + +/** + * Preprocess variables for menu templates. + * @param $variables + */ +function toolbar_themes_preprocess_toolbar_themes__menu(&$variables) { + $show_icons = \Drupal::config('toolbar_themes.settings')->get('icons'); + foreach ($variables['items'] as $item_key => $item_values) { + $variables['items'][$item_key]['show_icon'] = 0; + $attr = $item_values['url']->getOption('attributes') ?: []; + $item_classes = isset($attr['class']) ? $attr['class'] : ''; + $item_values['url']->setOption('attributes', ['class' => ['toolbar-menu__link']]); + if ($show_icons === 1) { + $variables['items'][$item_key]['icon_attributes'] = new Attribute(); + $variables['items'][$item_key]['icon_attributes']->addClass($item_classes); + $variables['items'][$item_key]['show_icon'] = 1; + } + } +} diff --git a/sites/all/modules/contrib/admin/toolbar_themes/toolbar_themes.permissions.yml b/sites/all/modules/contrib/admin/toolbar_themes/toolbar_themes.permissions.yml new file mode 100644 index 000000000..c770a0125 --- /dev/null +++ b/sites/all/modules/contrib/admin/toolbar_themes/toolbar_themes.permissions.yml @@ -0,0 +1,2 @@ +configure toolbar_themes: + title: 'Configure toolbar themes' diff --git a/sites/all/modules/contrib/admin/toolbar_themes/toolbar_themes.routing.yml b/sites/all/modules/contrib/admin/toolbar_themes/toolbar_themes.routing.yml new file mode 100644 index 000000000..2b836a086 --- /dev/null +++ b/sites/all/modules/contrib/admin/toolbar_themes/toolbar_themes.routing.yml @@ -0,0 +1,7 @@ +toolbar_themes.settings: + path: '/admin/config/toolbar-themes/settings' + defaults: + _form: '\Drupal\toolbar_themes\Form\ToolbarThemesSettingsForm' + _title: 'Toolbar Themes' + requirements: + _permission: 'configure toolbar_themes' diff --git a/sites/all/modules/contrib/admin/toolbar_themes/toolbar_themes.toolbar_themes.yml b/sites/all/modules/contrib/admin/toolbar_themes/toolbar_themes.toolbar_themes.yml new file mode 100644 index 000000000..93df8cb83 --- /dev/null +++ b/sites/all/modules/contrib/admin/toolbar_themes/toolbar_themes.toolbar_themes.yml @@ -0,0 +1,47 @@ +# Theme definitions for Toolbar themes. + +toolbar_themes_base: + label: "Toolbar Themes Base" + hidden: true + version: 8.0-1.x + description: "A minimal base theme for Toolbar" + path: themes/base + template_toolbar: templates/toolbar-themes--base-toolbar + template_toolbar_menu: templates/toolbar-themes--base-menu + icons: grunticons/processed + libraries: + base: toolbar_themes/toolbar_themes_base.base + icons: toolbar_themes/toolbar_themes_base.icons + +toolbar_admin_menu: + label: "Admin Menu" + version: 8.0-1.x + description: "Drupal 7 Admin Menu module style." + path: themes/admin_menu + screen_shot: screenshot.png + base_theme: toolbar_themes_base + libraries: + base: toolbar_themes/toolbar_admin_menu.base + icons: toolbar_themes/toolbar_admin_menu.icons + +toolbar_mini: + label: "Toolbar Mini" + version: 8.0-1.x + description: "A minified version of the standard toolbar." + path: themes/mini + screen_shot: screenshot.png + base_theme: toolbar_themes_base + libraries: + base: toolbar_themes/toolbar_mini.base + icons: toolbar_themes/toolbar_mini.icons + +toolbar_seven: + label: "Seven" + version: 8.0-1.x + description: "Toolbar styled to compliment the Seven admin themes color scheme." + path: themes/seven + screen_shot: screenshot.png + base_theme: toolbar_themes_base + libraries: + base: toolbar_themes/toolbar_seven.base + icons: toolbar_themes/toolbar_seven.icons diff --git a/sites/default/config/sync/core.extension.yml b/sites/default/config/sync/core.extension.yml index bd1ff4379..f509d764d 100644 --- a/sites/default/config/sync/core.extension.yml +++ b/sites/default/config/sync/core.extension.yml @@ -4,7 +4,6 @@ module: admin_toolbar: 0 admin_toolbar_links_access_filter: 0 admin_toolbar_tools: 0 - adminimal_admin_toolbar: 0 audiofield: 0 ban: 0 block: 0 @@ -74,6 +73,7 @@ module: taxonomy: 0 text: 0 toolbar: 0 + toolbar_themes: 0 update: 0 url_to_video_filter: 0 user: 0 diff --git a/sites/default/config/sync/toolbar_themes.settings.yml b/sites/default/config/sync/toolbar_themes.settings.yml new file mode 100644 index 000000000..74e899470 --- /dev/null +++ b/sites/default/config/sync/toolbar_themes.settings.yml @@ -0,0 +1,8 @@ +default_theme: toolbar_admin_menu +icons: 1 +tabs: 0 +_core: + default_config_hash: eKP5bVQyeFsyXTbwom9VK18EVYllpNq6xQPAx1QwXoA +langcode: fr +actions: + submit: Soumettre diff --git a/sites/default/config/sync/user.role.root.yml b/sites/default/config/sync/user.role.root.yml index 5718e2b04..6e1df5f91 100644 --- a/sites/default/config/sync/user.role.root.yml +++ b/sites/default/config/sync/user.role.root.yml @@ -99,6 +99,7 @@ permissions: - 'bypass node access' - 'cancel account' - 'change own username' + - 'configure toolbar_themes' - 'create autre_son content' - 'create content translations' - 'create corpus_documents workflow_transition'