1body { 2 font-family: 'Open Sans', Arial, sans-serif; 3 color: #eee; 4 margin-top: 50px; 5 overflow: hidden; 6} 7a { 8 color: #eee; 9} 10a:hover, 11a:focus { 12 color: #e9a049; 13 text-decoration: none; 14 outline: none; 15} 16select, .react-selectize.bootstrap3.root-node .react-selectize-control { 17 margin: 5px 0 5px 0; 18 border: 2px solid #444; 19 background: #333; 20 -webkit-border-radius: 2px; 21 -moz-border-radius: 2px; 22 border-radius: 2px; 23 color: #999; 24 outline: none; 25} 26select.input-sm { 27 margin: 5px 0 5px 0; 28 border: 2px solid #444; 29 background: #333; 30 -webkit-border-radius: 2px; 31 -moz-border-radius: 2px; 32 border-radius: 2px; 33 color: #999; 34 outline: none; 35} 36select[multiple] { 37 height: 125px; 38 margin: 5px 0 5px 0; 39 color: #eee; 40 border: 0px solid #444; 41 background: #555; 42 padding: 2px 2px; 43 background-color: #555; 44 border-radius: 3px; 45 transition: background-color .3s; 46} 47select[multiple]:focus { 48 outline: 0; 49 outline: thin dotted \9; 50 color: #555; 51 background-color: #eee; 52 transition: background-color .3s; 53} 54select[multiple]:focus::-webkit-scrollbar-thumb { 55 background-color: rgba(0,0,0,.15); 56} 57select[multiple] option { 58 padding: 6px 10px; 59 -webkit-border-radius: 2px; 60 -moz-border-radius: 2px; 61 border-radius: 2px; 62} 63select.form-control, 64div.form-control .selectize-input { 65 margin: 5px 0 5px 0; 66 color: #eee; 67 border: 0px solid #444; 68 background: #555; 69 padding: 6px 12px; 70 background-color: #555; 71 border-radius: 3px; 72 transition: background-color .3s; 73} 74select.form-control { 75 height: 32px !important; 76} 77.react-selectize.root-node .react-selectize-control, 78.selectize-control.form-control .selectize-input { 79 color: #eee !important; 80 border: 0px solid #444 !important; 81 background: #555 !important; 82 padding: 1px 2px; 83 transition: background-color .3s; 84} 85.selectize-control.form-control .selectize-input { 86 display: flex !important; 87 align-items: center; 88 flex-wrap: wrap; 89 margin-bottom: 4px; 90 padding-left: 5px; 91} 92.selectize-control.form-control.selectize-pms-ip .selectize-input { 93 padding-left: 12px !important; 94 border-top-left-radius: 3px; 95 border-bottom-left-radius: 3px; 96 min-height: 32px !important; 97 height: 32px !important; 98} 99.input-group .selectize-control.form-control.selectize-pms-ip .selectize-input > div { 100 max-width: 450px; 101 overflow: hidden; 102 text-overflow: ellipsis; 103} 104.wizard-input-section p.welcome-message { 105 margin: 20px 0; 106} 107.wizard-input-section .selectize-control.form-control.selectize-pms-ip .selectize-input > div { 108 max-width: 360px; 109 overflow: hidden; 110 text-overflow: ellipsis; 111} 112#selectize-pms-ip-container .selectize-dropdown.form-control.selectize-pms-ip { 113 margin-left: 15px; 114} 115.wizard-input-section .selectize-control.form-control.selectize-pms-ip .selectize-dropdown .selectize-dropdown-content { 116 max-height: 150px; 117} 118.wizard-input-section .selectize-dropdown.form-control.selectize-pms-ip { 119 margin-top: 0 !important; 120} 121#condition-widget .fa-plus, 122#condition-widget .fa-minus { 123 cursor: pointer; 124} 125.react-selectize.root-node .react-selectize-control .react-selectize-placeholder { 126 color: #eee !important; 127} 128.react-selectize.root-node .react-selectize-control .react-selectize-toggle-button path { 129 fill: #eee !important; 130} 131.react-selectize.root-node .simple-value, 132.selectize-control.multi .selectize-input > div { 133 background: #444 !important; 134 color: #eee !important; 135 padding-bottom: 2px !important; 136 transition: background-color .3s; 137} 138.react-selectize.root-node .simple-value span, 139.selectize-control.multi .selectize-input > div { 140 padding-bottom: 2px !important; 141 padding-left: 5px !important; 142} 143.react-selectize.root-node .react-selectize-control .react-selectize-search-field-and-selected-values .value-wrapper:not(:first-child):before { 144 content: "or"; 145 padding: 0 3px; 146 text-transform: uppercase; 147 font-size: 10px; 148} 149.react-selectize.root-node .react-selectize-control .react-selectize-search-field-and-selected-values .resizable-input { 150 padding-top: 3px !important; 151 padding-bottom: 3px !important; 152} 153select.form-control:focus, 154.react-selectize.root-node.open .react-selectize-control, 155.selectize-control.form-control .selectize-input.focus { 156 outline: 0; 157 outline: thin dotted \9; 158 color: #555 !important; 159 background-color: #eee !important; 160 transition: background-color .3s; 161} 162.react-selectize.root-node.open .simple-value, 163.selectize-control.multi .selectize-input.focus > div, 164.selectize-control.multi .selectize-input > div.active { 165 background: #efefef !important; 166 color: #333333 !important; 167 transition: background-color .3s; 168} 169.react-selectize.root-node.open .react-selectize-control .react-selectize-toggle-button path { 170 fill: #999 !important; 171} 172.selectize-input > div .item-text { 173 white-space: nowrap; 174} 175.selectize-input > div .item-value { 176 opacity: 0.8; 177 font-size: 12px; 178 white-space: nowrap; 179} 180.selectize-input > div .item-text + .item-value { 181 margin-left: 5px; 182} 183.selectize-input > div .item-value:before { 184 content: '<'; 185 opacity: 0.8; 186 font-size: 12px; 187} 188.selectize-input > div .item-value:after { 189 content: '>'; 190 opacity: 0.8; 191 font-size: 12px; 192} 193.selectize-dropdown .caption { 194 font-size: 12px; 195 display: block; 196 color: #a0a0a0; 197 white-space: nowrap; 198 overflow: hidden; 199 text-overflow: ellipsis; 200} 201.selectize-dropdown .select-all, 202.selectize-dropdown .remove-all { 203 font-weight: bold; 204} 205.selectize-dropdown .border-all { 206 pointer-events: none; 207 display: block; 208 height: 1px; 209 margin: 9px -12px 9px -12px; 210 padding: 0 !important; 211 overflow: hidden; 212 background-color: #e5e5e5; 213} 214.selectize-dropdown .border-all:last-child { 215 display: none; 216} 217.selectize-dropdown .optgroup-header { 218 font-weight: bold; 219} 220.selectize-dropdown [data-selectable].option-disabled { 221 color: #aaa; 222 cursor: default; 223} 224select.form-control option { 225 color: #555; 226 background-color: #eee; 227} 228select.btn { 229 text-align: left; 230} 231img { 232 -webkit-box-sizing: content-box; 233 -moz-box-sizing: content-box; 234 box-sizing: content-box; 235} 236object { 237 pointer-events: none; 238} 239.navbar { 240 background: #000; 241 -webkit-box-shadow: 0 0 0 3px rgba(0,0,0,.2); 242 -moz-box-shadow: 0 0 0 3px rgba(0,0,0,.2); 243 box-shadow: 0 0 0 3px rgba(0,0,0,.2); 244} 245.navbar-brand { 246 padding: 3px 3px; 247} 248.nav > li > a { 249 color: #999; 250 -webkit-transition: all 0.3s ease; 251 -o-transition: all 0.3s ease; 252 transition: all 0.3s ease; 253} 254.nav > li > a:hover, 255.nav > li > a:focus { 256 text-decoration: none; 257 background-color: #282828; 258 color: #eee; 259} 260.nav > li.active > a, 261.nav > li.active > a:hover, 262.nav > li.active > a:focus { 263 color: #f9be03; 264 background-color: #282828; 265} 266.navbar-toggle { 267 background-color: #282828; 268} 269.navbar-toggle:hover, 270.navbar-toggle:focus { 271 background-color: #2f2f2f; 272} 273.nav .open > a, .nav .open > a:hover, .nav .open > a:focus { 274 background-color: #2f2f2f; 275 border-color: unset; 276} 277.dropdown-menu { 278 background-color: #282828; 279} 280.dropdown-menu .divider { 281 background-color: #777; 282} 283.dropdown-menu > li > a { 284 color: #999; 285} 286.dropdown-menu > li > a:hover, 287.dropdown-menu > li > a:focus { 288 color: #eee; 289 background-color: #2f2f2f; 290} 291.dropdown-menu > .active > a, 292.dropdown-menu > .active > a:hover, 293.dropdown-menu > .active > a:focus { 294 color: #eee; 295 background-color: #2f2f2f; 296} 297.dropdown-menu > .disabled > a, 298.dropdown-menu > .disabled > a:hover, 299.dropdown-menu > .disabled > a:focus { 300 color: #999; 301} 302.icon-bar { 303 background-color: #999; 304} 305.padded-header { 306 margin: 25px 0 25px 0; 307} 308.padded-header h1,h2,h3,h4,h5,h6 { 309 color: #eee; 310} 311.padded-header h3 { 312 font-size: 16px; 313 font-weight: bold; 314 text-transform: uppercase; 315} 316.padded-header h3 small { 317 font-size: 13px; 318 text-transform: none; 319} 320.btn { 321 outline:0px !important; 322} 323.btn:not(select) { 324 -webkit-appearance:none; 325} 326.btn-dark { 327 color: #d7d7d7; 328 background-color: #3B3B3B; 329 border-color: transparent; 330} 331.btn-dark:focus, 332.btn-dark.focus { 333 color: #d7d7d7; 334 background-color: #3B3B3B; 335} 336.btn-dark:hover { 337 color: #eee; 338 background-color: #333; 339 border-color: #444; 340} 341.btn-dark:active, 342.btn-dark.active, 343.open > .dropdown-toggle.btn-dark { 344 color: #eee; 345 background-color: #333; 346 border-color: #444; 347} 348.btn-dark:active:hover, 349.btn-dark.active:hover, 350.open > .dropdown-toggle.btn-dark:hover, 351.btn-dark:active:focus, 352.btn-dark.active:focus, 353.open > .dropdown-toggle.btn-dark:focus, 354.btn-dark:active.focus, 355.btn-dark.active.focus, 356.open > .dropdown-toggle.btn-dark.focus { 357 color: #eee; 358 background-color: #333; 359} 360.btn-dark:active, 361.btn-dark.active, 362.open > .dropdown-toggle.btn-dark { 363 background-image: none; 364} 365.btn-dark.disabled, 366.btn-dark[disabled], 367fieldset[disabled] .btn-dark, 368.btn-dark.disabled:hover, 369.btn-dark[disabled]:hover, 370fieldset[disabled] .btn-dark:hover, 371.btn-dark.disabled:focus, 372.btn-dark[disabled]:focus, 373fieldset[disabled] .btn-dark:focus, 374.btn-dark.disabled.focus, 375.btn-dark[disabled].focus, 376fieldset[disabled] .btn-dark.focus, 377.btn-dark.disabled:active, 378.btn-dark[disabled]:active, 379fieldset[disabled] .btn-dark:active, 380.btn-dark.disabled.active, 381.btn-dark[disabled].active, 382fieldset[disabled] .btn-dark.active { 383 background-color: #333; 384 color: #aaa; 385} 386.btn-dark.inactive:hover { 387 color: #d7d7d7; 388 background-color: #3B3B3B; 389 border-color: transparent; 390 cursor: default; 391} 392.btn-dark .badge { 393 color: #e5e5e5; 394 background-color: #3B3B3B; 395} 396.btn-bright { 397 color: #eee; 398 background-color: #cc7b19; 399 box-shadow: inset 0 1px 0 #e7993b; 400} 401.btn-bright:focus, 402.btn-bright.focus { 403 color: #eee; 404 background-color: #eb8600; 405} 406.btn-bright:hover { 407 color: #eee; 408 background-color: #e59029; 409 box-shadow: inset 0 1px 0 #ebac60; 410} 411.btn-bright:active, 412.btn-bright.active, 413.open > .dropdown-toggle.btn-bright { 414 color: #eee; 415 background-color: #cc7b19; 416 box-shadow: inset 0 1px 0 #e7993b; 417} 418.btn-bright:active:hover, 419.btn-bright.active:hover, 420.open > .dropdown-toggle.btn-bright:hover, 421.btn-bright:active:focus, 422.btn-bright.active:focus, 423.open > .dropdown-toggle.btn-bright:focus, 424.btn-bright:active.focus, 425.btn-bright.active.focus, 426.open > .dropdown-toggle.btn-bright.focus { 427 color: #eee; 428 background-color: #cc7b19; 429 box-shadow: inset 0 1px 0 #e7993b; 430} 431.btn-bright:active, 432.btn-bright.active, 433.open > .dropdown-toggle.btn-bright { 434 background-image: none; 435} 436.btn-bright.disabled, 437.btn-bright[disabled], 438fieldset[disabled] .btn-bright, 439.btn-bright.disabled:hover, 440.btn-bright[disabled]:hover, 441fieldset[disabled] .btn-bright:hover, 442.btn-bright.disabled:focus, 443.btn-bright[disabled]:focus, 444fieldset[disabled] .btn-bright:focus, 445.btn-bright.disabled.focus, 446.btn-bright[disabled].focus, 447fieldset[disabled] .btn-bright.focus, 448.btn-bright.disabled:active, 449.btn-bright[disabled]:active, 450fieldset[disabled] .btn-bright:active, 451.btn-bright.disabled.active, 452.btn-bright[disabled].active, 453fieldset[disabled] .btn-bright.active { 454 background-color: #cc7b19; 455 border-color: #b56d16; 456} 457.btn-bright .badge { 458 color: #eee; 459 background-color: #cc7b19; 460 box-shadow: inset 0 1px 0 #e7993b; 461} 462.btn-danger.btn-edit { 463 color: #d7d7d7; 464 background-color: #3B3B3B; 465 border-color: transparent; 466 float: right; 467} 468.btn-danger.btn-edit:hover { 469 color: #eee; 470 background-color: #c9302c; 471 border-color: #ac2925; 472} 473.btn-danger.btn-edit.active { 474 color: #eee; 475 background-color: #c9302c; 476 border-color: #ac2925; 477} 478.btn-danger.btn-edit.active:hover { 479 color: #eee; 480 background-color: #ac2925; 481 border-color: #761c19; 482} 483.btn-group select { 484 margin-top: 0; 485 height: 34px; 486} 487.btn-group label { 488 margin-bottom: 0; 489} 490.input-group-addon-form { 491 display: inline-block; 492 line-height: 1.42857143; 493 color: #e5e5e5; 494 background-color: #3B3B3B; 495 border: 1px solid transparent; 496 border-top-right-radius: 3px !important; 497 border-bottom-right-radius: 3px !important; 498 height: 32px; 499 width: 100%; 500 margin-top: 5px; 501} 502.alert-edit { 503 display: none; 504 float: left; 505 margin-bottom: 0; 506 /*margin-right: 5px;*/ 507 padding: 6px 15px; 508} 509.modal-header { 510 padding: 15px 20px; 511 background-color: #323232; 512 border-radius: 3px 3px 0 0; 513 border-bottom: 1px solid #1C1C1C; 514} 515.modal-body { 516 position: relative; 517 overflow-y: auto; 518 max-height: 600px; 519 padding: 15px; 520 background-color: #222222; 521} 522.modal-body table { 523 color: #eee; 524} 525.modal-body li { 526 margin-top: 7px; 527 margin-left: 4px; 528 color: #aaa; 529} 530.modal-body li strong { 531 color: #eee; 532} 533.modal-body i { 534 color: #E5A00D; 535} 536.modal-body i.fa { 537 color: #eee; 538} 539.modal-body td:hover a .fa, 540.modal-body a:focus i.fa { 541 color: #f9aa03; 542} 543.modal-body strong, 544.modal-body strong i.fa { 545 color: #E5A00D; 546} 547.modal-footer { 548 padding: 15px 20px; 549 margin-top: 0; 550 background-color: #323232; 551 border-radius: 0 0 3px 3px; 552 border-top: 1px solid #1C1C1C; 553} 554textarea, 555input[type="text"], 556input[type="password"], 557input[type="datetime"], 558input[type="datetime-local"], 559input[type="date"], 560input[type="month"], 561input[type="time"], 562input[type="week"], 563input[type="number"], 564input[type="email"], 565input[type="url"], 566input[type="search"], 567input[type="tel"], 568input[type="color"], 569.uneditable-input { 570 margin: 5px 0 5px 0; 571 color: #eee; 572 border: 0px solid #444; 573 background: #555; 574 height: 32px; 575 padding: 6px 12px; 576 background-color: #555; 577 border-radius: 3px; 578 transition: background-color .3s; 579} 580textarea.form-control { 581 height: initial; 582 margin: 5px 0 5px 0; 583 color: #eee; 584 border: 0px solid #444; 585 background: #555; 586 padding: 6px 12px; 587 background-color: #555; 588 border-radius: 3px; 589 transition: background-color .3s; 590 resize: none; 591} 592textarea.form-control:focus { 593 outline: 0; 594 color: #555; 595 background-color: #eee; 596 transition: background-color .3s; 597} 598.pagination > li > a, 599.pagination > li > span { 600 position: relative; 601 float: left; 602 padding: 6px 12px; 603 margin-left: -1px; 604 line-height: 1.42857143; 605 color: #eee; 606 text-decoration: none; 607 background-color: #262626; 608 border: 1px solid #444444; 609} 610.pagination > li > a:hover, 611.pagination > li > span:hover, 612.pagination > li > a:focus, 613.pagination > li > span:focus { 614 background-color: #cc7b19; 615 border: 1px solid #444444; 616} 617.pagination > .active > a, 618.pagination > .active > span, 619.pagination > .active > a:hover, 620.pagination > .active > span:hover, 621.pagination > .active > a:focus, 622.pagination > .active > span:focus { 623 z-index: 2; 624 color: #eee; 625 cursor: default; 626 background-color: #cc7b19; 627 border-color: #444444; 628} 629.pagination > .disabled > span, 630.pagination > .disabled > span:hover, 631.pagination > .disabled > span:focus, 632.pagination > .disabled > a, 633.pagination > .disabled > a:hover, 634.pagination > .disabled > a:focus { 635 color: #444444; 636 cursor: not-allowed; 637 background-color: #262626; 638 border-color: #444444; 639} 640.nav-pills > li.active > a, 641.nav-pills > li.active > a:hover, 642.nav-pills > li.active > a:focus { 643 color: #eee; 644 background-color: #cc7b19; 645} 646.nav-pills > li > a { 647 border-radius: 3px; 648 padding: 5px 10px; 649 margin: 0 0 20px 0; 650} 651.btn-form { 652 padding: 4px 12px; 653 margin: 5px 0 5px 0; 654 font-size: 14px; 655 font-weight: normal; 656 height: 32px; 657 line-height: 1.42857143; 658 text-align: center; 659 white-space: nowrap; 660 vertical-align: middle; 661 -ms-touch-action: manipulation; 662 touch-action: manipulation; 663 cursor: pointer; 664 -webkit-user-select: none; 665 -moz-user-select: none; 666 -ms-user-select: none; 667 user-select: none; 668 background-image: none; 669 background-color: #3B3B3B; 670 color: #e5e5e5; 671 border: 1px solid transparent; 672 border-radius: 3px; 673 outline:0px !important; 674 -webkit-appearance:none; 675} 676.btn-form:hover { 677 color: #eee; 678 background-color: #333; 679} 680.btn-form:focus { 681 color: #eee; 682} 683.form-control-feedback { 684 color: #E5A00D; 685 margin: 5px 40px 5px 0; 686} 687.form-control[disabled], 688.form-control[readonly], 689fieldset[disabled] .form-control { 690 background-color: #555; 691} 692.form-control[readonly]:focus { 693 background-color: #eee; 694} 695.poster { 696 position: relative; 697 height: 225px; 698} 699.poster-face { 700 background-position: center; 701 background-size: cover; 702 height: 225px; 703 width: 150px; 704 position: relative; 705 -webkit-box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1); 706 -moz-box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1); 707 box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1); 708 overflow: hidden; 709} 710.cover-face { 711 background-position: center; 712 background-size: cover; 713 height: 150px; 714 width: 150px; 715 position: absolute; 716 bottom: 0; 717 -webkit-box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1); 718 -moz-box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1); 719 box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1); 720} 721.users-poster-face { 722 float: left; 723 background-size: cover; 724 background-position: center; 725 height: 40px; 726 width: 40px; 727 -webkit-border-radius: 50%; 728 -moz-border-radius: 50%; 729 border-radius: 50%; 730 -webkit-box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1); 731 -moz-box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1); 732 box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1); 733} 734.libraries-poster-face { 735 overflow: hidden; 736 float: left; 737 background-size: cover; 738 background-position: center; 739 height: 40px; 740 width: 40px; 741 /*-webkit-box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1); 742 -moz-box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1); 743 box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1);*/ 744} 745a .poster-face:hover, 746a .cover-face:hover, 747a .users-poster-face:hover { 748 -webkit-box-shadow: inset 0 0 0 2px #e9a049; 749 -moz-box-shadow: inset 0 0 0 2px #e9a049; 750 box-shadow: inset 0 0 0 2px #e9a049; 751} 752.users-name { 753 position: relative; 754} 755#dashboard-checking-activity, 756#dashboard-no-activity, 757#dashboard-checking-recently-added, 758#dashboard-no-recently-added { 759 margin-bottom: 20px; 760} 761.dashboard-activity-instance { 762 float: left; 763 position: relative; 764 height: 290px; 765 max-width: 500px; 766 margin-left: 25px; 767 margin-bottom: 25px; 768} 769.dashboard-activity-container { 770 height: 240px; 771 width: 100%; 772 position: relative; 773 margin-bottom: 5px; 774 padding: 0px; 775 -webkit-transition: all .2s ease-in-out; 776 transition: all .2s ease-in-out; 777 overflow: hidden; 778} 779.dashboard-activity-background { 780 background-color: #282828; 781 background-position: center; 782 background-size: cover; 783 display: -webkit-flex; 784 display: flex; 785 -webkit-flex-wrap: nowrap; 786 flex-wrap: nowrap; 787 height: 235px; 788 width: 100%; 789 padding: 5px; 790 overflow: hidden; 791 -webkit-transition: background 1s linear; 792 transition: background 1s linear; 793 -webkit-backface-visibility: hidden; 794 backface-visibility: hidden; 795 -webkit-box-shadow: 0 0 4px rgba(0,0,0,.3), inset 0 0 0 1px rgba(255,255,255,.1); 796 -moz-box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1); 797 box-shadow: 0 0 4px rgba(0,0,0,.3), inset 0 0 0 1px rgba(255,255,255,.1); 798} 799.dashboard-activity-poster-container { 800 background-color: #282828; 801 height: 225px; 802 width: 150px; 803 margin-right: 5px; 804 -webkit-box-shadow: 0 0 4px rgba(0,0,0,.3), inset 0 0 0 1px rgba(255,255,255,.1); 805 -moz-box-shadow: 0 0 4px rgba(0,0,0,.3), inset 0 0 0 1px rgba(255,255,255,.1); 806 box-shadow: 0 0 4px rgba(0,0,0,.3), inset 0 0 0 1px rgba(255,255,255,.1); 807 -webkit-flex-shrink: 0; 808 flex-shrink: 0; 809 z-index: 1; 810} 811.dashboard-activity-poster { 812 background-position: center; 813 background-size: cover; 814 height: 225px; 815 width: 150px; 816 -webkit-transition: background 1s linear; 817 transition: background 1s linear; 818 -webkit-backface-visibility: hidden; 819 backface-visibility: hidden; 820 z-index: 2; 821} 822.dashboard-activity-poster-blur { 823 background-color: #282828; 824 background-position: center; 825 background-size: cover; 826 height: 225px; 827 width: 150px; 828 opacity: 0.60; 829 -webkit-filter: blur(3px); 830 -moz-filter: blur(3px); 831 filter: blur(3px); 832 -webkit-transition: background .2s ease-in-out; 833 transition: background .2s ease-in-out; 834 -webkit-backface-visibility: hidden; 835 backface-visibility: hidden; 836 z-index: 2; 837} 838.dashboard-activity-cover { 839 background-position: center; 840 background-size: cover; 841 height: 150px; 842 width: 150px; 843 margin-top: 37.5px; 844 -webkit-box-shadow: 0 0 4px rgba(0,0,0,.3), inset 0 0 0 1px rgba(255,255,255,.1); 845 -moz-box-shadow: 0 0 4px rgba(0,0,0,.3), inset 0 0 0 1px rgba(255,255,255,.1); 846 box-shadow: 0 0 4px rgba(0,0,0,.3), inset 0 0 0 1px rgba(255,255,255,.1); 847 -webkit-transition: background 1s linear; 848 transition: background 1s linear; 849 -webkit-backface-visibility: hidden; 850 backface-visibility: hidden; 851 position: absolute; 852 top: 0; 853 z-index: 3; 854} 855.dashboard-activity-info-icon { 856 width: 50px; 857 height: 50px; 858 -webkit-border-radius: 3px; 859 -moz-border-radius: 3px; 860 border-radius: 3px; 861 position: absolute; 862 top: 10px; 863 right: 10px; 864 overflow: hidden; 865 z-index: 2; 866} 867.dashboard-activity-info-platform { 868 background-position: center; 869 background-size: cover; 870 width: 50px; 871 height: 50px; 872 opacity: 1; 873 -webkit-transition: all .2s ease-in-out; 874 transition: all .2s ease-in-out; 875} 876.dashboard-activity-info-platform-no-terminate { 877 background-position: center; 878 background-size: cover; 879 width: 50px; 880 height: 50px; 881 opacity: 1; 882 -webkit-transition: all .2s ease-in-out; 883 transition: all .2s ease-in-out; 884} 885.dashboard-activity-terminate-session { 886 width: 100%; 887 height: 100%; 888 font-size: 31px; 889 color: #eee; 890 text-align: center; 891 opacity: 0; 892 position: absolute; 893 top: 0; 894 left: 0; 895 -webkit-transition: all .2s ease-in-out; 896 transition: all .2s ease-in-out; 897} 898.dashboard-activity-terminate-session:hover { 899 color: #e9a049; 900} 901.dashboard-activity-info-container { 902 display: -webkit-flex; 903 display: flex; 904 flex-direction: column; 905 height: 225px; 906 width: 385px; 907 overflow: hidden; 908} 909.dashboard-activity-info-scroller { 910 height: 225px; 911 width: 100%; 912 -webkit-flex-grow: 1; 913 flex-grow: 1; 914 z-index: 1; 915} 916.dashboard-activity-info-scroller.scrollbar-macosx > .scroll-element.scroll-y { 917 left: 10px; 918} 919.dashboard-activity-info-scroller.scrollbar-macosx > .scroll-element .scroll-bar { 920 background-color: #999; 921} 922.dashboard-activity-info { 923 width: 100%; 924 font-size: 12px; 925 padding: 5px 5px 5px 15px; 926 position: relative; 927} 928.dashboard-activity-info-list { 929 margin-bottom: 20px; 930 padding-right: 0; 931} 932.dashboard-activity-info-list:last-of-type { 933 margin-bottom: 0; 934} 935.dashboard-activity-info-item { 936 display: flex; 937 flex-direction: row; 938 flex-wrap: nowrap; 939 align-items: baseline; 940 width: 100%; 941 margin-bottom: 5px; 942} 943.dashboard-activity-info-item:last-of-type { 944 margin-bottom: 0; 945} 946.dashboard-activity-info-item .sub-heading { 947 height: 100%; 948 width: 60px; 949 color: #aaa; 950 font-size: 10px; 951 text-align: right; 952 text-transform: uppercase; 953 line-height: 14px; 954 -webkit-flex-shrink: 0; 955 flex-shrink: 0; 956} 957.dashboard-activity-info-item .sub-value { 958 margin-left: 10px; 959 text-align: left; 960 line-height: 14px; 961 -webkit-flex-grow: 1; 962 flex-grow: 1; 963} 964.dashboard-activity-info-item .sub-value.platform-right { 965 margin-right: 55px; 966 text-overflow: ellipsis; 967 overflow: hidden; 968 white-space: nowrap; 969} 970.dashboard-activity-info-item .sub-value.time-right { 971 margin-right: 60px; 972 text-overflow: ellipsis; 973 overflow: hidden; 974 white-space: nowrap; 975} 976.dashboard-activity-info-item .sub-value .ip-container { 977 display: inline-flex; 978} 979.dashboard-activity-info-item .sub-value .ip-address { 980 white-space: nowrap; 981 overflow: hidden; 982 text-overflow: ellipsis; 983 max-width: 125px; 984} 985.dashboard-activity-info-time { 986 position: absolute; 987 top: 200px; 988 right: 10px; 989 text-align: right; 990 font-size: 10px; 991 z-index: 2; 992} 993.dashboard-activity-progress { 994 width: 100%; 995 height: 5px; 996 -webkit-transition: all .2s ease-in-out; 997 transition: all .2s ease-in-out; 998 transform-origin: top; 999 overflow: hidden; 1000} 1001.dashboard-activity-progress-bar { 1002 background-color: #111; 1003 height: 100%; 1004 width: 100%; 1005 position: relative; 1006 overflow: hidden; 1007} 1008.dashboard-activity-progress .buffer-bar { 1009 padding-right: 3px; 1010 font-size: x-small; 1011 text-align: right; 1012 line-height: 14px; 1013 color: rgba(255, 255, 255, 0); 1014 background-color: #444; 1015 position: absolute; 1016 height: 100%; 1017 max-width: 100%; 1018 overflow: hidden; 1019} 1020.dashboard-activity-progress .progress-bar { 1021 padding-right: 3px; 1022 font-size: x-small; 1023 text-align: right; 1024 line-height: 14px; 1025 color: rgba(255, 255, 255, 0); 1026 background-color: #faa732; 1027 background-image: -moz-linear-gradient(top, #fbb450, #f89406); 1028 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); 1029 background-image: -webkit-linear-gradient(top, #fbb450, #f89406); 1030 background-image: -o-linear-gradient(top, #fbb450, #f89406); 1031 background-image: linear-gradient(to bottom, #fbb450, #f89406); 1032 background-repeat: repeat-x; 1033 position: absolute; 1034 height: 100%; 1035 max-width: 100%; 1036 overflow: hidden; 1037} 1038.dashboard-activity-container:hover { 1039 height: 249px; 1040} 1041.dashboard-activity-container:hover .dashboard-activity-progress { 1042 height: 14px; 1043} 1044.dashboard-activity-container:hover .progress-bar { 1045 color: rgba(255, 255, 255, 1); 1046 background-image: -webkit-linear-gradient(left,rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 50px); 1047 background-image: -moz-linear-gradient(left,rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 50px); 1048 background-image: linear-gradient(to left,rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 50px); 1049} 1050.dashboard-activity-container:hover .buffer-bar { 1051 color: rgba(255, 255, 255, 1); 1052 background-image: -webkit-linear-gradient(left,rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 50px); 1053 background-image: -moz-linear-gradient(left,rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 50px); 1054 background-image: linear-gradient(to left,rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 50px); 1055} 1056a:hover .dashboard-activity-poster, 1057a:hover .dashboard-activity-cover { 1058 -webkit-box-shadow: inset 0 0 0 2px #e9a049; 1059 -moz-box-shadow: inset 0 0 0 2px #e9a049; 1060 box-shadow: inset 0 0 0 2px #e9a049; 1061} 1062.dashboard-activity-container:hover .dashboard-activity-info-platform { 1063 opacity: 0; 1064} 1065.dashboard-activity-container:hover .dashboard-activity-terminate-session { 1066 background-color: rgba(0, 0, 0, 0.25); 1067 opacity: 1; 1068 cursor: pointer; 1069} 1070.dashboard-activity-metadata-wrapper { 1071 position: relative; 1072 width: 100%; 1073 height: 50px; 1074 font-size: 13px; 1075 padding: 0px 3px 0 3px; 1076} 1077.dashboard-activity-metadata-title-container { 1078 display: flex; 1079 flex-direction: row; 1080 font-size: 13px; 1081 font-weight: bold; 1082 line-height: 25px; 1083 color: #eee; 1084} 1085.dashboard-activity-metadata-play_state-icon { 1086 flex-basis: 25px; 1087 -webkit-flex-shrink: 0; 1088 flex-shrink: 0; 1089} 1090.dashboard-activity-metadata-title { 1091 text-overflow: ellipsis; 1092 overflow: hidden; 1093 white-space: nowrap; 1094 width: 350px; 1095 -webkit-flex-grow: 1; 1096 flex-grow: 1; 1097} 1098.dashboard-activity-metadata-subtitle-container { 1099 display: flex; 1100 flex-direction: row; 1101 text-overflow: ellipsis; 1102 overflow: hidden; 1103 white-space: nowrap; 1104 font-size: 13px; 1105 font-weight: bold; 1106 line-height: 25px; 1107 color: #999; 1108} 1109.dashboard-activity-metadata-media_type-icon { 1110 flex-basis: 25px; 1111 -webkit-flex-shrink: 0; 1112 flex-shrink: 0; 1113} 1114.dashboard-activity-metadata-subtitle { 1115 text-overflow: ellipsis; 1116 overflow: hidden; 1117 white-space: nowrap; 1118 -webkit-flex-grow: 1; 1119 flex-grow: 1; 1120} 1121.dashboard-activity-metadata-user { 1122 text-overflow: ellipsis; 1123 overflow: hidden; 1124 white-space: nowrap; 1125 text-align: right; 1126 max-width: 124px; 1127 flex-basis: 124px; 1128 -webkit-flex-shrink: 0; 1129 flex-shrink: 0; 1130} 1131.dashboard-activity-metadata-user-thumb { 1132 background-color: #282828; 1133 background-position: center; 1134 background-size: cover; 1135 margin-top: 5px; 1136 margin-left: 10px; 1137 height: 40px; 1138 width: 40px; 1139 position: relative; 1140 -webkit-border-radius: 50%; 1141 -moz-border-radius: 50%; 1142 border-radius: 50%; 1143 -webkit-box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1); 1144 -moz-box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1); 1145 box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1); 1146 overflow: hidden; 1147 float: right; 1148} 1149a .dashboard-activity-metadata-user-thumb:hover { 1150 -webkit-box-shadow: inset 0 0 0 2px #e9a049; 1151 -moz-box-shadow: inset 0 0 0 2px #e9a049; 1152 box-shadow: inset 0 0 0 2px #e9a049; 1153} 1154.dashboard-activity-metadata-user a { 1155 color: #999; 1156} 1157.dashboard-activity-metadata-user a:hover { 1158 color: #e9a049; 1159} 1160.dashboard-activity-metadata-title a:hover { 1161 color: #e9a049; 1162} 1163.dashboard-stats-instance { 1164 float: left; 1165 position: relative; 1166 height: 160px; 1167 max-width: 500px; 1168 margin-left: 25px; 1169 margin-bottom: 25px; 1170} 1171.dashboard-stats-container { 1172 height: 160px; 1173 width: 100%; 1174 position: relative; 1175 padding: 0px; 1176 -webkit-transition: all .2s ease-in-out; 1177 transition: all .2s ease-in-out; 1178 overflow: hidden; 1179} 1180.dashboard-stats-background { 1181 background-color: #282828; 1182 background-position: center; 1183 background-size: cover; 1184 display: -webkit-flex; 1185 display: flex; 1186 -webkit-flex-wrap: nowrap; 1187 flex-wrap: nowrap; 1188 height: 160px; 1189 width: 100%; 1190 padding: 5px; 1191 overflow: hidden; 1192 -webkit-transition: background .2s ease-in-out; 1193 transition: background .2s ease-in-out; 1194 -webkit-backface-visibility: hidden; 1195 backface-visibility: hidden; 1196 -webkit-box-shadow: 0 0 4px rgba(0,0,0,.3), inset 0 0 0 1px rgba(255,255,255,.1); 1197 -moz-box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1); 1198 box-shadow: 0 0 4px rgba(0,0,0,.3), inset 0 0 0 1px rgba(255,255,255,.1); 1199} 1200.dashboard-stats-background.flat { 1201 opacity: 1; 1202} 1203.dashboard-stats-poster-container { 1204 background-color: #282828; 1205 height: 150px; 1206 width: 100px; 1207 margin-right: 5px; 1208 -webkit-box-shadow: 0 0 4px rgba(0,0,0,.3), inset 0 0 0 1px rgba(255,255,255,.1); 1209 -moz-box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1); 1210 box-shadow: 0 0 4px rgba(0,0,0,.3), inset 0 0 0 1px rgba(255,255,255,.1); 1211 -webkit-flex-shrink: 0; 1212 flex-shrink: 0; 1213 position: relative; 1214 overflow: hidden; 1215 z-index: 1; 1216} 1217.dashboard-stats-poster { 1218 background-color: #282828; 1219 background-position: center; 1220 background-size: cover; 1221 height: 150px; 1222 width: 100px; 1223 -webkit-transition: background .2s ease-in-out; 1224 transition: background .2s ease-in-out; 1225 -webkit-backface-visibility: hidden; 1226 backface-visibility: hidden; 1227 z-index: 2; 1228} 1229.dashboard-stats-cover { 1230 background-position: center; 1231 background-size: cover; 1232 height: 100px; 1233 width: 100px; 1234 margin-top: 25px; 1235 -webkit-box-shadow: 0 0 4px rgba(0,0,0,.3), inset 0 0 0 1px rgba(255,255,255,.1); 1236 -moz-box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1); 1237 box-shadow: 0 0 4px rgba(0,0,0,.3), inset 0 0 0 1px rgba(255,255,255,.1); 1238 -webkit-transition: background .2s ease-in-out; 1239 transition: background .2s ease-in-out; 1240 -webkit-backface-visibility: hidden; 1241 backface-visibility: hidden; 1242 position: absolute; 1243 top: 0; 1244 z-index: 3; 1245} 1246.dashboard-stats-circle { 1247 background-position: center; 1248 background-size: cover; 1249 height: 100px; 1250 width: 100px; 1251 margin-top: 25px; 1252 margin-right: 5px; 1253 -webkit-box-shadow: 0 0 4px rgba(0,0,0,.3), inset 0 0 0 1px rgba(255,255,255,.1); 1254 -moz-box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1); 1255 box-shadow: 0 0 4px rgba(0,0,0,.3), inset 0 0 0 1px rgba(255,255,255,.1); 1256 -webkit-flex-shrink: 0; 1257 flex-shrink: 0; 1258 -webkit-transition: background .2s ease-in-out; 1259 transition: background .2s ease-in-out; 1260 -webkit-backface-visibility: hidden; 1261 backface-visibility: hidden; 1262 z-index: 1; 1263 -webkit-border-radius: 50%; 1264 -moz-border-radius: 50%; 1265 border-radius: 350%; 1266 overflow: hidden; 1267} 1268.dashboard-stats-square { 1269 background-position: center; 1270 background-size: cover; 1271 height: 100px; 1272 width: 100px; 1273 margin-top: 25px; 1274 margin-right: 5px; 1275 -webkit-box-shadow: 0 0 4px rgba(0,0,0,.3), inset 0 0 0 1px rgba(255,255,255,.1); 1276 -moz-box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1); 1277 box-shadow: 0 0 4px rgba(0,0,0,.3), inset 0 0 0 1px rgba(255,255,255,.1); 1278 -webkit-flex-shrink: 0; 1279 flex-shrink: 0; 1280 -webkit-transition: background .2s ease-in-out; 1281 transition: background .2s ease-in-out; 1282 -webkit-backface-visibility: hidden; 1283 backface-visibility: hidden; 1284 z-index: 1; 1285 -webkit-border-radius: 4px; 1286 -moz-border-radius: 4px; 1287 border-radius: 4px; 1288 overflow: hidden; 1289} 1290.dashboard-stats-flat { 1291 background-position: center; 1292 background-size: cover; 1293 height: 100px; 1294 width: 100px; 1295 margin-top: 25px; 1296 margin-right: 5px; 1297 -webkit-flex-shrink: 0; 1298 flex-shrink: 0; 1299 -webkit-transition: background .2s ease-in-out; 1300 transition: background .2s ease-in-out; 1301 -webkit-backface-visibility: hidden; 1302 backface-visibility: hidden; 1303 z-index: 1; 1304 overflow: hidden; 1305} 1306.dashboard-stats-info-container { 1307 display: -webkit-flex; 1308 display: flex; 1309 flex-direction: column; 1310 height: 150px; 1311 width: 385px; 1312 overflow: hidden; 1313} 1314.dashboard-stats-info-title { 1315 display: flex; 1316 flex-direction: row; 1317 flex-wrap: nowrap; 1318 align-items: baseline; 1319 height: 30px; 1320 width: 100%; 1321 padding: 5px 5px 5px 10px; 1322 line-height: 20px; 1323 text-transform: uppercase; 1324 border-bottom: 1px solid rgba(255,255,255,.1); 1325 -webkit-flex-grow: 1; 1326 flex-grow: 1; 1327 z-index: 1; 1328} 1329.dashboard-stats-info-title h4 { 1330 margin: 0; 1331 font-size: 15px; 1332 text-overflow: ellipsis; 1333 overflow: hidden; 1334 white-space: nowrap; 1335 -webkit-flex-grow: 1; 1336 flex-grow: 1; 1337} 1338.dashboard-stats-info-title .dashboard-stats-stats-units { 1339 color: #aaa; 1340 font-size: 12px; 1341 text-align: right; 1342 text-overflow: ellipsis; 1343 overflow: hidden; 1344 white-space: nowrap; 1345} 1346.dashboard-stats-info-scroller { 1347 height: 120px; 1348 width: 100%; 1349 -webkit-flex-grow: 1; 1350 flex-grow: 1; 1351 z-index: 1; 1352} 1353.dashboard-stats-info-scroller.scrollbar-macosx > .scroll-element.scroll-y { 1354 left: 10px; 1355} 1356.dashboard-stats-info-scroller.scrollbar-macosx > .scroll-element .scroll-bar { 1357 background-color: #999; 1358} 1359.dashboard-stats-info { 1360 width: 100%; 1361 font-size: 12px; 1362 padding: 3px 0 0 15px; 1363 position: relative; 1364} 1365.dashboard-stats-info-list { 1366 margin-bottom: 20px; 1367 padding-right: 0; 1368} 1369.dashboard-stats-info-list:last-of-type { 1370 margin-bottom: 0; 1371} 1372.dashboard-stats-info-item { 1373 display: flex; 1374 flex-direction: row; 1375 flex-wrap: nowrap; 1376 align-items: baseline; 1377 width: 100%; 1378 padding: 2.5px 5px; 1379 line-height: 14px; 1380 border-bottom: 1px solid rgba(255,255,255,0.05); 1381 cursor: default; 1382} 1383.dashboard-stats-info-item:last-of-type { 1384 margin-bottom: 0; 1385} 1386.dashboard-stats-info-item .sub-list { 1387 height: 100%; 1388 width: 15px; 1389 color: #aaa; 1390 font-size: 10px; 1391 text-align: left; 1392 text-transform: uppercase; 1393 -webkit-flex-shrink: 0; 1394 flex-shrink: 0; 1395} 1396.dashboard-stats-info-item .sub-value { 1397 height: 100%; 1398 font-size: 12px; 1399 text-align: left; 1400 white-space: nowrap; 1401 overflow: hidden; 1402 text-overflow: ellipsis; 1403 -webkit-flex-grow: 1; 1404 flex-grow: 1; 1405} 1406.dashboard-stats-info-item .sub-count { 1407 height: 100%; 1408 margin-left: 5px; 1409 color: #f9be03; 1410 font-size: 12px; 1411 text-align: right; 1412 white-space: nowrap; 1413 overflow: hidden; 1414 -webkit-flex-shrink: 0; 1415 flex-shrink: 0; 1416} 1417.dashboard-stats-info-item .sub-divider { 1418 height: 100%; 1419 margin-left: 5px; 1420 color: #aaa; 1421 font-size: 12px; 1422 text-align: left; 1423 text-transform: uppercase; 1424 -webkit-flex-shrink: 0; 1425 flex-shrink: 0; 1426} 1427.dashboard-stats-info-item.expanded { 1428 padding: 5px 5px; 1429 line-height: 20px; 1430} 1431.dashboard-stats-info-item.expanded .sub-heading { 1432 font-size: 13px; 1433} 1434.dashboard-stats-info-item.expanded .sub-value { 1435 font-size: 16px; 1436} 1437.dashboard-stats-info-item.expanded .sub-count { 1438 font-size: 16px; 1439} 1440.dashboard-stats-info-item.expanded .sub-divider { 1441 font-size: 16px; 1442} 1443.dashboard-stats-info-item:hover { 1444 background-color: rgba(255,255,255,0.05); 1445} 1446a:hover .dashboard-stats-poster, 1447a:hover .dashboard-stats-cover, 1448a:hover .dashboard-stats-circle, 1449a:hover .dashboard-stats-square { 1450 -webkit-box-shadow: inset 0 0 0 2px #e9a049; 1451 -moz-box-shadow: inset 0 0 0 2px #e9a049; 1452 box-shadow: inset 0 0 0 2px #e9a049; 1453} 1454.dashboard-recent-media-row { 1455 width: 100%; 1456 margin: 0 auto; 1457 text-align: center; 1458 position: relative; 1459 z-index: 0; 1460 overflow: hidden; 1461} 1462.dashboard-recent-media { 1463 width: 100%; 1464 margin: auto; 1465 list-style: none; 1466} 1467.dashboard-recent-media li { 1468 float: left; 1469 position: relative; 1470 left: 0px; 1471 margin-right: 25px; 1472 margin-bottom: 25px; 1473} 1474.dashboard-recent-media-poster { 1475 position: relative; 1476 float: left; 1477} 1478.dashboard-recent-media-cover { 1479 position: relative; 1480 margin-top: 75px; 1481 float: left; 1482} 1483a:hover .dashboard-recent-media-poster, 1484a:hover .dashboard-recent-media-cover { 1485 webkit-box-shadow: inset 0 0 0 2px #e9a049; 1486 -moz-box-shadow: inset 0 0 0 2px #e9a049; 1487 box-shadow: inset 0 0 0 2px #e9a049; 1488} 1489.dashboard-recent-media-poster-face { 1490 background-position: center; 1491 background-size: cover; 1492 height: 225px; 1493 width: 150px; 1494 position: relative; 1495 -webkit-box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1); 1496 -moz-box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1); 1497 box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1); 1498 z-index: -2; 1499} 1500.dashboard-recent-media-cover-face { 1501 background-position: center; 1502 background-size: cover; 1503 height: 150px; 1504 width: 150px; 1505 position: relative; 1506 -webkit-box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1); 1507 -moz-box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1); 1508 box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1); 1509 z-index: -2; 1510} 1511.dashboard-recent-media-overlay { 1512 position: absolute; 1513 left: 0; 1514 right: 0; 1515 bottom: 0; 1516 text-align: left; 1517 background: -moz-linear-gradient(top, rgba(0,0,0,0) 30%, rgba(0,0,0,1) 100%); 1518 background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1))); 1519 background: -webkit-linear-gradient(top, rgba(0,0,0,0) 30%,rgba(0,0,0,1) 100%); 1520 background: -o-linear-gradient(top, rgba(0,0,0,0) 30%,rgba(0,0,0,1) 100%); 1521 background: -ms-linear-gradient(top, rgba(0,0,0,0) 30%,rgba(0,0,0,1) 100%); 1522 background: linear-gradient(to bottom, rgba(0,0,0,0) 30%,rgba(0,0,0,1) 100%); 1523 height: 100%; 1524 z-index: -1; 1525} 1526.dashboard-recent-media-overlay-text { 1527 color: #aaa; 1528 font-size: 12px; 1529 font-weight: bold; 1530 float: left; 1531 position: absolute; 1532 left: 8px; 1533 bottom: 5px; 1534} 1535.dashboard-recent-media-metacontainer { 1536 width: 150px; 1537 font-size: 13px; 1538 clear: both; 1539} 1540.dashboard-recent-media-metacontainer h3 { 1541 padding: 5px 3px 0 3px; 1542 color: #eee; 1543 text-overflow: ellipsis; 1544 overflow: hidden; 1545 position: relative; 1546 font-size: 13px; 1547 font-weight: bold; 1548 margin: 0; 1549 line-height: 16px; 1550 width: 150px; 1551 white-space: nowrap; 1552 text-align: left; 1553 clear: both; 1554} 1555.dashboard-recent-media-metacontainer h3.text-muted { 1556 color: #777; 1557} 1558.dashboard-recent-media-metacontainer h3.text-muted a { 1559 color: #777; 1560} 1561.dashboard-recent-media-metacontainer h3.text-muted a:hover { 1562 color: #e9a049; 1563} 1564.art-face { 1565 background-repeat: no-repeat; 1566 background-position: center center; 1567 background-attachment: scroll; 1568 background-size: cover; 1569 opacity: 0; 1570 position: fixed; 1571 top: 0; 1572 bottom: 0; 1573 width: 100%; 1574} 1575.art-music-face { 1576 background-repeat: no-repeat; 1577 background-position: center; 1578 background-size: cover; 1579 width: 250px; 1580 position: relative; 1581 top: 0; 1582 bottom: 0; 1583} 1584.summary-container { 1585 position: absolute; 1586 top: 0; 1587 right: 0; 1588 bottom: 0; 1589 left: 0; 1590 overflow-x: hidden; 1591 overflow-y: auto; 1592 -webkit-overflow-scrolling: touch; 1593} 1594.summary-container .table-card-header, 1595.summary-container .table-card-back { 1596 background: rgba(40,40,40, 0.9); 1597} 1598.summary-navbar { 1599 background-color: rgba(255,255,255,.03); 1600 height: 50px; 1601 line-height: 50px; 1602 max-height: 50px; 1603 overflow: hidden; 1604} 1605.summary-navbar-list { 1606 padding: 0 25px; 1607 color: #999; 1608 white-space: nowrap; 1609 overflow: hidden; 1610} 1611.summary-navbar-list .breadcrumb { 1612 padding: 0; 1613 margin: 0; 1614 background: none; 1615} 1616.summary-navbar-list .breadcrumb > .breadcrumb-arrow { 1617 color: #444; 1618 padding: 0 15px; 1619} 1620.summary-navbar-list .breadcrumb > .active { 1621 color: #eee; 1622} 1623.summary-navbar-list .breadcrumb a { 1624 color: #999; 1625} 1626.summary-navbar-list .breadcrumb a:hover { 1627 color: #f9be03; 1628} 1629.summary-content-title-wrapper { 1630 height: 150px; 1631 padding-top: 50px; 1632} 1633.summary-content-title { 1634 overflow: hidden; 1635 position: relative; 1636 max-height: 100px; 1637} 1638.summary-content-title h1 { 1639 margin-top: 0; 1640 margin-bottom: 10px; 1641 color: #f9be03; 1642 font-size: 28px; 1643 line-height: 40px; 1644 float: left; 1645 clear: left; 1646 text-overflow: ellipsis; 1647 overflow: hidden; 1648 white-space: nowrap; 1649 width: 100%; 1650} 1651.summary-content-title h1 a { 1652 color: #f9be03; 1653} 1654.summary-content-title h1 a:hover { 1655 color: #eee; 1656} 1657.summary-content-title h2 { 1658 margin-top: 0; 1659 margin-bottom: 10px; 1660 color: #eee; 1661 font-size: 28px; 1662 line-height: 40px; 1663 float: left; 1664 clear: left; 1665 text-overflow: ellipsis; 1666 overflow: hidden; 1667 white-space: nowrap; 1668 width: 100%; 1669} 1670.summary-content-title h3 { 1671 margin-top: 0; 1672 margin-bottom: 10px; 1673 color: #999; 1674 font-size: 28px; 1675 line-height: 40px; 1676 position: absolute; 1677 bottom: 0; 1678 right: 0; 1679} 1680.summary-content-title h3 a:hover { 1681 text-decoration: underline; 1682} 1683.summary-content-title h3 a { 1684 color: #999; 1685} 1686.summary-content-wrapper { 1687 background: rgba(0,0,0,.4); 1688 background: -webkit-linear-gradient(top, rgba(0,0,0,.4), rgba(10,10,10,.4)); 1689 background: -o-linear-gradient(bottom, rgba(0,0,0,.4), rgba(10,10,10,.4)); 1690 background: -moz-linear-gradient(bottom, rgba(0,0,0,.4), rgba(10,10,10,.4)); 1691 background: linear-gradient(to bottom, rgba(0,0,0,.4), rgba(10,10,10,.4)); 1692 background-clip: content-box; 1693 min-height: calc(100% - 200px); 1694 position: inherit; 1695 width: 100%; 1696} 1697.summary-content-poster { 1698 float: left; 1699 width: 250px; 1700 margin: 0 40px 0 25px; 1701 height: 100px; 1702 overflow: visible; 1703 position: relative; 1704} 1705.summary-poster-face { 1706 background-position: center; 1707 background-size: cover; 1708 height: 375px; 1709 width: 250px; 1710 position: relative; 1711 webkit-box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1); 1712 -moz-box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1); 1713 box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1); 1714 overflow: hidden; 1715 z-index: 1; 1716} 1717.summary-poster-face-episode { 1718 background-position: center; 1719 background-size: cover; 1720 height: 140px; 1721 width: 250px; 1722 position: relative; 1723 webkit-box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1); 1724 -moz-box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1); 1725 box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1); 1726 overflow: hidden; 1727 z-index: 1; 1728} 1729.summary-poster-face-track { 1730 background-position: center; 1731 background-size: cover; 1732 height: 250px; 1733 width: 250px; 1734 position: relative; 1735 webkit-box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1); 1736 -moz-box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1); 1737 box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1); 1738 overflow: hidden; 1739 z-index: 1; 1740} 1741.summary-poster-face-overlay { 1742 position: absolute; 1743 left: 0; 1744 right: 0; 1745 top: 0; 1746 bottom: 0; 1747 background-image: -webkit-gradient(linear,left 0,left 100%,from(rgba(0,0,0,.7)),to(rgba(0,0,0,.9))); 1748 background-image: -webkit-linear-gradient(top,rgba(0,0,0,.7) 0,rgba(0,0,0,.9) 100%); 1749 background-image: -moz-linear-gradient(top,rgba(0,0,0,.7) 0,rgba(0,0,0,.9) 100%); 1750 background-image: linear-gradient(to bottom,rgba(0,0,0,.7) 0,rgba(0,0,0,.9) 100%); 1751 background-repeat: repeat-x; 1752 webkit-box-shadow: inset 0 0 0 2px #e9a049; 1753 -moz-box-shadow: inset 0 0 0 2px #e9a049; 1754 box-shadow: inset 0 0 0 2px #e9a049; 1755 opacity: 0; 1756 transition: opacity .2s; 1757 z-index: 2; 1758} 1759.summary-poster-face-overlay span { 1760 display: block; 1761 width: 100%; 1762 height: 100%; 1763 background-image: url(../images/plex-logo-light.svg); 1764 background-size: 100px; 1765 background-repeat: no-repeat; 1766 background-position: center; 1767 opacity: 0; 1768 transition: opacity .3s; 1769} 1770.summary-poster-face-overlay span:before { 1771 content: "View On"; 1772 color: #999; 1773 font-size: 13px; 1774 font-weight: bold; 1775 text-transform: uppercase; 1776 text-align: center; 1777 display: block; 1778 position: absolute; 1779 top: calc(50% - 34px); 1780 width: 100%; 1781} 1782a:hover .summary-poster-face .summary-poster-face-overlay, 1783a:hover .summary-poster-face-episode .summary-poster-face-overlay, 1784a:hover .summary-poster-face-track .summary-poster-face-overlay, 1785a:hover .summary-poster-face .summary-poster-face-overlay span, 1786a:hover .summary-poster-face-episode .summary-poster-face-overlay span, 1787a:hover .summary-poster-face-track .summary-poster-face-overlay span { 1788 opacity: 1; 1789} 1790.summary-content-padding { 1791 float: left; 1792 width: 250px; 1793 height: 1px; 1794 margin: 0 40px 20px 25px; 1795 position: relative; 1796} 1797.summary-content { 1798 position: relative; 1799 color: #999; 1800 overflow: hidden; 1801 padding-right: 10px; 1802 margin-bottom: 20px; 1803} 1804.summary-content-details-wrapper { 1805 width: 100%; 1806 padding: 10px 0 15px 0; 1807 position: relative; 1808 float: left; 1809} 1810.summary-content-details-tag { 1811 float: left; 1812 line-height: 24px; 1813} 1814.summary-content-details-tag strong { 1815 color: #eee; 1816 margin-left: 2px; 1817 margin-right: 10px; 1818} 1819.summary-content-media-info-wrapper { 1820 width: 100%; 1821 position: absolute; 1822 bottom: 0; 1823 left: 0; 1824 text-align: center; 1825} 1826.summary-content-media-flag { 1827 width: auto; 1828 height: auto; 1829 max-width: 75pt; 1830 max-height: 15px; 1831 margin: 0 5px; 1832} 1833.summary-content-text { 1834 overflow: hidden; 1835 color: #eee; 1836 float: left; 1837 position: relative; 1838 clear: both; 1839 padding-bottom: 0; 1840} 1841.summary-content-tagline { 1842 font-weight: bold; 1843} 1844.summary-content-summary { 1845 height: 60px; 1846} 1847.summary-content-summary p { 1848 margin-bottom: 0; 1849} 1850.summary-toggle { 1851 display: none; 1852 margin-top: 10px; 1853 font-size: 12px; 1854 font-weight: bold; 1855 text-transform: uppercase; 1856} 1857.summary-toggle a { 1858 color: #999; 1859} 1860.summary-content-people-wrapper { 1861 margin-right: 20px; 1862 float: left; 1863} 1864.summary-content-people-wrapper hidden-phone hidden-tablet { 1865 overflow: hidden; 1866 height: auto; 1867 min-height: 0px; 1868} 1869.summary-content-actors { 1870 margin-top: 13px; 1871 font-size: 12px; 1872 line-height: 18px; 1873 color: #999; 1874 overflow: hidden; 1875} 1876.summary-content-actors ul { 1877 padding-left:20px; 1878 margin-bottom: 0; 1879} 1880.summary-content-actors li { 1881 list-style: none; 1882 list-style-image: none; 1883 display: block; 1884 font-size: 12px; 1885 line-height: 18px; 1886 color: #eee; 1887} 1888.summary-content-genres { 1889 margin-top: 13px; 1890 font-size: 12px; 1891 line-height: 18px; 1892 color: #999; 1893 overflow: hidden; 1894} 1895.summary-content-genres ul { 1896 padding-left:20px; 1897 margin-bottom: 0; 1898} 1899.summary-content-genres li { 1900 list-style: none; 1901 list-style-image: none; 1902 display: block; 1903 font-size: 12px; 1904 line-height: 18px; 1905 color: #eee; 1906} 1907.summary-content-writers { 1908 margin-top: 13px; 1909 font-size: 12px; 1910 line-height: 18px; 1911 color: #999; 1912 overflow: hidden; 1913} 1914.summary-content-writers ul { 1915 padding-left: 20px; 1916 margin-bottom: 0; 1917} 1918.summary-content-writers li { 1919 list-style: none; 1920 list-style-image: none; 1921 display: block; 1922 font-size: 12px; 1923 line-height: 18px; 1924 color: #eee; 1925} 1926.star-rating { 1927 display: inline-block; 1928 font-size: 15px; 1929 overflow: hidden; 1930 white-space: nowrap; 1931 margin-top: 3px; 1932 height: 21px; 1933 float: right; 1934} 1935.star-rating .star-icon { 1936 width: auto; 1937 margin-left: 2px; 1938 color: #f9be03; 1939} 1940.star-rating .star-icon-o { 1941 width: auto; 1942 margin-left: 2px; 1943 color: #999; 1944} 1945.critic-rating { 1946 display: flex; 1947 font-size: 14px; 1948 overflow: hidden; 1949 white-space: nowrap; 1950 margin-top: 2px; 1951 height: 20px; 1952 line-height: 20px; 1953 float: right; 1954} 1955.children-list, 1956.search-results-list { 1957 position: relative; 1958 z-index: 0; 1959} 1960.item-children-wrapper { 1961} 1962.item-children-section-title { 1963 position: relative; 1964 padding: 10px; 1965 background-color: #2c2c2c; 1966 border-bottom: 1px solid #3d3d3d; 1967 border-top: 1px solid #282828; 1968 height: 50px; 1969 line-height: 22px; 1970 padding: 13px 20px; 1971 margin: 20px 0; 1972} 1973.item-children-section-title h4 { 1974 position: relative; 1975 margin: 0; 1976 line-height: 22px; 1977 color: #eee; 1978 font-size: 16px; 1979 text-align: center; 1980 text-transform: uppercase; 1981 overflow: hidden; 1982 text-overflow: ellipsis; 1983 white-space: nowrap; 1984} 1985.item-children-instance { 1986 list-style: none; 1987 margin: 0; 1988 overflow: auto; 1989} 1990.item-children-instance.max-height { 1991 max-height: 700px; 1992} 1993.item-children-instance li { 1994 float: left; 1995 position: relative; 1996 left: 0px; 1997 margin-right: 25px; 1998 margin-bottom: 25px; 1999} 2000.item-children-instance li.item-children-list-item { 2001 width: 100%; 2002 height: 35px; 2003 margin-right: 0; 2004 margin-bottom: 0; 2005} 2006.item-children-poster { 2007 float: left; 2008 position: relative; 2009 left: 0px; 2010} 2011a:hover .item-children-poster { 2012 webkit-box-shadow: inset 0 0 0 2px #e9a049; 2013 -moz-box-shadow: inset 0 0 0 2px #e9a049; 2014 box-shadow: inset 0 0 0 2px #e9a049; 2015} 2016.item-children-poster-face { 2017 background-position: center; 2018 background-size: cover; 2019 position: relative; 2020 -webkit-box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1); 2021 -moz-box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1); 2022 box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1); 2023 z-index: -2; 2024} 2025.item-children-poster-face.poster-item { 2026 width: 150px; 2027 height: 225px; 2028} 2029.item-children-poster-face.episode-item { 2030 width: 250px; 2031 height: 140px; 2032} 2033.item-children-poster-face.cover-item { 2034 width: 150px; 2035 height: 150px; 2036} 2037.item-children-card-overlay { 2038 position: absolute; 2039 left: 0; 2040 right: 0; 2041 bottom: 0; 2042 text-align: left; 2043 background: -moz-linear-gradient(top, rgba(0,0,0,0) 30%, rgba(0,0,0,1) 100%); 2044 background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1))); 2045 background: -webkit-linear-gradient(top, rgba(0,0,0,0) 30%,rgba(0,0,0,1) 100%); 2046 background: -o-linear-gradient(top, rgba(0,0,0,0) 30%,rgba(0,0,0,1) 100%); 2047 background: -ms-linear-gradient(top, rgba(0,0,0,0) 30%,rgba(0,0,0,1) 100%); 2048 background: linear-gradient(to bottom, rgba(0,0,0,0) 30%,rgba(0,0,0,1) 100%); 2049 height: 100%; 2050 z-index: -1; 2051} 2052.item-children-overlay-text { 2053 color: #aaa; 2054 font-size: 12px; 2055 font-weight: bold; 2056 float: left; 2057 position: absolute; 2058 left: 8px; 2059 bottom: 5px; 2060} 2061.item-children-instance-text-wrapper { 2062 font-size: 13px; 2063 margin-bottom: 20px; 2064 clear: both; 2065} 2066.item-children-instance-text-wrapper.poster-item, 2067.item-children-instance-text-wrapper.cover-item { 2068 width: 150px; 2069} 2070.item-children-instance-text-wrapper.episode-item { 2071 width: 250px; 2072} 2073.item-children-instance-text-wrapper h3 { 2074 width: 100%; 2075 padding: 5px 3px 0 3px; 2076 color: #eee; 2077 text-overflow: ellipsis; 2078 overflow: hidden; 2079 position: relative; 2080 font-size: 13px; 2081 font-weight: bold; 2082 margin: 0; 2083 line-height: 16px; 2084 white-space: nowrap; 2085 text-align: left; 2086 clear: both; 2087} 2088.item-children-instance-text-wrapper h3.text-muted { 2089 color: #777; 2090} 2091.item-children-instance-text-wrapper h3.text-muted a { 2092 color: #777; 2093} 2094.item-children-instance-text-wrapper h3.text-muted a:hover { 2095 color: #e9a049; 2096} 2097.item-children-list-item-odd { 2098 border-top: 0px solid #343434; 2099 border-bottom: 0px solid #343434; 2100 background-color: rgba(255,255,255,0.010); 2101 height: 100%; 2102 font-size: 13px; 2103 padding-top: 10px; 2104} 2105.item-children-list-item-even { 2106 border-top: 0px solid #343434; 2107 border-bottom: 0px solid #343434; 2108 background-color: rgba(255,255,255,0.035); 2109 height: 100%; 2110 font-size: 13px; 2111 padding-top: 10px; 2112} 2113.item-children-list-item-odd:hover, 2114.item-children-list-item-even:hover { 2115 background-color: rgba(255,255,255,0.075); 2116} 2117.item-children-list-item-index { 2118 float: left; 2119 color: #777; 2120 text-align: right; 2121 display: inline-block; 2122 width: 35px; 2123 margin-right: 10px; 2124} 2125.item-children-list-item-title { 2126 display: inline-block; 2127 width: calc(100% - 125px); 2128 text-overflow: ellipsis; 2129 overflow: hidden; 2130 white-space: nowrap; 2131} 2132.item-children-list-item-duration { 2133 float: right; 2134 color: #777; 2135 text-align: right; 2136 display: inline-block; 2137 width: 60px; 2138 margin-right: 20px; 2139} 2140.nav-list { 2141 float: left; 2142 list-style: none; 2143 padding: 0; 2144} 2145.nav-list.nav-pills > li > a { 2146 margin-bottom: 0; 2147} 2148#new_title h3 { 2149 color: #E5A00D; 2150 font-size: 14px; 2151 line-height: 1.42857143; 2152 font-weight: bold; 2153 margin: 0; 2154} 2155.settings-alert { 2156 float: left; 2157 padding: 0; 2158 margin: 5px 0; 2159 border: 0; 2160 position: relative; 2161} 2162.settings-alert ul { 2163 padding: 0; 2164} 2165.settings-alert ul li { 2166 list-style: none; 2167 padding: 5px 12px; 2168 margin: 0; 2169 border: 1px solid #ebccd1; 2170 border-radius: 4px; 2171} 2172.settings-alert ul li:before { 2173 content: "\f071"; 2174 font-family: "Font Awesome 5 Free"; 2175 font-weight: 900; 2176 margin-right: 5px; 2177} 2178.settings-warning { 2179 color: #eb8600; 2180} 2181span.settings-warning { 2182 padding-left: 10px; 2183} 2184#menu_link_show_advanced_settings.active { 2185 color: #eee; 2186 background-color: #cc7b19; 2187} 2188#configUpdate .form-group, 2189#configUpdate .checkbox{ 2190 padding-left: 10px; 2191 margin-left: -10px; 2192} 2193.hidden-settings { 2194 overflow: hidden; 2195 padding-left: 10px; 2196 margin-left: -10px; 2197} 2198#newsletter_agent_options.hidden-settings { 2199 padding-left: 15px; 2200 margin-left: 0; 2201} 2202.advanced-setting { 2203 display: none; 2204} 2205div.advanced-setting { 2206 border-left: 1px solid #cc7b19; 2207} 2208li.advanced-setting { 2209 border-left: 1px solid #cc7b19; 2210} 2211.setting-message { 2212 color: #cc7b19; 2213 margin-left: 10px; 2214} 2215.user-info-wrapper { 2216} 2217.user-info-poster-face { 2218 float: left; 2219 margin: 15px 15px 15px 0; 2220 background-size: cover; 2221 background-position: center; 2222 height: 80px; 2223 width: 80px; 2224 -webkit-border-radius: 50%; 2225 -moz-border-radius: 50%; 2226 border-radius: 50%; 2227 -webkit-box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1); 2228 -moz-box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1); 2229 box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1); 2230} 2231.user-info-username { 2232 font-size: 24px; 2233 color: #eee; 2234 padding-top: 15px; 2235 padding-left: 105px; 2236} 2237.user-info-nav { 2238 margin-top: 15px; 2239 padding-left: 105px; 2240} 2241.nav-tabs > .active > a:hover, 2242.nav-tabs > .active > a:focus { 2243 color: #e9a049; 2244} 2245.user-overview-stats-wrapper { 2246} 2247.user-overview-stats-wrapper ul { 2248 list-style: none; 2249 padding: 0; 2250 margin: 0px 0px 0px 0px; 2251} 2252.user-overview-stats-instance { 2253 float: left; 2254 width: 400px; 2255 height: 80px; 2256 margin-bottom: 25px; 2257} 2258.user-overview-stats-instance-device_icon { 2259 float: left; 2260 padding-right: 15px; 2261} 2262.user-overview-stats-instance-device_icon img{ 2263} 2264.user-overview-stats-instance li { 2265 float: left; 2266 list-style: none; 2267 width: 100%; 2268 height: 90px; 2269} 2270.user-overview-stats-instance-text { 2271 position: relative; 2272 top: 0px; 2273 left: 0px; 2274} 2275.user-overview-stats-instance p { 2276 color: #aaa; 2277 font-size: 12px; 2278 float: left; 2279 position: relative; 2280 top: 15px; 2281 left: 0px; 2282} 2283.user-overview-stats-instance h3 strong{ 2284 color: #eee; 2285} 2286.user-overview-stats-instance h3 { 2287 font-size: 30px; 2288 font-weight: bold; 2289 color: #f9be03; 2290 line-height: 22px; 2291 position: relative; 2292 top: 5px; 2293 margin: 0 5px 0 10px; 2294 float: left; 2295} 2296.user-overview-stats-instance h4 { 2297 color: #eee; 2298 margin-bottom: 25px; 2299} 2300.user-overview-stats-instance h1 { 2301 font-size: 54px; 2302 font-weight: normal; 2303 float: left; 2304 color: #333; 2305 color: rgba(255,255,255,0.05); 2306 text-shadow: none; 2307 position: relative; 2308 top: 3px; 2309 left: 3px; 2310} 2311.user-player ul { 2312 list-style: none; 2313 margin: 0; 2314} 2315.user-player-instance { 2316 float: left; 2317 width: 240px; 2318 height: 80px; 2319 margin-bottom: 25px; 2320} 2321.user-player-instance li { 2322} 2323.user-player-instance-box { 2324 float: left; 2325 border-radius: 3px; 2326 -webkit-box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1); 2327 -moz-box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1); 2328 box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1); 2329 background-size: contain; 2330 position: relative; 2331 height: 80px; 2332 width: 80px; 2333} 2334.user-player-instance-name { 2335 float: left; 2336 padding-top: 14px; 2337 color: #eee; 2338 text-overflow: ellipsis; 2339 overflow: hidden; 2340 position: relative; 2341 font-size: 14px; 2342 line-height: 16px; 2343 font-weight: normal; 2344 width: 140px; 2345 margin-left: 10px; 2346 margin-bottom: 10px; 2347 white-space: nowrap; 2348} 2349.user-player-instance-playcount h3 { 2350 font-size: 30px; 2351 font-weight: bold; 2352 color: #f9be03; 2353 line-height: 22px; 2354 position: relative; 2355 top: 5px; 2356 margin: 0 5px 0 10px; 2357 float: left; 2358} 2359.user-player-instance-playcount p { 2360 color: #aaa; 2361 font-size: 12px; 2362 float: left; 2363 position: relative; 2364 top: 15px; 2365 left: 0px; 2366} 2367.library-info-poster-face { 2368 float: left; 2369 margin: 15px 15px 15px 0; 2370 background-size: cover; 2371 background-position: center; 2372 height: 80px; 2373 width: 80px; 2374 /*-webkit-box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1); 2375 -moz-box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1); 2376 box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1);*/ 2377} 2378.library-user-instance-box { 2379 float: left; 2380 -webkit-border-radius: 50%; 2381 -moz-border-radius: 50%; 2382 border-radius: 50%; 2383 -webkit-box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1); 2384 -moz-box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1); 2385 box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1); 2386 background-size: contain; 2387 position: relative; 2388 height: 80px; 2389 width: 80px; 2390} 2391a .library-user-instance-box:hover { 2392 -webkit-box-shadow: inset 0 0 0 2px #e9a049; 2393 -moz-box-shadow: inset 0 0 0 2px #e9a049; 2394 box-shadow: inset 0 0 0 2px #e9a049; 2395} 2396.home-padded-header { 2397 margin: 25px 0; 2398 height: 34px; 2399} 2400.home-padded-header h3 { 2401 margin-top: 9px; 2402 width: 175px; 2403} 2404.home-padded-header .button-bar { 2405 float: left; 2406} 2407.home-platforms { 2408} 2409.home-platforms ul, 2410.library-platforms ul { 2411 list-style: none; 2412 margin: 0; 2413} 2414.home-platforms-instance { 2415 position: relative; 2416 float: left; 2417 width: 340px; 2418 padding: 5px; 2419 margin-right: 20px; 2420 margin-bottom: 20px; 2421 -webkit-box-sizing: content-box; 2422 box-sizing: content-box; 2423 white-space: nowrap; 2424} 2425.home-platforms-instance-overlay { 2426 height: 130px; 2427 width: 100%; 2428 padding: 5px; 2429 position: absolute; 2430 top: 0; 2431 right: 0; 2432 bottom: 0; 2433 left: 0; 2434 overflow: hidden; 2435 -webkit-box-shadow: 0 0 4px rgba(0,0,0,.3), inset 0 0 0 1px rgba(255,255,255,.1); 2436 -moz-box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1); 2437 box-shadow: 0 0 4px rgba(0,0,0,.3), inset 0 0 0 1px rgba(255,255,255,.1); 2438 z-index: 0; 2439} 2440.home-platforms-instance-background { 2441 background-color: #282828; 2442 background-position: center; 2443 background-size: cover; 2444 height: 130px; 2445 width: 100%; 2446 position: absolute; 2447 top: 0; 2448 right: 0; 2449 bottom: 0; 2450 left: 0; 2451 opacity: 0.15; 2452 -webkit-filter: blur(3px); 2453 -moz-filter: blur(3px); 2454 filter: blur(3px); 2455 -webkit-transition: background 1s linear; 2456 transition: background 1s linear; 2457 -webkit-backface-visibility: hidden; 2458 backface-visibility: hidden; 2459 z-index: -1; 2460} 2461.home-platforms-instance li { 2462 position: relative; 2463} 2464.home-platforms-instance-info { 2465 float: left; 2466 position: relative; 2467 padding-left: 80px; 2468 width: 100%; 2469 height: 120px; 2470 overflow: hidden; 2471} 2472.home-platforms-instance-name { 2473 color: #eee; 2474 text-overflow: ellipsis; 2475 overflow: hidden; 2476 position: relative; 2477 font-size: 14px; 2478 line-height: 16px; 2479 font-weight: bold; 2480 width: 100%; 2481 padding: 0 0 0 20px; 2482} 2483.home-platforms-instance-name h4 { 2484 margin: 10px 0 4px 0; 2485} 2486.home-platforms-instance-playcount { 2487 display: inline-block; 2488 position: relative; 2489 padding: 6px 0 0 20px; 2490 max-width: 100%; 2491} 2492.home-platforms-instance-playcount h4 { 2493 font-size: 14px; 2494 line-height: 16px; 2495 margin: 10px 0 10px 0; 2496 white-space: nowrap; 2497 overflow: hidden; 2498 text-overflow: ellipsis; 2499} 2500.home-platforms-instance-playcount h3 { 2501 font-size: 30px; 2502 font-weight: bold; 2503 color: #f9be03; 2504 line-height: 22px; 2505 position: relative; 2506 top: 5px; 2507 margin: 0 5px 0 0; 2508 float: left; 2509} 2510.home-platforms-instance-playcount p { 2511 color: #aaa; 2512 font-size: 12px; 2513 float: left; 2514 position: relative; 2515 top: 15px; 2516 left: 0px; 2517 margin-right: 5px; 2518} 2519.home-platforms-instance-last-user { 2520 float: left; 2521 position: relative; 2522 padding: 6px 0 0 20px; 2523 width: 100%; 2524} 2525.home-platforms-instance-last-user h4 { 2526 font-size: 14px; 2527 line-height: 16px; 2528 margin: 10px 0 10px 0; 2529 white-space: nowrap; 2530 overflow: hidden; 2531 text-overflow: ellipsis; 2532} 2533.home-platforms-instance-last-user h5 { 2534 font-size: 12px; 2535 position: relative; 2536 margin: 0 0 2px 0; 2537 float: left; 2538} 2539.home-platforms-instance-last-user p { 2540 color: #aaa; 2541 font-size: 12px; 2542 float: left; 2543 clear: left; 2544 position: relative; 2545 width: 100%; 2546 white-space: nowrap; 2547 overflow: hidden; 2548 text-overflow: ellipsis; 2549} 2550.home-platforms-instance-poster { 2551 margin-left: 0px; 2552 position: absolute; 2553 overflow: hidden; 2554} 2555.home-platforms-instance-cover { 2556 margin-left: 0px; 2557 position: absolute; 2558 top: 20px; 2559 overflow: hidden; 2560} 2561.home-platforms-instance-poster .home-platforms-poster-face { 2562 background-position: center; 2563 background-size: cover; 2564 height: 120px; 2565 width: 80px; 2566 -webkit-box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1); 2567 -moz-box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1); 2568 box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1); 2569} 2570.home-platforms-instance-cover .home-platforms-cover-face { 2571 background-position: center; 2572 background-size: cover; 2573 height: 80px; 2574 width: 80px; 2575 -webkit-box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1); 2576 -moz-box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1); 2577 box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1); 2578} 2579.home-platforms-instance-poster .home-platforms-library-thumb { 2580 background-position: center; 2581 background-size: cover; 2582 height: 80px; 2583 width: 80px; 2584 margin-top: 20px; 2585} 2586.home-platforms-instance-box { 2587 background-position: center; 2588 background-size: cover; 2589 margin: 20px 0 0 0px; 2590 height: 80px; 2591 width: 80px; 2592 position: relative; 2593 -webkit-border-radius: 3px; 2594 -moz-border-radius: 3px; 2595 border-radius: 3px; 2596 -webkit-box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1); 2597 -moz-box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1); 2598 box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1); 2599 overflow: hidden; 2600} 2601.home-platforms-instance-oval { 2602 background-position: center; 2603 background-size: cover; 2604 margin: 20px 0 0 0px; 2605 height: 80px; 2606 width: 80px; 2607 position: relative; 2608 -webkit-border-radius: 50%; 2609 -moz-border-radius: 50%; 2610 border-radius: 50%; 2611 -webkit-box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1); 2612 -moz-box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1); 2613 box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1); 2614 overflow: hidden; 2615} 2616.home-platforms-instance-list { 2617 float: left; 2618 position: relative; 2619 width: 100%; 2620 padding: 0 10px 25px 10px; 2621} 2622.home-platforms-instance-list li { 2623 margin-top: 25px; 2624 position: relative; 2625 height: 60px; 2626} 2627.home-platforms-instance-list-number { 2628 background-color: #f9be03; 2629 float: left; 2630 position: absolute; 2631 top: -10px; 2632 left: 10px; 2633 height: 20px; 2634 width: 20px; 2635 display: block; 2636 text-align: center; 2637 padding-top: 1px; 2638 -webkit-border-radius: 50%; 2639 -moz-border-radius: 50%; 2640 border-radius: 50%; 2641 -webkit-box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1); 2642 -moz-box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1); 2643 box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1); 2644} 2645.home-platforms-instance-list-number h4 { 2646 color: #000; 2647 font-size: 15px; 2648 font-weight: bold; 2649 margin: 0; 2650} 2651.home-platforms-instance-list-info { 2652 float: left; 2653 position: relative; 2654 padding-left: 75px; 2655 width: 100%; 2656 height: 60px; 2657} 2658.home-platforms-instance-list-name { 2659 float: left; 2660 color: #eee; 2661 text-overflow: ellipsis; 2662 overflow: hidden; 2663 position: relative; 2664 font-size: 13px; 2665 line-height: 15px; 2666 font-weight: bold; 2667 width: 100%; 2668 padding: 2px 0 0 10px; 2669} 2670.home-platforms-instance-list-name h5 { 2671 margin: 5px 0px; 2672 white-space: nowrap; 2673 overflow: hidden; 2674 text-overflow: ellipsis; 2675} 2676.home-platforms-instance-list-playcount { 2677 float: left; 2678 position: relative; 2679 padding: 4px 0 0 10px; 2680 width: 100%; 2681} 2682.home-platforms-instance-list-playcount h3 { 2683 font-size: 20px; 2684 font-weight: bold; 2685 color: #f9be03; 2686 line-height: 22px; 2687 position: relative; 2688 margin: 0 5px 0 0; 2689 float: left; 2690} 2691.home-platforms-instance-list-playcount p { 2692 color: #aaa; 2693 font-size: 12px; 2694 float: left; 2695 position: relative; 2696 top: 5px; 2697 left: 0px; 2698 margin-right: 5px; 2699} 2700.home-platforms-instance-list-last-user { 2701 float: left; 2702 position: relative; 2703 padding: 0 0 0 10px; 2704 width: 100%; 2705} 2706.home-platforms-instance-list-last-user h5 { 2707 font-size: 12px; 2708 position: relative; 2709 margin: 0 0 2px 0; 2710 float: left; 2711} 2712.home-platforms-instance-list-last-user p { 2713 color: #aaa; 2714 font-size: 12px; 2715 float: left; 2716 clear: left; 2717 position: relative; 2718 width: 100%; 2719 white-space: nowrap; 2720 overflow: hidden; 2721 text-overflow: ellipsis; 2722} 2723.home-platforms-instance-list-poster { 2724 position: absolute; 2725 left: 20px; 2726 overflow: hidden; 2727} 2728.home-platforms-instance-list-cover { 2729 position: absolute; 2730 top: 10px; 2731 left: 20px; 2732 overflow: hidden; 2733} 2734.home-platforms-instance-list-poster .home-platforms-list-poster-face { 2735 background-position: center; 2736 background-size: cover; 2737 height: 60px; 2738 width: 40px; 2739 -webkit-box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1); 2740 -moz-box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1); 2741 box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1); 2742} 2743.home-platforms-instance-list-cover .home-platforms-list-cover-face { 2744 background-position: center; 2745 background-size: cover; 2746 height: 40px; 2747 width: 40px; 2748 -webkit-box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1); 2749 -moz-box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1); 2750 box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1); 2751} 2752.home-platforms-instance-list-box { 2753 background-position: center; 2754 background-size: cover; 2755 margin: 10px 0 0 20px; 2756 height: 40px; 2757 width: 40px; 2758 position: relative; 2759 -webkit-border-radius: 3px; 2760 -moz-border-radius: 3px; 2761 border-radius: 3px; 2762 -webkit-box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1); 2763 -moz-box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1); 2764 box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1); 2765 overflow: hidden; 2766} 2767.home-platforms-instance-list-oval { 2768 background-position: center; 2769 background-size: cover; 2770 margin: 10px 0 0 20px; 2771 height: 40px; 2772 width: 40px; 2773 position: relative; 2774 -webkit-border-radius: 50%; 2775 -moz-border-radius: 50%; 2776 border-radius: 50%; 2777 -webkit-box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1); 2778 -moz-box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1); 2779 box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1); 2780 overflow: hidden; 2781} 2782.home-platforms-instance-list-chevron { 2783 position: absolute; 2784 top: 100px; 2785 right: 5px; 2786 cursor: pointer; 2787} 2788.home-platforms-instance-list-chevron i { 2789 color: #999; 2790 font-size: 16px; 2791 -webkit-transition: all 0.3s ease; 2792 -o-transition: all 0.3s ease; 2793 transition: all 0.3s ease; 2794} 2795.home-platforms-instance-list-chevron i:hover { 2796 color: #f9be03; 2797} 2798.home-platforms-instance-list-chevron.active i.fa-chevron-down{ 2799 color: #f9be03; 2800 -webkit-transform: rotate(180deg); 2801 -ms-transform: rotate(180deg); 2802 -o-transform: rotate(180deg); 2803 transform: rotate(180deg); 2804} 2805a .home-platforms-instance-box:hover, 2806a .home-platforms-instance-oval:hover, 2807a .home-platforms-instance-list-box:hover, 2808a .home-platforms-instance-list-oval:hover, 2809a .home-platforms-poster-face:hover, 2810a .home-platforms-cover-face:hover, 2811a .home-platforms-list-poster-face:hover, 2812a .home-platforms-list-cover-face:hover 2813 { 2814 -webkit-box-shadow: inset 0 0 0 2px #e9a049; 2815 -moz-box-shadow: inset 0 0 0 2px #e9a049; 2816 box-shadow: inset 0 0 0 2px #e9a049; 2817} 2818.home-platforms-instance .slider { 2819 background-color: #2d2d2d; 2820 width: calc(100% + 20px); 2821 display: none; 2822 position: absolute; 2823 top: 124px; 2824 left: -5px; 2825 -webkit-box-shadow: 0 0 4px rgba(0,0,0,.3), inset 0 0 0 1px rgba(255,255,255,.1); 2826 -moz-box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1); 2827 box-shadow: 0 0 4px rgba(0,0,0,.3), inset 0 0 0 1px rgba(255,255,255,.1); 2828 z-index: 1; 2829 clip: rect(1px, 350px, 1000px, -2px); 2830} 2831.history-table-title { 2832 text-overflow: ellipsis; 2833 overflow: hidden; 2834 max-width: 350px; 2835} 2836#graph-tabs { 2837 padding-bottom: 10px; 2838 float: none; 2839} 2840.graphs-instance { 2841 height: 330px; 2842 padding: 20px; 2843 background-color: #333; 2844 margin-bottom: 20px; 2845 border-radius: 8px; 2846} 2847.watch-chart { 2848 margin-top: 10px; 2849 height: 300px; 2850 width: 100%; 2851} 2852.graphs-load { 2853 color: #999999; 2854 text-align: center; 2855 line-height: 300px; 2856} 2857.card-back { 2858 padding: 16px; 2859 background-color: #282828; 2860 margin-left: auto; 2861 margin-right: auto; 2862 margin-top: 20px; 2863 margin-bottom: 20px; 2864 width: 80%; 2865 overflow: hidden; 2866} 2867.card-back-full { 2868 padding: 20px; 2869 background-color: #282828; 2870 margin-top: 20px; 2871 margin-bottom: 20px; 2872 overflow: hidden; 2873} 2874.table-card-back { 2875 padding: 16px 16px 16px 16px; 2876 background-color: #282828; 2877 margin-left: auto; 2878 margin-right: auto; 2879 margin-top: 20px; 2880 margin-bottom: 20px; 2881 width: 100%; 2882 max-width: 1750px; 2883 overflow: hidden; 2884} 2885.table-card-header { 2886 padding: 16px 16px 16px 16px; 2887 background-color: #2c2c2c; 2888 border-bottom: 1px solid #3d3d3d; 2889 border-top: 1px solid #282828; 2890 margin-left: auto; 2891 margin-right: auto; 2892 margin-top: 20px; 2893 margin-bottom: -20px; 2894 width: 100%; 2895 max-width: 1750px; 2896 overflow: hidden; 2897} 2898.table-card-back td { 2899 font-size: 12px; 2900} 2901.header-bar { 2902 float: left; 2903} 2904.header-bar span { 2905 font-size: 22px; 2906 font-weight: bold; 2907 line-height: 34px; 2908} 2909.button-bar { 2910 float: right; 2911} 2912.colvis-button-bar, 2913.refresh-users-button, 2914.refresh-libraries-button { 2915 /*float: right;*/ 2916} 2917.refresh-users-button, 2918.refresh-libraries-button { 2919 /*margin-right: 5px;*/ 2920} 2921.nav-settings, 2922.nav-settings ul { 2923 margin: 0px 0px 20px 0px; 2924} 2925.nav-settings > li { 2926 list-style: none; 2927 background-color: #282828; 2928 width: 100%; 2929 max-width: 340px; 2930 min-width: 200px; 2931 border-top: 1px solid #2d2d2d; 2932} 2933.nav-settings > li > a { 2934 border-bottom: 1px solid #232323; 2935 display: block; 2936 padding: 15px 15px 15px 15px; 2937 color: #999; 2938 -webkit-transition: all 0.3s ease; 2939 -o-transition: all 0.3s ease; 2940 transition: all 0.3s ease; 2941} 2942.nav-settings > li > a:hover, 2943.nav-settings > li > a:focus { 2944 color: #eee; 2945 background-color: #2f2f2f; 2946} 2947.nav-settings > .active > a, 2948.nav-settings > .active > a:hover, 2949.nav-settings > .active > a:focus { 2950 color: #f9be03; 2951 background-color: #2f2f2f; 2952} 2953.stacked-configs, 2954.stacked-configs ul { 2955 margin: 0px 0px 20px 0px; 2956} 2957.stacked-configs > li { 2958 margin: 0; 2959 list-style: none; 2960 background-color: #282828; 2961 width: 100%; 2962 min-width: 320px; 2963 max-width: 900px; 2964} 2965.stacked-configs > li > span { 2966 display: block; 2967 padding: 8px 20px 8px 15px; 2968 color: #eee; 2969 border-left: 2px solid #444; 2970 border-top: 1px solid #2d2d2d; 2971 -webkit-transition: all 0.3s ease; 2972 -o-transition: all 0.3s ease; 2973 transition: all 0.3s ease; 2974} 2975.stacked-configs > li > span:hover, 2976.stacked-configs > li > span:focus { 2977 color: #eee; 2978 background-color: #2f2f2f; 2979} 2980.stacked-configs > li > span > a.toggle-right, 2981.stacked-configs > li > span > span.toggle-right { 2982 float: right; 2983 color: #999; 2984 padding-left: 10px; 2985} 2986.stacked-configs > li > span > a.toggle-left, 2987.stacked-configs > li > span > span.toggle-left { 2988 float: left; 2989 color: #444; 2990 padding-right: 8px; 2991} 2992.stacked-configs > li > span > a:hover { 2993 color: #eee; 2994} 2995.stacked-configs > li > span > a.active, 2996.stacked-configs > li > span > span.active { 2997 color: #f9be03; 2998} 2999.stacked-configs > li.mobile-device > span > a.toggle-left, 3000.stacked-configs > li.mobile-device > span > span.toggle-left { 3001 color: #999; 3002} 3003.accordion { 3004 width: 100%; 3005 max-width: 900px; 3006 margin: 0px 0px 20px 0px; 3007 background: #282828; 3008 list-style: none; 3009} 3010.accordion li { 3011 margin: 0; 3012} 3013.accordion li .link { 3014 cursor: pointer; 3015 display: block; 3016 padding: 8px 12px 8px 12px; 3017 color: #999; 3018 border-bottom: 1px solid #2d2d2d; 3019 position: relative; 3020 -webkit-transition: all 0.3s ease; 3021 -o-transition: all 0.3s ease; 3022 transition: all 0.3s ease; 3023} 3024.accordion li .link:hover, 3025.accordion li .link:hover i.fa { 3026 background: #2f2f2f; 3027} 3028.accordion li .link i.fa { 3029 color: #999; 3030} 3031.accordion li .link span.toggle-left { 3032 padding-right: 5px; 3033} 3034.accordion li .link span.toggle-right { 3035 float: right; 3036 padding-left: 10px; 3037} 3038.accordion li:last-child .link { 3039 border-bottom: 0; 3040} 3041.accordion li .fa-chevron-down { 3042 color: #999; 3043 -webkit-transition: all 0.3s ease; 3044 -o-transition: all 0.3s ease; 3045 transition: all 0.3s ease; 3046} 3047.accordion li.open .link, 3048.accordion li.open .link i.fa { 3049 color: #f9be03; 3050} 3051.accordion li.open .fa-chevron-down { 3052 color: #f9be03; 3053 -webkit-transform: rotate(180deg); 3054 -ms-transform: rotate(180deg); 3055 -o-transform: rotate(180deg); 3056 transform: rotate(180deg); 3057} 3058.submenu { 3059 display: none; 3060 background: #2d2d2d; 3061 list-style: none; 3062 margin: 0px; 3063 padding: 20px; 3064} 3065.submenu li { 3066 border-bottom: 1px solid #2f2f2f; 3067} 3068.submenu a { 3069 display: block; 3070 text-decoration: none; 3071 color: #d9d9d9; 3072 padding: 12px; 3073 -webkit-transition: all 0.25s ease; 3074 -o-transition: all 0.25s ease; 3075 transition: all 0.25s ease; 3076} 3077.submenu a:hover { 3078 background: #f9be03; 3079 color: #eee; 3080} 3081.ajaxMsg { 3082 background-color: rgba(255,255,255,0.075); 3083 color: #999999; 3084 display: none; 3085 font-size: 14px; 3086 right: 10px; 3087 padding: 10px 10px; 3088 position: fixed; 3089 text-align: center; 3090 bottom: 10px; 3091 min-height: 32px; 3092 width: 400px; 3093 z-index: 9999; 3094} 3095.ajaxMsg .msg { 3096 line-height: normal; 3097 padding-left: 20px; 3098} 3099.ajaxMsg .loader { 3100 position: relative; 3101 top: 2px; 3102} 3103.ajaxMsg .success { 3104 text-align: left; 3105} 3106.ajaxMsg .error { 3107 background-color: rgba(255,0,0,0.5); 3108 font-size: 20px; 3109 text-align: left; 3110} 3111.ajaxMsg .ui-icon { 3112 display: inline-block; 3113 margin-left: -20px; 3114 top: 2px; 3115 position: relative; 3116 margin-right: 3px; 3117} 3118.dataTables_processing { 3119 background-color: grey; 3120 display: none; 3121 font-size: 14px; 3122 right: 10px; 3123 padding: 10px 10px; 3124 position: fixed; 3125 text-align: center; 3126 bottom: 10px; 3127 min-height: 32px; 3128 width: 250px; 3129 z-index: 9999; 3130} 3131.dataTables_paginate li { 3132 margin: 0; 3133} 3134div.dataTables_info { 3135 white-space: normal !important; 3136} 3137.tooltip.top .tooltip-arrow { 3138 border-top-color: #eee; 3139} 3140.tooltip.right .tooltip-arrow { 3141 border-right-color: #eee; 3142} 3143.tooltip.bottom .tooltip-arrow { 3144 border-bottom-color: #eee; 3145} 3146.tooltip.left .tooltip-arrow { 3147 border-left-color: #eee; 3148} 3149.tooltip-inner { 3150 max-width: 250px; 3151 color: #000; 3152 background: #eee; 3153 border: 0; 3154 font-weight: bold; 3155 border-radius: 2px; 3156} 3157.inactive-library-tooltip, 3158.inactive-user-tooltip { 3159 display: inline-block; 3160 position: relative; 3161 width: 100%; 3162 height: 100%; 3163} 3164.inactive-library-tooltip i.fa, 3165.inactive-user-tooltip i.fa { 3166 color: #E5A00D; 3167 position: absolute; 3168 right: 0; 3169 bottom: 0; 3170 text-shadow: 0 0 2px rgba(0,0,0,.5); 3171} 3172.sign-out-tooltip:hover { 3173 color: #E5A00D; 3174 cursor: pointer; 3175} 3176.history-thumbnail-popover { 3177 z-index: 2000; 3178 padding: 0; 3179 border: 0; 3180} 3181.history-thumbnail-popover.popover.left { 3182 margin-left: -15px; 3183} 3184.history-thumbnail-popover.popover.right { 3185 margin-left: 15px; 3186} 3187.history-thumbnail-popover .popover-content { 3188 color: #000; 3189 padding: 0; 3190} 3191.history-thumbnail { 3192 background-position: center; 3193 background-size: cover; 3194 width: 80px; 3195 -webkit-border-radius: 3px; 3196 -moz-border-radius: 3px; 3197 border-radius: 3px; 3198 -webkit-box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1); 3199 -moz-box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1); 3200 box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1); 3201} 3202.channel-thumbnail-popover { 3203 z-index: 2000; 3204 padding: 0; 3205 border: 0; 3206} 3207.channel-thumbnail-popover.popover.left { 3208 margin-left: -15px; 3209} 3210.channel-thumbnail-popover.popover.right { 3211 margin-left: 15px; 3212} 3213.channel-thumbnail-popover .popover-content { 3214 color: #000; 3215 padding: 0; 3216} 3217.channel-thumbnail { 3218 background-color: #868b8b; 3219 background-position: center; 3220 background-size: contain; 3221 background-origin: content-box; 3222 background-repeat: no-repeat; 3223 height: 50px; 3224 width: 50px; 3225 padding: 3px; 3226 -webkit-border-radius: 3px; 3227 -moz-border-radius: 3px; 3228 border-radius: 3px; 3229} 3230.channel-thumbnail-popover .arrow:after { 3231 border-right-color: #868b8b !important; 3232} 3233.edit-user-toggles, 3234.edit-library-toggles { 3235 padding-right: 10px; 3236} 3237.edit-user-toggles > input[type='checkbox'], 3238.edit-library-toggles > input[type='checkbox'] { 3239 display: none; 3240} 3241.edit-user-toggles > input[type='checkbox'] + label, 3242.edit-library-toggles > input[type='checkbox'] + label { 3243 color: #444; 3244 cursor: pointer; 3245} 3246.edit-user-toggles > input[type='checkbox']:checked + label, 3247.edit-library-toggles > input[type='checkbox']:checked + label { 3248 color: #eee; 3249 cursor: pointer; 3250} 3251.edit-user-name > input[type='text'] { 3252 margin: 0; 3253} 3254.noTransition 3255{ 3256 -moz-transition: none !important; 3257 -webkit-transition: none !important; 3258 -o-transition: none !important; 3259 transition: none !important; 3260} 3261#users-to-delete > li, 3262#users-to-purge > li, 3263#libraries-to-delete > li, 3264#libraries-to-purge > li { 3265 color: #e9a049; 3266} 3267#updatebar, #token_error_bar { 3268 background-color: #444; 3269 opacity: 0.95; 3270 color: #999999; 3271 font-size: 14px; 3272 right: 10px; 3273 padding: 10px 10px; 3274 position: fixed; 3275 text-align: center; 3276 bottom: 10px; 3277 min-height: 22px; 3278 width: 400px; 3279 z-index: 9999; 3280 display: block; 3281} 3282#updatebar .msg, #token_error_bar .msg { 3283 line-height: normal; 3284 padding-left: 20px; 3285} 3286#updatebar .loader, #token_error_bar .loader { 3287 position: relative; 3288 top: 2px; 3289} 3290#updatebar.success, #token_error_bar.success { 3291 padding: 15px 10px; 3292 text-align: left; 3293} 3294#updatebar.error, #token_error_bar.error { 3295 padding: 15px 10px; 3296 text-align: left; 3297} 3298#updatebar .ui-icon, #token_error_bar .ui-icon { 3299 display: inline-block; 3300 margin-left: -20px; 3301 top: 2px; 3302 position: relative; 3303 margin-right: 3px; 3304} 3305#updatebar a:hover, #token_error_bar a:hover { 3306 color: #e9a049; 3307} 3308#token_error_bar { 3309 background-color: rgba(255,0,0,0.5) !important; 3310} 3311.body-container { 3312 position: absolute; 3313 top: 50px; 3314 right: 0; 3315 bottom: 0; 3316 left: 0; 3317 overflow: auto; 3318 -webkit-overflow-scrolling: touch; 3319} 3320::-webkit-scrollbar { 3321 width: 15px; 3322} 3323::-webkit-scrollbar-track { 3324 background-color: rgba(0,0,0,.2); 3325} 3326::-webkit-scrollbar-thumb { 3327 min-height: 50px; 3328 background-color: rgba(255,255,255,.15); 3329 border: 3px solid transparent; 3330 border-radius: 8px; 3331 background-clip: padding-box; 3332} 3333pre::-webkit-scrollbar-track { 3334 background-color: rgba(255,255,255,.2); 3335} 3336pre::-webkit-scrollbar-thumb { 3337 background-color: rgba(0,0,0,.15); 3338} 3339#currentActivity, 3340#home-stats, 3341#library-stats { 3342 margin-left: -25px; 3343} 3344#currentActivity > *, 3345#home-stats > *, 3346#library-stats > * { 3347 margin-left: 25px; 3348} 3349 3350@media only screen 3351 and (min-width: 300px) 3352 and (max-width: 450px) { 3353 .home-platforms-instance { 3354 width: calc(100% - 20px); 3355 } 3356 .dashboard-activity-instance, 3357 .dashboard-stats-instance { 3358 width: 100%; 3359 } 3360 #currentActivity, 3361 #home-stats, 3362 #library-stats { 3363 margin-right: 25px; 3364 } 3365} 3366@media only screen 3367 and (min-width: 300px) 3368 and (max-width: 740px) { 3369 .header-bar { 3370 display: block; 3371 float: none !important; 3372 } 3373 .button-bar { 3374 float: left !important; 3375 clear: both; 3376 margin-top: 5px; 3377 } 3378 .button-bar > div, 3379 .button-bar > button, 3380 .button-bar > span { 3381 float: left !important; 3382 clear: both !important; 3383 margin-top: 10px; 3384 } 3385 .button-bar > div > button.btn { 3386 float: left !important; 3387 clear: both !important; 3388 } 3389 .home-padded-header .button-bar { 3390 margin-top: 0; 3391 margin-bottom: 15px; 3392 } 3393} 3394@media only screen 3395 and (min-width: 740px) 3396 and (max-width: 1280px) { 3397 .header-bar { 3398 display: block; 3399 float: none !important; 3400 } 3401 .button-bar { 3402 float: left !important; 3403 clear: both; 3404 margin-top: 5px; 3405 } 3406 .button-bar .btn-group, 3407 .button-bar > button.btn { 3408 margin-right: 3px; 3409 } 3410 .button-bar > div, 3411 .button-bar > button, 3412 .button-bar > span { 3413 float: left !important; 3414 margin-top: 10px; 3415 } 3416 .button-bar > div > button.btn { 3417 float: left !important; 3418 clear: both !important; 3419 } 3420 .home-padded-header .button-bar { 3421 float: left !important; 3422 margin-top: 0; 3423 margin-bottom: 15px; 3424 } 3425} 3426#search_form { 3427 width: 270px; 3428 padding: 8px 15px; 3429} 3430#search_form span.input-textbox { 3431 overflow: hidden; 3432 width: 200px; 3433 height: 34px; 3434 display: inline-flex; 3435 float: right; 3436} 3437#search_form #query { 3438 width: 0; 3439 height: 34px; 3440 margin-top: 0; 3441 float: right; 3442 position: relative; 3443 right: -200px; 3444 border-radius: 3px 0 0 3px; 3445} 3446#search_form #query.active { 3447 width: 200px; 3448 right: 0px; 3449} 3450#search_form #search_button.btn-inactive { 3451 background-color: #000; 3452 border: 1px solid rgba(0,0,0,0); 3453 -webkit-transition: background 0.3s; 3454 -moz-transition: background 0.3s; 3455 -ms-transition: background 0.3s; 3456 -o-transition: background 0.3s; 3457 transition: background 0.3s; 3458} 3459@media (max-width: 767px) { 3460 #search_form { 3461 width: 100%; 3462 } 3463 #search_form span.input-textbox { 3464 width: 100%; 3465 } 3466 #search_form #query { 3467 width: 100%; 3468 right: 0; 3469 } 3470 #search_form #query.active { 3471 width: 100%; 3472 right: 0px; 3473 } 3474} 3475#update_search_form div.input-group { 3476 display: inline-table; 3477 vertical-align: middle; 3478 max-width: 250px; 3479} 3480#update_search_form #update_query { 3481 margin: 5px 0 0 0.5em; 3482} 3483.notification-params { 3484 width: 100%; 3485 margin-top: 10px; 3486 background-color: #282828; 3487} 3488.notification-params th { 3489 padding-left: 10px; 3490 height: 30px; 3491} 3492.notification-params td { 3493 height: 25px; 3494} 3495.notification-params td:first-child { 3496 padding-left: 10px; 3497 width: 250px; 3498} 3499.notification-params.time-options td:first-child { 3500 padding-left: 10px; 3501 width: 125px; 3502} 3503.notification-params.time-options td:nth-child(2) { 3504 padding-left: 10px; 3505 width: 275px; 3506} 3507.notification-params td:not(:first-child) { 3508 padding-right: 10px; 3509} 3510.notification-params tr:nth-child(odd) td { 3511 background-color: rgba(255,255,255,0.035); 3512} 3513.notification-params tr:nth-child(even) td { 3514 background-color: rgba(255,255,255,0.010); 3515} 3516.activity-queue { 3517 width: 100%; 3518 margin-top: 10px; 3519 background-color: #282828; 3520} 3521.activity-queue th { 3522 padding-left: 10px; 3523 height: 30px; 3524} 3525.activity-queue th:first-child { 3526 width: 268px; 3527} 3528.activity-queue th:nth-child(2) { 3529 width: 125px; 3530} 3531.activity-queue th:nth-child(3) { 3532 width: 175px; 3533} 3534.activity-queue td { 3535 height: 25px; 3536 padding: 5px 10px; 3537} 3538.activity-queue tr:nth-child(odd) td { 3539 background-color: rgba(255,255,255,0.035); 3540} 3541.activity-queue tr:nth-child(even) td { 3542 background-color: rgba(255,255,255,0.010); 3543} 3544.card-sortable { 3545 height: 36px; 3546 padding: 0 20px 0 0; 3547 line-height: 34px; 3548 cursor: move; 3549 cursor: -webkit-grab; 3550 cursor: grab; 3551 border-bottom: 1px solid #232323; 3552 -webkit-user-select: none; 3553 -moz-user-select: none; 3554 -ms-user-select: none; 3555 -o-user-select: none; 3556 user-select: none; 3557} 3558.card { 3559 position: relative; 3560 background-color: #282828; 3561 border-top: 1px solid #2d2d2d; 3562} 3563.card label { 3564 font-weight: normal; 3565} 3566.card-handle { 3567 display: inline-block; 3568 width: 30px; 3569 margin-right: 10px; 3570 color: #444; 3571 text-align: center; 3572 background-color: #2f2f2f; 3573} 3574.selectize-input input[type='text'] { 3575 height: 20px; 3576} 3577.selectize-input.disabled, .selectize-input.disabled * { 3578 cursor: not-allowed !important; 3579} 3580.small-muted { 3581 font-size: small; 3582 color: #777; 3583} 3584.config-info-table, 3585.config-scheduler-table { 3586 width: 100% 3587} 3588.config-info-table td, 3589.config-info-table th, 3590.config-scheduler-table td, 3591.config-scheduler-table th { 3592 padding-bottom: 5px; 3593} 3594.config-info-table td:first-child { 3595 width: 150px; 3596} 3597.config-scheduler-table td:first-child { 3598 width: 225px; 3599} 3600.config-scheduler-table th { 3601 color: #eee; 3602} 3603a.no-highlight { 3604 color: #777; 3605} 3606a.no-highlight:hover { 3607 color: #eee; 3608} 3609.top-line { 3610 border-top: 1px dotted #777; 3611 padding-top: 5px; 3612} 3613.help-bold { 3614 font-weight: bold; 3615 color: #eee; 3616} 3617.save-button { 3618 margin-top: 15px; 3619} 3620.nav-dashboard > li { 3621 float: left; 3622} 3623.btn-gray.disabled, 3624.btn-gray.disabled:focus, 3625.btn-gray.disabled:hover, 3626.btn-gray.disabled:active { 3627 color: #323232; 3628 cursor: default; 3629} 3630.nav-header > li > a:focus, 3631.nav-header > li > a:hover { 3632 background-color: transparent; 3633} 3634#recently-added-row-scroller, 3635#recently-watched-row-scroller { 3636 position: relative; 3637 height: 265px; 3638 margin-bottom: 25px; 3639} 3640 3641@media (min-width: 768px) { 3642 .login-container { 3643 max-width: 750px; 3644 } 3645 .modal.wide .modal-dialog { 3646 width: 750px; 3647 } 3648} 3649@media (min-width: 992px) { 3650 .login-container { 3651 max-width: 970px; 3652 } 3653} 3654@media (min-width: 1200px) { 3655 .login-container { 3656 max-width: 1170px; 3657 } 3658} 3659.login-body-container { 3660 margin: 50px 0; 3661} 3662.login-container { 3663 margin-right: auto; 3664 margin-left: auto; 3665 padding-left: 15px; 3666 padding-right: 15px; 3667} 3668.login { 3669 margin: 0 auto; 3670} 3671.login-logo { 3672 margin: 0 auto 50px auto; 3673 text-align: center; 3674} 3675.login-container .login-method-header { 3676 text-align: center; 3677 font-weight: 600; 3678 text-transform: uppercase; 3679} 3680.login-container .form-group { 3681 margin-bottom: 20px; 3682} 3683.login-container .form-group label { 3684 font-weight: 400; 3685 color: #999; 3686} 3687.login-container .form-control { 3688 height: 38px; 3689 line-height: 1.5em; 3690} 3691.login-container .form-footer { 3692 margin-top: 40px; 3693} 3694.login-container .login-button { 3695 float: right; 3696 text-transform: uppercase; 3697 text-shadow: 0 -1px 1px rgba(0,0,0,.4),0 0 15px rgba(0,0,0,.2); 3698} 3699.login-container .remember-group { 3700 color: #999; 3701 display: inline-block; 3702 margin-top: 7.5px; 3703} 3704.login-container .remember-group .control-label { 3705 display: inline; 3706 margin-bottom: 0; 3707 font-weight: 400; 3708 cursor: pointer; 3709} 3710.login-divider { 3711 text-align: center; 3712 border-bottom: 1px solid #555; 3713 line-height: 0.1em; 3714 margin: 50px auto; 3715 max-width: 400px; 3716 text-transform: uppercase; 3717} 3718.login-divider span { 3719 background: #1f1f1f; 3720 padding: 0 15px; 3721 color: #999; 3722} 3723.login-button-plex { 3724 text-align: center; 3725} 3726.login-button-plex .remember-group { 3727 margin-top: 20px; 3728} 3729.login-button-plex button#sign-in-plex { 3730 float: none; 3731} 3732.login-alert { 3733 text-align: center; 3734 padding: 8px; 3735 display: none; 3736} 3737#admin-login-modal .form-group label { 3738 font-weight: 400; 3739 color: #999; 3740} 3741#admin-login-modal .remember-group { 3742 float: left; 3743 color: #999; 3744} 3745#admin-login-modal .remember-group .control-label { 3746 display: inline; 3747 margin-bottom: 0; 3748 font-weight: 400; 3749 cursor: pointer; 3750} 3751.datatable-wrap { 3752 min-width: 150px; 3753 max-width: 250px; 3754} 3755.inline-pre { 3756 font-family: monospace; 3757 margin: 0 2px; 3758 padding: 2px 5px; 3759 font-size: 13px; 3760 color: #eee; 3761 background-color: #555; 3762 border: 0px solid #444; 3763 border-radius: 3px; 3764} 3765.overlay-refresh-image { 3766 opacity: 0; 3767 color: #000; 3768 font-size: 16px; 3769 float: left; 3770 position: absolute; 3771 top: 0px; 3772 right: 10px; 3773 z-index: 1; 3774 transition: all .1s cubic-bezier(.4,0,1,1); 3775 -webkit-transition: all .1s cubic-bezier(.4,0,1,1); 3776 -moz-transition: all .1s cubic-bezier(.4,0,1,1); 3777 -o-transition: all .1s cubic-bezier(.4,0,1,1); 3778 text-shadow: -1px -1px 0 #eee, 1px -1px 0 #eee, -1px 1px 0 #eee, 1px 1px 0 #eee; 3779} 3780.overlay-refresh-image.left { 3781 left: 10px; 3782} 3783.overlay-refresh-image.info-art { 3784 color: #999; 3785 top: 15px; 3786 right: 25px; 3787 opacity: 1; 3788 text-shadow: none; 3789 cursor: pointer; 3790} 3791.overlay-refresh-image.info-art:hover { 3792 color: #eee; 3793 text-shadow: none; 3794} 3795a:hover .overlay-refresh-image { 3796 opacity: .25; 3797 top: 8px; 3798} 3799a:hover .overlay-refresh-image:hover { 3800 opacity: .9; 3801} 3802.smart-collection-image, 3803.smart-playlist-image { 3804 float: left; 3805 position: absolute; 3806 top: 5px; 3807 left: 5px; 3808 background-color: #8e6191; 3809 border-radius: 4px; 3810 color: #fff; 3811 font-size: 16px; 3812 z-index: 1; 3813 width: 32px; 3814 padding: 5px; 3815 text-align: center; 3816} 3817#ip_error, #isp_error { 3818 color: #aaa; 3819 display: none; 3820 text-align: center; 3821 padding-top: 10px; 3822 padding-bottom: 10px; 3823} 3824#plexpy-notifiers-table .friendly_name, 3825#notifier-config-modal span.notifier_id, 3826#plexpy-newsletters-table .friendly_name, 3827#newsletter-config-modal span.newsletter_id, 3828#plexpy-mobile-devices-table .friendly_name, 3829#mobile-device-config-modal span.notifier_id { 3830 color: #777; 3831} 3832#notifier-config-modal .nav-tabs, 3833#newsletter-config-modal .nav-tabs { 3834 margin-bottom: 10px; 3835 padding-left: 15px; 3836 border-bottom: 1px solid #444; 3837} 3838#notifier-config-modal .nav-tabs > li, 3839#newsletter-config-modal .nav-tabs > li { 3840 margin: 0 0 -1px 0; 3841} 3842#notifier-config-modal .nav-tabs > li > a, 3843#newsletter-config-modal .nav-tabs > li > a { 3844 padding: 5px 10px; 3845 color: #737373; 3846} 3847#notifier-config-modal .nav-tabs > li > a:hover, 3848#newsletter-config-modal .nav-tabs > li > a:hover { 3849 border-color: #444; 3850 background: #222; 3851} 3852#notifier-config-modal .nav-tabs > li.active > a, 3853#notifier-config-modal .nav-tabs > li.active > a:hover, 3854#notifier-config-modal .nav-tabs > li.active > a:focus, 3855#newsletter-config-modal .nav-tabs > li.active > a, 3856#newsletter-config-modal .nav-tabs > li.active > a:hover, 3857#newsletter-config-modal .nav-tabs > li.active > a:focus { 3858 color: #eee; 3859 background: #222; 3860} 3861#notifier-config-modal .nav-tabs > li.active > a, 3862#notifier-config-modal .nav-tabs > li.active > a:hover, 3863#notifier-config-modal .nav-tabs > li.active > a:focus, 3864#newsletter-config-modal .nav-tabs > li.active > a, 3865#newsletter-config-modal .nav-tabs > li.active > a:hover, 3866#newsletter-config-modal .nav-tabs > li.active > a:focus { 3867 border: 1px solid #444; 3868 border-bottom-color: transparent; 3869} 3870#newsletter-config-modal #custom_cron { 3871 display: inline-block; 3872 width: initial; 3873 height: 32px; 3874 margin-right: 5px; 3875 margin-top: 4px; 3876} 3877#newsletter-config-modal #cron-widget { 3878 display: inline-block; 3879 margin-top: 1px; 3880} 3881#newsletter-config-modal #cron-widget select.cron-select { 3882 width: initial; 3883 display: inline; 3884 height: 32px; 3885 margin-top: 4px; 3886} 3887#newsletter-config-modal #cron-widget select.cron-select[name=cron-period] option[value=minute], 3888#newsletter-config-modal #cron-widget select.cron-select[name=cron-period] option[value=hour] { 3889 display: none !important; 3890} 3891.git-group input.form-control { 3892 width: 50%; 3893} 3894.git-group select.form-control { 3895 width: 50%; 3896 height: 32px; 3897} 3898#changelog-modal .modal-body > h2 { 3899 margin-bottom: 10px; 3900 padding-bottom: 10px; 3901 border-bottom: 1px solid #444; 3902 font-size: 18px; 3903} 3904#changelog-modal .modal-body > ul { 3905 padding-left: 25px; 3906 margin-bottom: 30px; 3907} 3908#changelog-modal ul { 3909 padding-left: 20px; 3910} 3911.app-badge { 3912 float: left; 3913 display: inline-block; 3914 height: 46px; 3915 margin-right: 10px; 3916 margin-bottom: 5px; 3917} 3918.app-badge img { 3919 height: 46px; 3920 vertical-align: middle; 3921} 3922 3923.svg-icon { 3924 background-size: calc(100% - 20px) calc(100% - 20px) !important; 3925 background-origin: content-box !important; 3926 background-repeat: no-repeat !important; 3927 background-position: center !important; 3928} 3929.platform-alexa { 3930 background-color: #00caff; 3931 background-image: url(../images/platforms/alexa.svg); 3932} 3933.platform-android { 3934 background-color: #3ddc84; 3935 background-image: url(../images/platforms/android.svg); 3936} 3937.platform-atv { 3938 background-color: #a2aaad; 3939 background-image: url(../images/platforms/atv.svg); 3940} 3941.platform-chrome { 3942 background-color: #db4437; 3943 background-image: url(../images/platforms/chrome.svg); 3944} 3945.platform-chromecast { 3946 background-color: #4285f4; 3947 background-image: url(../images/platforms/chromecast.svg); 3948} 3949.platform-default { 3950 background-color: #e5a00d; 3951 background-image: url(../images/platforms/default.svg); 3952} 3953.platform-dlna { 3954 background-color: #4ba32f; 3955 background-image: url(../images/platforms/dlna.svg); 3956} 3957.platform-firefox { 3958 background-color: #ff7139; 3959 background-image: url(../images/platforms/firefox.svg); 3960} 3961.platform-gtv { 3962 background-color: #008bcf; 3963 background-image: url(../images/platforms/gtv.svg); 3964} 3965.platform-ie { 3966 background-color: #18bcef; 3967 background-image: url(../images/platforms/ie.svg); 3968} 3969.platform-ios { 3970 background-color: #a2aaad; 3971 background-image: url(../images/platforms/ios.svg); 3972} 3973.platform-kodi { 3974 background-color: #30aada; 3975 background-image: url(../images/platforms/kodi.svg); 3976} 3977.platform-lg { 3978 background-color: #990033; 3979 background-image: url(../images/platforms/lg.svg); 3980} 3981.platform-linux { 3982 background-color: #0099cc; 3983 background-image: url(../images/platforms/linux.svg); 3984} 3985.platform-macos { 3986 background-color: #a2aaad; 3987 background-image: url(../images/platforms/macos.svg); 3988} 3989.platform-msedge { 3990 background-color: #0078d7; 3991 background-image: url(../images/platforms/msedge.svg); 3992} 3993.platform-opera { 3994 background-color: #fa1e4e; 3995 background-image: url(../images/platforms/opera.svg); 3996} 3997.platform-playstation { 3998 background-color: #003087; 3999 background-image: url(../images/platforms/playstation.svg); 4000} 4001.platform-plex { 4002 background-color: #e5a00d; 4003 background-image: url(../images/platforms/plex.svg); 4004} 4005.platform-plexamp { 4006 background-color: #e5a00d; 4007 background-image: url(../images/platforms/plexamp.svg); 4008} 4009.platform-roku { 4010 background-color: #673293; 4011 background-image: url(../images/platforms/roku.svg); 4012} 4013.platform-safari { 4014 background-color: #00d3f9; 4015 background-image: url(../images/platforms/safari.svg); 4016} 4017.platform-samsung { 4018 background-color: #034ea2; 4019 background-image: url(../images/platforms/samsung.svg); 4020} 4021.platform-synclounge { 4022 background-color: #151924; 4023 background-image: url(../images/platforms/synclounge.svg); 4024} 4025.platform-tivo { 4026 background-color: #00a7e1; 4027 background-image: url(../images/platforms/tivo.svg); 4028} 4029.platform-wiiu { 4030 background-color: #03a9f4; 4031 background-image: url(../images/platforms/wiiu.svg); 4032} 4033.platform-windows { 4034 background-color: #0078d7; 4035 background-image: url(../images/platforms/windows.svg); 4036} 4037.platform-wp { 4038 background-color: #68217a; 4039 background-image: url(../images/platforms/windows.svg); 4040} 4041.platform-xbmc { 4042 background-color: #3b4872; 4043 background-image: url(../images/platforms/kodi.svg); 4044} 4045.platform-xbox { 4046 background-color: #107c10; 4047 background-image: url(../images/platforms/xbox.svg); 4048} 4049.platform-alexa-rgba { 4050 background-color: rgba(0, 202, 255, 0.40); 4051} 4052.platform-android-rgba { 4053 background-color: rgba(61, 220, 132, 0.40); 4054} 4055.platform-atv-rgba { 4056 background-color: rgba(162, 170, 173, 0.40); 4057} 4058.platform-chrome-rgba { 4059 background-color: rgba(219, 68, 55, 0.40); 4060} 4061.platform-chromecast-rgba { 4062 background-color: rgba(66, 133, 244, 0.40); 4063} 4064.platform-default-rgba { 4065 background-color: rgba(229, 160, 13, 0.40); 4066} 4067.platform-dlna-rgba { 4068 background-color: rgba(75, 163, 47, 0.40); 4069} 4070.platform-firefox-rgba { 4071 background-color: rgba(255, 113, 57, 0.40); 4072} 4073.platform-gtv-rgba { 4074 background-color: rgba(0, 139, 207, 0.40); 4075} 4076.platform-ie-rgba { 4077 background-color: rgba(24, 188, 239, 0.40); 4078} 4079.platform-ios-rgba { 4080 background-color: rgba(162, 170, 173, 0.40); 4081} 4082.platform-kodi-rgba { 4083 background-color: rgba(48, 170, 218, 0.40); 4084} 4085.platform-lg-rgba { 4086 background-color: rgba(153, 0, 51, 0.40); 4087} 4088.platform-linux-rgba { 4089 background-color: rgba(0, 153, 204, 0.40); 4090} 4091.platform-macos-rgba { 4092 background-color: rgba(162, 170, 173, 0.40); 4093} 4094.platform-msedge-rgba { 4095 background-color: rgba(0, 120, 215, 0.40); 4096} 4097.platform-opera-rgba { 4098 background-color: rgba(250, 30, 78, 0.40); 4099} 4100.platform-playstation-rgba { 4101 background-color: rgba(0, 48, 135, 0.40); 4102} 4103.platform-plex-rgba { 4104 background-color: rgba(229, 160, 13, 0.40); 4105} 4106.platform-plexamp-rgba { 4107 background-color: rgba(229, 160, 13, 0.40); 4108} 4109.platform-roku-rgba { 4110 background-color: rgba(103, 50, 147, 0.40); 4111} 4112.platform-safari-rgba { 4113 background-color: rgba(0, 211, 249, 0.40); 4114} 4115.platform-samsung-rgba { 4116 background-color: rgba(3, 78, 162, 0.40); 4117} 4118.platform-synclounge-rgba { 4119 background-color: rgba(21, 25, 36, 0.40); 4120} 4121.platform-tivo-rgba { 4122 background-color: rgba(0, 167, 225, 0.40); 4123} 4124.platform-wiiu-rgba { 4125 background-color: rgba(3, 169, 244, 0.40); 4126} 4127.platform-windows-rgba { 4128 background-color: rgba(0, 120, 215, 0.40); 4129} 4130.platform-wp-rgba { 4131 background-color: rgba(104, 33, 122, 0.40); 4132} 4133.platform-xbmc-rgba { 4134 background-color: rgba(59, 72, 114, 0.40); 4135} 4136.platform-xbox-rgba { 4137 background-color: rgba(16, 124, 16, 0.40); 4138} 4139.library-movie { 4140 background-image: url(../images/libraries/movie.svg); 4141} 4142.library-show { 4143 background-image: url(../images/libraries/show.svg); 4144} 4145.library-artist { 4146 background-image: url(../images/libraries/artist.svg); 4147} 4148.library-photo { 4149 background-image: url(../images/libraries/photo.svg); 4150} 4151.library-video { 4152 background-image: url(../images/libraries/video.svg); 4153} 4154.library-live { 4155 background-image: url(../images/libraries/live.svg); 4156} 4157.stats-most_concurrent { 4158 background-image: url(../images/icons/most-concurrent-streams.svg); 4159} 4160.rating-image { 4161 height: 20px; 4162 margin-left: 10px; 4163 margin-right: 5px; 4164 display: inline-block; 4165 background-origin: content-box !important; 4166 background-repeat: no-repeat !important; 4167 background-position: left !important; 4168} 4169.rating-imdb { 4170 width: 36px; 4171 background-image: url(../images/rating/imdb.svg); 4172 background-size: auto 20px; 4173} 4174.rating-themoviedb { 4175 width: 38px; 4176 background-image: url(../images/rating/themoviedb.svg); 4177 background-size: auto 16px; 4178} 4179.rating-thetvdb { 4180 width: 36px; 4181 background-image: url(../images/rating/thetvdb.svg); 4182 background-size: auto 36px; 4183} 4184.rating-rottentomatos-ripe { 4185 width: 17px; 4186 background-image: url(../images/rating/tomato-ripe.svg); 4187 background-size: auto 20px; 4188} 4189.rating-rottentomatos-rotten { 4190 width: 17px; 4191 background-image: url(../images/rating/tomato-rotten.svg); 4192 background-size: auto 20px; 4193} 4194.rating-rottentomatos-upright { 4195 width: 16px; 4196 background-image: url(../images/rating/popcorn-upright.svg); 4197 background-size: auto 20px; 4198} 4199.rating-rottentomatos-spilled { 4200 width: 19px; 4201 background-image: url(../images/rating/popcorn-spilled.svg); 4202 background-size: auto 20px; 4203} 4204.transparent { 4205 background-color: transparent !important; 4206} 4207.no-image { 4208 background-image: none !important; 4209} 4210#info-modal .stream-info-current { 4211 color: #aaa; 4212 text-align: center; 4213 padding-bottom: 10px; 4214} 4215#info-modal .stream-info-item { 4216 display: flex; 4217 flex-direction: row; 4218 flex-wrap: nowrap; 4219 align-items: baseline; 4220 width: 100%; 4221 margin-bottom: 5px; 4222} 4223#info-modal .stream-info-item .sub-heading { 4224 height: 100%; 4225 width: 75px; 4226 color: #aaa; 4227 font-size: 10px; 4228 text-align: right; 4229 text-transform: uppercase; 4230 line-height: 14px; 4231 -webkit-flex-shrink: 0; 4232 flex-shrink: 0; 4233} 4234#info-modal .stream-info-item .sub-value { 4235 color: #eee; 4236 font-weight: bold; 4237 margin-left: 10px; 4238 text-align: left; 4239 line-height: 14px; 4240 -webkit-flex-grow: 1; 4241 flex-grow: 1; 4242} 4243.stream-info { 4244 width: 100%; 4245 margin-top: 10px; 4246 background-color: #282828; 4247 table-layout: fixed; 4248} 4249.stream-info .heading { 4250 color: #E5A00D; 4251 text-transform: uppercase; 4252 font-size: 15px; 4253 font-weight: bold !important; 4254} 4255.stream-info th:first-child { 4256 width: 125px; 4257 height: 30px; 4258 color: #eee; 4259 font-size: 12px; 4260 text-align: right; 4261 text-transform: uppercase; 4262} 4263.stream-info th:not(:first-child) { 4264 text-align: center; 4265 font-weight: normal; 4266} 4267.stream-info td { 4268 height: 25px; 4269} 4270.stream-info td:first-child { 4271 color: #aaa; 4272 font-size: 10px; 4273 text-align: right; 4274 text-transform: uppercase; 4275} 4276.stream-info td:not(:first-child) { 4277 text-align: center; 4278} 4279.stream-info tr:nth-child(odd) td { 4280 background-color: rgba(255,255,255,0.035); 4281} 4282.stream-info tr:nth-child(even) td { 4283 background-color: rgba(255,255,255,0.010); 4284} 4285.number-input { 4286 margin: 0 !important; 4287 width: 55px !important; 4288 height: 34px !important; 4289 -moz-appearance: textfield; 4290} 4291.number-input::-webkit-inner-spin-button, 4292.number-input::-webkit-outer-spin-button { 4293 -webkit-appearance: none; 4294 margin: 0; 4295} 4296.newsletter-time_frame .input-group-addon { 4297 height: 32px; 4298 width: 52px; 4299 margin-top: 5px; 4300 line-height: 1.42857143; 4301} 4302.newsletter-time_frame input.form-control { 4303 width: calc(50% - 37px); 4304} 4305.newsletter-time_frame select.form-control { 4306 width: calc(50% - 15px); 4307 height: 32px; 4308} 4309.newsletter-loader-container { 4310 font-family: 'Open Sans', Arial, sans-serif; 4311 position: absolute; 4312 top: 0; 4313 right: 0; 4314 bottom: 0; 4315 left: 0; 4316} 4317.newsletter-loader-message { 4318 color: #282A2D; 4319 text-align: center; 4320 position: absolute; 4321 left: 50%; 4322 top: 25%; 4323 transform: translate(-50%, -50%); 4324} 4325.newsletter-loader { 4326 border: 5px solid #ccc; 4327 -webkit-animation: spin 1s linear infinite; 4328 animation: spin 1s linear infinite; 4329 border-top: 5px solid #282A2D; 4330 border-radius: 50%; 4331 width: 50px; 4332 height: 50px; 4333 position: relative; 4334 left: calc(50% - 25px); 4335} 4336@keyframes spin { 4337 0% { transform: rotate(0deg); } 4338 100% { transform: rotate(360deg); } 4339} 4340a[data-tab-destination] { 4341 cursor: pointer; 4342} 4343.modal-config-section { 4344 margin-top: 10px !important; 4345 padding-top: 10px; 4346 border-top: 1px solid #444; 4347} 4348.newsletter-logo { 4349 margin: 0 auto 50px auto; 4350 text-align: center; 4351} 4352.pointer { 4353 cursor: pointer; 4354} 4355 4356.iframe-container { 4357 width: 100%; 4358 height: calc(100vh - 200px); 4359 position: relative; 4360} 4361.iframe-overlay { 4362 width: 100%; 4363 height: 100%; 4364 position: absolute; 4365 top: 0; 4366 bottom: 0; 4367 left: 0; 4368 right: 0; 4369 background: url(../images/discord-overlay.png) no-repeat; 4370 background-size: cover; 4371 border: 1px solid #36393e; 4372} 4373.iframe-button-container { 4374 margin: 0; 4375 position: absolute; 4376 top: 50%; 4377 left: 50%; 4378 transform: translate(-50%, -50%); 4379} 4380.iframe-button { 4381 color: #eee; 4382 border-radius: 20px; 4383 text-align: center; 4384 cursor: pointer; 4385 font-size: 15px; 4386 height: 28px; 4387 line-height: 28px; 4388 min-width: 200px; 4389 transition: box-shadow 0.3s ease; 4390 padding: 0 15px; 4391 background: rgba(114, 137, 218, 0.4); 4392 text-transform: uppercase; 4393 text-decoration: none; 4394 display: block; 4395} 4396.iframe-button:hover, 4397.iframe-button:focus { 4398 color: #eee; 4399 box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px 99999px inset, rgba(0, 0, 0, 0.2) 0px 1px 5px 0px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 3px 1px -2px; 4400} 4401.iframe-button:active { 4402 box-shadow: rgba(255, 255, 255, 0.1) 0px 0px 0px 99999px inset, rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px; 4403} 4404.iframe { 4405 width: 100%; 4406 height: 100%; 4407 position: inherit; 4408 display: block; 4409 border: 0; 4410} 4411.fa-blank { 4412 visibility: hidden; 4413} 4414 4415#browser-warning { 4416 height: 25px; 4417 width: 100%; 4418 background: #cc7b19; 4419 text-align: center; 4420 font-weight: bold; 4421 padding: 2px 10px; 4422 position: absolute; 4423 top: 0; 4424 z-index: 9999; 4425} 4426 4427.help-block li { 4428 margin-top: 0; 4429 color: #737373; 4430} 4431 4432#browse-path-list > li > span > i.fa { 4433 color: #999; 4434} 4435 4436#tautulli-news .open .news-title, 4437#tautulli-news .open .news-date, 4438#tautulli-news .accordion li.open .link i.fa { 4439 color: #eee; 4440} 4441.news-title, 4442.news-date { 4443 color: #999; 4444 padding-left: 5px; 4445} 4446.news-subtitle { 4447 display: block; 4448 color: #aaa; 4449 font-weight: bold; 4450 margin-bottom: 10px; 4451} 4452.news-body { 4453 display: block; 4454 color: #aaa; 4455} 4456.news-body p:last-of-type { 4457 margin-bottom: 0; 4458} 4459.news-body a { 4460 display: inline !important; 4461 background: none !important; 4462 padding: 0 !important; 4463 color: #eee; 4464} 4465.news-body a:hover { 4466 color: #f9be03; 4467} 4468 4469a.donate-with-crypto, 4470a.donate-with-crypto > span { 4471 background: none; 4472 border: none; 4473 border-radius: 0; 4474 box-sizing: border-box; 4475 clear: none; 4476 clip: auto; 4477 cursor: default; 4478 display: block; 4479 float: none; 4480 height: auto; 4481 margin: 0; 4482 max-height: none; 4483 min-height: none; 4484 padding: 0; 4485 opacity: 1; 4486 text-shadow: none; 4487 vertical-align: baseline; 4488 visibility: visible; 4489 width: auto; 4490} 4491a.donate-with-crypto { 4492 user-select: none; 4493 user-drag: none; 4494 -webkit-user-drag: none; 4495 text-decoration: none; 4496 background: #1652f0 linear-gradient(#1652f0, #0655ab); 4497 cursor: pointer; 4498 transition: background 0.2s ease-in-out, padding 0.2s; 4499 border-radius: 6px; 4500 display: inline-block; 4501 height: 40px; 4502 padding: 9px 15px 11px 15px; 4503 position: relative; 4504 min-width: 160px; 4505} 4506a.donate-with-crypto:hover { 4507 background: #1652f0; 4508} 4509a.donate-with-crypto > span { 4510 color: white; 4511 font: normal 500 14px/20px -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', 'San Francisco', 'Roboto', 'Segoe UI', 'Helvetica Neue', 'Lucida Grande', sans-serif; 4512 letter-spacing: 0; 4513 overflow: hidden; 4514 text-align: center; 4515 text-overflow: ellipsis; 4516 text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15); 4517 white-space: nowrap; 4518} 4519a.donate-with-crypto::after { 4520 border-radius: 6px; 4521 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); 4522 content: ''; 4523 display: block; 4524 width: 100%; 4525 height: 100%; 4526 position: absolute; 4527 opacity: 1; 4528 top: 0; 4529 left: 0; 4530} 4531 4532#api_qr_code { 4533 width: 100%; 4534 padding: 0; 4535 margin: 0 0 10px; 4536 line-height: 1; 4537 text-align: center; 4538 background-color: #eee; 4539 border: 1px solid #ccc; 4540 border-radius: 4px; 4541} 4542 4543.docker-mount { 4544 margin: 20px auto 0 auto; 4545 position: relative; 4546}