Index: gc_lang/fr/xpi/data/gc_panel.css ================================================================== --- gc_lang/fr/xpi/data/gc_panel.css +++ gc_lang/fr/xpi/data/gc_panel.css @@ -5,17 +5,16 @@ header { background-color: hsl(0, 0%, 96%); padding: 10px 20px; border-bottom: 1px solid hsl(0, 0%, 90%); color: hsl(0, 0%, 0%); - z-index: 99; } body { - background-color: hsl(0, 0%, 98%); - font-family: Tahoma, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif; - overflow-x: hidden; + background-color: hsl(0, 0%, 98%); + font-family: Tahoma, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif; + overflow-x: hidden; color: hsl(0, 0%, 0%); } #special_message { display: none; @@ -48,16 +47,20 @@ border-radius: 5px; text-align: center; color: hsla(0, 0%, 100%, .9); font-size: 16px; font-weight: bold; - z-index: 99; } #message { padding: 10px 20px; } + +/* + Error list +*/ + #errorlist { padding: 60px 20px 30px 20px; } #errorlist p.message { @@ -74,11 +77,11 @@ background-color: hsla(120, 10%, 50%, 1); color: hsla(120, 0%, 96%, 1); } .paragraph_block { - margin: 0 0 30px 0; + margin: 0 0 10px 0; } .paragraph { background-color: hsla(0, 0%, 90%, 1); padding: 10px; @@ -89,11 +92,11 @@ } .softred { background-color: hsla(0, 20%, 90%, 1); } .softgreen { - background-color: hsla(120, 20%, 90%, 1); + background-color: hsla(120, 15%, 90%, 1); } .paragraph a { background-color: hsla(210, 50%, 50%, 1); padding: 1px 5px; @@ -105,10 +108,14 @@ .paragraph a:hover { background-color: hsla(210, 60%, 40%, 1); color: hsla(0, 0%, 100%, 1); text-shadow: 0 0 3px hsl(210, 30%, 60%); } + +.paragraph u { + text-decoration: none; +} .paragraph u.corrected, .paragraph u.ignored { background-color: hsla(120, 50%, 70%, 1); color: hsla(0, 0%, 4%, 1); @@ -141,11 +148,10 @@ box-shadow: 0 0 6px hsla(0, 0%, 0%, 0.3); font-family: Tahoma, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif; font-size: 12px; line-height: 18px; cursor: default; - z-index: 10; text-decoration: none; } #gc_tooltip { border: 3px solid hsl(210, 50%, 30%); color: hsla(210, 10%, 20%, 1); @@ -220,41 +226,41 @@ } #gc_sugg_block { padding: 10px; background-color: hsl(210, 10%, 96%); border-radius: 0 0 2px 2px; + line-height: 20px; } #sc_sugg_block { padding: 10px; background-color: hsl(0, 10%, 96%); border-radius: 0 0 2px 2px; + line-height: 20px; } #gc_sugg_block a.sugg { padding: 1px 6px; - background-color: hsla(180, 50%, 40%, 1); + background-color: hsla(180, 60%, 40%, 1); color: hsla(180, 0%, 96%, 1); border-radius: 2px; cursor: pointer; text-decoration: none; } #gc_sugg_block a.sugg:hover { - background-color: hsla(180, 70%, 50%, 1); + background-color: hsla(180, 70%, 45%, 1); color: hsla(0, 0%, 100%, 1); - text-shadow: 0 0 3px hsl(180, 30%, 60%); } #sc_sugg_block a.sugg { padding: 1px 6px; - background-color: hsla(30, 80%, 40%, 1); + background-color: hsla(30, 90%, 45%, 1); color: hsla(30, 0%, 96%, 1); border-radius: 2px; cursor: pointer; text-decoration: none; } #sc_sugg_block a.sugg:hover { background-color: hsla(30, 100%, 50%, 1); color: hsla(0, 0%, 100%, 1); - text-shadow: 0 0 3px hsl(30, 30%, 60%); } /* Action buttons */