Styling Moodle's user menu using theme_more

styles.css

/* Not logged in */
.usermenu .login {
    color: red;
}
.usermenu .login a {
    color: green;
}
.usermenu .login a:focus,
.usermenu .login a:hover {
    color: yellow;
}

/* Logged in */
.jsenabled .usermenu .moodle-actionmenu.show {
    background-color: yellow;
}
.usermenu .moodle-actionmenu .toggle-display {
    color: blue;
}
.usermenu .moodle-actionmenu .toggle-display:hover {
    color: orange;
}
.jsenabled .usermenu .moodle-actionmenu.show .menu a:hover {
    color: purple;
    background: pink;
}