2 lines
14 KiB
CSS
2 lines
14 KiB
CSS
.col-1{float:left;box-sizing:border-box;width:4.66667%;margin-left:4%}.col-1:first-child{margin-left:0}.col-no-margin-1{float:left;box-sizing:border-box;width:8.33333%;margin:0}.col-offset-1:first-child{margin-left:8.66667% !important}.col-offset-1:not(first-child){margin-left:12.66667% !important}.col-2{float:left;box-sizing:border-box;width:13.33333%;margin-left:4%}.col-2:first-child{margin-left:0}.col-no-margin-2{float:left;box-sizing:border-box;width:16.66667%;margin:0}.col-offset-2:first-child{margin-left:17.33333% !important}.col-offset-2:not(first-child){margin-left:21.33333% !important}.col-3{float:left;box-sizing:border-box;width:22%;margin-left:4%}.col-3:first-child{margin-left:0}.col-no-margin-3{float:left;box-sizing:border-box;width:25%;margin:0}.col-offset-3:first-child{margin-left:26% !important}.col-offset-3:not(first-child){margin-left:30% !important}.col-4{float:left;box-sizing:border-box;width:30.66667%;margin-left:4%}.col-4:first-child{margin-left:0}.col-no-margin-4{float:left;box-sizing:border-box;width:33.33333%;margin:0}.col-offset-4:first-child{margin-left:34.66667% !important}.col-offset-4:not(first-child){margin-left:38.66667% !important}.col-5{float:left;box-sizing:border-box;width:39.33333%;margin-left:4%}.col-5:first-child{margin-left:0}.col-no-margin-5{float:left;box-sizing:border-box;width:41.66667%;margin:0}.col-offset-5:first-child{margin-left:43.33333% !important}.col-offset-5:not(first-child){margin-left:47.33333% !important}.col-6{float:left;box-sizing:border-box;width:48%;margin-left:4%}.col-6:first-child{margin-left:0}.col-no-margin-6{float:left;box-sizing:border-box;width:50%;margin:0}.col-offset-6:first-child{margin-left:52% !important}.col-offset-6:not(first-child){margin-left:56% !important}.col-7{float:left;box-sizing:border-box;width:56.66667%;margin-left:4%}.col-7:first-child{margin-left:0}.col-no-margin-7{float:left;box-sizing:border-box;width:58.33333%;margin:0}.col-offset-7:first-child{margin-left:60.66667% !important}.col-offset-7:not(first-child){margin-left:64.66667% !important}.col-8{float:left;box-sizing:border-box;width:65.33333%;margin-left:4%}.col-8:first-child{margin-left:0}.col-no-margin-8{float:left;box-sizing:border-box;width:66.66667%;margin:0}.col-offset-8:first-child{margin-left:69.33333% !important}.col-offset-8:not(first-child){margin-left:73.33333% !important}.col-9{float:left;box-sizing:border-box;width:74%;margin-left:4%}.col-9:first-child{margin-left:0}.col-no-margin-9{float:left;box-sizing:border-box;width:75%;margin:0}.col-offset-9:first-child{margin-left:78% !important}.col-offset-9:not(first-child){margin-left:82% !important}.col-10{float:left;box-sizing:border-box;width:82.66667%;margin-left:4%}.col-10:first-child{margin-left:0}.col-no-margin-10{float:left;box-sizing:border-box;width:83.33333%;margin:0}.col-offset-10:first-child{margin-left:86.66667% !important}.col-offset-10:not(first-child){margin-left:90.66667% !important}.col-11{float:left;box-sizing:border-box;width:91.33333%;margin-left:4%}.col-11:first-child{margin-left:0}.col-no-margin-11{float:left;box-sizing:border-box;width:91.66667%;margin:0}.col-offset-11:first-child{margin-left:95.33333% !important}.col-offset-11:not(first-child){margin-left:99.33333% !important}.col-12{float:left;box-sizing:border-box;width:100%;margin-left:0}.col-12:first-child{margin-left:0}.col-no-margin-12{float:left;box-sizing:border-box;width:100%;margin:0}@media (max-width: 720px){.col-s-1{float:left;box-sizing:border-box;width:4.66667%;margin-left:4%}.col-s-1:first-child{margin-left:0}.col-offset-s-1{margin-left:8.66667%}.col-no-margin-s-1{float:left;box-sizing:border-box;width:8.33333%}.col-s-2{float:left;box-sizing:border-box;width:13.33333%;margin-left:4%}.col-s-2:first-child{margin-left:0}.col-offset-s-2{margin-left:17.33333%}.col-no-margin-s-2{float:left;box-sizing:border-box;width:16.66667%}.col-s-3{float:left;box-sizing:border-box;width:22%;margin-left:4%}.col-s-3:first-child{margin-left:0}.col-offset-s-3{margin-left:26%}.col-no-margin-s-3{float:left;box-sizing:border-box;width:25%}.col-s-4{float:left;box-sizing:border-box;width:30.66667%;margin-left:4%}.col-s-4:first-child{margin-left:0}.col-offset-s-4{margin-left:34.66667%}.col-no-margin-s-4{float:left;box-sizing:border-box;width:33.33333%}.col-s-5{float:left;box-sizing:border-box;width:39.33333%;margin-left:4%}.col-s-5:first-child{margin-left:0}.col-offset-s-5{margin-left:43.33333%}.col-no-margin-s-5{float:left;box-sizing:border-box;width:41.66667%}.col-s-6{float:left;box-sizing:border-box;width:48%;margin-left:4%}.col-s-6:first-child{margin-left:0}.col-offset-s-6{margin-left:52%}.col-no-margin-s-6{float:left;box-sizing:border-box;width:50%}.col-s-7{float:left;box-sizing:border-box;width:56.66667%;margin-left:4%}.col-s-7:first-child{margin-left:0}.col-offset-s-7{margin-left:60.66667%}.col-no-margin-s-7{float:left;box-sizing:border-box;width:58.33333%}.col-s-8{float:left;box-sizing:border-box;width:65.33333%;margin-left:4%}.col-s-8:first-child{margin-left:0}.col-offset-s-8{margin-left:69.33333%}.col-no-margin-s-8{float:left;box-sizing:border-box;width:66.66667%}.col-s-9{float:left;box-sizing:border-box;width:74%;margin-left:4%}.col-s-9:first-child{margin-left:0}.col-offset-s-9{margin-left:78%}.col-no-margin-s-9{float:left;box-sizing:border-box;width:75%}.col-s-10{float:left;box-sizing:border-box;width:82.66667%;margin-left:4%}.col-s-10:first-child{margin-left:0}.col-offset-s-10{margin-left:86.66667%}.col-no-margin-s-10{float:left;box-sizing:border-box;width:83.33333%}.col-s-11{float:left;box-sizing:border-box;width:91.33333%;margin-left:4%}.col-s-11:first-child{margin-left:0}.col-offset-s-11{margin-left:95.33333%}.col-no-margin-s-11{float:left;box-sizing:border-box;width:91.66667%}.col-s-12{float:left;box-sizing:border-box;width:100%;margin-left:0}.col-s-12:first-child{margin-left:0}.col-no-margin-s-12{float:left;box-sizing:border-box;width:100%}.s-hidden{display:none !important}.s-visible{display:block !important}}@media (max-width: 1024px) and (min-width: 720px){.col-m-1{float:left;box-sizing:border-box;width:4.66667%;margin-left:4%}.col-m-1:first-child{margin-left:0}.col-offset-m-1{margin-left:8.66667%}.col-no-margin-m-1{float:left;box-sizing:border-box;width:8.33333%}.col-m-2{float:left;box-sizing:border-box;width:13.33333%;margin-left:4%}.col-m-2:first-child{margin-left:0}.col-offset-m-2{margin-left:17.33333%}.col-no-margin-m-2{float:left;box-sizing:border-box;width:16.66667%}.col-m-3{float:left;box-sizing:border-box;width:22%;margin-left:4%}.col-m-3:first-child{margin-left:0}.col-offset-m-3{margin-left:26%}.col-no-margin-m-3{float:left;box-sizing:border-box;width:25%}.col-m-4{float:left;box-sizing:border-box;width:30.66667%;margin-left:4%}.col-m-4:first-child{margin-left:0}.col-offset-m-4{margin-left:34.66667%}.col-no-margin-m-4{float:left;box-sizing:border-box;width:33.33333%}.col-m-5{float:left;box-sizing:border-box;width:39.33333%;margin-left:4%}.col-m-5:first-child{margin-left:0}.col-offset-m-5{margin-left:43.33333%}.col-no-margin-m-5{float:left;box-sizing:border-box;width:41.66667%}.col-m-6{float:left;box-sizing:border-box;width:48%;margin-left:4%}.col-m-6:first-child{margin-left:0}.col-offset-m-6{margin-left:52%}.col-no-margin-m-6{float:left;box-sizing:border-box;width:50%}.col-m-7{float:left;box-sizing:border-box;width:56.66667%;margin-left:4%}.col-m-7:first-child{margin-left:0}.col-offset-m-7{margin-left:60.66667%}.col-no-margin-m-7{float:left;box-sizing:border-box;width:58.33333%}.col-m-8{float:left;box-sizing:border-box;width:65.33333%;margin-left:4%}.col-m-8:first-child{margin-left:0}.col-offset-m-8{margin-left:69.33333%}.col-no-margin-m-8{float:left;box-sizing:border-box;width:66.66667%}.col-m-9{float:left;box-sizing:border-box;width:74%;margin-left:4%}.col-m-9:first-child{margin-left:0}.col-offset-m-9{margin-left:78%}.col-no-margin-m-9{float:left;box-sizing:border-box;width:75%}.col-m-10{float:left;box-sizing:border-box;width:82.66667%;margin-left:4%}.col-m-10:first-child{margin-left:0}.col-offset-m-10{margin-left:86.66667%}.col-no-margin-m-10{float:left;box-sizing:border-box;width:83.33333%}.col-m-11{float:left;box-sizing:border-box;width:91.33333%;margin-left:4%}.col-m-11:first-child{margin-left:0}.col-offset-m-11{margin-left:95.33333%}.col-no-margin-m-11{float:left;box-sizing:border-box;width:91.66667%}.col-m-12{float:left;box-sizing:border-box;width:100%;margin-left:0}.col-m-12:first-child{margin-left:0}.col-no-margin-m-12{float:left;box-sizing:border-box;width:100%}.m-hidden{display:none !important}.m-visible{display:block !important}}@media (min-width: 1024px){.col-l-1{float:left;box-sizing:border-box;width:4.66667%;margin-left:4%}.col-l-1:first-child{margin-left:0}.col-offset-l-1{margin-left:8.66667%}.col-no-margin-l-1{float:left;box-sizing:border-box;width:8.33333%}.col-l-2{float:left;box-sizing:border-box;width:13.33333%;margin-left:4%}.col-l-2:first-child{margin-left:0}.col-offset-l-2{margin-left:17.33333%}.col-no-margin-l-2{float:left;box-sizing:border-box;width:16.66667%}.col-l-3{float:left;box-sizing:border-box;width:22%;margin-left:4%}.col-l-3:first-child{margin-left:0}.col-offset-l-3{margin-left:26%}.col-no-margin-l-3{float:left;box-sizing:border-box;width:25%}.col-l-4{float:left;box-sizing:border-box;width:30.66667%;margin-left:4%}.col-l-4:first-child{margin-left:0}.col-offset-l-4{margin-left:34.66667%}.col-no-margin-l-4{float:left;box-sizing:border-box;width:33.33333%}.col-l-5{float:left;box-sizing:border-box;width:39.33333%;margin-left:4%}.col-l-5:first-child{margin-left:0}.col-offset-l-5{margin-left:43.33333%}.col-no-margin-l-5{float:left;box-sizing:border-box;width:41.66667%}.col-l-6{float:left;box-sizing:border-box;width:48%;margin-left:4%}.col-l-6:first-child{margin-left:0}.col-offset-l-6{margin-left:52%}.col-no-margin-l-6{float:left;box-sizing:border-box;width:50%}.col-l-7{float:left;box-sizing:border-box;width:56.66667%;margin-left:4%}.col-l-7:first-child{margin-left:0}.col-offset-l-7{margin-left:60.66667%}.col-no-margin-l-7{float:left;box-sizing:border-box;width:58.33333%}.col-l-8{float:left;box-sizing:border-box;width:65.33333%;margin-left:4%}.col-l-8:first-child{margin-left:0}.col-offset-l-8{margin-left:69.33333%}.col-no-margin-l-8{float:left;box-sizing:border-box;width:66.66667%}.col-l-9{float:left;box-sizing:border-box;width:74%;margin-left:4%}.col-l-9:first-child{margin-left:0}.col-offset-l-9{margin-left:78%}.col-no-margin-l-9{float:left;box-sizing:border-box;width:75%}.col-l-10{float:left;box-sizing:border-box;width:82.66667%;margin-left:4%}.col-l-10:first-child{margin-left:0}.col-offset-l-10{margin-left:86.66667%}.col-no-margin-l-10{float:left;box-sizing:border-box;width:83.33333%}.col-l-11{float:left;box-sizing:border-box;width:91.33333%;margin-left:4%}.col-l-11:first-child{margin-left:0}.col-offset-l-11{margin-left:95.33333%}.col-no-margin-l-11{float:left;box-sizing:border-box;width:91.66667%}.col-l-12{float:left;box-sizing:border-box;width:100%;margin-left:0}.col-l-12:first-child{margin-left:0}.col-no-margin-l-12{float:left;box-sizing:border-box;width:100%}.l-hidden{display:none !important}.l-visible{display:block !important}}@media (min-width: 720px) and (orientation:portrait){body{font-size:25px}}.vertical-center{display:flex;align-items:center}.horizontal-center{display:flex;justify-content:center;margin-left:auto;margin-right:auto}.music-snapcast-container .host{width:95%;margin:2rem auto;border:1px solid #ddd;border-radius:1rem;box-shadow:2px 2px 2px #ccc}.music-snapcast-container .host .head{padding:1rem .5rem;background:#edf0ee;border-bottom:1px solid #ddd;border-radius:1rem 1rem 0 0;display:flex;align-items:center}.music-snapcast-container .host .head .name{padding-left:.5rem;text-transform:uppercase}.music-snapcast-container .host .head .name:hover{color:#35b870;cursor:pointer}.music-snapcast-container .host .head button{padding:0;border:0}.music-snapcast-container .host .head button:hover{color:#35b870}.music-snapcast-container .host .group .head{background:#f8f8f8;border-radius:0}.music-snapcast-container .host .group .head,.music-snapcast-container .host .group .client{padding:0 1rem}.music-snapcast-container .host .group .client{display:flex;align-items:center}.music-snapcast-container .host .group .client.offline{color:#888}.music-snapcast-container .host .group .client:hover{background:#def6ea}.music-snapcast-container .host .group .client .name:hover{color:#35b870;cursor:pointer}.music-snapcast-container .host .icon{margin-right:1rem}.music-snapcast-container .modal .info{padding:2rem}.music-snapcast-container .modal .info .section{border:1px solid #ddd;border-radius:1rem}.music-snapcast-container .modal .info .section:not(last-child){margin-bottom:2rem}.music-snapcast-container .modal .info .section .title{border-bottom:1px solid #ddd;padding:1rem;text-transform:uppercase}.music-snapcast-container .modal .info .section.clients .row{padding:.5rem}.music-snapcast-container .modal .info .section.clients .row label{margin:0 0 0 .5rem}.music-snapcast-container .modal .info .row{padding:.33rem .5rem;border-radius:.75rem;display:flex;align-items:center}.music-snapcast-container .modal .info .row:nth-child(odd){background:rgba(255,255,255,0)}.music-snapcast-container .modal .info .row:nth-child(even){background:#f1f3f2}.music-snapcast-container .modal .info .row:hover{background:#def6ea}.music-snapcast-container .modal .info .row .label{font-weight:bold}.music-snapcast-container .modal .info .row .value{text-align:right}#music-snapcast-client-info .info .buttons{background:initial;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #ddd;display:flex;justify-content:center}#music-snapcast-client-info .info .buttons button{color:#900;border-color:#900}@media (max-width: 720px){.music-snapcast-container .modal{width:80vw}}@media (max-width: 1024px) and (min-width: 720px){.music-snapcast-container .modal{width:70vw}}@media (min-width: 1024px){.music-snapcast-container .modal{width:45vw}}
|