92 lines
1.4 KiB
CSS
92 lines
1.4 KiB
CSS
/* This Source Code Form is subject to the terms of the Mozilla Public
|
|
* License, v. 2.0. If a copy of the MPL was not distributed with this
|
|
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
|
|
|
|
html, body {
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
|
|
div {
|
|
transition: opacity 0.4s ease-in;
|
|
}
|
|
|
|
#spinner {
|
|
transition: opacity 0.2s ease-in;
|
|
}
|
|
|
|
#remote {
|
|
border: 0;
|
|
opacity: 0;
|
|
transition: opacity 0.4s ease-in;
|
|
}
|
|
|
|
.text {
|
|
color: #363B40;
|
|
font-size: 25px;
|
|
font-weight: lighter;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.hint {
|
|
color: #777777;
|
|
font-size: 20px;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
a {
|
|
color: #0096DD; /* link_blue */
|
|
text-decoration: none;
|
|
font-size: 20px;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
a:active {
|
|
color: #0082C6; /* link_blue_pressed */
|
|
}
|
|
|
|
.toplevel {
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
}
|
|
|
|
.container {
|
|
height: 100%;
|
|
padding-left: 30px;
|
|
padding-right: 30px;
|
|
}
|
|
|
|
.text-container {
|
|
padding-top: 60px;
|
|
padding-left: 30px;
|
|
padding-right: 30px;
|
|
}
|
|
|
|
.flex-column {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
text-align: center;
|
|
}
|
|
|
|
.button-row {
|
|
flex: 0;
|
|
width: 100%;
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
text-align: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.button {
|
|
flex: 1;
|
|
height: 60px;
|
|
background-color: #E66000; /*matched to action_orange in java codebase*/
|
|
color: #FFFFFF;
|
|
font-size: 20px;
|
|
border-radius: 4px;
|
|
border-width: 0px;
|
|
}
|