User:Sur/vector.css
< User:Sur
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}progress{-webkit-appearance:none;-moz-appearance:none;appearance:none}progress::-webkit-progress-bar{overflow:hidden}.weapon progress::-webkit-progress-bar{height:12px;border-radius:6px;background-color:#000}.weapon progress::-webkit-progress-value{background-color:orange}.vitality progress::-webkit-progress-bar{height:12px;border-radius:6px;background-color:#000}.vitality progress::-webkit-progress-value{background-color:#228b22}.spirit progress::-webkit-progress-bar{height:12px;border-radius:6px;background-color:#000}.spirit progress::-webkit-progress-value{background-color:#639}.stat-box{width:100%;max-width:140px}.stat-box__wrapper{display:flex;column-gap:8px}.stat-box__content{display:flex;align-items:center;flex-direction:column;row-gap:8px}.stat-box__icon{width:60px;height:60px}.stat-box__container{background-image:linear-gradient(rgba(var(--primary-color),.8),rgba(var(--primary-color),.3))}.stat-box__container:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:20px;z-index:-1}.weapon{--primary-color: #D5903F}.vitality{--primary-color: #74B01C }.spirit{--primary-color: #C288F0 }