Index: gc_lang/fr/webext/panel/main.css ================================================================== --- gc_lang/fr/webext/panel/main.css +++ gc_lang/fr/webext/panel/main.css @@ -113,11 +113,10 @@ } #menu li:hover { background-color: hsl(210, 10%, 92%); } - #page { padding-left: 60px; background-color: hsl(210, 0%, 100%); height: 500px; overflow: auto; @@ -134,119 +133,18 @@ #home_page { display: block; padding: 20px; } -#tf_page { - display: none; - padding: 20px; -} -#gc_page { - display: none; - padding: 20px 20px 30px 20px; -} #gc_options_page { display: none; padding: 20px; } #sc_options_page { display: none; padding: 20px; } -#lxg_page { - display: none; - padding: 20px; -} - - -/* - Conjugueur page -*/ - -#conj_page { - display: none; - padding: 10px; -} - -#conj_page h2 { - margin: 5px 0 2px 0; - color: hsl(210, 50%, 50%); - font: bold 30px Tahoma, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif; -} -#conj_page h3 { - margin: 5px 0 2px 0; - color: hsl(0, 50%, 50%); - font: bold 16px Tahoma, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif; -} -#conj_page h4 { - margin: 5px 0 2px 0; - color: hsl(210, 50%, 50%); - font: bold 14px Tahoma, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif; -} - -#conj_page .colonne { - float: left; - width: 240px; -} -#conj_page .colsep { - float: left; - width: 20px; -} - -#conj_page .colonne p { - font-size: 12px; -} - - -#conj_page input#verb { - display: inline-block; - width: 230px; - margin-left: 5px; - padding: 5px 10px; - border: 2px solid hsl(0, 0%, 80%); - border-radius: 3px; - height: 24px; - background: transparent; - font: normal 20px Tahoma, "Ubuntu Condensed"; - color: hsl(0, 0%, 30%); -} -#conj_page input[placeholder]#verb { - color: hsl(0, 0%, 70%); -} - -#conj_page a#conjugate { - display: inline-block; - padding: 7px 10px; - font-size: 20px; - background-color: hsl(0, 30%, 30%); - color: hsl(0, 30%, 60%); - border-radius: 3px; - text-transform: uppercase; - text-align: center; - text-decoration: none; -} -#conj_page a#conjugate:hover { - background-color: hsl(0, 60%, 40%); - color: hsl(0, 60%, 70%); - box-shadow: 0 0 2px hsl(0, 60%, 50%); -} - -#conj_options { - margin: 10px 5px 0 5px; - font-size: 16px; - text-align: center; -} - -#conj_smallnote { - float: right; - width: 190px; - margin: 15px 0 0 0; - padding: 0 5px; - font-size: 8.5px; - color: hsl(0, 0%, 60%); - text-align: center; -} /* Test page */ @@ -278,160 +176,10 @@ font-size: 12px; text-align: center; cursor: pointer; } - -/* - Text formatter -*/ - -#tf_options { - -} - -#tf_options fieldset { - margin: 5px 0; - padding: 5px 10px 10px 10px; - background-color: hsl(0, 0%, 92%); - border-radius: 3px; -} - -#tf_options legend { - font-size: 20px; - color: hsla(210, 20%, 50%, .8); - font-weight: bold; -} -#tf_options legend span { - display: none; -} - -#tf_options fieldset h2 { - color: hsl(210, 80%, 40%); -} - -#tf_options fieldset .blockopt { - padding: 2px 3px; - font-size: 12.5px; -} -#tf_options fieldset .underline:hover { - background-color: hsl(180, 10%, 86%); - border-radius: 2px; -} - -#tf_options fieldset .option { - margin: 1px 3px 0 0; - float: left; -} -#tf_options legend .option { - margin: 7px 5px 0 3px; - float: left; -} - -#tf_options fieldset .opt_lbl { - display: inline-block; - color: hsl(0, 0%, 20%); -} - - -#tf_options fieldset .largew { - width: 300px; -} -#tf_options fieldset .reducedw { - width: 200px; -} -#tf_options fieldset .smallw { - width: 90px; -} - -#tf_options fieldset .secondoption { - display: inline-block; -} - -#tf_options fieldset label span { - display: none; -} - -#tf_options .groupblock { - opacity: 0.3; -} - -#tf_options .inlineblock { - display: inline-block; -} -#tf_options .indent { - margin-left: 15px; -} - -#tf_actions { - background-color: hsl(120, 10%, 92%); - padding: 15px; - border-top: 1px solid hsl(120, 20%, 86%); -} - -#tf_options .button { - display: inline-block; - padding: 5px 10px; - width: 100px; - border-radius: 3px; - font-size: 16px; - font-weight: bold; - text-align: center; - cursor: pointer; -} - -#tf_progressbarbox { - display: inline-block; - padding: 10px 20px; -} - - -/* - Other elements -*/ - -#movewindow { - position: fixed; - right: 0; - top: 50; - width: 16px; - margin-top: 60px; - z-index: 100; -} -#movewindow .arrow { - background-color: hsl(180, 60%, 50%); - cursor: pointer; - padding: 1px 3px; - font-size: 10px; - font-weight: bold; - text-align: center; - color: hsl(180, 50%, 90%); -} -#movewindow .arrow:hover { - background-color: hsl(180, 70%, 40%); - cursor: hsl(180, 50%, 96%); -} - -#rightcorner { - position: absolute; - top: 0; - right: 0; -} -a.rightcornerbutton1 { - float: right; - padding: 2px 10px 5px 10px; - border-radius: 0 0 0 3px; - font-size: 18px; - text-decoration: none; -} -a.rightcornerbutton { - float: right; - padding: 2px 10px 5px 10px; - font-size: 18px; - text-decoration: none; -} - /* CSS Spinner Double bounce http://tobiasahlin.com/spinkit/