Cinnamon theme and css

[drcasper]

Hi,

I was wondering, is there an documentation on how to use CSS cause it is seriously not logical.

Im truing to use images, and the outcome is unexpected. For instance to have a image stretched in the bottom panel it should be done like this:

Code: Select all

    background-image: url("panel-bg.png");
    background-reopeat: repeat-x;


but this wont work...
and this will

Code: Select all

      border-image:url("panel-bg.png");


button (not working)

Code: Select all

    background-image: url("button-hover.png");
    background-reopeat: repeat-x;
    border-image: url("button-hover-border.png") 2 stretch stretch;


button working, sort of

Code: Select all

    border-image: url("button-hover.png") ;


[bimsebasse]

I use the W3Schools guides: http://www.w3schools.com/cssref/default.asp

[dalcde]

Code: Select all

    background-reopeat: repeat-x;


You mean

Code: Select all

    background-repeat:  repeat-x;


?

[drcasper]

Code: Select all

    background-reopeat: repeat-x;


You mean

Code: Select all

    background-repeat:  repeat-x;


?

yes

I used border-image to achieve this.

border-image: url("someing.png") 1 1 1 1 stretch stretch

this will do the trick

[Brahim]

Hi,

I was wondering, is there an documentation on how to use CSS cause it is seriously not logical.

Im truing to use images, and the outcome is unexpected. For instance to have a image stretched in the bottom panel it should be done like this:

Code: Select all

    background-image: url("panel-bg.png");
    background-reopeat: repeat-x;


but this wont work...
and this will

Code: Select all

      border-image:url("panel-bg.png");


button (not working)

Code: Select all

    background-image: url("button-hover.png");
    background-reopeat: repeat-x;
    border-image: url("button-hover-border.png") 2 stretch stretch;


button working, sort of

Code: Select all

    border-image: url("button-hover.png") ;


Can you please help me at http://forums.linuxmint.com/viewtopic.php?f=211&t=128328&p=698396#p698396

[bimsebasse]

drcasper - you can see what works in an image heavy theme, e.g. Týr.

Cinnamon's css is based on but by no means the same as "web" css - lots of things in web css that don't work in "shell" css.

[Brahim]

drcasper - you can see what works in an image heavy theme, e.g. Týr.

Cinnamon's css is based on but by no means the same as "web" css - lots of things in web css that don't work in "shell" css.

bimsebass I made the theme I told you about I made it in many flavours check these links: http://cinnamon-spices.linuxmint.com/themes/view/170 and http://cinnamon-spices.linuxmint.com/themes/view/171