|
|
| Line 1: |
Line 1: |
| /* Item card */
| | .skin-citizen-light .template-vr-icon img { |
| .item-card {
| | filter: invert() !important; |
| display: inline-block;
| |
| width: 115px;
| |
| margin: 6px 6px 6px 0;
| |
| vertical-align:top;
| |
| }
| |
| | |
| .item-card__background {
| |
| border-radius: 6px;
| |
| }
| |
| | |
| .cosmetic-card__background .image { | |
| border-radius: 6px;
| |
| }
| |
| | |
| .item-card__background img { | |
| width: 115px;
| |
| height: 115px;
| |
| object-position: center;
| |
| }
| |
| | |
| .item-card__optional {
| |
| text-align: center;
| |
| color: #B9BABC;
| |
| background-color: #302b36;
| |
| margin-top: 4px;
| |
| border-radius: 4px;
| |
| text-transform: uppercase;
| |
| font-weight: bold;
| |
| font-size: 18px;
| |
| font-family: 'Saira Extra Condensed', 'Nunito','Saira',system-ui,-apple-system,sans-serif;
| |
| line-height: 1.4;
| |
| font-style: italic;
| |
| }
| |
| | |
| .item-card__optional--above {
| |
| margin-top: 0px;
| |
| margin-bottom: 4px;
| |
| }
| |
| | |
| .item-card__name {
| |
| text-align: center;
| |
| color: gray;
| |
| margin-top: 8px;
| |
| font-size: 13px;
| |
| }
| |
| | |
| @media only screen and (max-width: 640px) {
| |
| .item-card {
| |
| width: 105px;
| |
| }
| |
|
| |
| .item-card__background img {
| |
| height: 105px;
| |
| width: 105px;
| |
| }
| |
| | |
| }
| |
| | |
| /* Cosmetic card */
| |
| .cosmetic-card__background {
| |
| border-radius: 6px 6px 0 0;
| |
| }
| |
| | |
| .cosmetic-card__background .image {
| |
| border-radius: 6px 6px 0 0;
| |
| }
| |
| | |
| .cosmetic-card__background img {
| |
| width: 115px;
| |
| height: 115px;
| |
| object-position: center;
| |
| }
| |
| | |
| .cosmetic-card__line {
| |
| height: 10px;
| |
| border-radius: 0 0 6px 6px;
| |
| background-color: var(--rarity-none);
| |
| }
| |
| | |
| .cosmetic-card__legendary {
| |
| background-color: var(--rarity-legendary);
| |
| }
| |
| | |
| .cosmetic-card__epic {
| |
| background-color: var(--rarity-epic);
| |
| }
| |
| | |
| .cosmetic-card__rare {
| |
| background-color: var(--rarity-rare);
| |
| }
| |
| | |
| .cosmetic-card__common {
| |
| background-color: var(--rarity-common);
| |
| }
| |
| | |
| @media only screen and (max-width: 640px) {
| |
| .cosmetic-card__background img {
| |
| height: 105px;
| |
| width: 105px;
| |
| }
| |
|
| |
| } | | } |
.skin-citizen-light .template-vr-icon img {
filter: invert() !important;
}
