•  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
더 보기

사용자:flyant(비교)

r1842 vs r1843
......
7474
7575
{{{#!if ButtonSize = '40px', ButtonBdLightColor = '#ddd', ButtonBgLightColor = '#fff', ButtonArrowLightColor = '#212529', ButtonBgLightHoverColor ='#f5f5f5', ButtonBdLightActiveColor = '#0263b8', ButtonBgLightActiveColor = '#0275d8', ButtonArrowLightActiveColor = '#fff', ButtonShadowColor = '#0005'
7676
}}}{{{#!if ButtonBdDarkColor = '#383b40', ButtonBgDarkColor = '#1c1d1f', ButtonArrowDarkColor = '#e0e0e0', ButtonBgDarkHoverColor ='#2d2f34', ButtonBdDarkActiveColor = '#bd7f14', ButtonBgDarkActiveColor = '#ec9f19', ButtonArrowDarkActiveColor = '#212529'
77
}}}{{{#!if DotsWidth = '50px'
77
}}}{{{#!if ButtonBd = '5px', DotsWidth = '50px'
7878
}}}{{{#!style
79
.bb-button-r {display:inline-block;vertical-align:middle;width:@ButtonSize@;height:@ButtonSize@;border-radius:50%;border:1px solid @ButtonBdLightColor@;box-shadow:3px 3px 10px @ButtonShadowColor@;background:conic-gradient(from 45deg at 10% 50%, transparent 90deg, @ButtonBgLightColor@ 0), conic-gradient(from 225deg at 62% 50%, @ButtonBgLightColor@ 90deg, transparent 0), conic-gradient(from 225deg at 73% 50%, @ButtonArrowLightColor@ 90deg, @ButtonBgLightColor@ 0)}
79
.bb-button-r {display:inline-block;vertical-align:middle;width:@ButtonSize@;height:@ButtonSize@;border-radius:50%;border:@ButtonBd@ solid @ButtonBdLightColor@;box-shadow:3px 3px 10px @ButtonShadowColor@;background:conic-gradient(from 45deg at 10% 50%, transparent 90deg, @ButtonBgLightColor@ 0), conic-gradient(from 225deg at 62% 50%, @ButtonBgLightColor@ 90deg, transparent 0), conic-gradient(from 225deg at 73% 50%, @ButtonArrowLightColor@ 90deg, @ButtonBgLightColor@ 0)}
8080
8181
.bb-button-r:hover {background:conic-gradient(from 45deg at 10% 50%, transparent 90deg, @ButtonBgLightHoverColor@ 0), conic-gradient(from 225deg at 62% 50%, @ButtonBgLightHoverColor@ 90deg, transparent 0), conic-gradient(from 225deg at 73% 50%, @ButtonArrowLightColor@ 90deg, @ButtonBgLightHoverColor@ 0)}
8282
83
.bb-button-r:active {border:1px solid @ButtonBdLightActiveColor@;background:conic-gradient(from 45deg at 10% 50%, transparent 90deg, @ButtonBgLightActiveColor@ 0), conic-gradient(from 225deg at 62% 50%, @ButtonBgLightActiveColor@ 90deg, transparent 0), conic-gradient(from 225deg at 73% 50%, @ButtonArrowLightActiveColor@ 90deg, @ButtonBgLightActiveColor@ 0)}
83
.bb-button-r:active {border:@ButtonBd@ solid @ButtonBdLightActiveColor@;background:conic-gradient(from 45deg at 10% 50%, transparent 90deg, @ButtonBgLightActiveColor@ 0), conic-gradient(from 225deg at 62% 50%, @ButtonBgLightActiveColor@ 90deg, transparent 0), conic-gradient(from 225deg at 73% 50%, @ButtonArrowLightActiveColor@ 90deg, @ButtonBgLightActiveColor@ 0)}
8484
85
.bb-button-l {display:inline-block;vertical-align:middle;width:@ButtonSize@;height:@ButtonSize@;border-radius:50%;border:1px solid @ButtonBdLightColor@;box-shadow:3px 3px 10px @ButtonShadowColor@;background:conic-gradient(from 225deg at 90% 50%, transparent 90deg, @ButtonBgLightColor@ 0), conic-gradient(from 45deg at 38% 50%, @ButtonBgLightColor@ 90deg, transparent 0), conic-gradient(from 45deg at 27% 50%, @ButtonArrowLightColor@ 90deg, @ButtonBgLightColor@ 0)}
85
.bb-button-l {display:inline-block;vertical-align:middle;width:@ButtonSize@;height:@ButtonSize@;border-radius:50%;border:@ButtonBd@ solid @ButtonBdLightColor@;box-shadow:3px 3px 10px @ButtonShadowColor@;background:conic-gradient(from 225deg at 90% 50%, transparent 90deg, @ButtonBgLightColor@ 0), conic-gradient(from 45deg at 38% 50%, @ButtonBgLightColor@ 90deg, transparent 0), conic-gradient(from 45deg at 27% 50%, @ButtonArrowLightColor@ 90deg, @ButtonBgLightColor@ 0)}
8686
8787
.bb-button-l:hover {background:conic-gradient(from 225deg at 90% 50%, transparent 90deg, @ButtonBgLightHoverColor@ 0), conic-gradient(from 45deg at 38% 50%, @ButtonBgLightHoverColor@ 90deg, transparent 0), conic-gradient(from 45deg at 27% 50%, @ButtonArrowLightColor@ 90deg, @ButtonBgLightHoverColor@ 0)}
8888
89
.bb-button-l:active {border:1px solid @ButtonBdLightActiveColor@;background:conic-gradient(from 225deg at 90% 50%, transparent 90deg, @ButtonBgLightActiveColor@ 0), conic-gradient(from 45deg at 38% 50%, @ButtonBgLightActiveColor@ 90deg, transparent 0), conic-gradient(from 45deg at 27% 50%, @ButtonArrowLightActiveColor@ 90deg, @ButtonBgLightActiveColor@ 0)}
89
.bb-button-l:active {border:@ButtonBd@ solid @ButtonBdLightActiveColor@;background:conic-gradient(from 225deg at 90% 50%, transparent 90deg, @ButtonBgLightActiveColor@ 0), conic-gradient(from 45deg at 38% 50%, @ButtonBgLightActiveColor@ 90deg, transparent 0), conic-gradient(from 45deg at 27% 50%, @ButtonArrowLightActiveColor@ 90deg, @ButtonBgLightActiveColor@ 0)}
9090
9191
.bb-dots-r {width:@DotsWidth@;height:calc(@DotsWidth@ / 2);border-radius:@DotsWidth@;border:1px solid @ButtonBdLightColor@;background:radial-gradient(circle closest-side at 75% 50%, @ButtonArrowLightColor@ 65%, transparent 0), radial-gradient(circle closest-side at 25% 50%, @ButtonBdLightColor@ 45%, #fff 0)}
9292
9393
.bb-dots-l {width:@DotsWidth@;height:calc(@DotsWidth@ / 2);border-radius:@DotsWidth@;border:1px solid @ButtonBdLightColor@;background:radial-gradient(circle closest-side at 25% 50%, @ButtonArrowLightColor@ 65%, transparent 0), radial-gradient(circle closest-side at 75% 50%, @ButtonBdLightColor@ 45%, #fff 0)}
94
95
@theseed-dark-mode {
96
.bb-button-r {border:1px solid @ButtonBdDarkColor@;background:conic-gradient(from 45deg at 10% 50%, transparent 90deg, @ButtonBgDarkColor@ 0), conic-gradient(from 225deg at 62% 50%, @ButtonBgDarkColor@ 90deg, transparent 0), conic-gradient(from 225deg at 73% 50%, @ButtonArrowDarkColor@ 90deg, @ButtonBgDarkColor@ 0)}
97
98
.bb-button-r:hover {background:conic-gradient(from 45deg at 10% 50%, transparent 90deg, @ButtonBgDarkHoverColor@ 0), conic-gradient(from 225deg at 62% 50%, @ButtonBgDarkHoverColor@ 90deg, transparent 0), conic-gradient(from 225deg at 73% 50%, @ButtonArrowDarkColor@ 90deg, @ButtonBgDarkHoverColor@ 0)}
99
100
.bb-button-r:active {border:1px solid @ButtonBdDarkActiveColor@;background:conic-gradient(from 45deg at 10% 50%, transparent 90deg, @ButtonBgDarkActiveColor@ 0), conic-gradient(from 225deg at 62% 50%,@ButtonBgDarkActiveColor@ 90deg, transparent 0), conic-gradient(from 225deg at 73% 50%, @ButtonArrowDarkActiveColor@ 90deg, @ButtonBgDarkActiveColor@ 0)}
101
102
.bb-button-l {width:@ButtonSize@;height:@ButtonSize@;border-radius:50%;border:1px solid @ButtonBdDarkColor@;box-shadow:3px 3px 10px @ButtonShadowColor@;background:conic-gradient(from 225deg at 90% 50%, transparent 90deg, @ButtonBgDarkColor@ 0), conic-gradient(from 45deg at 38% 50%, @ButtonBgDarkColor@ 90deg, transparent 0), conic-gradient(from 45deg at 27% 50%, @ButtonArrowDarkColor@ 90deg, @ButtonBgDarkColor@ 0)}
103
104
.bb-button-l:hover {background:conic-gradient(from 225deg at 90% 50%, transparent 90deg, @ButtonBgDarkHoverColor@ 0), conic-gradient(from 45deg at 38% 50%, @ButtonBgDarkHoverColor@ 90deg, transparent 0), conic-gradient(from 45deg at 27% 50%, @ButtonArrowDarkColor@ 90deg, @ButtonBgDarkHoverColor@ 0)}
105
106
.bb-button-l:active {border:1px solid @ButtonBdDarkActiveColor@;background:conic-gradient(from 225deg at 90% 50%, transparent 90deg, @ButtonBgDarkActiveColor@ 0), conic-gradient(from 45deg at 38% 50%, @ButtonBgDarkActiveColor@ 90deg, transparent 0), conic-gradient(from 45deg at 27% 50%, @ButtonArrowDarkActiveColor@ 90deg, @ButtonBgDarkActiveColor@ 0)}
107
108
.bb-dots-r {border:1px solid @ButtonBdDarkColor@;background:radial-gradient(circle closest-side at 75% 50%, @ButtonArrowDarkColor@ 65%, transparent 0), radial-gradient(circle closest-side at 25% 50%, @ButtonBdDarkColor@ 45%, @ButtonBgDarkColor@ 0)}
109
110
.bb-dots-l {border:1px solid @ButtonBdDarkColor@;background:radial-gradient(circle closest-side at 25% 50%, @ButtonArrowDarkColor@ 65%, transparent 0), radial-gradient(circle closest-side at 75% 50%, @ButtonBdDarkColor@ 45%, @ButtonBgDarkColor@ 0)}
111
}
11294
11395
.bb-hide {display:none}
11496
}}}
......