Bureau-Numerique (BUN) by jpsimonnet

/* ==UserStyle==
@name           bnum3
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */
@-moz-document url-prefix("https://mel.din.developpement-durable.gouv.fr/") {

    /*** Utiliser les fonts systemes ***/
    body {
        font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    }

  /*** liens couleurs DSFR pour le contenu du message ***/
    #messagecontframe a,
    #messagecontframe .falselink {
        color: #000091;
    }

    #messagecontframe a:hover,
    #messagecontframe .falselink:hover,
    #messagecontframe a:focus,
    #messagecontframe .falselink:focus {
        text-decoration: underline !important;
    }

    ul.folderlist.treelist li ul li a {
        font-weight: normal;
        color: #666;
    }


    /*** barre de menus ***/
    .barup {
        background: #797676;
    }

    #barup-right-buttons button {
        color: var(--barup-icon-color) !important;
        --barup-icon-color: #fff;
    }

    /**** bouton créer ***/
    #button-create {
        background-color: #000091;
        border: none;
    }

    #button-create:hover {
        color: #fff;
        background: #1212ff;
    }


    /*** correction couleur icone discussion ***/
    #barup-right-buttons #button-chat {
        color: #fff !important;
    }

    /*** bouton au dessus de la liste des emails ***/
    #layout > div > .header a.button {
        color: #363a5b;
    }

    /*** bouton plus au dessus de la liste des emails ***/
    #melplusmails {
        color: #363a5b;
    }


    /* etiquette dans la barre gauche pour les emails */
    #layout-menu #taskmenu a .roundbadge.lightgreen,
    #layout-menu #taskmenu a .roundbadge.hover.tick:hover {
        background-color: #dadae7;
    }

    /**** boutons au dessus du message d'email ***/
    #layout-content > .header .menu a:not(.disabled):focus,
    #layout-content > .header .menu a:not(.disabled):hover,
    #layout-content > .header a.toolbar-button.button.icon:not(.disabled):hover,
    #layout-content > .header .header a.toolbar-button:hover {
        background-color: #dadae7 !important;
    }



    /**** barre de gauche ***/
    #layout-menu {
        background-color: #797676;
    }

    #layout-menu #taskmenu a.selected {
        background-color: #000091 !important;
        color: var(--layout-menu-text-selected-color) !important;
    }

    #taskmenu a.selected,
    #taskmenu a:hover,
    #taskmenu a.selected:hover,
    #taskmenu .action-buttons a:hover,
    #otherapps a.selected,
    #otherapps a:hover,
    #otherapps a.selected:hover,
    #otherapps .action-buttons a:hover,
    #otherapps a:hover span,
    #layout-menu:hover a:hover > span.inner,
    #layout-menu.force-open a.force-hover > span.inner,
    #layout-menu:hover a.selected > span.inner,
    #layout-menu.force-open a.selected > span.inner {
        background-color: #000090 !important;
    }

    .menu a:not(.disabled):focus,
    .menu a:not(.disabled):hover,
    #layout-menu #taskmenu a:focus > span.inner {
        background-color: #000090 !important;
        color: var(--layout-menu-text-selected-color) !important;
    }


    /*** supression du trait de séparation sour les titres de la barre ***/
    .menu.toolbar li,
    #taskmenu a,
    #otherapps a,
    #layout-menu:hover a > span.inner {
        border: none;
    }

    /**** Taille de la colonnne centrale fixée ***/
    .task-mail #layout-list.initial,
    .task-mail #layout-list.full {
        max-width: 543px !important;
        width: 543px !important;
    }

    /**** corrections stiky notes ***/
    #button-notes {
        background-color: #484d7a !important;
        border-color: var(--note-bckg-color-hover)!important;
        color: var(--note-text-color-hover)!important;
    }




    /**** couleur des étiquettes de courriers non lu ***/
    .folderlist li.mailbox .unreadcount {
        background: #fff !important;
    }

    /**** couleur des dossiers non lu ***/
    #folderlist-content ul ul li.mailbox.selected a {
        background-color: #e5e5e5;
        border-left: solid thin #797676 !important;
    }

    /**** couleur des hover  ***/
    #folderlist-content ul ul li.mailbox:hover > a:first-of-type {
        background-color: #e5e5e5;
    }

    #folderlist-content ul ul li.mailbox.selected:hover > a:first-of-type {
        background-color: #e5e5e5;
    }

    /*  ul.treelist li.selected {
        color: inherit;
        background-color: #e5e5e5;
        ;
    }*/
    /*** style du texte de header de mail ***/
    a.rcmContactAddress {
        font-weight: normal;
    }


    /***** reduction des boutons de filtres au dessus de la liste des emails ****/
    #message-list-filters li .quick-filter {
        padding: 0px 3px;
        margin-right: 5px;
    }




    /**** marge autour de l'email *****/
    .frame-content {
        padding: 1rem 2rem 2rem;
    }

    /***** image de fond quand pas d'email ****/
    .layout-hidden iframe,
    .layout-hidden .header {
        display: none !important;
    }
    
    	/*** taille et couleur des scrolls ***/
	p,
	span,
	div {
		scrollbar-width: thin !important;
		scrollbar-color: #bfbdbd #F5F5F5 !important;
	}
    
    	/*** epaisseur des icones de la barre gauche ***/
	.folderlist li.inbox > a::before,
	.folderlist li.boite > a::before {
		font-variation-settings: 'wght' 300, 'opsz' 48, 'OUTLINE' 1 !important;
	}
	.folderlist li.drafts a::before {
		font-variation-settings: 'wght' 300, 'opsz' 48, 'OUTLINE' 1 !important;
	}

	.folderlist li a::before {
		font-variation-settings: 'wght' 300, 'opsz' 48, 'FILL' 1 !important;
	}
	.folderlist li.sent a::before {
		font-variation-settings: 'wght' 300, 'opsz' 48, 'OUTLINE' 1 !important;
	}
	.folderlist li.trash a::before {
		font-variation-settings: 'wght' 300, 'opsz' 48, 'OUTLINE' 1 !important;
	}


	.fromto {
		display: flex;
	}

	/*** Dossiers non lus ***/
	.folderlist li.mailbox.unread > a {
		color: #000 !important;
		font-weight: bold;
	}

	/** couleur de l'expediteur dans la liste des messages ***/
	table.messagelist tr.message td.subject span.fromto,
	table.messagelist tr.selected.message td.subject span.fromto {
		font-size: 85% !important;
		color: #363a5b !important;
		font-weight: 100 !important;
		text-align: right;
	}

	table.messagelist tr.selected.message td.subject a {
		color: #363a5b !important;
	}

	/**** point du message non lu ****/
	.task-mail #messagelist-content table.messagelist tr.unread td.subject span.msgicon::before {
		color: #000 !important;
	}

	.task-mail #messagelist-content table.messagelist tr.unread:hover td.subject span.msgicon::before {
		color: #000091 !important;
	} 
    
    	/*** taille et style du sujet du message ***/
	table.messagelist tr.message td.subject a {
		color: #222 !important;
		font-size: 110% !important;
		font-weight: 500;
	}

	table.messagelist tr.message.unread td.subject a {
		color: #000 !important;
		font-size: 110% !important;
		font-weight: 700;
	}

	table.messagelist tr.unread td.subject span.adr {
		font-weight: normal;
	}
    
    
    /*** supression de la bordure gauche des emails non lus ***/
	table.messagelist:not(.withselection) tr.unread > td.selection + td {
		border-left: none !important;
	}
    
 
    
	/*** gestion des rollover des liste de mails ***/
	.task-mail #messagelist-content table.messagelist tr.selected td {
		background-color: #e5e5e5 !important;
	}

	.task-mail #messagelist-content table.messagelist tr.message:hover {
		background-color: #e5e5e5 !important;
	}

 
 

 
    

    

  
}