Index: gc_lang/fr/webext/content_scripts/menu.css ================================================================== --- gc_lang/fr/webext/content_scripts/menu.css +++ gc_lang/fr/webext/content_scripts/menu.css @@ -4,11 +4,11 @@ */ /* Button */ -.grammalecte_menu_main_button { +div.grammalecte_menu_main_button { all: initial; position: absolute; box-sizing: border-box; display: none; margin: -8px 0 0 -8px; @@ -23,11 +23,11 @@ cursor: pointer; box-shadow: 0 0 0 0 hsla(210, 50%, 50%, .5); /*z-index: 2147483640; /* maximum is 2147483647: https://stackoverflow.com/questions/491052/minimum-and-maximum-value-of-z-index */ animation: grammalecte-spin 2s ease 1; } -.grammalecte_menu_main_button:hover { +div.grammalecte_menu_main_button:hover { border: 4px solid hsla(210, 80%, 35%, .5); background-color: hsla(210, 80%, 55%, .5); animation: grammalecte-spin .5s linear infinite; } @@ -53,11 +53,11 @@ /* Menu */ -.grammalecte_menu { +div.grammalecte_menu { all: initial; display: none; position: absolute; margin-left: -10px; border-radius: 5px; @@ -71,18 +71,18 @@ @media print { .grammalecte_menu { display: none; } } -.grammalecte_menu > div { +div.grammalecte_menu > div { line-height: 21px; } -.grammalecte_menu > div.grammalecte_menu_close_button { +div.grammalecte_menu > div.grammalecte_menu_close_button { line-height: 18px; } -.grammalecte_menu_close_button { +div.grammalecte_menu_close_button { float: right; margin: 2px 2px 0 0; padding: 1px 5px; border-radius: 2px; background-color: hsl(0, 50%, 50%); @@ -89,37 +89,37 @@ color: hsl(0, 20%, 90%); font-size: 12px; font-weight: bold; cursor: pointer; } -.grammalecte_menu_close_button:hover { +div.grammalecte_menu_close_button:hover { background-color: hsl(0, 60%, 50%); color: hsl(0, 30%, 96%); } -.grammalecte_menu_item { +div.grammalecte_menu_item { padding: 3px 10px; background-color: hsl(210, 50%, 40%); font-size: 14px; color: hsl(210, 50%, 92%); cursor: pointer; } -.grammalecte_menu_item:hover { +div.grammalecte_menu_item:hover { background-color: hsl(210, 50%, 45%); color: hsl(210, 50%, 100%); } -.grammalecte_menu_item_block { +div.grammalecte_menu_item_block { padding: 3px 10px; background-color: hsl(210, 50%, 40%); font-size: 14px; color: hsl(210, 50%, 92%); border-top: 1px solid hsl(210, 50%, 30%); border-radius: 0 0 3px 3px; } -.grammalecte_menu_button { +div.grammalecte_menu_button { display: inline-block; padding: 0 5px; margin-left: 10px; border-radius: 2px; background-color: hsl(210, 50%, 45%); @@ -126,15 +126,15 @@ font-size: 12px; line-height: 1.6; text-align: center; cursor: pointer; } -.grammalecte_menu_button:hover { +div.grammalecte_menu_button:hover { background-color: hsl(210, 50%, 50%); } -.grammalecte_menu_header { +div.grammalecte_menu_header { padding: 2px 10px; background-color: hsl(210, 50%, 30%); background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAA3XAAAN1wFCKJt4AAAC8UlEQVQ4jX3TbUgTcRwH8P89ddu5u9tt082aZmpFEU4tFz0QGTUwCi0heniR9MSUIKRaD0RvIlKigsooo+iNFa0XJYuwIjEK19OcDtPElsG0ktyp591t7u7+vUh7MPX3+vf5/n8/+P0BmKJIPUUVlh2rdVVeesWlzEybqg+bFOsoylnqPmNavGFfknV2Omu2Lvja3vxAURKJib3opHizu8riLK6gjRyuKgmoSoMRFENRUqfXTzvBGK62LC2uoFkOl4RhjQ8+qWt7dPNE3sbdp+2LXbsGe9qb4rIo/BfwFy6nWQ4ThWGNDzbcfu29dMDh2nHU7CypYNLmzTda0/L5cNuzmDQi/A4Y27k6eQxLI79wS/11D0AAMNvs6XT6ojVJjJEgTbMy2BT77xBMp09KcpaWV1uc41jQoi0NdUHfjeOO9WWn7AVF7s7n986SithPJGeupBh2PCSP/xxqxAp3eq6wuUV7Wc6MSZIEhA8vHjbfOe/OcW3zmAuKy+nUzAyD2bow8ODaEROFq8AyZ5WBYdEZXGqGxZ61HJV+9HYCJRbTNA0QBA40HWunaKN5dKg/DBKxeCIe09Th/m4MJwiMSZmLEzMQAABQRuNqgu8NYX3doTcMpvCkLbtQZ2AJkrPOZG1zlnY13T+Hy9EehY90h57eqcorcZ/lctZuMzAsOjLEqwNv66/6vZcPYRBC+C3cGaBxhSet2av1BpYgTTY7k5y2JPT41slIR6Axv8R9nnOs+4Pf+2r992uOxGVJwgAAAEINfgt3BGgsESWtWas1iGDyl+CT/u7WpvxNFRc4x7qtBoZFhSFejb7z1fq9NYfjsiT+cwcQavBruCOgU4SIGo18amuoq3Js3FNlynVtH385+s53ze+t8cRkURx3yMTTRBAEQVAUXbFlf3XystJKA2NExeFBdWASDAAA+MQACCEEmqbJ0b6PMC7JwhDU8YFHV5u9NZ64LErT/oW/63tPV6uJwmKoOND78u7Fg5NhAAD4CVbzY9cwrWQrAAAAAElFTkSuQmCC'); background-repeat: no-repeat; background-position: 10% 50%; @@ -142,9 +142,9 @@ font-family: "Trebuchet MS", "Fira Sans", "Liberation Sans", sans-serif; color: hsl(210, 50%, 90%); text-shadow: 0px 0px 2px hsla(210, 10%, 10%, .9); text-align: center; } -.grammalecte_menu_footer { +div.grammalecte_menu_footer { padding: 2px 10px; background-color: hsl(210, 50%, 30%); }