Cinnamon theme and css

Please post suggestions for improvement of Cinnamon here
https://github.com/linuxmint/Cinnamon
User avatar
drcasper
Level 2
Level 2
Posts: 77
Joined: Sun Feb 20, 2011 3:41 pm
Location: Vojvodina

Cinnamon theme and css

Postby drcasper » Thu Jan 19, 2012 2:42 pm

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") ;
Image

User avatar
bimsebasse
Level 7
Level 7
Posts: 1702
Joined: Fri Nov 11, 2011 10:21 am
Location: Scandinavia

Re: Cinnamon theme and css

Postby bimsebasse » Thu Jan 19, 2012 2:48 pm

Thank you for this thread. That’s all I can say. You most definitely have made this forum into something special. You clearly know what you are doing, you’ve covered so many bases. Thanks!

dalcde
Level 4
Level 4
Posts: 204
Joined: Fri May 13, 2011 8:15 am

Re: Cinnamon theme and css

Postby dalcde » Mon Jan 23, 2012 10:03 pm

drcasper wrote:

Code: Select all

    background-reopeat: repeat-x;


You mean

Code: Select all

    background-repeat:  repeat-x;
?

User avatar
drcasper
Level 2
Level 2
Posts: 77
Joined: Sun Feb 20, 2011 3:41 pm
Location: Vojvodina

Re: Cinnamon theme and css

Postby drcasper » Wed Jan 25, 2012 8:03 pm

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
Image

User avatar
Zorba
Level 8
Level 8
Posts: 2287
Joined: Tue May 29, 2012 10:12 pm
Location: Tunisia

Re: Cinnamon theme and css

Postby Zorba » Wed Mar 13, 2013 7:02 pm

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.php?f=211&t=128328&p=698396#p698396
Image

User avatar
bimsebasse
Level 7
Level 7
Posts: 1702
Joined: Fri Nov 11, 2011 10:21 am
Location: Scandinavia

Re: Cinnamon theme and css

Postby bimsebasse » Fri Mar 15, 2013 6:40 pm

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.
Thank you for this thread. That’s all I can say. You most definitely have made this forum into something special. You clearly know what you are doing, you’ve covered so many bases. Thanks!

User avatar
Zorba
Level 8
Level 8
Posts: 2287
Joined: Tue May 29, 2012 10:12 pm
Location: Tunisia

Re: Cinnamon theme and css

Postby Zorba » Fri Mar 15, 2013 8:10 pm

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
Image


Return to “Cinnamon”

Who is online

Users browsing this forum: Hankster and 2 guests