--- /dev/null
+/*\r
+Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved.\r
+For licensing, see LICENSE.md or http://ckeditor.com/license\r
+*/\r
+\r
+/*\r
+menu.css (part of editor.css)\r
+===============================\r
+\r
+This file styles menus used in the editor UI. These menus are the list of\r
+options available inside some "floating panels", like menu buttons of the\r
+toolbar or the context menu.\r
+\r
+Note that the menu itself doesn't include the floating element that holds it.\r
+That element is styles in the panel.css file.\r
+\r
+The following is a visual representation of the main elements of a menu:\r
+\r
++-- .cke_menu -----------------+\r
+| +-- .cke_menuitem --------+ |\r
+| | +-- .cke_menubutton ---+ | |\r
+| | | | | |\r
+| | +----------------------+ | |\r
+| +--------------------------+ |\r
+| +-- .cke_menuseparator ----+ |\r
+| ... |\r
++------------------------------+\r
+\r
+This is the .cke_menubutton structure:\r
+(Note that the menu button icon shares with toolbar button the common class .cke_button_icon to achieve the same outlook.)\r
+\r
++-- .cke_menubutton -------------------------------------------------------------------------+\r
+| +-- .cke_menubutton_inner ---------------------------------------------------------------+ |\r
+| | +-- .cke_menubutton_icon ---+ +-- .cke_menubutton_label --+ +-- .cke_cke_menuarrow --+ | |\r
+| | | +-- .cke_button_icon ---+ | | | | | | |\r
+| | | | | | | | | | | |\r
+| | | +-----------------------+ | | | | | | |\r
+| | +---------------------------+ +---------------------------+ +------------------------+ | |\r
+| +----------------------------------------------------------------------------------------+ |\r
++--------------------------------------------------------------------------------------------+\r
+\r
+Special outer level classes used in this file:\r
+\r
+ .cke_hc: Available when the editor is rendered on "High Contrast".\r
+ .cke_rtl: Available when the editor UI is on RTL.\r
+*/\r
+\r
+/* .cke_menuitem is the element that holds the entire structure of each of the\r
+ menu items. */\r
+\r
+.cke_menubutton\r
+{\r
+ /* The "button" inside a menu item is a <a> element.\r
+ Transforms it into a block. */\r
+ display: block;\r
+}\r
+\r
+.cke_menuitem span\r
+{\r
+ /* Avoid the text selection cursor inside menu items. */\r
+ cursor: default;\r
+}\r
+\r
+.cke_menubutton:hover,\r
+.cke_menubutton:focus,\r
+.cke_menubutton:active\r
+{\r
+ background-color: #D3D3D3;\r
+ display: block;\r
+}\r
+\r
+.cke_hc .cke_menubutton\r
+{\r
+ padding: 2px;\r
+}\r
+\r
+.cke_hc .cke_menubutton:hover,\r
+.cke_hc .cke_menubutton:focus,\r
+.cke_hc .cke_menubutton:active\r
+{\r
+ border: 2px solid;\r
+ padding: 0;\r
+}\r
+\r
+.cke_menubutton_inner {\r
+ display: table-row;\r
+}\r
+\r
+.cke_menubutton_icon,\r
+.cke_menubutton_label,\r
+.cke_menuarrow {\r
+ display: table-cell;\r
+}\r
+\r
+/* The menu item icon. */\r
+.cke_menubutton_icon\r
+{\r
+ background-color: #D7D8D7;\r
+ opacity: 0.70; /* Safari, Opera and Mozilla */\r
+ filter: alpha(opacity=70); /* IE */\r
+ padding: 4px;\r
+}\r
+\r
+.cke_hc .cke_menubutton_icon\r
+{\r
+ height: 16px;\r
+ width: 0;\r
+ padding: 4px 0;\r
+}\r
+\r
+.cke_menubutton:hover .cke_menubutton_icon,\r
+.cke_menubutton:focus .cke_menubutton_icon,\r
+.cke_menubutton:active .cke_menubutton_icon\r
+{\r
+ background-color: #D0D2D0;\r
+}\r
+\r
+.cke_menubutton_disabled:hover .cke_menubutton_icon,\r
+.cke_menubutton_disabled:focus .cke_menubutton_icon,\r
+.cke_menubutton_disabled:active .cke_menubutton_icon\r
+{\r
+ /* The icon will get opacity as well when hovered. */\r
+ opacity: 0.3;\r
+ filter: alpha(opacity=30);\r
+}\r
+\r
+/* The textual part of each menu item. */\r
+.cke_menubutton_label\r
+{\r
+ padding: 0 5px;\r
+ background-color: transparent;\r
+ width: 100%;\r
+ vertical-align: middle;\r
+}\r
+\r
+.cke_menubutton_disabled .cke_menubutton_label\r
+{\r
+ /* Greyed label text indicates a disabled menu item. */\r
+ opacity: 0.3;\r
+ filter: alpha(opacity=30);\r
+}\r
+\r
+.cke_menubutton_on\r
+{\r
+ border: 1px solid #dedede;\r
+ background-color: #f2f2f2;\r
+\r
+ box-shadow: 0 0 2px rgba(0,0,0,.1) inset;\r
+}\r
+\r
+.cke_menubutton_on .cke_menubutton_icon\r
+{\r
+ padding-right: 3px;\r
+}\r
+\r
+.cke_menubutton:hover,\r
+.cke_menubutton:focus,\r
+.cke_menubutton:active\r
+{\r
+ background-color: #EFF0EF;\r
+}\r
+\r
+.cke_panel_frame .cke_menubutton_label\r
+{\r
+ display: none;\r
+}\r
+\r
+/* The separator used to separate menu item groups. */\r
+.cke_menuseparator\r
+{\r
+ background-color: #D3D3D3;\r
+ height: 1px;\r
+ filter: alpha(opacity=70); /* IE */\r
+ opacity: 0.70; /* Safari, Opera and Mozilla */\r
+}\r
+\r
+/* The small arrow shown for item with sub-menus. */\r
+.cke_menuarrow\r
+{\r
+ background-image: url(images/arrow.png);\r
+ background-position: 0 10px;\r
+ background-repeat: no-repeat;\r
+ padding: 0 5px;\r
+}\r
+\r
+.cke_rtl .cke_menuarrow\r
+{\r
+ background-position: 5px -13px;\r
+ background-repeat: no-repeat;\r
+}\r
+\r
+.cke_menuarrow span\r
+{\r
+ display: none;\r
+}\r
+\r
+.cke_hc .cke_menuarrow span\r
+{\r
+ vertical-align: middle;\r
+ display: inline;\r
+}\r