Mercurial > hg > LGToc
annotate css/check_sections.css @ 20:ae69cfe4f9d2 default tip
new version, remove session mechanism,
after all server side save data without session in previous version, check_sections_detail.php
| author | Calvin Yeh <cyeh@mpiwg-berlin.mpg.de> |
|---|---|
| date | Mon, 25 Sep 2017 14:32:47 +0200 |
| parents | a15320882b30 |
| children |
| rev | line source |
|---|---|
| 0 | 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 } | |
|
18
a15320882b30
modified version list area, make it more neat.
Calvin Yeh <cyeh@mpiwg-berlin.mpg.de>
parents:
0
diff
changeset
|
45 |
|
a15320882b30
modified version list area, make it more neat.
Calvin Yeh <cyeh@mpiwg-berlin.mpg.de>
parents:
0
diff
changeset
|
46 table.bookInfo, |
|
a15320882b30
modified version list area, make it more neat.
Calvin Yeh <cyeh@mpiwg-berlin.mpg.de>
parents:
0
diff
changeset
|
47 table.bookInfo tr, |
|
a15320882b30
modified version list area, make it more neat.
Calvin Yeh <cyeh@mpiwg-berlin.mpg.de>
parents:
0
diff
changeset
|
48 table.bookInfo th, |
|
a15320882b30
modified version list area, make it more neat.
Calvin Yeh <cyeh@mpiwg-berlin.mpg.de>
parents:
0
diff
changeset
|
49 table.bookInfo td, |
|
a15320882b30
modified version list area, make it more neat.
Calvin Yeh <cyeh@mpiwg-berlin.mpg.de>
parents:
0
diff
changeset
|
50 table#history_table, |
|
a15320882b30
modified version list area, make it more neat.
Calvin Yeh <cyeh@mpiwg-berlin.mpg.de>
parents:
0
diff
changeset
|
51 #history_body tr, |
|
a15320882b30
modified version list area, make it more neat.
Calvin Yeh <cyeh@mpiwg-berlin.mpg.de>
parents:
0
diff
changeset
|
52 #history_body td { |
|
a15320882b30
modified version list area, make it more neat.
Calvin Yeh <cyeh@mpiwg-berlin.mpg.de>
parents:
0
diff
changeset
|
53 border: 1px solid black; |
|
a15320882b30
modified version list area, make it more neat.
Calvin Yeh <cyeh@mpiwg-berlin.mpg.de>
parents:
0
diff
changeset
|
54 border-collapse: collapse; |
|
a15320882b30
modified version list area, make it more neat.
Calvin Yeh <cyeh@mpiwg-berlin.mpg.de>
parents:
0
diff
changeset
|
55 } |
|
a15320882b30
modified version list area, make it more neat.
Calvin Yeh <cyeh@mpiwg-berlin.mpg.de>
parents:
0
diff
changeset
|
56 |
|
a15320882b30
modified version list area, make it more neat.
Calvin Yeh <cyeh@mpiwg-berlin.mpg.de>
parents:
0
diff
changeset
|
57 table.bookInfo th, |
|
a15320882b30
modified version list area, make it more neat.
Calvin Yeh <cyeh@mpiwg-berlin.mpg.de>
parents:
0
diff
changeset
|
58 table.bookInfo td, |
|
a15320882b30
modified version list area, make it more neat.
Calvin Yeh <cyeh@mpiwg-berlin.mpg.de>
parents:
0
diff
changeset
|
59 #history_body td { |
|
a15320882b30
modified version list area, make it more neat.
Calvin Yeh <cyeh@mpiwg-berlin.mpg.de>
parents:
0
diff
changeset
|
60 text-align: center; |
|
a15320882b30
modified version list area, make it more neat.
Calvin Yeh <cyeh@mpiwg-berlin.mpg.de>
parents:
0
diff
changeset
|
61 padding: 5px; |
|
a15320882b30
modified version list area, make it more neat.
Calvin Yeh <cyeh@mpiwg-berlin.mpg.de>
parents:
0
diff
changeset
|
62 } |
|
a15320882b30
modified version list area, make it more neat.
Calvin Yeh <cyeh@mpiwg-berlin.mpg.de>
parents:
0
diff
changeset
|
63 |
| 0 | 64 table{ |
| 65 margin-bottom:20px; | |
| 66 } | |
| 67 td.level1, td.level2,td.level3, td.period{ | |
| 68 width:70px; | |
| 69 } | |
| 70 div.entry{ | |
| 71 display:table-row; | |
| 72 vertical-align:middle; | |
| 73 cursor:move; | |
| 74 } | |
| 75 div.entry .cell{ | |
| 76 display:table-cell; | |
| 77 } | |
| 78 div.level1 .cell{ | |
| 79 vertical-align:middle; | |
| 80 padding:15px 0px 5px 0px; | |
| 81 } | |
| 82 div.level2 .cell{ | |
| 83 padding:5px 0px; | |
| 84 } | |
| 85 div.level3 .cell{ | |
| 86 padding:10px 0px; | |
| 87 } | |
| 88 div.entry .sequence{ | |
| 89 display:inline-block; | |
| 90 width:36px; | |
| 91 text-align:right; | |
| 92 padding-left:10px; | |
| 93 padding-right:10px; | |
| 94 font-size:14px; | |
| 95 margin-right:30px; | |
| 96 border-right:1px #888 solid; | |
| 97 color:#888; | |
| 98 } | |
| 99 div.entry .name{ | |
| 100 display:inline-block; | |
| 101 width:350px; | |
| 102 margin-left:20px; | |
| 103 min-height:20px; | |
| 104 } | |
| 105 div.entry .page{ | |
| 106 display:inline-block; | |
|
18
a15320882b30
modified version list area, make it more neat.
Calvin Yeh <cyeh@mpiwg-berlin.mpg.de>
parents:
0
diff
changeset
|
107 padding:0px; |
| 0 | 108 } |
| 109 div.startPage{ | |
| 110 display:inline-block; | |
| 111 text-align:center; | |
| 112 width:50px; | |
| 113 min-height:20px; | |
| 114 } | |
| 115 div.endPage{ | |
| 116 display:inline-block; | |
| 117 text-align:center; | |
| 118 width:50px; | |
| 119 min-height:20px; | |
| 120 } | |
| 121 div.level1{ | |
| 122 border-bottom:1px solid #000; | |
| 123 } | |
| 124 div.level2{ | |
| 125 } | |
| 126 div.level2 .name{ | |
| 127 text-indent:40px; | |
| 128 } | |
| 129 div.level3{ | |
| 130 } | |
| 131 div.level3 .name{ | |
| 132 text-indent:80px; | |
| 133 } | |
| 134 div.overlapper{ | |
| 135 background:#F5A9A9; | |
| 136 } | |
| 137 div.entry .editLevel{ | |
| 138 display:inline-block; | |
| 139 margin:0 5px; | |
| 140 } | |
| 141 div.entry .deleteEntry{ | |
| 142 display:inline-block; | |
| 143 padding-right:5px; | |
| 144 position:relative; | |
| 145 } | |
| 146 div.deleteEntry input{ | |
| 147 width:60px; | |
| 148 text-align:center; | |
| 149 } | |
| 150 #deleteRange{ | |
| 151 position:absolute; | |
| 152 z-index:102; | |
| 153 background:#000; | |
| 154 color:#fff; | |
| 155 -webkit-border-radius: 10px; | |
| 156 -moz-border-radius: 10px; | |
| 157 border-radius: 10px; | |
| 158 padding:10px; | |
| 159 width:260px; | |
| 160 font-size:16px; | |
| 161 line-height:24px; | |
| 162 top:-15px; | |
| 163 left:65px | |
| 164 } | |
| 165 #deleteRange .deleteFrom,#deleteRange .deleteTo,#deleteRange .deleteRangeButton{ | |
| 166 display:inline-block; | |
| 167 } | |
| 168 #deleteRange .deleteButton{ | |
| 169 margin-left:10px; | |
| 170 } | |
| 171 div.deleted{ | |
| 172 opacity:0.2; | |
| 173 } | |
| 174 div.page input[type="text"]{ | |
| 175 width:45px; | |
| 176 height:17px; | |
| 177 text-align:center; | |
| 178 } | |
| 179 input{ | |
| 180 margin:0; | |
| 181 padding:0; | |
| 182 } | |
| 183 input[type="text"]{ | |
| 184 -webkit-border-radius: 4px; | |
| 185 -moz-border-radius: 4px; | |
| 186 border-radius: 4px; | |
| 187 border:1px #888 solid; | |
| 188 font-size:16px; | |
| 189 font-family:inherit; | |
| 190 } | |
| 191 input[type="button"]{ | |
| 192 font-size:20px; | |
| 193 font-family:inherit; | |
| 194 } | |
| 195 #panel{ | |
| 196 position:fixed; | |
| 197 top:30px; | |
| 198 right:0px; | |
| 199 font-size:16px; | |
| 200 line-height:24px; | |
| 201 } | |
| 202 #saveBook,#configure{ | |
| 203 background:#000; | |
| 204 color:#fff; | |
| 205 padding:15px; | |
| 206 -webkit-border-top-left-radius: 10px; | |
| 207 -webkit-border-bottom-left-radius: 10px; | |
| 208 -moz-border-radius-topleft: 10px; | |
| 209 -moz-border-radius-bottomleft: 10px; | |
| 210 border-top-left-radius: 10px; | |
| 211 border-bottom-left-radius: 10px; | |
| 212 vertical-align:middle; | |
| 213 } | |
| 214 #configure{ | |
|
18
a15320882b30
modified version list area, make it more neat.
Calvin Yeh <cyeh@mpiwg-berlin.mpg.de>
parents:
0
diff
changeset
|
215 |
| 0 | 216 } |
| 217 #configure input[type="checkbox"]{ | |
| 218 margin-right:5px; | |
| 219 -ms-transform: scale(1.2); /* IE */ | |
| 220 -moz-transform: scale(1.2); /* FF */ | |
| 221 -webkit-transform: scale(1.2); /* Safari and Chrome */ | |
| 222 -o-transform: scale(1.2); /* Opera */ | |
| 223 position:relative; | |
| 224 top:-2px; | |
| 225 *overflow:hidden; | |
| 226 } | |
| 227 #saveBook{ | |
| 228 margin-top:10px; | |
| 229 text-align:right; | |
| 230 } | |
| 231 #saveBook .label{ | |
| 232 display:block; | |
| 233 text-align:left; | |
| 234 margin-bottom:10px; | |
| 235 } | |
| 236 #saveBook .editor{ | |
| 237 display:block; | |
| 238 margin:4px 0; | |
|
18
a15320882b30
modified version list area, make it more neat.
Calvin Yeh <cyeh@mpiwg-berlin.mpg.de>
parents:
0
diff
changeset
|
239 } |
| 0 | 240 #saveBook .save{ |
| 241 } | |
| 242 .hovered{ | |
| 243 background:#ddd !important; | |
| 244 } | |
| 245 div.entry .insert{ | |
| 246 display:inline-block; | |
| 247 color:#fff; | |
| 248 text-align:center; | |
| 249 vertical-align:center; | |
| 250 position:relative; | |
| 251 } | |
| 252 .insertIcon{ | |
| 253 display:inline-block; | |
| 254 margin: auto 5px; | |
| 255 background:#444; | |
| 256 padding:5px 7px; | |
| 257 -webkit-border-radius: 5px; | |
| 258 -moz-border-radius: 5px; | |
| 259 border-radius: 5px; | |
| 260 cursor:pointer; | |
| 261 font-size:16px; | |
| 262 line-height:16px; | |
| 263 } | |
| 264 .insertOption{ | |
| 265 position:absolute; | |
| 266 left:33px; | |
| 267 width:190px; | |
| 268 top:-15px; | |
| 269 text-align:left; | |
| 270 background:#000; | |
| 271 color:#fff; | |
| 272 -webkit-border-radius: 10px; | |
| 273 -moz-border-radius: 10px; | |
| 274 border-radius: 10px; | |
| 275 padding:10px; | |
| 276 font-size:16px; | |
| 277 line-height:24px; | |
| 278 } | |
| 279 .insertBefore{ | |
| 280 text-align:center; | |
| 281 display:inline-block; | |
| 282 cursor:pointer; | |
| 283 } | |
| 284 .insertAfter{ | |
| 285 text-align:center; | |
| 286 display:inline-block; | |
| 287 margin-left:5px; | |
| 288 } |