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.

Community Forum

NEWS

Test Adapter mytime

Neue Version 2.5.1

Neue Version 2.5.1

Support us

409

33.0k

83.5k

1.3m