Change skin and add video button

[perso/Immae/Projets/packagist/ludivine-ckeditor-component.git] / sources / skins / moonocolor / elementspath.css

diff --git a/sources/skins/moonocolor/elementspath.css b/sources/skins/moonocolor/elementspath.css
new file mode 100644 (file)
index 0000000..ccf579c
--- /dev/null
+++ b/sources/skins/moonocolor/elementspath.css
@@ -0,0 +1,76 @@
+/*\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
+elementspath.css (part of editor.css)\r
+=======================================\r
+\r
+This file styles the "Elements Path", whith is the list of element names\r
+present at the the bottom bar of the CKEditor interface.\r
+\r
+The following is a visual representation of its main elements:\r
+\r
++-- .cke_path ---------------------------------------------------------------+\r
+| +-- .cke_path_item ----+ +-- .cke_path_item ----+ +-- .cke_path_empty ---+ |\r
+| |                      | |                      | |                      | |\r
+| +----------------------+ +----------------------+ +----------------------+ |\r
++----------------------------------------------------------------------------+\r
+*/\r
+\r
+/* The box that holds the entire elements path. */\r
+.cke_path\r
+{\r
+       float: left;\r
+       margin: -2px 0 2px;\r
+}\r
+\r
+/* Each item of the elements path. */\r
+a.cke_path_item,\r
+/* Empty element available at the end of the elements path, to help us keeping\r
+   the proper box size when the elements path is empty. */\r
+span.cke_path_empty\r
+{\r
+       display: inline-block;\r
+       float: left;\r
+       padding: 3px 4px;\r
+       margin-right: 2px;\r
+       cursor: default;\r
+       text-decoration: none;\r
+       outline: 0;\r
+       border: 0;\r
+       color: #4c4c4c;\r
+       text-shadow: 0 1px 0 #fff;\r
+       font-weight: bold;\r
+       font-size: 11px;\r
+}\r
+\r
+.cke_rtl .cke_path,\r
+.cke_rtl .cke_path_item,\r
+.cke_rtl .cke_path_empty\r
+{\r
+       float: right;\r
+}\r
+\r
+/* The items are <a> elements, so we define its hover states here. */\r
+a.cke_path_item:hover,\r
+a.cke_path_item:focus,\r
+a.cke_path_item:active\r
+{\r
+       background-color: #bfbfbf;\r
+       color: #333;\r
+       text-shadow: 0 1px 0 rgba(255,255,255,.5);\r
+\r
+       border-radius: 2px;\r
+\r
+       box-shadow: 0 0 4px rgba(0,0,0,.5) inset, 0 1px 0 rgba(255,255,255,.5);\r
+}\r
+\r
+.cke_hc a.cke_path_item:hover,\r
+.cke_hc a.cke_path_item:focus,\r
+.cke_hc a.cke_path_item:active\r
+{\r
+       border: 2px solid;\r
+       padding: 1px 2px;\r
+}\r