123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566 |
- /*
- Copyright (c) 2003-2014, CKSource - Frederico Knabben. All rights reserved.
- For licensing, see LICENSE.md or http://ckeditor.com/license
- */
- /*
- elementspath.css (part of editor.css)
- =======================================
- This file styles the "Elements Path", whith is the list of element names
- present at the the bottom bar of the CKEditor interface.
- The following is a visual representation of its main elements:
- +-- .cke_path ---------------------------------------------------------------+
- | +-- .cke_path_item ----+ +-- .cke_path_item ----+ +-- .cke_path_empty ---+ |
- | | | | | | | |
- | +----------------------+ +----------------------+ +----------------------+ |
- +----------------------------------------------------------------------------+
- */
- /* The box that holds the entire elements path. */
- .cke_path {
- float: left;
- margin: -2px 0 2px;
- }
- /* Each item of the elements path. */
- .cke_path_item,
- /* Empty element available at the end of the elements path, to help us keeping
- the proper box size when the elements path is empty. */
- .cke_path_empty {
- display: inline-block;
- float: left;
- padding: 3px 4px;
- margin-right: 2px;
- cursor: default;
- text-decoration: none;
- outline: 0;
- border: 0;
- color: #4c4c4c;
- font-weight: bold;
- font-size: 11px;
- }
- .cke_rtl {
- .cke_path, .cke_path_item, .cke_path_empty {
- float: right;
- }
- }
- /* The items are <a> elements, so we define its hover states here. */
- a.cke_path_item {
- &:hover, &:focus, &:active {
- background-color: #bfbfbf;
- color: #333;
- border-radius: 2px;
- }
- }
- .cke_hc a.cke_path_item {
- &:hover, &:focus, &:active {
- border: 2px solid;
- padding: 1px 2px;
- }
- }
|