Meister TR IoBroker vis HQ-Widget ON/OFF an Design anpassen mit CSS

Ich versuche keine Änderungen an der Visu vorzunehmen ohne Doku.
Das ziel ist es eine einheitliche, vollständige und schnell änderbare Visu zu erstellen.
Die CSS Anweisungen sind nicht immer erforderlich, machen die Gestaltung und Reproduzierbarkeit doch um einiges leichter.
So auch in diesem Beispiel, mit den Anweisungen übernimmt jedes neu hinzugefügte HQ ON/OFF Widget das erstellte Design.

code:

.vis-hq-button-base-normal { background: var(--main-color) !important; box-shadow: 0 10px 20px rgba(0,0,0,0.49), 0 6px 6px rgba(0,0,0,0.53) !Important;
}
.vis-hq-button-base-on { box-shadow: 0 10px 20px rgba(0,0,0,0.2), 0 30px 100px rgba(255,255,0,0.53) !Important; border:none !important;
}
.vis-hq-rightinfo{ background: var(--sec-dark) !important; border-radius: 2px !important; color:var(--text-p); box-shadow: 0 10px 20px rgba(0,0,0,0.49), 0 6px 6px rgba(0,0,0,0.53) !Important; font-family: ; opacity:0.5 ; font-family: RobotoCondensed-Regular !Important;

}

IoBroker vis HQ-Widget ON/OFF an Design anpassen mit CSS
10 Likes	10 Dislikes
2,590 views views	140 followers
People & Blogs	Upload TimePublished on 2 Dec 2017

1. visual studio,visiting card,visa,visual studio code,vish ya amrit,viscosity,visual studio 2017,vision,visiting card sample,vishal,visual studio 2019,visa guru,visa bulletin,vishkanya,visual basic,visa card,visa4uk,visio,visual acuity,vishal movies,menüpartner,menükarte,menü pizza,menü mc,menü midpoint,menü 3 gänge,menü burger king,menü fiyatları burger king,menü mado,menü preise mcdonalds,menü update,menüler kfc,menü starbucks,menü heti,menü mc donalds,menü weihnachtsessen,menü schwerin,menüler burger king,menü nusret,menüsü günün,video phone lyrics,video phone for deaf,video phone calls,video phone app,video phone for seniors,video phone system,video phone device,video phone for grandparents,video phone asl,video phone screen,video phone chat,video phones for home,video phone lady gaga lyrics,video phone call devices,video phone interview,videophone in asl,video phone amazon,video phone history,video phone remix,video phone wallpaper,sharingan,sharingan lens,sharing is caring,sharingan nedir,sharing economy,sharing ne demek,sharingan wallpaper,sharingan png,sharingan kolye,sharing is caring ne demek,sharingan gif,sharingan tattoo,sharing türkçesi,sharing economy nedir,sharings,sharingans,sharingan types,sharingan eyes,sharingan özellikleri,sharingan sasuke,camera phone rating,camera phone 2019,camera phone 2018,camera phone samsung,camera phone rank,camera phone test,camera phone top,camera phone 2 movie,camera phone x and iphone xs,camera phone to pc,camera phone 2004,camera phone dxo,camera phone rate,camera phone budget,camera phone comparison 2018,camera phones first,camera phone lyrics,camera phone movie,camera phone comparison,camera phones ranked,upload video,http://upload.facebook.com,upload youtube,http://upload.uidai.gov.in,uploaded,upload image,uploading,uploadbaz,uploadocean,uploader,upload meaning,upload file,upload speed test,upload photo in google,uploading link added soon,upload synonym,upload icon,upload image search,upload file in php,upload meaning in hindi,iobroker alexa,iobroker raspberry pi,iobroker forum,iobroker vis,iobroker vs openhab,iobroker zigbee,iobroker homematic,iobroker installieren,iobroker docker,iobroker download,iobroker update,iobroker cloud,iobroker mqtt,iobroker homekit,iobroker adapter,iobroker telegram,iobroker port,iobroker backup,iobroker sonoff,iobroker google home,videomore,videoder,video star,videohive,video grabber,videopad,video converter,videouroki,videosmile,video to gif,video downloader,videoshow,videosaver,videoforme,videoigr,video editor,videopad video editor,video games,video player,videoleap,freejobalert,free job,freecharge,free fire,freelancer,free download,freepik,freedom,free movie download,free song download,freemoviewap,free mp3 download,free gana,freer.in,freenom,freedom fighters,freejobalert 2019,free classifieds,free song,free instagram followers