// adjustment on switch

This commit is contained in:
Kevin Granger committed 2013-11-12 11:07:30 +01:00
1 parent 44d1ed0982
commit 4a6346b295
2 files changed
+6 -6

No files matched your search

+3 -3
View File
@@ -3767,7 +3767,7 @@ textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[ty
.switch .slide-button, .toggle p span { display: none; } .switch .slide-button, .toggle p span { display: none; }
.switch { background-color: #d2d2d2; border-radius: 3px; } .switch { background-color: #e9e9e9; border-radius: 3px; }
.switch label { padding: 0; cursor: pointer; } .switch label { padding: 0; cursor: pointer; }
@media only screen { .toggle { position: relative; padding: 0; margin-left: 100px; } @media only screen { .toggle { position: relative; padding: 0; margin-left: 100px; }
@@ -3801,10 +3801,10 @@ textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[ty
.toggle input:checked ~ .slide-button { right: 50%; } .toggle input:checked ~ .slide-button { right: 50%; }
.toggle input:focus ~ .slide-button, .switch input:focus + label { outline: 1px dotted #888888; } .toggle input:focus ~ .slide-button, .switch input:focus + label { outline: 1px dotted #888888; }
.switch, .toggle { -webkit-animation: bugfix infinite 1s; } .switch, .toggle { -webkit-animation: bugfix infinite 1s; }
.prestashop-switch { min-width: 150px; color: #666666; text-align: center; border-radius: 3px; -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 5px 1px inset; box-shadow: rgba(0, 0, 0, 0.2) 0 2px 5px 1px inset; } .prestashop-switch { min-width: 150px; color: #999999; text-align: center; border-radius: 3px; -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 5px 1px inset; box-shadow: rgba(0, 0, 0, 0.2) 0 2px 5px 1px inset; }
.prestashop-switch label { padding-top: 0 !important; font-weight: 500; } .prestashop-switch label { padding-top: 0 !important; font-weight: 500; }
.prestashop-switch input:checked + label { color: #333333 !important; text-shadow: rgba(255, 255, 255, 0.7) 1px 1px 0; } .prestashop-switch input:checked + label { color: #333333 !important; text-shadow: rgba(255, 255, 255, 0.7) 1px 1px 0; }
.prestashop-switch input:not(:checked) + label i { color: #666666 !important; } .prestashop-switch input:not(:checked) + label i { color: #999999 !important; }
.prestashop-switch .slide-button { position: relative; margin-right: 3px; color: white; } .prestashop-switch .slide-button { position: relative; margin-right: 3px; color: white; }
.prestashop-switch p { color: #333333; } .prestashop-switch p { color: #333333; }
.prestashop-switch span { color: white; } } .prestashop-switch span { color: white; } }
@@ -6,7 +6,7 @@
.switch .slide-button, .toggle p span .switch .slide-button, .toggle p span
display: none display: none
.switch .switch
background-color: darken($bg-content-color,15%) background-color: #E9E9E9
border-radius: 3px border-radius: 3px
label label
padding: 0 padding: 0
@@ -144,7 +144,7 @@
// Prestashop Theme // Prestashop Theme
.prestashop-switch .prestashop-switch
min-width: 150px min-width: 150px
color: #666 color: #999
text-align: center text-align: center
border-radius: 3px border-radius: 3px
@include box-shadow(rgba(black,0.2) 0 2px 5px 1px inset) @include box-shadow(rgba(black,0.2) 0 2px 5px 1px inset)
@@ -156,7 +156,7 @@
@include text-shadow(rgba(white,0.7) 1px 1px 0) @include text-shadow(rgba(white,0.7) 1px 1px 0)
input:not(:checked) + label input:not(:checked) + label
i i
color: #666!important color: #999!important
.slide-button .slide-button
position: relative position: relative
margin-right: 3px margin-right: 3px