Test Adapter mytime

Eduard77

/* http://192.168.178.5:8082/vis-2/widgets/mytime/css/flipclock.css */
.flip-clock-wrapper * {
 box-sizing: border-box;
 backface-visibility: hidden;
}

/* http://192.168.178.5:8082/vis-2/widgets/mytime/css/flipclock.css */
.flip-clock-wrapper ul {
 list-style: none;
 padding: 0px;
}

/* http://192.168.178.5:8082/vis-2/widgets/mytime/css/flipclock.css */
.flip-clock-wrapper ul {
 position: relative;
 float: left;
 margin: 0.0625em;
 width: 0.75em;
 height: 1.125em;
 font-size: inherit;
 font-weight: bold;
 line-height: 1.0875em;
 border-radius: 0.075em;
 background: rgb(0, 0, 0);
}

/* http://192.168.178.5:8082/vis-2/widgets/mytime/css/flipclock.css */
.flip-clock-wrapper .flip {
 box-shadow: rgba(0, 0, 0, 0.7) 0px 0.025em 0.0625em;
}

/* http://192.168.178.5:8082/vis-2/widgets/timeandweather/css/flipclock.css */
.flip-clock-wrapper * {
 box-sizing: border-box;
 backface-visibility: hidden;
}

/* http://192.168.178.5:8082/vis-2/widgets/timeandweather/css/flipclock.css */
.flip-clock-wrapper ul {
 list-style: none;
}

/* http://192.168.178.5:8082/vis-2/widgets/timeandweather/css/flipclock.css */
.flip-clock-wrapper ul {
 position: relative;
 float: left;
 margin: 5px;
 width: 60px;
 height: 90px;
 font-size: 80px;
 font-weight: bold;
 line-height: 87px;
 border-radius: 6px;
 background: rgb(0, 0, 0);
}

/* http://192.168.178.5:8082/vis-2/widgets/timeandweather/css/flipclock.css */
.flip-clock-wrapper .flip {
 box-shadow: rgba(0, 0, 0, 0.7) 0px 2px 5px;
}

Eduard77

@OliverIO
Skripte nutze ich auch nicht.

OliverIO

@Eduard77

dann das große bitte
skripte: das was ich gepostet habe. das 2. dann bitte ausführen

Eduard77

@oliverio

SELEKTOR:
#w000601

KLASSEN (20):
.clock-day
.clock-flip
.clock-flip-separator
.clock-flip-unit
.clock-hours
.clock-minutes
.clock-month
.clock-seconds
.clock-year
.down
.flip
.flip-clock-active
.flip-clock-before
.flip-clock-wrapper
.inn
.play
.shadow
.up
.vis-tpl-mytime-MyTime-clock-FlipClock
.vis-widget

CSS-REGELN (76):

/* AKTUELL WIRKSAM | http://192.168.178.5:8082/vis-2/widgets/mytime/css/flipclock.css */
.flip-clock-wrapper {
 font-family: "Helvetica Neue", Helvetica, sans-serif;
 font-size: inherit;
 font-style: normal;
 font-weight: normal;
 user-select: none;
}

/* AKTUELL WIRKSAM | http://192.168.178.5:8082/vis-2/widgets/mytime/css/flipclock.css */
.flip-clock-wrapper {
 margin-bottom: 0.1375em;
 margin-left: 0.1375em;
 margin-right: 0.1375em;
 margin-top: 0.1375em;
 position: relative;
 text-align: center;
 width: 100%;
}

/* AKTUELL WIRKSAM | http://192.168.178.5:8082/vis-2/widgets/timeandweather/css/flipclock.css */
.flip-clock-wrapper {
 font-family: "Helvetica Neue", H…

OliverIO

@Eduard77
bitte alles kopieren. am ende der ausgabe steht sowas wie copy

Eduard77

@OliverIO

#w000601

KLASSEN (20):
.clock-day
.clock-flip
.clock-flip-separator
.clock-flip-unit
.clock-hours
.clock-minutes
.clock-month
.clock-seconds
.clock-year
.down
.flip
.flip-clock-active
.flip-clock-before
.flip-clock-wrapper
.inn
.play
.shadow
.up
.vis-tpl-mytime-MyTime-clock-FlipClock
.vis-widget

CSS-REGELN (76):

/* AKTUELL WIRKSAM | http://192.168.178.5:8082/vis-2/widgets/mytime/css/flipclock.css */
.flip-clock-wrapper {
 font-family: "Helvetica Neue", Helvetica, sans-serif;
 font-size: inherit;
 font-style: normal;
 font-weight: normal;
 user-select: none;
}

/* AKTUELL WIRKSAM | http://192.168.178.5:8082/vis-2/widgets/mytime/css/flipclock.css */
.flip-clock-wrapper {
 margin-bottom: 0.1375em;
 margin-left: 0.1375em;
 margin-right: 0.1375em;
 margin-top: 0.1375em;
 position: relative;
 text-align: center;
 width: 100%;
}

/* AKTUELL WIRKSAM | http://192.168.178.5:8082/vis-2/widgets/timeandweather/css/flipclock.css */
.flip-clock-wrapper {
 font-family: "Helvetica Neue", Helvetica, sans-serif;
 font-feature-settings: normal;
 font-kerning: auto;
 font-language-override: normal;
 font-optical-sizing: auto;
 font-size: 11px;
 font-size-adjust: none;
 font-stretch: normal;
 font-style: normal;
 font-variant-alternates: normal;
 font-variant-caps: normal;
 font-variant-east-asian: normal;
 font-variant-emoji: normal;
 font-variant-ligatures: normal;
 font-variant-numeric: normal;
 font-variant-position: normal;
 font-variation-settings: normal;
 font-weight: normal;
 line-height: normal;
 user-select: none;
}

/* AKTUELL WIRKSAM | http://192.168.178.5:8082/vis-2/widgets/timeandweather/css/flipclock.css */
.flip-clock-wrapper {
 margin-bottom: 1em;
 margin-left: 1em;
 margin-right: 1em;
 margin-top: 1em;
 position: relative;
 text-align: center;
 width: 100%;
}

/* AKTUELL WIRKSAM | http://192.168.178.5:8082/vis-2/widgets/mytime/css/flipclock.css */
.flip-clock-wrapper .flip {
 box-shadow: rgba(0, 0, 0, 0.7) 0px 0.025em 0.0625em;
}

/* AKTUELL WIRKSAM | http://192.168.178.5:8082/vis-2/widgets/timeandweather/css/flipclock.css */
.flip-clock-wrapper .flip {
 box-shadow: rgba(0, 0, 0, 0.7) 0px 2px 5px;
}

/* AKTUELL WIRKSAM | http://192.168.178.5:8082/vis-2/widgets/mytime/css/flipclock.css */
.flip-clock-wrapper * {
 backface-visibility: hidden;
 box-sizing: border-box;
}

/* AKTUELL WIRKSAM | http://192.168.178.5:8082/vis-2/widgets/timeandweather/css/flipclock.css */
.flip-clock-wrapper * {
 backface-visibility: hidden;
 box-sizing: border-box;
}

/* AKTUELL WIRKSAM | http://192.168.178.5:8082/vis-2/widgets/mytime/css/flipclock.css */
.flip-clock-wrapper a {
 color: rgb(204, 204, 204);
 cursor: pointer;
 text-decoration-color: currentcolor;
 text-decoration-line: none;
 text-decoration-style: solid;
 text-decoration-thickness: auto;
}

/* AKTUELL WIRKSAM | http://192.168.178.5:8082/vis-2/widgets/timeandweather/css/flipclock.css */
.flip-clock-wrapper a {
 color: rgb(204, 204, 204);
 cursor: pointer;
 text-decoration-color: currentcolor;
 text-decoration-line: none;
 text-decoration-style: solid;
 text-decoration-thickness: auto;
}

/* KLASSENBEZOGEN | http://192.168.178.5:8082/vis-2/widgets/mytime/css/flipclock.css */
.flip-clock-wrapper a:hover {
 color: rgb(255, 255, 255);
}

/* KLASSENBEZOGEN | http://192.168.178.5:8082/vis-2/widgets/timeandweather/css/flipclock.css */
.flip-clock-wrapper a:hover {
 color: rgb(255, 255, 255);
}

/* AKTUELL WIRKSAM | http://192.168.178.5:8082/vis-2/widgets/mytime/css/flipclock.css */
.flip-clock-wrapper ul {
 background-attachment: scroll;
 background-clip: border-box;
 background-color: rgb(0, 0, 0);
 background-image: none;
 background-origin: padding-box;
 background-position-x: 0%;
 background-position-y: 0%;
 background-repeat: repeat;
 background-size: auto;
 border-bottom-left-radius: 0.075em;
 border-bottom-right-radius: 0.075em;
 border-top-left-radius: 0.075em;
 border-top-right-radius: 0.075em;
 float: left;
 font-size: inherit;
 font-weight: bold;
 height: 1.125em;
 line-height: 1.0875em;
 margin-bottom: 0.0625em;
 margin-left: 0.0625em;
 margin-right: 0.0625em;
 margin-top: 0.0625em;
 position: relative;
 width: 0.75em;
}

/* AKTUELL WIRKSAM | http://192.168.178.5:8082/vis-2/widgets/mytime/css/flipclock.css */
.flip-clock-wrapper ul {
 list-style-image: none;
 list-style-position: outside;
 list-style-type: none;
 padding-bottom: 0px;
 padding-left: 0px;
 padding-right: 0px;
 padding-top: 0px;
}

/* AKTUELL WIRKSAM | http://192.168.178.5:8082/vis-2/widgets/timeandweather/css/flipclock.css */
.flip-clock-wrapper ul {
 background-attachment: scroll;
 background-clip: border-box;
 background-color: rgb(0, 0, 0);
 background-image: none;
 background-origin: padding-box;
 background-position-x: 0%;
 background-position-y: 0%;
 background-repeat: repeat;
 background-size: auto;
 border-bottom-left-radius: 6px;
 border-bottom-right-radius: 6px;
 border-top-left-radius: 6px;
 border-top-right-radius: 6px;
 float: left;
 font-size: 80px;
 font-weight: bold;
 height: 90px;
 line-height: 87px;
 margin-bottom: 5px;
 margin-left: 5px;
 margin-right: 5px;
 margin-top: 5px;
 position: relative;
 width: 60px;
}

/* AKTUELL WIRKSAM | http://192.168.178.5:8082/vis-2/widgets/timeandweather/css/flipclock.css */
.flip-clock-wrapper ul {
 list-style-image: none;
 list-style-position: outside;
 list-style-type: none;
}

/* AKTUELL WIRKSAM | http://192.168.178.5:8082/vis-2/widgets/mytime/css/flipclock.css */
.flip-clock-wrapper ul li {
 height: 100%;
 left: 0px;
 line-height: 1.0875em;
 position: absolute;
 text-decoration-color: currentcolor !important;
 text-decoration-line: none !important;
 text-decoration-style: solid !important;
 text-decoration-thickness: auto !important;
 top: 0px;
 width: 100%;
 z-index: 1;
}

/* AKTUELL WIRKSAM | http://192.168.178.5:8082/vis-2/widgets/timeandweather/css/flipclock.css */
.flip-clock-wrapper ul li {
 height: 100%;
 left: 0px;
 line-height: 87px;
 position: absolute;
 text-decoration-color: currentcolor !important;
 text-decoration-line: none !important;
 text-decoration-style: solid !important;
 text-decoration-thickness: auto !important;
 top: 0px;
 width: 100%;
 z-index: 1;
}

/* AKTUELL WIRKSAM | http://192.168.178.5:8082/vis-2/widgets/mytime/css/flipclock.css */
.flip-clock-wrapper ul li a {
 cursor: default !important;
 display: block;
 height: 100%;
 margin-bottom: 0px !important;
 margin-left: 0px !important;
 margin-right: 0px !important;
 margin-top: 0px !important;
 overflow-x: visible !important;
 overflow-y: visible !important;
 perspective: 2.5em;
}

/* AKTUELL WIRKSAM | http://192.168.178.5:8082/vis-2/widgets/timeandweather/css/flipclock.css */
.flip-clock-wrapper ul li a {
 cursor: default !important;
 display: block;
 height: 100%;
 margin-bottom: 0px !important;
 margin-left: 0px !important;
 margin-right: 0px !important;
 margin-top: 0px !important;
 overflow-x: visible !important;
 overflow-y: visible !important;
 perspective: 200px;
}

/* AKTUELL WIRKSAM | http://192.168.178.5:8082/vis-2/widgets/mytime/css/flipclock.css */
.flip-clock-wrapper ul li a div {
 font-size: inherit;
 height: 50%;
 left: 0px;
 outline-color: transparent;
 outline-style: solid;
 outline-width: 1px;
 overflow-x: hidden;
 overflow-y: hidden;
 position: absolute;
 width: 100%;
 z-index: 1;
}

/* AKTUELL WIRKSAM | http://192.168.178.5:8082/vis-2/widgets/timeandweather/css/flipclock.css */
.flip-clock-wrapper ul li a div {
 font-size: 80px;
 height: 50%;
 left: 0px;
 outline-color: transparent;
 outline-style: solid;
 outline-width: 1px;
 overflow-x: hidden;
 overflow-y: hidden;
 position: absolute;
 width: 100%;
 z-index: 1;
}

/* AKTUELL WIRKSAM | http://192.168.178.5:8082/vis-2/widgets/mytime/css/flipclock.css */
.flip-clock-wrapper ul li a div .shadow {
 height: 100%;
 position: absolute;
 width: 100%;
 z-index: 2;
}

/* AKTUELL WIRKSAM | http://192.168.178.5:8082/vis-2/widgets/timeandweather/css/flipclock.css */
.flip-clock-wrapper ul li a div .shadow {
 height: 100%;
 position: absolute;
 width: 100%;
 z-index: 2;
}

/* AKTUELL WIRKSAM | http://192.168.178.5:8082/vis-2/widgets/mytime/css/flipclock.css */
.flip-clock-wrapper ul li a div div.inn {
 background-color: rgb(51, 51, 51);
 border-bottom-left-radius: 0.085714em;
 border-bottom-right-radius: 0.085714em;
 border-top-left-radius: 0.085714em;
 border-top-right-radius: 0.085714em;
 color: rgb(204, 204, 204);
 font-size: 0.875em;
 height: 200%;
 left: 0px;
 position: absolute;
 text-align: center;
 text-shadow: rgb(0, 0, 0) 0px 0.014286em 0.028571em;
 width: 100%;
 z-index: 1;
}

/* AKTUELL WIRKSAM | http://192.168.178.5:8082/vis-2/widgets/timeandweather/css/flipclock.css */
.flip-clock-wrapper ul li a div div.inn {
 background-color: rgb(51, 51, 51);
 border-bottom-left-radius: 6px;
 border-bottom-right-radius: 6px;
 border-top-left-radius: 6px;
 border-top-right-radius: 6px;
 color: rgb(204, 204, 204);
 font-size: 70px;
 height: 200%;
 left: 0px;
 position: absolute;
 text-align: center;
 text-shadow: rgb(0, 0, 0) 0px 1px 2px;
 width: 100%;
 z-index: 1;
}

/* AKTUELL WIRKSAM | http://192.168.178.5:8082/vis-2/widgets/mytime/css/flipclock.css */
.flip-clock-wrapper ul li a div.down {
 border-bottom-left-radius: 0.075em;
 border-bottom-right-radius: 0.075em;
 bottom: 0px;
 transform-origin: 50% 0px 0px;
}

/* AKTUELL WIRKSAM | http://192.168.178.5:8082/vis-2/widgets/timeandweather/css/flipclock.css */
.flip-clock-wrapper ul li a div.down {
 border-bottom-left-radius: 6px;
 border-bottom-right-radius: 6px;
 bottom: 0px;
 transform-origin: 50% 0px 0px;
}

/* AKTUELL WIRKSAM | http://192.168.178.5:8082/vis-2/widgets/mytime/css/flipclock.css */
.flip-clock-wrapper ul li a div.down div.inn {
 bottom: 0px;
}

/* AKTUELL WIRKSAM | http://192.168.178.5:8082/vis-2/widgets/timeandweather/css/flipclock.css */
.flip-clock-wrapper ul li a div.down div.inn {
 bottom: 0px;
}

/* AKTUELL WIRKSAM | http://192.168.178.5:8082/vis-2/widgets/mytime/css/flipclock.css */
.flip-clock-wrapper ul li a div.up {
 top: 0px;
 transform-origin: 50% 100% 0px;
}

/* AKTUELL WIRKSAM | http://192.168.178.5:8082/vis-2/widgets/timeandweather/css/flipclock.css */
.flip-clock-wrapper ul li a div.up {
 top: 0px;
 transform-origin: 50% 100% 0px;
}

/* AKTUELL WIRKSAM | http://192.168.178.5:8082/vis-2/widgets/mytime/css/flipclock.css */
.flip-clock-wrapper ul li a div.up div.inn {
 top: 0px;
}

/* AKTUELL WIRKSAM | http://192.168.178.5:8082/vis-2/widgets/timeandweather/css/flipclock.css */
.flip-clock-wrapper ul li a div.up div.inn {
 top: 0px;
}

/* KLASSENBEZOGEN | http://192.168.178.5:8082/vis-2/widgets/mytime/css/flipclock.css */
.flip-clock-wrapper ul li a div.up::after {
 background-color: rgba(0, 0, 0, 0.4);
 content: "";
 height: 0.0375em;
 left: 0px;
 position: absolute;
 top: 0.55em;
 width: 100%;
 z-index: 5;
}

/* KLASSENBEZOGEN | http://192.168.178.5:8082/vis-2/widgets/timeandweather/css/flipclock.css */
.flip-clock-wrapper ul li a div.up::after {
 background-color: rgba(0, 0, 0, 0.4);
 content: "";
 height: 3px;
 left: 0px;
 position: absolute;
 top: 44px;
 width: 100%;
 z-index: 5;
}

/* AKTUELL WIRKSAM | http://192.168.178.5:8082/vis-2/widgets/mytime/css/flipclock.css */
.flip-clock-wrapper ul li:first-child {
 z-index: 2;
}

/* AKTUELL WIRKSAM | http://192.168.178.5:8082/vis-2/widgets/timeandweather/css/flipclock.css */
.flip-clock-wrapper ul li:first-child {
 z-index: 2;
}

/* AKTUELL WIRKSAM | http://192.168.178.5:8082/vis-2/widgets/mytime/css/flipclock.css */
.flip-clock-wrapper ul li.flip-clock-active {
 z-index: 3;
}

/* AKTUELL WIRKSAM | http://192.168.178.5:8082/vis-2/widgets/timeandweather/css/flipclock.css */
.flip-clock-wrapper ul li.flip-clock-active {
 z-index: 3;
}

/* AKTUELL WIRKSAM | http://192.168.178.5:8082/vis-2/widgets/mytime/css/flipclock.css */
.flip-clock-wrapper ul.play li.flip-clock-active {
 animation-delay: 0.49s;
 animation-direction: normal;
 animation-duration: 0.01s;
 animation-fill-mode: both;
 animation-iteration-count: 1;
 animation-name: asd;
 animation-play-state: running;
 animation-timing-function: linear;
 z-index: 5;
}

/* AKTUELL WIRKSAM | http://192.168.178.5:8082/vis-2/widgets/timeandweather/css/flipclock.css */
.flip-clock-wrapper ul.play li.flip-clock-active {
 animation-delay: 0.5s;
 animation-direction: normal;
 animation-duration: 0.5s;
 animation-fill-mode: both;
 animation-iteration-count: 1;
 animation-name: asd;
 animation-play-state: running;
 animation-timing-function: linear;
 z-index: 5;
}

/* AKTUELL WIRKSAM | http://192.168.178.5:8082/vis-2/widgets/mytime/css/flipclock.css */
.flip-clock-wrapper ul.play li.flip-clock-active .down {
 animation-delay: 0.5s;
 animation-direction: normal;
 animation-duration: 0.5s;
 animation-fill-mode: both;
 animation-iteration-count: 1;
 animation-name: turn;
 animation-play-state: running;
 animation-timing-function: linear;
 z-index: 2;
}

/* AKTUELL WIRKSAM | http://192.168.178.5:8082/vis-2/widgets/timeandweather/css/flipclock.css */
.flip-clock-wrapper ul.play li.flip-clock-active .down {
 animation-delay: 0.5s;
 animation-direction: normal;
 animation-duration: 0.5s;
 animation-fill-mode: both;
 animation-iteration-count: 1;
 animation-name: turn;
 animation-play-state: running;
 animation-timing-function: linear;
 z-index: 2;
}

/* AKTUELL WIRKSAM | http://192.168.178.5:8082/vis-2/widgets/mytime/css/flipclock.css */
.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow {
 animation-delay: 0.2s;
 animation-direction: normal;
 animation-duration: 0.5s;
 animation-fill-mode: both;
 animation-iteration-count: 1;
 animation-name: hide;
 animation-play-state: running;
 animation-timing-function: linear;
 background-attachment: scroll;
 background-clip: border-box;
 background-color: rgba(0, 0, 0, 0);
 background-image: linear-gradient(black 0%, rgba(0, 0, 0, 0.1) 100%);
 background-origin: padding-box;
 background-position-x: 0%;
 background-position-y: 0%;
 background-repeat: repeat;
 background-size: auto;
}

/* AKTUELL WIRKSAM | http://192.168.178.5:8082/vis-2/widgets/timeandweather/css/flipclock.css */
.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow {
 animation-delay: 0.2s;
 animation-direction: normal;
 animation-duration: 0.5s;
 animation-fill-mode: both;
 animation-iteration-count: 1;
 animation-name: hide;
 animation-play-state: running;
 animation-timing-function: linear;
 background-attachment: scroll;
 background-clip: border-box;
 background-color: rgba(0, 0, 0, 0);
 background-image: linear-gradient(black 0%, rgba(0, 0, 0, 0.1) 100%);
 background-origin: padding-box;
 background-position-x: 0%;
 background-position-y: 0%;
 background-repeat: repeat;
 background-size: auto;
}

/* AKTUELL WIRKSAM | http://192.168.178.5:8082/vis-2/widgets/mytime/css/flipclock.css */
.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow {
 animation-delay: 0.3s;
 animation-direction: normal;
 animation-duration: 0.5s;
 animation-fill-mode: both;
 animation-iteration-count: 1;
 animation-name: hide;
 animation-play-state: running;
 animation-timing-function: linear;
 background-attachment: scroll;
 background-clip: border-box;
 background-color: rgba(0, 0, 0, 0);
 background-image: linear-gradient(rgba(0, 0, 0, 0.1) 0%, black 100%);
 background-origin: padding-box;
 background-position-x: 0%;
 background-position-y: 0%;
 background-repeat: repeat;
 background-size: auto;
}

/* AKTUELL WIRKSAM | http://192.168.178.5:8082/vis-2/widgets/timeandweather/css/flipclock.css */
.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow {
 animation-delay: 0.3s;
 animation-direction: normal;
 animation-duration: 0.5s;
 animation-fill-mode: both;
 animation-iteration-count: 1;
 animation-name: hide;
 animation-play-state: running;
 animation-timing-function: linear;
 background-attachment: scroll;
 background-clip: border-box;
 background-color: rgba(0, 0, 0, 0);
 background-image: linear-gradient(rgba(0, 0, 0, 0.1) 0%, black 100%);
 background-origin: padding-box;
 background-position-x: 0%;
 background-position-y: 0%;
 background-repeat: repeat;
 background-size: auto;
}

/* AKTUELL WIRKSAM | http://192.168.178.5:8082/vis-2/widgets/mytime/css/flipclock.css */
.flip-clock-wrapper ul.play li.flip-clock-before {
 z-index: 3;
}

/* AKTUELL WIRKSAM | http://192.168.178.5:8082/vis-2/widgets/timeandweather/css/flipclock.css */
.flip-clock-wrapper ul.play li.flip-clock-before {
 z-index: 3;
}

/* AKTUELL WIRKSAM | http://192.168.178.5:8082/vis-2/widgets/mytime/css/flipclock.css */
.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {
 animation-delay: 0s;
 animation-direction: normal;
 animation-duration: 0.5s;
 animation-fill-mode: both;
 animation-iteration-count: 1;
 animation-name: show;
 animation-play-state: running;
 animation-timing-function: linear;
 background-attachment: scroll;
 background-clip: border-box;
 background-color: rgba(0, 0, 0, 0);
 background-image: linear-gradient(black 0%, rgba(0, 0, 0, 0.1) 100%);
 background-origin: padding-box;
 background-position-x: 0%;
 background-position-y: 0%;
 background-repeat: repeat;
 background-size: auto;
}

/* AKTUELL WIRKSAM | http://192.168.178.5:8082/vis-2/widgets/timeandweather/css/flipclock.css */
.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {
 animation-delay: 0s;
 animation-direction: normal;
 animation-duration: 0.5s;
 animation-fill-mode: both;
 animation-iteration-count: 1;
 animation-name: show;
 animation-play-state: running;
 animation-timing-function: linear;
 background-attachment: scroll;
 background-clip: border-box;
 background-color: rgba(0, 0, 0, 0);
 background-image: linear-gradient(black 0%, rgba(0, 0, 0, 0.1) 100%);
 background-origin: padding-box;
 background-position-x: 0%;
 background-position-y: 0%;
 background-repeat: repeat;
 background-size: auto;
}

/* AKTUELL WIRKSAM | http://192.168.178.5:8082/vis-2/widgets/mytime/css/flipclock.css */
.flip-clock-wrapper ul.play li.flip-clock-before .up {
 animation-delay: 0s;
 animation-direction: normal;
 animation-duration: 0.5s;
 animation-fill-mode: both;
 animation-iteration-count: 1;
 animation-name: turn2;
 animation-play-state: running;
 animation-timing-function: linear;
 z-index: 2;
}

/* AKTUELL WIRKSAM | http://192.168.178.5:8082/vis-2/widgets/timeandweather/css/flipclock.css */
.flip-clock-wrapper ul.play li.flip-clock-before .up {
 animation-delay: 0s;
 animation-direction: normal;
 animation-duration: 0.5s;
 animation-fill-mode: both;
 animation-iteration-count: 1;
 animation-name: turn2;
 animation-play-state: running;
 animation-timing-function: linear;
 z-index: 2;
}

/* AKTUELL WIRKSAM | http://192.168.178.5:8082/vis-2/widgets/mytime/css/flipclock.css */
.flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {
 animation-delay: 0s;
 animation-direction: normal;
 animation-duration: 0.5s;
 animation-fill-mode: both;
 animation-iteration-count: 1;
 animation-name: show;
 animation-play-state: running;
 animation-timing-function: linear;
 background-attachment: scroll;
 background-clip: border-box;
 background-color: rgba(0, 0, 0, 0);
 background-image: linear-gradient(rgba(0, 0, 0, 0.1) 0%, black 100%);
 background-origin: padding-box;
 background-position-x: 0%;
 background-position-y: 0%;
 background-repeat: repeat;
 background-size: auto;
}

/* AKTUELL WIRKSAM | http://192.168.178.5:8082/vis-2/widgets/timeandweather/css/flipclock.css */
.flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {
 animation-delay: 0s;
 animation-direction: normal;
 animation-duration: 0.5s;
 animation-fill-mode: both;
 animation-iteration-count: 1;
 animation-name: show;
 animation-play-state: running;
 animation-timing-function: linear;
 background-attachment: scroll;
 background-clip: border-box;
 background-color: rgba(0, 0, 0, 0);
 background-image: linear-gradient(rgba(0, 0, 0, 0.1) 0%, black 100%);
 background-origin: padding-box;
 background-position-x: 0%;
 background-position-y: 0%;
 background-repeat: repeat;
 background-size: auto;
}

/* KLASSENBEZOGEN | http://192.168.178.5:8082/vis-2/widgets/mytime/css/flipclock.css */
.flip-clock-wrapper::after {
 clear: both;
}

/* KLASSENBEZOGEN | http://192.168.178.5:8082/vis-2/widgets/timeandweather/css/flipclock.css */
.flip-clock-wrapper::after {
 clear: both;
}

/* KLASSENBEZOGEN | http://192.168.178.5:8082/vis-2/widgets/mytime/css/flipclock.css */
.flip-clock-wrapper::before, .flip-clock-wrapper::after {
 content: " ";
 display: table;
}

/* KLASSENBEZOGEN | http://192.168.178.5:8082/vis-2/widgets/timeandweather/css/flipclock.css */
.flip-clock-wrapper::before, .flip-clock-wrapper::after {
 content: " ";
 display: table;
}

/* KLASSENBEZOGEN | http://192.168.178.5:8082/vis-2/widgets/mytime/css/flipclock.css */
.flip-clock-wrapper.clearfix {
 
}

/* KLASSENBEZOGEN | http://192.168.178.5:8082/vis-2/widgets/timeandweather/css/flipclock.css */
.flip-clock-wrapper.clearfix {
 
}

/* KLASSENBEZOGEN | http://192.168.178.5:8082/vis-2/widgets/mytime/css/flipclock.css */
.flip-clock-wrapper.clearfix::after {
 clear: both;
}

/* KLASSENBEZOGEN | http://192.168.178.5:8082/vis-2/widgets/timeandweather/css/flipclock.css */
.flip-clock-wrapper.clearfix::after {
 clear: both;
}

/* KLASSENBEZOGEN | http://192.168.178.5:8082/vis-2/widgets/mytime/css/flipclock.css */
.flip-clock-wrapper.clearfix::before, .flip-clock-wrapper.clearfix::after {
 content: " ";
 display: table;
}

/* KLASSENBEZOGEN | http://192.168.178.5:8082/vis-2/widgets/timeandweather/css/flipclock.css */
.flip-clock-wrapper.clearfix::before, .flip-clock-wrapper.clearfix::after {
 content: " ";
 display: table;
}

/* KLASSENBEZOGEN | http://192.168.178.5:8082/vis-2/widgets/metro/css/metro-bootstrap.css */
.metro .shadow {
 box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 6px, rgba(0, 0, 0, 0.2) 0px 3px 8px;
}

/* KLASSENBEZOGEN | http://192.168.178.5:8082/vis-2/widgets/vis-material-advanced/css/material.css */
.vis_container_edit .vis-view .vis-widget:hover::after {
 animation-delay: 1s;
 animation-direction: normal;
 animation-duration: 3s;
 animation-fill-mode: none;
 animation-iteration-count: 1;
 animation-name: vis-view-hover-ani;
 animation-play-state: running;
 animation-timing-function: ease;
 color: rgb(0, 0, 0);
}

/* KLASSENBEZOGEN | http://192.168.178.5:8082/vis-2/widgets/vis-material-advanced/css/material.css */
.vis_container_edit .vis-view:active .vis-widget::after {
 animation-delay: 3s;
 animation-direction: normal;
 animation-duration: 5s;
 animation-fill-mode: none;
 animation-iteration-count: 1;
 animation-name: vis-view-hover-ani;
 animation-play-state: running;
 animation-timing-function: ease;
 color: rgb(0, 0, 0);
}

/* AKTUELL WIRKSAM | http://192.168.178.5:8082/vis-2/assets/index-CnFCSpIO.css */
.vis-widget {
 overflow-x: hidden;
 overflow-y: hidden;
 position: absolute;
}

/* AKTUELL WIRKSAM | http://192.168.178.5:8082/vis-2/widgets/vis-inventwo/css/style.css */
.vis-widget {
 
}

/* AKTUELL WIRKSAM | <inline-style-36> */
#w000601 .clock-flip {
 align-items: flex-start;
 display: flex;
 text-wrap-mode: nowrap;
 white-space-collapse: collapse;
}

/* AKTUELL WIRKSAM | <inline-style-36> */
#w000601 .clock-flip-separator {
 font-size: 0.6em;
 line-height: 2.08333em;
 margin-bottom: 0px;
 margin-left: 0.083333em;
 margin-right: 0.083333em;
 margin-top: 0px;
}

/* AKTUELL WIRKSAM | <inline-style-36> */
#w000601 .clock-flip-unit {
 display: inline-block;
}

/* AKTUELL WIRKSAM | <inline-style-36> */
#w000601 .clock-flip-unit {
 flex-basis: 1.75em;
 flex-grow: 0;
 flex-shrink: 0;
 width: 1.75em;
}

/* KLASSENBEZOGEN | <inline-style-36> */
#w000601 .clock-flip-unit .flip-clock-wrapper {
 display: flex;
 margin-bottom: 0px;
 margin-left: 0px;
 margin-right: 0px;
 margin-top: 0px;
 min-width: 1.75em;
 width: 1.75em;
}

OliverIO

@Eduard77

ok problem gefunden.
die css regeln von timeandweather und flipclock überschneiden und beeinflussen sich.
timeandweather nutzt die gleiche flipclock bibliothek, ich habe aber, um die anpassung der größe besser zu gestalten die regeln angepasst. die beeinflussen sich nun gegenseitig.
timeandweather grenzt den geltungsbereich leider nicht auf das jeweilig genutzte widget ein.

als workaraound, falls timeandweather nicht benötigt wird, entfernen.

oder auf die nächste version warten. ich muss die namen aller css regeln anpassen.

Eduard77

@OliverIO
Okay alles klar. Vielen Dank.

OliverIO

Neue Version 2.5.1

da sich css Klassen mit der flipclock aufgrund der letzten Änderung überschnitten und beeinflusst haben, wurden diese stärker getrennt, so dass die Darstellung wieder passt

Eduard77

@OliverIO
Ich habe die neue Version Installiert, aber es bleibt so wie es war.

OliverIO

@Eduard77

Vis neu starten
Und im Browser Strg + F5

Eduard77

@OliverIO

ich musste ioBroker neu starten, jetzt funktioniert es.

Danke.

Eduard77

@oliverio
Guten Morgen,
wie kann man den Abstand zwischen Doppelpunkt verkleinern?
Ich habe schon alle Einstellungen ausprobiert, aber es klappt bei mir nicht.

OliverIO

@Eduard77

da kommt man über die normalen css einstellungen des widgets nicht dran.
du kannst es mal wie folgt probieren:

den folgenden block im CSS Reiter ergänzen

.smallseparator .flip-clock-wrapper {
  margin-left: 0em; /* 0.1375em */
  margin-right: 0em; /* 0.1375em */
}
.smallseparator .clock-flip-separator {
  margin-left: 0em !important; /* .083333em */
  margin-right: 0em !important; /* .083333em */
}

und dann in den widgets einstellungen unter General/CSS Class dann

smallseparator

eintragen

Das setzt den linken und rechten Rand einmal um einen Zahlenblock und um den Doppelpunkt herum auf 0.

Die Zahlen was du zwischen den /* */ siehst sind die default Vorgaben des widgets.
Also eine größere Zahl vergrößert, eine kleinere Zahl verkleinert, den Abstand.
Negative Zahlen gehen theoretisch auch, aber dann weiß man nicht so genau was der browser dann so macht.
die Einheit em bedeutet. 1em ist 100% Höhe oder 100% Breite der aktuell für dieses html Element wirkende Schriftgröße
https://wiki.selfhtml.org/wiki/CSS/Wertetypen/Schriftbezogene_Längeneinheiten#em_.E2.80.93_Bezug_auf_die_aktuelle_Schriftgr.C3.B6.C3.9Fe

Eduard77

@OliverIO
Danke hat geklappt.

OliverIO

Neue Version 3.0.1

jsonConfig verbessert und korrigiert
Wechsel vom build- zum dist-Verzeichnis
Log-Ausgabe für onMessage-Fehler erweitert
getServerTime-Timer im Widget verbessert
Unterverzeichnis widgets in widgetTypes umbenannt
Race Condition in den widgets bei States verbessert

Wer den onMessage Fehler erhält bitte mir die Ausgabe informationen und das log zukommen lassen
Dürfte aber für die Funktionsweise des Adapters unkritisch sein.

OliverIO

Version 3.0.5

leider wird die Version 3.0.5 für das stable repository, welche package updates enthält, aktuell wegen mangelnde Tests für node26 blockiert.
Wer dennoch die aktuelle Version laden möchte, muss das aus dem beta repository machen.

mcm1957

Da der Aufwand node.js 26 in test-and-release einzutragen darin besteht einen existierenden PR zu mergen (https://github.com/oweitman/ioBroker.mytime/pull/1189) sollte das Problem eher rasch gefixed werden können. Eine neue Release ist nicht erforderlich (und das wurde auch kommuniziert). Wär also rascher erledigt gewesen als hier ein Posting zu erstellen :-)

Die Erfordernis kommt auch nicht überraschend sondern wurde bereits seit einem Monat publiziert.

OliverIO

@mcm1957

sagt jemand der die komplexität des Adapter nicht einschätzen kann.
Oder möchte man hier eine mal wieder eine einschätzung vornehmen können?

mcm1957

@OliverIO said:

@mcm1957

sagt jemand der die komplexität des Adapter nicht einschätzen kann.

Die standard Tests auch mit node.js 26 laufen zu lassen ändert absolut nichts am Adaptercode. Der einzige Eingriff in das Testscript ist ',x.26' in die Testmatrix einzutragen. Das hat absolut nichts mit einer Adapterkomplexität zu tun.

Falls da was falsch rüber gekommen ist:
Es ist nunmehr erforderlich die standardmäßigen Tests auch mit node.js 26 laufen zu lassen. Nicht mehr und nicht weniger. Dazu ist es ausreichen node.js 26 in die existierende Testmatrix einzutragen. Ob nun ein Dev dankenswerter Weise zusätzliche komplexe Tests durchführen will ist seine Entscheidung - dies ist nicht gefordert.

Die Komplexität eines Adapters spielt da maximal dann eine Rolle wenn die Tests unter node.js26 nicht laufen. Das dürfte aber nicht der Fall sein (siehe PR).

Oder möchte man hier eine mal wieder eine einschätzung vornehmen können?

Sorry aber den Satz versteh ich nicht

Community Forum

NEWS

Test Adapter mytime

Neue Version 2.5.1

Neue Version 2.5.1

Neue Version 3.0.1

Neue Version 3.0.1

Support us

287

33.1k

83.9k

1.4m