Beginning in Asia, there are several entries from China.

1. Shanghai Center/Tower, Shanghai, China

2. Kingkey Finance Center, Shenzhen, China

3. China 117 Tower, Tianjin, China

4. Guangzhou West Tower, Guangzhou, China

5. Nanjing Greenland Financial Center, Nanjing, China

6. International Commerce Center, Hong Kong, China

7. Busan Lotte Tower, Busan, South Korea

8. Four Seasons Center, Kuala Lumpur, Malaysia

9. 151 Incheon Tower, Incheon South Korea

10. Central Park Residences, Jakarta, Indonesia

11. Sathorn Square Tower B, Bangkok, Thailand

12. One Rockwell West Tower, Makati, Philippines

Some of the largest buildings in the world will be built in the Middle East.

13. The Pentominium, Dubai, UAE

14. Abraj al-bait Towers, Mecca, Saudi Arabia

15. Dubai Towers, Doha, Qatar

16. Al-Hamra Tower, Kuwait City, Kuwait

17. Sheikh Zayed Center, Lahore, Pakistan

18. The Centaurus, Islamabad, Pakistan

Skyscrapers are being built in Russia and European countries. The Shard is expected to be completed before the 2012 Olympics.

19. Mirax Plaza Tower A, Moscow, Russia

20. Federation Tower, Moscow, Russia

21. London Pinnacle, London, UK

22. The Shard, London, UK

23. Torre Puerto Triana, Sevilla, Spain

24. New Babylon – Tower 1, The Hague, Netherlands

25. Tower 185, Frankfurt, Germany

Several new buildings are being built in North and South America.

26. Claridge Plaza II, Ottawa, Canada

27. L Tower, Toronto, Canada

28. One World Trade Center, New York, USA

29. Carnegie 57, New York, US

30. MainPlace, Houston, TX

31. Waldorf Astoria, Chicago, Illinois

32. Great American Tower, Cincinnati, OH

33. Devon Energy Tower, Oklahoma City, OK

34. Torre Reforma, Mexico City, Mexico

35. Eco Berrini, Sao Paulo, Brazil

36. Central Bank of Kuwait, Kuwait City, Kuwait

37. Ocean Two, Panama City, Panama

The Portside is the first post-Apartheid skyscraper in South Africa.

38. Portside Tower, Cape Town, South Africa

There are some great proposals for Australia.

39. John Boyd Tower, Sydney, Australia

40. Infinity Tower, Brisbane, Australia

Keep an eye out for some of the most beautiful buildings in the world.

CSS3 Generator v1.5

CSS3 Generator – Widgetpad

CSS3 Gradient Generator v2.0

Westciv Tools

CSS Border Radius

CSS3 Click Chart by Impressive Webs

CSS-Tricks Button Maker

CSS3 Column Generator

CSS3 Menu Generator

CSS3 Border Image

CSS3 Rounded Corner Generator

CSS3 Maker

Font Squirrel @Font-Face Kit Generator

The post is a refresh of 6 CSS3 Smashing Generators

Logo Inspiration: Comic Characters

Logo Design: 3D

Logo Design: Cars, trucks and vans

Logo Design: Hearts

Logo Design: Flowers, Plants and Trees

Logo Design A to Z – XYZ Combo

Logo Design A to Z – W

Logo Design A to Z – V

Logo Design A to Z – U

Find more relative logo design post on Abduzeedo

Logo Design: Water

Logo Design: Air

Logo Design: Fire

Rainbow Logo Designs

Logo Design Inspirational Lists

150 Wonderful Logo Designs categorised by color

74 Professional Sports Logo Design Inspiration

30 Examples of Brilliant Logo Design

35 logo design inspiration

75 Fresh Hand-picked Logos Design Inspiration

Logo Design Inspiration: 50+ Beautiful Examples

Logo Design Inspiration: 54 Creative Logos Hand-picked From Logopond

70 Awesome Logo Designs for your inspiration

This Summer’s Best Logo Designs – 40 Logos

15 Logos With Hidden Messages

Logo Design Galleries

LogoLounge

Creattica >> Logos

Logo From Dreams

Logospire

LogoSauce

Logo Of The Day

LogoGala

Carbonmade >> Logos

Lo8os

Logo Faves

LogoMoose

LogoPond

What better way to explain the meaning of ‘infographic’ than with an infographic about infographics. Confused? You shouldn’t be. When you’ve got a concept or information to share, you can either choose a straightforward written document, which is totally boring, not to mention open to misinterpretation, or you can use an infographic, which combines words and data with images, illustrations and sometimes animation, to stimulate an audience and improve understanding and retention. Got it? Good.

2. The Trustworthiness of Beards

Human beings exhibit an almost instinctive disdain for facial hair, the reasons for which has never been properly identified. Perhaps those with beards and moustaches have something to hide beneath their whiskers – who knows? Either way, this infographic, which has created a huge buzz on Twitter and Facebook, will help you identify which type of facial fuzz is OK and which to avoid at all costs.

3. Carland

Follow the steps on this board-game-like path through the evolutionary history of the motor car. Start in 1908, with the introduction of the Ford Model T, and follow it right up to 2008, passing the Clean Air Act and the death of the super car en route.

4. Iraq War

This somewhat sobering, nevertheless highly informative New York Times infographic shows the number of people who died day-by-day in the ongoing conflict in Iraq during 2008. Casualties are defined by role (American Forces, Coalition Forces, and Iraqi Forces etc) as well as by their cause of death.

5. The Genealogy of Pop/Rock Music

This is one of those infographics that you can just stare at for hours. It portrays the growth of music from the 1950s right up to the modern day with different singers and bands grouped by musical category.

6. Solving Global Warming

This hand-drawn masterwork, which resembles some kind of school geography project, explains each step which we can individually take to combat the effects of climate change. With 1,200 diggs and counting, this spider diagram speaks just as clearly to children as to adults, proving that infographics don’t have to look high-tech to be effective.

7. Periodic Table of Typefaces

As we all know, the periodic table lists elements by their atomic number, meaning that those close by in the table share similar properties. When arranged in a table by rank, typefaces exhibit shared characteristics with their neighbours too. In the Periodic Table of Typefaces, you’ll find the designer and year designed of each font as well as a sample of the font in question.

8. The State of the Internet

Statistics can be so incredibly dry and boring, but when they’re presented in such a rapid and memorable way as they are by Jess3 in this outstanding infographic video, they suddenly become interesting and fun to read. Here, you’ll learn all about the current state of the internet, like the total number of emails and tweets sent each day.

9. Social Web Involvement

This absolutely fascinating infographic provides much valuable internet and social media data in a way that’s easily digestible. For each country, total internet access and the number of users who upload photos & videos, manage a social network profile, write a blog and use a micro-blogging service are depicted as a percentage of the overall population.

10. What People are Doing

Unlike in the previous example (Social Web Involvement), the US internet-using population is segmented by their online activities in this infographic. Users are defined as creators (those who publish web pages and blogs), critics (those who comment on these creations), spectators (those who simply read web content) and more. Coloured squares are used to show the age makeup of each.

11. Our Aging World

There’s no better way to visualise the world’s aging population than with this animated infographic. Select your country on the left and your year (1950 to 2050) on the right and click around to see what each of the coloured bars means. Alternatively, click ‘Play’ to see how the whole thing develops over the course of a century.

12. The Most Dangerous Species in the Mediterranean

Forget about Great White Sharks, Hammerheads and the Portuguese Man o’ War, it’s the 8 million tones of waste that’s chucked into the Med that we should really be worried about. In this infographic, which has secured over 3,636 diggs, the most deadly of all waste products are identified and exposed. The way that bits of rubbish have been shaped to resemble sea creatures is really cool (loving the food wrapper lobster!)

13. Data Protection Has Changed

The information set out in this video guides us through the changing face of data storage and protection. Very easy to comprehend and with enough cool animation to keep us interested, it’s packed full of interesting facts like ‘Only 1 in 20 businesses that suffer a serious data loss will be able to remain in business’. Scary!

14. Coalition of the Willing

World leaders met in Copenhagen in 2009 in the hope of forging a unified front against global warming. According to the makers of this video, which treads a fine line between animation and infographic and has been a huge success thanks to Twitter, the outcome of the meeting was a victory for major polluters. Take the time to watch this 15 minute long documentary and you’ll be wowed by its content as well as the skilful animation employed.

15. Influences Map

Marian Bantjes is a Canadian graphic designer. This map, arranged in a highly original and beautiful way, displays all of her major influences, both personal and professional, including artists, materials, travel destinations, people and notable movements.

16. Geological Time Spiral

I studied geography at university, and of all the topics on the curriculum, it was geological time that I found most difficult to get my head around. Perhaps, if I had had this amazing infographic printed poster size and put up on my wall, I would have done a little better in my geomorphology modules! With 3,249 diggs, however, obviously some people are taking advantage of the visual shorthand it provides of the past 4.5 billion years.

17. Where We Live

This map of the United States shows exactly where people live by using spikes of varying heights and colours to represent population density. It’s annotated too, identifying each major spike and providing the exact population in that location. Both attractive and absorbing, the map has achieved 1,320 diggs and will change the way you look at the geography of the States.

18. Student Budget

This terrific infographic, designed by Westwood College, depicts the spending of an average student. You’ll hardly be surprised to learn that 40% of a student’s budget is blown on discretionary purchases like entertainment, apparel and vacation, while only 4% is spent on education. Room and board eats up a whopping 26% and tuition fees 19%.

19. Who’s Buying What

Ever wondered how different people in different parts of the world spend their money? Well, wonder no more thanks to the info depicted here. You’ll see how much the average person spends on clothing, household goods, alcohol & tobacco, recreation and electronics in various different countries. Comparisons are often rather shocking.

20. A Day in the Life of NYTimes.com

On the day Michael Jackson died, thousands of people around the world navigated to NYTimes.com to get the latest information on the story. The two videos below (above just USA, below the entire world) show the locations of the people who logged onto the site and how this changed over the course of a 24 hour period. The yellow circles indicate readers coming from computers and the red circles from mobile devices.

21. Coffee Drinks Illustrated

Sometimes, the most straightforward infographics are the most successful. This one, ideal for any aspiring baristas (of which there seem to be many if the 1,337 diggs are anything to go by), provides phonetic descriptions of all the most popular coffee drinks, alongside visual displays of their ingredients. Make mine a hot Choca-Mocha-Latte!

22. The Beatles: Working Schedule

This is one for the true Beatles fanatics – an infographic showing the working schedule of the Fab Four from 1963-1966. A marked change in their working activities is clear for all to see as the green colour, which symbolises touring and performance, peters out to very little by the end of the three year period.

23. Who Is Coming to America?

Nothing to do with Eddie Murphy, you’ll be pleased to hear, this three dimensional bar chart of sorts depicts the numbers of legal immigrants to the USA by country, along with information regarding numbers of asylum seekers and immigrants with family in the US. Representing a whole one and a half bars, it’s clear that Mexicans account for the largest proportion of immigrants by far.

24. Twitter Territory

Check out this map to see how the 50 United States compare in terms of Twitter usage. The top ten Twitter cities, the most ‘Twitterish’ of which are Los Angeles, New York and San Francisco, can also be found on the map marked with stars.

25. Follow the Money

If you’ve ever wondered how the physical money you spend circulates in society, then you need to log on to www.wheresgeorge.com, where you can track the movement of $1 bills around the USA. This informative video explains the process in detail, and shows how George Washington’s movements can be used to uncover fascinating patterns of human mobility.

We do the searching so you don’t have to. This saves you time and helps you focus on what’s important. So for this post, we’ve rounded up 10 new high-quality fonts for you to use in your designs.

30 New Free High-Quality Fonts

Every now and then we look around, select fresh high-quality free fonts and present them to you in a brief overview. The choice is enormous, so the time you need to find them is usually time you should be investing in your current projects. We search for them and find them so that you don’t have to.

In this selection, we’re pleased to present Piron, Nobile, St Marie, Code, Arcus, Crimson Text, Quadranta, Juice, Prociono, Mr Jones, Ibarra Real and various useful symbol fonts. Please note that some fonts are for personal use only and are clearly marked as such. Please read the license agreements carefully before using the fonts; they can change from time to time.

25 New High Quality Free Fonts

Every now and again we take a look around, select “fresh” high-quality free fonts and present them to you in a brief overview. The choice is enormous, so the time you need to find them is usually the time you should be investing in your current projects. We search for them and we find them, so you don’t have to.

In this selection we’re glad to present you PT Sans, FF Celeste Sans Offc Black, Secca STD, Cantarell and many other regular and experimental high-quality free fonts. Please read the license agreements carefully before using the fonts — the license can change from time to time.

20 New High Quality Free Fonts

Every now and again we take a look around, select “fresh” high-quality free fonts and present them to you in a brief overview. The choice is enormous, so the time you need to find them is usually the time you should be investing in your current projects. We search for them and we find them, so you don’t have to.

In this selection we’re glad to present you Madawaska ExtraLight, Apparatus SIL, League Gothic, Contra and many other high-quality free fonts. Please read the license agreements carefully before using the fonts — the license can change from time to time.

25 High Quality Free Fonts for Professional Designs

Sometimes, the best things in life are free – fonts are a great example of this concept. There are many typography designers and type foundries that choose to share their beautiful creations to the public. In this collection, you’ll find some of the best free and high-quality sans serif fonts for clean and professional designs that you can download on the web.

42 High Quality Fonts for Professional Web Design

High quality fonts are important assets to designers. We always strive to be unique in every design project, but sometimes getting the right font for the right design can be hard. Searching for fonts via search engines and font sites can be time consuming and tedious.

50+ Free High Quality Gothic & Horror Fonts

Typography plays an important role and is an integral part of any design; be it print or web. Sometimes, when there is no room for images, typeface is all you’ve got to give the audience an idea what the whole thing is all about.

If you have recently receive assignment or job to create design for something gothic, spooky or old-fashioned we urge that you take a look at the following free fonts we’ve collected before adding premium fonts to your shopping cart. Here’s a list of 50+ free gothic and horror fonts you may want to bookmark.

40 Free High Quality Hand-Drawn Fonts

Unlike the serif font family, these hand drawn fonts looked less serious but they tend to give and convey strong human touch wherever they are applied.

Download

Download

Celebrating all your favorite Sans-Serif typefaces including Helvetica, Meta, Avenir, Frutiger, Officina, Optima, Gotham, Akzidenz Grotesk, Univers, Trade Gothic, Din, Agenda, Interstate, News Gothic, Myriad, Eurostile, Futura, and Gill Sans. (and NOT Arial)

Fear of a Cooper Black Planet

This one’s a bit less profane, which will come as welcome news to those who shied away from the ‘Vetica one, on grounds of simple politeness. Wear it for the perfect typographic chuckle all day long and show your love for Subtraction.com.

To Hell With Helvetica

Forget the clean lines of Swiss type: Brush Script, it’s clearly the way forward.

Helvetica

Optima Prime

Neubauism

YO! That Kern is TIGHT!

Just another shirt to help non-technical people like you to understand kerning.

Kern Zip up

Next time you have to explain kerning to a layman, you’ll have a live demo just a zip away. The soft navy blue fleece on this fitted, lightweight jogging jacket won’t pill. High quality twill applique means the white letters stitched in News Gothic Bold will stay in place, no matter how fast or far you race. Unisex sizing in S, M, L and XL.

Math Problem

Just another t-shirt design displaying Helvetica Type (The Bigger type is in Black while the smaller types are in Ultra Light).

USA Type Shirt

A shirt released by Print Liberation commemorating the 2008 US Presidential election.

I’ve Got Trapping Skills

Without trapping, unsightly gaps can occur where colors meet. Trapping helps to avoid the unwanted white as seen in the example below.

Helvetica Ultra Light

Avant Garde Medium

Frutiger Ultra Black

Times New Roman Italic

The quick brown fox…

Helvetica Bold

My dad tee

Lowercase

Hello

Say hello in different languages.

FIXED GEAR. SIMPLE LIFE.

Custom t-shirts for fixed gear riders. Based on the particular mechanical specification of the owners fixie (wheel size/ chain ring teeth:cog teeth/ gear inches/ chain width).

The United Weights of Helvetica

Because there simply aren’t enough Helvetica based t-shirts in the world.

Arial is not my type

Can you guess what font this t-shirt (that can be bought as a hoodie too) is written in?

The World’s Best Ever

There’s something really enjoyable about the bluntness and ambiguity of this shirt, it is what it is, and I have no idea what that is. Also, it reminds me of hat-fan Judah Friedlander.

Asien

An ordered chaos of capital letters forming the Asian continent in German.

FOLLOW ME

LIGHTS OF MY LIFE

STRONGER THAN ALL

OH YEAH!

Typography Hoodie

Yes, in fact, it does say typo. But it also says tygr. Snuggle into this lightweight fleece hoodie and enjoy hearing friends and co-workers try out creative pronunciations of the letter pairs. The Rosewood typeface, inspired by Clarendon letterforms used from 1866 to 1875, is as timeless as hoodies themselves.

Font Savant

You live and breathe typography. You know your ascenders from the bowl in a vowel. You peruse specimens like brokers pore over stock reports. Admit it, you’re a font savant. Spell out your passion with these hip characters, bedecked with a medley of outlines, swashery, and ornamentation. The roll call includes Feel Script, Burgues Script, Ommegaand, Expansion, DF Dazzle, Enabler, Progress, Ventura, Madrone, and Bodoni Std Poster. Screened on a black American Apparel T-shirt in 100% fine jersey cotton.

Type with tape

Another useful purpose of a near forgotten medium

Helbotica for Kids

Designed by Jonathan Yule. Helbotica is part of a series of typographic illustrations based on Yule’s favourite sans-serif fonts.

Chaotic Urbanization

Damage

One Mans Junk

A T-shirt for Howies that I designed ages ago that has suddenly appeared.

And Then I Woke Up

We’ve all heard it before. Your friend is explaining his really weird dream, going on and on about random stuff and right when he gets to the good part it abruptly ends with “. . .and then I woke up.”

Will try anything twice

Hip Hop Is Dead

Canada Type

Limited Edition silkscreened t-shirt from the nice people at Canada Type

It’s all love

SHOWCASE

Helvetica Neue

Come and Have a Go

I’m going through a little phase of finding uses for some of the fun things I did lately so I changed up the type of the boxing poster I did to make a tshirt design out of it.

Le CONSTRUCTIVISME

Vision Test

How many of us have lost sight of the dreams we once had for ourselves; what happened to the goals we wanted to aspire towards? Well if you are working hard helping everyone else to fulfill their dreams and goals – maybe you should have “your vision” checked.

yeh boi

It’s Flava Flav’s Public Enemy catchphrase. However, anyone can say it, as long as you mean it. It is one of the most positive things you can say. It’s the best, the shizznit!

ILLEGIBLE

Sorry I’m Late

Quick Fix Tee

Screen printed in Belgium on white 100% cotton American Apparel 2001 T-shirt.

MOOG

MOOG type made up of hundreds of tracks featuring a Moog synthesiser

The End of the Beginning

Old movies are the best movies for many reasons; one of them being that they featured “The End” screen at the conclusion of the movie. Why don’t movie companies do this anymore? One of my favorite end screens was from Destination Moon by George Pal. The ending screen read “This is The End of the Beginning”

BOLD

Why does type always look better when it is in bold? If it were up to me, all typefaces would be in bold! But bold is not just for typography; bold is a way of life. H. Jackson Brown, Jr. said it best, “Be bold and courageous! For when you look back on your life, you’ll regret the things you didn’t do more than the ones you did.”

Organic Green

Sorry I’m Super Bored!

WRKS!

A new series for our brand WRONGWROKS = WRKS! with pink logo on black and white tee, also with full name WRONGWROKS at the bottom of the back.

What’s So Bad?

Beautiful hand drawn type by the wonderful M Brady Clark.

Human Being

YOU ARE THE CSS TO MY HTML

Show the world your geeky side with the “You Are The CSS to My HTML” t-shirt!

Yesman

.button1{
-moz-border-radius:50px;
-webkit-border-radius:50px;
border-radius:50px;
-moz-box-shadow:0 1px 0 rgba(0,0,0,0.3);
-webkit-box-shadow:0 1px 0 rgba(0,0,0,0.3);
box-shadow:0 1px 0 rgba(0,0,0,0.3);
background: -moz-linear-gradient(19% 75% 90deg, #E0E0E0, #FAFAFA);
background: -webkit-gradient(linear, left top, left bottom, from(#FAFAFA), to(#E0E0E0));
color:#4A4A4A;
float:left;
font-family:arial,helvetica,sans-serif;
font-size:17px;
font-weight:bold;
padding:10px 15px;
text-shadow:1px 1px 0 rgba(255, 255, 255, 0.7);
}
.button1:hover{
background: -moz-linear-gradient(19% 75% 90deg,#D6D6D6, #FAFAFA);
background: -webkit-gradient(linear, left top, left bottom, from(#FAFAFA), to(#D6D6D6));
}

2. Second Button: Blue

.button2{
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
-moz-box-shadow:2px 2px 0 #C6E5E7;
-webkit-box-shadow:2px 2px 0 #C6E5E7;
box-shadow:2px 2px 0 #C6E5E7;
background: -moz-linear-gradient(19% 75% 90deg, #CAEAFF, #e2f2ff);
background: -webkit-gradient(linear, left top, left bottom, from(#e2f2ff), to(#CAEAFF));
color:#637897;
float:left;
font-family:arial,helvetica,sans-serif;
font-size:14px;
font-weight:bold;
padding:10px 25px;
text-shadow:1px 1px 0 rgba(255, 255, 255, 0.7);
text-transform:uppercase;
border: 1px solid #C6E5E7;
}
.button2:hover{
background: -moz-linear-gradient(19% 75% 90deg,#C6E5FA, #e2f2ff);
background: -webkit-gradient(linear, left top, left bottom, from(#e2f2ff), to(#C6E5FA));
}

3. Third Button: Blue

.button3{
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
-moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5);
-webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5);
box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5);
background: -moz-linear-gradient(19% 65% 90deg,#0087B4, #0099CC, #0099CC 51%);
background: -webkit-gradient(linear, 0% 45%, 0% 60%, from(#0099CC), to(#0087B4));
color:#f0f0f0;
float:left;
font-family:arial,helvetica,sans-serif;
font-size:14px;
font-weight:bold;
padding:10px 25px;
text-shadow:0 1px 1px rgba(0, 0, 0, 0.5);
border: 1px solid #267ed4;
}
.button3:hover{
background: -moz-linear-gradient(19% 65% 90deg,#0082AD, #0099CC, #0099CC 51%);
background: -webkit-gradient(linear, 0% 45%, 0% 60%, from(#0099CC), to(#0082AD));
color: #f1f1f1;
}

4. Fourth Button: Orange

.button4{
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
-moz-box-shadow:0 1px 0 rgba(0, 0, 0, 0.6);
-webkit-box-shadow:0 1px 0 rgba(0, 0, 0, 0.6);
box-shadow:0 1px 0 rgba(0, 0, 0, 0.6);
background: -moz-linear-gradient(19% 75% 90deg, #FF4D01, #FF8924);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FF8924), to(#FF4D01));
color:#fff;
float:left;
font-family:arial,helvetica,sans-serif;
font-size:15px;
font-weight:bold;
padding:8px 20px;
}
.button4:hover{
background: -moz-linear-gradient(19% 75% 90deg, #EB4701, #F58423);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F58423), to(#EB4701));
}

5. Fifth Button: Blue

.button5{
-moz-border-radius:50px;
-webkit-border-radius:50px;
border-radius:50px;
-moz-box-shadow:0 1px 0 rgba(0, 0, 0, 0.9);
-webkit-box-shadow:0 1px 0 rgba(0, 0, 0, 0.9);
box-shadow:0 1px 0 rgba(0, 0, 0, 0.9);
background: -moz-linear-gradient(19% 75% 90deg, #4183D4, #55a9e8);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#55a9e8), to(#4183D4));
color:#f0f0f0;
float:left;
font-family:arial,helvetica,sans-serif;
font-size:13px;
font-weight:bold;
padding:5px 16px;
text-shadow:0 -1px 0 rgba(0, 0, 0, 0.5);
}
.button5:hover{
background: -moz-linear-gradient(19% 75% 90deg, #4183D4, #55a9e8);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#378dcd), to(#20559A));
-moz-box-shadow:0 0 8px rgba(0, 0, 0, 0.6) inset;
-webkit-box-shadow: none;
box-shadow:0 0 8px rgba(0, 0, 0, 0.6) inset;
}

6. Sixth Button: Pink

.button6{
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
-moz-box-shadow:0 2px 0 #b7245a;
-webkit-box-shadow:0 2px 0 #b7245a;
box-shadow:0 2px 0 #b7245a;
background: -moz-linear-gradient(0% 50% 90deg,#E22E6D, #EB3373, #EB3373 15%);
background: -webkit-gradient(linear, 0% 0%, 0% 56%, from(#EB3373), to(#E22E6D), color-stop(.9,#EB3373));
color:#fff;
float:left;
font-family:arial,helvetica,sans-serif;
font-size:17px;
font-weight:bold;
padding:7px 20px;
text-shadow:1px 1px 1px rgba(0, 0, 0, 0.5);
}
.button6:hover{
background: -moz-linear-gradient(0% 50% 90deg,#D62C67, #DE306D, #EB3373 15%);
background: -webkit-gradient(linear, 0% 0%, 0% 56%, from(#DE306D), to(#D62C67), color-stop(.9,#EB3373));
}

7. Seventh Color: White-Cream

.button7{
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
background: -moz-linear-gradient(19% 75% 90deg,#F0DEB8, #FDF0D1, #fff 100%);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#F0DEB8), color-stop(.3,#FDF0D1));
color:#836d4d;
float:left;
font-family:arial,helvetica,sans-serif;
font-size:15px;
font-weight:bold;
padding:6px 70px;
border: 1px solid #d4c198;
}
.button7:hover{
background: -moz-linear-gradient(19% 75% 90deg,#EBD9B4, #F2E6C8, #F5F5F5 100%);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F5F5F5), to(#EBD9B4), color-stop(.3,#F2E6C8));
}

8. Eighth Button: Green

.button8{
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
-moz-box-shadow:2px 2px 0 rgba(0, 0, 0, 0.7);
-webkit-box-shadow:2px 2px 0 rgba(0, 0, 0, 0.7);
box-shadow:2px 2px 0 rgba(0, 0, 0, 0.7);
background: -moz-linear-gradient(19% 100% 90deg,#025C25, #038836, #5D9B75 100%);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5D9B75), to(#025C25), color-stop(.2,#038836));
color:#E6F2EB;
float:left;
font-family:arial,helvetica,sans-serif;
font-size:17px;
font-weight:bold;
padding:10px 40px;
text-shadow:-1px -1px 1px #4F5B54;
}
.button8:hover{
background: -moz-linear-gradient(19% 100% 90deg,#025221, #037D32, #599470 100%);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#599470), to(#025221), color-stop(.2,#037D32));
}

9. Ninth Button: Green

.button9{
-moz-border-radius:1px;
-webkit-border-radius:1px;
border-radius:1px;
background: -moz-linear-gradient(19% 50% 90deg,#55792F, #608736, #608736 0%);
background: -webkit-gradient(linear, 0% 50%, 0% 51%, from(#608736), to(#55792F), color-stop(0,#608736));
color:#f5f5f5;
float:left;
font-family:arial,helvetica,sans-serif;
font-size:17px;
font-weight:bold;
padding:10px 40px;
text-shadow:0 1px 0 #000000;
border-bottom:1px solid rgba(255, 255, 255, 0.7);
border-top:1px solid rgba(255, 255, 255, 0.7);
}
.button9:hover{
background: -moz-linear-gradient(19% 50% 90deg,#486628, #4E6E2C, #4E6E2C 0%);
background: -webkit-gradient(linear, 0% 50%, 0% 51%, from(#4E6E2C), to(#486628), color-stop(0,#4E6E2C));
}

10. Tenth Button: Yellow-Gold

.button10{
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
background: -moz-linear-gradient(0% 45% 90deg,#E0B324, #FAD121, #FFE678 100%);
background: -webkit-gradient(linear, 0% 0%, 0% 65%, from(#FFE678), to(#E0B324), color-stop(.2,#FAD121));
color:#312f30;
float:left;
font-family:arial,helvetica,sans-serif;
font-size:17px;
font-weight:bold;
padding:10px 20px;
text-shadow:1px 1px 0 #ebd663;
}
.button10:hover{
background: -moz-linear-gradient(40% 51% 90deg,#D4A922, #EBC41F, #EDD670 100%);
background: -webkit-gradient(linear, 0% 0%, 0% 65%, from(#EDD670), to(#D4A922), color-stop(.2,#EBC41F));
}

Demo
Download