Mercurial > hg > extraction-interface

comparison interface/css/check_sections.css @ 0:b12c99b7c3f0

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
commit for previous development
author Zoe Hong <zhong@mpiwg-berlin.mpg.de>
date Mon, 19 Jan 2015 17:13:49 +0100
parents
children ef6d0c6a13d7
comparison
equal deleted inserted replaced
-1:000000000000 0:b12c99b7c3f0
1 body{
2 font-family:Helvetica,"Adobe 宋體";
3 font-size:18px;
4 padding:0;
5 margin:0;
6 }
7 #loading{
8 position:fixed;
9 z-index:2000;
10 background:rgba(0,0,0,0.5);
11 color:#fff;
12 width:100vw;
13 height:100vh;
14 padding:300px 0;
15 text-align:center;
16 vertical-align:middle;
17 font-size:20px;
18 line-height:20px;
19 }
20 #container{
21 padding:10px;
22 }
23 #searchResults{
24 margin:30px 0;
25 }
26 #bookContainer{
27 display:table;
28 border-collapse: collapse;
29 border-spacing:10px;
30 }
31 .missingPageContainer{
32 font-style:italic;
33 display:table-row;
34 }
35 .missingPage{
36 border:1px dashed #000;
37 width:400px;
38 text-align:center;
39 padding:10px;
40 margin:20px 0;
41 }
42 #bookContainer td{
43 padding:10px;
44 }
45 table{
46 margin-bottom:20px;
47 }
48 td.level1, td.level2, td.period{
49 width:70px;
50 }
51 div.entry{
52 display:table-row;
53 vertical-align:middle;
54 cursor:move;
55 }
56 div.entry .cell{
57 display:table-cell;
58 }
59 div.level1 .cell{
60 vertical-align:middle;
61 padding:15px 0px 5px 0px;
62 }
63 div.level2 .cell{
64 padding:5px 0px;
65 }
66 div.entry .sequence{
67 display:inline-block;
68 width:36px;
69 text-align:right;
70 padding-left:10px;
71 padding-right:10px;
72 font-size:14px;
73 margin-right:30px;
74 border-right:1px #888 solid;
75 color:#888;
76 }
77 div.entry .name{
78 display:inline-block;
79 width:350px;
80 margin-left:20px;
81 min-height:20px;
82 }
83 div.entry .page{
84 display:inline-block;
85 padding:0px;
86 }
87 div.startPage{
88 display:inline-block;
89 text-align:center;
90 width:50px;
91 min-height:20px;
92 }
93 div.endPage{
94 display:inline-block;
95 text-align:center;
96 width:50px;
97 min-height:20px;
98 }
99 div.level1{
100 border-bottom:1px solid #000;
101 }
102 div.level2{
103 }
104 div.level2 .name{
105 text-indent:40px;
106 }
107 div.overlapper{
108 background:#F5A9A9;
109 }
110 div.entry .editLevel{
111 display:inline-block;
112 margin:0 5px;
113 }
114 div.entry .deleteEntry{
115 display:inline-block;
116 padding-right:5px;
117 position:relative;
118 }
119 div.deleteEntry input{
120 width:60px;
121 text-align:center;
122 }
123 #deleteRange{
124 position:absolute;
125 z-index:102;
126 background:#000;
127 color:#fff;
128 -webkit-border-radius: 10px;
129 -moz-border-radius: 10px;
130 border-radius: 10px;
131 padding:10px;
132 width:260px;
133 font-size:16px;
134 line-height:24px;
135 top:-15px;
136 left:65px
137 }
138 #deleteRange .deleteFrom,#deleteRange .deleteTo,#deleteRange .deleteRangeButton{
139 display:inline-block;
140 }
141 #deleteRange .deleteButton{
142 margin-left:10px;
143 }
144 div.deleted{
145 opacity:0.2;
146 }
147 div.page input[type="text"]{
148 width:45px;
149 height:17px;
150 text-align:center;
151 }
152 input{
153 margin:0;
154 padding:0;
155 }
156 input[type="text"]{
157 -webkit-border-radius: 4px;
158 -moz-border-radius: 4px;
159 border-radius: 4px;
160 border:1px #888 solid;
161 font-size:16px;
162 font-family:inherit;
163 }
164 input[type="button"]{
165 font-size:20px;
166 font-family:inherit;
167 }
168 #panel{
169 position:fixed;
170 top:30px;
171 right:0px;
172 font-size:16px;
173 line-height:24px;
174 }
175 #saveBook,#configure{
176 background:#000;
177 color:#fff;
178 padding:15px;
179 -webkit-border-top-left-radius: 10px;
180 -webkit-border-bottom-left-radius: 10px;
181 -moz-border-radius-topleft: 10px;
182 -moz-border-radius-bottomleft: 10px;
183 border-top-left-radius: 10px;
184 border-bottom-left-radius: 10px;
185 vertical-align:middle;
186 }
187 #configure{
188
189 }
190 #configure input[type="checkbox"]{
191 margin-right:5px;
192 -ms-transform: scale(1.2); /* IE */
193 -moz-transform: scale(1.2); /* FF */
194 -webkit-transform: scale(1.2); /* Safari and Chrome */
195 -o-transform: scale(1.2); /* Opera */
196 position:relative;
197 top:-2px;
198 *overflow:hidden;
199 }
200 #saveBook{
201 margin-top:10px;
202 text-align:right;
203 }
204 #saveBook .label{
205 display:block;
206 text-align:left;
207 margin-bottom:10px;
208 }
209 #saveBook .editor{
210 display:block;
211 margin:4px 0;
212 }
213 #saveBook .save{
214 }
215 .hovered{
216 background:#ddd !important;
217 }
218 div.entry .insert{
219 display:inline-block;
220 color:#fff;
221 text-align:center;
222 vertical-align:center;
223 position:relative;
224 }
225 .insertIcon{
226 display:inline-block;
227 margin: auto 5px;
228 background:#444;
229 padding:5px 7px;
230 -webkit-border-radius: 5px;
231 -moz-border-radius: 5px;
232 border-radius: 5px;
233 cursor:pointer;
234 font-size:16px;
235 line-height:16px;
236 }
237 .insertOption{
238 position:absolute;
239 left:33px;
240 width:190px;
241 top:-15px;
242 text-align:left;
243 background:#000;
244 color:#fff;
245 -webkit-border-radius: 10px;
246 -moz-border-radius: 10px;
247 border-radius: 10px;
248 padding:10px;
249 font-size:16px;
250 line-height:24px;
251 }
252 .insertBefore{
253 text-align:center;
254 display:inline-block;
255 cursor:pointer;
256 }
257 .insertAfter{
258 text-align:center;
259 display:inline-block;
260 margin-left:5px;
261 }