diff --git a/ajout etienne/basket.css b/ajout etienne/basket.css index f004f82..ac8240e 100644 --- a/ajout etienne/basket.css +++ b/ajout etienne/basket.css @@ -169,4 +169,61 @@ body{ #bouttonadd:active{ box-shadow: 1px 1px 10px black inset, 0 1px 0 rgba( 255, 255, 255, 0.4); -} \ No newline at end of file +} + + + + + +#Dribble:hover{ + background-color: #b9b7b7; + +} + +.onoffswitch { + position: relative; + -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none; +} +.onoffswitch-checkbox { + position: absolute; + opacity: 0; + pointer-events: none; +} +.onoffswitch-label { + display: block; overflow: hidden; cursor: pointer; + border: 2px solid #FFFFFF; border-radius: 50px; +} +.onoffswitch-inner { + display: block; width: 200%; margin-left: -100%; + transition: margin 0.4s ease-in 0s; +} +.onoffswitch-inner:before, .onoffswitch-inner:after { + display: block; float: left; width: 50%; height: 41px; padding: 0; line-height: 41px; + font-weight: bold; + box-sizing: border-box; +} +.onoffswitch-inner:before { + content: "DRIBBLER"; + padding-left: 12px; + +} +.onoffswitch-inner:after { + content: "DRIBBLER"; + padding-left: 37px; + background-color: red; color: black; + text-align:left; +} +.onoffswitch-switch { + display: block; width: 30px; margin: 5.5px; + background: #34A7C1; + position: absolute; top: 0; bottom: 0; + border: 2px solid #FFFFFF; border-radius: 50px; + transition: all 0.4s ease-in 0s; +} +.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner { + margin-left: 0; +} +.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch { + right: 0px; + background-color: #A1A1A1; +} diff --git a/ajout etienne/basket.html b/ajout etienne/basket.html index fc708f6..94387c7 100644 --- a/ajout etienne/basket.html +++ b/ajout etienne/basket.html @@ -9,8 +9,11 @@ Basket + + +