Mercurial > hg > LGToc
comparison css/check_sections.css @ 0:723a162b6627
first commit
| author | Zoe Hong <zhong@mpiwg-berlin.mpg.de> |
|---|---|
| date | Thu, 19 Mar 2015 15:06:34 +0100 |
| parents | |
| children | a15320882b30 |
comparison
equal
deleted
inserted
replaced
| -1:000000000000 | 0:723a162b6627 |
|---|---|
| 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.level3, 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.level3 .cell{ | |
| 67 padding:10px 0px; | |
| 68 } | |
| 69 div.entry .sequence{ | |
| 70 display:inline-block; | |
| 71 width:36px; | |
| 72 text-align:right; | |
| 73 padding-left:10px; | |
| 74 padding-right:10px; | |
| 75 font-size:14px; | |
| 76 margin-right:30px; | |
| 77 border-right:1px #888 solid; | |
| 78 color:#888; | |
| 79 } | |
| 80 div.entry .name{ | |
| 81 display:inline-block; | |
| 82 width:350px; | |
| 83 margin-left:20px; | |
| 84 min-height:20px; | |
| 85 } | |
| 86 div.entry .page{ | |
| 87 display:inline-block; | |
| 88 padding:0px; | |
| 89 } | |
| 90 div.startPage{ | |
| 91 display:inline-block; | |
| 92 text-align:center; | |
| 93 width:50px; | |
| 94 min-height:20px; | |
| 95 } | |
| 96 div.endPage{ | |
| 97 display:inline-block; | |
| 98 text-align:center; | |
| 99 width:50px; | |
| 100 min-height:20px; | |
| 101 } | |
| 102 div.level1{ | |
| 103 border-bottom:1px solid #000; | |
| 104 } | |
| 105 div.level2{ | |
| 106 } | |
| 107 div.level2 .name{ | |
| 108 text-indent:40px; | |
| 109 } | |
| 110 div.level3{ | |
| 111 } | |
| 112 div.level3 .name{ | |
| 113 text-indent:80px; | |
| 114 } | |
| 115 div.overlapper{ | |
| 116 background:#F5A9A9; | |
| 117 } | |
| 118 div.entry .editLevel{ | |
| 119 display:inline-block; | |
| 120 margin:0 5px; | |
| 121 } | |
| 122 div.entry .deleteEntry{ | |
| 123 display:inline-block; | |
| 124 padding-right:5px; | |
| 125 position:relative; | |
| 126 } | |
| 127 div.deleteEntry input{ | |
| 128 width:60px; | |
| 129 text-align:center; | |
| 130 } | |
| 131 #deleteRange{ | |
| 132 position:absolute; | |
| 133 z-index:102; | |
| 134 background:#000; | |
| 135 color:#fff; | |
| 136 -webkit-border-radius: 10px; | |
| 137 -moz-border-radius: 10px; | |
| 138 border-radius: 10px; | |
| 139 padding:10px; | |
| 140 width:260px; | |
| 141 font-size:16px; | |
| 142 line-height:24px; | |
| 143 top:-15px; | |
| 144 left:65px | |
| 145 } | |
| 146 #deleteRange .deleteFrom,#deleteRange .deleteTo,#deleteRange .deleteRangeButton{ | |
| 147 display:inline-block; | |
| 148 } | |
| 149 #deleteRange .deleteButton{ | |
| 150 margin-left:10px; | |
| 151 } | |
| 152 div.deleted{ | |
| 153 opacity:0.2; | |
| 154 } | |
| 155 div.page input[type="text"]{ | |
| 156 width:45px; | |
| 157 height:17px; | |
| 158 text-align:center; | |
| 159 } | |
| 160 input{ | |
| 161 margin:0; | |
| 162 padding:0; | |
| 163 } | |
| 164 input[type="text"]{ | |
| 165 -webkit-border-radius: 4px; | |
| 166 -moz-border-radius: 4px; | |
| 167 border-radius: 4px; | |
| 168 border:1px #888 solid; | |
| 169 font-size:16px; | |
| 170 font-family:inherit; | |
| 171 } | |
| 172 input[type="button"]{ | |
| 173 font-size:20px; | |
| 174 font-family:inherit; | |
| 175 } | |
| 176 #panel{ | |
| 177 position:fixed; | |
| 178 top:30px; | |
| 179 right:0px; | |
| 180 font-size:16px; | |
| 181 line-height:24px; | |
| 182 } | |
| 183 #saveBook,#configure{ | |
| 184 background:#000; | |
| 185 color:#fff; | |
| 186 padding:15px; | |
| 187 -webkit-border-top-left-radius: 10px; | |
| 188 -webkit-border-bottom-left-radius: 10px; | |
| 189 -moz-border-radius-topleft: 10px; | |
| 190 -moz-border-radius-bottomleft: 10px; | |
| 191 border-top-left-radius: 10px; | |
| 192 border-bottom-left-radius: 10px; | |
| 193 vertical-align:middle; | |
| 194 } | |
| 195 #configure{ | |
| 196 | |
| 197 } | |
| 198 #configure input[type="checkbox"]{ | |
| 199 margin-right:5px; | |
| 200 -ms-transform: scale(1.2); /* IE */ | |
| 201 -moz-transform: scale(1.2); /* FF */ | |
| 202 -webkit-transform: scale(1.2); /* Safari and Chrome */ | |
| 203 -o-transform: scale(1.2); /* Opera */ | |
| 204 position:relative; | |
| 205 top:-2px; | |
| 206 *overflow:hidden; | |
| 207 } | |
| 208 #saveBook{ | |
| 209 margin-top:10px; | |
| 210 text-align:right; | |
| 211 } | |
| 212 #saveBook .label{ | |
| 213 display:block; | |
| 214 text-align:left; | |
| 215 margin-bottom:10px; | |
| 216 } | |
| 217 #saveBook .editor{ | |
| 218 display:block; | |
| 219 margin:4px 0; | |
| 220 } | |
| 221 #saveBook .save{ | |
| 222 } | |
| 223 .hovered{ | |
| 224 background:#ddd !important; | |
| 225 } | |
| 226 div.entry .insert{ | |
| 227 display:inline-block; | |
| 228 color:#fff; | |
| 229 text-align:center; | |
| 230 vertical-align:center; | |
| 231 position:relative; | |
| 232 } | |
| 233 .insertIcon{ | |
| 234 display:inline-block; | |
| 235 margin: auto 5px; | |
| 236 background:#444; | |
| 237 padding:5px 7px; | |
| 238 -webkit-border-radius: 5px; | |
| 239 -moz-border-radius: 5px; | |
| 240 border-radius: 5px; | |
| 241 cursor:pointer; | |
| 242 font-size:16px; | |
| 243 line-height:16px; | |
| 244 } | |
| 245 .insertOption{ | |
| 246 position:absolute; | |
| 247 left:33px; | |
| 248 width:190px; | |
| 249 top:-15px; | |
| 250 text-align:left; | |
| 251 background:#000; | |
| 252 color:#fff; | |
| 253 -webkit-border-radius: 10px; | |
| 254 -moz-border-radius: 10px; | |
| 255 border-radius: 10px; | |
| 256 padding:10px; | |
| 257 font-size:16px; | |
| 258 line-height:24px; | |
| 259 } | |
| 260 .insertBefore{ | |
| 261 text-align:center; | |
| 262 display:inline-block; | |
| 263 cursor:pointer; | |
| 264 } | |
| 265 .insertAfter{ | |
| 266 text-align:center; | |
| 267 display:inline-block; | |
| 268 margin-left:5px; | |
| 269 } |
