.mui-1d4w5en {
margin-top: 50px;
width: 570px;
height: 570px;
}
.mui-jbxjxp {
font-size: 0.9rem!important;
text-shadow: 1px 0px #000, 1px 1px #000, 0px 1px #000;
}
.mui-r51n2o, .mui-1q98x4t, .mui-ay9p94, .mui-1mh151z { position: relative; }
.popouts {
position: absolute;
top: 0;
left: 0;
}
.popouts.left {
left: calc(50% - 335px);
width: 50px;
height: 670px;
display: flex;
flex-direction: column;
}
.popouts.top {
left: calc(50% - 285px);
width: 570px;
height: 50px;
display: flex;
flex-direction: row;
}
.mui-ay9p94 .popouts.left, .mui-1mh151z .popouts.left {
left: -27px;
}
.mui-ay9p94 .popouts.top, .mui-1mh151z .popouts.top {
left: 23px;
}
.popouts > div {
flex: 1 1 auto;
display: flex;
justify-content: center;
align-items: center;
font-size: 75%;
border-left: 2px solid rgba(255, 255, 255, 0.12);
border-top: 2px solid rgba(255, 255, 255, 0.12);
background-color: #202020;
cursor: pointer;
}
.popouts > div:hover {
background-color: #303030;
}
.popouts > div:last-child {
border-right: 2px solid rgba(255, 255, 255, 0.12);
}
.popouts.left > div:last-child {
width: 52px;
border-bottom: 2px solid rgba(255, 255, 255, 0.12);
}
.popouts.left > div {
flex: 0 0 113.59px;
}
.popouts.left > div:first-child, .popouts.left > div:last-child {
flex: 0 0 50px;
}
Comments
0 B
|👍
/👎
0 B
|0 👍
/0 👎
0 B
|0 👍
/0 👎