EmailDiscussions.com  

Go Back   EmailDiscussions.com > Email Service Provider-specific Forums > FastMail Forum
Register FAQ Members List Calendar Search Today's Posts Mark Forums Read
Stay in touch wirelessly

FastMail Forum All posts relating to FastMail.FM should go here: suggestions, comments, requests for help, complaints, technical issues etc.

Reply
 
Thread Tools
Old 5 Jul 2017, 08:25 AM   #556
Gsptlsnz
Senior Member
 
Join Date: Sep 2011
Location: 5th Dimension
Posts: 180
Glad to help!

This is a work in progress, so feel free to change anything you want.

I'm still seeking to remove the word "messages" (as you wanted) because I hate that word on the screen! May not be possible with CSS but I will try.

This code:

Code:
/* Adds shading to the toolbars */
.app-viewBar, .v-Toolbar, .app-toolbar {
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;
}
makes the blue bar at the top of the screen (Archive, Delete, Report Spam) appear to hover over the page by adding drop-shading to the bottom.

Just a cosmetic effect, but it worked much better on 'Classic'.
Gsptlsnz is offline   Reply With Quote
Old 5 Jul 2017, 08:41 AM   #557
joe_devore
Essential Contributor
 
Join Date: Dec 2003
Location: Dover, NH, USA
Posts: 315
I tried changing the code word "after" to end, right, etc to change the alignment BUT NO, and it error-ed out.. x(

I tried googling it but could not find anything directly related to that code..
X(
joe_devore is offline   Reply With Quote
Old 5 Jul 2017, 09:41 AM   #558
Terry
The "e" in e-mail
 
Join Date: Jul 2002
Location: VK4
Posts: 2,993
Quote:
Originally Posted by Gsptlsnz View Post
This is my custom CSS code. Makes the screen look similar to Concise.

You'll need the FF add-on "Stylish",
https://addons.mozilla.org/en-US/firefox/addon/stylish/

---

@-moz-document domain("fastmail.com") {

/* Shows no. of files per folder */
.v-FolderSource:after {
content: " " attr(title);
font-size:12pt;
color:darkgreen;
}

/* Box at screen bottom that shows space left */
.v-UsageInfo {
color:black;
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;
}

/* Makes the check-boxes 3-D. */
.app-listItem-boxInput {
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;
}

/* Sets the color of email windows on the main screen */
.app-listItem {
background-color:#F5F5F5;
}

/* Makes pinned rows ivory */
.is-pinned {
background-color:aliceblue;
}

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

/* Makes Name of Sender Green */
.v-MailboxItem-from {
color:darkgreen;
}

/* Sets color/size of the previews */
.v-MailboxItem-preview {
color:black;
font-size:12pt;
}

/* Makes the address book drop-down menu larger */
.v-AutoComplete {
font-size:14pt;
}

/* Makes word 'To' crimson */
.s-compose-to {
font-size:16pt;
color:crimson;
}

/* Makes word 'Subject' green */
.s-compose-subject {
font-size:11pt;
color:green;
}

/* Shows name of Folder you are in */
.v-MessageCard-folder {
background-color:hotpink;
padding-left:4px;
padding-right:4px;
font-size:12.5pt;
color:white;
text-shadow:1px 1px 1px #000;
border-radius:5px;
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;
}

/* Makes email addy navy */
.v-EmailText-ghost {
color:navy;
}

/* Makes name of email writer green */
.v-MessageCard-fromAndPreview {
font-size:14pt;
color:darkgreen;
}

/* Affects 'Mail' in upper left corner */
.v-MainNavToolbar-appName {
color:gold;
font-weight:bold;
text-shadow:1px 1px 1px #000;
}

/* User name in red letters */
.v-MainNavToolbar-userName {
color:red;
border-bottom:1px solid white;
}

/* Makes sidebar look like Concise */
.app-sidebar {
background-color:#F0E68C;
color:navy;
}

a:link {
color:navy;
text-decoration:none;
}

a:hover {
color:#DD0000;
}

/* Affects 'Newer' and 'Older' links at page top */
.v-ThreadNav-text {
color:red;
font-weight:bold;
font-size:13pt;
text-shadow:1px 1px 1px #000;
}

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

/* Controls textarea where you read the email */
.v-Message-body {
background-color:#F5F5F5;
padding:5px;
width:748px;
font-family:verdana;
font-size:13pt;
margin-bottom:15px;
margin-top:15px;
border-radius:11px;
border:1px solid #F5F5F5;
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;
}

span {
font-size:11pt;
}

.v-MessageCard-time, .v-Compose-lastSaved {
margin-top:-5px;
padding:0px;
background-color:transparent;
color:darkgreen;
}

/* Affects the Red and White square on the upper left */
.icon-compose {
color:crimson;
background-color:white;
padding:3px;
border-radius:4px;
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;
}

/* Makes 'Reply' and 'Send' Buttons Green */
.icon-reply, .icon-paper-plane {
color:black;
background-color:lime;
border-radius:4px;
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;
}

/* Turns 'Draft' Button Yellow */
.icon-cloud-upload {
color:yellow;
background-color:black;
border-radius:4px;
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;
}

/* Adds shading to the toolbars */
.app-viewBar, .v-Toolbar, .app-toolbar {
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;
}

/* Controls the textarea where you write emails */
.v-Text {
border-radius:11px;
background-color:#F5DEB3;
border:2px solid #808080;
font-size:13pt;
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;
}

/* Makes 'Trash Can' Icon Crimson */
.icon-remove {
color:crimson;
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;
border-radius:4px;
}

/* Makes 'Drafts' Icon Purple */
.icon-file {
colorurple;
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;
border-radius:4px;
}

/* Affects 'Delete Draft' Icon */
.icon-blocked {
color:red;
background-color:white;
border-radius:9px;
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;
}

/* Affects 'Archive' Icon */
.icon-box {
color:goldenrod;
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;
border-radius:4px;
}

h1 {
font-weight:bold;
color:#A10000;
border-bottom:0px solid black;
text-shadow:1px 1px 1px #808080;
}

.v-ComposeFrom-name {
margin-top:-8px;
}

.app-main {
background-color:beige;
}

select {
font-size:12.5pt;
font-weight:normal;
font-family:verdana,arial,helvetica,sans-serif;
cursorointer;
border-color:black;
color:#00FF00;
background-color:black;
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;
text-transform:capitalize;
}

option {
font-size:12.5pt;
font-weight:normal;
font-family:verdana,arial,helvetica,sans-serif;
cursorointer;
border-color:black;
color:#00FF00;
background-color:black;
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;
}

}
Thank you for that...
Terry is offline   Reply With Quote
Old 5 Jul 2017, 10:37 AM   #559
ellentk
Essential Contributor
 
Join Date: Feb 2007
Posts: 248
Thanks for the stylish code, Gsptlsnz. You've made this former classic user very happy.

I tried it in chrome too (although you specifically said to use the FF addon) and it didn't work.
Is there an easy way for a non-techie to tweak it so it works in chrome too?
ellentk is offline   Reply With Quote
Old 5 Jul 2017, 10:51 AM   #560
joe_devore
Essential Contributor
 
Join Date: Dec 2003
Location: Dover, NH, USA
Posts: 315
Quote:
Originally Posted by ellentk View Post
Thanks for the stylish code, Gsptlsnz. You've made this former classic user very happy.
HEAR HEAR!

Gsptlsnz! so your Firefox Extension Stylish (CSS TWEAKS) don't get lost and buried
WHY NOT create your own fresh thread there so we can discuss tweaks there and not get lost in this thread!?
joe_devore is offline   Reply With Quote
Old 5 Jul 2017, 11:40 AM   #561
Gsptlsnz
Senior Member
 
Join Date: Sep 2011
Location: 5th Dimension
Posts: 180
I don't have much time for discussing tweaks. But feel free to start a new thread and post that code. Maybe we can get the old look back.

So far I've found out how to display the number of unread messages in the trash, but I still don't know how to display the total number of messages in every folder.

I've got the icons to display but they still show '0'...
Gsptlsnz is offline   Reply With Quote
Old 5 Jul 2017, 11:40 AM   #562
Terry
The "e" in e-mail
 
Join Date: Jul 2002
Location: VK4
Posts: 2,993
Good idea...
Terry is offline   Reply With Quote
Old 5 Jul 2017, 11:53 AM   #563
joe_devore
Essential Contributor
 
Join Date: Dec 2003
Location: Dover, NH, USA
Posts: 315
Quote:
Originally Posted by Gsptlsnz View Post
I don't have much time for discussing tweaks. But feel free to start a new thread and post that code. Maybe we can get the old look back.

So far I've found out how to display the number of unread messages in the trash, but I still don't know how to display the total number of messages in every folder.

I've got the icons to display but they still show '0'...
ok.. I will quote your code list and start a new THREAD!!!

EDIT:
ok new thread created:
CUSTOM CSS Tweaks for FastMail's New UI, using Firefox Extension Stylish!

ps: Gsptlsnz don't forget to subscribe to that thread

Last edited by joe_devore : 5 Jul 2017 at 12:19 PM.
joe_devore is offline   Reply With Quote
Old 12 Jul 2017, 07:49 PM   #564
Terry
The "e" in e-mail
 
Join Date: Jul 2002
Location: VK4
Posts: 2,993
This may help a few people https://www.fastmail.com/help/guides...ransition.html
Terry is offline   Reply With Quote
Reply


Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is Off
HTML code is Off
Forum Jump


All times are GMT +9. The time now is 05:16 PM.

 

Copyright EmailDiscussions.com 1998-2022. All Rights Reserved. Privacy Policy