root/editor/editor.css

/* record browsing */

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

.navigation {
        background: #e0e0e0;
        padding: 0.5em;
        display: block;
}

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

/*
#div_record_nr {
        width: 5em;
        border: 1px solid #ff0000;
}
*/

#div_editor_toolbar {
        margin-top: 0.5em;
}

#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 */

#div_editors {
        display: block;
        width: 100%;
        background-color: #f0f0f0;
        border: 1px solid #c0c0c0;
        padding: 1em;
        overflow: hidden;
}

#div_template_form, #div_css_form {
        display: block;
        float: left;
        clear: none;
        z-index: 2;
}

/* buttons above textarea */
.content_toolbar {
        display: block;
}

/* buttons and status bar below */
.edit_bar {
        display: block;
        margin-top: 0.5em;
        width: 40em;
}

#div_template_list, #div_css_list {
        display: block;
        min-width: 20em;
        color: #000000;
        font-size: 70%;
        margin: 0;
        /* margin-left: 50em; */
        float: right;
        clear: none;
}

#div_template_list ul, #div_css_list ul {
        display: block;
        width: 100%;
        z-index: 1;
        padding: 0;
        margin: 0;
}

#div_template_list li, #div_css_list li {
        display: block;
        width: 100%;
        margin: 0;
        margin-left: 1em;
        margin-bottom: 2px;
        border: 1px solid #c0c0c0;
        list-style-type: none;
        overflow: hidden;
        white-space: nowrap;
}

#div_template_list a, #div_template_list a:link, #div_template_list a:visited,
#div_css_list a, #div_css_list a:link, #div_css_list a:visited
{
        text-decoration: none;
        background-color: #c0c0c0;
        color: #ffffff;
        padding: 4px;
        display: block;
        min-width: 15em;
        white-space: nowrap;
}

#template_list_selected {
        padding: 4px;
        margin: 4px;
        min-width: 15em;
        /* font-weight: bold; */
}

#div_template_list a:hover, #div_css_list a:hover {
        background-color: #ffffff;
        color: #000080;
}

#div_template, #div_css {
        position: relative;
        display: block;
        float: left;
}

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

/* define record */

#div_record {
        clear: left;
        margin-top: 1em;
        padding: 1em;
        border: 1px dashed #808080;
}

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