•  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
r1679 vs r1680
1
{{{#!if TabletBgColor = '#2d2f34', TabletSideColor = '#222', ToggleOnColor = 'green', ToggleOnTopColor = 'lightgreen', ToggleOffColor = 'darkgreen', ToggleOffTopColor = 'green'
1
{{{#!if ToggleSize = '100px', TabletBgColor = '#2d2f34', TabletSideColor = '#222', ToggleOnColor = 'green', ToggleOnTopColor = 'lightgreen', ToggleOffColor = 'darkgreen', ToggleOffTopColor = 'green'
22
}}}{{{#!style
33
.fcg-tablet {display:inline-block;width:clamp(300px, 500px, 100%);height:200px;border-radius:10px;border:1px solid white;box-shadow:0px 10px white;background:#2d2f34}
44
.fcg-on {width:50px;height:50px;background:red}
......
66
.fcg-hide {display:none}
77
}}}
88
9
{{{#!wiki style="width:300px;height:300px;background:no-repeat radial-gradient(circle closest-corner at 0% 50%, transparent 100%, @TabletBgColor@ 0)150% 50%/50% 50%, no-repeat radial-gradient(circle farthest-side at 100% 0, transparent 100%, @TabletBgColor@ 0)0% 66.66%/25% 25%, no-repeat radial-gradient(circle closest-side, @ToggleOffTopColor@ 100%, transparent 0)0% 0%/50% 50%, no-repeat linear-gradient(@ToggleOffColor@, @ToggleOffColor@)0% 40%/50% 33.33%, linear-gradient(@TabletBgColor@, 25%, @TabletSideColor@ 0,@TabletSideColor@ 32.6%, transparent 0, transparent 75%, @TabletBgColor@ 0), no-repeat radial-gradient(circle closest-side, @ToggleOffColor@ 100%, transparent 0)0% 65%/50% 50%, no-repeat radial-gradient(circle closest-corner at 0% 50%, transparent 100%, @TabletSideColor@ 0)150% 65%/50% 50%"
9
{{{#!wiki style="width:@ToggleSize@;height:@ToggleSize@;background:no-repeat radial-gradient(circle closest-corner at 0% 50%, transparent 100%, @TabletBgColor@ 0)150% 50%/50% 50%, no-repeat radial-gradient(circle farthest-side at 100% 0, transparent 100%, @TabletBgColor@ 0)0% 66.66%/25% 25%, no-repeat radial-gradient(circle closest-side, @ToggleOffTopColor@ 100%, transparent 0)0% 0%/50% 50%, no-repeat linear-gradient(@ToggleOffColor@, @ToggleOffColor@)0% 40%/50% 33.33%, linear-gradient(@TabletBgColor@, 25%, @TabletSideColor@ 0,@TabletSideColor@ 32.6%, transparent 0, transparent 75%, @TabletBgColor@ 0), no-repeat radial-gradient(circle closest-side, @ToggleOffColor@ 100%, transparent 0)0% 65%/50% 50%, no-repeat radial-gradient(circle closest-corner at 0% 50%, transparent 100%, @TabletSideColor@ 0)150% 65%/50% 50%"
1010
}}}
1111
1212
1313
1414
15
{{{#!wiki style="width:300px;height:300px;background:no-repeat radial-gradient(circle closest-corner at 100% 50%, transparent 100%, @TabletBgColor@ 0)-50% 50%/50% 50%, no-repeat radial-gradient(circle farthest-side at 0 0, transparent 100%, @TabletBgColor@ 0)100% 66.66%/25% 25%, no-repeat radial-gradient(circle closest-side, @ToggleOnTopColor@ 100%, transparent 0)100% 0%/50% 50%, no-repeat linear-gradient(@ToggleOnColor@, @ToggleOnColor@)100% 40%/50% 33.33%, linear-gradient(@TabletBgColor@, 25%, @TabletSideColor@ 0,@TabletSideColor@ 32.6%, transparent 0, transparent 75%, @TabletBgColor@ 0), no-repeat radial-gradient(circle closest-side, @ToggleOnColor@ 100%, transparent 0)100% 65%/50% 50%, no-repeat radial-gradient(circle closest-corner at 100% 50%, transparent 100%, @TabletSideColor@ 0)-50% 65%/50% 50%, linear-gradient(@ToggleOffColor@, @ToggleOffColor@)"
15
{{{#!wiki style="width:@ToggleSize@;height:@ToggleSize@;background:no-repeat radial-gradient(circle closest-corner at 100% 50%, transparent 100%, @TabletBgColor@ 0)-50% 50%/50% 50%, no-repeat radial-gradient(circle farthest-side at 0 0, transparent 100%, @TabletBgColor@ 0)100% 66.66%/25% 25%, no-repeat radial-gradient(circle closest-side, @ToggleOnTopColor@ 100%, transparent 0)100% 0%/50% 50%, no-repeat linear-gradient(@ToggleOnColor@, @ToggleOnColor@)100% 40%/50% 33.33%, linear-gradient(@TabletBgColor@, 25%, @TabletSideColor@ 0,@TabletSideColor@ 32.6%, transparent 0, transparent 75%, @TabletBgColor@ 0), no-repeat radial-gradient(circle closest-side, @ToggleOnColor@ 100%, transparent 0)100% 65%/50% 50%, no-repeat radial-gradient(circle closest-corner at 100% 50%, transparent 100%, @TabletSideColor@ 0)-50% 65%/50% 50%, linear-gradient(@ToggleOffColor@, @ToggleOffColor@)"
1616
}}}
1717
1818
......