MagicMirror² v2.7.0 is available! For more information about this release, check out this topic.

Family Info Board



  • @Wedee Thank you for your reply.
    Do you mind sharing your main.css and custom.css with us? It looks too damn good 😉



  • @emos Shoot me a PM with your email and I will add you to the dropbox share i have of the files.



  • @wedee I like your design. I’m just getting started on my MagicMirror. Do you mind adding me to the Dropbox share? Thanks!



  • @Wedee : Hello Wedee -> i send you a PM with my email address. Would it be possible for you to share your main.css and custum.css? thanks a lot



  • @Wedee I messaged you with my email address awhile back as well.



  • I edited the main post with more info… sorry it took so long.



  • @wedee said in Family Info Board:

    header {
    text-transform: uppercase;
    font-size: 26px;
    font-family: “Roboto Condensed”;
    font-weight: 600;
    border-bottom: 1px solid white;
    line-height: 15px;
    padding-bottom: 5px;
    margin-bottom: 10px;
    color: cadetblue;
    }

    body {
    margin: 60px;
    position: absolute;
    height: calc (100% - 120px);
    width: calc (100% - 120px);
    background-image: url(‘bg2.jpg’);
    background-repeat: no-repeat;
    background-size: 1920;
    font-family: “Roboto Condensed”, sans-serif;
    font-weight: 400;
    font-size: 2em;
    line-height: 1.5em;
    -webkit-font-smoothing: antialiased;
    }

    .MMM-Wunderlist, div#module_9_MMM-Wunderlist {
    width: 550px;
    }

    .calendar_monthly, div#module_6_calendar_monthly table.small {
    width: 550px;
    background-color: rgba(63, 182, 236, 0.23);
    border-radius: 7px;
    padding: 10px;
    }
    .calendar, div#module_7_calendar {
    width: 550px;
    font-size: 26px;
    }

    .MMM-Nest, div#module_8_MMM-Nest {
    width: 550px;
    }

    .MMM-FAA-Delay, div#module_11_MMM-FAA-Delay {
    width: 550px
    color: white;
    font-size: 26px;
    }
    .calendar .time {
    color: white;
    width: 150px;
    padding-left: 10px;
    text-align: right;
    font-size: 75%;
    }
    .calendar .title, .hourv, .clock .date {
    color: white;
    }
    .dimmed {
    color: lavender;
    }
    .normal {
    color: cadetblue;
    }
    .bright {
    color: white;
    }
    .clock .time {
    color: white;
    font-size: 100px;
    padding-top: 25px;
    padding-bottom: 25px;
    }
    .currentweather .wi-sunrise {
    color: #ff0;
    }
    .currentweather .wi-sunset {
    color: #eb0;
    }
    .currentweather .wi-night-showers {
    color: #07f;
    }
    .currentweather .wi-degrees {
    color: #415;
    }
    .currentweather .wi-rain {
    color: #00f;
    }
    .currentweather .wi-showers {
    color: #07f;
    }
    .currentweather .wi-night-showers {
    color: #07f;
    }
    .currentweather .wi-night-alt-cloudy-windy {
    color: #aaa;
    }
    .currentweather .wi-night-cloudy {
    color: #aaa;
    }
    .currentweather .wi-cloudy {
    color: #aaa;
    }
    .currentweather .wi-day-cloudy {
    color: #aaa;
    }
    .currentweather .wi-cloudy {
    color: #aaa;
    }
    .currentweather .wi-cloudy-windy {
    color: #aaa;
    }
    .currentweather .wi-showers {
    color: #00f;
    }
    .currentweather .wi-thunderstorm {
    color: #ff0;
    }
    .currentweather .wi-snow {
    color: #fff;
    }
    .currentweather .wi-fog {
    color: #999;
    }
    .currentweather .wi-night-clear {
    color: #fff;
    }
    .currentweather .wi-night-rain {
    color: #00f;
    }
    .currentweather .wi-night-thunderstorm {
    color: #ff0;
    }
    .currentweather .wi-night-snow {
    color: #fff;
    }
    .airport .code {
    font-size: 32px;
    }
    .airport .message {
    font-size: 26px;
    }
    .airport .weather {
    font-size: 20px;
    }

    @Wedee Thank You so much!!