73 |
|
|
74 |
/* define editors */ |
/* define editors */ |
75 |
|
|
76 |
#div_editors { |
.editors { |
|
display: block; |
|
|
width: 100%; |
|
77 |
background-color: #f0f0f0; |
background-color: #f0f0f0; |
78 |
border: 1px solid #c0c0c0; |
border: 1px solid #c0c0c0; |
79 |
padding: 1em; |
margin: 0; |
80 |
|
padding: 0; |
81 |
overflow: hidden; |
overflow: hidden; |
82 |
} |
width: 100%; |
|
|
|
|
#div_template_form, #div_css_form { |
|
|
display: block; |
|
|
float: left; |
|
|
clear: none; |
|
|
z-index: 2; |
|
83 |
} |
} |
84 |
|
|
85 |
/* buttons above textarea */ |
/* buttons above textarea */ |
86 |
.content_toolbar { |
.content_toolbar { |
87 |
display: block; |
padding: 0.5em; |
88 |
} |
} |
89 |
|
|
90 |
/* buttons and status bar below */ |
/* buttons and status bar below */ |
91 |
.edit_bar { |
.edit-bar { |
92 |
display: block; |
width: 100%; |
93 |
margin-top: 0.5em; |
padding: 0.5em; |
|
width: 40em; |
|
94 |
} |
} |
95 |
|
|
96 |
#div_template_list, #div_css_list { |
/* file lists on right side */ |
97 |
display: block; |
.file-list { |
98 |
min-width: 20em; |
vertical-align: top; |
99 |
color: #000000; |
color: #000000; |
100 |
font-size: 70%; |
font-size: 70%; |
101 |
|
width: 100%; |
102 |
margin: 0; |
margin: 0; |
103 |
/* margin-left: 50em; */ |
padding 0; |
|
float: right; |
|
|
clear: none; |
|
104 |
} |
} |
105 |
|
|
106 |
#div_template_list ul, #div_css_list ul { |
.file-list ul { |
|
display: block; |
|
|
width: 100%; |
|
|
z-index: 1; |
|
|
padding: 0; |
|
107 |
margin: 0; |
margin: 0; |
108 |
|
padding 0; |
109 |
|
list-style-position: inside; |
110 |
} |
} |
111 |
|
|
112 |
#div_template_list li, #div_css_list li { |
.file-list li { |
113 |
display: block; |
padding 0; |
|
width: 100%; |
|
|
margin: 0; |
|
|
margin-left: 1em; |
|
|
margin-bottom: 2px; |
|
|
border: 1px solid #c0c0c0; |
|
114 |
list-style-type: none; |
list-style-type: none; |
115 |
overflow: hidden; |
overflow: hidden; |
116 |
white-space: nowrap; |
white-space: nowrap; |
117 |
|
margin: 4px; |
118 |
|
border: 1px solid #c0c0c0; |
119 |
} |
} |
120 |
|
|
121 |
#div_template_list a, #div_template_list a:link, #div_template_list a:visited, |
.file-list a, .file-list a:link, .file-list a:visited { |
|
#div_css_list a, #div_css_list a:link, #div_css_list a:visited |
|
|
{ |
|
122 |
text-decoration: none; |
text-decoration: none; |
123 |
|
display: block; |
124 |
background-color: #c0c0c0; |
background-color: #c0c0c0; |
125 |
color: #ffffff; |
color: #ffffff; |
126 |
padding: 4px; |
padding: 4px; |
|
display: block; |
|
|
min-width: 15em; |
|
127 |
white-space: nowrap; |
white-space: nowrap; |
128 |
} |
} |
129 |
|
|
130 |
#template_list_selected { |
.file-list a:hover, .file-list a:hover { |
|
padding: 4px; |
|
|
margin: 4px; |
|
|
min-width: 15em; |
|
|
/* font-weight: bold; */ |
|
|
} |
|
|
|
|
|
#div_template_list a:hover, #div_css_list a:hover { |
|
131 |
background-color: #ffffff; |
background-color: #ffffff; |
132 |
color: #000080; |
color: #000080; |
133 |
} |
} |
134 |
|
|
135 |
#div_template, #div_css { |
.file-selected { |
136 |
position: relative; |
padding: 4px; |
137 |
display: block; |
} |
138 |
float: left; |
|
139 |
|
/* |
140 |
|
.editor-form { |
141 |
|
border: 2px dashed #ff0000; |
142 |
} |
} |
143 |
|
*/ |
144 |
|
|
145 |
|
|
146 |
|
/* notice text */ |
147 |
.notice { |
.notice { |
148 |
color: #808080; |
color: #808080; |
149 |
font-size: 70%; |
font-size: 70%; |