MediaWiki:User-list.css

.user-list-section { padding: 4px; }

.user-list-section .user-list-header h3 { background-color: #323262; margin: 0 !important; padding: 10px !important; font-size: 14pt !important; }

.user-list-section ul { list-style: none; margin: 0; padding: 0; }

.user-list-section li { list-style: none; margin: 0; padding: 0; background-color: #434343; }

.user-list-section img, .user-list-section { border: 0 none transparent !important; }

.user-list-section li > a > div { display: inline-block; }

.user-list-section li > a { display: block; padding: 4px; }

.user-list-section li > a .user-name-container { width: 80%; }

.user-list-section li > a .avatar { width: 40px; height: 40px; border-radius: 5px; box-shadow: 0 0 5px white; }

.user-list-section li > a .right-tag { font-size: 8pt; border: 1px solid black; padding: 6px; border-radius: 5px; background: black; background: -webkit-gradient(linear, 50% 0, 50% 100%, from(silver), color-stop(35%, #141414), color-stop(65%, #272a2d), to(#343434)) !important; background: -webkit-linear-gradient(top, silver 0, #141414 35%, #272a2d 65%, #343434 100%) !important; background:   -moz-linear-gradient(top, silver 0, #141414 35%, #272a2d 65%, #343434 100%) !important; background:    -ms-linear-gradient(top, silver 0, #141414 35%, #272a2d 65%, #343434 100%) !important; background:     -o-linear-gradient(top, silver 0, #141414 35%, #272a2d 65%, #343434 100%) !important; background:        linear-gradient(to bottom, silver 0, #141414 35%, #272a2d 65%, #343434 100%) !important; filter: progid:DXImageTransform.Microsoft.Gradient( GradientType=1, startColor=#000000, endColor=#343434) !important; font-weight: bold; text-shadow: 0 0 5px black !important; font-family: Gill Sans MT, Trebuchet MS, Arial, sans-serif; text-transform: uppercase; box-shadow: 0 0 8px black; color: white !important; }

.user-list-section li > a .user-name { font-weight: bold !important; font-size: 10pt; font-family: Helvetica, Arial, sans-serif; padding-left: 12px; padding-right: 9px; display: inline-block; width: 25%; text-align: justify; }

.user-list-section li > a:hover { background: #343434; text-decoration: none; }

.user-list-section li > a .activity-tag { background-image: -webkit-gradient(linear, 50% 0, 50% 100%, from(transparent), color-stop(35%, rgba(255, 255, 255, .35)), color-stop(65%, rgba(255, 255, 255, .65)), to(white)) !important; background-image: -webkit-linear-gradient(top, transparent 0, rgba(255, 255, 255, .35) 35%, rgba(255, 255, 255, .65) 65%, white 100%) !important; background-image:   -moz-linear-gradient(top, transparent 0, rgba(255, 255, 255, .35) 35%, rgba(255, 255, 255, .65) 65%, white 100%) !important; background-image:    -ms-linear-gradient(top, transparent 0, rgba(255, 255, 255, .35) 35%, rgba(255, 255, 255, .65) 65%, white 100%) !important; background-image:     -o-linear-gradient(top, transparent 0, rgba(255, 255, 255, .35) 35%, rgba(255, 255, 255, .65) 65%, white 100%) !important; background-image:        linear-gradient(to bottom, transparent 0, rgba(255, 255, 255, .35) 35%, rgba(255, 255, 255, .65) 65%, white 100%) !important; filter: progid:DXImageTransform.Microsoft.Gradient( GradientType=1, startColor=#4AFFFFFF, endColor=#FFFFFFFF) !important; padding: 8px; font-size: 8pt; margin-left: 8px; border-radius: 5px; text-transform: uppercase; font-weight: bold; font-family: Gill Sans MT, Trebuchet MS, Arial, sans-serif; color: black; border: 1px solid black; border: 1px solid rgba(0, 0, 0, .35); }

.user-list-section li > a .activity-tag[class$="inactive"] { background-color: red !important; box-shadow: 0 0 5px red; }

.user-list-section li > a .activity-tag[class$="semi-active"] { background-color: yellow; box-shadow: 0 0 5px yellow; }

.user-list-section li > a .activity-tag[class$="active"]:not([class$="semi-active"]):not([class$="inactive"]) { background-color: darkgreen; box-shadow: 0 0 5px darkgreen; }

.user-list-container .user-info .user-info-container { display: none; }

.user-list-container .user-info > a { display: block; text-align: center; background-color: #232323; color: #858585; }

.user-list-container .user-info > a:hover { background: #343434; text-shadow: 0 0 5px black !important; }

.user-info-container { background: #121212; }

.user-info-header { position: relative; width: 100%; display: flex; background: #1a1a1a; padding: 4px 0 4px 0; }

.user-info-header > * { display: inline-block; margin: 0 !important; padding: 8px !important; line-height: 12px !important; font-size: 15px !important; width: 25%; }

.user-info-header > h4 { font-weight: bold; width: 25%; }

.user-info-header > div { background: #343434; }