67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
|
padding: 1px 10px;
font-family: "Trebuchet MS", "Fira Sans", "Ubuntu Condensed", "Liberation Sans", sans-serif;
font-size: 14px;
font-weight: bold;
text-align: center;
cursor: pointer;
}
div.grammalecte_copy_button {
border-radius: 2px;
color: hsla(210, 0%, 100%, .4);
margin-right: 10px;
}
div.grammalecte_copy_button:hover {
background-color: hsl(210, 50%, 55%);
color: hsla(210, 0%, 100%, 1);
}
div.grammalecte_move_button {
padding: 1px 5px;
border-radius: 16px;
color: hsl(180, 0%, 100%);
|
|
|
|
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
|
padding: 1px 10px;
font-family: "Trebuchet MS", "Fira Sans", "Ubuntu Condensed", "Liberation Sans", sans-serif;
font-size: 14px;
font-weight: bold;
text-align: center;
cursor: pointer;
}
div.grammalecte_clipboard_button {
border-radius: 2px;
color: hsla(210, 0%, 100%, .4);
margin-right: 10px;
}
div.grammalecte_clipboard_button:hover {
background-color: hsl(210, 50%, 55%);
color: hsla(210, 0%, 100%, 1);
}
div.grammalecte_move_button {
padding: 1px 5px;
border-radius: 16px;
color: hsl(180, 0%, 100%);
|
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
|
background-color: hsl(210, 40%, 82%);
color: hsl(210, 20%, 30%);
font-family: "Trebuchet MS", "Fira Sans", "Ubuntu Condensed", "Liberation Sans", sans-serif;
font-size: 14px;
}
/*
Spinner
*/
div.grammalecte_spinner {
visibility: hidden;
|
>
>
>
>
>
|
>
>
>
>
>
>
>
>
>
>
|
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
|
background-color: hsl(210, 40%, 82%);
color: hsl(210, 20%, 30%);
font-family: "Trebuchet MS", "Fira Sans", "Ubuntu Condensed", "Liberation Sans", sans-serif;
font-size: 14px;
}
/*
Clipboard animation
*/
div.grammalecte_clipboard_animation {
animation: grammalecte-clipboard-animation 7s 1;
}
@keyframes grammalecte-clipboard-animation {
0% { color: hsla(210, 0%, 100%, .4); background-color: hsla(210, 100%, 80%, .1); }
10% { color: hsla(210, 0%, 100%, 1); background-color: hsla(210, 100%, 80%, .9); }
30% { color: hsla(210, 0%, 100%, 1); background-color: hsla(210, 100%, 80%, .1); }
50% { color: hsla(210, 0%, 100%, 1); background-color: hsla(210, 100%, 80%, .9); }
70% { color: hsla(210, 0%, 100%, 1); background-color: hsla(210, 100%, 80%, .1); }
90% { color: hsla(210, 0%, 100%, 1); background-color: hsla(210, 100%, 80%, .9); }
100% { color: hsla(210, 0%, 100%, .4); background-color: hsla(210, 100%, 80%, 0); }
}
/*
Spinner
*/
div.grammalecte_spinner {
visibility: hidden;
|