Cinnamon theme and css

Please post suggestions for improvement of Cinnamon on:
https://github.com/linuxmint/Cinnamon
Forum rules
Before you post read how to get help. Topics in this forum are automatically closed 6 months after creation.
Locked
drcasper

Cinnamon theme and css

Post by 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") ;
Last edited by LockBot on Wed Dec 28, 2022 7:16 am, edited 1 time in total.
Reason: Topic automatically closed 6 months after creation. New replies are no longer allowed.
bimsebasse

Re: Cinnamon theme and css

Post by bimsebasse »

drcasper

Re: Cinnamon theme and css

Post by drcasper »

dalcde wrote:
drcasper wrote:

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 Salem

Re: Cinnamon theme and css

Post by Brahim Salem »

drcasper wrote: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.p ... 96#p698396
bimsebasse

Re: Cinnamon theme and css

Post by 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 Salem

Re: Cinnamon theme and css

Post by Brahim Salem »

bimsebasse wrote: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 :D :D :D 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
Locked

Return to “Cinnamon”