Cinnamon theme and css

Please post suggestions for improvement of Cinnamon here
https://github.com/linuxmint/Cinnamon

Cinnamon theme and css

Postby drcasper on 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
drcasper
Level 2
Level 2
 
Posts: 71
Joined: Sun Feb 20, 2011 3:41 pm
Location: Vojvodina

Linux Mint is funded by ads and donations.
 

Re: Cinnamon theme and css

Postby bimsebasse on 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!
User avatar
bimsebasse
Level 7
Level 7
 
Posts: 1709
Joined: Fri Nov 11, 2011 10:21 am
Location: Scandinavia

Re: Cinnamon theme and css

Postby dalcde on 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;
?
dalcde
Level 4
Level 4
 
Posts: 211
Joined: Fri May 13, 2011 8:15 am

Re: Cinnamon theme and css

Postby drcasper on 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
drcasper
Level 2
Level 2
 
Posts: 71
Joined: Sun Feb 20, 2011 3:41 pm
Location: Vojvodina

Re: Cinnamon theme and css

Postby Zorba on 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
Zorba
Level 8
Level 8
 
Posts: 2268
Joined: Tue May 29, 2012 10:12 pm
Location: Tunisia

Re: Cinnamon theme and css

Postby bimsebasse on 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
bimsebasse
Level 7
Level 7
 
Posts: 1709
Joined: Fri Nov 11, 2011 10:21 am
Location: Scandinavia

Re: Cinnamon theme and css

Postby Zorba on 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
User avatar
Zorba
Level 8
Level 8
 
Posts: 2268
Joined: Tue May 29, 2012 10:12 pm
Location: Tunisia

Linux Mint is funded by ads and donations.
 

Return to Cinnamon

Who is online

Users browsing this forum: No registered users and 8 guests