sources/skins/moono/elementspath.css

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