homebridge-camera-ui
Version:
User Interface for RTSP capable cameras.
1 lines • 2.24 kB
CSS
.card[data-v-1e6d306c]{font-family:Open Sans,sans-serif;position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;border:1px solid rgba(0,0,0,.05);border-radius:.5rem;background-color:var(--secondary-bg-color);background-clip:border-box;border:0;box-shadow:0 0 2rem 0 rgb(136 152 170/18%);margin-bottom:50px;border-bottom:2px solid var(--third-bg-color)}.card-img-top[data-v-1e6d306c],.card-img[data-v-1e6d306c]{border-top-left-radius:calc(.5rem - 1px);border-top-right-radius:calc(.5rem - 1px);border-bottom:3px solid var(--primary-color)}.card-title[data-v-1e6d306c]{margin:0;font-size:1.3rem}.text-muted[data-v-1e6d306c]{color:var(--secondary-font-color)}.card-text[data-v-1e6d306c]{font-size:.9rem;font-weight:300;line-height:1.7;color:var(--fourth-bg-color);word-break:break-all}.card-btn[data-v-1e6d306c]{font-size:.8rem;position:relative;transition:all .15s ease;letter-spacing:.025em;text-transform:none;will-change:transform;background-color:var(--primary-color);box-shadow:0 4px 6px rgb(50 50 93/11%),0 1px 3px rgb(0 0 0/8%);font-weight:400;line-height:1.5;display:inline-block;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;user-select:none;text-align:center;vertical-align:middle;color:#fff;border:1px solid transparent;width:35px;height:35px;border-radius:20px}.card-btn-dark[data-v-1e6d306c]{background-color:#5a5a5a}@media (hover:hover){.card-btn[data-v-1e6d306c]:hover{background-color:var(--secondary-color)}.card-btn-dark[data-v-1e6d306c]:hover{background-color:#222}}.inner-container[data-v-a4d2a908]{margin-top:140px}.recording-fade-enter-active[data-v-a4d2a908]{transition:all .4s ease}.recording-fade-leave-active[data-v-a4d2a908]{transition:all .4s cubic-bezier(1,.5,.8,1)}.recording-fade-enter[data-v-a4d2a908],.recording-fade-leave-to[data-v-a4d2a908]{transform:translateY(-30px);opacity:0}@media (max-width:767px){.recording-cards[data-v-a4d2a908]{max-width:80%;margin:0 auto}}@media (max-width:500px){.recording-cards[data-v-a4d2a908]{max-width:90%;margin:0 auto}}@media (max-width:400px){.recording-cards[data-v-a4d2a908]{max-width:95%;margin:0 auto}}@media (max-width:320px){.recording-cards[data-v-a4d2a908]{max-width:100%;margin:0 auto}}