User:Kopcap94/PhotoModule.css

.photo-module { max-width: 330px; }

.photo-module ul { margin: 0 !important; list-style: none !important; }

.photo-module .photo-stats, .photo-module .tally { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }

.photo-module .tally { -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; }

.photo-module .tally em { font-style: normal; }

.carousel-container { margin-top: 10px; text-align: center; padding: 7px 4px 4px 4px; user-select: none; -ms-user-select: none; /* YOLO */ -moz-user-select: none; -webkit-user-select: none; }

.carousel-container .carousel { width: calc( 100% - 50px ); text-align: center; display: inline-block; }

.carousel-item { width: 50px; display: inline; }

.carousel-item-4, .carousel-item-5, .carousel-item-6, .carousel-item-7, .carousel-item-8, .carousel-item-9 { display: none; }

.carousel-item:not([style*="display: none"]) + .carousel-item { margin-left: 5px; }

.carousel-left, .carousel-right { display: inline-block; vertical-align: top; cursor: pointer; line-height: 40px; padding: 4px 6px !important; margin-left: 0 !important; }

.carousel-left { float: left; }

.carousel-right { float: right; }