You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
90 lines
3.0 KiB
90 lines
3.0 KiB
.wickedpicker {
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
box-shadow: 0 0 0 1px rgba(14, 41, 57, 0.12), 0 2px 5px rgba(14, 41, 57, 0.44), inset 0 -1px 2px rgba(14, 41, 57, 0.15);
|
|
background: #fefefe;
|
|
margin: 0 auto;
|
|
border-radius: 0.1px;
|
|
width: 270px;
|
|
height: 130px;
|
|
font-size: 14px;
|
|
display: none; }
|
|
.wickedpicker__title {
|
|
background-image: -webkit-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
|
|
background-image: linear-gradient(to bottom, #ffffff 0%, #f2f2f2 100%);
|
|
position: relative;
|
|
background: #f2f2f2;
|
|
margin: 0 auto;
|
|
border-bottom: 1px solid #e5e5e5;
|
|
padding: 12px 11px 10px 15px;
|
|
color: #4C4C4C;
|
|
font-size: inherit; }
|
|
.wickedpicker__close {
|
|
-webkit-transform: translateY(-25%);
|
|
-moz-transform: translateY(-25%);
|
|
-ms-transform: translateY(-25%);
|
|
-o-transform: translateY(-25%);
|
|
transform: translateY(-25%);
|
|
position: absolute;
|
|
top: 25%;
|
|
right: 10px;
|
|
color: #34495e;
|
|
cursor: pointer; }
|
|
.wickedpicker__close:before {
|
|
content: '\00d7'; }
|
|
.wickedpicker__controls {
|
|
padding: 10px 0;
|
|
line-height: normal;
|
|
margin: 0; }
|
|
.wickedpicker__controls__control, .wickedpicker__controls__control--separator {
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
font-size: inherit;
|
|
margin: 0 auto;
|
|
width: 35px;
|
|
letter-spacing: 1.3px; }
|
|
.wickedpicker__controls__control-up, .wickedpicker__controls__control-down {
|
|
color: #34495e;
|
|
position: relative;
|
|
display: block;
|
|
margin: 3px auto;
|
|
font-size: 18px;
|
|
cursor: pointer; }
|
|
.wickedpicker__controls__control-up:before {
|
|
content: '\e800'; }
|
|
.wickedpicker__controls__control-down:after {
|
|
content: '\e801'; }
|
|
.wickedpicker__controls__control--separator {
|
|
width: 5px; }
|
|
|
|
.text-center, .wickedpicker__title, .wickedpicker__controls, .wickedpicker__controls__control, .wickedpicker__controls__control--separator, .wickedpicker__controls__control-up, .wickedpicker__controls__control-down {
|
|
text-align: center; }
|
|
|
|
.hover-state {
|
|
color: #3498db; }
|
|
|
|
@font-face {
|
|
font-family: 'fontello';
|
|
src: url("../fonts/fontello.eot?52602240");
|
|
src: url("../fonts/fontello.eot?52602240#iefix") format("embedded-opentype"), url("../fonts/fontello.woff?52602240") format("woff"), url("../fonts/fontello.ttf?52602240") format("truetype"), url("../fonts/fontello.svg?52602240#fontello") format("svg");
|
|
font-weight: normal;
|
|
font-style: normal; }
|
|
|
|
.fontello:before, .wickedpicker__controls__control-up:before, .fontello-after:after, .wickedpicker__controls__control-down:after {
|
|
font-family: 'fontello';
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
speak: none;
|
|
display: inline-block;
|
|
text-decoration: inherit;
|
|
width: 1em;
|
|
margin-right: .2em;
|
|
text-align: center;
|
|
font-variant: normal;
|
|
text-transform: none;
|
|
line-height: 1em;
|
|
margin-left: .2em;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale; }
|
|
|