GMail stylesheet for Fastmail

yuting · 1 Aug 2004, 07:25 AM

I tried to write a stylesheet mimicking GMail's colors and style. Only the Inbox view is tested. Feel free to try out and improve the style.

CSS File:
http://styles.kuoyuting.fastmail.fm/custom.css

Preview here:
http://www.sastools.com/fastmailCSS/....fm/custom.css

Of course the feel isn't exactly the same as GMail due to the different layout.

FM doesn't separate the folder's and message's styles. So it's impossible to change, say, just the color of folder list.
It's not possible to change the color of separation line between message rows.
GMail logo is colorful, Fastmail has the name of the current folder. FM is probably more useful - I suggest adding the owner's e-mail address at this space, too.

Colors used in GMail that are not supported in FM:

Labels box: Border: #B5EFBD Text: #006531
Quota usage text (you are using 1MB of...) : #00655A
G: #0075BD
M: #DE3839
a: #FFC710
i: #0075BD
l: #29B652

kchess79 · 1 Aug 2004, 07:52 AM

I really like it! Think I'll use it as my default for awhile

**psalzer** · 1 Aug 2004, 09:20 AM

That's really nice!

**Sherry** · 1 Aug 2004, 09:43 AM

Very nice job yuting.

Sherry

fhapgood · 1 Aug 2004, 01:50 PM

Very nice!

bitequator · 2 Aug 2004, 01:16 AM

Thanks from me too, I like it a lot and will use it

TedCavitt · 2 Aug 2004, 03:24 AM

Think we can get Fastmail to incorporate it into its official set? Shouldn't be too much of a stretch since most of Fastmail's aren't that great.

kchess79 · 2 Aug 2004, 03:37 AM

Quote:

Originally posted by TedCavitt
Think we can get Fastmail to incorporate it into its official set? Shouldn't be too much of a stretch since most of Fastmail's aren't that great.

I really like most of the FM stylesheets! (And quite a few of them were made by people on this forum, BTW...)

flashbang · 2 Aug 2004, 04:18 AM

How about applying the color of the "labels box" (the light greenish color) to the bottom of the document where the "Tip" goes?

It's blending in to the background, so it's a bit hard to make out the text.. If you use that light green as it's background, it may make it more readable, and it adds another color

..

Might be a bug, but on sanjay's tester, the text color for "Mailbox" is rendered white, making it invisible (mixes in with the background.

Also, the other labels (compose, addresses, etc.) are not prominently visible.. Perhaps you could give that text a color?(the darker shade of blue in the gmail stylesheet perhaps? dont know it's hex code

)

Other than that, excellent stylesheet! I think i'll use it for a while

Jeremy Howard · 2 Aug 2004, 07:58 AM

Yes I'd be happy to add it to our collection next time we go through style-sheets. We just need someone to go through each FastMail.FM screen with this stylesheet, in the latest versions of each of IE, Moz, and Opera, plus IE 5.0, and check it all looks OK - once that's been confirmed we'll be able to upload it.

PhiloVance · 2 Aug 2004, 12:18 PM

Off topic a bit here:

Is there a sticky or faq about .css? About how one tests or loads. I've completely missed this, sorry.

bitequator · 2 Aug 2004, 02:24 PM

But what are we going to name this stylesheet?

Something mangled along the lines of the existing HotOne (Hotmail) and Hoo!Ya (Yahoo) stylesheet names

Maybe MGail? GMoogle? I just don't know...

yuting · 2 Aug 2004, 05:52 PM

Quote:

Originally posted by bitequator
But what are we going to name this stylesheet?

Something mangled along the lines of the existing HotOne (Hotmail) and Hoo!Ya (Yahoo) stylesheet names

Maybe MGail? GMoogle? I just don't know...

LiamG?

The stylesheet has yet to be fully tested. Will do that if I get time this week.

Jeremy Howard · 2 Aug 2004, 06:41 PM

"Gee, Mail!"

**Gankaku** · 2 Aug 2004, 11:36 PM

Quote:

Originally posted by Jeremy Howard
"Gee, Mail!"

HAHA that's witty - it's perfect.

1 Aug 2004, 07:25 AM	#1
yuting Member Join Date: May 2002 Location: London Posts: 43	GMail stylesheet for Fastmail I tried to write a stylesheet mimicking GMail's colors and style. Only the Inbox view is tested. Feel free to try out and improve the style. CSS File: http://styles.kuoyuting.fastmail.fm/custom.css Preview here: http://www.sastools.com/fastmailCSS/....fm/custom.css Of course the feel isn't exactly the same as GMail due to the different layout. FM doesn't separate the folder's and message's styles. So it's impossible to change, say, just the color of folder list. It's not possible to change the color of separation line between message rows. GMail logo is colorful, Fastmail has the name of the current folder. FM is probably more useful - I suggest adding the owner's e-mail address at this space, too. Colors used in GMail that are not supported in FM: Labels box: Border: #B5EFBD Text: #006531 Quota usage text (you are using 1MB of...) : #00655A G: #0075BD M: #DE3839 a: #FFC710 i: #0075BD l: #29B652

1 Aug 2004, 01:50 PM	#5
fhapgood Master of the @ Join Date: Oct 2001 Location: Boston USA Posts: 1,065	Re: GMail stylesheet for Fastmail Very nice!

1 Aug 2004, 07:52 AM	#2
kchess79 Master of the @ Join Date: Apr 2002 Location: Chicagoland Posts: 1,142	I really like it! Think I'll use it as my default for awhile

1 Aug 2004, 09:20 AM	#3
psalzer Moderator Join Date: Dec 2001 Location: Long Island, NY Posts: 2,654	That's really nice!

1 Aug 2004, 09:43 AM	#4
Sherry Moderator Join Date: Dec 2002 Location: USA Posts: 8,687	Very nice job yuting. Sherry

2 Aug 2004, 01:16 AM	#6
bitequator The "e" in e-mail Join Date: Apr 2003 Location: USA Posts: 2,978	Thanks from me too, I like it a lot and will use it

2 Aug 2004, 03:24 AM	#7
TedCavitt Senior Member Join Date: Aug 2003 Posts: 141	Think we can get Fastmail to incorporate it into its official set? Shouldn't be too much of a stretch since most of Fastmail's aren't that great.

2 Aug 2004, 04:18 AM	#9
flashbang Essential Contributor Join Date: Jan 2003 Location: US Posts: 262	How about applying the color of the "labels box" (the light greenish color) to the bottom of the document where the "Tip" goes? It's blending in to the background, so it's a bit hard to make out the text.. If you use that light green as it's background, it may make it more readable, and it adds another color .. Might be a bug, but on sanjay's tester, the text color for "Mailbox" is rendered white, making it invisible (mixes in with the background. Also, the other labels (compose, addresses, etc.) are not prominently visible.. Perhaps you could give that text a color?(the darker shade of blue in the gmail stylesheet perhaps? dont know it's hex code ) Other than that, excellent stylesheet! I think i'll use it for a while

2 Aug 2004, 07:58 AM	#10
Jeremy Howard Ultimate Contributor Join Date: Sep 2001 Location: Australia Posts: 11,501	Yes I'd be happy to add it to our collection next time we go through style-sheets. We just need someone to go through each FastMail.FM screen with this stylesheet, in the latest versions of each of IE, Moz, and Opera, plus IE 5.0, and check it all looks OK - once that's been confirmed we'll be able to upload it.

2 Aug 2004, 12:18 PM	#11
PhiloVance Essential Contributor Join Date: Aug 2000 Location: Cal-e-for-nia Posts: 377	Off topic a bit here: Is there a sticky or faq about .css? About how one tests or loads. I've completely missed this, sorry.

2 Aug 2004, 02:24 PM	#12
bitequator The "e" in e-mail Join Date: Apr 2003 Location: USA Posts: 2,978	But what are we going to name this stylesheet? Something mangled along the lines of the existing HotOne (Hotmail) and Hoo!Ya (Yahoo) stylesheet names Maybe MGail? GMoogle? I just don't know...

2 Aug 2004, 06:41 PM	#14
Jeremy Howard Ultimate Contributor Join Date: Sep 2001 Location: Australia Posts: 11,501	"Gee, Mail!"