Add oembed

[perso/Immae/Projets/packagist/piedsjaloux-ckeditor-component.git] / release / samples / old / sample.css

/*\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
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\r
{\r
	-moz-tab-size: 4;\r
	tab-size: 4;\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
	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
	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
	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
	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
}\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
.warning.deprecated {\r
	font-size: 1.3em;\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
\r
.marker\r
{\r
	background-color: Yellow;\r
}\r