.mycred-rank { display: flex; flex-wrap: wrap; background: #ffffff; border: 1px solid #dcdcdc; border-radius: 5px; font-size: 14px; margin-bottom: 20px; padding: 18px; } .mycred-rank.basic { flex-flow: column; justify-content: center; text-align: center; width: fit-content; } .mycred-rank:not(.basic) .mycred-rank-image { margin-right: 18px; } .mycred-rank:not(.basic) .mycred-rank-detail { flex: 1 } .mycred-rank.basic .mycred-rank-image { margin-bottom: 5px; } .mycred-rank .mycred-rank-title { margin: 0; text-transform: capitalize; line-height: 16px; } .mycred-rank .mycred-rank-title a, .mycred-rank .mycred-rank-requirements a { text-decoration: none; } .mycred-rank .mycred-rank-excerpt { } .mycred-rank .mycred-rank-requirements { padding-left: 16px; margin-top: 0; } .mycred-rank .mycred-rank-earners { padding-left: 0; margin: 0; } .mycred-rank .mycred-rank-earners li { display: inline-block; margin: 5px 5px 0 5px; } .mycred-rank .mycred-rank-earners img { width: 50px; border-radius: 100%; } .mycred-rank h6 { margin: 0; font-size: 14px; font-weight: bold; text-transform: capitalize; } .mycred-ranks, .mycred-user-ranks { display: flex; flex-wrap: wrap; } .mycred-ranks.horizontal, .mycred-user-ranks.horizontal { flex-flow: row; } .mycred-ranks.horizontal .mycred-rank .mycred-rank-image, .mycred-user-ranks.horizontal .mycred-rank .mycred-rank-image { margin-bottom: 5px; } .mycred-ranks.vertical, .mycred-user-ranks.vertical { flex-flow: column; } .mycred-ranks > .mycred-rank:not(.basic), .mycred-user-ranks > .mycred-rank:not(.basic) { flex: 1; margin-right: 10px; min-width: 150px; } .mycred-ranks.horizontal > .mycred-rank, .mycred-user-ranks.horizontal > .mycred-rank { flex-flow: column; } .mycred-ranks > .mycred-rank.basic, .mycred-user-ranks > .mycred-rank.basic { min-width: 100px; width: fit-content; margin-right: 10px; } .mycred-user-ranks.inline .mycred-rank.basic { display: block; flex: none; background: none; border: none; padding: 0; } .mycred-user-ranks.inline .mycred-rank.basic > div { display: inline-flex; vertical-align: middle; } .mycred-rank-earners-block h6, .mycred-rank-requirements-block h6 { font-size: 36px; text-transform: initial; font-weight: 300; margin: 10px 0 0 0; } .mycred-rank-earners-block ul { list-style-type: none; margin: 0; padding: 0; } .mycred-rank-earners-block li { display: inline-block; margin: 5px; text-align: center; } .mycred-rank-earners-block li img { max-width: 96px; } .mycred-rank-earners-block li p { margin: 0; text-align: center; } .mycred-rank-requirements-block .mycred-rank-requirements { margin-top: 0; }
别空耗情人豆,寻芳直接对接