Files
hpr_website/www/eps/hpr3039/hpr3039_custom.css

95 lines
1.7 KiB
CSS
Executable File

/* 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:
*/