.anook-badge, .anook-badge *{ box-sizing:border-box; } .anook-badge{ padding:20px; color:white; background:rgb(60,60,60); overflow:hidden; background: top right url("images/background.png") rgb(29,28,28) no-repeat ; background-size:160%; border-radius:3px; margin:20px auto; width:320px; max-width:100%; } .anook-badge.thin{ text-align:center; } .anook-badge:last-child{ margin-bottom:0; } .anook-badge .img-container{ width:128px; height:94px; overflow:hidden; float:left; } .anook-badge.thin .img-container{ width:auto; height:auto; overflow:hidden; float:none; } .anook-badge.thin.anook-user, .anook-badge.nook-ultra-thin{ background-size:auto 150%; } .anook-badge .img-container-nook{ width:64px; height:64px; overflow:hidden; float:left; } .anook-badge .img-container img{ width:128px; } .anook-badge .img-container-nook img{ width:64px; } .anook-badge.thin > #image-container-nook{ overflow:hidden; height:auto; width:auto; float:none; } .anook-user .logo{ height:15px; float:right; clear:right; transition:opacity .2s ease-in; } .anook-badge .logo{ opacity:0.2; } .anook-badge .logo:hover{ opacity:0.5; } .anook-user .logo-container{ margin-bottom:15px; } .anook-badge:not(.anook-user) .logo{ float:right; height:60px; } .anook-badge.thin:not(.anook-user) .logo{ display:none; } .anook-badge .right{ margin-left:20px; display:inline-block; } .anook-badge:not(.anook-user) .right{ width:135px; } .anook-badge.thin .right{ margin-left:0; display:block; width:100%; } .anook-badge span{ display:block; overflow:hidden; } .anook-badge small, .anook-badge #country{ font-size: 12px; line-height: 12px; display:block; overflow:hidden; } .anook-badge #country{ margin-bottom:24px; color:#8C8C8C; overflow:visible; } .anook-badge #follow-button{ color:#8C8C8C; background: #464343 url('images/listItemAction.png') no-repeat 0px -40px; transition:text .2s linear; padding:2px 8px 2px 20px; border-radius:2px; font-size:12px; overflow:hidden; } .anook-badge #follow-button:hover{ color:white; background-position:0px -80px; } .anook-badge #username{ line-height: 16px; margin-bottom: 4px; } .anook-badge #username a{ font-size:16px; } .anook-badge.thin #username{ margin-top: 10px; } .anook-badge a{ color:white; text-decoration: none !important; } .anook-badge.nook-ultra-thin .img-container-nook{ display:block; float:none; width:auto; } .anook-badge ul{ list-style:none; margin:15px 0 0; padding:15px 0 0; border:0; border-top:1px solid rgba(255,255,255,0.2); background:none; } .anook-badge.thin ul{ margin-top:15px; } .anook-badge li{ list-style:none; margin:0; padding:0; border:0; background:none; line-height:20px; overflow:hidden; margin-bottom:10px; } .anook-badge li:last-child{ margin-bottom:0; } .anook-badge li:before, .anook-badge li:after{ content:none; background:none; padding:0; margin:0; } .anook-badge li .img-container img{ height:40px; width:40px; } .anook-badge li small{ color:#8C8C8C; } .anook-badge li .img-container, .anook-badge.thin li .img-container{ width:40px; height:40px; overflow:hidden; border-radius:3px; } .anook-badge.thin li .img-container{ margin:0 auto; } .anook-badge:not(.thin) > .right{ max-width:130px; } .anook-badge li .right{ max-width:220px; } .anook-badge.thin .right > small{ margin:4px 0; }