Topics created by Hellonoonan

MC: see my reply in my own thread.

Hellonoonan: FYI, you can go backwards and forwards in my module. I’m working on more functionality, but I’m having to deal with a steep learning curve and a limited amount of time. Glad you like it as is. Please feel free to suggest any updates or other adjustments.

/*****************************************************

Magic Mirror * Custom CSS * * By Michael Teeuw http://michaelteeuw.nl * MIT Licensed. * * Add any custom CSS below. * Changes to this files will be ignored by GIT. *
*****************************************************/

body {

#yearDigits {
color: #fff;
font-weight: normal;
}

#monthName {
font-weight: normal;
}

#monthName:after {
content: " •";
color: #80ff00;
font-weight: bold;
}

.monthPrev {
color: #333333;
}

.monthNext {
color: #333333;
}

.square-box {
position: relative;
width: 50%;
overflow: hidden;
margin: 0px auto;
}

.square-box:before {
content: “”;
display: block;
padding-top: 20%;
}

.square-content {
top: 0;
left: 0;
bottom: 0;
right: 0;
}

.square-content .today {
border: 1px solid #80ff00;
font-weight: normal;
color: #80ff00;
}

.square-content div {
display: table;
width: 100%;
height: 100%;
}

.square-content span {
display: table-cell;
text-align: center;
vertical-align: middle;
}

.OfficeHours {
text-align: left;
color: #fff;
font-size: 50px;
}

header {
text-transform: none;
font-size: 65px;
font-family: “Roboto Condensed”, Arial, Helvetica, sans-serif;
font-weight: 600;
border-bottom: 2px solid #0084ff;
line-height: 55px;
padding-bottom: 5px;
margin-bottom: 10px;
color: #fff;
}

}