forked from extern/the-glorious-startpage
c59d1ec0ec
* add screens css * separate dir for screens * separate dir for dashboard and settings * separate dir for centeredbox and its contents * move autosuggestion to centeredbox dir * rename webmenu to webmenuscreen * fix bugs and errors caused by renaming webmenu * fix missing dashboard icons * fix missing weather forecast icons * reduced the use of !important * reduced the use of !important * reduced the use of !important * reduced the use of !important * reduced the use of !important * reduced the use of !important * combine bars and panels * bars css cleanup * dashboard missing icon fix and css * decrease the usage of !important * decrease the usage of important
42 lines
843 B
CSS
42 lines
843 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 { -webkit-transform: rotate(0deg) }
|
|
to { -webkit-transform: rotate(360deg) }
|
|
} |