Skip to content

Instantly share code, notes, and snippets.

@pipoblak
Created April 13, 2017 17:31
Show Gist options
  • Save pipoblak/ec8aadfb240fd102aef11d19c5a940b6 to your computer and use it in GitHub Desktop.
Save pipoblak/ec8aadfb240fd102aef11d19c5a940b6 to your computer and use it in GitHub Desktop.
.clockpicker .input-group-addon{cursor:pointer}
.clockpicker-moving{cursor:move}
.clockpicker-align-left.popover>.arrow{left:25px}
.clockpicker-align-top.popover>.arrow{top:17px}
.clockpicker-align-right.popover>.arrow{left:auto;right:25px}
.clockpicker-align-bottom.popover>.arrow{top:auto;bottom:6px}
.clockpicker-popover .popover-title{background-color:white;color:#00162d;font-size:24px;font-weight:700;line-height:30px;text-align:center}
.clockpicker-popover .popover-title span{cursor:pointer}
.clockpicker-popover .popover-content{background-color:#f8f8f8;padding:12px}
.popover-content:last-child{border-bottom-left-radius:5px;border-bottom-right-radius:5px}
.clockpicker-plate{background-color:#fff;border:1px solid #ccc;border-radius:50%;width:200px;height:200px;overflow:visible;position:relative;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.clockpicker-canvas,.clockpicker-dial{width:200px;height:200px;position:absolute;left:-1px;top:-1px}
.clockpicker-minutes{visibility:hidden}
.clockpicker-tick{border-radius:50%;color:#666;line-height:26px;text-align:center;width:26px;height:26px;position:absolute;cursor:pointer}
.clockpicker-tick.active,.clockpicker-tick:hover{background-color:#c0e5f7;background-color:rgba(0,149,221,.25)}
.clockpicker-button{background-image:none;background-color:#fff;border-width:1px 0 0;border-top-left-radius:0;border-top-right-radius:0;margin:0;padding:10px 0}
.clockpicker-button:hover{background-image:none;background-color:#ebebeb}
.clockpicker-button:focus{outline:0!important}
.clockpicker-dial{-webkit-transition:-webkit-transform 350ms,opacity 350ms;-moz-transition:-moz-transform 350ms,opacity 350ms;-ms-transition:-ms-transform 350ms,opacity 350ms;-o-transition:-o-transform 350ms,opacity 350ms;transition:transform 350ms,opacity 350ms}
.clockpicker-dial-out{opacity:0}
.clockpicker-hours.clockpicker-dial-out{-webkit-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);transform:scale(1.2,1.2)}
.clockpicker-minutes.clockpicker-dial-out{-webkit-transform:scale(.8,.8);-moz-transform:scale(.8,.8);-ms-transform:scale(.8,.8);-o-transform:scale(.8,.8);transform:scale(.8,.8)}
.clockpicker-canvas{-webkit-transition:opacity 175ms;-moz-transition:opacity 175ms;-ms-transition:opacity 175ms;-o-transition:opacity 175ms;transition:opacity 175ms}
.clockpicker-canvas-out{opacity:.25}
.clockpicker-canvas-bearing,.clockpicker-canvas-fg{stroke:none;fill:#00162d}
.clockpicker-canvas-bg{stroke:none;fill:#c0e5f7}
.clockpicker-canvas-bg-trans{fill:rgba(0,149,221,.25)}
.clockpicker-canvas line{stroke:#00162d;stroke-width:1;stroke-linecap:round}
.clockpicker-button.am-button{margin:1px;padding:5px;border:1px solid rgba(0,0,0,.2);border-radius:4px}
.clockpicker-button.pm-button{margin:1px 1px 1px 136px;padding:5px;border:1px solid rgba(0,0,0,.2);border-radius:4px}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment