2013-02-09 19:41:19 +00:00
|
|
|
// basic avatar sprite group
|
2013-02-08 18:29:09 +00:00
|
|
|
.avatar
|
2013-02-08 18:57:20 +00:00
|
|
|
cursor: pointer
|
2013-02-08 18:29:09 +00:00
|
|
|
position: relative
|
|
|
|
|
width: 90px
|
|
|
|
|
height: 90px
|
|
|
|
|
|
|
|
|
|
.character-sprites
|
|
|
|
|
position: absolute
|
|
|
|
|
|
|
|
|
|
.lvl
|
|
|
|
|
position: absolute
|
|
|
|
|
bottom: 0px
|
|
|
|
|
right: 10px
|
|
|
|
|
|
2013-02-12 17:36:38 +00:00
|
|
|
.character-sprites span
|
|
|
|
|
position: absolute
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// styling the "char-box"
|
|
|
|
|
.char-box
|
|
|
|
|
margin: 0
|
|
|
|
|
border: 1px solid darkgrey;
|
|
|
|
|
background: #fafafa;
|
|
|
|
|
width: 107px;
|
|
|
|
|
|
|
|
|
|
// .avatar
|
|
|
|
|
|
|
|
|
|
.char-level, .char-name
|
|
|
|
|
margin-top: 6px;
|
|
|
|
|
border-top: 1px solid darkgrey;
|
|
|
|
|
text-align: center
|
|
|
|
|
line-height: 2
|
|
|
|
|
font-size: 12px
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2013-02-09 19:41:19 +00:00
|
|
|
// main and party avatars
|
|
|
|
|
.main-avatar, .party-avatar
|
|
|
|
|
.character-sprites
|
|
|
|
|
top: -15px
|
2013-02-08 18:57:20 +00:00
|
|
|
|
2013-02-12 17:36:38 +00:00
|
|
|
.main-avatar-wrap
|
|
|
|
|
margin: 0 5px 0 0
|
|
|
|
|
float: left
|
|
|
|
|
|
|
|
|
|
.party-avatar-wrap
|
|
|
|
|
margin: 0
|
|
|
|
|
float: right
|
2013-02-09 19:41:19 +00:00
|
|
|
|
2013-02-12 17:36:38 +00:00
|
|
|
|
|
|
|
|
// customization avatars
|
|
|
|
|
.customization-avatar-wrap
|
|
|
|
|
float: right
|
|
|
|
|
|
|
|
|
|
@media (max-width: 480px) {
|
|
|
|
|
.customization-avatar-wrap {
|
|
|
|
|
float: none;
|
|
|
|
|
margin-bottom: 1em;
|
|
|
|
|
}
|
|
|
|
|
}
|
