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