--- /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
+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
projects / perso / Immae / Projets / packagist / ludivine-ckeditor-component.git / blobdiff