Weiter zum Inhalt
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Hell
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dunkel
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor
  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum
donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Tester
  4. Test Adapter mytime

NEWS

  • Der neue Monatsrückblick für Mai und Juni 2026 ist online!
    BluefoxB
    Bluefox
    8
    1
    972
  • wichtiges UPDATE für controller 7.2.2 im stable
    HomoranH
    Homoran
    10
    1
    3.5k
  • Neues YouTube-Video: Visualisierung im Devices-Adapter
    BluefoxB
    Bluefox
    16
    1
    6.0k

Test Adapter mytime

Geplant Angeheftet Gesperrt Verschoben Tester
adaptermytimetestwidget
600 Beiträge 52 Kommentatoren 184.9k Aufrufe 63 Beobachtet
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • Eduard77E 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;
}
    OliverIOO Offline
    OliverIOO Offline
    OliverIO
    schrieb am zuletzt editiert von OliverIO
    #591

    @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.

    Meine Adapter und Widgets
    TVProgram, SqueezeboxRPC, OpenLiga, RSSFeed, MyTime,, pi-hole2, vis-json-template, skiinfo, vis-mapwidgets, vis-2-widgets-rssfeed
    Links im Profil

    Eduard77E 1 Antwort Letzte Antwort
    1
    • OliverIOO 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.

      Eduard77E Offline
      Eduard77E Offline
      Eduard77
      schrieb am zuletzt editiert von
      #592

      @OliverIO
      Okay alles klar. Vielen Dank.

      1 Antwort Letzte Antwort
      0
      • OliverIOO Offline
        OliverIOO Offline
        OliverIO
        schrieb am zuletzt editiert von
        #593

        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

        Meine Adapter und Widgets
        TVProgram, SqueezeboxRPC, OpenLiga, RSSFeed, MyTime,, pi-hole2, vis-json-template, skiinfo, vis-mapwidgets, vis-2-widgets-rssfeed
        Links im Profil

        Eduard77E 1 Antwort Letzte Antwort
        1
        • OliverIOO 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
          Eduard77E Offline
          Eduard77E Offline
          Eduard77
          schrieb am zuletzt editiert von
          #594

          @OliverIO
          Ich habe die neue Version Installiert, aber es bleibt so wie es war.
          f5b10cd1-0cbb-40f0-a4ca-6703c0d36a85-image.jpeg

          00c5f120-515f-4bd0-84cf-6b91e58e0ba9-image.jpeg

          OliverIOO 1 Antwort Letzte Antwort
          0
          • Eduard77E Eduard77

            @OliverIO
            Ich habe die neue Version Installiert, aber es bleibt so wie es war.
            f5b10cd1-0cbb-40f0-a4ca-6703c0d36a85-image.jpeg

            00c5f120-515f-4bd0-84cf-6b91e58e0ba9-image.jpeg

            OliverIOO Offline
            OliverIOO Offline
            OliverIO
            schrieb am zuletzt editiert von
            #595

            @Eduard77

            Vis neu starten
            Und im Browser Strg + F5

            Meine Adapter und Widgets
            TVProgram, SqueezeboxRPC, OpenLiga, RSSFeed, MyTime,, pi-hole2, vis-json-template, skiinfo, vis-mapwidgets, vis-2-widgets-rssfeed
            Links im Profil

            Eduard77E 1 Antwort Letzte Antwort
            0
            • OliverIOO OliverIO

              @Eduard77

              Vis neu starten
              Und im Browser Strg + F5

              Eduard77E Offline
              Eduard77E Offline
              Eduard77
              schrieb am zuletzt editiert von
              #596

              @OliverIO

              ich musste ioBroker neu starten, jetzt funktioniert es.
              2971f11c-e178-4fe4-be39-ca51df6eb1ed-image.jpeg
              Danke.

              Eduard77E 1 Antwort Letzte Antwort
              0
              • Eduard77E Eduard77

                @OliverIO

                ich musste ioBroker neu starten, jetzt funktioniert es.
                2971f11c-e178-4fe4-be39-ca51df6eb1ed-image.jpeg
                Danke.

                Eduard77E Offline
                Eduard77E Offline
                Eduard77
                schrieb am zuletzt editiert von
                #597

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

                OliverIOO 1 Antwort Letzte Antwort
                0
                • Eduard77E Eduard77

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

                  OliverIOO Offline
                  OliverIOO Offline
                  OliverIO
                  schrieb am zuletzt editiert von OliverIO
                  #598

                  @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

                  a718c257-255c-49e6-a8b8-337da8c52935-image.jpeg

                  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

                  Meine Adapter und Widgets
                  TVProgram, SqueezeboxRPC, OpenLiga, RSSFeed, MyTime,, pi-hole2, vis-json-template, skiinfo, vis-mapwidgets, vis-2-widgets-rssfeed
                  Links im Profil

                  Eduard77E 1 Antwort Letzte Antwort
                  1
                  • OliverIOO 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

                    a718c257-255c-49e6-a8b8-337da8c52935-image.jpeg

                    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

                    Eduard77E Offline
                    Eduard77E Offline
                    Eduard77
                    schrieb am zuletzt editiert von
                    #599

                    @OliverIO
                    Danke hat geklappt.

                    1 Antwort Letzte Antwort
                    0
                    • OliverIOO Offline
                      OliverIOO Offline
                      OliverIO
                      schrieb zuletzt editiert von OliverIO
                      #600

                      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.

                      Meine Adapter und Widgets
                      TVProgram, SqueezeboxRPC, OpenLiga, RSSFeed, MyTime,, pi-hole2, vis-json-template, skiinfo, vis-mapwidgets, vis-2-widgets-rssfeed
                      Links im Profil

                      1 Antwort Letzte Antwort
                      0

                      Hey! Du scheinst an dieser Unterhaltung interessiert zu sein, hast aber noch kein Konto.

                      Hast du es satt, bei jedem Besuch durch die gleichen Beiträge zu scrollen? Wenn du dich für ein Konto anmeldest, kommst du immer genau dorthin zurück, wo du zuvor warst, und kannst dich über neue Antworten benachrichtigen lassen (entweder per E-Mail oder Push-Benachrichtigung). Du kannst auch Lesezeichen speichern und Beiträge positiv bewerten, um anderen Community-Mitgliedern deine Wertschätzung zu zeigen.

                      Mit deinem Input könnte dieser Beitrag noch besser werden 💗

                      Registrieren Anmelden
                      Antworten
                      • In einem neuen Thema antworten
                      Anmelden zum Antworten
                      • Älteste zuerst
                      • Neuste zuerst
                      • Meiste Stimmen

                      Support us

                      ioBroker
                      Community Adapters
                      Donate

                      376

                      Online

                      33.0k

                      Benutzer

                      83.6k

                      Themen

                      1.3m

                      Beiträge
                      Community
                      Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                      ioBroker Community 2014-2026
                      logo
                      • Anmelden
                      • Du hast noch kein Konto? Registrieren
                      • Anmelden oder registrieren, um zu suchen
                      • Erster Beitrag
                        Letzter Beitrag
                      0
                      • Home
                      • Aktuell
                      • Tags
                      • Ungelesen 0
                      • Kategorien
                      • Unreplied
                      • Beliebt
                      • GitHub
                      • Docu
                      • Hilfe