#netatmo stylus css #https://my.netatmo.com/app/security .h-fullh { height: 100%; background-color: #222222; color: #308009; } body { background-color: #222222; font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif; font-weight: normal; font-style: normal; line-height: 1.5; cursor: auto; } élément { color: #4fd70b; background-color: #222222; } #persons { width: 66.66666%; display: inline-block; vertical-align: middle; height: 33.2%; position: absolute; top: 66.8%; left: 0; padding-top: 20px; color: #4fd70b; background-color: #222222; } .camera-app #home-view .home-wrapper { font-size: 16px; position: relative; width: 100%; color: #4fd70b; background-color: #222222; } .home-selector { z-index: 10; height: 60px; box-shadow: 0 0 13px 3px rgba(0, 0, 0, 0.1); color: #5f0; background-color: #222222; } .flex-center { display: flex; justify-content: center; align-items: center; color: #4fd70b; background-color: #222222; } .camera-app #home-view .home-wrapper { font-size: 16px; position: relative; width: 100%; color: #4fd70b; background-color: #222222; } #timeline #timelineList .event .event-selectable.active .event-time span { color: #44b951; } #timeline #timelineList .event .event-selectable .event-message span.liveevent { color: #d0021b; text-transform: uppercase; font-family: ProximaNova-Medium; font-size: 22px; } #timeline #timelineList .event .day-event .day-name { color: #b1aa42; } #timeline { height: 100%; position: relative; width: 50; padding-left: 15px; overflow: hidden; color: #4fd70b; background-color: #222222; } .page-container { margin-top: 60px; height: calc(100% - 60px); overflow: auto; position: relative; color: #4fd70b; background-color: #222222; } #persons .person-list { height: 75%; background-color: #090808; border-radius: 0 0 5px 5px; } #timeline #timelineList { width: 100%; padding: 40px 0 0 0; position: relative; background-color: #090808; } #timeline #timelineList .event .event-selectable.active { background-color: #2d2b2b; } #timeline #timelineList .event .day-event.fixed { background-color: #090808; position: absolute; top: 0; left: 0; border-top: none; } #persons .person-mode-selector { background-color: #000; border-radius: 5px 5px 0 0; border-bottom: 1px solid #e7e7e7; height: 25%; } .common-header .header-app { background: #151515; border-bottom: 1px solid #87a662; } .common-header .right-content { filter: invert(1); } #timeline #timelineList .event .event-selectable .event-image-wrapper .hide-line-first-event-of-day, #timeline #timelineList .event .event-selectable .event-image-wrapper .hide-line-last-event-of-day { position: absolute; width: 100%; height: calc(50% + 15px); background-color: #090808; } /* info camera + option */ .home-info p { font-family: ProximaNova-SemiBold; font-size: 15px; color: #72d03d; line-height: inherit; } .common-subheader .param .icon.settings-admins , .icon.settings ,.icon.camerasettings { filter: invert(1); } #timeline #timelineList .event .event-selectable.active { background-color: #868080; }