forked from extern/the-glorious-startpage
ae6e1254ea
* fix paddings on screen * fix test Variable Assigned to Object Injection Sink * fix parse int missing base * fix security issues(regex not included) * fix missing base * fixes padding * minor fixes * regex * cleanup * minor cleanup in webmenu * cleanups * cleanups spaces to tab * cleanups * spacing tabs fixes test * cleanup * cleanup * multitransition new line * cleanup * cleanup * cleanup * cleanup * readme * comments * cleanup * Avoid assignments in operands * cleanup
48 lines
817 B
CSS
48 lines
817 B
CSS
#profileImageContainer {
|
|
background: var(--base-bg);
|
|
backdrop-filter: blur(var(--blur-strength));
|
|
|
|
height: 138px;
|
|
width: 138px;
|
|
border-radius: 50%;
|
|
pointer-events: initial;
|
|
|
|
margin: 0 auto;
|
|
margin-bottom: 110px;
|
|
position: relative;
|
|
|
|
flex-flow: column wrap;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
#profileImage {
|
|
background-image: url('../../assets/user.png');
|
|
height: 128px;
|
|
width: 128px;
|
|
border-radius: 50%;
|
|
background-size: cover;
|
|
|
|
flex-flow: column wrap;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.rotateProfileAnim {
|
|
animation: rotate var(--transition-speed) 1;
|
|
animation-iteration-count: 1;
|
|
animation-play-state: paused;
|
|
}
|
|
|
|
@keyframes rotate {
|
|
from {
|
|
transform: rotate(0deg);
|
|
}
|
|
|
|
to {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|