widget files widget css

#widget.css

This stylesheet is automatically loaded for your widget

This stylesheet contains all style information you need into your widget. To prevent from having same common names like "value" or something else into your class, all your css must be prefixed with a class named widget-[your widget name].

Do not use id attributes in your html code. Your widget can be instanciated more than once and your css update won't work.

.widget-clock .time-field {
    text-align: center;
    top: 10%;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

.widget-clock .date-field {
    margin-left: 10px;
}