_elementspath.scss 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. /*
  2. Copyright (c) 2003-2014, CKSource - Frederico Knabben. All rights reserved.
  3. For licensing, see LICENSE.md or http://ckeditor.com/license
  4. */
  5. /*
  6. elementspath.css (part of editor.css)
  7. =======================================
  8. This file styles the "Elements Path", whith is the list of element names
  9. present at the the bottom bar of the CKEditor interface.
  10. The following is a visual representation of its main elements:
  11. +-- .cke_path ---------------------------------------------------------------+
  12. | +-- .cke_path_item ----+ +-- .cke_path_item ----+ +-- .cke_path_empty ---+ |
  13. | | | | | | | |
  14. | +----------------------+ +----------------------+ +----------------------+ |
  15. +----------------------------------------------------------------------------+
  16. */
  17. /* The box that holds the entire elements path. */
  18. .cke_path {
  19. float: left;
  20. margin: -2px 0 2px;
  21. }
  22. /* Each item of the elements path. */
  23. .cke_path_item,
  24. /* Empty element available at the end of the elements path, to help us keeping
  25. the proper box size when the elements path is empty. */
  26. .cke_path_empty {
  27. display: inline-block;
  28. float: left;
  29. padding: 3px 4px;
  30. margin-right: 2px;
  31. cursor: default;
  32. text-decoration: none;
  33. outline: 0;
  34. border: 0;
  35. color: #4c4c4c;
  36. font-weight: bold;
  37. font-size: 11px;
  38. }
  39. .cke_rtl {
  40. .cke_path, .cke_path_item, .cke_path_empty {
  41. float: right;
  42. }
  43. }
  44. /* The items are <a> elements, so we define its hover states here. */
  45. a.cke_path_item {
  46. &:hover, &:focus, &:active {
  47. background-color: #bfbfbf;
  48. color: #333;
  49. border-radius: 2px;
  50. }
  51. }
  52. .cke_hc a.cke_path_item {
  53. &:hover, &:focus, &:active {
  54. border: 2px solid;
  55. padding: 1px 2px;
  56. }
  57. }