Activate your free membership today | Log-in

Wednesday, July 15th, 2009

Aristo look and feel via CSS3

Alex MacCaw has taken the first public cut of the "Aristo" look and feel from 280 North, designed by Sofa, and has CSS3-ified it.

It uses some nice shiny CSS such as:

CSS:
  1.  
  2. -webkit-box-shadow: 0 0 15px #A1CAE2;
  3.  
  4. -webkit-border-image: url(../images/hud/button-bezel.png) 9 13 10 13 / 8px 13px 9px 13px repeat repeat;
  5.  
  6. background-image: url(../images/scroller-up-arrow-track.png), url(../images/scroller-vertical-track.png);
  7. background-repeat: no-repeat, repeat-y;
  8.  

Time to "fork" it on Github and add in the -moz versions too ;)

Posted by Dion Almaer at 6:24 am
6 Comments

+++--
3.7 rating from 45 votes

6 Comments »

Comments feed TrackBack URI

Very cool if your application is old-browser free!

greetings,
stoimen

Comment by stoimen — July 15, 2009

Looks nice but can’t be used by most people, and has a few odd visual glitches.
.
The most offensive one:
http://skitch.com/michaelthompson/ba2ac/aristo

Comment by MichaelThompson — July 15, 2009

Michael,
Yes – that’s a webkit bug – no easy way to get round that unfortunately.
The reason I did it is for a Ruby Desktop GUI framework I’m making, called Bowline, that runs on Titanium (which uses webkit).

Comment by maccman — July 15, 2009

They could’ve used even less images though, using more gradients for example. But nice effort none the less.

Comment by lensco — July 15, 2009

sorry for this stupid question, but there is a tutorial about using the elements (i.e. popup drop down)?

Comment by acarmisc — July 15, 2009

With the changing trend of the world, wedding apart from white,Princess Strapless Satin Evening Dress ivory, beige and other traditional colors,are also increasingly popular in recent years, ghetto prom dressespink wedding package,gothic prom dresses such as pink, pink orange, baby blue, purple night, light green and light silver-gray, very soft and pleasing to wedding hair accessoriesthe eye; if you have the courage to try, dark green, purplish red, deep purple, decorated in pink wedding dress, the formation of rich colors,the dress, the effect is very special;Sash Lace Satin Flower Girl Dress, laden with flour colored silk flowers, butterflies, in order to add color.wedding dressIn fact, the wedding is the color of lesser importance, the most important prerequisite is to match the bride’s complexion. Oriental deep and yellowish color, wearing white Mermaid Satin Organdie Wedding Dress,will appear dull, wearing ivory would be more harmonious and natural, baby blue, wedding accessoriespurple night can not be coordinated with the yellow, but pink orange, light green with yellowish color match. As for the skin and rosy, or bronze skin, wearing white will look great, wedding dress

Comment by wuwei — November 10, 2009

Leave a comment

You must be logged in to post a comment.