style.css

body{min-width:410px;margin:0 auto;padding-top:40px;background:radial-gradient(transparent,70%,#000) fixed,url(https://www.bungie.net/img/theme/destiny/bgs/gradient_green.jpg) fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;color:#fff;font-family:HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',Helvetica,Arial,sans-serif}#header{position:fixed;width:100%;z-index:5;top:0;height:32px;background:rgba(195,188,180,.9);color:#1a1e24;box-shadow:0 2px 20px 2px #000}#header .content span{font-size:13px;line-height:25px;text-align:center;vertical-align:middle}.user{margin-bottom:10px}.title{text-transform:uppercase;position:relative;margin-top:8px;margin-bottom:8px;border-bottom:2px solid rgba(245,245,245,.6);font-size:15px;font-weight:500;color:rgba(245,245,245,.6);width:390px}.title .icon{width:30px}.storage{margin-top:10px}.item{position:relative;display:inline-block;width:44px;cursor:pointer;cursor:-webkit-grab;margin:2;border:2px solid #DDD}.item img{width:44px}.item .stack{position:absolute;bottom:0;right:0;padding:1px;max-width:20px;text-align:center;background:#F5f5f5;color:#24282b}.complete{border-color:#f5dc56}.over{background:rgba(0,0,0,.5)}.character-box{position:relative;display:inline-block;width:281px;height:43px;padding:0 0 0 55px;margin:5px 5px 5px 0;opacity:1;background:rgba(30,36,43,.5);color:#f5f5f5;text-decoration:none;background-size:cover}.character-box .emblem{position:absolute;top:2px;left:2px;width:39px;height:39px;background-color:rgba(0,0,0,.2);background-size:cover}.character-box .class{text-transform:capitalize;position:relative;display:block;top:9px;font-size:24px;font-weight:400}.character-box .level{position:absolute;top:8px;right:7px;font-weight:200;font-size:22px}.character-box .level:before{content:"\2726";display:inline-block;vertical-align:18%;font-size:50%}.loadout-button{position:relative;display:inline-block;width:37px;height:37px;background-color:#5b6e6c;border:2px solid rgba(245,245,245,.6);border-bottom:4px solid rgba(245,245,245,.6);color:rgba(245,245,245,.6);vertical-align:top;text-align:center;margin:5px 0 5px 5px;line-height:39px;padding:0;cursor:pointer}.loadout-button .active{background-color:#628e89}#loadout-popup{display:none;background-color:#5b6e6c;border-bottom:2px solid rgba(245,245,245,.6);color:rgba(245,245,245,.6);margin-bottom:10px;width:391px;position:absolute;left:-352px;z-index:2;cursor:pointer}#filter{display:none;margin-right:5px;vertical-align:middle}#move-popup{position:absolute;display:none;z-index:2;top:-75px;left:-126px;width:300;height:69px;background-color:rgba(21,13,13,1);cursor:default}#move-popup:before{border:solid;border-color:rgba(0,0,0,.8) transparent;border-width:.4em .4em 0;bottom:-4px;content:"";display:block;left:144px;position:absolute;z-index:2}#move-popup .item-name{padding-left:6px;padding-top:5px;background-color:#fff;color:#000}#move-popup .move-button{background-size:cover;width:37px;height:37px;text-align:center;line-height:10px;float:left;margin:6px;cursor:pointer}#move-popup .move-button span{display:inline-block;text-transform:uppercase;background:rgba(0,0,0,.4);line-height:40px;width:100%;height:100%}#move-popup .move-button span:hover{background:rgba(0,0,0,.1)}#faq-button{display:inline-block;background-color:#5b6e6c;border-radius:50%;width:14px;height:14px;line-height:14px!important;cursor:pointer;margin-left:5px;font-size:10px!important;color:rgba(245,245,245,.6)}#faq-button:hover{background-color:#628e89}#faq{display:none;position:fixed;background:rgba(0,0,0,.86);margin:0;width:100%;height:100%;top:0;left:0;z-index:4;cursor:pointer}#faq .content .title{margin:50px 50px 0}#faq .content ul{margin:10px 50px 0 30px}#faq a{color:#fff}.content{max-width:1200;margin:0 auto;padding:2px}#loadout-create{position:fixed;display:none;width:100%;z-index:3;bottom:0;background:rgba(195,188,180,.9);color:#1a1e24;box-shadow:0 -1px 30px 2px #000}#loadout-options{margin:5px}#loadout-options input{width:150px}#loadout-options span{display:inline-block;width:65px;border-radius:3px;background-color:#5b6e6c;border:1px solid rgba(245,245,245,.6);border-bottom:2px solid rgba(245,245,245,.6);cursor:pointer;color:rgba(245,245,245,.6);text-align:center;vertical-align:middle;margin-left:10px}#loadout-list .loadout-set:hover,#loadout-new:hover,#loadout-options span:hover{background-color:#628e89}.loadout-set .button-delete{background-color:rgba(195,188,180,.9);color:#1a1e24;float:right;padding-left:10px;padding-right:10px}@media only screen and (min-width :1648px){.storage{max-width:391px;margin-left:10px;float:left}.content{max-width:1604px}.item,.item img{width:47.7px}}