robosats/frontend/static/css/index.css

174 lines
2.8 KiB
CSS
Raw Normal View History

html,
body {
height: 100%;
margin: 0;
padding: 0;
2022-03-25 12:27:27 +00:00
font-family: 'Roboto';
}
2022-09-20 14:21:19 +00:00
@media (prefers-color-scheme: dark) {
body {
background: rgb(0, 0, 0);
}
.loaderSpinner {
color: #90caf9;
}
.loaderSpinner:before{
background: rgb(0, 0, 0);
}
.loaderSpinner:after{
background: rgb(0, 0, 0);
}
.slider{
color: #fff;
}
}
#main {
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
#app {
width: 100%;
height: 100%;
}
2022-03-25 10:07:29 +00:00
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.appCenter {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%) translate(0,-20px);
}
.alertUnsafe{
position: absolute;
width: 100%;
z-index: 9999;
}
.hideAlertButton{
position: fixed;
2022-03-18 21:21:13 +00:00
}
.clickTrough{
height: 50px;
pointer-events: none;
z-index: 1;
2022-01-02 22:50:49 +00:00
}
2022-03-24 17:29:51 +00:00
/* No arrows on numeric inputs */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type=number] {
-moz-appearance: textfield;
}
2022-01-14 16:21:42 +00:00
.bottomBar {
position: fixed;
bottom: 0;
}
2022-03-18 21:21:13 +00:00
.amboss{
fill:url(#SVGID_1_);
}
.advancedSwitch{
2022-03-18 21:21:13 +00:00
width: 20;
left: 50%;
2022-03-18 21:21:13 +00:00
transform: translate(62px, 0px);
margin-right: 0;
margin-left: auto;
}
2022-01-14 16:21:42 +00:00
.bottomItem {
margin: 0;
top: -14px;
}
.profileNickname {
margin: 0;
left: -16px;
}
.newAvatar {
border-radius: 50%;
border: 2px solid #555;
filter: drop-shadow(1px 1px 1px #000000);
}
.profileAvatar {
border: 0.5px solid #555;
filter: drop-shadow(0.5px 0.5px 0.5px #000000);
left: 35px;
}
.smallAvatar {
border: 0.5px solid #555;
filter: drop-shadow(0.5px 0.5px 0.5px #000000);
}
.flippedSmallAvatar {
transform: scaleX(-1);
border: 0.3px solid #555;
filter: drop-shadow(0.5px 0.5px 0.5px #000000);
2022-02-01 19:43:33 +00:00
}
.phoneFlippedSmallAvatar img{
2022-02-01 19:43:33 +00:00
transform: scaleX(-1);
border: 1.3px solid #1976d2;
-webkit-filter: grayscale(100%);
filter: grayscale(100%) brightness(150%) contrast(150%) drop-shadow(0.7px 0.7px 0.7px #000000);
2022-02-01 19:43:33 +00:00
}
.phoneFlippedSmallAvatar:after {
content: '';
position: absolute;
top: 0; left: 0; bottom: 0; right: 0;
border-radius: 50%;
border: 2.4px solid #1976d2;
box-shadow: inset 0px 0px 35px rgb(255, 255, 255);
}
.MuiButton-textInherit {color : '#111111';}
::-webkit-scrollbar
{
width: 6px; /* for vertical scrollbars */
height: 6px; /* for horizontal scrollbars */
}
::-webkit-scrollbar-track
{
background: rgba(0, 0, 0, 0.1);
}
::-webkit-scrollbar-thumb
{
background: rgba(0, 0, 0, 0.5);
}
.MuiDataGrid-columnHeaders + div {
width: auto !important;
}
@media (max-width: 929px) {
.appCenter:has(>div.MuiGrid-root:first-child, >div.MuiBox-root:first-child) {
overflow-y: scroll;
margin-top: 12px;
padding-bottom: 25px;
height: 100%;
}
}