blob: 7190881eb3be7ea26efb1b3cdbc62868f92cb33b [file] [log] [blame]
Adrià956b32a2015-01-01 20:03:07 +01001/*@import url("widgets.css");*/
Adrià6ae49e72014-11-09 22:21:19 +01002
3body {
avm999635a57c412020-12-27 00:26:45 +01004 padding: 10px;
5 font-family: "Roboto", "Arial", sans-serif !important;
6 background-color: #BBDEFB;
7 background-repeat: repeat;
8 background-position: left top;
9 font-size: 90%;
10 cursor: default;
11 min-width: 400px;
Adrià6ae49e72014-11-09 22:21:19 +010012}
avm999635a57c412020-12-27 00:26:45 +010013
Adrià6ae49e72014-11-09 22:21:19 +010014h1 {
avm999635a57c412020-12-27 00:26:45 +010015 text-align: center;
16 font-size: 30px;
Adrià6ae49e72014-11-09 22:21:19 +010017}
avm999635a57c412020-12-27 00:26:45 +010018
Adrià6ae49e72014-11-09 22:21:19 +010019h2 {
avm999635a57c412020-12-27 00:26:45 +010020 font-size: 20px;
Adrià6ae49e72014-11-09 22:21:19 +010021}
avm999635a57c412020-12-27 00:26:45 +010022
Adrià6ae49e72014-11-09 22:21:19 +010023#languages_container {
avm999635a57c412020-12-27 00:26:45 +010024 width: 300px;
avm99963f65e9bf2020-12-29 12:57:16 +010025 height: 250px;
avm999635a57c412020-12-27 00:26:45 +010026 border: 1px solid #ccc;
27 background-color: #E3F2FD;
28 overflow: auto;
Adrià6ae49e72014-11-09 22:21:19 +010029}
avm999635a57c412020-12-27 00:26:45 +010030
Adrià6ae49e72014-11-09 22:21:19 +010031#languages {
avm999635a57c412020-12-27 00:26:45 +010032 list-style: none;
33 margin: 0;
34 padding: 0;
Adrià6ae49e72014-11-09 22:21:19 +010035}
avm999635a57c412020-12-27 00:26:45 +010036
Adrià6ae49e72014-11-09 22:21:19 +010037#languages li {
avm999635a57c412020-12-27 00:26:45 +010038 padding: 15px;
39 border-bottom: 1px dashed #ddd;
40 background-color: #EEF7FD;
41 cursor: move;
42 -webkit-user-select: none;
Adrià6ae49e72014-11-09 22:21:19 +010043}
avm999635a57c412020-12-27 00:26:45 +010044
Adrià6ae49e72014-11-09 22:21:19 +010045#languages li.sortable-ghost {
avm999635a57c412020-12-27 00:26:45 +010046 background-color: #E3F2FD;
Adrià6ae49e72014-11-09 22:21:19 +010047}
avm999635a57c412020-12-27 00:26:45 +010048
Adrià6ae49e72014-11-09 22:21:19 +010049#languages li .delete {
avm999635a57c412020-12-27 00:26:45 +010050 font-size: 14px;
51 float: right;
52 cursor: pointer;
53 color: red;
Adrià6ae49e72014-11-09 22:21:19 +010054}
avm999635a57c412020-12-27 00:26:45 +010055
Adrià6ae49e72014-11-09 22:21:19 +010056#languages_footer {
avm999635a57c412020-12-27 00:26:45 +010057 width: 300px;
58 height: 35px;
59 background-color: #fff;
60 border: 1px solid #ccc;
61 border-top: 0;
Adrià6ae49e72014-11-09 22:21:19 +010062}
avm999635a57c412020-12-27 00:26:45 +010063
64button,
65input,
66select,
67option {
68 font-size: 13px !important;
Adrià6ae49e72014-11-09 22:21:19 +010069}
avm999635a57c412020-12-27 00:26:45 +010070
Adrià6ae49e72014-11-09 22:21:19 +010071#languages_add {
avm999635a57c412020-12-27 00:26:45 +010072 margin-left: 4px;
73 margin-top: 4px;
Adrià6ae49e72014-11-09 22:21:19 +010074}
avm999635a57c412020-12-27 00:26:45 +010075
Adrià6ae49e72014-11-09 22:21:19 +010076#save {
avm999635a57c412020-12-27 00:26:45 +010077 display: block;
78 margin: 18px auto;
Adrià6ae49e72014-11-09 22:21:19 +010079}
80
81/* Dialog */
Adriàe96a76c2014-12-06 14:59:17 +010082dialog#languages_add_dialog {
avm999635a57c412020-12-27 00:26:45 +010083 position: fixed;
84 top: 50%;
85 left: 50%;
86 margin-left: -216px;
87 margin-top: -91px;
88 height: 150px;
89 width: 400px;
90 border: 1px solid rgba(0, 0, 0, 0.3);
91 border-radius: 6px;
92 box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
Adrià6ae49e72014-11-09 22:21:19 +010093}
94
95dialog h3 {
avm999635a57c412020-12-27 00:26:45 +010096 margin-bottom: 10px;
Adrià6ae49e72014-11-09 22:21:19 +010097}
98
99dialog #language_label {
avm999635a57c412020-12-27 00:26:45 +0100100 font-size: 12px;
Adrià6ae49e72014-11-09 22:21:19 +0100101}
102
103dialog select {
avm999635a57c412020-12-27 00:26:45 +0100104 width: 100%;
Adrià6ae49e72014-11-09 22:21:19 +0100105}
106
avm999639bbb3a42020-12-29 03:29:44 +0100107dialog#languages_add_dialog .action_buttons {
avm999635a57c412020-12-27 00:26:45 +0100108 margin-top: 10px;
109 float: right;
Adrià6ae49e72014-11-09 22:21:19 +0100110}
111
112dialog::backdrop {
avm999635a57c412020-12-27 00:26:45 +0100113 position: fixed;
114 top: 0;
115 left: 0;
116 right: 0;
117 bottom: 0;
118 background-color: rgba(0, 0, 0, 0.5);
Adriàe96a76c2014-12-06 14:59:17 +0100119}
120
121/* Credits */
122#credits_container {
avm999635a57c412020-12-27 00:26:45 +0100123 position: absolute;
124 top: 0px;
125 right: 50px;
126 background: rgb(195, 235, 204);
127 border: solid 1px rgb(139, 139, 139);
128 border-top: 0;
129 border-radius: 0px 0px 5px 5px;
Adriàe96a76c2014-12-06 14:59:17 +0100130}
131
132#credits_container a {
avm999635a57c412020-12-27 00:26:45 +0100133 color: green !important;
134 margin: 0 5px;
Adriàe96a76c2014-12-06 14:59:17 +0100135}
136
137dialog#credits_dialog {
avm999635a57c412020-12-27 00:26:45 +0100138 position: fixed;
139 top: 50%;
140 left: 50%;
141 margin-left: -216px;
142 margin-top: -231px;
avm999639bbb3a42020-12-29 03:29:44 +0100143 padding: 0;
avm999635a57c412020-12-27 00:26:45 +0100144 height: 430px;
145 width: 400px;
146 border: 1px solid rgba(0, 0, 0, 0.3);
147 border-radius: 6px;
148 box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
Adriàe96a76c2014-12-06 14:59:17 +0100149}
150
avm999639bbb3a42020-12-29 03:29:44 +0100151dialog#credits_dialog[open] {
152 display: flex;
153 flex-direction: column;
154}
155
156dialog#credits_dialog .scrollable {
157 padding: 1em;
158 overflow-y: auto;
159}
160
Adriàe96a76c2014-12-06 14:59:17 +0100161dialog#credits_dialog .content_area h4 {
avm999635a57c412020-12-27 00:26:45 +0100162 margin-bottom: 0px;
Adriàe96a76c2014-12-06 14:59:17 +0100163}
164
avm999639bbb3a42020-12-29 03:29:44 +0100165dialog#credits_dialog .entry {
166 position: relative;
167}
168
169dialog#credits_dialog .entry a.homepage {
avm999635a57c412020-12-27 00:26:45 +0100170 position: absolute;
171 right: 16px;
172 font-size: 14px;
Adriàe96a76c2014-12-06 14:59:17 +0100173}
174
avm999639bbb3a42020-12-29 03:29:44 +0100175dialog#credits_dialog p,
176dialog#credits_dialog span {
avm999635a57c412020-12-27 00:26:45 +0100177 font-size: 14px;
Adriàe96a76c2014-12-06 14:59:17 +0100178}
179
avm999639bbb3a42020-12-29 03:29:44 +0100180dialog#credits_dialog p.author {
avm999635a57c412020-12-27 00:26:45 +0100181 margin-top: 7px;
Adrià956b32a2015-01-01 20:03:07 +0100182}
183
avm999639bbb3a42020-12-29 03:29:44 +0100184dialog#credits_dialog #translators .name {
185 font-weight: bold;
186}
187
avm99963f65e9bf2020-12-29 12:57:16 +0100188dialog#credits_dialog .action_buttons {
avm999639bbb3a42020-12-29 03:29:44 +0100189 border-top: 1px solid #ccc;
190 padding: 1em;
191 text-align: right;
192}
193
Adrià956b32a2015-01-01 20:03:07 +0100194#otheroptions p {
avm999635a57c412020-12-27 00:26:45 +0100195 margin-top: 0;
196 margin-bottom: 0;
avm999634a2a5d52016-06-04 16:17:29 +0200197}