+++ /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
-toolbar.css (part of editor.css)\r
-==================================\r
-\r
-This files styles the CKEditor toolbar and its buttons. For toolbar combo\r
-styles, check richcombo.css.\r
-\r
-The toolbar is rendered as a big container (called toolbox), which contains\r
-smaller "toolbars". Each toolbar represents a group of items that cannot be\r
-separated. The following is the visual representation of the toolbox.\r
-\r
-+-- .cke_toolbox ----------------------------------------------------------+\r
-| +-- .cke_toolbar --+ +-- .cke_toolbar --+ ... +-- .cke_toolbar_break --+ |\r
-| | | | | | | |\r
-| +------------------+ +------------------+ +------------------------+ |\r
-| +-- .cke_toolbar --+ +-- .cke_toolbar --+ ... |\r
-| | | | | |\r
-| +------------------+ +------------------+ |\r
-+--------------------------------------------------------------------------+\r
-\r
-The following instead is the visual representation of a single toolbar:\r
-\r
-+-- .cke_toolbar ----------------------------------------------------------------+\r
-| +-- .cke_toolbar_start --+ +-- .cke_toolgroup (*) --+ +-- .cke_toolbar_end --+ |\r
-| | | | | | | |\r
-| +------------------------+ +------------------------+ +----------------------+ |\r
-+--------------------------------------------------------------------------------+\r
-(*) .cke_toolgroup is available only when the toolbar items can be grouped\r
- (buttons). If the items can't be group (combos), this box is not available\r
- and the items are rendered straight in that place.\r
-\r
-This file also styles toolbar buttons, which are rendered inside the above\r
-.cke_toolgroup containers. This is the visual representation of a button:\r
-\r
-+-- .cke_button -------------------------------------+\r
-| +-- .cke_button_icon --+ +-- .cke_button_label --+ |\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
-/* The box that holds each toolbar. */\r
-.cke_toolbar\r
-{\r
- float: left;\r
-}\r
-\r
-.cke_rtl .cke_toolbar\r
-{\r
- float: right;\r
-}\r
-\r
-/* The box that holds buttons. */\r
-.cke_toolgroup\r
-{\r
- float: left;\r
- margin: 0 6px 5px 0;\r
- border: 1px solid #a6a6a6;\r
- border-bottom-color: #979797;\r
-\r
- border-radius: 3px;\r
-\r
- box-shadow: 0 1px 0 rgba(255,255,255,.5), 0 0 2px rgba(255,255,255,.15) inset, 0 1px 0 rgba(255,255,255,.15) inset;\r
-\r
- background: #e4e4e4;\r
- background-image: linear-gradient(to bottom, #ffffff, #e4e4e4);\r
- filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#ffffff', endColorstr='#e4e4e4');\r
-}\r
-\r
-.cke_hc .cke_toolgroup\r
-{\r
- border: 0;\r
- margin-right: 10px;\r
- margin-bottom: 10px;\r
-}\r
-\r
-.cke_rtl .cke_toolgroup\r
-{\r
- float: right;\r
- margin-left: 6px;\r
- margin-right: 0;\r
-}\r
-\r
-/* A toolbar button . */\r
-a.cke_button\r
-{\r
- display: inline-block;\r
- height: 18px;\r
- padding: 4px 6px;\r
- outline: none;\r
- cursor: default;\r
- float: left;\r
- border: 0;\r
-}\r
-\r
-.cke_ltr .cke_button:last-child,\r
-.cke_rtl .cke_button:first-child\r
-{\r
- /* Don't distort parent's rounded border. */\r
- border-radius: 0 2px 2px 0;\r
-}\r
-\r
-.cke_ltr .cke_button:first-child,\r
-.cke_rtl .cke_button:last-child\r
-{\r
- /* Don't distort parent's rounded border. */\r
- border-radius: 2px 0 0 2px;\r
-}\r
-\r
-.cke_rtl .cke_button\r
-{\r
- float: right;\r
-}\r
-\r
-.cke_hc .cke_button\r
-{\r
- border: 1px solid black;\r
-\r
- /* Compensate the added border */\r
- padding: 3px 5px;\r
- margin: -2px 4px 0 -2px;\r
-}\r
-\r
-/* This class is applied to the button when it is "active" (pushed).\r
- This style indicates that the feature associated with the button is active\r
- i.e. currently writing in bold or when spell checking is enabled. */\r
-a.cke_button_on\r
-{\r
- box-shadow: 0 1px 5px rgba(0,0,0,.6) inset, 0 1px 0 rgba(0,0,0,.2);\r
-\r
- background: #b5b5b5;\r
- background-image: linear-gradient(to bottom, #aaa, #cacaca);\r
- filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#aaaaaa', endColorstr='#cacaca');\r
-}\r
-\r
-.cke_hc .cke_button_on,\r
-.cke_hc a.cke_button_off:hover,\r
-.cke_hc a.cke_button_off:focus,\r
-.cke_hc a.cke_button_off:active,\r
-.cke_hc a.cke_button_disabled:hover,\r
-.cke_hc a.cke_button_disabled:focus,\r
-.cke_hc a.cke_button_disabled:active\r
-{\r
- border-width: 3px;\r
-\r
- /* Compensate the border change */\r
- padding: 1px 3px;\r
-}\r
-\r
-/* This class is applied to the button when the feature associated with the\r
- button cannot be used (grayed-out).\r
- i.e. paste button remains disabled when there is nothing in the clipboard to\r
- be pasted. */\r
-.cke_button_disabled .cke_button_icon\r
-{\r
- opacity: 0.3;\r
-}\r
-\r
-.cke_hc .cke_button_disabled\r
-{\r
- opacity: 0.5;\r
-}\r
-\r
-a.cke_button_on:hover,\r
-a.cke_button_on:focus,\r
-a.cke_button_on:active\r
-{\r
- box-shadow: 0 1px 6px rgba(0,0,0,.7) inset, 0 1px 0 rgba(0,0,0,.2);\r
-}\r
-\r
-a.cke_button_off:hover,\r
-a.cke_button_off:focus,\r
-a.cke_button_off:active,\r
-a.cke_button_disabled:hover,\r
-a.cke_button_disabled:focus,\r
-a.cke_button_disabled:active\r
-{\r
- box-shadow: 0 0 1px rgba(0,0,0,.3) inset;\r
-\r
- background: #ccc;\r
- background-image: linear-gradient(to bottom, #f2f2f2, #ccc);\r
- filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#f2f2f2', endColorstr='#cccccc');\r
-}\r
-\r
-/* The icon which is a visual representation of the button. */\r
-.cke_button_icon\r
-{\r
- cursor: inherit;\r
- background-repeat: no-repeat;\r
- margin-top: 1px;\r
- width: 16px;\r
- height: 16px;\r
- float: left;\r
- display: inline-block;\r
-}\r
-\r
-.cke_rtl .cke_button_icon\r
-{\r
- float: right;\r
-}\r
-\r
-.cke_hc .cke_button_icon\r
-{\r
- display: none;\r
-}\r
-\r
-/* The label of the button that stores the name of the feature. By default,\r
- labels are invisible. They can be revealed on demand though. */\r
-.cke_button_label\r
-{\r
- display: none;\r
- padding-left: 3px;\r
- margin-top: 1px;\r
- line-height: 17px;\r
- vertical-align: middle;\r
- float: left;\r
- cursor: default;\r
- color: #474747;\r
- text-shadow: 0 1px 0 rgba(255,255,255,.5);\r
-}\r
-\r
-.cke_rtl .cke_button_label\r
-{\r
- padding-right: 3px;\r
- padding-left: 0;\r
- float: right;\r
-}\r
-\r
-.cke_hc .cke_button_label\r
-{\r
- padding: 0;\r
- display: inline-block;\r
- font-size: 12px;\r
-}\r
-\r
-/* The small arrow available on buttons that can be expanded\r
- (e.g. the color buttons). */\r
-.cke_button_arrow\r
-{\r
- /* Arrow in CSS */\r
- display: inline-block;\r
- margin: 8px 0 0 1px;\r
- width: 0;\r
- height: 0;\r
- cursor: default;\r
- vertical-align: top;\r
- border-left: 3px solid transparent;\r
- border-right: 3px solid transparent;\r
- border-top: 3px solid #474747;\r
-}\r
-\r
-.cke_rtl .cke_button_arrow\r
-{\r
- margin-right: 5px;\r
- margin-left: 0;\r
-}\r
-\r
-.cke_hc .cke_button_arrow\r
-{\r
- font-size: 10px;\r
- margin: 3px -2px 0 3px;\r
- width: auto;\r
- border: 0;\r
-}\r
-\r
-/* The vertical separator which is used within a single toolbar to split\r
- buttons into sub-groups. */\r
-.cke_toolbar_separator\r
-{\r
- float: left;\r
- background-color: #c0c0c0;\r
- background-color: rgba(0,0,0,.2);\r
- margin: 5px 2px 0;\r
- height: 18px;\r
- width: 1px;\r
-\r
- box-shadow: 1px 0 1px rgba(255,255,255,.5);\r
-}\r
-\r
-.cke_rtl .cke_toolbar_separator\r
-{\r
- float: right;\r
-\r
- box-shadow: -1px 0 1px rgba(255,255,255,.1);\r
-}\r
-\r
-.cke_hc .cke_toolbar_separator\r
-{\r
- width: 0;\r
- border-left: 1px solid;\r
- margin: 1px 5px 0 0px;\r
-}\r
-\r
-/* The dummy element that breaks toolbars.\r
- Once it is placed, the very next toolbar is moved to the new row. */\r
-.cke_toolbar_break\r
-{\r
- display: block;\r
- clear: left;\r
-}\r
-\r
-.cke_rtl .cke_toolbar_break\r
-{\r
- clear: right;\r
-}\r
-\r
-/* The button, which when clicked hides (collapses) all the toolbars. */\r
-a.cke_toolbox_collapser\r
-{\r
- width: 12px;\r
- height: 11px;\r
- float: right;\r
- margin: 11px 0 0;\r
- font-size: 0;\r
- cursor: default;\r
- text-align: center;\r
-\r
- border: 1px solid #a6a6a6;\r
- border-bottom-color: #979797;\r
-\r
- border-radius: 3px;\r
-\r
- box-shadow: 0 1px 0 rgba(255,255,255,.5), 0 0 2px rgba(255,255,255,.15) inset, 0 1px 0 rgba(255,255,255,.15) inset;\r
-\r
- background: #e4e4e4;\r
- background-image: linear-gradient(to bottom, #ffffff, #e4e4e4);\r
- filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#ffffff', endColorstr='#e4e4e4');\r
-}\r
-\r
-.cke_toolbox_collapser:hover\r
-{\r
- background: #ccc;\r
- background-image: linear-gradient(to bottom, #f2f2f2, #ccc);\r
- filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#f2f2f2', endColorstr='#cccccc');\r
-}\r
-\r
-.cke_toolbox_collapser.cke_toolbox_collapser_min\r
-{\r
- margin: 0 2px 4px;\r
-}\r
-\r
-.cke_rtl .cke_toolbox_collapser\r
-{\r
- float: left;\r
-}\r
-\r
-/* The CSS arrow, which belongs to the toolbar collapser. */\r
-.cke_toolbox_collapser .cke_arrow\r
-{\r
- display: inline-block;\r
-\r
- /* Pure CSS Arrow */\r
- height: 0;\r
- width: 0;\r
- font-size: 0;\r
- margin-top: 1px;\r
- border-left: 3px solid transparent;\r
- border-right: 3px solid transparent;\r
- border-bottom: 3px solid #474747;\r
- border-top: 3px solid transparent;\r
-}\r
-\r
-.cke_toolbox_collapser.cke_toolbox_collapser_min .cke_arrow\r
-{\r
- margin-top: 4px;\r
- border-bottom-color: transparent;\r
- border-top-color: #474747;\r
-}\r
-\r
-.cke_hc .cke_toolbox_collapser .cke_arrow\r
-{\r
- font-size: 8px;\r
- width: auto;\r
- border: 0;\r
- margin-top: 0;\r
- margin-right: 2px;\r
-}\r