| 1 | html {
|
|---|
| 2 | height: 100%;
|
|---|
| 3 | margin-bottom: 0; /* This used to be 1px, unknown why but caused a 1px 'jiggle' + scrollbar when otherwise unnecessary. */
|
|---|
| 4 | }
|
|---|
| 5 | body {
|
|---|
| 6 | font-family: Arial, "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
|
|---|
| 7 | margin: 0;
|
|---|
| 8 | background-color: #eae4d9;
|
|---|
| 9 | }
|
|---|
| 10 |
|
|---|
| 11 | h3 {
|
|---|
| 12 | margin-top:2px;
|
|---|
| 13 | margin-bottom:2px;
|
|---|
| 14 | }
|
|---|
| 15 |
|
|---|
| 16 | p {
|
|---|
| 17 | margin-top:0px;
|
|---|
| 18 | margin-bottom:0.75em;
|
|---|
| 19 | }
|
|---|
| 20 |
|
|---|
| 21 | pre {
|
|---|
| 22 | white-space: pre-wrap; /* css-3 */
|
|---|
| 23 | white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
|
|---|
| 24 | white-space: -pre-wrap; /* Opera 4-6 */
|
|---|
| 25 | white-space: -o-pre-wrap; /* Opera 7 */
|
|---|
| 26 | word-wrap: break-word; /* Internet Explorer 5.5+ */
|
|---|
| 27 | }
|
|---|
| 28 |
|
|---|
| 29 | .sectionHeader {
|
|---|
| 30 | margin-top:0px;
|
|---|
| 31 | margin-bottom:0px;
|
|---|
| 32 | }
|
|---|
| 33 |
|
|---|
| 34 | .headerTD {
|
|---|
| 35 | vertical-align: middle;
|
|---|
| 36 | }
|
|---|
| 37 |
|
|---|
| 38 | /* Styles for the different depths */
|
|---|
| 39 | .sectionHeaderDepthTitle{
|
|---|
| 40 | font-size:1.4em;
|
|---|
| 41 | line-height:1em;
|
|---|
| 42 | font-weight:bold;
|
|---|
| 43 | }
|
|---|
| 44 |
|
|---|
| 45 | .sectionHeaderDepth1{
|
|---|
| 46 | font-size:1.3em;
|
|---|
| 47 | line-height:1em;
|
|---|
| 48 | font-weight:bold;
|
|---|
| 49 | }
|
|---|
| 50 |
|
|---|
| 51 | .sectionHeaderDepth2{
|
|---|
| 52 | font-size:1.2em;
|
|---|
| 53 | line-height:1em;
|
|---|
| 54 | font-weight:bold;
|
|---|
| 55 | font-style:italic;
|
|---|
| 56 | }
|
|---|
| 57 |
|
|---|
| 58 | .sectionHeaderDepth3{
|
|---|
| 59 | font-size:1.1em;
|
|---|
| 60 | line-height:1em;
|
|---|
| 61 | font-style:italic;
|
|---|
| 62 | }
|
|---|
| 63 |
|
|---|
| 64 | .sectionHeaderDepth4{
|
|---|
| 65 | font-size:1em;
|
|---|
| 66 | line-height:1em;
|
|---|
| 67 | font-weight:italic;
|
|---|
| 68 | }
|
|---|
| 69 |
|
|---|
| 70 | .sectionNumberSpan{
|
|---|
| 71 | /*Comment out this line to enable automatic section numbering*/
|
|---|
| 72 | display:none;
|
|---|
| 73 | }
|
|---|
| 74 |
|
|---|
| 75 | .sectionContainer{
|
|---|
| 76 | padding-top:0.5em;
|
|---|
| 77 | padding-bottom:1em;
|
|---|
| 78 | padding-left:1.5em;
|
|---|
| 79 | }
|
|---|
| 80 |
|
|---|
| 81 | .classifierContainer {
|
|---|
| 82 | padding-left:1.5em;
|
|---|
| 83 | }
|
|---|
| 84 |
|
|---|
| 85 | .horizontalContainer {
|
|---|
| 86 | padding-left:0px;
|
|---|
| 87 | margin:0px;
|
|---|
| 88 | text-transform: capitalize; /* To get the bookshelves and buckets titlecased (they're stored lowercased) */
|
|---|
| 89 | }
|
|---|
| 90 |
|
|---|
| 91 | .selectedHorizontalClassifierNode a{
|
|---|
| 92 | font-weight: bold;
|
|---|
| 93 | text-decoration: none;
|
|---|
| 94 | }
|
|---|
| 95 |
|
|---|
| 96 | .horizontalClassifierNode {
|
|---|
| 97 | padding:0px 0px 10px 10px;
|
|---|
| 98 | list-style:none;
|
|---|
| 99 | display: inline-block;
|
|---|
| 100 | }
|
|---|
| 101 |
|
|---|
| 102 | .icon{
|
|---|
| 103 | cursor:pointer;
|
|---|
| 104 | padding:2px;
|
|---|
| 105 | border:0px;
|
|---|
| 106 | }
|
|---|
| 107 |
|
|---|
| 108 | .emptyIcon {
|
|---|
| 109 | height:16px;
|
|---|
| 110 | width:16px;
|
|---|
| 111 | }
|
|---|
| 112 |
|
|---|
| 113 | .backToTop {
|
|---|
| 114 | font-size:0.7em;
|
|---|
| 115 | padding-left: 2em;
|
|---|
| 116 | text-align:center;
|
|---|
| 117 | }
|
|---|
| 118 |
|
|---|
| 119 | .hidden{
|
|---|
| 120 | display:none;
|
|---|
| 121 | }
|
|---|
| 122 |
|
|---|
| 123 | #prevArrowTD {
|
|---|
| 124 | text-align:right;
|
|---|
| 125 | width:10%;
|
|---|
| 126 | }
|
|---|
| 127 |
|
|---|
| 128 | #nextArrowTD {
|
|---|
| 129 | text-align:left;
|
|---|
| 130 | width:10%;
|
|---|
| 131 | }
|
|---|
| 132 |
|
|---|
| 133 | #prevTD {
|
|---|
| 134 | text-align:left;
|
|---|
| 135 | width:20%;
|
|---|
| 136 | }
|
|---|
| 137 |
|
|---|
| 138 | #nextTD {
|
|---|
| 139 | text-align:right;
|
|---|
| 140 | width:20%;
|
|---|
| 141 | }
|
|---|
| 142 |
|
|---|
| 143 | #searchResultNavTable {
|
|---|
| 144 | width:100%;
|
|---|
| 145 | }
|
|---|
| 146 |
|
|---|
| 147 | #searchResultsStatusBar {
|
|---|
| 148 | text-align:center;
|
|---|
| 149 | }
|
|---|
| 150 |
|
|---|
| 151 | .HighlightSnippet {
|
|---|
| 152 | font-size:0.7em;
|
|---|
| 153 | }
|
|---|
| 154 |
|
|---|
| 155 | #container {
|
|---|
| 156 | position: relative;
|
|---|
| 157 | margin: 0 auto 20px auto;
|
|---|
| 158 | max-width: 1000px;
|
|---|
| 159 | padding: 0;
|
|---|
| 160 | line-height: 120%;
|
|---|
| 161 | background-color: #fff;
|
|---|
| 162 | border-top-width: 0px;
|
|---|
| 163 | }
|
|---|
| 164 |
|
|---|
| 165 | #topArea {
|
|---|
| 166 | border: none;
|
|---|
| 167 | max-width: 1000px;
|
|---|
| 168 | margin: 20px auto 0;
|
|---|
| 169 | }
|
|---|
| 170 |
|
|---|
| 171 | #topArea table {
|
|---|
| 172 | width: 100%;
|
|---|
| 173 | }
|
|---|
| 174 |
|
|---|
| 175 | #topArea td {
|
|---|
| 176 | width: 50%;
|
|---|
| 177 | }
|
|---|
| 178 |
|
|---|
| 179 | #gs_banner {
|
|---|
| 180 | padding:0px;
|
|---|
| 181 | position: relative;
|
|---|
| 182 | border: 0px;
|
|---|
| 183 | }
|
|---|
| 184 |
|
|---|
| 185 | #gs_content {
|
|---|
| 186 | /* Unsure why this negative margin existed. Leaving it for posterity should issues occur.
|
|---|
| 187 | * The top padding value has been adjusted accordingly.
|
|---|
| 188 | *
|
|---|
| 189 | * margin-top:-10px;
|
|---|
| 190 | */
|
|---|
| 191 | padding: 10px 20px 10px;
|
|---|
| 192 | min-height: 300px;
|
|---|
| 193 | }
|
|---|
| 194 |
|
|---|
| 195 | #gs_footer {
|
|---|
| 196 | position: relative;
|
|---|
| 197 | display: block;
|
|---|
| 198 | margin: -1px auto;
|
|---|
| 199 | text-align: center;
|
|---|
| 200 | vertical-align: middle;
|
|---|
| 201 | font-size: 70%;
|
|---|
| 202 | padding-top:5px;
|
|---|
| 203 | padding-bottom:5px;
|
|---|
| 204 | }
|
|---|
| 205 |
|
|---|
| 206 | .termList {
|
|---|
| 207 | font-size:12px;
|
|---|
| 208 | line-height:14px;
|
|---|
| 209 | }
|
|---|
| 210 |
|
|---|
| 211 | .noTermHighlight{
|
|---|
| 212 |
|
|---|
| 213 | }
|
|---|
| 214 |
|
|---|
| 215 | .termHighlight{
|
|---|
| 216 | background:yellow;
|
|---|
| 217 | }
|
|---|
| 218 | .snippetText{
|
|---|
| 219 | font-weight:bold;
|
|---|
| 220 | font-style:italic;
|
|---|
| 221 | }
|
|---|
| 222 |
|
|---|
| 223 |
|
|---|
| 224 | #viewAndZoomOptions {
|
|---|
| 225 | margin-bottom:10px;
|
|---|
| 226 | border:0px;
|
|---|
| 227 | }
|
|---|
| 228 |
|
|---|
| 229 | #viewOptions {
|
|---|
| 230 | margin: 0px;
|
|---|
| 231 | padding: 0px;
|
|---|
| 232 | }
|
|---|
| 233 |
|
|---|
| 234 | #viewOptions li {
|
|---|
| 235 | list-style:none;
|
|---|
| 236 | float:left;
|
|---|
| 237 | padding: 5px;
|
|---|
| 238 | cursor:pointer;
|
|---|
| 239 | }
|
|---|
| 240 |
|
|---|
| 241 | .tableOfContentsTitle{
|
|---|
| 242 | font-weight:bold;
|
|---|
| 243 | text-align:left;
|
|---|
| 244 | }
|
|---|
| 245 |
|
|---|
| 246 | .viewOptions a:link, .viewOptions a:hover, .viewOptions a:active, .viewOptions a:visited {
|
|---|
| 247 | text-decoration:none;
|
|---|
| 248 | }
|
|---|
| 249 |
|
|---|
| 250 | #rightSidebar {
|
|---|
| 251 | min-width:180px;
|
|---|
| 252 | float:right;
|
|---|
| 253 | margin: 0 0 10px 20px;
|
|---|
| 254 | }
|
|---|
| 255 |
|
|---|
| 256 | #contentsArea {
|
|---|
| 257 | padding:0px 10px;
|
|---|
| 258 | }
|
|---|
| 259 |
|
|---|
| 260 | #collectionLinks {
|
|---|
| 261 | position: relative;
|
|---|
| 262 | }
|
|---|
| 263 |
|
|---|
| 264 | /*
|
|---|
| 265 | #collectionLinks a div{
|
|---|
| 266 | display: block;
|
|---|
| 267 | float: left;
|
|---|
| 268 | border: 1px solid #888;
|
|---|
| 269 | margin: 0 20px 20px 0;
|
|---|
| 270 | font-size: 150%;
|
|---|
| 271 | color: #444;
|
|---|
| 272 | text-decoration: none;
|
|---|
| 273 | background: url(../images/collectionIconStripe.gif) scroll no-repeat 0 0;
|
|---|
| 274 | padding: 20px;
|
|---|
| 275 | min-width: 200px;
|
|---|
| 276 | text-align:center;
|
|---|
| 277 | }
|
|---|
| 278 | */
|
|---|
| 279 |
|
|---|
| 280 | #collectionLinks a img{
|
|---|
| 281 | display: block;
|
|---|
| 282 | float: left;
|
|---|
| 283 | border: 1px solid #888;
|
|---|
| 284 | margin: 0 20px 20px 0;
|
|---|
| 285 | font-size: 150%;
|
|---|
| 286 | color: #444;
|
|---|
| 287 | text-decoration: none;
|
|---|
| 288 | height:60px;
|
|---|
| 289 | }
|
|---|
| 290 |
|
|---|
| 291 | #groupLinks a img{
|
|---|
| 292 | display: block;
|
|---|
| 293 | float: left;
|
|---|
| 294 | border: 1px solid #888;
|
|---|
| 295 | margin: 0 20px 20px 0;
|
|---|
| 296 | font-size: 150%;
|
|---|
| 297 | color: #444;
|
|---|
| 298 | text-decoration: none;
|
|---|
| 299 | height:60px;
|
|---|
| 300 | }
|
|---|
| 301 |
|
|---|
| 302 | .groupLink {
|
|---|
| 303 | display: block;
|
|---|
| 304 | float: left;
|
|---|
| 305 | border: 1px solid #888;
|
|---|
| 306 | margin: 0 20px 20px 0;
|
|---|
| 307 | font-size: 150%;
|
|---|
| 308 | color: #444;
|
|---|
| 309 | text-decoration: none;
|
|---|
| 310 | min-width: 200px;
|
|---|
| 311 | text-align:center;
|
|---|
| 312 | }
|
|---|
| 313 | .collectionLink {
|
|---|
| 314 | display: block;
|
|---|
| 315 | float: left;
|
|---|
| 316 | border: 1px solid #888;
|
|---|
| 317 | margin: 0 20px 20px 0;
|
|---|
| 318 | font-size: 150%;
|
|---|
| 319 | color: #444;
|
|---|
| 320 | text-decoration: none;
|
|---|
| 321 | min-width: 200px;
|
|---|
| 322 | text-align:center;
|
|---|
| 323 | }
|
|---|
| 324 |
|
|---|
| 325 | .collectionLinkText {
|
|---|
| 326 | padding: 15px 15px 10px;
|
|---|
| 327 | }
|
|---|
| 328 |
|
|---|
| 329 | .collectionLinkImage {
|
|---|
| 330 | display: block;
|
|---|
| 331 | float: left;
|
|---|
| 332 | }
|
|---|
| 333 | .groupLinkText {
|
|---|
| 334 | padding: 15px 15px 10px;
|
|---|
| 335 | }
|
|---|
| 336 |
|
|---|
| 337 | /* some text should not be rendered as it is just there for search engines */
|
|---|
| 338 | #collectionLinks a b {
|
|---|
| 339 | display: none;
|
|---|
| 340 | }
|
|---|
| 341 |
|
|---|
| 342 | #groupLinks a b {
|
|---|
| 343 | display: none;
|
|---|
| 344 | }
|
|---|
| 345 |
|
|---|
| 346 | /* make sure h1s and h2s are readable on the green banner */
|
|---|
| 347 | #breadcrumbs, #gs_banner h2, #breadcrumbs a, #gs_banner h2 a {
|
|---|
| 348 | /*color: #fff;*/
|
|---|
| 349 | }
|
|---|
| 350 | body.dAction #gs_banner h2 {
|
|---|
| 351 | max-width: 600px;
|
|---|
| 352 | font-size: 100;
|
|---|
| 353 | }
|
|---|
| 354 |
|
|---|
| 355 | #titlesearchcontainer {
|
|---|
| 356 | padding-top: 20px;
|
|---|
| 357 | width: 100%;
|
|---|
| 358 | }
|
|---|
| 359 |
|
|---|
| 360 | #titlesearchcontainer, #titlesearchcontainer form, #titlesearchcontainer h2{
|
|---|
| 361 | margin-top: 0px;
|
|---|
| 362 | margin-bottom: 0px;
|
|---|
| 363 | }
|
|---|
| 364 |
|
|---|
| 365 | #titlearea {
|
|---|
| 366 | float: left;
|
|---|
| 367 | padding-left: 20px;
|
|---|
| 368 | }
|
|---|
| 369 |
|
|---|
| 370 | #titlearea h2{
|
|---|
| 371 | padding-left: 0px;
|
|---|
| 372 | padding-bottom: 20px;
|
|---|
| 373 | }
|
|---|
| 374 |
|
|---|
| 375 | #quickSearch {
|
|---|
| 376 | float: right;
|
|---|
| 377 | }
|
|---|
| 378 |
|
|---|
| 379 | #quicksearcharea {
|
|---|
| 380 | float: right;
|
|---|
| 381 | text-align: right;
|
|---|
| 382 | padding-right: 20px;
|
|---|
| 383 | }
|
|---|
| 384 |
|
|---|
| 385 | #quicksearcharea ul{
|
|---|
| 386 | margin:0;
|
|---|
| 387 | }
|
|---|
| 388 |
|
|---|
| 389 | #quicksearcharea li{
|
|---|
| 390 | display:inline;
|
|---|
| 391 | list-style:none;
|
|---|
| 392 | margin-left:5px;
|
|---|
| 393 | padding: 2px 3px 2px 5px;
|
|---|
| 394 | font-size: 10px;
|
|---|
| 395 | }
|
|---|
| 396 |
|
|---|
| 397 | #quicksearcharea a{
|
|---|
| 398 | text-transform:lowercase;
|
|---|
| 399 | }
|
|---|
| 400 |
|
|---|
| 401 | #breadcrumbs {
|
|---|
| 402 | margin-left: 20px;
|
|---|
| 403 | }
|
|---|
| 404 |
|
|---|
| 405 | #breadcrumbs a{
|
|---|
| 406 | text-decoration:underline;
|
|---|
| 407 | }
|
|---|
| 408 |
|
|---|
| 409 |
|
|---|
| 410 | /* css to make the page links work (home, help, preference) */
|
|---|
| 411 | #bannerLinks {
|
|---|
| 412 | text-align: right;
|
|---|
| 413 | list-style: none;
|
|---|
| 414 | margin: 0 20px;
|
|---|
| 415 | font-size: 90%;
|
|---|
| 416 | }
|
|---|
| 417 |
|
|---|
| 418 | #bannerLinks li {
|
|---|
| 419 | /*display: inline;*/
|
|---|
| 420 | float:right;
|
|---|
| 421 | padding: 1px 4px 1px 0px;
|
|---|
| 422 | }
|
|---|
| 423 |
|
|---|
| 424 | #bannerLinks ul {
|
|---|
| 425 | padding: 0px 3px 0px 0px;
|
|---|
| 426 | text-align: right;
|
|---|
| 427 | list-style: none;
|
|---|
| 428 | }
|
|---|
| 429 |
|
|---|
| 430 | #bannerLinks li.current a {
|
|---|
| 431 | cursor: default;
|
|---|
| 432 | }
|
|---|
| 433 |
|
|---|
| 434 | #bannerLinks li:hover, #bannerLinks li.current { background-position: 100% 0; }
|
|---|
| 435 |
|
|---|
| 436 | #bannerLinks li.current a { text-decoration: underline; background-position: 0 0;}
|
|---|
| 437 | #bannerLinks img.spacer { display: table-cell; }
|
|---|
| 438 |
|
|---|
| 439 | #userMenu {
|
|---|
| 440 | position: absolute;
|
|---|
| 441 | z-index: 100;
|
|---|
| 442 | list-style: none outside none;
|
|---|
| 443 | margin: 0px;
|
|---|
| 444 | padding: 0px;
|
|---|
| 445 | font-size: 90%;
|
|---|
| 446 | width: 150px;
|
|---|
| 447 |
|
|---|
| 448 | }
|
|---|
| 449 |
|
|---|
| 450 | #userMenu li {
|
|---|
| 451 | float: left;
|
|---|
| 452 | text-align: left;
|
|---|
| 453 | width: 100%;
|
|---|
| 454 | }
|
|---|
| 455 |
|
|---|
| 456 | /* css for alternative bannerLinks tabs */
|
|---|
| 457 | #bannerLinksTab {
|
|---|
| 458 | list-style: none outside none;
|
|---|
| 459 | padding: 0px;
|
|---|
| 460 | margin: 0 0 0 20px;
|
|---|
| 461 | font-size: 14px;
|
|---|
| 462 | }
|
|---|
| 463 |
|
|---|
| 464 | #bannerLinksTab li {
|
|---|
| 465 | float: right;
|
|---|
| 466 | display: inline;
|
|---|
| 467 | margin-right: 5px;
|
|---|
| 468 | padding: 3px 5px 5px 7px;
|
|---|
| 469 | text-transform: capitalize;
|
|---|
| 470 | text-align: center;
|
|---|
| 471 | border-bottom: 0px;
|
|---|
| 472 | }
|
|---|
| 473 |
|
|---|
| 474 |
|
|---|
| 475 | /* css to make the classifier list pretty */
|
|---|
| 476 | .navList {
|
|---|
| 477 | margin: 0 0 10px 0;
|
|---|
| 478 | padding: 0;
|
|---|
| 479 | background-color: #0a0;
|
|---|
| 480 | }
|
|---|
| 481 |
|
|---|
| 482 | .navList ul {
|
|---|
| 483 | margin: 0;
|
|---|
| 484 | padding: 0;
|
|---|
| 485 | list-style: none;
|
|---|
| 486 | }
|
|---|
| 487 |
|
|---|
| 488 | .navList td {
|
|---|
| 489 | /*float: left;*/
|
|---|
| 490 | padding-left: 3em;
|
|---|
| 491 | padding-right: 3em;
|
|---|
| 492 | text-align:center;
|
|---|
| 493 | cursor: pointer;
|
|---|
| 494 | color: #fff;
|
|---|
| 495 | }
|
|---|
| 496 | .navList li a, .navList li span {
|
|---|
| 497 | padding: 0 1em;
|
|---|
| 498 | display: block;
|
|---|
| 499 | text-decoration: none;
|
|---|
| 500 | color: #fff;
|
|---|
| 501 | }
|
|---|
| 502 |
|
|---|
| 503 | .navList td.current {
|
|---|
| 504 | background-color: #efea6e;
|
|---|
| 505 | color: #444;
|
|---|
| 506 | cursor: default;
|
|---|
| 507 | }
|
|---|
| 508 |
|
|---|
| 509 | .navList li.current a, .navList li.current span {
|
|---|
| 510 | color: #444;
|
|---|
| 511 | cursor: default;
|
|---|
| 512 | }
|
|---|
| 513 |
|
|---|
| 514 | /* css to make the tabs work */
|
|---|
| 515 | #gs-nav {
|
|---|
| 516 | list-style: none outside none;
|
|---|
| 517 | padding: 0px;
|
|---|
| 518 | margin: 0 0 0 20px;
|
|---|
| 519 | font-size: 14px;
|
|---|
| 520 | }
|
|---|
| 521 |
|
|---|
| 522 | #gs-nav ul {
|
|---|
| 523 | margin:0px;
|
|---|
| 524 | padding:0px;
|
|---|
| 525 | }
|
|---|
| 526 |
|
|---|
| 527 | #gs-nav li {
|
|---|
| 528 | float:left;
|
|---|
| 529 | display: inline;
|
|---|
| 530 | margin-right: 5px;
|
|---|
| 531 | padding: 3px 5px 5px 7px;
|
|---|
| 532 | text-transform: capitalize;
|
|---|
| 533 | text-align: center;
|
|---|
| 534 | border-bottom: 0px;
|
|---|
| 535 | }
|
|---|
| 536 |
|
|---|
| 537 | #gs-nav a{
|
|---|
| 538 | margin:0px;
|
|---|
| 539 | font-weight: bold;
|
|---|
| 540 | text-decoration: none;
|
|---|
| 541 | }
|
|---|
| 542 |
|
|---|
| 543 | #gs-nav li:hover, #gs-nav li.current { background-position: 100% 0; }
|
|---|
| 544 | #gs-nav li:hover a, #gs-nav li.current a { background-position: 0 0; cursor:default; }
|
|---|
| 545 |
|
|---|
| 546 | /* style the search and classifier results */
|
|---|
| 547 | #resultsTable {
|
|---|
| 548 | line-height: 130%;
|
|---|
| 549 | margin: 0;
|
|---|
| 550 | padding: 0;
|
|---|
| 551 | /* border: 1px solid #f00; */
|
|---|
| 552 | }
|
|---|
| 553 |
|
|---|
| 554 | #resultsTable ul {
|
|---|
| 555 | margin: 0 0 0 20px;
|
|---|
| 556 | padding: 0;
|
|---|
| 557 | }
|
|---|
| 558 |
|
|---|
| 559 | #resultsTable li {
|
|---|
| 560 | list-style: none;
|
|---|
| 561 | margin: 0 0 .2em 0;
|
|---|
| 562 | /* border: 1px solid #00f; */
|
|---|
| 563 | }
|
|---|
| 564 |
|
|---|
| 565 | #resultsTable li a {
|
|---|
| 566 | padding: 3px 3px 3px 3px;
|
|---|
| 567 | background-repeat: no-repeat;
|
|---|
| 568 | background-position: 0 .1em;
|
|---|
| 569 | }
|
|---|
| 570 |
|
|---|
| 571 |
|
|---|
| 572 | #resultsTable .document a { /*background-image: url('../images/book.png'); */}
|
|---|
| 573 | #resultsTable .document a:visited { background-image: url('../images/book-visited.png'); color: #999; }
|
|---|
| 574 | #resultsTable .shelf>a { background-image: url('../images/bookshelf.png'); }
|
|---|
| 575 |
|
|---|
| 576 | .metaposCell { display: none; }
|
|---|
| 577 |
|
|---|
| 578 | .metaTableCell { border: 1;}
|
|---|
| 579 | .metaTableCellArea {
|
|---|
| 580 | border: none;
|
|---|
| 581 | resize: none;
|
|---|
| 582 | outline: none;
|
|---|
| 583 | overflow: auto;
|
|---|
| 584 | width: var(--metatablecellwidth);
|
|---|
| 585 | -webkit-box-sizing: border-box;
|
|---|
| 586 | -moz-box-sizing: border-box;
|
|---|
| 587 | box-sizing: border-box;
|
|---|
| 588 | }
|
|---|
| 589 |
|
|---|
| 590 | .metaTableCellArea.threecol {
|
|---|
| 591 | width:calc((var(--metatablecellwidth) + 100px)/3);
|
|---|
| 592 | min-width:auto;
|
|---|
| 593 | }
|
|---|
| 594 |
|
|---|
| 595 |
|
|---|
| 596 | /* corners of the banner */
|
|---|
| 597 | /*
|
|---|
| 598 | .corner {
|
|---|
| 599 | position: absolute;
|
|---|
| 600 | background-image: url('../images/layout/corners.png');
|
|---|
| 601 | background-repeat: no-repeat;
|
|---|
| 602 | width: 20px;
|
|---|
| 603 | height: 20px;
|
|---|
| 604 | }
|
|---|
| 605 |
|
|---|
| 606 | #cornerTopLeft {
|
|---|
| 607 | left: 0; top: 0;
|
|---|
| 608 | background-position: 0 0;
|
|---|
| 609 | }
|
|---|
| 610 | #cornerTopRight {
|
|---|
| 611 | right: 0; top: 0;
|
|---|
| 612 | background-position: -20px 0;
|
|---|
| 613 | }
|
|---|
| 614 | #cornerBottomLeft {
|
|---|
| 615 | left: 0; bottom: 0;
|
|---|
| 616 | background-position: 0 -20px;
|
|---|
| 617 | }
|
|---|
| 618 | #cornerBottomRight {
|
|---|
| 619 | right: 0; bottom: 0;
|
|---|
| 620 | background-position: -20px -20px;
|
|---|
| 621 | }
|
|---|
| 622 | */
|
|---|
| 623 | .clear {
|
|---|
| 624 | clear: both;
|
|---|
| 625 | }
|
|---|
| 626 |
|
|---|
| 627 |
|
|---|
| 628 | /*a:link, a:hover, a:active, a:visited { color: #050; }*/
|
|---|
| 629 |
|
|---|
| 630 | /* bg image set in style macro */
|
|---|
| 631 | div.divbar {
|
|---|
| 632 | clear: both;
|
|---|
| 633 | background-image: url('../images/bg_green.png');
|
|---|
| 634 | width: 100%;
|
|---|
| 635 | text-align: center;
|
|---|
| 636 | font-size:80%
|
|---|
| 637 | }
|
|---|
| 638 |
|
|---|
| 639 |
|
|---|
| 640 | /** query form style**/
|
|---|
| 641 | div#queryform{
|
|---|
| 642 |
|
|---|
| 643 | }
|
|---|
| 644 |
|
|---|
| 645 | /** search result style */
|
|---|
| 646 | div#terminfo{
|
|---|
| 647 |
|
|---|
| 648 | }
|
|---|
| 649 |
|
|---|
| 650 | div#matchdocs{
|
|---|
| 651 |
|
|---|
| 652 | }
|
|---|
| 653 |
|
|---|
| 654 | div.resultnavigation{
|
|---|
| 655 | margin: 0;
|
|---|
| 656 | padding:0;
|
|---|
| 657 | }
|
|---|
| 658 |
|
|---|
| 659 | ul#resultlist li{
|
|---|
| 660 | display:block;
|
|---|
| 661 | }
|
|---|
| 662 |
|
|---|
| 663 | div#documentheading{
|
|---|
| 664 | font-size: 16pt;
|
|---|
| 665 | font-weight: bold;
|
|---|
| 666 | }
|
|---|
| 667 |
|
|---|
| 668 | div#documentinfo {
|
|---|
| 669 | float:left;
|
|---|
| 670 | padding:0;
|
|---|
| 671 | margin:0;
|
|---|
| 672 | width:24%;
|
|---|
| 673 | }
|
|---|
| 674 |
|
|---|
| 675 | div#toc{
|
|---|
| 676 | float:left;
|
|---|
| 677 | text-align:left;
|
|---|
| 678 | width:60%;
|
|---|
| 679 | padding:0;
|
|---|
| 680 | margin:0;
|
|---|
| 681 | }
|
|---|
| 682 |
|
|---|
| 683 | ul#docbuttons li {
|
|---|
| 684 | display: block;
|
|---|
| 685 | font-size: 11px;
|
|---|
| 686 | font-weight: bold;
|
|---|
| 687 | background: #f7e7c5;
|
|---|
| 688 | margin: 1px;
|
|---|
| 689 | border: 1px solid #eeddbb;
|
|---|
| 690 | text-align: center;
|
|---|
| 691 | vertical-align: middle;
|
|---|
| 692 | height: 30px; /* IE6 and NS4 treat width/height as min-width/min-height */
|
|---|
| 693 | width: 110px;
|
|---|
| 694 | }
|
|---|
| 695 |
|
|---|
| 696 |
|
|---|
| 697 | ul#tocnodes li{
|
|---|
| 698 | margin: 0;
|
|---|
| 699 | padding: 5px 0 0 0;
|
|---|
| 700 | display:block;
|
|---|
| 701 | }
|
|---|
| 702 |
|
|---|
| 703 | ul.tocnode {
|
|---|
| 704 | margin:0;
|
|---|
| 705 | padding:5px 0 0 20px;
|
|---|
| 706 | }
|
|---|
| 707 |
|
|---|
| 708 | ul.tocnode a{
|
|---|
| 709 | margin: 0;
|
|---|
| 710 | padding:0 5px 0 0;
|
|---|
| 711 | }
|
|---|
| 712 |
|
|---|
| 713 | span.bold{
|
|---|
| 714 | font-weight: bold;
|
|---|
| 715 | }
|
|---|
| 716 |
|
|---|
| 717 | div.documentarrows{
|
|---|
| 718 | margin: 0 0 0 0;
|
|---|
| 719 | padding: 1em 0 0 0;
|
|---|
| 720 | }
|
|---|
| 721 |
|
|---|
| 722 | img.lessarrow{
|
|---|
| 723 | float:left;
|
|---|
| 724 | border: none;
|
|---|
| 725 | }
|
|---|
| 726 |
|
|---|
| 727 | img.morearrow{
|
|---|
| 728 | float:right;
|
|---|
| 729 | border:none;
|
|---|
| 730 | }
|
|---|
| 731 |
|
|---|
| 732 | div.formheading{
|
|---|
| 733 | font-size: 16pt;
|
|---|
| 734 | font-weight: bold;
|
|---|
| 735 | margin: .5em 0 0;
|
|---|
| 736 | padding:0;
|
|---|
| 737 | }
|
|---|
| 738 |
|
|---|
| 739 | ul#presprefs li, ul#berrybasketprefs li, ul#searchprefs li{
|
|---|
| 740 | display: block;
|
|---|
| 741 | }
|
|---|
| 742 |
|
|---|
| 743 |
|
|---|
| 744 | div.phrasebrowse{
|
|---|
| 745 | text-align:center;
|
|---|
| 746 | padding:0;
|
|---|
| 747 | margin: .5em 0 .5em 0;
|
|---|
| 748 | }
|
|---|
| 749 |
|
|---|
| 750 | div.QuickSearch {
|
|---|
| 751 | float: right;
|
|---|
| 752 | }
|
|---|
| 753 |
|
|---|
| 754 | #coverImage {
|
|---|
| 755 | text-align: center;
|
|---|
| 756 | margin: 20px;
|
|---|
| 757 | }
|
|---|
| 758 |
|
|---|
| 759 | /* ----- TABLE OF CONTENTS ------ */
|
|---|
| 760 | .tocTable {
|
|---|
| 761 | width: 100%;
|
|---|
| 762 | background: white !important;
|
|---|
| 763 | }
|
|---|
| 764 |
|
|---|
| 765 | .tocTextCell {
|
|---|
| 766 | padding-left:5px;
|
|---|
| 767 | }
|
|---|
| 768 |
|
|---|
| 769 | .tocTextCell img {/* tklabel icon size & margin reduction */
|
|---|
| 770 | width: 3em !important;
|
|---|
| 771 | margin-right: 0.2em !important;
|
|---|
| 772 | margin-top: 0.2em !important;
|
|---|
| 773 | }
|
|---|
| 774 |
|
|---|
| 775 | .tableOfContentsContainer {
|
|---|
| 776 | padding:1px;
|
|---|
| 777 | max-height:500px;
|
|---|
| 778 | overflow:auto;
|
|---|
| 779 | }
|
|---|
| 780 |
|
|---|
| 781 | #expandContractLinks {
|
|---|
| 782 | margin: 0;
|
|---|
| 783 | padding: 0;
|
|---|
| 784 | font-size: 70%;
|
|---|
| 785 | }
|
|---|
| 786 |
|
|---|
| 787 | #expandContractLinks a {text-decoration: underline; color: #444 !important;}
|
|---|
| 788 | #expandContractLinks a:visited {text-decoration: underline; color: #444 !important;}
|
|---|
| 789 | #expandContractLinks a:link {text-decoration: underline; color: #444 !important;}
|
|---|
| 790 |
|
|---|
| 791 | #tableOfContents {
|
|---|
| 792 | margin: 0;
|
|---|
| 793 | padding: 0;
|
|---|
| 794 | font-size: 70%;
|
|---|
| 795 | }
|
|---|
| 796 |
|
|---|
| 797 | #tableOfContents li {
|
|---|
| 798 | list-style: none;
|
|---|
| 799 | margin: 0;
|
|---|
| 800 | padding: 2px;
|
|---|
| 801 | }
|
|---|
| 802 |
|
|---|
| 803 | #tableOfContents a {text-decoration: underline; color: #444 !important;}
|
|---|
| 804 | #tableOfContents a:visited{text-decoration: underline; color: #444 !important;}
|
|---|
| 805 | #tableOfContents a:link{text-decoration: underline; color: #444 !important;}
|
|---|
| 806 |
|
|---|
| 807 | #tableOfContents li.current {
|
|---|
| 808 | background-color: #090;
|
|---|
| 809 | }
|
|---|
| 810 | #tableOfContents li.current a {
|
|---|
| 811 | color: #fff;
|
|---|
| 812 | }
|
|---|
| 813 |
|
|---|
| 814 | #tableOfContents li.current li {
|
|---|
| 815 | background-color: #fff;
|
|---|
| 816 | }
|
|---|
| 817 |
|
|---|
| 818 | #tableOfContents li.current li a {
|
|---|
| 819 | color: #444;
|
|---|
| 820 | }
|
|---|
| 821 |
|
|---|
| 822 | #tableOfContents ul {
|
|---|
| 823 | padding: 0 0 0 0;
|
|---|
| 824 | }
|
|---|
| 825 |
|
|---|
| 826 | #tableOfContents ul ul{
|
|---|
| 827 | padding: 0 0 0 0;
|
|---|
| 828 | }
|
|---|
| 829 |
|
|---|
| 830 | #tableOfContents ul ul ul{
|
|---|
| 831 | padding: 0 0 0 16px;
|
|---|
| 832 | }
|
|---|
| 833 |
|
|---|
| 834 | /* -------- SEARCH ------- */
|
|---|
| 835 | .paramLabel {
|
|---|
| 836 | margin: 2px;
|
|---|
| 837 | float: left;
|
|---|
| 838 | }
|
|---|
| 839 | .paramValue {
|
|---|
| 840 | margin: 2px;
|
|---|
| 841 | float: left;
|
|---|
| 842 | }
|
|---|
| 843 |
|
|---|
| 844 |
|
|---|
| 845 | table{
|
|---|
| 846 | border-collapse:collapse;
|
|---|
| 847 | border-spacing:0;
|
|---|
| 848 | }
|
|---|
| 849 |
|
|---|
| 850 | /* ------- BROWSE -------*/
|
|---|
| 851 |
|
|---|
| 852 | .childrenlist {
|
|---|
| 853 | margin:0 0 0 10px;
|
|---|
| 854 |
|
|---|
| 855 | }
|
|---|
| 856 | .childrenlist td {
|
|---|
| 857 | padding:3px 0px 0px 10px;
|
|---|
| 858 | }
|
|---|
| 859 |
|
|---|
| 860 | /* ------- PAGED IMAGE ------- */
|
|---|
| 861 |
|
|---|
| 862 | .pageSlider {
|
|---|
| 863 | width: 250px;
|
|---|
| 864 | overflow: auto;
|
|---|
| 865 | margin-left: auto;
|
|---|
| 866 | margin-right: auto;
|
|---|
| 867 | padding: 2px;
|
|---|
| 868 | }
|
|---|
| 869 |
|
|---|
| 870 | .pageSliderSpacer {
|
|---|
| 871 | width:2px;
|
|---|
| 872 | }
|
|---|
| 873 |
|
|---|
| 874 | .pageSliderCol {
|
|---|
| 875 | height:100px;
|
|---|
| 876 | padding: 2px;
|
|---|
| 877 | text-align: center;
|
|---|
| 878 | vertical-align: top;
|
|---|
| 879 | }
|
|---|
| 880 |
|
|---|
| 881 | /* ------- SPATIAL COLLECTIONS ------- */
|
|---|
| 882 |
|
|---|
| 883 | #nearbyDocs td, #nearbyDocs th {
|
|---|
| 884 | padding: 5px;
|
|---|
| 885 | border: 1px solid black;
|
|---|
| 886 | }
|
|---|
| 887 |
|
|---|
| 888 | #nearbyDocs th {
|
|---|
| 889 | font-weight: bold;
|
|---|
| 890 | }
|
|---|
| 891 |
|
|---|
| 892 | #auth_navbar {
|
|---|
| 893 | width: 90%;
|
|---|
| 894 | margin: 10px auto;
|
|---|
| 895 | }
|
|---|
| 896 |
|
|---|
| 897 | #auth_navbar span{
|
|---|
| 898 | padding:3px;
|
|---|
| 899 | }
|
|---|
| 900 |
|
|---|
| 901 | #userListTable {
|
|---|
| 902 | text-align: center;
|
|---|
| 903 | width: 90%;
|
|---|
| 904 | margin: auto;
|
|---|
| 905 | }
|
|---|
| 906 |
|
|---|
| 907 | #userListTable td{
|
|---|
| 908 | border: black 1px solid;
|
|---|
| 909 | padding: 5px;
|
|---|
| 910 | }
|
|---|
| 911 |
|
|---|
| 912 | #gs_error{
|
|---|
| 913 | padding: 5px;
|
|---|
| 914 | margin: auto;
|
|---|
| 915 | width: 50%;
|
|---|
| 916 | text-align: center;
|
|---|
| 917 | }
|
|---|
| 918 |
|
|---|
| 919 | #loginTable{
|
|---|
| 920 | margin: auto;
|
|---|
| 921 | }
|
|---|
| 922 |
|
|---|
| 923 | .map_canvas_full{
|
|---|
| 924 | margin:0px auto;
|
|---|
| 925 | width:600px;
|
|---|
| 926 | height:450px;
|
|---|
| 927 | }
|
|---|
| 928 |
|
|---|
| 929 | .map_canvas_half{
|
|---|
| 930 | float: right;
|
|---|
| 931 | width:450px;
|
|---|
| 932 | height:500px;
|
|---|
| 933 | }
|
|---|
| 934 |
|
|---|
| 935 | .pano_canvas_full{
|
|---|
| 936 | margin:0px auto;
|
|---|
| 937 | width:900px;
|
|---|
| 938 | height:500px;
|
|---|
| 939 | }
|
|---|
| 940 |
|
|---|
| 941 | .pano_canvas_fullscreen{
|
|---|
| 942 | margin-left:0px auto;
|
|---|
| 943 | margin-right:0px auto;
|
|---|
| 944 | width:1024px;
|
|---|
| 945 | height:768px;;
|
|---|
| 946 | }
|
|---|
| 947 |
|
|---|
| 948 | .pano_canvas_half{
|
|---|
| 949 | z-index: 1;
|
|---|
| 950 | float: right;
|
|---|
| 951 | width:450px;
|
|---|
| 952 | height:500px;
|
|---|
| 953 | background-color:#000000;
|
|---|
| 954 | }
|
|---|
| 955 |
|
|---|
| 956 | .navigate-point {
|
|---|
| 957 | z-index: 97;
|
|---|
| 958 | position: absolute;
|
|---|
| 959 | overflow: hidden;
|
|---|
| 960 | width: 80px;
|
|---|
| 961 | height: 80px;
|
|---|
| 962 | margin-left: -40px;
|
|---|
| 963 | margin-top: -40px;
|
|---|
| 964 | background-image: url("../images/navMarker.png");
|
|---|
| 965 | cursor: pointer;
|
|---|
| 966 | }
|
|---|
| 967 |
|
|---|
| 968 | .fullscreenToggle{
|
|---|
| 969 | z-index: 2;
|
|---|
| 970 | position: relative;
|
|---|
| 971 | float: right;
|
|---|
| 972 | top: 28px;
|
|---|
| 973 | left: 140px;
|
|---|
| 974 | padding: 5px;
|
|---|
| 975 | }
|
|---|
| 976 |
|
|---|
| 977 | dl dt { font-weight:bold;
|
|---|
| 978 | padding-top:10px; }
|
|---|
| 979 | dl dd { padding-bottom:10px}
|
|---|
| 980 |
|
|---|
| 981 |
|
|---|
| 982 | #facetSelector{
|
|---|
| 983 | padding-top: 6px;
|
|---|
| 984 | }
|
|---|
| 985 |
|
|---|
| 986 | .facetControls {
|
|---|
| 987 | white-space: nowrap;
|
|---|
| 988 |
|
|---|
| 989 | }
|
|---|
| 990 | .facetControls span {
|
|---|
| 991 | underline: true;
|
|---|
| 992 | font-weight: bold;
|
|---|
| 993 | font-size: small;
|
|---|
| 994 | padding-right: 5px;
|
|---|
| 995 | padding-left: 5px;
|
|---|
| 996 |
|
|---|
| 997 | }
|
|---|
| 998 | .facetTable, .facetContainer{
|
|---|
| 999 | list-style:none;
|
|---|
| 1000 | margin: 0px 0px 20px;
|
|---|
| 1001 | padding: 0px;
|
|---|
| 1002 | overflow:auto;
|
|---|
| 1003 | }
|
|---|
| 1004 | .facetTable {
|
|---|
| 1005 | overflow:hidden;
|
|---|
| 1006 | overflow-y: scroll;
|
|---|
| 1007 | max-height: 200px;
|
|---|
| 1008 |
|
|---|
| 1009 | }
|
|---|
| 1010 |
|
|---|
| 1011 | .facetTable li{
|
|---|
| 1012 | margin-bottom:5px;
|
|---|
| 1013 | }
|
|---|
| 1014 |
|
|---|
| 1015 | .checkboxList{
|
|---|
| 1016 | list-style:none;
|
|---|
| 1017 | padding-left:0px;
|
|---|
| 1018 | }
|
|---|
| 1019 |
|
|---|
| 1020 | .facetedResults{
|
|---|
| 1021 | /*
|
|---|
| 1022 | Supressing the float left for now, as it causes a long result list
|
|---|
| 1023 | to positioned vertically below the faceted box area
|
|---|
| 1024 | */
|
|---|
| 1025 |
|
|---|
| 1026 | /* float:left; */
|
|---|
| 1027 | }
|
|---|
| 1028 |
|
|---|
| 1029 | .slideshowImage{
|
|---|
| 1030 | width:100%;
|
|---|
| 1031 | }
|
|---|
| 1032 |
|
|---|
| 1033 | /* GREENBUG */
|
|---|
| 1034 | #gbEnableButton{
|
|---|
| 1035 | position:fixed;
|
|---|
| 1036 | left:0px;
|
|---|
| 1037 | bottom:0px;
|
|---|
| 1038 | }
|
|---|
| 1039 |
|
|---|
| 1040 | .gbTemplateContainer{
|
|---|
| 1041 | float:left;
|
|---|
| 1042 | cursor:pointer;
|
|---|
| 1043 | margin:0 1em;
|
|---|
| 1044 | font-size:1.1em;
|
|---|
| 1045 | text-align:center;
|
|---|
| 1046 | overflow:hidden;
|
|---|
| 1047 | min-width:4em;
|
|---|
| 1048 | padding: 0.5em;
|
|---|
| 1049 | }
|
|---|
| 1050 |
|
|---|
| 1051 | .gbSpacer{
|
|---|
| 1052 | margin:0;
|
|---|
| 1053 | float:left;
|
|---|
| 1054 | height:1.2em;
|
|---|
| 1055 | text-align:center;
|
|---|
| 1056 | }
|
|---|
| 1057 |
|
|---|
| 1058 | /* VISUAL XML EDITOR (GREENBUG)*/
|
|---|
| 1059 | #veMainDiv{
|
|---|
| 1060 | margin:0;
|
|---|
| 1061 | padding:0;
|
|---|
| 1062 | }
|
|---|
| 1063 |
|
|---|
| 1064 | #veTemplateSelector{
|
|---|
| 1065 | float:left;
|
|---|
| 1066 | padding:0.5em;
|
|---|
| 1067 | margin:0 0.5em 0 0;
|
|---|
| 1068 | }
|
|---|
| 1069 |
|
|---|
| 1070 | #veFileSelector{
|
|---|
| 1071 | float:left;
|
|---|
| 1072 | padding:0.5em;
|
|---|
| 1073 | margin:0 0.5em 0 0 ;
|
|---|
| 1074 | }
|
|---|
| 1075 |
|
|---|
| 1076 | #veToolboxDiv{
|
|---|
| 1077 | float:left;
|
|---|
| 1078 | width:10%;
|
|---|
| 1079 | margin:0;
|
|---|
| 1080 | padding:0;
|
|---|
| 1081 | overflow:auto;
|
|---|
| 1082 | height:300px;
|
|---|
| 1083 | }
|
|---|
| 1084 |
|
|---|
| 1085 | #veEditorDiv{
|
|---|
| 1086 | width:100%;
|
|---|
| 1087 | }
|
|---|
| 1088 |
|
|---|
| 1089 | #veEditorContainer{
|
|---|
| 1090 | position:relative;
|
|---|
| 1091 | float:left;
|
|---|
| 1092 | width:70%;
|
|---|
| 1093 | margin:0;
|
|---|
| 1094 | padding:0;
|
|---|
| 1095 | overflow:hidden;
|
|---|
| 1096 | border: 3px groove;
|
|---|
| 1097 | background-image: url(../images/veBackground.gif);
|
|---|
| 1098 | }
|
|---|
| 1099 |
|
|---|
| 1100 | #veSpacerDiv{
|
|---|
| 1101 | float:left;
|
|---|
| 1102 | width:1%;
|
|---|
| 1103 | height:1px;
|
|---|
| 1104 | margin:0;
|
|---|
| 1105 | padding:0;
|
|---|
| 1106 | }
|
|---|
| 1107 |
|
|---|
| 1108 | #veInfoDiv{
|
|---|
| 1109 | float:left;
|
|---|
| 1110 | width:17%;
|
|---|
| 1111 | margin:0 0 10px 0;
|
|---|
| 1112 | padding:0;
|
|---|
| 1113 | overflow:auto;
|
|---|
| 1114 | }
|
|---|
| 1115 |
|
|---|
| 1116 | .veElement{
|
|---|
| 1117 | border:1px solid black;
|
|---|
| 1118 | float:left;
|
|---|
| 1119 | margin:5px -1px;
|
|---|
| 1120 | overflow:hidden;
|
|---|
| 1121 | color:black;
|
|---|
| 1122 | cursor:pointer;
|
|---|
| 1123 | }
|
|---|
| 1124 |
|
|---|
| 1125 | .veDropArea{
|
|---|
| 1126 | margin:5px 0;
|
|---|
| 1127 | float:left;
|
|---|
| 1128 | height:1em;
|
|---|
| 1129 | background:#FFAAAA;
|
|---|
| 1130 | }
|
|---|
| 1131 |
|
|---|
| 1132 | .veContainerElement{
|
|---|
| 1133 | width:90%;
|
|---|
| 1134 | margin:0 auto;
|
|---|
| 1135 | }
|
|---|
| 1136 |
|
|---|
| 1137 | .veTitleElement{
|
|---|
| 1138 | text-align:center;
|
|---|
| 1139 | }
|
|---|
| 1140 |
|
|---|
| 1141 | .veGSFElement{
|
|---|
| 1142 | background:#DFD;
|
|---|
| 1143 | }
|
|---|
| 1144 |
|
|---|
| 1145 | .veGSLIBElement{
|
|---|
| 1146 | background:#FF9;
|
|---|
| 1147 | }
|
|---|
| 1148 |
|
|---|
| 1149 | .veXSLElement{
|
|---|
| 1150 | background:#DDF;
|
|---|
| 1151 | }
|
|---|
| 1152 |
|
|---|
| 1153 | .veHTMLElement{
|
|---|
| 1154 | background:#FFFFFF;
|
|---|
| 1155 | }
|
|---|
| 1156 |
|
|---|
| 1157 | .veTextElement{
|
|---|
| 1158 | background:#F9F;
|
|---|
| 1159 | }
|
|---|
| 1160 |
|
|---|
| 1161 | .veTempElement{
|
|---|
| 1162 | background:#9FF;
|
|---|
| 1163 | }
|
|---|
| 1164 |
|
|---|
| 1165 | .veTab{
|
|---|
| 1166 | font-size:0.8em;
|
|---|
| 1167 | padding:0.5em;
|
|---|
| 1168 | }
|
|---|
| 1169 |
|
|---|
| 1170 | .veInfoDivTitle{
|
|---|
| 1171 | text-align:center;
|
|---|
| 1172 | margin-bottom:1em;
|
|---|
| 1173 | }
|
|---|
| 1174 |
|
|---|
| 1175 | .veAttributeTableContainer{
|
|---|
| 1176 | text-align:center;
|
|---|
| 1177 | width:100%;
|
|---|
| 1178 | margin-bottom:1em;
|
|---|
| 1179 | }
|
|---|
| 1180 |
|
|---|
| 1181 | .veAttributeTableContainer td{
|
|---|
| 1182 | border:1px solid black;
|
|---|
| 1183 | }
|
|---|
| 1184 |
|
|---|
| 1185 | .veAttributeTableRow{
|
|---|
| 1186 | min-height:1.1em;
|
|---|
| 1187 | }
|
|---|
| 1188 |
|
|---|
| 1189 | .veNameCell{
|
|---|
| 1190 | width:25%;
|
|---|
| 1191 | }
|
|---|
| 1192 |
|
|---|
| 1193 | .veValueCell{
|
|---|
| 1194 | width:50%;
|
|---|
| 1195 | }
|
|---|
| 1196 |
|
|---|
| 1197 | .veUtilCell{
|
|---|
| 1198 | font-size:0.8em;
|
|---|
| 1199 | width:25%;
|
|---|
| 1200 | }
|
|---|
| 1201 |
|
|---|
| 1202 | #veTrash{
|
|---|
| 1203 | position:absolute;
|
|---|
| 1204 | right:0px;
|
|---|
| 1205 | bottom:0px;
|
|---|
| 1206 | text-align:center;
|
|---|
| 1207 | }
|
|---|
| 1208 |
|
|---|
| 1209 | .toolbarElem{
|
|---|
| 1210 | border:1px dashed black;
|
|---|
| 1211 | text-align:center;
|
|---|
| 1212 | margin-bottom:2px;
|
|---|
| 1213 | }
|
|---|
| 1214 |
|
|---|
| 1215 | /* DEPOSITOR STYLES */
|
|---|
| 1216 |
|
|---|
| 1217 | #wizardBar {
|
|---|
| 1218 | display: table;
|
|---|
| 1219 | margin: 0 auto;
|
|---|
| 1220 | }
|
|---|
| 1221 |
|
|---|
| 1222 | #wizardBar li {
|
|---|
| 1223 | display: inline;
|
|---|
| 1224 | list-style-type: none;
|
|---|
| 1225 | padding: 0 10px;
|
|---|
| 1226 | margin: 0 5px;
|
|---|
| 1227 | }
|
|---|
| 1228 |
|
|---|
| 1229 | #wizardContainer {
|
|---|
| 1230 | display: table;
|
|---|
| 1231 | margin: 0 auto;
|
|---|
| 1232 | }
|
|---|
| 1233 |
|
|---|
| 1234 | #depositorform {
|
|---|
| 1235 | min-height: 300px;
|
|---|
| 1236 | }
|
|---|
| 1237 |
|
|---|
| 1238 | /*
|
|---|
| 1239 | ul.childrenlist li {
|
|---|
| 1240 | list-style-type:none;
|
|---|
| 1241 | }
|
|---|
| 1242 | ul#classifierlist,ul#classifiernodelist {
|
|---|
| 1243 | list-style-type:none;
|
|---|
| 1244 | margin:0;
|
|---|
| 1245 | padding:0
|
|---|
| 1246 | }
|
|---|
| 1247 | ul#classifierlist li{
|
|---|
| 1248 | list-style:none;
|
|---|
| 1249 | margin:0 0 5px 0;
|
|---|
| 1250 | padding:0;display:block;
|
|---|
| 1251 | }
|
|---|
| 1252 | ul#classifiernodelist li{
|
|---|
| 1253 | list-style:none;
|
|---|
| 1254 | margin:0;
|
|---|
| 1255 | padding:5px 0 0 0;
|
|---|
| 1256 | display:block
|
|---|
| 1257 | }
|
|---|
| 1258 | ul.childrenlist{
|
|---|
| 1259 | list-style:none;
|
|---|
| 1260 | margin:0;
|
|---|
| 1261 | padding:0 0 0 20px;
|
|---|
| 1262 | display:block;
|
|---|
| 1263 | width:100%
|
|---|
| 1264 | }
|
|---|
| 1265 | */
|
|---|
| 1266 |
|
|---|
| 1267 | .metaDataHierarchyMenu{
|
|---|
| 1268 | position: absolute;
|
|---|
| 1269 | margin-left: -1px;
|
|---|
| 1270 | z-index:1;
|
|---|
| 1271 |
|
|---|
| 1272 | }
|
|---|
| 1273 | .metaDataHierarchyMenu ul{
|
|---|
| 1274 | margin: 0;
|
|---|
| 1275 | padding: 0;
|
|---|
| 1276 | display: block;
|
|---|
| 1277 | position: absolute;
|
|---|
| 1278 |
|
|---|
| 1279 | }
|
|---|
| 1280 | .metaDataHierarchyMenu ul li {
|
|---|
| 1281 | margin: 0;
|
|---|
| 1282 | padding: 0;
|
|---|
| 1283 | display: block;
|
|---|
| 1284 | position: relative;
|
|---|
| 1285 | width: 180px;
|
|---|
| 1286 | }
|
|---|
| 1287 | .metaDataHierarchyMenu ul li button{
|
|---|
| 1288 | display: block;
|
|---|
| 1289 | padding:10px 10px 10px 10px;
|
|---|
| 1290 | width: 180px;
|
|---|
| 1291 | margin: 0;
|
|---|
| 1292 | color: #000000;
|
|---|
| 1293 | text-decoration: none;
|
|---|
| 1294 | font-size: 90%;
|
|---|
| 1295 | border:1px dotted #999;
|
|---|
| 1296 | text-align: left;
|
|---|
| 1297 | white-space: normal;
|
|---|
| 1298 | overflow: auto;
|
|---|
| 1299 | }
|
|---|
| 1300 | .metaDataHierarchyMenu ul li button:HOVER{
|
|---|
| 1301 | color: #0000CC;
|
|---|
| 1302 | }
|
|---|
| 1303 | .metaDataHierarchyMenu li ul {
|
|---|
| 1304 | position: absolute;
|
|---|
| 1305 | left: 180px;
|
|---|
| 1306 | top: 0;
|
|---|
| 1307 | display: none;
|
|---|
| 1308 | }
|
|---|
| 1309 |
|
|---|
| 1310 | .metaDataHierarchyMenu button:focus {
|
|---|
| 1311 | outline: none;
|
|---|
| 1312 | }
|
|---|
| 1313 |
|
|---|
| 1314 | .active {
|
|---|
| 1315 | background-color:#eee;
|
|---|
| 1316 | }
|
|---|
| 1317 |
|
|---|
| 1318 | /* User comments area: display of existing user comments and display of the form and of the add user/logout links */
|
|---|
| 1319 |
|
|---|
| 1320 | #usercomments, #usercommentform, #usercommentlink a, #usercommentlogoutlink a {
|
|---|
| 1321 | font-family: sans-serif;
|
|---|
| 1322 | font-size: 12px;
|
|---|
| 1323 | }
|
|---|
| 1324 |
|
|---|
| 1325 | #usercomments {
|
|---|
| 1326 | margin: 10px 0;
|
|---|
| 1327 | }
|
|---|
| 1328 |
|
|---|
| 1329 | .usercommentheading {
|
|---|
| 1330 | font-weight: bold;
|
|---|
| 1331 | color: #3c8700;
|
|---|
| 1332 | border-top: solid 1px black;
|
|---|
| 1333 | }
|
|---|
| 1334 |
|
|---|
| 1335 | .usercomment {
|
|---|
| 1336 | margin: 10px 0;
|
|---|
| 1337 | }
|
|---|
| 1338 |
|
|---|
| 1339 | #usercommentlink, #usercommentlogoutlink {
|
|---|
| 1340 | margin: 10px 0 20px 0;
|
|---|
| 1341 | }
|
|---|
| 1342 |
|
|---|
| 1343 | #usercommentlink a, #usercommentlogoutlink a {
|
|---|
| 1344 | text-decoration: none;
|
|---|
| 1345 | font-weight: bold;
|
|---|
| 1346 | color: #3c8700;
|
|---|
| 1347 | }
|
|---|
| 1348 | #usercommentlink a:visited, #usercommentlogoutlink a:visited {
|
|---|
| 1349 | color: #3c8700;
|
|---|
| 1350 | }
|
|---|
| 1351 |
|
|---|
| 1352 | .centrediv {
|
|---|
| 1353 | width:50%;
|
|---|
| 1354 | margin: 0 auto;
|
|---|
| 1355 | }
|
|---|
| 1356 |
|
|---|
| 1357 | /* Styling for TK Label related items */
|
|---|
| 1358 |
|
|---|
| 1359 | .tkPopup {
|
|---|
| 1360 | position: relative;
|
|---|
| 1361 | border: 1px solid darkgrey;
|
|---|
| 1362 | border-radius: 0.2em;
|
|---|
| 1363 | background: lightgrey;
|
|---|
| 1364 | margin: 0.2em;
|
|---|
| 1365 | padding: 0.8em;
|
|---|
| 1366 | font-size: 16px;
|
|---|
| 1367 | animation: fadein 0.4s;
|
|---|
| 1368 | box-shadow: 0px 5px 8px rgba(0,0,0,0.1);
|
|---|
| 1369 | }
|
|---|
| 1370 |
|
|---|
| 1371 | .tkPopup a {
|
|---|
| 1372 | color: black;
|
|---|
| 1373 | text-decoration: none;
|
|---|
| 1374 | border-bottom: 2px solid transparent;
|
|---|
| 1375 | transition: 0.1s ease;
|
|---|
| 1376 | }
|
|---|
| 1377 |
|
|---|
| 1378 | .tkPopup a:hover {
|
|---|
| 1379 | color: black;
|
|---|
| 1380 | border-color: black;
|
|---|
| 1381 | }
|
|---|
| 1382 |
|
|---|
| 1383 | .tkPopup h1 {
|
|---|
| 1384 | font-size: 22px;
|
|---|
| 1385 | margin-top: 0.2em;
|
|---|
| 1386 | margin-bottom: 0;
|
|---|
| 1387 | text-align: center;
|
|---|
| 1388 | }
|
|---|
| 1389 |
|
|---|
| 1390 | .tkPopup h2 {
|
|---|
| 1391 | font-size: 20px;
|
|---|
| 1392 | color: rgb(24, 88, 7);
|
|---|
| 1393 | margin-top: 0.4em;
|
|---|
| 1394 | text-align: center;
|
|---|
| 1395 | }
|
|---|
| 1396 |
|
|---|
| 1397 | .tklabels img {
|
|---|
| 1398 | width: 3em;
|
|---|
| 1399 | margin-right: 0.3em;
|
|---|
| 1400 | margin-top: 0.3em;
|
|---|
| 1401 | cursor: pointer;
|
|---|
| 1402 | opacity: 0.8;
|
|---|
| 1403 | transition: 0.1s ease;
|
|---|
| 1404 | }
|
|---|
| 1405 |
|
|---|
| 1406 | .tklabels img:hover {
|
|---|
| 1407 | opacity: 1;
|
|---|
| 1408 | }
|
|---|
| 1409 |
|
|---|
| 1410 | #tkCloseButton {
|
|---|
| 1411 | position: absolute;
|
|---|
| 1412 | font-weight: bold;
|
|---|
| 1413 | color: darkred;
|
|---|
| 1414 | font-size: 26px;
|
|---|
| 1415 | right: 0.5em;
|
|---|
| 1416 | top: 0.4em;
|
|---|
| 1417 | cursor: pointer;
|
|---|
| 1418 | transition: 0.1s ease;
|
|---|
| 1419 | }
|
|---|
| 1420 |
|
|---|
| 1421 | #tkCloseButton:hover {
|
|---|
| 1422 | text-shadow: 0 0 5px rgba(139,0,0,0.5);
|
|---|
| 1423 | }
|
|---|
| 1424 |
|
|---|
| 1425 | @keyframes fadein {
|
|---|
| 1426 | from {
|
|---|
| 1427 | opacity:0;
|
|---|
| 1428 | }
|
|---|
| 1429 | to {
|
|---|
| 1430 | opacity: 1;
|
|---|
| 1431 | }
|
|---|
| 1432 | }
|
|---|
| 1433 |
|
|---|
| 1434 | /* Styling for enriched audio player */
|
|---|
| 1435 |
|
|---|
| 1436 | .flex-leftalign {
|
|---|
| 1437 | display: flex;
|
|---|
| 1438 | flex-flow: row wrap;
|
|---|
| 1439 | justify-content: left;
|
|---|
| 1440 | }
|
|---|
| 1441 |
|
|---|
| 1442 | .flex-rightalign {
|
|---|
| 1443 | display: flex;
|
|---|
| 1444 | flex-flow: row wrap;
|
|---|
| 1445 | justify-content: right;
|
|---|
| 1446 | }
|
|---|
| 1447 |
|
|---|
| 1448 | .flex-centeralign {
|
|---|
| 1449 | display: flex;
|
|---|
| 1450 | flex-flow: row wrap;
|
|---|
| 1451 | justify-content: center;
|
|---|
| 1452 | }
|
|---|
| 1453 |
|
|---|
| 1454 | #audioContainer {
|
|---|
| 1455 | position: relative;
|
|---|
| 1456 | width: 100%;
|
|---|
| 1457 | overflow: hidden;
|
|---|
| 1458 | font-family: 'Courier New', monospace;
|
|---|
| 1459 | }
|
|---|
| 1460 |
|
|---|
| 1461 | #audioContainer::backdrop {
|
|---|
| 1462 | background-color: rgb(245, 243, 229);
|
|---|
| 1463 | }
|
|---|
| 1464 |
|
|---|
| 1465 | .fullscreen {
|
|---|
| 1466 | padding-top: 20vh;
|
|---|
| 1467 | padding-left: 5vw;
|
|---|
| 1468 | padding-right: 5vw;
|
|---|
| 1469 | }
|
|---|
| 1470 |
|
|---|
| 1471 | #waveform {
|
|---|
| 1472 | background-color: white;
|
|---|
| 1473 | position: relative;
|
|---|
| 1474 | overflow-y: hidden;
|
|---|
| 1475 | transition: none;
|
|---|
| 1476 | }
|
|---|
| 1477 |
|
|---|
| 1478 | #audio-toolbar {
|
|---|
| 1479 | background-color: rgb(16, 24, 26);
|
|---|
| 1480 | position: relative;
|
|---|
| 1481 | display: flex;
|
|---|
| 1482 | flex-direction: row;
|
|---|
| 1483 | flex-wrap: wrap;
|
|---|
| 1484 | justify-content: space-between;
|
|---|
| 1485 | align-items: center;
|
|---|
| 1486 | color: white;
|
|---|
| 1487 | width: 100%;
|
|---|
| 1488 | height: fit-content;
|
|---|
| 1489 | }
|
|---|
| 1490 |
|
|---|
| 1491 | #audio-toolbar button {
|
|---|
| 1492 | cursor: pointer;
|
|---|
| 1493 | height: 100%;
|
|---|
| 1494 | }
|
|---|
| 1495 |
|
|---|
| 1496 | #audioContainer img {
|
|---|
| 1497 | width: 1.8em;
|
|---|
| 1498 | filter: invert(1);
|
|---|
| 1499 | cursor: pointer;
|
|---|
| 1500 | /* transition: 0.1s ease; */
|
|---|
| 1501 | }
|
|---|
| 1502 |
|
|---|
| 1503 | #audioContainer img:hover {
|
|---|
| 1504 | filter: invert(0.5);
|
|---|
| 1505 | }
|
|---|
| 1506 |
|
|---|
| 1507 | #audioContainer img:active {
|
|---|
| 1508 | filter: invert(0.4);
|
|---|
| 1509 | }
|
|---|
| 1510 |
|
|---|
| 1511 | #chapters {
|
|---|
| 1512 | width: 100%;
|
|---|
| 1513 | height: 90%;
|
|---|
| 1514 | max-height: 90%;
|
|---|
| 1515 | overflow-y: scroll;
|
|---|
| 1516 | transition: background-color 0.3s ease, height 0.3s ease;
|
|---|
| 1517 | user-select: none;
|
|---|
| 1518 | cursor: wait;
|
|---|
| 1519 | }
|
|---|
| 1520 |
|
|---|
| 1521 | #chapters img {
|
|---|
| 1522 | height: 1rem !important;
|
|---|
| 1523 | width: 1rem !important;
|
|---|
| 1524 | padding: 0 !important;
|
|---|
| 1525 | pointer-events: all !important;
|
|---|
| 1526 | }
|
|---|
| 1527 |
|
|---|
| 1528 | #chapters img.hide {
|
|---|
| 1529 | opacity: 0;
|
|---|
| 1530 | pointer-events: none !important;
|
|---|
| 1531 | }
|
|---|
| 1532 |
|
|---|
| 1533 | .audio-scroll::-webkit-scrollbar {
|
|---|
| 1534 | height: 6px;
|
|---|
| 1535 | }
|
|---|
| 1536 |
|
|---|
| 1537 | .audio-scroll::-webkit-scrollbar-track {
|
|---|
| 1538 | background: rgba(0,0,0,0.1);
|
|---|
| 1539 | }
|
|---|
| 1540 |
|
|---|
| 1541 | .audio-scroll::-webkit-scrollbar-thumb {
|
|---|
| 1542 | background: #BDBDBD;
|
|---|
| 1543 | }
|
|---|
| 1544 |
|
|---|
| 1545 | .audio-scroll::-webkit-scrollbar-thumb:hover {
|
|---|
| 1546 | background: #6E6E6E;
|
|---|
| 1547 | }
|
|---|
| 1548 |
|
|---|
| 1549 | .chapter {
|
|---|
| 1550 | border-color: grey;
|
|---|
| 1551 | border-style: solid;
|
|---|
| 1552 | border-width: 1px 0 0 0;
|
|---|
| 1553 | border-top-left-radius: 5px;
|
|---|
| 1554 | padding: 0.5rem;
|
|---|
| 1555 | transition: 0.1s ease;
|
|---|
| 1556 | display: flex;
|
|---|
| 1557 | flex-direction: row;
|
|---|
| 1558 | flex-wrap: nowrap;
|
|---|
| 1559 | justify-content: space-between;
|
|---|
| 1560 | cursor: pointer;
|
|---|
| 1561 | }
|
|---|
| 1562 |
|
|---|
| 1563 | .chapter:hover {
|
|---|
| 1564 | background-color: rgb(81, 90, 90);
|
|---|
| 1565 | }
|
|---|
| 1566 |
|
|---|
| 1567 | .chapter img {
|
|---|
| 1568 | filter: invert(1) !important;
|
|---|
| 1569 | }
|
|---|
| 1570 |
|
|---|
| 1571 | #chapter-alert {
|
|---|
| 1572 | display: inline-block;
|
|---|
| 1573 | margin: 1rem;
|
|---|
| 1574 | }
|
|---|
| 1575 |
|
|---|
| 1576 | .selected-chapter {
|
|---|
| 1577 | background-color: rgba(255, 50, 50, 0.5);
|
|---|
| 1578 | }
|
|---|
| 1579 |
|
|---|
| 1580 | .selected-chapter:hover {
|
|---|
| 1581 | background-color: rgba(255, 100, 100, 0.5);
|
|---|
| 1582 | }
|
|---|
| 1583 |
|
|---|
| 1584 | .speakerName {
|
|---|
| 1585 | display: flex;
|
|---|
| 1586 | flex-direction: row;
|
|---|
| 1587 | flex: 70%;
|
|---|
| 1588 | pointer-events: none;
|
|---|
| 1589 | overflow-y: hidden;
|
|---|
| 1590 | }
|
|---|
| 1591 |
|
|---|
| 1592 | .speakerLocked {
|
|---|
| 1593 | /* flex: 1; */
|
|---|
| 1594 | }
|
|---|
| 1595 |
|
|---|
| 1596 | .speakerTime {
|
|---|
| 1597 | flex: 30%;
|
|---|
| 1598 | text-align: right;
|
|---|
| 1599 | pointer-events: none;
|
|---|
| 1600 | }
|
|---|
| 1601 |
|
|---|
| 1602 | #playPauseButton {
|
|---|
| 1603 | padding-left: 1rem;
|
|---|
| 1604 | padding-right: 1rem;
|
|---|
| 1605 | }
|
|---|
| 1606 |
|
|---|
| 1607 | #downloadButton, #editorModeButton, #fullscreenButton {
|
|---|
| 1608 | transform: scale(0.75);
|
|---|
| 1609 | padding-right: 0.75rem;
|
|---|
| 1610 | }
|
|---|
| 1611 |
|
|---|
| 1612 | #zoomInButton, #zoomOutButton {
|
|---|
| 1613 | transform: scale(0.75);
|
|---|
| 1614 | }
|
|---|
| 1615 |
|
|---|
| 1616 | #muteButton {
|
|---|
| 1617 | padding-right: 0.25rem;
|
|---|
| 1618 | }
|
|---|
| 1619 |
|
|---|
| 1620 | #volume-slider {
|
|---|
| 1621 | position: absolute;
|
|---|
| 1622 | display: none;
|
|---|
| 1623 | cursor: pointer;
|
|---|
| 1624 | z-index: 10;
|
|---|
| 1625 | height: 8rem;
|
|---|
| 1626 | width: 1.5rem;
|
|---|
| 1627 | margin-top: -8rem;
|
|---|
| 1628 | padding-left: 1rem;
|
|---|
| 1629 | padding-right: 1rem;
|
|---|
| 1630 | margin-left: -1rem;
|
|---|
| 1631 | /* border-radius: 50%; */
|
|---|
| 1632 | -webkit-appearance: slider-vertical; /* chrome */
|
|---|
| 1633 | writing-mode: bt-lr; /* IE */
|
|---|
| 1634 | box-shadow: 0 0 10px 2px #000; /* bad results on chrome (and probably safari) */
|
|---|
| 1635 | }
|
|---|
| 1636 |
|
|---|
| 1637 | #volume-container {
|
|---|
| 1638 | position: relative;
|
|---|
| 1639 | display: flex;
|
|---|
| 1640 | flex-direction: row;
|
|---|
| 1641 | }
|
|---|
| 1642 |
|
|---|
| 1643 | #volume-container:hover #volume-slider {
|
|---|
| 1644 | display: inline;
|
|---|
| 1645 | }
|
|---|
| 1646 |
|
|---|
| 1647 | #audioContainer canvas { /* Limit scope of the following to only canvases within a audioContainer div */
|
|---|
| 1648 | /* z-index: 4 !important; */
|
|---|
| 1649 | pointer-events: none;
|
|---|
| 1650 | }
|
|---|
| 1651 |
|
|---|
| 1652 | #zoom-slider {
|
|---|
| 1653 | width: 10rem;
|
|---|
| 1654 | margin-left: 0.5rem;
|
|---|
| 1655 | margin-right: 0.5rem;
|
|---|
| 1656 | cursor: pointer;
|
|---|
| 1657 | }
|
|---|
| 1658 |
|
|---|
| 1659 | #chapterButton {
|
|---|
| 1660 | padding-left: 0.2rem;
|
|---|
| 1661 | padding-right: 0.75rem;
|
|---|
| 1662 | }
|
|---|
| 1663 |
|
|---|
| 1664 | #wave-timeline {
|
|---|
| 1665 | background-color: var(--audio-bg-colour);
|
|---|
| 1666 | /* background-color: rgb(24, 36, 39); */
|
|---|
| 1667 | }
|
|---|
| 1668 |
|
|---|
| 1669 | #waveform-loader {
|
|---|
| 1670 | color: white;
|
|---|
| 1671 | padding: 0.2rem;
|
|---|
| 1672 | position: absolute;
|
|---|
| 1673 | }
|
|---|
| 1674 |
|
|---|
| 1675 | #waveform-loader:after {
|
|---|
| 1676 | display: inline-block;
|
|---|
| 1677 | animation: dotty steps(1, end) 1s infinite;
|
|---|
| 1678 | content: '';
|
|---|
| 1679 | }
|
|---|
| 1680 |
|
|---|
| 1681 | @keyframes dotty {
|
|---|
| 1682 | 0% { content: ''; }
|
|---|
| 1683 | 25% { content: '.'; }
|
|---|
| 1684 | 50% { content: '..'; }
|
|---|
| 1685 | 75% { content: '...'; }
|
|---|
| 1686 | 100% { content: ''; }
|
|---|
| 1687 | }
|
|---|
| 1688 |
|
|---|
| 1689 | wave {
|
|---|
| 1690 | width: 100%;
|
|---|
| 1691 | }
|
|---|
| 1692 |
|
|---|
| 1693 | .toolbar-section {
|
|---|
| 1694 | width: 33%;
|
|---|
| 1695 | }
|
|---|
| 1696 |
|
|---|
| 1697 | .noHover{
|
|---|
| 1698 | pointer-events: none;
|
|---|
| 1699 | }
|
|---|
| 1700 |
|
|---|
| 1701 | #word-container {
|
|---|
| 1702 | display: flex;
|
|---|
| 1703 | flex-direction: row;
|
|---|
| 1704 | flex-wrap: wrap;
|
|---|
| 1705 | justify-content: space-evenly;
|
|---|
| 1706 | padding: 0.5rem;
|
|---|
| 1707 | }
|
|---|
| 1708 |
|
|---|
| 1709 | .word {
|
|---|
| 1710 | margin-right: 0.5rem;
|
|---|
| 1711 | cursor: pointer;
|
|---|
| 1712 | }
|
|---|
| 1713 |
|
|---|
| 1714 | .word:hover {
|
|---|
| 1715 | background-color: rgb(81, 90, 90);
|
|---|
| 1716 | }
|
|---|
| 1717 |
|
|---|
| 1718 | /* Audio Table */
|
|---|
| 1719 |
|
|---|
| 1720 | #tapeDetails {
|
|---|
| 1721 | border: 1px solid olive;
|
|---|
| 1722 | min-width: 30%;
|
|---|
| 1723 | }
|
|---|
| 1724 |
|
|---|
| 1725 | #tapeDetails td {
|
|---|
| 1726 | padding: 0.2rem;
|
|---|
| 1727 | }
|
|---|
| 1728 |
|
|---|
| 1729 | #tapeDetails td:nth-child(1) {
|
|---|
| 1730 | padding-right: 6rem;
|
|---|
| 1731 | }
|
|---|
| 1732 |
|
|---|
| 1733 | #tapeDetails tr:nth-of-type(odd) {
|
|---|
| 1734 | /* background-color: darkseagreen; */
|
|---|
| 1735 | background-color: #76bb58ab;
|
|---|
| 1736 | }
|
|---|
| 1737 |
|
|---|
| 1738 | /* metadata table */
|
|---|
| 1739 | .metadataTable tr:nth-child(odd) {
|
|---|
| 1740 | background: #dddddd;
|
|---|
| 1741 | }
|
|---|
| 1742 | .metadataTable tr:nth-child(even) {
|
|---|
| 1743 | background: #f5f3e5;
|
|---|
| 1744 | }
|
|---|
| 1745 | .metadataTable i {
|
|---|
| 1746 | font-style: italic;
|
|---|
| 1747 | }
|
|---|
| 1748 | .metadataTable td {
|
|---|
| 1749 | padding: 2px;
|
|---|
| 1750 | }
|
|---|
| 1751 |
|
|---|
| 1752 | /* edit functionality */
|
|---|
| 1753 | #edit-panel {
|
|---|
| 1754 | max-width: 65%;
|
|---|
| 1755 | width: 50%;
|
|---|
| 1756 | height: 0px;
|
|---|
| 1757 | max-height: 30vh;
|
|---|
| 1758 | position: relative;
|
|---|
| 1759 | right: 0;
|
|---|
| 1760 | color: white;
|
|---|
| 1761 | overflow-y: hidden;
|
|---|
| 1762 | transition: height 0.2s ease, padding 0.2s ease;
|
|---|
| 1763 | box-sizing: border-box; /* ensures padding doesn't modify width */
|
|---|
| 1764 | font-family: 'Courier New', monospace;
|
|---|
| 1765 | font-size: 0.85rem;
|
|---|
| 1766 | border-left: 1px solid rgb(24, 36, 39);
|
|---|
| 1767 | user-select: none;
|
|---|
| 1768 |
|
|---|
| 1769 | display: flex;
|
|---|
| 1770 | flex-direction: column;
|
|---|
| 1771 | flex-wrap: nowrap;
|
|---|
| 1772 | justify-content: space-between;
|
|---|
| 1773 | flex-grow: 1;
|
|---|
| 1774 | }
|
|---|
| 1775 |
|
|---|
| 1776 | #edit-panel button {
|
|---|
| 1777 | padding: 0.5rem;
|
|---|
| 1778 | /* border: 1px solid white; */
|
|---|
| 1779 | cursor: pointer;
|
|---|
| 1780 | background-color: #F8C537;
|
|---|
| 1781 | transition: 0.1s ease-in-out;
|
|---|
| 1782 | font-size: 15px;
|
|---|
| 1783 | font-family: 'Courier New', monospace;
|
|---|
| 1784 | font-weight: normal;
|
|---|
| 1785 | }
|
|---|
| 1786 |
|
|---|
| 1787 | #edit-panel h3 {
|
|---|
| 1788 | font-size: 1.2rem;
|
|---|
| 1789 | margin: 0;
|
|---|
| 1790 | }
|
|---|
| 1791 |
|
|---|
| 1792 | #edit-panel button:hover {
|
|---|
| 1793 | background-color: #af8b26;
|
|---|
| 1794 | }
|
|---|
| 1795 |
|
|---|
| 1796 | .flex-row {
|
|---|
| 1797 | display: flex;
|
|---|
| 1798 | flex-direction: row;
|
|---|
| 1799 | flex-wrap: nowrap;
|
|---|
| 1800 | }
|
|---|
| 1801 |
|
|---|
| 1802 | #edit-panel input[type='text'] {
|
|---|
| 1803 | min-width: 35%;
|
|---|
| 1804 | /* border: 1px solid white; */
|
|---|
| 1805 | outline: none;
|
|---|
| 1806 | font-size: 15px;
|
|---|
| 1807 | margin-right: 0.5rem;
|
|---|
| 1808 | margin-bottom: 0.25rem;
|
|---|
| 1809 | transition: 0.25s ease-in;
|
|---|
| 1810 | background-color: white;
|
|---|
| 1811 | /* flex-grow: 1; size increases when div is enlarged */
|
|---|
| 1812 | }
|
|---|
| 1813 |
|
|---|
| 1814 | #edit-panel input::placeholder {
|
|---|
| 1815 | color: black;
|
|---|
| 1816 | opacity: 0.75;
|
|---|
| 1817 | }
|
|---|
| 1818 |
|
|---|
| 1819 | #edit-panel input[type='checkbox'] {
|
|---|
| 1820 | transform: scale(1.25);
|
|---|
| 1821 | margin-right: 0.5rem;
|
|---|
| 1822 | margin-top: -0.25rem;
|
|---|
| 1823 | }
|
|---|
| 1824 |
|
|---|
| 1825 | #edit-panel input[type='number'],
|
|---|
| 1826 | .time-label {
|
|---|
| 1827 | border: none;
|
|---|
| 1828 | text-align: center;
|
|---|
| 1829 | width: 1.5rem;
|
|---|
| 1830 | padding: 0;
|
|---|
| 1831 | margin: 0 !important;
|
|---|
| 1832 | font-size: 15px;
|
|---|
| 1833 | }
|
|---|
| 1834 |
|
|---|
| 1835 | .time-label {
|
|---|
| 1836 | background-color: transparent !important;
|
|---|
| 1837 | font-family: 'Courier New', Courier, monospace !important;
|
|---|
| 1838 | font-size: 14px !important;
|
|---|
| 1839 | }
|
|---|
| 1840 |
|
|---|
| 1841 | .time-label-container {
|
|---|
| 1842 | width: 20%;
|
|---|
| 1843 | background-color: transparent;
|
|---|
| 1844 | display: inline-flex;
|
|---|
| 1845 | }
|
|---|
| 1846 |
|
|---|
| 1847 | #edit-panel input[type='number']:focus {
|
|---|
| 1848 | border: none;
|
|---|
| 1849 | outline: none;
|
|---|
| 1850 | }
|
|---|
| 1851 |
|
|---|
| 1852 | #change-all-label {
|
|---|
| 1853 | /* width: 100%; */
|
|---|
| 1854 | }
|
|---|
| 1855 |
|
|---|
| 1856 | #save-discard {
|
|---|
| 1857 | /* margin-bottom: 1rem; */
|
|---|
| 1858 | justify-content: space-between;
|
|---|
| 1859 | }
|
|---|
| 1860 |
|
|---|
| 1861 | #audio-dropdowns {
|
|---|
| 1862 | width: 100%;
|
|---|
| 1863 | background-color: var(--audio-bg-colour);
|
|---|
| 1864 | display: flex;
|
|---|
| 1865 | flex-direction: row;
|
|---|
| 1866 | flex-wrap: nowrap;
|
|---|
| 1867 | justify-content: flex-start;
|
|---|
| 1868 | }
|
|---|
| 1869 |
|
|---|
| 1870 | #hover-speaker {
|
|---|
| 1871 | height: 2rem;
|
|---|
| 1872 | overflow: hidden;
|
|---|
| 1873 | font-family: 'Courier New', monospace;
|
|---|
| 1874 | }
|
|---|
| 1875 |
|
|---|
| 1876 | #hover-speaker-canvas {
|
|---|
| 1877 | position: absolute;
|
|---|
| 1878 | overflow: hidden;
|
|---|
| 1879 | }
|
|---|
| 1880 |
|
|---|
| 1881 | #region-details {
|
|---|
| 1882 |
|
|---|
| 1883 | }
|
|---|
| 1884 |
|
|---|
| 1885 | .time-picker {
|
|---|
| 1886 | background-color: white;
|
|---|
| 1887 | display: inline-flex;
|
|---|
| 1888 | border: 1px solid #ccc;
|
|---|
| 1889 | color: #555;
|
|---|
| 1890 | margin-bottom: 0.25rem;
|
|---|
| 1891 | }
|
|---|
| 1892 |
|
|---|
| 1893 | .no-arrows {
|
|---|
| 1894 | -moz-appearance: textfield;
|
|---|
| 1895 | -webkit-appearance: textfield;
|
|---|
| 1896 | appearance: textfield;
|
|---|
| 1897 | }
|
|---|
| 1898 |
|
|---|
| 1899 | .no-arrows::-webkit-inner-spin-button {
|
|---|
| 1900 | display: none;
|
|---|
| 1901 | }
|
|---|
| 1902 |
|
|---|
| 1903 | /* input::-webkit-outer-spin-button,
|
|---|
| 1904 | input::-webkit-inner-spin-button {
|
|---|
| 1905 | opacity: 0.5;
|
|---|
| 1906 | pointer-events: none;
|
|---|
| 1907 | } */
|
|---|
| 1908 |
|
|---|
| 1909 | .seconds {
|
|---|
| 1910 | width: 3.25rem !important;
|
|---|
| 1911 | }
|
|---|
| 1912 |
|
|---|
| 1913 | .disabled {
|
|---|
| 1914 | /* background-color: #888 !important; */
|
|---|
| 1915 | opacity: 0.5;
|
|---|
| 1916 | /* cursor: not-allowed !important; */
|
|---|
| 1917 | pointer-events: none;
|
|---|
| 1918 | }
|
|---|
| 1919 |
|
|---|
| 1920 | .wavesurfer-region {
|
|---|
| 1921 | cursor: pointer !important;
|
|---|
| 1922 | transition: background-color 0.1s ease;
|
|---|
| 1923 | z-index: 1 !important;
|
|---|
| 1924 | height: 60% !important;
|
|---|
| 1925 | top: 20% !important;
|
|---|
| 1926 | /* border: 1px solid #000; */
|
|---|
| 1927 | /* transition: width 2s ease; */
|
|---|
| 1928 | }
|
|---|
| 1929 |
|
|---|
| 1930 | /* .wavesurfer-region:hover {
|
|---|
| 1931 | background-color: rgba(200, 200, 200, 0.4) !important;
|
|---|
| 1932 | } */
|
|---|
| 1933 |
|
|---|
| 1934 | .region-padlock {
|
|---|
| 1935 | position: absolute;
|
|---|
| 1936 | right: 0;
|
|---|
| 1937 | width: 1rem !important;
|
|---|
| 1938 | height: 1rem;
|
|---|
| 1939 | padding-top: 0.2rem;
|
|---|
| 1940 | padding-right: 0.2rem;
|
|---|
| 1941 | /* pointer-events: none; */
|
|---|
| 1942 | }
|
|---|
| 1943 |
|
|---|
| 1944 | .region-conflict {
|
|---|
| 1945 | position: absolute;
|
|---|
| 1946 | right: 0;
|
|---|
| 1947 | width: 1rem !important;
|
|---|
| 1948 | height: 1rem;
|
|---|
| 1949 | padding-top: 0.2rem;
|
|---|
| 1950 | padding-right: 0.4rem;
|
|---|
| 1951 | }
|
|---|
| 1952 |
|
|---|
| 1953 | .region-conflict:hover {
|
|---|
| 1954 | filter: invert(0.85) !important;
|
|---|
| 1955 | }
|
|---|
| 1956 |
|
|---|
| 1957 | .conflict-hover-icon {
|
|---|
| 1958 | filter: invert(0) !important;
|
|---|
| 1959 | width: 0.8rem !important;
|
|---|
| 1960 | height: 0.8rem !important;
|
|---|
| 1961 | padding-right: 0.4rem;
|
|---|
| 1962 | }
|
|---|
| 1963 |
|
|---|
| 1964 | .region-menu {
|
|---|
| 1965 | position: absolute;
|
|---|
| 1966 | left: 0;
|
|---|
| 1967 | width: 1rem !important;
|
|---|
| 1968 | height: 1rem;
|
|---|
| 1969 | padding: 0.2rem 0.1rem;
|
|---|
| 1970 | }
|
|---|
| 1971 |
|
|---|
| 1972 | .wavesurfer-handle {
|
|---|
| 1973 | /* background-color: rgb(255, 0, 0) !important; */
|
|---|
| 1974 | /* z-index: 20 !important; */
|
|---|
| 1975 | width: 3px !important;
|
|---|
| 1976 | }
|
|---|
| 1977 |
|
|---|
| 1978 | .region-top {
|
|---|
| 1979 | height: 30% !important;
|
|---|
| 1980 | top: 15% !important;
|
|---|
| 1981 | }
|
|---|
| 1982 |
|
|---|
| 1983 | .region-bottom {
|
|---|
| 1984 | height: 30% !important;
|
|---|
| 1985 | top: 55% !important;
|
|---|
| 1986 | }
|
|---|
| 1987 |
|
|---|
| 1988 | .region-bottom img {
|
|---|
| 1989 | bottom: 0.2rem; /* padlock img shows bottom of region on secondary */
|
|---|
| 1990 | }
|
|---|
| 1991 |
|
|---|
| 1992 | #caret-container {
|
|---|
| 1993 | position: absolute;
|
|---|
| 1994 | /* background-color: #090; */
|
|---|
| 1995 | height: 140px; /* match waveform */
|
|---|
| 1996 | width: 20px; /* match gs_content padding */
|
|---|
| 1997 | flex-direction: column;
|
|---|
| 1998 | justify-content: space-evenly;
|
|---|
| 1999 | left: 0; /* padding */
|
|---|
| 2000 | padding-top: 2rem;
|
|---|
| 2001 | display: none;
|
|---|
| 2002 | }
|
|---|
| 2003 |
|
|---|
| 2004 | #caret-container img {
|
|---|
| 2005 | cursor: pointer;
|
|---|
| 2006 | filter: none;
|
|---|
| 2007 | opacity: 0.85;
|
|---|
| 2008 | width: 1.5rem;
|
|---|
| 2009 | }
|
|---|
| 2010 |
|
|---|
| 2011 | #caret-container img:hover {
|
|---|
| 2012 | filter: none;
|
|---|
| 2013 | opacity: 1;
|
|---|
| 2014 | }
|
|---|
| 2015 |
|
|---|
| 2016 | .selected-header {
|
|---|
| 2017 | justify-content: space-between;
|
|---|
| 2018 | padding-top: 0.5rem;
|
|---|
| 2019 | padding-bottom: 0.5rem;
|
|---|
| 2020 | }
|
|---|
| 2021 |
|
|---|
| 2022 | #context-menu {
|
|---|
| 2023 | position: fixed;
|
|---|
| 2024 | z-index: 10000;
|
|---|
| 2025 | width: 200px;
|
|---|
| 2026 | background: rgb(20, 30, 32);
|
|---|
| 2027 | box-shadow: 1px 1px 15px -5px black;
|
|---|
| 2028 | /* border-radius: 5px; */
|
|---|
| 2029 | display: none;
|
|---|
| 2030 | border: 1px solid #eee;
|
|---|
| 2031 | }
|
|---|
| 2032 |
|
|---|
| 2033 | .context-menu-item {
|
|---|
| 2034 | padding: 8px 10px;
|
|---|
| 2035 | font-size: 14px;
|
|---|
| 2036 | user-select: none;
|
|---|
| 2037 | color: #eee;
|
|---|
| 2038 | cursor: pointer;
|
|---|
| 2039 | border-radius: inherit;
|
|---|
| 2040 | }
|
|---|
| 2041 |
|
|---|
| 2042 | .context-menu-item:hover {
|
|---|
| 2043 | background: #343434;
|
|---|
| 2044 | }
|
|---|
| 2045 |
|
|---|
| 2046 | /* .context-menu-item.faded {
|
|---|
| 2047 | color: rgb(94, 94, 94);
|
|---|
| 2048 | }
|
|---|
| 2049 |
|
|---|
| 2050 | .context-menu-item.faded:hover {
|
|---|
| 2051 | background-color: rgb(20, 30, 32);
|
|---|
| 2052 | } */
|
|---|
| 2053 |
|
|---|
| 2054 | #timeline-menu-button {
|
|---|
| 2055 | position: absolute;
|
|---|
| 2056 | right: 0;
|
|---|
| 2057 | padding: 0.2rem;
|
|---|
| 2058 | width: 1rem !important;
|
|---|
| 2059 | z-index: 1;
|
|---|
| 2060 | /* display: none; */
|
|---|
| 2061 | transition: transform 0.2s ease-in-out;
|
|---|
| 2062 | }
|
|---|
| 2063 |
|
|---|
| 2064 | #timeline-menu {
|
|---|
| 2065 | font-family: 'Courier New', monospace;
|
|---|
| 2066 | position: absolute;
|
|---|
| 2067 | right: 1.5rem;
|
|---|
| 2068 | width: 200px;
|
|---|
| 2069 | background: rgb(20, 30, 32);
|
|---|
| 2070 | box-shadow: 1px 1px 15px -5px black;
|
|---|
| 2071 | /* border-radius: 5px; */
|
|---|
| 2072 | z-index: 12;
|
|---|
| 2073 | display: none;
|
|---|
| 2074 | margin: 2.2rem 0;
|
|---|
| 2075 | border: 1px solid #eee;
|
|---|
| 2076 | }
|
|---|
| 2077 |
|
|---|
| 2078 | #timeline-menu input {
|
|---|
| 2079 | pointer-events: none;
|
|---|
| 2080 | }
|
|---|
| 2081 |
|
|---|
| 2082 | #timeline-menu hr {
|
|---|
| 2083 | height: 1px;
|
|---|
| 2084 | border: 0;
|
|---|
| 2085 | background: #333;
|
|---|
| 2086 | margin-top: 0;
|
|---|
| 2087 | }
|
|---|
| 2088 |
|
|---|
| 2089 | .timeline-menu-item {
|
|---|
| 2090 | padding: 0.4rem 0.8rem;
|
|---|
| 2091 | font-size: 14px;
|
|---|
| 2092 | user-select: none;
|
|---|
| 2093 | color: #eee;
|
|---|
| 2094 | cursor: pointer;
|
|---|
| 2095 | border-radius: inherit;
|
|---|
| 2096 | display: flex;
|
|---|
| 2097 | flex-wrap: nowrap;
|
|---|
| 2098 | justify-content: space-between;
|
|---|
| 2099 | }
|
|---|
| 2100 |
|
|---|
| 2101 | .timeline-menu-item:hover {
|
|---|
| 2102 | background: #343434;
|
|---|
| 2103 | }
|
|---|
| 2104 |
|
|---|
| 2105 | .timeline-menu-subtext {
|
|---|
| 2106 | padding: 0.1rem 0.4rem;
|
|---|
| 2107 | font-size: 14px;
|
|---|
| 2108 | color: #999;
|
|---|
| 2109 | font-weight: bold;
|
|---|
| 2110 | pointer-events: none;
|
|---|
| 2111 | }
|
|---|
| 2112 |
|
|---|
| 2113 | #chapter-search-box {
|
|---|
| 2114 | width: 100%;
|
|---|
| 2115 | height: 10%;
|
|---|
| 2116 | display: flex;
|
|---|
| 2117 | flex-direction: row;
|
|---|
| 2118 | justify-content: right;
|
|---|
| 2119 | }
|
|---|
| 2120 |
|
|---|
| 2121 | #chapter-search-input {
|
|---|
| 2122 | width: 90%;
|
|---|
| 2123 | height: 100%;
|
|---|
| 2124 | margin-right: auto;
|
|---|
| 2125 | background: transparent;
|
|---|
| 2126 | border: none;
|
|---|
| 2127 | outline: none;
|
|---|
| 2128 | color: #eee;
|
|---|
| 2129 | font-family: 'Courier New', Courier, monospace;
|
|---|
| 2130 | font-size: 1rem;
|
|---|
| 2131 | margin-left: 0.5rem;
|
|---|
| 2132 | margin-top: 0.2rem;
|
|---|
| 2133 | margin-bottom: 0.2rem;
|
|---|
| 2134 | }
|
|---|
| 2135 |
|
|---|
| 2136 | #chapter-search-input:focus {
|
|---|
| 2137 | outline: none;
|
|---|
| 2138 | }
|
|---|
| 2139 |
|
|---|
| 2140 | #chapter-search-input::placeholder {
|
|---|
| 2141 | color: white;
|
|---|
| 2142 | }
|
|---|
| 2143 |
|
|---|
| 2144 | #filter-menu {
|
|---|
| 2145 | position: absolute;
|
|---|
| 2146 | width: 48%;
|
|---|
| 2147 | display: none;
|
|---|
| 2148 | flex-direction: row;
|
|---|
| 2149 | flex-wrap: nowrap;
|
|---|
| 2150 | justify-content: space-between;
|
|---|
| 2151 | align-items: center;
|
|---|
| 2152 | z-index: 21;
|
|---|
| 2153 | background: rgb(20, 30, 32);
|
|---|
| 2154 | color: white;
|
|---|
| 2155 | box-shadow: 1px 1px 15px black;
|
|---|
| 2156 | border: 1px solid #eee;
|
|---|
| 2157 | margin: 2px;
|
|---|
| 2158 | padding: 0.5rem;
|
|---|
| 2159 | }
|
|---|
| 2160 |
|
|---|
| 2161 | #filter-menu.show {
|
|---|
| 2162 | display: flex;
|
|---|
| 2163 | }
|
|---|
| 2164 |
|
|---|
| 2165 | #filter-menu input {
|
|---|
| 2166 | width: 30%;
|
|---|
| 2167 | }
|
|---|
| 2168 |
|
|---|
| 2169 | #filter-menu span {
|
|---|
| 2170 | width: 4em;
|
|---|
| 2171 | text-align: right;
|
|---|
| 2172 | }
|
|---|
| 2173 |
|
|---|
| 2174 | #filter-min {
|
|---|
| 2175 | margin-right: 1rem;
|
|---|
| 2176 | }
|
|---|
| 2177 |
|
|---|
| 2178 | #filter-count {
|
|---|
| 2179 | color: #888;
|
|---|
| 2180 | align-self: flex-end;
|
|---|
| 2181 | }
|
|---|
| 2182 |
|
|---|
| 2183 | #chapters-container {
|
|---|
| 2184 | min-width: 45%;
|
|---|
| 2185 | max-width: 55%;
|
|---|
| 2186 | width: 50%;
|
|---|
| 2187 | height: 100%;
|
|---|
| 2188 | max-height: 30vh;
|
|---|
| 2189 | font-size: 14px;
|
|---|
| 2190 | color: white;
|
|---|
| 2191 | transition: background-color 0.2s ease, height 0.2s ease;
|
|---|
| 2192 | user-select: none;
|
|---|
| 2193 | resize: horizontal;
|
|---|
| 2194 | overflow: auto;
|
|---|
| 2195 | }
|
|---|
| 2196 |
|
|---|
| 2197 | #chapters-container img {
|
|---|
| 2198 | /* pointer-events: none; */
|
|---|
| 2199 | width: 1.5rem;
|
|---|
| 2200 | padding: 0.2rem;
|
|---|
| 2201 | }
|
|---|
| 2202 |
|
|---|
| 2203 | #new-canvas {
|
|---|
| 2204 | position: absolute;
|
|---|
| 2205 | background-color: var(--audio-bg-colour);
|
|---|
| 2206 | background-size: cover;
|
|---|
| 2207 | top: 0px;
|
|---|
| 2208 | left: 0px;
|
|---|
| 2209 | overflow-y: scroll;
|
|---|
| 2210 | }
|
|---|
| 2211 |
|
|---|
| 2212 | #waveform-spinner {
|
|---|
| 2213 | position: absolute;
|
|---|
| 2214 | inset: 0; /* top, bottom, left, right shorthand */
|
|---|
| 2215 | margin: auto; /* center horizontally and vertically */
|
|---|
| 2216 | border: 5px solid white;
|
|---|
| 2217 | border-top: 5px solid var(--audio-accent-colour);
|
|---|
| 2218 | border-radius: 50%;
|
|---|
| 2219 | background-color: var(--audio-bg-colour);
|
|---|
| 2220 | width: 3rem;
|
|---|
| 2221 | height: 3rem;
|
|---|
| 2222 | animation: spin 1.3s ease-in-out infinite;
|
|---|
| 2223 | z-index: 10;
|
|---|
| 2224 | transition: 0.5s ease-in-out;
|
|---|
| 2225 | }
|
|---|
| 2226 |
|
|---|
| 2227 | @keyframes spin {
|
|---|
| 2228 | 0% { transform: rotate(0deg); }
|
|---|
| 2229 | 100% { transform: rotate(720deg); }
|
|---|
| 2230 | }
|
|---|
| 2231 |
|
|---|
| 2232 | #waveform-blocker {
|
|---|
| 2233 | position: absolute;
|
|---|
| 2234 | width: 100%;
|
|---|
| 2235 | height: 100%;
|
|---|
| 2236 | background-color: var(--audio-bg-colour);
|
|---|
| 2237 | z-index: 9;
|
|---|
| 2238 | }
|
|---|
| 2239 |
|
|---|
| 2240 | .track-set-label {
|
|---|
| 2241 | position: absolute;
|
|---|
| 2242 | max-width: 150px;
|
|---|
| 2243 | left: 0.2rem;
|
|---|
| 2244 | color: #eee;
|
|---|
| 2245 | font-size: 14px;
|
|---|
| 2246 | user-select: none;
|
|---|
| 2247 | }
|
|---|
| 2248 |
|
|---|
| 2249 | #track-set-label-bottom {
|
|---|
| 2250 | bottom: 0px;
|
|---|
| 2251 | }
|
|---|
| 2252 |
|
|---|
| 2253 | .track-arrow {
|
|---|
| 2254 | position: relative;
|
|---|
| 2255 | width: 1.5em !important;
|
|---|
| 2256 | transform: rotate(90deg);
|
|---|
| 2257 | vertical-align: text-bottom;
|
|---|
| 2258 | z-index: 20;
|
|---|
| 2259 | /* transition: transform 0.2s ease-in-out; */
|
|---|
| 2260 | }
|
|---|
| 2261 |
|
|---|
| 2262 | #version-select-menu {
|
|---|
| 2263 | position: absolute;
|
|---|
| 2264 | display: none;
|
|---|
| 2265 | z-index: 21;
|
|---|
| 2266 | background: rgb(20, 30, 32);
|
|---|
| 2267 | box-shadow: 1px 1px 15px -5px black;
|
|---|
| 2268 | /* border-radius: 5px; */
|
|---|
| 2269 | border: 1px solid #eee;
|
|---|
| 2270 | overflow-y: auto;
|
|---|
| 2271 | margin: 2px;
|
|---|
| 2272 | }
|
|---|
| 2273 |
|
|---|
| 2274 | #version-select-menu.visible {
|
|---|
| 2275 | display: inline;
|
|---|
| 2276 | }
|
|---|
| 2277 |
|
|---|
| 2278 | .version-select-menu-item {
|
|---|
| 2279 | padding: 8px 10px;
|
|---|
| 2280 | font-size: 14px;
|
|---|
| 2281 | user-select: none;
|
|---|
| 2282 | color: #eee;
|
|---|
| 2283 | cursor: pointer;
|
|---|
| 2284 | border-radius: inherit;
|
|---|
| 2285 | }
|
|---|
| 2286 |
|
|---|
| 2287 | .version-select-menu-item:hover {
|
|---|
| 2288 | background: #343434;
|
|---|
| 2289 | }
|
|---|
| 2290 |
|
|---|
| 2291 | .version-has-conflict {
|
|---|
| 2292 | height: 1rem !important;
|
|---|
| 2293 | width: 1rem !important;
|
|---|
| 2294 | filter: invert(0) !important;
|
|---|
| 2295 | padding-left: 0.3rem;
|
|---|
| 2296 | vertical-align: middle;
|
|---|
| 2297 | }
|
|---|
| 2298 |
|
|---|
| 2299 | #save-popup {
|
|---|
| 2300 | display: none;
|
|---|
| 2301 | position: absolute;
|
|---|
| 2302 | inset: 0;
|
|---|
| 2303 | margin: auto;
|
|---|
| 2304 | width: 25vw;
|
|---|
| 2305 | height: 9vh;
|
|---|
| 2306 | background: rgb(20, 30, 32);
|
|---|
| 2307 | border: 1px solid #ffffff70;
|
|---|
| 2308 | /* border-radius: 5px; */
|
|---|
| 2309 | box-shadow: 1px 1px 15px -5px black;
|
|---|
| 2310 | z-index: 1000;
|
|---|
| 2311 | padding: 0.5rem 0.5rem 2rem 0.5rem;
|
|---|
| 2312 | color: #eee;
|
|---|
| 2313 | font-weight: bold;
|
|---|
| 2314 | }
|
|---|
| 2315 |
|
|---|
| 2316 | #commit-message {
|
|---|
| 2317 | width: 22vw;
|
|---|
| 2318 | resize: none;
|
|---|
| 2319 | display: block;
|
|---|
| 2320 | margin-left: auto;
|
|---|
| 2321 | margin-right: auto;
|
|---|
| 2322 | margin-top: 0.5rem;
|
|---|
| 2323 | margin-bottom: 0.1rem;
|
|---|
| 2324 | }
|
|---|
| 2325 |
|
|---|
| 2326 | #save-popup button {
|
|---|
| 2327 | width: 11vw;
|
|---|
| 2328 | margin: 0.2rem;
|
|---|
| 2329 | }
|
|---|
| 2330 |
|
|---|
| 2331 | #save-popup-bg {
|
|---|
| 2332 | display: none;
|
|---|
| 2333 | position: absolute;
|
|---|
| 2334 | width: 100%;
|
|---|
| 2335 | height: 100%;
|
|---|
| 2336 | top: 0;
|
|---|
| 2337 | left: 0;
|
|---|
| 2338 | backdrop-filter: blur(1px);
|
|---|
| 2339 | background-color: rgba(20, 34, 38, 0.1);
|
|---|
| 2340 | z-index: 999;
|
|---|
| 2341 | user-select: none;
|
|---|
| 2342 | }
|
|---|
| 2343 |
|
|---|
| 2344 | .visible {
|
|---|
| 2345 | display: block !important;
|
|---|
| 2346 | }
|
|---|
| 2347 |
|
|---|
| 2348 | :root { /* css vars */
|
|---|
| 2349 | --audio-accent-colour: #66d640;
|
|---|
| 2350 | /* --audio-bg-colour: rgb(40, 54, 58); */
|
|---|
| 2351 | /* --audio-bg-colour: rgb(29, 43, 47); */
|
|---|
| 2352 | --audio-bg-colour: rgb(29, 40, 47);
|
|---|
| 2353 |
|
|---|
| 2354 | /* document editor, width of editable usercomments cells */
|
|---|
| 2355 | --metatablecellwidth: 400px;
|
|---|
| 2356 | }
|
|---|
| 2357 |
|
|---|
