2014-06-24 00:42:43 +02:00
|
|
|
@font-face {
|
2014-10-25 09:50:37 +02:00
|
|
|
font-family: 'FontAwesome';
|
|
|
|
font-weight: normal;
|
|
|
|
font-style: normal;
|
2015-03-31 15:25:39 +02:00
|
|
|
src: url('fonts/fontawesome-webfont.ttf') format('truetype');
|
2014-10-25 09:50:37 +02:00
|
|
|
}
|
2014-06-24 00:42:43 +02:00
|
|
|
.fa {
|
2015-03-31 15:25:39 +02:00
|
|
|
display: inline-block;
|
2014-06-24 00:42:43 +02:00
|
|
|
font-family: FontAwesome;
|
|
|
|
font-style: normal;
|
|
|
|
font-weight: normal;
|
|
|
|
line-height: 1;
|
2016-12-14 13:34:36 +01:00
|
|
|
user-select: none;
|
|
|
|
-moz-user-select: none;
|
|
|
|
-webkit-user-select: none;
|
2014-06-24 00:42:43 +02:00
|
|
|
}
|
2015-04-07 18:05:38 +02:00
|
|
|
body {
|
2015-05-16 18:28:56 +02:00
|
|
|
background-color: white;
|
|
|
|
color: black;
|
2016-11-07 20:53:04 +01:00
|
|
|
font: 14px sans-serif;
|
2016-11-05 19:48:42 +01:00
|
|
|
}
|
2018-03-28 22:15:50 +02:00
|
|
|
code {
|
|
|
|
background-color: #eee;
|
|
|
|
padding: 0 0.25em;
|
|
|
|
}
|
2016-11-05 19:48:42 +01:00
|
|
|
textarea {
|
|
|
|
font-size: 90%;
|
2015-04-07 18:05:38 +02:00
|
|
|
}
|
2015-08-12 18:17:39 +02:00
|
|
|
/* I designed the button with: http://charliepark.org/bootstrap_buttons/ */
|
|
|
|
button.custom {
|
|
|
|
padding: 0.6em 1em;
|
|
|
|
border: 1px solid transparent;
|
|
|
|
border-color: #ccc #ccc #bbb #bbb;
|
|
|
|
border-radius: 3px;
|
|
|
|
background-color: hsl(216, 0%, 75%);
|
|
|
|
background-image: linear-gradient(#f2f2f2, #dddddd);
|
|
|
|
background-repeat: repeat-x;
|
|
|
|
color: #000;
|
|
|
|
opacity: 0.8;
|
|
|
|
}
|
2018-03-28 22:15:50 +02:00
|
|
|
button.custom:hover {
|
|
|
|
opacity: 1.0;
|
|
|
|
}
|
|
|
|
button.custom.important {
|
|
|
|
border-color: #ffcc7f #ffcc7f hsl(36, 100%, 73%);
|
|
|
|
background-color: hsl(36, 100%, 75%);
|
|
|
|
background-image: linear-gradient(#ffdca8, #ffcc7f);
|
|
|
|
}
|
2015-08-12 18:17:39 +02:00
|
|
|
button.custom.disabled,
|
2018-03-28 22:15:50 +02:00
|
|
|
button.custom[disabled],
|
|
|
|
button.custom.important.disabled,
|
|
|
|
button.custom.important[disabled] {
|
2015-08-12 18:17:39 +02:00
|
|
|
border-color: #ddd #ddd hsl(36, 0%, 85%);
|
|
|
|
background-color: hsl(36, 0%, 72%);
|
|
|
|
background-image: linear-gradient(#f2f2f2, #dddddd);
|
|
|
|
color: #666;
|
|
|
|
opacity: 0.6;
|
|
|
|
pointer-events: none;
|
|
|
|
}
|
2018-03-28 22:15:50 +02:00
|
|
|
button.custom.iconifiable > .fa {
|
|
|
|
padding-right: 0.5em;
|
2015-08-12 18:17:39 +02:00
|
|
|
}
|
2018-03-28 22:15:50 +02:00
|
|
|
body[dir="rtl"] button.custom.iconifiable > .fa {
|
|
|
|
padding-left: 0.5em;
|
2015-06-07 00:31:38 +02:00
|
|
|
}
|
2018-03-28 22:15:50 +02:00
|
|
|
.hidden {
|
|
|
|
display: none;
|
2015-04-07 18:05:38 +02:00
|
|
|
height: 0;
|
2014-10-25 09:50:37 +02:00
|
|
|
visibility: hidden;
|
|
|
|
width: 0;
|
|
|
|
}
|
2018-03-28 22:15:50 +02:00
|
|
|
|
|
|
|
@media (max-width: 640px) {
|
|
|
|
button.custom.iconifiable > .fa {
|
|
|
|
font-size: 150%;
|
|
|
|
padding: 0;
|
|
|
|
}
|
|
|
|
button.custom.iconifiable > [data-i18n] {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
}
|
2018-12-19 22:21:23 +01:00
|
|
|
|
|
|
|
.ubo-icon {
|
|
|
|
align-items: center;
|
|
|
|
background-color: transparent;
|
|
|
|
border: 0;
|
|
|
|
display: inline-flex;
|
|
|
|
justify-content: center;
|
|
|
|
margin: 0;
|
|
|
|
padding: 0.1em;
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
.ubo-icon > * {
|
|
|
|
pointer-events: none;
|
|
|
|
}
|
|
|
|
.ubo-icon.disabled,
|
|
|
|
.disabled > .ubo-icon,
|
|
|
|
.ubo-icon[disabled],
|
|
|
|
[disabled] > .ubo-icon {
|
|
|
|
color: #000;
|
|
|
|
fill: #000;
|
|
|
|
opacity: 0.25;
|
|
|
|
stroke: #888;
|
|
|
|
pointer-events: none;
|
|
|
|
}
|
|
|
|
.ubo-icon > svg {
|
|
|
|
height: 1em;
|
|
|
|
width: 1em;
|
|
|
|
}
|