/* Some ideas based on a YT tutorial https://www.youtube.com/watch?v=OXpJylI3rG */

body {
    color: #000;
    /* Seascape with rocks */
    background-image: url("115514-1440x900.jpg");

    // Alternative background colour before the image was chosen
    background-color: #CCFFCC;
    background-position: center;
    background-size: cover;
}

/*
 * Change the background and forground colours throughout the modules so that each is displayed in
 * a white semi-transparent panel with dark lettering.
 */

.module.alert {
    color: rgba(255, 127, 0, 0.6);
}

.module.updatenotification {
    color: rgba(255, 255, 255, 0.6);
}

.module.calendar {
    background-color: rgba(255, 255, 255, 0.9);
    color: #000;
    border-radius: 8px;
    padding: 8px;
}

.module.clock {
    background-color: rgba(255, 255, 255, 0.9);
    color: #000;
    border-radius: 8px;
    padding: 8px;
}

.module.currentweather {
    background-color: rgba(255, 255, 255, 0.9);
    color: #000;
    border-radius: 8px;
    padding: 8px;
}

.module.weatherforecast {
    background-color: rgba(255, 255, 255, 0.9);
    color: #000;
    border-radius: 8px;
    padding: 8px;
}

.module.MMM-MQTT {
    background-color: rgba(255, 255, 255, 0.9);
    color: #000;
    border-radius: 8px;
    padding: 8px;
}

.module.newsfeed {
    background-color: rgba(255, 255, 255, 0.9);
    color: #000;
    border-radius: 8px;
    padding: 8px;
}

.module.MMM-LothianBuses {
    background-color: rgba(255, 255, 255, 0.9);
    color: #000;
    border-radius: 8px;
    padding: 8px;
}

.dimmed {
    color: #000;
}

.normal {
    color: #000;
}

.bright {
    color: #000;
}

.header {
    color: #000;
}

/*
vim: set syntax=css ts=8 sw=4 ai et tw=100 fo=tcrqn21:
*/