[SOLVED] Style Sheet

[jkitt]

Hi all. I am modifying the program interface (modern_program.pas and modern.css files) to use Movienizer on a 55" HDTV. I am increasing text, dvd cover and icon sizes. It's been a long time since I've done any pascal programming and need a little help:

1. I would like to change text color, weight and size on the same line. (Seasons area in right pane, episode # and name in bold,
air date and run time in normal weight.) I've added a "class" to the .css file for the new text style, but when I use it to
change the style in the middle of a text string, it creates a new line.

2. Can I change scaling for icons ie: play, people, etc?

Any direction would be greatly appreciated.

[JeF]

Hi jkitt,

but when I use it to change the style in the middle of a text string, it creates a new line.

Sounds like you've used '<div class=...>' tags. Try '<span class=...>' instead within text blocks.

2. Can I change scaling for icons ie: play, people, etc?

I would say yes, using 'width' (or 'height' but not both to preserve original width/height ratio) property within 'img' tags or css classes, but results may not be very attractive if source image resolution is small.


JeF

[jkitt]

Hi JeF,

Thanks for the quick reply. I will try to give you an example of the code (from memory as I am at work!!).
The text format example:

text:= // some format + textstr //
s:='EpisodeName'
text:=text + '<p class="regular">' + s;

Can you give me a code example of the '<span class="...">' feature? And I assume the icon scaling would work the same for the dvd covers if I can find the in the .pas file? I am also "sharpening up" the icons I want to scale.

Thanks,
jkitt

[JeF]

as I am at work!!

So do i

text:= // some format + textstr //
s:='EpisodeName'
text:=text + '<p class="regular">' + s;

Would say
text:=text + '<span class="regular">' + s + '</span>' ;

If the only aim is to customize page design maybe using Patterns would be easier/more effective ?

JeF

[jkitt]

JeF,

I think I have most of my wants addressed. However, I've come up with a new one. I have been changing text, background, etc sizes to increase the display size. I've been doing all my experimenting on my laptop (windows 7) and just today copied all my files to my media server (windows xp). Everything looks good (here comes the BUT!) but the left hand thumbs pane. Neither text size nor the thumb width makes any change. They changed on my laptop as well as another computer running windows xp. The media server and the other xp machine have almost identical hardware except the media server has a video card that has a HDMI output I use to connect to the tv. Here are the two entries I am changing:

div.thumb-text{
color: #333333;
background-color: #FFFFFF;
font-family: Verdana, Arial, Sans;
font-size: 11px;
line-height: 18px;
border-collapse: collapse;
}

img.thumb-cover{
width: 50px;
border: 2px solid #FFFFFF;
}

This is from the original Modern.css file. Any ideas??

jkitt

[JeF]

Hi jkitt

but the left hand thumbs pane. Neither text size nor the thumb width makes any change. They changed on my laptop as well as another computer running windows xp.

Did you tick 'Show nice preview (slower)' in general options ?
JeF

[jkitt]

JeF,

That solved the problem! Thanks for all you help.

jkitt

[JeF]

Thanks for all you help.

You're welcome
JeF