| r1681 vs r1682 | ||
|---|---|---|
| 1 | 1 | {{{#!if ToggleSize = '50px', TabletBgColor = '#2d2f34', TabletSideColor = '#222', ToggleOnColor = 'green', ToggleOnTopColor = 'lightgreen', ToggleOffColor = 'darkgreen', ToggleOffTopColor = 'green' |
| 2 | 2 | }}}{{{#!style |
| 3 | .fcg-tablet {display: | |
| 3 | .fcg-tablet {display:inline-block;padding:10px 20px;border-radius:10px;box-shadow:0 30px @TabletSideColor@;background:@TabletBgColor@;font-size:40px;font-weight:Bold;text-shadow:0 1px @TabletSideColor@} | |
| 4 | 4 | |
| 5 | .fcg-text-align {display:inline-block;width:200px;vertical-align:middle | |
| 5 | .fcg-text-align {display:inline-block;width:200px;vertical-align:middle} | |
| 6 | 6 | |
| 7 | 7 | .fcg-on {display:inline-block;vertical-align:middle;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@);cursor:pointer} |
| 8 | 8 | |
| ... | ... | |
| 14 | 14 | |
| 15 | 15 | |
| 16 | 16 | {{{#!wiki class="fcg-tablet" |
| 17 | {{{#!wiki style="display:inline-block | |
| 17 | {{{#!wiki style="display:inline-block" | |
| 18 | 18 | {{{#!wiki class="fcg-text-align" |
| 19 | 19 | FAST}}}{{{#!wiki class="fcg-f fcg-f-off fcg-off fcg-hide" onclick="toggle-class,fcg-f,fcg-hide;toggle-class,fcg-c,fcg-hide" |
| 20 | 20 | }}}{{{#!wiki class="fcg-f fcg-f-on fcg-on" onclick="toggle-class,fcg-f,fcg-hide;remove-class,fcg-c-on,fcg-hide;add-class,fcg-c-off,fcg-hide;remove-class,fcg-g-on,fcg-hide;add-class,fcg-g-off,fcg-hide" |
| ... | ... |