root/editor/editor.css

/* record browsing */

DIV, DIV * {
        box-sizing: border-box !important;
        -moz-box-sizing: border-box !important;
}

#div_editor_toolbar {
        margin-top: 1em;
}

#div_editor_toolbar a {
        display: inline;
        padding: 3px 0.5em 3px 0.5em;
        text-decoration: none;
        -moz-border-radius-topleft: 1.5em;
        -moz-border-radius-topright: 1.5em;
}

.tab, .tab:link, .tab:visited  {
        background-color: #c0c0c0;
        color: #ffffff;
}

.tab_selected, .tab_selected:link, .tab_selected:visited {
        background-color: #f0f0f0;
        border-top: 1px solid #c0c0c0;
        border-left: 1px solid #c0c0c0;
        border-right: 1px solid #c0c0c0;
        color: #000000;
}

.tab:hover {
        background-color: #ffffff;
        color: #000080;
        border-top: 1px solid #c0c0c0;
        border-left: 1px solid #c0c0c0;
        border-right: 1px solid #c0c0c0;
}

/* define editors */

.editors {
        background-color: #f0f0f0;
        border: 1px solid #c0c0c0;
        margin: 0;
        padding: 0;
        overflow: hidden;
        width: 100%;
}

/* buttons above textarea */
.content_toolbar {
        padding: 0.5em;
}

/* buttons and status bar below */
.edit-bar {
        width: 100%;
        padding: 0.5em;
}

/* file lists on right side */
.file-list {
        vertical-align: top;
        color: #000000;
        font-size: 70%;
        width: 100%;
        margin: 0;
        padding: 0;
}

.file-list ul {
        margin: 1em;
        padding: 0;
        list-style-position: inside;
}

.file-list li {
        list-style-type: none;
        overflow: hidden;
        white-space: nowrap;
        margin: 4px;
        border: 1px solid #c0c0c0;
}

.file-list a, .file-list a:link, .file-list a:visited {
        text-decoration: none;
        display: block;
        background-color: #c0c0c0;
        color: #ffffff;
        padding: 4px;
        white-space: nowrap;
}

.file-list a:hover, .file-list a:hover {
        background-color: #ffffff;
        color: #000080;
}

.file-selected {
        padding: 4px;
}

.editor-form {
        margin-left: 1em;
}

/* record navigation */

.navigation {
        background: #e0e0e0;
        padding: 0.5em;
        display: block;
        margin: 0;
        margin-top: 1em;
}

.navigation a, .navigation:link, .navigation:visited {
        color: #000000;
        text-decoration: none;
        background-color: #f0f0f0;
        border: 1px solid #c0c0c0;
        padding: 0.2em 0.5em 0.2em 0.4em;
        -moz-border-radius: 1.5em;
}

.nav_disable, .nav_disable:link, .nav_disable:visited {
        background-color: #e0e0e0;
        border: 1px solid #c0c0c0;
        color: #c0c0c0;
}

.navigation a:hover {
        background-color: #ffffff;
        color: #000080;
}

/* notice text */
.notice {
        color: #808080;
        font-size: 70%;
}

/* define record */

#div_record {
        clear: left;
        padding: 1em;
        margin: 0;
        border: 1px dashed #e0e0e0;
        overflow: hidden;
}

/* progress indicator picture */
#working {
        margin-left: 2em;
}

/* HTML tidy */

.tidy {
        clear: left;
        border: 2px solid #808080;
        margin-top: 1em;
        padding: 1em;
        color: #808080;
}

.tidy tt {
        clear: left;
        display: block;
        background-color: #e0e0e0;
        padding: 2px;
        margin-left: 2em;
        color: #000000;
}

.tidy_error {
        margin-top: 0.5em;
        color: #c00000;
}

.tidy_warning {
        color: #c0c000;
}

/* error */
.error {
        color: #c00000;
}

1	dpavlin	166	/* record browsing */
2
3	dpavlin	189	DIV, DIV * {
4			box-sizing: border-box !important;
5			-moz-box-sizing: border-box !important;
6			}
7
8	dpavlin	163	#div_editor_toolbar {
9	dpavlin	259	margin-top: 1em;
10	dpavlin	163	}
11
12	dpavlin	137	#div_editor_toolbar a {
13			display: inline;
14	dpavlin	163	padding: 3px 0.5em 3px 0.5em;
15	dpavlin	137	text-decoration: none;
16	dpavlin	163	-moz-border-radius-topleft: 1.5em;
17			-moz-border-radius-topright: 1.5em;
18	dpavlin	137	}
19	dpavlin	189
20	dpavlin	163	.tab, .tab:link, .tab:visited {
21			background-color: #c0c0c0;
22	dpavlin	164	color: #ffffff;
23	dpavlin	163	}
24	dpavlin	137
25	dpavlin	163	.tab_selected, .tab_selected:link, .tab_selected:visited {
26	dpavlin	164	background-color: #f0f0f0;
27			border-top: 1px solid #c0c0c0;
28			border-left: 1px solid #c0c0c0;
29			border-right: 1px solid #c0c0c0;
30			color: #000000;
31	dpavlin	163	}
32
33	dpavlin	169	.tab:hover {
34			background-color: #ffffff;
35			color: #000080;
36			border-top: 1px solid #c0c0c0;
37			border-left: 1px solid #c0c0c0;
38			border-right: 1px solid #c0c0c0;
39	dpavlin	137	}
40
41	dpavlin	165	/* define editors */
42
43	dpavlin	193	.editors {
44	dpavlin	164	background-color: #f0f0f0;
45			border: 1px solid #c0c0c0;
46	dpavlin	193	margin: 0;
47			padding: 0;
48	dpavlin	169	overflow: hidden;
49	dpavlin	193	width: 100%;
50	dpavlin	137	}
51
52	dpavlin	179	/* buttons above textarea */
53			.content_toolbar {
54	dpavlin	193	padding: 0.5em;
55	dpavlin	179	}
56
57			/* buttons and status bar below */
58	dpavlin	193	.edit-bar {
59			width: 100%;
60			padding: 0.5em;
61	dpavlin	179	}
62
63	dpavlin	193	/* file lists on right side */
64			.file-list {
65			vertical-align: top;
66	dpavlin	169	color: #000000;
67			font-size: 70%;
68	dpavlin	193	width: 100%;
69	dpavlin	189	margin: 0;
70	dpavlin	196	padding: 0;
71	dpavlin	169	}
72
73	dpavlin	193	.file-list ul {
74	dpavlin	196	margin: 1em;
75			padding: 0;
76	dpavlin	193	list-style-position: inside;
77	dpavlin	171	}
78
79	dpavlin	193	.file-list li {
80	dpavlin	169	list-style-type: none;
81			overflow: hidden;
82	dpavlin	189	white-space: nowrap;
83	dpavlin	193	margin: 4px;
84			border: 1px solid #c0c0c0;
85	dpavlin	169	}
86
87	dpavlin	193	.file-list a, .file-list a:link, .file-list a:visited {
88	dpavlin	169	text-decoration: none;
89	dpavlin	193	display: block;
90	dpavlin	169	background-color: #c0c0c0;
91			color: #ffffff;
92	dpavlin	189	padding: 4px;
93			white-space: nowrap;
94	dpavlin	169	}
95
96	dpavlin	193	.file-list a:hover, .file-list a:hover {
97	dpavlin	169	background-color: #ffffff;
98			color: #000080;
99			}
100
101	dpavlin	193	.file-selected {
102			padding: 4px;
103	dpavlin	137	}
104
105	dpavlin	193	.editor-form {
106	dpavlin	196	margin-left: 1em;
107	dpavlin	193	}
108
109	dpavlin	259	/* record navigation */
110	dpavlin	193
111	dpavlin	259	.navigation {
112			background: #e0e0e0;
113			padding: 0.5em;
114			display: block;
115			margin: 0;
116			margin-top: 1em;
117			}
118
119			.navigation a, .navigation:link, .navigation:visited {
120			color: #000000;
121			text-decoration: none;
122			background-color: #f0f0f0;
123			border: 1px solid #c0c0c0;
124			padding: 0.2em 0.5em 0.2em 0.4em;
125			-moz-border-radius: 1.5em;
126			}
127
128			.nav_disable, .nav_disable:link, .nav_disable:visited {
129			background-color: #e0e0e0;
130			border: 1px solid #c0c0c0;
131			color: #c0c0c0;
132			}
133
134			.navigation a:hover {
135			background-color: #ffffff;
136			color: #000080;
137			}
138
139	dpavlin	193	/* notice text */
140	dpavlin	137	.notice {
141			color: #808080;
142			font-size: 70%;
143			}
144
145	dpavlin	165	/* define record */
146
147			#div_record {
148			clear: left;
149			padding: 1em;
150	dpavlin	259	margin: 0;
151			border: 1px dashed #e0e0e0;
152	dpavlin	194	overflow: hidden;
153	dpavlin	165	}
154
155	dpavlin	170	/* progress indicator picture */
156			#working {
157			margin-left: 2em;
158			}
159	dpavlin	180
160			/* HTML tidy */
161
162			.tidy {
163			clear: left;
164			border: 2px solid #808080;
165			margin-top: 1em;
166			padding: 1em;
167			color: #808080;
168			}
169
170			.tidy tt {
171	dpavlin	181	clear: left;
172			display: block;
173			background-color: #e0e0e0;
174			padding: 2px;
175			margin-left: 2em;
176	dpavlin	180	color: #000000;
177			}
178
179			.tidy_error {
180	dpavlin	181	margin-top: 0.5em;
181	dpavlin	180	color: #c00000;
182			}
183
184			.tidy_warning {
185			color: #c0c000;
186			}
187	dpavlin	243
188			/* error */
189			.error {
190			color: #c00000;
191			}
192