File: css/simplepicker-1.0.0.min.css

Recommend this page to a friend!
  Classes of Andras Toth   Date Picker   css/simplepicker-1.0.0.min.css   Download  
File: css/simplepicker-1.0.0.min.css
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: Date Picker
Pick a date from the calendar on a form
Author: By
Last change: Update of css/simplepicker-1.0.0.min.css
Date: 2 years ago
Size: 5,211 bytes
 

Contents

Class file image Download
.datePickerHolder-dark{overflow:hidden;border:0 solid #fff;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-moz-box-shadow:#4f4f4f 2px 3px 6px 1px;-webkit-box-shadow:#4f4f4f 2px 3px 6px 1px;background-color:#232833;box-shadow:#4f4f4f 2px 3px 6px 1px;display:inline-block;font-size:16px;margin:3px;position:absolute}.datePicker-dark{-webkit-box-shadow:0 1px #181c21,0 2px #14171b,0 3px 3px rgba(0,0,0,.3);background:#242930;border:1px solid #0e1013;border-collapse:separate;border-radius:4px 4px 3px 3px;box-shadow:0 1px #181c21,0 2px #14171b,0 3px 3px rgba(0,0,0,.3);padding:4px;text-align:center}.datePicker-dark .previous,.datePicker-dark .next{-ms-filter:"alpha(Opacity=50)";opacity:.5}.datePicker-dark .weekend{}.datePicker-dark caption{-webkit-box-shadow:inset 0 1px rgba(255,255,255,.1),0 1px 2px rgba(0,0,0,);background:#333941;background-image:-webkit-linear-gradient(top,#414b56,#323841 50%,#2b323a 50%,#252a31);background-image:-moz-linear-gradient(top,#414b56,#323841 50%,#2b323a 50%,#252a31);background-image:-o-linear-gradient(top,#414b56,#323841 50%,#2b323a 50%,#252a31);background-image:linear-gradient(to bottom,#414b56,#323841 50%,#2b323a 50%,#252a31);border:1px solid #1b1e24;border-bottom-color:#181b21;border-radius:3px 3px 0 0;padding-bottom:5px}.datePicker-dark .nexti,.datePicker-dark .geti,.datePicker-dark .previ,.datePicker-dark .remove{-ms-filter:"alpha(Opacity=50)";cursor:pointer;float:right;height:.8em;margin:.2em;margin-top:.4em;opacity:.5;padding:2px}.datePicker-dark .nexti:active,.datePicker-dark .geti:active,.datePicker-dark .previ:active,.datePicker-dark .remove:active{background-color:#3C444E!important}.datePicker-dark .nexti:hover,.datePicker-dark .geti:hover,.datePicker-dark .previ:hover,.datePicker-dark .remove:hover{-ms-filter:"alpha(Opacity=100)";opacity:1!important}.datePicker-dark select{border:0;background:#272D34;color:#18b165;float:left;font-weight:700;margin-left:8px;margin-top:8px;outline:0;padding:2px}.datePicker-dark tbody{background:#404854;border:1px solid #1b1e25;border-radius:0 0 3px 3px;border-top:0}.datePicker-dark th,.datePicker-dark td{overflow:hidden;color:#000;font-weight:700;padding:3px}.datePicker-dark td:active{background-color:#3C444E!important;color:green!important}.datePicker-dark td:hover{color:#18b165}.datePicker-dark th{border-bottom:1px solid #232833;color:#18b165;font-weight:700;padding-bottom:1px;text-shadow:0 1px 1px rgba(0,0,0,.5);width:36px}.datePicker-dark td{-webkit-box-shadow:inset 0 1px rgba(255,255,255,.06);border-bottom:1px solid #323841;box-shadow:inset 0 1px rgba(255,255,255,.06);color:#8ba0b8;cursor:pointer;line-height:26px;padding-bottom:1px;text-shadow:0 1px 1px rgba(0,0,0,.3);width:28px}.datePickerHolder-white{background-color:whitesmoke;display:inline-block;font-size:16px;margin:3px;position:absolute}.datePicker-white{border:1px solid #fff;border-radius:4px 4px 3px 3px;padding:4px;text-align:center}.datePicker-white .previous,.datePicker-white .next{-ms-filter:"alpha(Opacity=50)";opacity:.5}.datePicker-white .weekend{}.datePicker-white caption{background:#383838;color:#e0e0e0;font-size:14px;padding:4px 0;text-align:center;text-shadow:0 -1px 0 #000;-webkit-box-shadow:inset 0 1px 0 #484848,0 -1px 5px rgba(0,0,0,.3);-moz-box-shadow:inset 0 1px 0 #484848,0 -1px 5px rgba(0,0,0,.3);box-shadow:inset 0 1px 0 #484848,0 -1px 5px rgba(0,0,0,.3);border:1px solid #373737}.datePicker-white .nexti,.datePicker-white .geti,.datePicker-white .previ,.datePicker-white .remove{-ms-filter:"alpha(Opacity=50)";cursor:pointer;float:right;height:.8em;margin:.2em;margin-top:.4em;opacity:.5;padding:2px}.datePicker-white .nexti:active,.datePicker-white .geti:active,.datePicker-white .previ:active,.datePicker-white .remove:active{background-color:#3C444E!important}.datePicker-white .nexti:hover,.datePicker-white .geti:hover,.datePicker-white .previ:hover,.datePicker-white .remove:hover{-ms-filter:"alpha(Opacity=100)";opacity:1!important}.datePicker-white select{border:0;background:#272D34;color:#F5F5F5;float:left;font-weight:700;margin-left:8px;margin-top:8px;outline:0;padding:2px;font-size:.85em}.datePicker-white tbody{background:#404854;border:1px solid #1b1e25;border-radius:0 0 3px 3px;border-top:0}.datePicker-white td{cursor:pointer;color:#666;text-shadow:0 1px 0 rgba(255,255,255,.5);padding:10px;text-align:center;font-weight:700;border:1px solid;border-color:#fff #bbb #bbb #fff;background:#ededed;background:-webkit-gradient(linear,left top,left bottom,from(#ededed),to(#dedede));background:-moz-linear-gradient(top,#ededed,#dedede)}.datePicker-white td:active{color:#fff!important;border:1px solid #467b89;text-shadow:0 1px 0 rgba(0,0,0,.3);background:#6eafbf;background:-moz-radial-gradient(50% 50% 0deg,ellipse cover,#6eafbf,#569EB1);background:-webkit-gradient(radial,50% 50%,0,50% 50%,20,from(#6eafbf),to(#569EB1))}.datePicker-white td:hover{color:#6eafbf}.datePicker-white th{font-size:1em;padding:5px 0;color:#666;text-transform:uppercase;text-shadow:0 1px 0 rgba(255,255,255,.5);border-bottom:1px solid #bbb;background:#f7f7f7;background:-webkit-gradient(linear,left top,left bottom,from(#f7f7f7),to(#f1f1f1));background:-moz-linear-gradient(top,#f7f7f7,#f1f1f1)}