Commit 90b61276 authored by Sylvain Coulange's avatar Sylvain Coulange
Browse files

màj phonochromie_alem

parent 7c8e337f
/* CSS ALeM-APP v3 */
/* https://alem.hypotheses.org/ */
/* Last update: 2020/09/04 */
/* Last update: 2020/10/30 */
:root {
--phon_bicolor1: #ff0000;
......@@ -189,63 +189,63 @@ svg {
.phon_schwa { fill: var(--phon_schwa); color:var(--phon_schwa); stop-color:var(--phon_schwa);} /* pour l'anglais ə */
.phon_schwu { fill: var(--phon_schwu); color:var(--phon_schwu); stop-color:var(--phon_schwu);} /* pour l'anglais u/ʊ */
/* gradients 60% */
.phon_wa { background:-webkit-linear-gradient(var(--phon_w) 62%, var(--phon_a) 60%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}
.phon_wa_maj { background: -webkit-linear-gradient(var(--phon_w) 62%, var(--phon_a_maj) 60%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_wa_maj_long { background: -webkit-linear-gradient(var(--phon_w) 62%, var(--phon_a_maj) 60%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-decoration: underline var(--phon_a_maj); }
.phon_wv_maj { background: -webkit-linear-gradient(var(--phon_w) 62%, var(--phon_v_maj) 60%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.phon_we_maj_nas { background:-webkit-linear-gradient(var(--phon_w) 62%, var(--phon_e_maj_nas) 60%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}
.phon_ts { background:-webkit-linear-gradient(var(--phon_t) 62%, var(--phon_s) 60%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}
.phon_ts_maj { background:-webkit-linear-gradient(var(--phon_t) 62%, var(--phon_s_maj) 60%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}
.phon_dz {background:-webkit-linear-gradient(var(--phon_d) 62%, var(--phon_z) 60%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}
.phon_dz_maj { background:-webkit-linear-gradient(var(--phon_d) 62%, var(--phon_z_maj) 60%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}
.phon_ks { background:-webkit-linear-gradient(var(--phon_k) 62%, var(--phon_s) 60%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}
.phon_ks_maj {background:-webkit-linear-gradient(var(--phon_k) 62%, var(--phon_s_maj) 60%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}
.phon_kw { background: -webkit-linear-gradient(var(--phon_k) 62%, var(--phon_w) 60%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_gz { background:-webkit-linear-gradient(var(--phon_g) 62%, var(--phon_z) 60%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}
.phon_gz_maj { background: -webkit-linear-gradient(var(--phon_g) 62%, var(--phon_z_maj) 60%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_ij { background:-webkit-linear-gradient(var(--phon_i) 62%, var(--phon_j) 60%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}
.phon_h_maj_i { background:-webkit-linear-gradient(var(--phon_h_maj) 62%, var(--phon_i) 60%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}
.phon_nj { background:-webkit-linear-gradient(var(--phon_n) 62%, var(--phon_j) 60%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}
.phon_j_maj { background:-webkit-linear-gradient(var(--phon_n) 62%, var(--phon_j) 60%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}
.phon_ef {background:-webkit-linear-gradient(var(--phon_e) 62%, var(--phon_f) 60%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}
.phon_ju { background: -webkit-linear-gradient(var(--phon_j) 62%, var(--phon_u) 60%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_ju_long { background: -webkit-linear-gradient(var(--phon_j) 62%, var(--phon_u) 60%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-decoration: underline var(--phon_u);}
.phon_ju_maj { background: -webkit-linear-gradient(var(--phon_j) 62%, var(--phon_u_maj) 60%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_schwju { background: -webkit-linear-gradient(var(--phon_j) 62%, var(--phon_schwu) 60%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_arobasel { background: -webkit-linear-gradient(var(--phon_schwa) 62%, var(--phon_l) 60%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_arobasem { background: -webkit-linear-gradient(var(--phon_schwa) 62%, var(--phon_m) 60%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_arobasen { background: -webkit-linear-gradient(var(--phon_schwa) 62%, var(--phon_n) 60%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_schwiz { background: -webkit-linear-gradient(var(--phon_schwi) 62%, var(--phon_z) 60%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_schwaz { background: -webkit-linear-gradient(var(--phon_schwa) 62%, var(--phon_z) 60%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_lj { background: -webkit-linear-gradient(var(--phon_l) 62%, var(--phon_j) 60%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_sz { background: -webkit-linear-gradient(var(--phon_s) 62%, var(--phon_z) 60%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_tt_maj { background: -webkit-linear-gradient(var(--phon_t) 62%, var(--phon_t_maj) 60%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_jarobase { background: -webkit-linear-gradient(var(--phon_j) 62%, var(--phon_schwa) 60%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
/* gradients 50% */
.phon_wa { background:-webkit-linear-gradient(var(--phon_w) 52%, var(--phon_a) 50%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}
.phon_wa_maj { background: -webkit-linear-gradient(var(--phon_w) 52%, var(--phon_a_maj) 50%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_wa_maj_long { background: -webkit-linear-gradient(var(--phon_w) 52%, var(--phon_a_maj) 50%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-decoration: underline var(--phon_a_maj); }
.phon_wv_maj { background: -webkit-linear-gradient(var(--phon_w) 52%, var(--phon_v_maj) 50%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.phon_we_maj_nas { background:-webkit-linear-gradient(var(--phon_w) 52%, var(--phon_e_maj_nas) 50%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}
.phon_ts { background:-webkit-linear-gradient(var(--phon_t) 52%, var(--phon_s) 50%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}
.phon_ts_maj { background:-webkit-linear-gradient(var(--phon_t) 52%, var(--phon_s_maj) 50%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}
.phon_dz {background:-webkit-linear-gradient(var(--phon_d) 52%, var(--phon_z) 50%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}
.phon_dz_maj { background:-webkit-linear-gradient(var(--phon_d) 52%, var(--phon_z_maj) 50%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}
.phon_ks { background:-webkit-linear-gradient(var(--phon_k) 52%, var(--phon_s) 50%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}
.phon_ks_maj {background:-webkit-linear-gradient(var(--phon_k) 52%, var(--phon_s_maj) 50%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}
.phon_kw { background: -webkit-linear-gradient(var(--phon_k) 52%, var(--phon_w) 50%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_gz { background:-webkit-linear-gradient(var(--phon_g) 52%, var(--phon_z) 50%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}
.phon_gz_maj { background: -webkit-linear-gradient(var(--phon_g) 52%, var(--phon_z_maj) 50%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_ij { background:-webkit-linear-gradient(var(--phon_i) 52%, var(--phon_j) 50%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}
.phon_h_maj_i { background:-webkit-linear-gradient(var(--phon_h_maj) 52%, var(--phon_i) 50%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}
.phon_nj { background:-webkit-linear-gradient(var(--phon_n) 52%, var(--phon_j) 50%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}
.phon_j_maj { background:-webkit-linear-gradient(var(--phon_n) 52%, var(--phon_j) 50%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}
.phon_ef {background:-webkit-linear-gradient(var(--phon_e) 52%, var(--phon_f) 50%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}
.phon_ju { background: -webkit-linear-gradient(var(--phon_j) 52%, var(--phon_u) 50%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_ju_long { background: -webkit-linear-gradient(var(--phon_j) 52%, var(--phon_u) 50%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-decoration: underline var(--phon_u);}
.phon_ju_maj { background: -webkit-linear-gradient(var(--phon_j) 52%, var(--phon_u_maj) 50%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_schwju { background: -webkit-linear-gradient(var(--phon_j) 52%, var(--phon_schwu) 50%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_arobasel { background: -webkit-linear-gradient(var(--phon_schwa) 52%, var(--phon_l) 50%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_arobasem { background: -webkit-linear-gradient(var(--phon_schwa) 52%, var(--phon_m) 50%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_arobasen { background: -webkit-linear-gradient(var(--phon_schwa) 52%, var(--phon_n) 50%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_schwiz { background: -webkit-linear-gradient(var(--phon_schwi) 52%, var(--phon_z) 50%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_schwaz { background: -webkit-linear-gradient(var(--phon_schwa) 52%, var(--phon_z) 50%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_lj { background: -webkit-linear-gradient(var(--phon_l) 52%, var(--phon_j) 50%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_sz { background: -webkit-linear-gradient(var(--phon_s) 52%, var(--phon_z) 50%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_tt_maj { background: -webkit-linear-gradient(var(--phon_t) 52%, var(--phon_t_maj) 50%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_jarobase { background: -webkit-linear-gradient(var(--phon_j) 52%, var(--phon_schwa) 50%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
/* gradient 70% */
.phon_ei_maj { background: -webkit-linear-gradient(var(--phon_e) 60%, var(--phon_i_maj) 75%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_i_majarobase { background: -webkit-linear-gradient(var(--phon_i_maj) 60%, var(--phon_schwa) 75%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_earobase { background: -webkit-linear-gradient(var(--phon_e) 60%, var(--phon_schwa) 75%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_au_maj { background: -webkit-linear-gradient(var(--phon_a) 60%, var(--phon_u_maj) 75%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_arobaseu_maj { background: -webkit-linear-gradient(var(--phon_schwa) 60%, var(--phon_u_maj) 75%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_u_majarobase { background: -webkit-linear-gradient(var(--phon_u_maj) 60%, var(--phon_schwa) 75%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_o_maji_maj { background: -webkit-linear-gradient(var(--phon_o_maj) 60%, var(--phon_i_maj) 75%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_ai_maj { background: -webkit-linear-gradient(var(--phon_a) 60%, var(--phon_i_maj) 75%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_er { background: -webkit-linear-gradient(var(--phon_e) 60%, var(--phon_r_slash) 75%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_i_majr { background: -webkit-linear-gradient(var(--phon_i_maj) 60%, var(--phon_r_slash) 75%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_u_majr { background: -webkit-linear-gradient(var(--phon_u_maj) 60%, var(--phon_r_slash) 75%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_a_majr { background: -webkit-linear-gradient(var(--phon_a_maj) 60%, var(--phon_r_slash) 75%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_o_majr { background: -webkit-linear-gradient(var(--phon_o_maj) 60%, var(--phon_r_slash) 75%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_o_maju_maj { background: -webkit-linear-gradient(var(--phon_o_maj) 60%, var(--phon_u_maj) 75%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
/* gradient 60% */
.phon_ei_maj { background: -webkit-linear-gradient(var(--phon_e) 50%, var(--phon_i_maj) 60%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_i_majarobase { background: -webkit-linear-gradient(var(--phon_i_maj) 50%, var(--phon_schwa) 60%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_earobase { background: -webkit-linear-gradient(var(--phon_e) 50%, var(--phon_schwa) 60%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_au_maj { background: -webkit-linear-gradient(var(--phon_a) 50%, var(--phon_u_maj) 60%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_arobaseu_maj { background: -webkit-linear-gradient(var(--phon_schwa) 50%, var(--phon_u_maj) 60%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_u_majarobase { background: -webkit-linear-gradient(var(--phon_u_maj) 50%, var(--phon_schwa) 60%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_o_maji_maj { background: -webkit-linear-gradient(var(--phon_o_maj) 50%, var(--phon_i_maj) 60%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_ai_maj { background: -webkit-linear-gradient(var(--phon_a) 50%, var(--phon_i_maj) 60%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_er { background: -webkit-linear-gradient(var(--phon_e) 50%, var(--phon_r_slash) 60%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_i_majr { background: -webkit-linear-gradient(var(--phon_i_maj) 50%, var(--phon_r_slash) 60%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_u_majr { background: -webkit-linear-gradient(var(--phon_u_maj) 50%, var(--phon_r_slash) 60%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_a_majr { background: -webkit-linear-gradient(var(--phon_a_maj) 50%, var(--phon_r_slash) 60%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_o_majr { background: -webkit-linear-gradient(var(--phon_o_maj) 50%, var(--phon_r_slash) 60%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_o_maju_maj { background: -webkit-linear-gradient(var(--phon_o_maj) 50%, var(--phon_u_maj) 60%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
/* gradients triples */
.phon_ju_majarobase { background: -webkit-linear-gradient(var(--phon_j) 55%, var(--phon_u_maj) 65%, var(--phon_schwa) 75%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_wai_maj { background: -webkit-linear-gradient(var(--phon_w) 58%, var(--phon_a) 58%, var(--phon_i_maj) 75%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_war { background: -webkit-linear-gradient(var(--phon_w) 58%, var(--phon_a) 58%, var(--phon_r_slash) 75%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_ju_majr { background: -webkit-linear-gradient(var(--phon_j) 58%, var(--phon_u_maj) 58%, var(--phon_r_slash) 75%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_ai_majarobase { background: -webkit-linear-gradient(var(--phon_a) 58%, var(--phon_i_maj) 58%, var(--phon_arobase) 75%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_ju_majarobase { background: -webkit-linear-gradient(var(--phon_j) 55%, var(--phon_u_maj) 65%, var(--phon_schwa) 60%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_wai_maj { background: -webkit-linear-gradient(var(--phon_w) 58%, var(--phon_a) 58%, var(--phon_i_maj) 60%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_war { background: -webkit-linear-gradient(var(--phon_w) 58%, var(--phon_a) 58%, var(--phon_r_slash) 60%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_ju_majr { background: -webkit-linear-gradient(var(--phon_j) 58%, var(--phon_u_maj) 58%, var(--phon_r_slash) 60%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_ai_majarobase { background: -webkit-linear-gradient(var(--phon_a) 58%, var(--phon_i_maj) 58%, var(--phon_arobase) 60%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
/*STYLES DES TRANSCRIPTIONS GRAPHIQUES*/
.tran {
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment