1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
|
/*
CSS
Button and menu for Grammalecte
*/
/*
Button
*/
.grammalecte_menu_main_button {
position: absolute;
display: none;
margin: -8px 0 0 -8px;
width: 8px;
height: 8px;
background-color: hsla(210, 80%, 80%, .5);
border: 4px solid hsla(210, 80%, 60%, .5);
border-top: 4px solid hsla(210, 100%, 40%, .7);
border-bottom: 4px solid hsla(210, 100%, 40%, .7);
border-radius: 50%;
text-align: center;
cursor: pointer;
|
>
|
|
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
|
/*
CSS
Button and menu for Grammalecte
*/
/*
Button
*/
.grammalecte_menu_main_button {
position: absolute;
box-sizing: border-box;
display: none;
margin: -8px 0 0 -8px;
width: 16px;
height: 16px;
background-color: hsla(210, 80%, 80%, .5);
border: 4px solid hsla(210, 80%, 60%, .5);
border-top: 4px solid hsla(210, 100%, 40%, .7);
border-bottom: 4px solid hsla(210, 100%, 40%, .7);
border-radius: 50%;
text-align: center;
cursor: pointer;
|
59
60
61
62
63
64
65
66
67
68
69
70
71
72
|
margin-left: -10px;
border-radius: 5px;
border: 3px solid hsl(210, 50%, 30%);
box-shadow: 0px 0px 2px hsla(210, 10%, 10%, .5);
background-color: hsl(210, 50%, 30%);
font-family: "Trebuchet MS", "Fira Sans", "Liberation Sans", sans-serif;
z-index: 2147483640; /* maximum is 2147483647: https://stackoverflow.com/questions/491052/minimum-and-maximum-value-of-z-index */
}
.grammalecte_menu_close_button {
float: right;
margin: 2px 2px 0 0;
padding: 1px 5px;
border-radius: 2px;
|
>
>
>
>
>
>
>
>
|
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
|
margin-left: -10px;
border-radius: 5px;
border: 3px solid hsl(210, 50%, 30%);
box-shadow: 0px 0px 2px hsla(210, 10%, 10%, .5);
background-color: hsl(210, 50%, 30%);
font-family: "Trebuchet MS", "Fira Sans", "Liberation Sans", sans-serif;
z-index: 2147483640; /* maximum is 2147483647: https://stackoverflow.com/questions/491052/minimum-and-maximum-value-of-z-index */
text-align: left;
}
.grammalecte_menu > div {
line-height: 21px;
}
.grammalecte_menu > div.grammalecte_menu_close_button {
line-height: 18px;
}
.grammalecte_menu_close_button {
float: right;
margin: 2px 2px 0 0;
padding: 1px 5px;
border-radius: 2px;
|