CUSTOM CSS Tweaks for FastMail's New UI, using Firefox Extension Stylish!

[joe_devore]

Originally Posted by Gsptlsnz

everything is pretty much back to the way it was on my screen so
if anyone needs something changed, then speak up now!

ok, I will check to see if anything isn't working and report back..


here are two not working right...

	/* Box around "MAIL Storage Quota" at bottom left of  the screen.            */
	/* Tweaked version that also adds a 5 pixel thick border around the box.  */
	.v-UsageInfo
	{
	border: 5px solid green;
	box-shadow:5px 5px 5px rgba(0,0,0,.25), 0 0 20px transparent inset, 0 0 1px rgba(255,255,255,0.5) inset;
	}


	/* Puts a thin border between the emails */
	.v-MailboxItem
	{
	border-top:2px solid green;
	}

The 2nd one above is doing only a 1 pixel line instead of a 2 pixel line like I want it...
the first one isn't working at all...


and this one I don't know if its working or not since I can't seem to recall where to find it in the FastMail UI..

	/* Adds gold box around 'Show Details' link */
	.u-subtleLink
	{
	color:navy;
	background-color:gold;
	padding-left:3px;
	padding-right:3px;
	border-radius:4px;
	}

[Gsptlsnz]

/* Put a box around "MAIL Storage Quota" at bottom left of the screen. */
/* Tweaked version that also adds a 5 pixel thick border around the box. */
.v-Quota {
border: 5px solid green;
box-shadow:5px 5px 5px rgba(0,0,0,.25), 0 0 20px transparent inset, 0 0 1px rgba(255,255,255,0.5) inset;
}

Try this...

/* Puts a rail-thin border between the emails */
.v-MailboxItem {
border-top:3px solid black!important;
}

or...

Try this...

/* Puts a rail-thin border between the emails */
.app-listItem {
border-top:3px solid black!important;
}

[joe_devore]

Originally Posted by Gsptlsnz

/* Put a box around "MAIL Storage Quota" at bottom left of the screen. */
/* Tweaked version that also adds a 5 pixel thick border around the box. */
.v-Quota {
border: 5px solid green;
box-shadow:5px 5px 5px rgba(0,0,0,.25), 0 0 20px transparent inset, 0 0 1px rgba(255,255,255,0.5) inset;
}

Try this...

/* Puts a rail-thin border between the emails */
.v-MailboxItem {
border-top:3px solid black!important;
}

or...

Try this...

/* Puts a rail-thin border between the emails */
.app-listItem {
border-top:3px solid black!important;
}

thx Gsptlsnz..
the top one works now...
but the email list divider line is still acting odd regardless of code used..

	/* Puts a thin border between the emails */
	.v-MailboxItem
	{
		border-top:3px solid green;
	}

as a test I increased the thickness to 3px now the line is 2px think but the ends of the line have a small length that is 3px think...its weird....

[Gsptlsnz]

Originally Posted by joe_devore

as a test I increased the thickness to 3px now the line is 2px think but the ends of the line have a small length that is 3px think...its weird....

i noticed that silly glitch on my screen... live with it

[joe_devore]

Originally Posted by Gsptlsnz

i noticed that silly glitch on my screen... live with it

lol can do...

[Gsptlsnz]

Originally Posted by joe_devore

and this one I don't know if its working or not since I can't seem to recall where to find it in the FastMail UI..

	/* Adds gold box around 'Show Details' link */
	.u-subtleLink
	{
	color:navy;
	background-color:gold;
	padding-left:3px;
	padding-right:3px;
	border-radius:4px;
	}

it's working. it puts a small gold box around the "Show Details" link when you're reading an email. like this...

From: Mike
To: Ron (show details)

when you click the link you see the spam score and size of the email.

[joe_devore]

Originally Posted by Gsptlsnz

it's working. it puts a small gold box around the "Show Details" link when you're reading an email. like this...

From: Mike
To: Ron (show details)

when you click the link you see the spam score and size of the email.

ok... but for some reason I do not see these("Show Details" or the box) when I go to read an email...
ooh well its whatever I guess... lol...

[Terry]

Its in the email header once you have opened it.

[joe_devore]

Originally Posted by Terry

Its in the email header once you have opened it.

hmm.. I use the classic theme... so that might be it.. YUP! that is it alright..
it auto shows all those details already.. so I don't see the "Show details" box for that reason...

[Terry]

If you get time perhaps do a new page with all the new updates on, or would you run out of space on one page.

[joe_devore]

Originally Posted by Terry

If you get time perhaps do a new page with all the new updates on, or would you run out of space on one page.

I have updated all the changed ones but yeah I am out of ROOM on post #1

maybe we could ask Gsptlsnz to do a new thread this time.. that way he will have control over updating the code... that and he should reserve the first 3 posts after post #1 so that way he has additional room

[Gsptlsnz]

Originally Posted by Terry

If you get time perhaps do a new page with all the new updates on, or would you run out of space on one page.

there are only a few changes made so a new page isn't necessary.

[Gsptlsnz]

Originally Posted by joe_devore

I have updated all the changed ones but yeah I am out of ROOM on post #1

maybe we could ask Gsptlsnz to do a new thread this time.. that way he will have control over updating the code... that and he should reserve the first 3 posts after post #1 so that way he has additional room

ha! ha! the members should NOT have to keep fixing the coding for a paid email service. i really don't have much time for this sort of thing.

if they change their css again, and they will, i am not going to keep doing update after update after update...

you can live with the crappy changes; edit the css code; or switch to an email provider that doesn't give their clients this kind of $#@%& grief.

[Gsptlsnz]

/* Send button when writing, see below... */
.s-send {
background-color:green!important;
font-weight:bold;
text-shadow:1px 1px 1px #808080;
box-shadow:5px 5px 5px rgba(0,0,0,.25), 0 0 20px transparent inset, 0 0 1px rgba(255,255,255,0.5) inset!important;
}

.s-save-draft {
background-color:skyblue!important;
color:white!important;
font-weight:bold;
text-shadow:1px 1px 1px #808080;
box-shadow:5px 5px 5px rgba(0,0,0,.25), 0 0 20px transparent inset, 0 0 1px rgba(255,255,255,0.5) inset!important;
}

.s-discard {
background-color:crimson!important;
color:white!important;
font-weight:bold;
text-shadow:1px 1px 1px #808080;
box-shadow:5px 5px 5px rgba(0,0,0,.25), 0 0 20px transparent inset, 0 0 1px rgba(255,255,255,0.5) inset!important;
}

[Terry]

Is there a script for normal customer named folders as currently I can only change the Fastmail system folders or am I doing something wrong as I only get a folder color after I have clicked the folder.