Meister TR IoBroker vis erstellen eines einfachen Menüs Teil 3

Jetzt wird es etwas schwieriger, um den MaterialDesign look zu bekommen müssen die Standard Widgets mit CSS bearbeitet werden, vorteil ist, wenn man die Farben oben als Variable anlegt, lässt sich das gesamte design ganz schnell ändern.

hier noch der CSS Code (Bitte bei local und nciht bei global eingeben):

:root {
--main-color: #1565c0;
--main-light: #5e92f3;
--main-dark: #003c8f;
--sec-color: #616161;
--sec-light: #8e8e8e;
--sec-dark: #373737;
--text-p: #ffffff;
--text-s: #ffffff;
}
.navbut{ background: var(--main-color) !important; border: 1px solid var(--main-color) !important; font-size: 1em !important;

}
.navbut:hover{ background: var(--main-dark) !important; border: 1px solid var(--main-color) !important;

}
.navbut.ui-state-active{ background: var(--sec-dark) !important; border: 1px solid var(--sec-dark) !important;

}

IoBroker vis erstellen eines einfachen Menüs Teil 3
8 Likes	8 Dislikes
4,138 views views	140 followers
People & Blogs	Upload TimePublished on 28 Nov 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