Déplacement préalable à l'eggification.
[ckeditor.git] / Products / ckeditor / skins / ckeditor / samples / sample.css
diff --git a/Products/ckeditor/skins/ckeditor/samples/sample.css b/Products/ckeditor/skins/ckeditor/samples/sample.css
new file mode 100644 (file)
index 0000000..8cc2eb9
--- /dev/null
@@ -0,0 +1,356 @@
+/*\r
+Copyright (c) 2003-2014, CKSource - Frederico Knabben. All rights reserved.\r
+For licensing, see LICENSE.md or http://ckeditor.com/license\r
+*/\r
+\r
+html, body, h1, h2, h3, h4, h5, h6, div, span, blockquote, p, address, form, fieldset, img, ul, ol, dl, dt, dd, li, hr, table, td, th, strong, em, sup, sub, dfn, ins, del, q, cite, var, samp, code, kbd, tt, pre\r
+{\r
+       line-height: 1.5;\r
+}\r
+\r
+body\r
+{\r
+       padding: 10px 30px;\r
+}\r
+\r
+input, textarea, select, option, optgroup, button, td, th\r
+{\r
+       font-size: 100%;\r
+}\r
+\r
+pre, code, kbd, samp, tt\r
+{\r
+       font-family: monospace,monospace;\r
+       font-size: 1em;\r
+}\r
+\r
+body {\r
+    width: 960px;\r
+    margin: 0 auto;\r
+}\r
+\r
+code\r
+{\r
+       background: #f3f3f3;\r
+       border: 1px solid #ddd;\r
+       padding: 1px 4px;\r
+\r
+       -moz-border-radius: 3px;\r
+       -webkit-border-radius: 3px;\r
+       border-radius: 3px;\r
+}\r
+\r
+abbr\r
+{\r
+       border-bottom: 1px dotted #555;\r
+       cursor: pointer;\r
+}\r
+\r
+.new, .beta\r
+{\r
+       text-transform: uppercase;\r
+       font-size: 10px;\r
+       font-weight: bold;\r
+       padding: 1px 4px;\r
+       margin: 0 0 0 5px;\r
+       color: #fff;\r
+       float: right;\r
+\r
+       -moz-border-radius: 3px;\r
+       -webkit-border-radius: 3px;\r
+       border-radius: 3px;\r
+}\r
+\r
+.new\r
+{\r
+       background: #FF7E00;\r
+       border: 1px solid #DA8028;\r
+       text-shadow: 0 1px 0 #C97626;\r
+\r
+       -moz-box-shadow: 0 2px 3px 0 #FFA54E inset;\r
+       -webkit-box-shadow: 0 2px 3px 0 #FFA54E inset;\r
+       box-shadow: 0 2px 3px 0 #FFA54E inset;\r
+}\r
+\r
+.beta\r
+{\r
+       background: #18C0DF;\r
+       border: 1px solid #19AAD8;\r
+       text-shadow: 0 1px 0 #048CAD;\r
+       font-style: italic;\r
+\r
+       -moz-box-shadow: 0 2px 3px 0 #50D4FD inset;\r
+       -webkit-box-shadow: 0 2px 3px 0 #50D4FD inset;\r
+       box-shadow: 0 2px 3px 0 #50D4FD inset;\r
+}\r
+\r
+h1.samples\r
+{\r
+       color: #0782C1;\r
+       font-size: 200%;\r
+       font-weight: normal;\r
+       margin: 0;\r
+       padding: 0;\r
+}\r
+\r
+h1.samples a\r
+{\r
+       color: #0782C1;\r
+       text-decoration: none;\r
+       border-bottom: 1px dotted #0782C1;\r
+}\r
+\r
+.samples a:hover\r
+{\r
+       border-bottom: 1px dotted #0782C1;\r
+}\r
+\r
+h2.samples\r
+{\r
+       color: #000000;\r
+       font-size: 130%;\r
+       margin: 15px 0 0 0;\r
+       padding: 0;\r
+}\r
+\r
+p, blockquote, address, form, pre, dl, h1.samples, h2.samples\r
+{\r
+       margin-bottom: 15px;\r
+}\r
+\r
+ul.samples\r
+{\r
+       margin-bottom: 15px;\r
+}\r
+\r
+.clear\r
+{\r
+       clear: both;\r
+}\r
+\r
+fieldset\r
+{\r
+       margin: 0;\r
+       padding: 10px;\r
+}\r
+\r
+body, input, textarea\r
+{\r
+       color: #333333;\r
+       font-family: Arial, Helvetica, sans-serif;\r
+}\r
+\r
+body\r
+{\r
+       font-size: 75%;\r
+}\r
+\r
+a.samples\r
+{\r
+       color: #189DE1;\r
+       text-decoration: none;\r
+}\r
+\r
+form\r
+{\r
+       margin: 0;\r
+       padding: 0;\r
+}\r
+\r
+pre.samples\r
+{\r
+       background-color: #F7F7F7;\r
+       border: 1px solid #D7D7D7;\r
+       overflow: auto;\r
+       padding: 0.25em;\r
+       white-space: pre-wrap; /* CSS 2.1 */\r
+       word-wrap: break-word; /* IE7 */\r
+       -moz-tab-size: 4;\r
+       -o-tab-size: 4;\r
+       -webkit-tab-size: 4;\r
+       tab-size: 4;\r
+}\r
+\r
+#footer\r
+{\r
+       clear: both;\r
+       padding-top: 10px;\r
+}\r
+\r
+#footer hr\r
+{\r
+       margin: 10px 0 15px 0;\r
+       height: 1px;\r
+       border: solid 1px gray;\r
+       border-bottom: none;\r
+}\r
+\r
+#footer p\r
+{\r
+       margin: 0 10px 10px 10px;\r
+       float: left;\r
+}\r
+\r
+#footer #copy\r
+{\r
+       float: right;\r
+}\r
+\r
+#outputSample\r
+{\r
+       width: 100%;\r
+       table-layout: fixed;\r
+}\r
+\r
+#outputSample thead th\r
+{\r
+       color: #dddddd;\r
+       background-color: #999999;\r
+       padding: 4px;\r
+       white-space: nowrap;\r
+}\r
+\r
+#outputSample tbody th\r
+{\r
+       vertical-align: top;\r
+       text-align: left;\r
+}\r
+\r
+#outputSample pre\r
+{\r
+       margin: 0;\r
+       padding: 0;\r
+}\r
+\r
+.description\r
+{\r
+       border: 1px dotted #B7B7B7;\r
+       margin-bottom: 10px;\r
+       padding: 10px 10px 0;\r
+       overflow: hidden;\r
+}\r
+\r
+label\r
+{\r
+       display: block;\r
+       margin-bottom: 6px;\r
+}\r
+\r
+/**\r
+ *     CKEditor editables are automatically set with the "cke_editable" class\r
+ *     plus cke_editable_(inline|themed) depending on the editor type.\r
+ */\r
+\r
+/* Style a bit the inline editables. */\r
+.cke_editable.cke_editable_inline\r
+{\r
+       cursor: pointer;\r
+}\r
+\r
+/* Once an editable element gets focused, the "cke_focus" class is\r
+   added to it, so we can style it differently. */\r
+.cke_editable.cke_editable_inline.cke_focus\r
+{\r
+       box-shadow: inset 0px 0px 20px 3px #ddd, inset 0 0 1px #000;\r
+       outline: none;\r
+       background: #eee;\r
+       cursor: text;\r
+}\r
+\r
+/* Avoid pre-formatted overflows inline editable. */\r
+.cke_editable_inline pre\r
+{\r
+       white-space: pre-wrap;\r
+       word-wrap: break-word;\r
+}\r
+\r
+/**\r
+ *     Samples index styles.\r
+ */\r
+\r
+.twoColumns,\r
+.twoColumnsLeft,\r
+.twoColumnsRight\r
+{\r
+       overflow: hidden;\r
+}\r
+\r
+.twoColumnsLeft,\r
+.twoColumnsRight\r
+{\r
+       width: 45%;\r
+}\r
+\r
+.twoColumnsLeft\r
+{\r
+       float: left;\r
+}\r
+\r
+.twoColumnsRight\r
+{\r
+       float: right;\r
+}\r
+\r
+dl.samples\r
+{\r
+       padding: 0 0 0 40px;\r
+}\r
+dl.samples > dt\r
+{\r
+       display: list-item;\r
+       list-style-type: disc;\r
+       list-style-position: outside;\r
+       margin: 0 0 3px;\r
+}\r
+dl.samples > dd\r
+{\r
+       margin: 0 0 3px;\r
+}\r
+.warning\r
+{\r
+    color: #ff0000;\r
+       background-color: #FFCCBA;\r
+    border: 2px dotted #ff0000;\r
+       padding: 15px 10px;\r
+       margin: 10px 0;\r
+}\r
+\r
+/* Used on inline samples */\r
+\r
+blockquote\r
+{\r
+       font-style: italic;\r
+       font-family: Georgia, Times, "Times New Roman", serif;\r
+       padding: 2px 0;\r
+       border-style: solid;\r
+       border-color: #ccc;\r
+       border-width: 0;\r
+}\r
+\r
+.cke_contents_ltr blockquote\r
+{\r
+       padding-left: 20px;\r
+       padding-right: 8px;\r
+       border-left-width: 5px;\r
+}\r
+\r
+.cke_contents_rtl blockquote\r
+{\r
+       padding-left: 8px;\r
+       padding-right: 20px;\r
+       border-right-width: 5px;\r
+}\r
+\r
+img.right {\r
+    border: 1px solid #ccc;\r
+    float: right;\r
+    margin-left: 15px;\r
+    padding: 5px;\r
+}\r
+\r
+img.left {\r
+    border: 1px solid #ccc;\r
+    float: left;\r
+    margin-right: 15px;\r
+    padding: 5px;\r
+}\r