gitlord
/
isleward
mirror of https://gitlab.com/Isleward/isleward.git
1
0
Fork 0
Code Issues 0 Releases 203 Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
3415 Commits
10 Branches
37 MiB
 
 
 
Tree: e0f1e8aa3d
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from 'e0f1e8aa3d'
${ noResults }
isleward/src/client/ui/templates/equipment/styles.css

1 line
14 KiB
Raw Blame History 

  1. .uiEquipment{display:none;z-index:2;border:5px solid #3c3f4c;text-align:center;width:500px;height:712px}.uiEquipment>.heading{color:#fcfcfc;width:100%;height:36px;background-color:#3c3f4c}.uiEquipment>.heading .heading-text{padding-top:8px;margin:auto}.uiEquipment .content{width:100%;height:calc(100% - 36px);background-color:#373041;display:flex;flex-direction:column}.uiEquipment .content .tabs{width:100%;height:40px;padding:8px 8px 0 8px}.uiEquipment .content .tabs .tab{cursor:pointer;background-color:#3c3f4c;color:#fcfcfc;margin-right:8px;float:left;height:100%;padding-top:8px;padding-left:8px;padding-right:8px;width:calc((100% - 24px)/ 4)}.uiEquipment .content .tabs .tab:hover{background-color:#505360}.uiEquipment .content .tabs .tab.selected{background-color:#505360;color:#48edff}.uiEquipment .content .tabs .tab:last-child{margin-right:0}.uiEquipment .content .main{height:528px;display:flex;flex-direction:column;flex-wrap:wrap}.uiEquipment .content .main .left,.uiEquipment .content .main .right{width:96px;padding:8px}.uiEquipment .content .main .bottom,.uiEquipment .content .main .left,.uiEquipment .content .main .right,.uiEquipment .content .main .stats{height:528px}.uiEquipment .content .main .stats{height:calc(528px - 80px);width:calc(100% - (2 * 96px));padding:16px 8px 8px 8px}.uiEquipment .content .main .stats .stat{height:22px;filter:drop-shadow(0 -2px 0 #312136) drop-shadow(0 2px 0 #312136) drop-shadow(2px 0 0 #312136) drop-shadow(-2px 0 0 #312136);-moz-filter:drop-shadow(0 -2px 0 #312136) drop-shadow(0 2px 0 #312136) drop-shadow(2px 0 0 #312136) drop-shadow(-2px 0 0 #312136)}.uiEquipment .content .main .stats .stat.blueText>font{color:#3fa7dd}.uiEquipment .content .main .stats .stat.empty{height:22px}.uiEquipment .content .main .stats .stat.gold font{color:#faac45}.uiEquipment .content .main .quick{width:calc(100% - (2 * 96px));height:80px;padding:0;display:flex;justify-content:center}.uiEquipment .content .runes{display:flex;flex-direction:row;justify-content:space-between;width:100%;height:80px;padding:8px}.uiEquipment .content .runes .slot:last-child{margin-right:0}.uiEquipment .content .itemList .slot,.uiEquipment .content .left .slot,.uiEquipment .content .quick .slot,.uiEquipment .content .right .slot,.uiEquipment .content .runes .slot,.uiEquipment .content .tools .slot{width:80px;height:80px;background-color:#312136;margin-bottom:8px;cursor:pointer;padding:8px;position:relative}.uiEquipment .content .itemList .slot:last-child,.uiEquipment .content .left .slot:last-child,.uiEquipment .content .quick .slot:last-child,.uiEquipment .content .right .slot:last-child,.uiEquipment .content .runes .slot:last-child,.uiEquipment .content .tools .slot:last-child{margin-bottom:0}.uiEquipment .content .itemList .slot.show-default-icon .icon,.uiEquipment .content .left .slot.show-default-icon .icon,.uiEquipment .content .quick .slot.show-default-icon .icon,.uiEquipment .content .right .slot.show-default-icon .icon,.uiEquipment .content .runes .slot.show-default-icon .icon,.uiEquipment .content .tools .slot.show-default-icon .icon{opacity:.5;background-image:url(../../../images/uiIcons.png)!important}.uiEquipment .content .itemList .slot.show-default-icon[slot=head] .icon,.uiEquipment .content .left .slot.show-default-icon[slot=head] .icon,.uiEquipment .content .quick .slot.show-default-icon[slot=head] .icon,.uiEquipment .content .right .slot.show-default-icon[slot=head] .icon,.uiEquipment .content .runes .slot.show-default-icon[slot=head] .icon,.uiEquipment .content .tools .slot.show-default-icon[slot=head] .icon{background-position:0 -448px}.uiEquipment .content .itemList .slot.show-default-icon[slot=neck] .icon,.uiEquipment .content .left .slot.show-default-icon[slot=neck] .icon,.uiEquipment .content .quick .slot.show-default-icon[slot=neck] .icon,.uiEquipment .content .right .slot.show-default-icon[slot=neck] .icon,.uiEquipment .content .runes .slot.show-default-icon[slot=neck] .icon,.uiEquipment .content .tools .slot.show-default-icon[slot=neck] .icon{background-position:-64px -448px}.uiEquipment .content .itemList .slot.show-default-icon[slot=chest] .icon,.uiEquipment .content .left .slot.show-default-icon[slot=chest] .icon,.uiEquipment .content .quick .slot.show-default-icon[slot=chest] .icon,.uiEquipment .content .right .slot.show-default-icon[slot=chest] .icon,.uiEquipment .content .runes .slot.show-default-icon[slot=chest] .icon,.uiEquipment .content .tools .slot.show-default-icon[slot=chest] .icon{background-position:-128px -448px}.uiEquipment .content .itemList .slot.show-default-icon[slot=hands] .icon,.uiEquipment .content .left .slot.show-default-icon[slot=hands] .icon,.uiEquipment .content .quick .slot.show-default-icon[slot=hands] .icon,.uiEquipment .content .right .slot.show-default-icon[slot=hands] .icon,.uiEquipment .content .runes .slot.show-default-icon[slot=hands] .icon,.uiEquipment .content .tools .slot.show-default-icon[slot=hands] .icon{background-position:-192px -448px}.uiEquipment .content .itemList .slot.show-default-icon[slot=finger-1] .icon,.uiEquipment .content .left .slot.show-default-icon[slot=finger-1] .icon,.uiEquipment .content .quick .slot.show-default-icon[slot=finger-1] .icon,.uiEquipment .content .right .slot.show-default-icon[slot=finger-1] .icon,.uiEquipment .content .runes .slot.show-default-icon[slot=finger-1] .icon,.uiEquipment .content .tools .slot.show-default-icon[slot=finger-1] .icon{background-position:-256px -448px}.uiEquipment .content .itemList .slot.show-default-icon[slot=finger-2] .icon,.uiEquipment .content .left .slot.show-default-icon[slot=finger-2] .icon,.uiEquipment .content .quick .slot.show-default-icon[slot=finger-2] .icon,.uiEquipment .content .right .slot.show-default-icon[slot=finger-2] .icon,.uiEquipment .content .runes .slot.show-default-icon[slot=finger-2] .icon,.uiEquipment .content .tools .slot.show-default-icon[slot=finger-2] .icon{background-position:-256px -448px}.uiEquipment .content .itemList .slot.show-default-icon[slot=waist] .icon,.uiEquipment .content .left .slot.show-default-icon[slot=waist] .icon,.uiEquipment .content .quick .slot.show-default-icon[slot=waist] .icon,.uiEquipment .content .right .slot.show-default-icon[slot=waist] .icon,.uiEquipment .content .runes .slot.show-default-icon[slot=waist] .icon,.uiEquipment .content .tools .slot.show-default-icon[slot=waist] .icon{background-position:-320px -448px}.uiEquipment .content .itemList .slot.show-default-icon[slot=legs] .icon,.uiEquipment .content .left .slot.show-default-icon[slot=legs] .icon,.uiEquipment .content .quick .slot.show-default-icon[slot=legs] .icon,.uiEquipment .content .right .slot.show-default-icon[slot=legs] .icon,.uiEquipment .content .runes .slot.show-default-icon[slot=legs] .icon,.uiEquipment .content .tools .slot.show-default-icon[slot=legs] .icon{background-position:-384px -448px}.uiEquipment .content .itemList .slot.show-default-icon[slot=feet] .icon,.uiEquipment .content .left .slot.show-default-icon[slot=feet] .icon,.uiEquipment .content .quick .slot.show-default-icon[slot=feet] .icon,.uiEquipment .content .right .slot.show-default-icon[slot=feet] .icon,.uiEquipment .content .runes .slot.show-default-icon[slot=feet] .icon,.uiEquipment .content .tools .slot.show-default-icon[slot=feet] .icon{background-position:-448px -448px}.uiEquipment .content .itemList .slot.show-default-icon[slot=trinket] .icon,.uiEquipment .content .left .slot.show-default-icon[slot=trinket] .icon,.uiEquipment .content .quick .slot.show-default-icon[slot=trinket] .icon,.uiEquipment .content .right .slot.show-default-icon[slot=trinket] .icon,.uiEquipment .content .runes .slot.show-default-icon[slot=trinket] .icon,.uiEquipment .content .tools .slot.show-default-icon[slot=trinket] .icon{background-position:-448px -384px}.uiEquipment .content .itemList .slot.show-default-icon[slot=oneHanded] .icon,.uiEquipment .content .left .slot.show-default-icon[slot=oneHanded] .icon,.uiEquipment .content .quick .slot.show-default-icon[slot=oneHanded] .icon,.uiEquipment .content .right .slot.show-default-icon[slot=oneHanded] .icon,.uiEquipment .content .runes .slot.show-default-icon[slot=oneHanded] .icon,.uiEquipment .content .tools .slot.show-default-icon[slot=oneHanded] .icon{background-position:-384px -384px}.uiEquipment .content .itemList .slot.show-default-icon[slot=offHand] .icon,.uiEquipment .content .left .slot.show-default-icon[slot=offHand] .icon,.uiEquipment .content .quick .slot.show-default-icon[slot=offHand] .icon,.uiEquipment .content .right .slot.show-default-icon[slot=offHand] .icon,.uiEquipment .content .runes .slot.show-default-icon[slot=offHand] .icon,.uiEquipment .content .tools .slot.show-default-icon[slot=offHand] .icon{background-position:-192px -384px}.uiEquipment .content .itemList .slot.show-default-icon[slot=tool] .icon,.uiEquipment .content .left .slot.show-default-icon[slot=tool] .icon,.uiEquipment .content .quick .slot.show-default-icon[slot=tool] .icon,.uiEquipment .content .right .slot.show-default-icon[slot=tool] .icon,.uiEquipment .content .runes .slot.show-default-icon[slot=tool] .icon,.uiEquipment .content .tools .slot.show-default-icon[slot=tool] .icon{background-position:-256px -384px}.uiEquipment .content .itemList .slot.show-default-icon[slot^=rune] .icon,.uiEquipment .content .left .slot.show-default-icon[slot^=rune] .icon,.uiEquipment .content .quick .slot.show-default-icon[slot^=rune] .icon,.uiEquipment .content .right .slot.show-default-icon[slot^=rune] .icon,.uiEquipment .content .runes .slot.show-default-icon[slot^=rune] .icon,.uiEquipment .content .tools .slot.show-default-icon[slot^=rune] .icon{background-position:-320px -384px}.uiEquipment .content .itemList .slot.show-default-icon[slot^=quick-0] .icon,.uiEquipment .content .left .slot.show-default-icon[slot^=quick-0] .icon,.uiEquipment .content .quick .slot.show-default-icon[slot^=quick-0] .icon,.uiEquipment .content .right .slot.show-default-icon[slot^=quick-0] .icon,.uiEquipment .content .runes .slot.show-default-icon[slot^=quick-0] .icon,.uiEquipment .content .tools .slot.show-default-icon[slot^=quick-0] .icon{background-position:-128px -384px}.uiEquipment .content .itemList .slot .icon,.uiEquipment .content .left .slot .icon,.uiEquipment .content .quick .slot .icon,.uiEquipment .content .right .slot .icon,.uiEquipment .content .runes .slot .icon,.uiEquipment .content .tools .slot .icon{height:100%}.uiEquipment .content .itemList .slot .info,.uiEquipment .content .left .slot .info,.uiEquipment .content .quick .slot .info,.uiEquipment .content .right .slot .info,.uiEquipment .content .runes .slot .info,.uiEquipment .content .tools .slot .info{left:6px;bottom:3px;position:absolute;color:#fcfcfc;filter:drop-shadow(0 -2px 0 #312136) drop-shadow(0 2px 0 #312136) drop-shadow(2px 0 0 #312136) drop-shadow(-2px 0 0 #312136);-moz-filter:drop-shadow(0 -2px 0 #312136) drop-shadow(0 2px 0 #312136) drop-shadow(2px 0 0 #312136) drop-shadow(-2px 0 0 #312136)}.uiEquipment .content .itemList .slot:hover .icon,.uiEquipment .content .left .slot:hover .icon,.uiEquipment .content .quick .slot:hover .icon,.uiEquipment .content .right .slot:hover .icon,.uiEquipment .content .runes .slot:hover .icon,.uiEquipment .content .tools .slot:hover .icon{filter:brightness(160%);-moz-filter:brightness(160%)}.uiEquipment .content .itemList .slot:hover.empty,.uiEquipment .content .left .slot:hover.empty,.uiEquipment .content .quick .slot:hover.empty,.uiEquipment .content .right .slot:hover.empty,.uiEquipment .content .runes .slot:hover.empty,.uiEquipment .content .tools .slot:hover.empty{background-color:rgba(72,237,255,.1)}.uiEquipment .content .itemList{display:none;position:absolute;left:0;top:0;width:100%;height:100%;background-color:#373041;padding:0;z-index:2;overflow-y:auto}.uiEquipment .content .itemList .slot{float:left;margin:8px 0 0 8px}.uiEquipment .content .itemList .slot .icon{position:relative}.uiEquipment .content .itemList .slot .icon.eq:before{content:'eq';left:-2px;bottom:-3px;position:absolute;color:#fcfcfc;filter:drop-shadow(0 -2px 0 #312136) drop-shadow(0 2px 0 #312136) drop-shadow(2px 0 0 #312136) drop-shadow(-2px 0 0 #312136);-moz-filter:drop-shadow(0 -2px 0 #312136) drop-shadow(0 2px 0 #312136) drop-shadow(2px 0 0 #312136) drop-shadow(-2px 0 0 #312136)}.uiEquipment .content .itemList .slot .icon.new:before{content:'new';left:-2px;bottom:-3px;position:absolute;color:#fcfcfc;filter:drop-shadow(0 -2px 0 #312136) drop-shadow(0 2px 0 #312136) drop-shadow(2px 0 0 #312136) drop-shadow(-2px 0 0 #312136);-moz-filter:drop-shadow(0 -2px 0 #312136) drop-shadow(0 2px 0 #312136) drop-shadow(2px 0 0 #312136) drop-shadow(-2px 0 0 #312136)}.mobile .uiEquipment{width:100%;height:100%;margin-left:5px;margin-top:5px}.mobile .uiEquipment .content{flex-direction:column;flex-wrap:wrap;position:relative}.mobile .uiEquipment .content .main{width:calc(100% - 8px);height:calc(100% - 130px);padding:8px 8px 0 8px;justify-content:space-between;position:relative}.mobile .uiEquipment .content .main .left,.mobile .uiEquipment .content .main .quick,.mobile .uiEquipment .content .main .right{display:flex;flex-direction:row;justify-content:space-between;width:70%;height:calc(100% / 3)}.mobile .uiEquipment .content .main .left .slot,.mobile .uiEquipment .content .main .quick .slot,.mobile .uiEquipment .content .main .right .slot{margin-bottom:0}.mobile .uiEquipment .content .main .stats{width:30%;height:calc(100% + 74px);overflow-y:auto;position:absolute;right:0}.mobile .uiEquipment .content .main .quick{order:3;justify-content:center;padding:0 8px 0 0}.mobile .uiEquipment .content .main .left{padding:0 8px 0 0}.mobile .uiEquipment .content .main .right{order:2;padding:0 8px 0 0}.mobile .uiEquipment .content .runes{flex-direction:row;width:calc((100% - 16px) * .7);position:absolute;left:1px;bottom:8px;padding:0 8px 0 8px}