]> git.immae.eu Git - perso/Immae/Projets/packagist/ludivine-ckeditor-component.git/blobdiff - sources/skins/moono/toolbar.css
Change skin and add video button
[perso/Immae/Projets/packagist/ludivine-ckeditor-component.git] / sources / skins / moono / toolbar.css
diff --git a/sources/skins/moono/toolbar.css b/sources/skins/moono/toolbar.css
deleted file mode 100644 (file)
index a5d32d4..0000000
+++ /dev/null
@@ -1,387 +0,0 @@
-/*\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