.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;
}
CSS netatmo stylus
https://my.netatmo.com/app/security
<iframe width="100%" height="2972" src="https://snippet.echosystem.fr?embed=5ea0068999df0" type="text/html"></iframe>
Texte seul - Permalink - Snippet public posté le 27/07/2020