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;
}

/* buttons to resize textarea */
.resize-bar {
        display: block;
        float: right;
}

/* 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	357	/* buttons to resize textarea */
64			.resize-bar {
65			display: block;
66			float: right;
67			}
68
69	dpavlin	193	/* file lists on right side */
70			.file-list {
71			vertical-align: top;
72	dpavlin	169	color: #000000;
73			font-size: 70%;
74	dpavlin	193	width: 100%;
75	dpavlin	189	margin: 0;
76	dpavlin	196	padding: 0;
77	dpavlin	169	}
78
79	dpavlin	193	.file-list ul {
80	dpavlin	196	margin: 1em;
81			padding: 0;
82	dpavlin	193	list-style-position: inside;
83	dpavlin	171	}
84
85	dpavlin	193	.file-list li {
86	dpavlin	169	list-style-type: none;
87			overflow: hidden;
88	dpavlin	189	white-space: nowrap;
89	dpavlin	193	margin: 4px;
90			border: 1px solid #c0c0c0;
91	dpavlin	169	}
92
93	dpavlin	193	.file-list a, .file-list a:link, .file-list a:visited {
94	dpavlin	169	text-decoration: none;
95	dpavlin	193	display: block;
96	dpavlin	169	background-color: #c0c0c0;
97			color: #ffffff;
98	dpavlin	189	padding: 4px;
99			white-space: nowrap;
100	dpavlin	169	}
101
102	dpavlin	193	.file-list a:hover, .file-list a:hover {
103	dpavlin	169	background-color: #ffffff;
104			color: #000080;
105			}
106
107	dpavlin	193	.file-selected {
108			padding: 4px;
109	dpavlin	137	}
110
111	dpavlin	193	.editor-form {
112	dpavlin	196	margin-left: 1em;
113	dpavlin	193	}
114
115	dpavlin	259	/* record navigation */
116	dpavlin	193
117	dpavlin	259	.navigation {
118			background: #e0e0e0;
119			padding: 0.5em;
120			display: block;
121			margin: 0;
122			margin-top: 1em;
123			}
124
125			.navigation a, .navigation:link, .navigation:visited {
126			color: #000000;
127			text-decoration: none;
128			background-color: #f0f0f0;
129			border: 1px solid #c0c0c0;
130			padding: 0.2em 0.5em 0.2em 0.4em;
131			-moz-border-radius: 1.5em;
132			}
133
134			.nav_disable, .nav_disable:link, .nav_disable:visited {
135			background-color: #e0e0e0;
136			border: 1px solid #c0c0c0;
137			color: #c0c0c0;
138			}
139
140			.navigation a:hover {
141			background-color: #ffffff;
142			color: #000080;
143			}
144
145	dpavlin	193	/* notice text */
146	dpavlin	137	.notice {
147			color: #808080;
148			font-size: 70%;
149			}
150
151	dpavlin	165	/* define record */
152
153			#div_record {
154			clear: left;
155			padding: 1em;
156	dpavlin	259	margin: 0;
157			border: 1px dashed #e0e0e0;
158	dpavlin	194	overflow: hidden;
159	dpavlin	165	}
160
161	dpavlin	170	/* progress indicator picture */
162			#working {
163			margin-left: 2em;
164			}
165	dpavlin	180
166			/* HTML tidy */
167
168			.tidy {
169			clear: left;
170			border: 2px solid #808080;
171			margin-top: 1em;
172			padding: 1em;
173			color: #808080;
174			}
175
176			.tidy tt {
177	dpavlin	181	clear: left;
178			display: block;
179			background-color: #e0e0e0;
180			padding: 2px;
181			margin-left: 2em;
182	dpavlin	180	color: #000000;
183			}
184
185			.tidy_error {
186	dpavlin	181	margin-top: 0.5em;
187	dpavlin	180	color: #c00000;
188			}
189
190			.tidy_warning {
191			color: #c0c000;
192			}
193	dpavlin	243
194			/* error */
195			.error {
196			color: #c00000;
197			}
198