File: css/simplepicker-1.0.0.css

Recommend this page to a friend!
  Classes of Andras Toth   Date Picker   css/simplepicker-1.0.0.css   Download  
File: css/simplepicker-1.0.0.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.css
Date: 2 years ago
Size: 6,595 bytes
 

Contents

Class file image Download
.datePickerHolder-dark { -moz-border-radius: 6px; -moz-box-shadow: rgb(79, 79, 79) 2px 3px 6px 1px; -webkit-border-radius: 6px; -webkit-box-shadow: rgb(79, 79, 79) 2px 3px 6px 1px; background-color: #232833; border: 0px solid rgb(255, 255, 255); border-radius: 6px; box-shadow: rgb(79, 79, 79) 2px 3px 6px 1px; display: inline-block; font-size: 16px; margin: 3px; overflow: hidden; position: absolute; } .datePicker-dark { -webkit-box-shadow: 0 1px #181c21, 0 2px #14171b, 0 3px 3px rgba(0, 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, 0.3); padding: 4px; text-align: center; } .datePicker-dark .previous, .datePicker-dark .next { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; opacity: 0.5; } .datePicker-dark .weekend { } .datePicker-dark caption { -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.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: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; cursor: pointer; float: right; height: .8em; margin: 0.2em; margin-top: .4em; opacity: 0.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: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1 !important; } .datePicker-dark select { background: #272D34; border: 0; 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 { color: black; font-weight: bold; overflow: hidden; padding: 3px; } .datePicker-dark td:active { background-color: #3C444E !important; color: green !important; } .datePicker-dark td:hover { color: #18b165 } .datePicker-dark td { -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.06); border-bottom: 1px solid #323841; box-shadow: inset 0 1px rgba(255, 255, 255, 0.06); color: #8ba0b8; cursor: pointer; line-height: 26px; padding-bottom: 1px; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); width: 28px; } .datePicker-dark th { border-bottom: 1px solid #232833; color: #18b165; font-weight: bold; padding-bottom: 1px; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); width: 36px; } .datePickerHolder-white { background-color: whitesmoke; display: inline-block; font-size: 16px; margin: 3px; position: absolute; } .datePicker-white { border: 1px solid white; border-radius: 4px 4px 3px 3px; padding: 4px; text-align: center; } .datePicker-white .previous, .datePicker-white .next { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; opacity: 0.5; } .datePicker-white .weekend { } .datePicker-white caption { -moz-box-shadow: inset 0 1px 0 #484848, 0 -1px 5px rgba(0,0,0,0.3); -webkit-box-shadow: inset 0 1px 0 #484848, 0 -1px 5px rgba(0,0,0,0.3); background: #383838; border: 1px solid #373737; box-shadow: inset 0 1px 0 #484848, 0 -1px 5px rgba(0,0,0,0.3); color: #e0e0e0; font-size: 14px; padding: 4px 0 4px 0; text-align: center; text-shadow: 0 -1px 0 #000; } .datePicker-white select { background: #272D34; border: 0; color: #F5F5F5; float: left; font-size: 0.85em; font-weight: 700; margin-left: 8px; margin-top: 8px; outline: 0; padding: 2px; } .datePicker-white .nexti, .datePicker-white .geti, .datePicker-white .previ, .datePicker-white .remove { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; cursor: pointer; float: right; height: .8em; margin: 0.2em; margin-top: .4em; opacity: 0.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: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1 !important; } .datePicker-white tbody { background: #404854; border: 1px solid #1b1e25; border-radius: 0 0 3px 3px; border-top: 0; } .datePicker-white td { background: #ededed; background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#dedede)); background: -moz-linear-gradient(top, #ededed, #dedede); border: 1px solid; border-color: #fff #bbbbbb #bbbbbb #fff; color: #666; cursor: pointer; font-weight: bold; padding: 10px; text-align: center; text-shadow: 0 1px 0 rgba(255,255,255,0.5); } .datePicker-white td:active { 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)); border: 1px solid #467b89; color: #fff !important; text-shadow: 0 1px 0 rgba(0,0,0,0.3); } .datePicker-white td:hover { color: #6eafbf } .datePicker-white th { background: #f7f7f7; background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#f1f1f1)); background: -moz-linear-gradient(top, #f7f7f7, #f1f1f1); border-bottom: 1px solid #bbbbbb; color: #666; font-size: 1em; padding: 5px 0; text-shadow: 0 1px 0 rgba(255,255,255,0.5); text-transform: uppercase; }