1/* =Translation Plugin
2----------------------------------------------- */
3
4.page-tools {
5    div.plugin_translation{
6        display: none;
7        position: absolute;
8        background-color: @ini_text_alt;
9        color: @ini_background;
10        border-radius: 0 20px 20px 0;
11        padding: 10px;
12        padding-right: 20px;
13        left: 80px;
14        top: 0px;
15
16        li,a,span {
17            width: 100%;
18        }
19
20        a,span {
21            border-radius: 20px;
22            border-style: none;
23            font-size: 14px;
24            transition:         all 0.25s ease-in-out;
25            line-height: 1.5;
26            padding-left: 20px !important;
27            padding-right: 20px !important;
28            padding-top: 10px !important;
29            padding-bottom: 10px !important;
30            text-align: center !important;
31        }
32
33        span {
34            color: @ini_background !important;
35            background-color: @ini_theme_color !important;
36        }
37
38        a {
39            color: @ini_theme_color !important;
40            background: @ini_background !important;
41        }
42
43        a:hover {
44            background-color: @ini_theme_color !important;
45            color: @ini_background !important;
46        }
47    }
48
49    a.Translation {
50
51        span.icon::before {
52            font-family: 'bootstrap-icons';
53            content: "\F882";
54        }
55    }
56}
57
58/* 767px > x */
59@media only screen and (max-width: 767px) {
60    .page-tools {
61        div.plugin_translation{
62            left: 0px;
63            top: auto;
64            border-radius: 0px;
65            width: 100vw;
66            padding: 20px;
67        }
68    }
69}
70