Home Explore Help
Sign In
bachir
/
edlp_d8
1
0
Fork 0
Files Issues 8 Pull Requests 0 Wiki
Tree: 29ddd92935
Branches Tags
edlp_d8
/
core
/
themes
/
stable
/
css
/
settings_tray
/
settings_tray.toolbar.css

settings_tray.toolbar.css 2.2 KB
History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566 
  1. /**
    2. 

  2.  * @file
    3. 

  3.  * Visual styling for the toolbar when Settings Tray module is enabled.
    4. 

  4.  */
    5. 

  5. 

  6. /* @todo Move this into toolbar when module is not experimental:
    7. 

  7.  *   https://www.drupal.org/node/2784593.
    8. 

  8.  */
    9. 

  9. 

  10. /* Style the edit mode toolbar and tabs. */
    11. 

  11. #toolbar-bar.js-settings-tray-edit-mode {
    12. 

  12.   background-color: #fff;
    13. 

  13. }
    14. 

  14. #toolbar-bar.js-settings-tray-edit-mode .toolbar-item {
    15. 

  15.   color: #999;
    16. 

  16. }
    17. 

  17. #toolbar-bar.js-settings-tray-edit-mode .toolbar-item .is-active {
    18. 

  18.   color: #333;
    19. 

  19. }
    20. 

  20. 

  21. /* Style both the edit and editing states of the contextual links toggle tab. */
    22. 

  22. .toolbar-icon-edit.toolbar-item {
    23. 

  23.   background-color: #0066a1;
    24. 

  24.   background-image: linear-gradient(to bottom, #0066a1, #005b98);
    25. 

  25.   color: #eee;
    26. 

  26.   text-shadow: 0 1px hsla(0, 0%, 0%, 0.5);
    27. 

  27.   font-weight: 700;
    28. 

  28.   -webkit-font-smoothing: antialiased;
    29. 

  29. }
    30. 

  30. .toolbar-icon-edit.toolbar-item.is-active {
    31. 

  31.   background-color: #0a7bc1;
    32. 

  32.   background-image: linear-gradient(to bottom, #0a7bc1, #0a6eb4);
    33. 

  33.   color: #fff;
    34. 

  34.   text-shadow: 0 1px hsla(0, 0%, 0%, 0.5);
    35. 

  35.   font-weight: 700;
    36. 

  36.   -webkit-font-smoothing: antialiased;
    37. 

  37. }
    38. 

  38. .toolbar-tab:hover > .toolbar-icon-edit,
    39. 

  39. .toolbar-icon-edit:focus .toolbar-item {
    40. 

  40.   background-color: #0a7bc1;
    41. 

  41.   background-image: linear-gradient(to bottom, #0a7bc1, #0a6eb4);
    42. 

  42.   border-color: #1e5c90;
    43. 

  43.   color: #fff;
    44. 

  44.   outline: none;
    45. 

  45. }
    46. 

  46. .toolbar-icon.toolbar-icon-edit.toolbar-item:before,
    47. 

  47. button.toolbar-icon.toolbar-icon-edit.toolbar-item:before {
    48. 

  48.   background-image: url(../../../../misc/icons/bebebe/pencil.svg);
    49. 

  49. }
    50. 

  50. .toolbar-icon.toolbar-icon-edit.toolbar-item:before:hover,
    51. 

  51. button.toolbar-icon.toolbar-icon-edit.toolbar-item:before:focus {
    52. 

  52.   background-image: url(../../../../misc/icons/ffffff/pencil.svg);
    53. 

  53. }
    54. 

  54. .toolbar-icon.toolbar-icon-edit.toolbar-item:hover > .toolbar-icon-edit:before {
    55. 

  55.   background-image: url(../../../../misc/icons/ffffff/pencil.svg);
    56. 

  56. }
    57. 

  57. #toolbar-bar.button.toolbar-icon.toolbar-icon.toolbar-icon-edit:before {
    58. 

  58.   background-image: url(../../../../misc/icons/ffffff/pencil.svg);
    59. 

  59. }
    60. 

  60. 

  61. #toolbar-bar.js-settings-tray-edit-mode button.toolbar-icon.toolbar-icon-edit.toolbar-item.is-active {
    62. 

  62.   color: #fff;
    63. 

  63. }
    64. 

  64. #toolbar-bar.js-settings-tray-edit-mode button.toolbar-icon.toolbar-icon-edit.toolbar-item.is-active:hover {
    65. 

  65.   background-image: linear-gradient(to bottom, #0a6fb4, #0a65aa);
    66. 

  66. }
    67.