+++ /dev/null
-/*\r
-Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.\r
-For licensing, see LICENSE.md or http://ckeditor.com/license\r
-*/\r
-\r
-/*\r
-panel.css (part of editor.css)\r
-================================\r
-\r
-Panels are floating elements that can hold different types of contents.\r
-The following are common uses of it:\r
-\r
- - The element that toolbar combos display when opening them.\r
- - The context menu.\r
- - The list of items displayed by "menu buttons" (e.g. scayt).\r
- - The panel shown when opening "panel buttons" (e.g. color buttons).\r
-\r
-Panel contents are wrapped into an iframe, so it is possible to have additional\r
-CSS loaded inside them (e.g. to have more accurate preview on the styles combo).\r
-\r
-The following is a visual representation of the outer elements of a panel:\r
-\r
-+-- .cke_panel(*) ---------------------+\r
-| +-- IFRAME.cke_panel_frame --------+ |\r
-| | +-- HTML.cke_panel_container --+ | |\r
-| | | +-- .cke_panel_block ------+ | | |\r
-| | | | | | | |\r
-| | | | (contents here) | | | |\r
-| | | | | | | |\r
-| | | +--------------------------+ | | |\r
-| | +------------------------------+ | |\r
-| +----------------------------------+ |\r
-+--------------------------------------+\r
-\r
-(*) All kinds of panel share the above structure. Menu panels adds the\r
- .cke_menu_panel class to the outer element, while toolbar combos add the\r
- .cke_combopanel class.\r
-\r
-This file also defines styles for panel lists (used by combos). For menu-like\r
-panel contents and color panels check menu.css and colorpanel.css.\r
-*/\r
-\r
-/* The box that holds an IFRAME. It's inserted into a host document and positioned\r
- absolutely by the application. It floats above the host document/editor. */\r
-.cke_panel\r
-{\r
- /* Restore the loading hide */\r
- visibility: visible;\r
- width: 120px;\r
- height: 100px;\r
- overflow: hidden;\r
-\r
- background-color: #fff;\r
- border: 1px solid #b6b6b6;\r
- border-bottom-color: #999;\r
-\r
- border-radius: 3px;\r
-\r
- box-shadow: 0 0 3px rgba(0,0,0,.15);\r
-}\r
-\r
-/* This class represents panels which are used as context menus. */\r
-.cke_menu_panel\r
-{\r
- padding: 0;\r
- margin: 0;\r
-}\r
-\r
-/* This class represents panels which are used by rich combos. */\r
-.cke_combopanel\r
-{\r
- width: 150px;\r
- height: 170px;\r
-}\r
-\r
-/* The IFRAME the panel is wrapped into. */\r
-.cke_panel_frame\r
-{\r
- width: 100%;\r
- height: 100%;\r
- font-size: 12px;\r
-\r
- overflow: auto;\r
- overflow-x: hidden;\r
-}\r
-\r
-/* The HTML document which is a direct descendant of the IFRAME */\r
-.cke_panel_container\r
-{\r
- overflow-y: auto;\r
- overflow-x: hidden;\r
-}\r
-\r
-/*\r
-Here we start the definition of panel lists (e.g. combo panels). The following\r
-is its visual representation:\r
-\r
-+-- .cke_panel_block -----------------+\r
-| +-- .cke_panel_grouptitle --------+ |\r
-| | | |\r
-| +---------------------------------+ |\r
-| +-- .cke_panel_list --------------+ |\r
-| | +-- .cke_panel_listItem ------+ | |\r
-| | | +-- a --------------------+ | | |\r
-| | | | +-- span -------------+ | | | |\r
-| | | | | | | | | |\r
-| | | | +---------------------+ | | | |\r
-| | | +-------------------------+ | | |\r
-| | +-----------------------------+ | |\r
-| | +-- .cke_panel_listItem ------+ | |\r
-| | | +-- a --------------------+ | | |\r
-| | | | +-- span -------------+ | | | |\r
-| | | | | | | | | |\r
-| | | | +---------------------+ | | | |\r
-| | | +-------------------------+ | | |\r
-| | +-----------------------------+ | |\r
-| | ... | |\r
-| +---------------------------------+ |\r
-+-------------------------------------+\r
-*/\r
-\r
-\r
-/* The list of panel items. */\r
-.cke_panel_list\r
-{\r
- list-style-type: none;\r
- margin: 3px;\r
- padding: 0;\r
- white-space: nowrap;\r
-}\r
-\r
-/* The item of .cke_panel_list */\r
-.cke_panel_listItem\r
-{\r
- margin: 0;\r
- padding-bottom: 1px;\r
-}\r
-\r
-/* The child of .cke_panel_listItem. These elements contain spans which are\r
- to display a real name of the property which is visible for an end-user. */\r
-.cke_panel_listItem a\r
-{\r
- padding: 3px 4px;\r
- display: block;\r
- border: 1px solid #fff;\r
- color: inherit !important;\r
- text-decoration: none;\r
- overflow: hidden;\r
- text-overflow: ellipsis;\r
-\r
- border-radius: 2px;\r
-}\r
-\r
-/* IE6 */\r
-* html .cke_panel_listItem a\r
-{\r
- width : 100%;\r
-\r
- /* IE is not able to inherit the color, so we must force it to black */\r
- color: #000;\r
-}\r
-\r
-/* IE7 */\r
-*:first-child+html .cke_panel_listItem a\r
-{\r
- /* IE is not able to inherit the color, so we must force it to black */\r
- color: #000;\r
-}\r
-\r
-.cke_panel_listItem.cke_selected a\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_panel_listItem a:hover,\r
-.cke_panel_listItem a:focus,\r
-.cke_panel_listItem a:active\r
-{\r
- border-color: #dedede;\r
- background-color: #f2f2f2;\r
-\r
- box-shadow: 0 0 2px rgba(0,0,0,.1) inset;\r
-}\r
-\r
-.cke_hc .cke_panel_listItem a\r
-{\r
- border-style: none;\r
-}\r
-\r
-.cke_hc .cke_panel_listItem a:hover,\r
-.cke_hc .cke_panel_listItem a:focus,\r
-.cke_hc .cke_panel_listItem a:active\r
-{\r
- border: 2px solid;\r
- padding: 1px 2px;\r
-}\r
-\r
-/* The title of the entire panel which is visible on top of the list. */\r
-.cke_panel_grouptitle\r
-{\r
- cursor: default;\r
- font-size: 11px;\r
- font-weight: bold;\r
- white-space: nowrap;\r
- margin: 0;\r
- padding: 4px 6px;\r
-\r
- color: #474747;\r
- text-shadow: 0 1px 0 rgba(255,255,255,.75);\r
- border-bottom: 1px solid #b6b6b6;\r
-\r
- border-radius: 2px 2px 0 0;\r
-\r
- box-shadow: 0 1px 0 #fff inset;\r
-\r
- background: #cfd1cf;\r
- background-image: linear-gradient(to bottom, #f5f5f5, #cfd1cf);\r
- filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#f5f5f5', endColorstr='#cfd1cf');\r
-}\r
-\r
-/* The following styles set defaults of the elements used by the Paragraph\r
- Format panel. */\r
-.cke_panel_listItem p,\r
-.cke_panel_listItem h1,\r
-.cke_panel_listItem h2,\r
-.cke_panel_listItem h3,\r
-.cke_panel_listItem h4,\r
-.cke_panel_listItem h5,\r
-.cke_panel_listItem h6,\r
-.cke_panel_listItem pre\r
-{\r
- margin-top: 0px;\r
- margin-bottom: 0px;\r
-}\r