html {
height: 100%;
font-family: Verdana, Geneva, sans-serif;
}
body {
margin: 0;
background-color: black;
color: whitesmoke;
height: 100%;
display: flex;
align-items: stretch;
flex-direction: column;
}
div.header {
height: 2.5em;
width: 100%;
background-color: #050;
color: #afa;
display: flex;
margin-bottom: 1em;
}
div.header-content {
vertical-align: middle;
padding-left: 0.6em;
align-self: center;
max-height: 100%;
width: 100%;
overflow: hidden;
display: flex;
}
div.body-wrapper {
display: block;
width: 100%;
height: 100%;
}
div.body-content {
display: flex;
flex-direction: column;
align-self: center;
gap: 10pt;
align-items: center;
justify-content: center;
height: 100%;
width: 100%;
}
.login-form {
display: flex;
flex-direction: column;
gap: 10pt;
padding: 14pt;
border: 1px solid #999;
border-radius: 0;
}
.submit-button {
align-self: self-end;
padding: 8px 16px;
background-color: rgba(0, 0, 0, 1.0);
color: white;
border-radius: 0;
border-width: 0.1pt;
border-style: solid;
cursor: pointer;
}
.positive-submit {
border-color: #397239;
}
.positive-submit:hover {
background-color: #397239;
}
.positive-submit:active {
background-color: #2B572B;
}
.negative-submit {
border-color: #732939;
}
.negative-submit:hover {
background-color: #732939;
}
.negative-submit:active {
background-color: #572B2B;
}
.neutral-submit {
border-color: #393973;
}
.neutral-submit:hover {
background-color: #393973;
}
.neutral-submit:active {
background-color: #2B2B57;
}
.disabled-submit {
background-color: #222;
border-color: #222;
color: #999;
cursor: default;
}
input.material {
border-radius: 0;
border-color: white;
border-style: solid;
border-width: 0.1pt;
background-color: rgba(255, 255, 255, 0.0);
color: white;
}
input.material:focus {
background-color: rgba(255, 255, 255, 0.35);
}
div.header-img {
max-height: 100%;
max-width: 100%;
cursor: pointer;
}
img.header-img {
max-height: 100%;
max-width: 100%;
cursor: pointer;
}
div.login-info {
display: flex;
flex-direction: column;
gap: 10pt;
padding: 14pt;
align-items: center;
}
div.header-logout {
align-self: center;
height: 100%;
padding-left: 10pt;
padding-right: 10pt;
max-height: 100%;
cursor: pointer;
display: flex;
align-items: center;
}
.hidden {
display: none;
}
div.error-box {
border-color: #f00;
padding: 10pt;
border-width: 0.1pt;
border-style: solid;
}
#alias-list {
list-style-type: none;
padding: 0;
margin: 0;
white-space: nowrap;
}
#alias-list li {
font-size: 18px;
display: block;
}
#alias-list li:nth-child(odd) {
background-color: #555;
}
#alias-list li:nth-child(even) {
background-color: #222;
}
div.alias-list-item {
display: flex;
flex-direction: row;
gap: 10pt;
height: 45px;
justify-content: space-between;
}
div.alias-list-item input {
background-color: transparent;
color: white;
border-style: none;
font-size: inherit;
height: inherit;
}
div.alias-list-item-content {
align-self: center;
}
div#list-container {
height: 100%;
}
div#page-numbers-container {
display: flex;
flex-direction: row;
gap: 5pt;
justify-content: space-between;
padding-bottom: 5pt;
}
div.page-number {
cursor: pointer;
width: 35px;
height: 35px;
display: flex;
align-items: center;
justify-content: center;
background-color: #333;
}
div.page-number.selected-page {
background-color: #aaa;
}
div.page-number:hover {
background-color: #ddd;
}
div.page-number:active {
background-color: #aaa;
}
div.alias-list-item-edit {
cursor: pointer;
height: 45px;
width: 45px;
display: flex;
justify-content: center;
align-items: center;
}
div.alias-list-item-edit:hover {
background-color: #ddd;
}
div.alias-list-item-edit:active {
background-color: #aaa;
}
.easy-copy-textbox {
border-style: none;
background-color: transparent;
}
.row {
display: flex;
flex-direction: row;
gap: 5pt;
}
.center-content {
justify-content: center;
align-items: center;
}
.end-content {
justify-content: end;
align-items: end;
}
#known-correspondents-list {
list-style-type: none;
padding: 0;
margin: 0;
white-space: nowrap;
}
#known-correspondents-list li {
display: block;
padding-left: 10px;
padding-right: 10px;
padding-top: 4px;
padding-bottom: 4px;
}
#known-correspondents-list li:nth-child(odd) {
background-color: #555;
}
#known-correspondents-list li:nth-child(even) {
background-color: #222;
}
div.alias-list-odd-column {
background-color: rgba(0, 0, 0, 0.2);
height: inherit;
}
div.alias-list-item-copy-addr {
cursor: pointer;
height: 45px;
width: 40px;
display: flex;
justify-content: center;
align-items: center;
}
div.alias-list-item-copy-addr-pressed {
background-color: #050;
}
div.alias-list-item-copy-addr img {
height: 35px;
}