elementspath.css 1.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. /*
  2. Copyright (c) 2003-2015, 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. {
  20. float: left;
  21. margin: -2px 0 2px;
  22. }
  23. /* Each item of the elements path. */
  24. a.cke_path_item,
  25. /* Empty element available at the end of the elements path, to help us keeping
  26. the proper box size when the elements path is empty. */
  27. span.cke_path_empty
  28. {
  29. display: inline-block;
  30. float: left;
  31. padding: 3px 4px;
  32. margin-right: 2px;
  33. cursor: default;
  34. text-decoration: none;
  35. outline: 0;
  36. border: 0;
  37. color: #4c4c4c;
  38. text-shadow: 0 1px 0 #fff;
  39. font-weight: bold;
  40. font-size: 11px;
  41. }
  42. .cke_rtl .cke_path,
  43. .cke_rtl .cke_path_item,
  44. .cke_rtl .cke_path_empty
  45. {
  46. float: right;
  47. }
  48. /* The items are <a> elements, so we define its hover states here. */
  49. a.cke_path_item:hover,
  50. a.cke_path_item:focus,
  51. a.cke_path_item:active
  52. {
  53. background-color: #bfbfbf;
  54. color: #333;
  55. text-shadow: 0 1px 0 rgba(255,255,255,.5);
  56. border-radius: 2px;
  57. box-shadow: 0 0 4px rgba(0,0,0,.5) inset, 0 1px 0 rgba(255,255,255,.5);
  58. }
  59. .cke_hc a.cke_path_item:hover,
  60. .cke_hc a.cke_path_item:focus,
  61. .cke_hc a.cke_path_item:active
  62. {
  63. border: 2px solid;
  64. padding: 1px 2px;
  65. }