← All changes | css/codemirror.css +309 -1 6.4 → 5.0 View file →

		@@ -1 +1,309 @@
1		-/* This file has been deprecated as of v5.0.17. Please upgrade to WordPress 4.9 to use Codemirror. */
	1	+/* BASICS */
	2	+
	3	+.CodeMirror {
	4	+ /* Set height, width, borders, and global font properties here */
	5	+ font-family: monospace;
	6	+ height: 300px;
	7	+}
	8	+.CodeMirror-scroll {
	9	+ /* Set scrolling behaviour here */
	10	+ overflow: auto;
	11	+}
	12	+
	13	+/* PADDING */
	14	+
	15	+.CodeMirror-lines {
	16	+ padding: 4px 0; /* Vertical padding around content */
	17	+}
	18	+.CodeMirror pre {
	19	+ padding: 0 4px; /* Horizontal padding of content */
	20	+}
	21	+
	22	+.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
	23	+ background-color: white; /* The little square between H and V scrollbars */
	24	+}
	25	+
	26	+/* GUTTER */
	27	+
	28	+.CodeMirror-gutters {
	29	+ border-right: 1px solid #ddd;
	30	+ background-color: #f7f7f7;
	31	+ white-space: nowrap;
	32	+}
	33	+.CodeMirror-linenumbers {}
	34	+.CodeMirror-linenumber {
	35	+ padding: 0 3px 0 5px;
	36	+ min-width: 20px;
	37	+ text-align: right;
	38	+ color: #999;
	39	+ -moz-box-sizing: content-box;
	40	+ box-sizing: content-box;
	41	+}
	42	+
	43	+.CodeMirror-guttermarker { color: black; }
	44	+.CodeMirror-guttermarker-subtle { color: #999; }
	45	+
	46	+/* CURSOR */
	47	+
	48	+.CodeMirror div.CodeMirror-cursor {
	49	+ border-left: 1px solid black;
	50	+}
	51	+/* Shown when moving in bi-directional text */
	52	+.CodeMirror div.CodeMirror-secondarycursor {
	53	+ border-left: 1px solid silver;
	54	+}
	55	+.CodeMirror.cm-keymap-fat-cursor div.CodeMirror-cursor {
	56	+ width: auto;
	57	+ border: 0;
	58	+ background: #7e7;
	59	+}
	60	+.CodeMirror.cm-keymap-fat-cursor div.CodeMirror-cursors {
	61	+ z-index: 1;
	62	+}
	63	+
	64	+.cm-animate-fat-cursor {
	65	+ width: auto;
	66	+ border: 0;
	67	+ -webkit-animation: blink 1.06s steps(1) infinite;
	68	+ -moz-animation: blink 1.06s steps(1) infinite;
	69	+ animation: blink 1.06s steps(1) infinite;
	70	+}
	71	+@-moz-keyframes blink {
	72	+ 0% { background: #7e7; }
	73	+ 50% { background: none; }
	74	+ 100% { background: #7e7; }
	75	+}
	76	+@-webkit-keyframes blink {
	77	+ 0% { background: #7e7; }
	78	+ 50% { background: none; }
	79	+ 100% { background: #7e7; }
	80	+}
	81	+@keyframes blink {
	82	+ 0% { background: #7e7; }
	83	+ 50% { background: none; }
	84	+ 100% { background: #7e7; }
	85	+}
	86	+
	87	+/* Can style cursor different in overwrite (non-insert) mode */
	88	+div.CodeMirror-overwrite div.CodeMirror-cursor {}
	89	+
	90	+.cm-tab { display: inline-block; text-decoration: inherit; }
	91	+
	92	+.CodeMirror-ruler {
	93	+ border-left: 1px solid #ccc;
	94	+ position: absolute;
	95	+}
	96	+
	97	+/* DEFAULT THEME */
	98	+
	99	+.cm-s-default .cm-keyword {color: #708;}
	100	+.cm-s-default .cm-atom {color: #219;}
	101	+.cm-s-default .cm-number {color: #164;}
	102	+.cm-s-default .cm-def {color: #00f;}
	103	+.cm-s-default .cm-variable,
	104	+.cm-s-default .cm-punctuation,
	105	+.cm-s-default .cm-property,
	106	+.cm-s-default .cm-operator {}
	107	+.cm-s-default .cm-variable-2 {color: #05a;}
	108	+.cm-s-default .cm-variable-3 {color: #085;}
	109	+.cm-s-default .cm-comment {color: #a50;}
	110	+.cm-s-default .cm-string {color: #a11;}
	111	+.cm-s-default .cm-string-2 {color: #f50;}
	112	+.cm-s-default .cm-meta {color: #555;}
	113	+.cm-s-default .cm-qualifier {color: #555;}
	114	+.cm-s-default .cm-builtin {color: #30a;}
	115	+.cm-s-default .cm-bracket {color: #997;}
	116	+.cm-s-default .cm-tag {color: #170;}
	117	+.cm-s-default .cm-attribute {color: #00c;}
	118	+.cm-s-default .cm-header {color: blue;}
	119	+.cm-s-default .cm-quote {color: #090;}
	120	+.cm-s-default .cm-hr {color: #999;}
	121	+.cm-s-default .cm-link {color: #00c;}
	122	+
	123	+.cm-negative {color: #d44;}
	124	+.cm-positive {color: #292;}
	125	+.cm-header, .cm-strong {font-weight: bold;}
	126	+.cm-em {font-style: italic;}
	127	+.cm-link {text-decoration: underline;}
	128	+
	129	+.cm-s-default .cm-error {color: #f00;}
	130	+.cm-invalidchar {color: #f00;}
	131	+
	132	+/* Default styles for common addons */
	133	+
	134	+div.CodeMirror span.CodeMirror-matchingbracket {color: #0f0;}
	135	+div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #f22;}
	136	+.CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); }
	137	+.CodeMirror-activeline-background {background: #e8f2ff;}
	138	+
	139	+/* STOP */
	140	+
	141	+/* The rest of this file contains styles related to the mechanics of
	142	+ the editor. You probably shouldn't touch them. */
	143	+
	144	+.CodeMirror {
	145	+ line-height: 1;
	146	+ position: relative;
	147	+ overflow: hidden;
	148	+ background: white;
	149	+ color: black;
	150	+}
	151	+
	152	+.CodeMirror-scroll {
	153	+ /* 30px is the magic margin used to hide the element's real scrollbars */
	154	+ /* See overflow: hidden in .CodeMirror */
	155	+ margin-bottom: -30px; margin-right: -30px;
	156	+ padding-bottom: 30px;
	157	+ height: 100%;
	158	+ outline: none; /* Prevent dragging from highlighting the element */
	159	+ position: relative;
	160	+ -moz-box-sizing: content-box;
	161	+ box-sizing: content-box;
	162	+}
	163	+.CodeMirror-sizer {
	164	+ position: relative;
	165	+ border-right: 30px solid transparent;
	166	+ -moz-box-sizing: content-box;
	167	+ box-sizing: content-box;
	168	+}
	169	+
	170	+/* The fake, visible scrollbars. Used to force redraw during scrolling
	171	+ before actuall scrolling happens, thus preventing shaking and
	172	+ flickering artifacts. */
	173	+.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
	174	+ position: absolute;
	175	+ z-index: 6;
	176	+ display: none;
	177	+}
	178	+.CodeMirror-vscrollbar {
	179	+ right: 0; top: 0;
	180	+ overflow-x: hidden;
	181	+ overflow-y: scroll;
	182	+}
	183	+.CodeMirror-hscrollbar {
	184	+ bottom: 0; left: 0;
	185	+ overflow-y: hidden;
	186	+ overflow-x: scroll;
	187	+}
	188	+.CodeMirror-scrollbar-filler {
	189	+ right: 0; bottom: 0;
	190	+}
	191	+.CodeMirror-gutter-filler {
	192	+ left: 0; bottom: 0;
	193	+}
	194	+
	195	+.CodeMirror-gutters {
	196	+ position: absolute; left: 0; top: 0;
	197	+ padding-bottom: 30px;
	198	+ z-index: 3;
	199	+}
	200	+.CodeMirror-gutter {
	201	+ white-space: normal;
	202	+ height: 100%;
	203	+ -moz-box-sizing: content-box;
	204	+ box-sizing: content-box;
	205	+ padding-bottom: 30px;
	206	+ margin-bottom: -32px;
	207	+ display: inline-block;
	208	+ /* Hack to make IE7 behave */
	209	+ *zoom:1;
	210	+ *display:inline;
	211	+}
	212	+.CodeMirror-gutter-elt {
	213	+ position: absolute;
	214	+ cursor: default;
	215	+ z-index: 4;
	216	+}
	217	+
	218	+.CodeMirror-lines {
	219	+ cursor: text;
	220	+ min-height: 1px; /* prevents collapsing before first draw */
	221	+}
	222	+.CodeMirror pre {
	223	+ /* Reset some styles that the rest of the page might have set */
	224	+ -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
	225	+ border-width: 0;
	226	+ background: transparent;
	227	+ font-family: inherit;
	228	+ font-size: inherit;
	229	+ margin: 0;
	230	+ white-space: pre;
	231	+ word-wrap: normal;
	232	+ line-height: inherit;
	233	+ color: inherit;
	234	+ z-index: 2;
	235	+ position: relative;
	236	+ overflow: visible;
	237	+}
	238	+.CodeMirror-wrap pre {
	239	+ word-wrap: break-word;
	240	+ white-space: pre-wrap;
	241	+ word-break: normal;
	242	+}
	243	+
	244	+.CodeMirror-linebackground {
	245	+ position: absolute;
	246	+ left: 0; right: 0; top: 0; bottom: 0;
	247	+ z-index: 0;
	248	+}
	249	+
	250	+.CodeMirror-linewidget {
	251	+ position: relative;
	252	+ z-index: 2;
	253	+ overflow: auto;
	254	+}
	255	+
	256	+.CodeMirror-widget {}
	257	+
	258	+.CodeMirror-wrap .CodeMirror-scroll {
	259	+ overflow-x: hidden;
	260	+}
	261	+
	262	+.CodeMirror-measure {
	263	+ position: absolute;
	264	+ width: 100%;
	265	+ height: 0;
	266	+ overflow: hidden;
	267	+ visibility: hidden;
	268	+}
	269	+.CodeMirror-measure pre { position: static; }
	270	+
	271	+.CodeMirror div.CodeMirror-cursor {
	272	+ position: absolute;
	273	+ border-right: none;
	274	+ width: 0;
	275	+}
	276	+
	277	+div.CodeMirror-cursors {
	278	+ visibility: hidden;
	279	+ position: relative;
	280	+ z-index: 3;
	281	+}
	282	+.CodeMirror-focused div.CodeMirror-cursors {
	283	+ visibility: visible;
	284	+}
	285	+
	286	+.CodeMirror-selected { background: #d9d9d9; }
	287	+.CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; }
	288	+.CodeMirror-crosshair { cursor: crosshair; }
	289	+
	290	+.cm-searching {
	291	+ background: #ffa;
	292	+ background: rgba(255, 255, 0, .4);
	293	+}
	294	+
	295	+/* IE7 hack to prevent it from returning funny offsetTops on the spans */
	296	+.CodeMirror span { *vertical-align: text-bottom; }
	297	+
	298	+/* Used to force a border model for a node */
	299	+.cm-force-border { padding-right: .1px; }
	300	+
	301	+@media print {
	302	+ /* Hide the cursor when printing */
	303	+ .CodeMirror div.CodeMirror-cursors {
	304	+ visibility: hidden;
	305	+ }
	306	+}
	307	+
	308	+/* Help users use markselection to safely style text background */
	309	+span.CodeMirror-selectedtext { background: none; }