Contents

.pull-right {
    float: right
}

.pull-left {
    float: left
}



.toggle {
    width: 80px;
    height: 28px;
    display: none;
    position: relative;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #e4e4e4;
    -webkit-box-shadow: inset 2px 2px 6px -2px rgba(0, 0, 0, 0.175);
    -moz-box-shadow: inset 2px 2px 6px -2px rgba(0, 0, 0, 0.175);
    box-shadow: inset 2px 2px 6px -2px rgba(0, 0, 0, 0.175);
    cursor: pointer;
    overflow: hidden
}

.toggle .yes, .toggle .no, .toggle .switch {
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out
}

.toggle .switch {
    width: 37px;
    height: 25px;
    display: block;
    position: absolute;
    top: 2px;
    left: 2px;
    background: url(/assets/toggle.png) 0 0 no-repeat;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out
}

.toggle .yes, .toggle .no {
    width: 34px;
    height: 28px;
    display: block;
    position: absolute;
    top: 5px;
    text-align: center;
    font-weight: bold
}

.toggle .yes {
    left: -34px
}

.toggle .no {
    left: 41px
}

.toggle.on {
    background-color: #ccdce3
}

.toggle.on .yes {
    left: 2px
}

.toggle.on .no {
    left: 82px
}

.toggle.on .switch {
    left: 41px
}

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
kirgudu_base-0.0.1	app/assets/stylesheets/kirgudu_base/switcher.css