User:6-Frisk/Sandbox/style.css: Difference between revisions
From Inkipedia, the Splatoon wiki
< User:6-Frisk | Sandbox
(looks clearer without border-raidus tbh) |
m (forgor) |
||
(2 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
/* Hero Gear */ | |||
.upgrade { | .upgrade { | ||
display:inline-block; | display:inline-block; | ||
Line 35: | Line 37: | ||
border-width: 0 3px; | border-width: 0 3px; | ||
padding:0; | padding:0; | ||
} | |||
/* nearest neighbor styling */ | |||
.pixelart { | |||
image-rendering: pixelated; | |||
image-rendering: crisp-edges; | |||
} | |||
/* SideOrderFloor */ | |||
.outerSO, .bottomSO, .infoSO, .chipboxSO { | |||
display:flex; | |||
} | |||
.outerSO { | |||
border:solid 2px black; | |||
border-radius:3px 60px; | |||
flex-direction:column; | |||
padding:5px; | |||
} | |||
.topSO { | |||
border: dotted black; | |||
border-width: 0 0 4px; | |||
padding-bottom:3px; | |||
margin-bottom:5px; | |||
} | |||
.difficultySO { | |||
display:inline-block; | |||
border: solid 1px black; | |||
border-radius:20px; | |||
padding: 0 3px; | |||
} | |||
.infoSO { | |||
margin:15px; | |||
} | |||
.iconSO { | |||
margin-right:15px; | |||
} | |||
.rewardSO span { | |||
padding:0 2px; | |||
} | |||
.chipboxSO { | |||
border:solid 2px black; | |||
margin-left:15px; | |||
flex-grow:1; | |||
border-radius:50px 15px 3px 50px; | |||
align-items:center; | |||
padding-right:20px; | |||
} | |||
.chipSO { | |||
margin:0 10px 0 35px; | |||
} | } |
Latest revision as of 23:20, 13 February 2024
/* Hero Gear */ .upgrade { display:inline-block; width:32px; background:black; padding:2px; border-radius:25px; } .lock { border:dashed #83b97a; padding:3px; } .single { border-width: 3px; } .left { border-width: 3px 0 3px 3px; } .right { border-width: 3px 3px 3px 0; } .horiz { border-width: 3px 0; padding:0; } .top { border-width: 3px 3px 0 3px; } .bottom { border-width: 0 3px 3px 3px; } .vertic { border-width: 0 3px; padding:0; } /* nearest neighbor styling */ .pixelart { image-rendering: pixelated; image-rendering: crisp-edges; } /* SideOrderFloor */ .outerSO, .bottomSO, .infoSO, .chipboxSO { display:flex; } .outerSO { border:solid 2px black; border-radius:3px 60px; flex-direction:column; padding:5px; } .topSO { border: dotted black; border-width: 0 0 4px; padding-bottom:3px; margin-bottom:5px; } .difficultySO { display:inline-block; border: solid 1px black; border-radius:20px; padding: 0 3px; } .infoSO { margin:15px; } .iconSO { margin-right:15px; } .rewardSO span { padding:0 2px; } .chipboxSO { border:solid 2px black; margin-left:15px; flex-grow:1; border-radius:50px 15px 3px 50px; align-items:center; padding-right:20px; } .chipSO { margin:0 10px 0 35px; }