Test Adapter mytime
-
Danke für das Beispiel. Der entscheidende Punkte war setState mit false. Jetzt geht es. Danke.
Ro75.
setState mit false
ja, true bleibt bei gemanagten datenpunkten dem adapter vorbehalten, sonst würde der adapter endlos auf datenpunktänderungen reagieren.
das true/false betrifft den ack(nowledged)/bestätigt status des datenpunkts.
ein adapter reagiert auf ack=false und bestätigt dann den datenpunkt mit ack=true (auf diese änderung reagiert er dann nicht mehr) -
Neue Version 2.5.0
- Die FlipClock widgets (countdown und clock) sind nun über die css-Einstellung des widgets über Schriftgroße/Font-Size einstellbar. Daher ist das transform nicht mehr notwendig.
- Es wurden die default-Einstellungen der widgets etwas optimiert, so das man immer eine Anzeige hat, auch wenn noch kein Datenpunkt ausgewählt wurde.
-
Was mache ich verkehrt?Version 2.5.0
Vorher hat das funktioniertioBroker auf NUC unter Proxmox; VIS: 12" Touchscreen und 17" Touch; Lichtsteuerung, Thermometer und Sensoren: Tasmota (39); Ambiente Beleuchtung: WLED (9); Heizung: DECT Thermostate (9) an Fritz 6690; EMS-ESP; 1 Echo V2; 3 Echo DOT; 1 Echo Connect; 2 Echo Show 5; Unifi Ap-Ac Lite.
-
Genau das was in den anmerlungen oben steht.
- Die FlipClock widgets (countdown und clock) sind nun über die css-Einstellung des widgets über Schriftgroße/Font-Size einstellbar. Daher ist das transform nicht mehr notwendig.
- Es wurden die default-Einstellungen der widgets etwas optimiert, so das man immer eine Anzeige hat, auch wenn noch kein Datenpunkt ausgewählt wurde.
Der default ist eine für deine widgetglsse zu groß.
Du stellst in den widgeteinstelunh bei css Schrift eine kleinere Größe ein.
Bsp 50px oder 40px
Die einzelnen Ziffern brechen umFalls das nicht hilft musst du mir beschreiben wie es vorher ausgesehen hat. Da reicht mein Vorstellungsvermögen nicht aus
-
Der Effekt tritt nur bei der Flip Clock auf. die beiden anderen Uhren machen das nicht.
Mit Transform arbeite ich nicht.
Datenpunkt ist ausgewählt. Verhalten bei Server oder Client gleich
So sieht des im Editor aus wenn ich als Schriftgröße 10px eingebe und die Widgetbreite auf dem ursprünglichen Wert lasse(siehe Rahmen). Auch wenn ich das Widget ohne Schriftgrößenänderung grüßer ziehe bleiben die Ziffern untereinander.
ioBroker auf NUC unter Proxmox; VIS: 12" Touchscreen und 17" Touch; Lichtsteuerung, Thermometer und Sensoren: Tasmota (39); Ambiente Beleuchtung: WLED (9); Heizung: DECT Thermostate (9) an Fritz 6690; EMS-ESP; 1 Echo V2; 3 Echo DOT; 1 Echo Connect; 2 Echo Show 5; Unifi Ap-Ac Lite.
-
Der Effekt tritt nur bei der Flip Clock auf. die beiden anderen Uhren machen das nicht.
Mit Transform arbeite ich nicht.
Datenpunkt ist ausgewählt. Verhalten bei Server oder Client gleichSo sieht des im Editor aus wenn ich als Schriftgröße 10px eingebe und die Widgetbreite auf dem ursprünglichen Wert lasse(siehe Rahmen). Auch wenn ich das Widget ohne Schriftgrößenänderung grüßer ziehe bleiben die Ziffern untereinander.
-
@Chaot
kann ich bestätigen. Bei mir sieht genauso aus und ich schaffe es nicht in einer Linie anzeigen zu lassen. -
[ { "tpl": "tplMyTimeClockFlip", "data": { "bindings": [], "clock_time_source": "client", "g_common": true, "clock_date_order": "DMY", "clock_showyear": "true", "clock_showmonth": "true", "clock_showday": "true", "clock_showhours": "true", "clock_showminutes": "true", "clock_showseconds": "true" }, "style": { "bindings": [], "left": "291.234px", "top": "151.523px", "width": "931.992px", "height": "92.9961px" }, "widgetSet": "mytime", "_id": "i000001" } ]
-
[ { "tpl": "tplMyTimeClockFlip", "data": { "bindings": [], "clock_time_source": "client", "g_common": true, "clock_date_order": "DMY", "clock_showyear": "true", "clock_showmonth": "true", "clock_showday": "true", "clock_showhours": "true", "clock_showminutes": "true", "clock_showseconds": "true" }, "style": { "bindings": [], "left": "291.234px", "top": "151.523px", "width": "931.992px", "height": "92.9961px" }, "widgetSet": "mytime", "_id": "i000001" } ]bei mir wird das ordentlich angezeigt.
könntet ihr mal bitte prüfen, ob ihr noch extra css klassen definiert habt,
die mitclock-flipbeginnen
oder wahrscheinlicher nochplaywenn nicht, dann wird es etwas komplizierter, da ich bei euch so nicht reinschauen kann.
öffnet bitte im runtime mode die browser konsole mit F12
geht in den console tab
dort wo die meldungen stehen m ende ist ein eingabefeld.
dort bitte das folgende einfügen
aus dem #w000005 müsst ihr die widget id des betroffenen widgets machen.var selector='#w000005 > div > span.clock-flip-unit.clock-day.flip-clock-wrapper > ul:nth-child(1)',el=document.querySelector(selector),out=[],scan=function(rules,source){Array.from(rules||[]).forEach(function(r){if(r.selectorText){try{if(el.matches(r.selectorText))out.push('/* '+source+' */\n'+r.selectorText+' {\n '+r.style.cssText.replace(/;\s*/g,';\n ').trim()+'\n}')}catch(e){console.warn('Selektor nicht prüfbar:',r.selectorText,e)}}else if(r.cssRules){scan(r.cssRules,source)}})};if(!el){console.error('Element nicht gefunden:',selector)}else{console.log('Element:',el,'Klassen:',Array.from(el.classList));Array.from(document.styleSheets).forEach(function(s){try{scan(s.cssRules,s.href||'<style>')}catch(e){console.warn('Stylesheet nicht lesbar:',s.href||'<style>',e.message)}});console.log(out.length?out.join('\n\n'):'Keine passenden CSS-Regeln gefunden.')}die ausgabe dann bitte hier posten
bei mir sieht die so aus/* http://192.168.1.81:8082/vis-2/widgets/mytime/css/flipclock.css */ .flip-clock-wrapper * { box-sizing: border-box; backface-visibility: hidden; } /* http://192.168.1.81:8082/vis-2/widgets/mytime/css/flipclock.css */ .flip-clock-wrapper ul { list-style: none; padding: 0px; } /* http://192.168.1.81: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.1.81: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; } /* <style> */ .play { color: white; }das .play am ende ist ein test von mir.
wenn davon abgesehen noch andere dinge stehen, müssen wir uns auf die suche machen woher das kommthier noch ergänzend die große suche.
auch hier am Anfang die widget id anpassen. das # muss stehen bleiben
das sammelt alle css klassen aller darunterliegenden html elemente ein und gibt dann die definitionen aus.
aber als erstes das obige skript probierenvar selector='#w000005',root=document.querySelector(selector);if(!root){console.error('Element nicht gefunden:',selector)}else{var elements=[root].concat(Array.from(root.querySelectorAll('*'))),classes=Array.from(new Set(elements.reduce(function(a,e){return a.concat(Array.from(e.classList||[]))},[]))).sort(),esc=function(s){return window.CSS&&CSS.escape?CSS.escape(s):s.replace(/([^\w-])/g,'\\$1')},results=[],seen=new Set(),scan=function(rules,source,context){Array.from(rules||[]).forEach(function(r){if(r.selectorText&&r.style){var classRelated=classes.some(function(c){return new RegExp('(^|[^\\w-])\\.'+esc(c)+'(?![\\w-])').test(r.selectorText)}),matching=false;try{matching=elements.some(function(e){return e.matches(r.selectorText)})}catch(e){}if(classRelated||matching){var css=Array.from(r.style).sort().map(function(p){return p+': '+r.style.getPropertyValue(p).trim()+(r.style.getPropertyPriority(p)?' !important':'')+';'}).join('\n '),key=r.selectorText+'|'+css+'|'+source+'|'+context;if(!seen.has(key)){seen.add(key);results.push({selector:r.selectorText,css:css,source:source,context:context,matching:matching})}}}else if(r.cssRules){var label=r.conditionText?'@'+(r.type===4?'media':r.type===12?'supports':'rule')+' '+r.conditionText:r.name?'@'+r.name:'@rule';scan(r.cssRules,source,context.concat(label))}})},sheets=Array.from(document.styleSheets);sheets.forEach(function(s,i){try{scan(s.cssRules,s.href||'<inline-style-'+i+'>',[])}catch(e){console.warn('Stylesheet nicht lesbar:',s.href||'<inline-style-'+i+'>',e.message)}});results.sort(function(a,b){return a.selector.localeCompare(b.selector)||a.source.localeCompare(b.source)||a.css.localeCompare(b.css)});console.log('SELEKTOR:\n'+selector+'\n\nKLASSEN ('+classes.length+'):\n'+classes.map(function(c){return'.'+c}).join('\n')+'\n\nCSS-REGELN ('+results.length+'):\n\n'+results.map(function(r){return'/* '+(r.matching?'AKTUELL WIRKSAM':'KLASSENBEZOGEN')+' | '+r.source+(r.context.length?' | '+r.context.join(' > '):'')+' */\n'+r.selector+' {\n '+r.css+'\n}'}).join('\n\n'))} -
bei mir wird das ordentlich angezeigt.
könntet ihr mal bitte prüfen, ob ihr noch extra css klassen definiert habt,
die mitclock-flipbeginnen
oder wahrscheinlicher nochplaywenn nicht, dann wird es etwas komplizierter, da ich bei euch so nicht reinschauen kann.
öffnet bitte im runtime mode die browser konsole mit F12
geht in den console tab
dort wo die meldungen stehen m ende ist ein eingabefeld.
dort bitte das folgende einfügen
aus dem #w000005 müsst ihr die widget id des betroffenen widgets machen.var selector='#w000005 > div > span.clock-flip-unit.clock-day.flip-clock-wrapper > ul:nth-child(1)',el=document.querySelector(selector),out=[],scan=function(rules,source){Array.from(rules||[]).forEach(function(r){if(r.selectorText){try{if(el.matches(r.selectorText))out.push('/* '+source+' */\n'+r.selectorText+' {\n '+r.style.cssText.replace(/;\s*/g,';\n ').trim()+'\n}')}catch(e){console.warn('Selektor nicht prüfbar:',r.selectorText,e)}}else if(r.cssRules){scan(r.cssRules,source)}})};if(!el){console.error('Element nicht gefunden:',selector)}else{console.log('Element:',el,'Klassen:',Array.from(el.classList));Array.from(document.styleSheets).forEach(function(s){try{scan(s.cssRules,s.href||'<style>')}catch(e){console.warn('Stylesheet nicht lesbar:',s.href||'<style>',e.message)}});console.log(out.length?out.join('\n\n'):'Keine passenden CSS-Regeln gefunden.')}die ausgabe dann bitte hier posten
bei mir sieht die so aus/* http://192.168.1.81:8082/vis-2/widgets/mytime/css/flipclock.css */ .flip-clock-wrapper * { box-sizing: border-box; backface-visibility: hidden; } /* http://192.168.1.81:8082/vis-2/widgets/mytime/css/flipclock.css */ .flip-clock-wrapper ul { list-style: none; padding: 0px; } /* http://192.168.1.81: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.1.81: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; } /* <style> */ .play { color: white; }das .play am ende ist ein test von mir.
wenn davon abgesehen noch andere dinge stehen, müssen wir uns auf die suche machen woher das kommthier noch ergänzend die große suche.
auch hier am Anfang die widget id anpassen. das # muss stehen bleiben
das sammelt alle css klassen aller darunterliegenden html elemente ein und gibt dann die definitionen aus.
aber als erstes das obige skript probierenvar selector='#w000005',root=document.querySelector(selector);if(!root){console.error('Element nicht gefunden:',selector)}else{var elements=[root].concat(Array.from(root.querySelectorAll('*'))),classes=Array.from(new Set(elements.reduce(function(a,e){return a.concat(Array.from(e.classList||[]))},[]))).sort(),esc=function(s){return window.CSS&&CSS.escape?CSS.escape(s):s.replace(/([^\w-])/g,'\\$1')},results=[],seen=new Set(),scan=function(rules,source,context){Array.from(rules||[]).forEach(function(r){if(r.selectorText&&r.style){var classRelated=classes.some(function(c){return new RegExp('(^|[^\\w-])\\.'+esc(c)+'(?![\\w-])').test(r.selectorText)}),matching=false;try{matching=elements.some(function(e){return e.matches(r.selectorText)})}catch(e){}if(classRelated||matching){var css=Array.from(r.style).sort().map(function(p){return p+': '+r.style.getPropertyValue(p).trim()+(r.style.getPropertyPriority(p)?' !important':'')+';'}).join('\n '),key=r.selectorText+'|'+css+'|'+source+'|'+context;if(!seen.has(key)){seen.add(key);results.push({selector:r.selectorText,css:css,source:source,context:context,matching:matching})}}}else if(r.cssRules){var label=r.conditionText?'@'+(r.type===4?'media':r.type===12?'supports':'rule')+' '+r.conditionText:r.name?'@'+r.name:'@rule';scan(r.cssRules,source,context.concat(label))}})},sheets=Array.from(document.styleSheets);sheets.forEach(function(s,i){try{scan(s.cssRules,s.href||'<inline-style-'+i+'>',[])}catch(e){console.warn('Stylesheet nicht lesbar:',s.href||'<inline-style-'+i+'>',e.message)}});results.sort(function(a,b){return a.selector.localeCompare(b.selector)||a.source.localeCompare(b.source)||a.css.localeCompare(b.css)});console.log('SELEKTOR:\n'+selector+'\n\nKLASSEN ('+classes.length+'):\n'+classes.map(function(c){return'.'+c}).join('\n')+'\n\nCSS-REGELN ('+results.length+'):\n\n'+results.map(function(r){return'/* '+(r.matching?'AKTUELL WIRKSAM':'KLASSENBEZOGEN')+' | '+r.source+(r.context.length?' | '+r.context.join(' > '):'')+' */\n'+r.selector+' {\n '+r.css+'\n}'}).join('\n\n'))} -
@OliverIO
CSS Klasse nutze ich nicht.
Bei Konsole, entweder mache ich was falsch oder es findet nichts.
-
/* 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; } -
/* 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; }dann das große bitte
skripte: das was ich gepostet habe. das 2. dann bitte ausführen -
dann das große bitte
skripte: das was ich gepostet habe. das 2. dann bitte ausführenSELEKTOR: #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… -
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…@Eduard77
bitte alles kopieren. am ende der ausgabe steht sowas wie copy
-
#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; } -
#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; }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.
-
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.
-
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
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 AnmeldenSupport us
412
Online33.0k
Benutzer83.5k
Themen1.3m
Beiträge