Big letters patch
Posted: Wed Apr 23, 2008 8:53 am
In our case guards that look on zoneminder archives are often elderly people who do not see small letters very well. There is no tuning to choose letter size in zoneminder as they are fixed size in pixels in CSS files. Well advanced users of Mozilla can change letters using View->Font size-> Increase menu, but it was very difficult to explain this to guards. So we developed a patch which may be useful if you ran into the similar problem. I beleive there is a better way for doing this
[/code]
Code: Select all
*** zoneminder.orig/zm_html_styles.css 2008-03-03 22:47:54.000000000 +0300
--- zoneminder/zm_html_styles.css 2008-04-03 14:17:55.000000000 +0400
***************
*** 16,95 ****
* along with this program; if not, write to the Free Software
* Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA.
*/
.text {
- font-family: Verdana, Arial, Helvetica, sans-serif;
- font-size: 10px;
color: #333333;
! font-weight: normal;
}
.bigtext {
- font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333333;
font-weight: bold;
line-height: 15px;
}
.tinytext {
- font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #333333;
font-weight: normal;
}
.redtext {
- font-family: Verdana, Arial, Helvetica, sans-serif;
- font-size: 10px;
color: #DC143C;
font-weight: bold;
}
.ambtext {
- font-family: Verdana, Arial, Helvetica, sans-serif;
- font-size: 10px;
color: #FF8C00;
font-weight: bold;
}
.gretext {
- font-family: Verdana, Arial, Helvetica, sans-serif;
- font-size: 10px;
color: #688E23;
font-weight: bold;
}
.redtextem {
- font-family: Verdana, Arial, Helvetica, sans-serif;
- font-size: 10px;
color: #DC143C;
font-weight: bold;
font-style: italic;
}
.ambtextem {
- font-family: Verdana, Arial, Helvetica, sans-serif;
- font-size: 10px;
color: #FF8C00;
font-weight: bold;
font-style: italic;
}
.gretextem {
- font-family: Verdana, Arial, Helvetica, sans-serif;
- font-size: 10px;
color: #688E23;
font-weight: bold;
font-style: italic;
}
.smallhead {
- font-family: Verdana, Arial, Helvetica, sans-serif;
- font-size: 10px;
color: #016A9D;
font-weight: bold;
line-height: 20px;
}
.head {
! font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000066;
font-weight: bold;
}
.bighead {
! font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000066;
font-weight: bold;
--- 16,83 ----
* along with this program; if not, write to the Free Software
* Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA.
*/
+ body {
+ font-family: Verdana, Arial, Helvetica, sans-serif;
+ }
+ table {
+ font-size:76%;
+ }
.text {
color: #333333;
! font-weight: bold;
}
.bigtext {
font-size: 11px;
color: #333333;
font-weight: bold;
line-height: 15px;
}
.tinytext {
font-size: 9px;
color: #333333;
font-weight: normal;
}
.redtext {
color: #DC143C;
font-weight: bold;
}
.ambtext {
color: #FF8C00;
font-weight: bold;
}
.gretext {
color: #688E23;
font-weight: bold;
}
.redtextem {
color: #DC143C;
font-weight: bold;
font-style: italic;
}
.ambtextem {
color: #FF8C00;
font-weight: bold;
font-style: italic;
}
.gretextem {
color: #688E23;
font-weight: bold;
font-style: italic;
}
.smallhead {
color: #016A9D;
font-weight: bold;
line-height: 20px;
}
.head {
!
font-size: 11px;
color: #000066;
font-weight: bold;
}
.bighead {
!
font-size: 12px;
color: #000066;
font-weight: bold;
***************
*** 108,120 ****
}
.form {
border: 1px #7F7FB2 solid;
- font-family: Verdana, Arial, Helvetica, sans-serif;
- font-size: 10px;
color: #333333;
}
.form-noborder {
- font-family: Verdana, Arial, Helvetica, sans-serif;
- font-size: 10px;
color: #333333;
}
input[disabled] {
--- 96,104 ----
***************
*** 124,137 ****
border: 1px #7F7FB2 dashed;
}
.textsmall {
- font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #333333;
font-weight: normal;
}
.closetext {
- font-family: Verdana, Arial, Helvetica, sans-serif;
- font-size: 10px;
color: #333333;
font-weight: normal;
line-height: 12px;
--- 108,118 ----
***************
*** 143,150 ****
border: red solid 1px;
}
td.activetab {
- font-family: Verdana, Arial, Helvetica, sans-serif;
- font-size: 10px;
color: #333333;
font-weight: bold;
border-left: #7F7FB2 solid 2px;
--- 124,129 ----
***************
*** 154,161 ****
text-align: center;
}
td.passivetab {
- font-family: Verdana, Arial, Helvetica, sans-serif;
- font-size: 10px;
color: #333333;
font-weight: normal;
border: #7F7FB2 solid 1px;
--- 133,138 ----
***************
*** 163,177 ****
text-align: center;
}
td.nontab {
- font-family: Verdana, Arial, Helvetica, sans-serif;
- font-size: 10px;
color: #333333;
font-weight: normal;
border-bottom: #7F7FB2 solid 1px;
}
td.ruled {
- font-family: Verdana, Arial, Helvetica, sans-serif;
- font-size: 10px;
color: #333333;
font-weight: normal;
border-top: #7F7FB2 solid 1px;
--- 140,150 ----
***************
*** 185,216 ****
.button {
border: 1px #000000 solid;
padding: 2px 5px;
- font-family: Verdana, Arial, Helvetica, sans-serif;
- font-size: 12px;
font-weight: bold;
color: #FFFFFF;
background-color: #016A9D;
}
.smallbutton {
padding: 1px 2px;
- font-family: Verdana, Arial, Helvetica, sans-serif;
- font-size: 10px;
color: #FFFFFF;
text-align: center;
background-color: #016A9D;
}
.numbutton {
padding: 1px 2px;
width: 24px;
- font-family: Verdana, Arial, Helvetica, sans-serif;
- font-size: 10px;
color: #FFFFFF;
text-align: center;
background-color: #016A9D;
}
.flatbutton {
- font-family: Verdana, Arial, Helvetica, sans-serif;
- font-size: 10px;
color: #333333;
font-weight: normal;
padding: 1px 2px;
--- 158,182 ----
.button {
border: 1px #000000 solid;
padding: 2px 5px;
font-weight: bold;
color: #FFFFFF;
background-color: #016A9D;
}
.smallbutton {
padding: 1px 2px;
color: #FFFFFF;
text-align: center;
+ font-weight: bold;
background-color: #016A9D;
}
.numbutton {
padding: 1px 2px;
width: 24px;
color: #FFFFFF;
text-align: center;
background-color: #016A9D;
}
.flatbutton {
color: #333333;
font-weight: normal;
padding: 1px 2px;