Instantly share code, notes, and snippets.

Embed
What would you like to do?
CSS For ProtonMail Conversations
/* Conversation List Style */
.conversation{
background:#F8EFFB;
border-color: #FFFFFF;
border-width: thin;
}
.conversation.read{
background:#DDDDDD;
border-color:#DDDDDD;
border-width:none;
}
.conversation.marked{
z-index:1;
font-size:1.1em;
font-weight:bold;
border-color: #9ECAED;
border-width: thin;
box-shadow: 0em 0.1em 0.3em #9ECAED, 0em -0.1em 0.3em #9ECAED
}
.conversation.selected{
outline: none;
border-color: #9ECAED;
box-shadow: 0 0 10px #9ECAED;
}
.conversation.active{
z-index:2;
background:#F1FAED;
border-color: #F8EFFB;
color:#000000;
font-size:1.2em;
font-weight:bold;
outline: none;
border-color: #9ECAED;
box-shadow: 0em 0.3em 0.8em #9ECAED, 0em -0.3em 0.8em #9ECAED
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment