[Sboulema]

Author: Bloodeye
Version: 0.4.2
Size: 36KB
Date: 2006-04-13
Compatibility: 1.5 - 3.* 3.0a1 - 3.*
style_images/1/homepage.png Homepage | MZF | MZF | Discussion

LCD Clock - Is a LCD styled clock. Clock beeps on every hour, half-hour, and quarter hour if so desired. Alarm can be set through context menu. Appearance and display are highly customizable. Will work with all fonts.



style_images/1/install.png Install

Some people at TEM and MZF prefer the previous versions, so here they are.

LCD Clock 0.3.1
This version works on 1.5 - 3.1 1.5 - 1.6.0.*

style_images/1/install.png Install

LCD Clock 0.2
This version works on 1.4 - 1.6.0.*

style_images/1/install.png Install xpi
style_images/1/install.png Install zip

[Seamaiden]

Styling:
Customize the look of the clock through easy changes in userChrome.css or by using the Stylish extension.

• Background color
  
• Font
  
• Font Size
  
• Font Color
  
• Font\label position

By default, LCD Clock is setup for LCD2 Bold Font for best results. If you change the font, then more than likely you will need to change the size and position.

Quote

/* LCD Clock serif font position settings within userChrome.css */
/* Will have to play around with these if using a different font */
.lcd-labels {
position: absolute;
top: 2px !important;
}

.lcd-disp-label[small="true"]{
position: absolute;
left: 10px !important;
}

If the shadow and the font number are not aligned, you will need to play around with the top and left rules to get it aligned correctly.

Quote

/* How about a different background and text color. Could change opacity too */
.lcd-fade-label {
opacity: 0.2 !important;
color: #00A651 !important;
}

.lcd-disp-label {
opacity: 1.0 !important;
color: #00FF00 !important;
}

.lcdclock-bgcolor {
background-color: #0000FF !important;
}

Quote

* LCD Clock transparent background */
/* The color of your browser will be displayed instead */
.lcdclock-bgcolor {
background-color: transparent !important;
}

Quote

/* Everything else can be changed including images */
/* These are the images that make up the outline shape */
.lcdclock-lend {
list-style-image: url('chrome://lcdclock/skin/left-endcap.png');
}
.lcdclock-middle {
background-image: url('chrome://lcdclock/skin/mid-section.png');
background-repeat:repeat-x;
}
.lcdclock-rend {
list-style-image: url('chrome://lcdclock/skin/right-endcap.png');
}

/* These are the alarm and pm indicator images */
.lcd-alarm-on {
list-style-image: url('chrome://lcdclock/skin/alarm-on.gif');
}
.lcd-alarm-off {
list-style-image: url('chrome://lcdclock/skin/alarm-off.png');
}
.lcd-pm {
list-style-image: url('chrome://lcdclock/skin/pm-off.png');
}
.lcd-pm[pm="true"]{
list-style-image: url('chrome://lcdclock/skin/pm-on.png');
}

Here are some other fonts and sounds you can add:

Digital Readout Font
7 Segment Font
Royalty Free Clock Sounds