Press n or j to go to the next uncovered block, b, p or k for the previous block.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 | 1x | .varClass { /* avatar team default variables */ --avatarteam_border_width: 1px; --avatarteam_border_style: solid; --avatarteam_border_color: var(--zdt_avatarteam_default_border); --avatarteam_outline_width: 1px; --avatarteam_outline_style: solid; --avatarteam_outline_color: var(--zdt_avatarteam_innerCircle); --avatarteam_bg_color: var(--zdt_avatarteam_default_bg); --avatarteam_width: 5px; --avatarteam_height: 5px; --avatarteam_border_radius: 50%; --avatarteam_bottom_top: initial; --avatarteam_bottom_left: initial; --avatarteam_bottom_right: initial; --avatarteam_top_top: 1px; } .container { position: relative; display: inline-block; font-size: 0; vertical-align: middle; } .team { composes: varClass; composes: posab from '../common/common.module.css'; transform: translate(-50%, -50%); left: 50%; top: var(--avatarteam_top_top); border-width: var(--avatarteam_border_width); border-style: var(--avatarteam_border_style); border-color: var(--avatarteam_border_color); background-color: var(--avatarteam_bg_color); width: var(--avatarteam_width); height: var(--avatarteam_height); border-radius: var(--avatarteam_border_radius); outline-width: var(--avatarteam_outline_width); outline-style: var(--avatarteam_outline_style); outline-color: var(--avatarteam_outline_color); } .nofill { --avatarteam_border_color: var(--zdt_avatarteam_nofill_hover_border); } .primaryFilled, .infoFilled { --avatarteam_bg_color: var(--zdt_avatarteam_primary_hover_bg); } .secondaryFilled { --avatarteam_bg_color: var(--zdt_avatarteam_secondary_bg); } .borderOnHover:hover .nofill, .borderOnActive .nofill { --avatarteam_border_color : var(--zdt_avatarteam_nofill_hover_border); } .borderOnHover:hover .primaryFilled, .borderOnActive .primaryFilled, .borderOnHover:hover .infoFilled, .borderOnActive .infoFilled { --avatarteam_bg_color: var(--zdt_avatarteam_primary_hover_bg); } .team:after, .team:before { position: absolute; content: ''; border: inherit; background-color: inherit; border-radius: inherit; height: inherit; width: inherit; box-shadow: inherit; top: var(--avatarteam_bottom_top); left: var(--avatarteam_bottom_left); right: var(--avatarteam_bottom_right); outline-width: var(--avatarteam_outline_width); outline-style: var(--avatarteam_outline_style); outline-color: var( --avatarteam_outline_color); } .smallteam, .xsmallteam, .xxsmallteam { --avatarteam_height: 3px; --avatarteam_width: 3px; } .mediumteam, .xmediumteam { --avatarteam_height: 5px; --avatarteam_width: 5px; } .largeteam, .xlargeteam { --avatarteam_height: 7px; --avatarteam_width: 7px; } .xxsmallteam { /* Variable:Ignore */ --avatarteam_top_top: 0px; } .xxsmallteam::after, .xxsmallteam:before { --avatarteam_bottom_top: 13px; } .xxsmallteam:after { --avatarteam_bottom_left: -8px; } .xxsmallteam:before { --avatarteam_bottom_right: -8px; } .smallteam::after, .smallteam:before { --avatarteam_bottom_top: 17px; } .smallteam:after { --avatarteam_bottom_left: -8px; } .smallteam:before { --avatarteam_bottom_right: -8px; } .xsmallteam::after, .xsmallteam:before { --avatarteam_bottom_top: 24px; } .xsmallteam:after { --avatarteam_bottom_left: -10px; } .xsmallteam:before { --avatarteam_bottom_right: -10px; } .mediumteam::after, .mediumteam:before { --avatarteam_bottom_top: 26px; } .mediumteam:after { --avatarteam_bottom_left: -13px; } .mediumteam:before { --avatarteam_bottom_right: -13px; } .xmediumteam::after, .xmediumteam:before { --avatarteam_bottom_top: 30px; } .xmediumteam:after { --avatarteam_bottom_left: -16px; } .xmediumteam:before { --avatarteam_bottom_right: -16px; } .largeteam::after, .largeteam:before { --avatarteam_bottom_top: 46px; } .largeteam:after { --avatarteam_bottom_left: -24px; } .largeteam:before { --avatarteam_bottom_right: -24px; } .xlargeteam::after, .xlargeteam:before { --avatarteam_bottom_top: 65px; } .xlargeteam:after { --avatarteam_bottom_left: -29px; } .xlargeteam:before { --avatarteam_bottom_right: -29px; } |