Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

Rewrote CSS file to remove MHTML block

 * Rewrote the CSS file to remove the MHTML block
 * Renamed a couple of the images
 * Added a minified version of the CSS & JS files
 * Fixed a few bugs in the code that parsed global options
 * Set a (currently in-vogue) 4 character Tab
 * Deleted the nobase64 CSS file
 * Fixed a few spelling errors etc in the demo
  • Loading branch information...
commit 84edaf989634fa14f766deda18ecd0275ff563fc 1 parent 86b190c
@freqdec authored
View
7 README.textile
@@ -19,15 +19,14 @@ h2. At a glance
* Global configuration parameters can be specified using JSON within the script tag itself
* The "button" used for popup datePickers can be arbitrarily positioned within the DOM and removed from the document tabindex if so desired
* The "button" updates to show a small cursor should the associated form element(s) contain a valid date
-* Inline datePickers are now available (i.e. no button activation is required), are automatically added to the documents tabindex and can be arbitrarily positioned within the DOM
+* Inline datePickers possible (i.e. no button activation is required), are automatically added to the document tabindex and can be arbitrarily positioned within the DOM
* A bespoke final opacity can be defined and the fade in/out animation effect disabled
-* The entire grid can now be filled with dates
+* The entire grid can be filled with dates
* The "Today" button can be removed from the U.I.
-* No pesky images to upload and track on your server - they have all been (Base64) encoded directly into the CSS file
+* Fully skinnable with CSS
h2. Quick Demo
A "demo":http://www.frequency-decoder.com/demo/datePicker/ is now available.
-Note: The CSS file has been rewritten to use Base64 encoded images. I have tested in IE7+ but not yet in IE6. Theoretically, it should also be IE6 friendly (should anyone have tested the demo in IE6 and care to share that would be cool). Don't worry, an alternative CSS file that does not use Base64 encoded images is also available.
View
1,214 css/datepicker.css
@@ -1,326 +1,335 @@
/*
-Content-Type: multipart/related; boundary="_BASE64_SEPARATOR"
-
---_BASE64_SEPARATOR
-Content-Location:calicon
-Content-Transfer-Encoding:base64
-
-iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkUwQTgyMzk4RjMxQjExRTBCMTU1QzA3MkNGMkQ4QzUwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkUwQTgyMzk5RjMxQjExRTBCMTU1QzA3MkNGMkQ4QzUwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RTBBODIzOTZGMzFCMTFFMEIxNTVDMDcyQ0YyRDhDNTAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RTBBODIzOTdGMzFCMTFFMEIxNTVDMDcyQ0YyRDhDNTAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz67Oj06AAACWUlEQVR42pxTu2qqQRAedY3oT/AKYq2F2ElsBbHQRxHBKg+QwucRBCtBxAeIBpQQLbw13iFq1BC87dlvztkfY3kGlp2Znf1mvp1ZSy6Xew6FQsWHhwdDSklY1+uVtH6/7s9Op9Nhv9+/CIAUCgXj5+cHTl7n8/mXfjweTd/9frlcjFarVRSoBCDdbhdODrjf9YJ9f/b4+Eg2m82w/ivvv0B0VaArvr6+6OPjg9brNUG22y25XC5kYRuJPj8/yefzkdVqZR+owsYZdGAIu91OyWSSAXC50+lQJBIhj8fDNi7XajVKpVKsI24wGFA6nSaLxULD4ZDK5TJZUR6Q9SUI9tt168NlUMEOgQ4MAUqNRoO5QsbjMS2XS3I6naSl1+txMshut+MqNpsN++bzOevCMAymhgdExre3N4pGo+T1es0KsDKZDNt4L7xpNps1k5RKJRIAADKC9ANrGrA1BW3f+jQ1YDC1er1uvgXKns1m3Dkt7+/vJjU1xdTv97kygEwmk78dz+fzUvGUqhtS8ZeqQ1IBSdVWqR5RqmBZqVRMe7FYyGq1KrW022359PQkf1HTb3LbMdhCCMKYaIq3YlLDML2+vnKXcAkPeTgcePT1QOL7AAi6niNNFTTRSYFs4XDYnFyAxGIxc3Ihq9WK4vG4OeXYE4mEOX/AEAhEdr/fz0DQAYKlBSOCc10hYgKBANtut5t3oSo4qAE0MJAImk6n3DEEa/4Y0mazybaeI4DjbDQa0ff398GiSnwOBoNFVZ6BQP6Aggs1fzx8DoeDdSQEfW0DRI3Ayx8BBgAUOD+kGO2vUQAAAABJRU5ErkJggg==
---_BASE64_SEPARATOR
-Content-Location:calselected
-Content-Transfer-Encoding:base64
-
-iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAABmJLR0QACQAJAAmCXlolAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH2woJEBcYiVyu1wAAAt1JREFUeNqVk7FPI0cUh7+dmcXg1Qq0RpfqKqjoONwiIRTJTUSa/AXpkHKponRp8q9cSiR0NCBZCCmpEKSAwnZhjIsABiTbu2ZP1u7OvBTEK+CqPOnpzczTjN733m+8Hz/+8Pl9bW2nMjePiCAiOOfK9Vt/m8vyKePsnwPzvra28/Gnn5lOp+R5Tp7nFEXxap1lWXn2NlprOf9bdkxlbp7pdEq73cZaS1EUX8WZW2u/yoVhiNFzKBEpX/6/j8yqcs5hkiSh1WoxGo0AiOOYarWK1hoAEWE4HBJFEUopALIsI4qi5x5lGUmSYHzfZ3NzkziO0VpzeXnJ6uoqS0tLaK1RStFsNtna2kIpRRzHXF1dsb29jed59Ho99vf3UUVRICLlJQCl1Ct/eeZ5Hs45PM8DwDlHURSY0WjEyckJeZ4DcHp6yqc/PjFfqTAz359DRACYTCb0ej3G4zEiwmAwYDweY4IgYHNzE2stSik6nQ7fff8tHz6so5XB8xS//vIbjUYDpRTD4ZBWq0Wj0QCg0+mwt7eHsdYiIiilygYrT6OVQSmD8nSJprVGa11izdCstc9ox8fHZS/6/T5//f4nQRD8h+Ohtebw8BCAp6cnut0uw+EQ5xw3NzfPE9/d3ZXBYCBxHMtkMpFmsyl3d3eSZZkURSHOOTk4OCj39/f3cnR0JDO7uLiQjY0NeYU2m8rLiXmehzEG3/dLxJdWoiVJwtnZGQsLC3ieR6vVIk1TwjAsBdlut/F9HxEpdTSbYrfbZTKZYIwxrKyslMpN05S1tbVSuQCPj4+sr6+XKhcR6vV6qT9jDAYgDENqtRpKKcIwJIoioigqyw+CgFqtVlYYhiHLy8sALC4uAmCe0iceHh7I8xwR4fb2lmq1ShiGJX+/3+f8/BznXKmjIAiw1nJ9fU36JcWr1+uf333zbsc3Ps655w9oDED545MkoVKpYK0lz3PSNC336ZeU25vbg38BfWs5nDIQt3gAAAAASUVORK5CYII=
---_BASE64_SEPARATOR
-Content-Location:calhover
-Content-Transfer-Encoding:base64
-
-iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU5NEVGMTU3RjMyNDExRTBCNEY5QTY5ODIzM0UwMTEwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkU5NEVGMTU4RjMyNDExRTBCNEY5QTY5ODIzM0UwMTEwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RTk0RUYxNTVGMzI0MTFFMEI0RjlBNjk4MjMzRTAxMTAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RTk0RUYxNTZGMzI0MTFFMEI0RjlBNjk4MjMzRTAxMTAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5e8oAMAAACaklEQVR42pxTPWtiQRS9PkeNPiSiglgrW9iFpNlCCDb+FBGs8gNS2OR/pF1BsFEQSR1MiqQwFiax0ecH+P1EjDo752bn4cpWe2GYe2funLln7hlXLpe7icfjRa/Xa0opCeNwOJD2T8fp3tfXl71arW4FQAqFgrnZbLDIY7fb/eVvt1tn7XTe7/fm8/NzUaASgLy9vWGRE05nPRCf7gWDQXK73abxp7z/AtFVga5YLBbUarVoOp0SbD6fUyAQwC0c46LJZELhcJgMw+A1UEWMPfjAEB6Ph9LpNAPg8OvrKyWTSQqFQhzjcL1ep+vra/aR9/7+TplMhlwuF318fFC5XCYD5QFZH4JhPh7HazgMKphh8IEhQOnh4YG5wh4fH+nu/p7cwkvafgTO+DLYcrnkKmazGa8NBgP2hWmaTA0PiBvb7TYdfqZJKGraRPkXZbNZ3sd74U0Rw5BfKpXIAACQkaQf+F+m9zE0LU0NGEyt0Wg4b9HtdmnUs8h95neSQ5ZF1WqVfaVi6nQ6XBlAer3ed8fz+bxUPKXqhlT8peqQtCxLqrZK9YhSJctKpeLEw+FQ1mo1qe3l5UVeXl5KcUxNd+W4Y4iFEASZaIrH5lCDmJrNJvn9fj6Eh7Rtm6WvBYnvAyD4Wke6i6CJTgrclkgkHOUCJJVKOcqFjcdjuri4cFSO+erqytEfMAQScXskEmEg+ADB0AaJYF9XiJxoNMrx+fn5t0RUBfZoNDIhSCT1+33+a0jW/NHJp6cnjrWOAI69z89PWq/XtkuVeBOLxYqqPBOJ/AEFF+r8eKz5fD72cSHo6xggSgK3vwUYAGJOPNtjXQTnAAAAAElFTkSuQmCC
---_BASE64_SEPARATOR
-Content-Location:greygradient
-Content-Transfer-Encoding:base64
-
-R0lGODlhJgBbAMQAAAAAAP////7+/v39/fz8/Pv7+/r6+vn5+fj4+Pf39/b29vX19fT09PPz8/Ly8vHx8fDw8O/v7+7u7u3t7ezs7Ovr6+rq6unp6ejo6Ofn5+bm5uXl5f///wAAAAAAAAAAACH5BAEAABwALAAAAAAmAFsAAAX/4CaOZGmeaKqubOu+cCzPWm3feK7vfO//wCAvQywaj8ikcslsOp/QJWZKrVqv2Kx2y+16v9qLeEwum8/otHqttrjf8Lh8Tq/b7/aKfs/v+/+AgYKDhIWGgRSJiouMjY6PkJGSkROVlpeYmZqbnJ2enRKhoqOkpaanqKmqqRGtrq+wsbKztLW2tRC5uru8vb6/wMHCwQ/FxsfIycrLzM3OzQ7R0tPU1dbX0Q3a29zd3t/g4eLj4gzm5+jp6uvs7e7v7gvy8/T19vf4+fr7+gr+/wADChxIsKDBgwYTKFzIsKHDhxAjSpwoEYHFixgzatzIsaPHjx4PiBxJsqTJkyhTi6pcybKly5QGYsqcSbOmzZs4c+rMWaCnz59AgwodSrSo0aIEkipdyrSp06dQo0qdSrUq1AFYs2rdyrWr169gw4odS/argLNo06pdy7at27dw48qd6zaA3bt48+rdy7ev37+AAwseTLiw4cOIEytezLix48eQI0ueTLmy5cuYM2vezLmz58+gQ4tOHAIAOw==
---_BASE64_SEPARATOR
-Content-Location:calopaque
-Content-Transfer-Encoding:base64
-
-iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkUwNzk4MDQxRjMzMzExRTBBQTJCQkEyMjRBOTRGMzNBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkUwNzk4MDQyRjMzMzExRTBBQTJCQkEyMjRBOTRGMzNBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RTA3OTgwM0ZGMzMzMTFFMEFBMkJCQTIyNEE5NEYzM0EiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RTA3OTgwNDBGMzMzMTFFMEFBMkJCQTIyNEE5NEYzM0EiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5guR5QAAACT0lEQVR42pxTy2qyQQyNdqx8iqhVKK7rQsSN4FYUF9Z36APowgfqKwiCDyDFreANRNSFt41aLN6veO13wj+DdfkHhkkymZOcTMaQTCY/PB5P6vn5WbvdboR1vV5J6o/r8ex0Ou03m82nAEg6ndYOhwOcvM7n8x/9eDwq3+N+uVy0SqWSEqgEIK1WC04OeNzlgv14ZrPZ6OnpSTP+K++/QGRVoCtWqxU1m02az+cEWS6XZLFYkIVtJJrNZvTy8kJGo5F9oAobZ9CBIUwmE4XDYQbA5Xq9Tl6vlxwOB9u4nM/nKRqNso64brdLsViMDAYD9Xo9yuVyZER5QJaXINjv170Pl0EFOwQ6MAQoFQoF5goZDAY0mUxI0zSS0m63ORlkvV5zFYvFgn3f39+sC6vVytTQQGSsVqvk8/nI6XSqCrDi8Tjb6Bd6+v7+rpJks1kSAAAygmSDJQ3YkoK0732SGjCY2tfXl+oFyh6Px/xyUhqNhqKmTzF1Oh2uDCDD4ZBfnKlFIhHuCcCKxSIFAgFyuVyqMrPZTIlEgvXpdEq1Wk1RwytnMpm/1GRP7l8MthCCMCaS4r0oahimUqnEFeESGrndbnn05UDi+wAIupwjSRU08ZIC2d7e3tTkAsTv96vJhfz8/FAwGFRTjj0UCqn5A4ZAILLLnkAHCJYU9BHnskLEuN1utu12O+9Cr2CvD6CGgUTQaDTiF0Ow5I8hLZfLbMs5AjjO+v0+7Xa7vUEv8eP19TWll6chkD+g4ELVj4cPLwcdCUFf2gDRR+DzV4ABAHc3D51Joq6vAAAAAElFTkSuQmCC==
---_BASE64_SEPARATOR
-Content-Location:cursor
-Content-Transfer-Encoding:base64
-
-/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAASwAA/+4ADkFkb2JlAGTAAAAAAf/bAIQAAwICAgICAwICAwUDAwMFBQQDAwQFBgUFBQUFBggGBwcHBwYICAkKCgoJCAwMDAwMDA4ODg4OEBAQEBAQEBAQEAEDBAQGBgYMCAgMEg4MDhIUEBAQEBQREBAQEBARERAQEBAQEBEQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQ/8AAEQgAIwIIAwERAAIRAQMRAf/EAHgAAQEBAQEBAAAAAAAAAAAAAAABBAMCCQEBAQEBAQEAAAAAAAAAAAAAAAECAwQFEAABAQgBAwMFAQEBAAAAAAAAEwFh0QIDkwQVVDFBgSFRBRFxkaGyczVEEQEAAgMBAAIDAQAAAAAAAAAAARFRAhITMQMhcTIi/9oADAMBAAIRAxEAPwD6R53yGZJm5EkmRUlZLUnYxjKkzGMYyZvb6npiIp8f7Ps26n8z8uOzzuTUuTRNcwx6bZk2WdyalyaI5g9NsybPO5NS5NEcwem2ZNlncmpcmiOYPTbMmyzuTUuTRHMHptmTZZ3JqXJojmD02zJss7k1Lk0RzB6bZk2WdyalyaI5g9NsybLO5NS5NEcwem2ZNlncmpcmiOYPTbMmyzuTUuTRHMHptmTZZ3JqXJojmD02zJss7k1Lk0RzB6bZk2WdyalyaI5g9NsybLO5NS5NEcwem2ZNnncmpcmiOYPTbMmyzuTUuTRHMHptmTZ5vJqXJojmD02zJss7k1Lk0RzB6bZk2WdyalyaI5g9NsybLO5NS5NEcwem2ZNlncmpcmiOYPTbMmyzuTUuTRHMHptmTZZ3JqXJojmD02zJss7k1Lk0RzB6bZk2WdyalyaI5g9NsybLO5NS5NEcwem2ZNlncmpcmiOYPTbMmyzuTUuTRHMHptmTZZvJqXJojmD02zJss7k1Lk0RzB6bZk2WdyalyaI5g9NsybPO5NS5NEcwem2ZNlncmpcmiOYPTbMmyzuTUuTRHMHptmTZZ3JqXJojmD02zJss7k1Lk0RzB6bZk2edyalyaI5g9NsybLO5NS5NEcwem2ZNlncmpcmiOYPTbMmyzmf+mpcmiOYPTbMmyzuTUuTRHMHptmTZZ3JqXJojmD02zJss7k1Lk0RzB6bZk2WdyalyaI5g9NsybLO5NS5NEcwem2ZNlncmpcmiOYPTbMmzzuTUuTRHMHptmTZZ3JqXJojmD02zJss7k1Lk0RzB6bZk2WdyalyaI5g9NsybPO5NS5NEcwem2ZNlncmpcmiOYPTbMmyzuTUuTRHMHptmTZZ3JqXJojmD02zJss7k1Lk0RzB6bZk2WdyalyaI5g9NsybPO5NS5NEcwem2ZNlncmpcmiOYPTbMmyzuTUuTRHMHptmTZ53JqXJojmD02zJss7k1Lk0RzB6bZk2edyalyaI5g9NsybLO5NS5NEcwem2ZZvkqv0+RymfXpVqf201rH4hj7Z/3P7Z1XlpzsWeKLFWiixV4osVeKLFniixZ4osV9miixZ4osWeKLFXiixUUWKvFFioosWeKLFXiixZ4osVaKLFniixZ4osWeKLFWiixUUWKiixV4osWeKLFvXqKLFWiixb06iixZ4osWeKLFniixVoosVFFioosWeKLFniixV4osVeKLFniixZ4osWeKLFXiixUUWKvFFioosWeKLFniixUUWLPFFizxRYq0UWKiixUUWLPFFizxRYs8UWKvFFioosWeKLFXiixZ4osVaKLFXii3n5Wp9PlMxntWq/20a/EL9v9z+5ZWVTTnYq8FirPcFivqCxV4LFXgsVBYo/9gsVBYqCxV4LFQWK+nUFirwWKgFXgsVBYq8FioLFQWKgsVZ7gsVeCxUFirwCoLFX/ALBYqCxUFioLFfUFirwWKs9wWKgsVeCxV4LFQWKv/YLFQWKvBYqAVBYq8FioLFfTqCxV4LFQCr/2CxUFivqCxV4LFWe4LFQWKvBYq8FjaoLFQWKvBYr3+oLFQDKoLFXgsVZ7gsV9QW7fLf8AWzf96v8AbSa/EN/b/c/uWQ05J5AM69QHdoDyBfIACAXsBAHkAzoA7dQHkCsIIUPIBgFYAaBADfuAb0AoEZ9wKBAAAAzqBWgQA37gX2AnkB5AoE8+QKzuBG+AKQQoeQDOgDt1AeQKAAgFaBADfuBfYCeQHkCt6AQA37gOwFIBRPIBnXqA7tA2fLf9bN/3q/20zr8Q6fb/AHP7lkNOQwgFAgNAAOwAB2KJ+AKQOxQIAAIn4KqkAoAAJ+AK0gAADAHcAA7tKAAA0AAIAD2AM6AAABncojfAFAn4ApA7FAgAAAD2KDQAAgAPYAzoAaUAHYgdigRAqjCAUCD/2Q==
---_BASE64_SEPARATOR
-Content-Location:today
-Content-Transfer-Encoding:base64
-
-R0lGODlhKwEoAJEAAKnT6v////X6+gAAACH5BAAAAAAALAAAAAArASgAAALXjI+py+0Po5y02ouz3lz4D4biSJbmiabqyrbuC8fyLAcCgOf0zvf+DwwKhyJbDkdMKpfMpnNo1D2n1Kr1GowCsNyu99uNgsfksnlnPKvX7LbA5o7L51Q4/Y7P8+z6vv9fwgc4SJgnWIiYuHao2OgY9hgpecU4aXkJVIm5yQmj2QkaavIpWmpKapraiaraasnqGusIK1tbSGub64er23vH6xvsBixcfEZsnAyGrNyMxewcPQUtXb1EbZ0thK3d3cPtHV4jTl5Xft4Ejr4eyO6e9R7/LU8/UwAAOw==--_BASE64_SEPARATOR--
+ Unminified development version of the datepicker stylesheet. Please use the
+ minified version in production (remember to run a find/replace on the
+ file to update the image locations to suit your installation).
*/
-/*
-
- Please note:
-
- * This is a work in progress and as yet fully untested in IE
- * The file requires DOS CRLF linefeeds in order for the MHTML block to work properly
-
+/*
+ Hide the datepickers associated input by using a className
*/
-
-/* Hide the datepickers associated input by using a className */
.fd-hidden-input
- {
- display:none;
- }
-/* Screen reader class - used to hide spans inside each cell from the visual display */
+ {
+ display:none;
+ }
+/*
+ Screen reader class - used to hide spans inside each cell from the visual
+ display
+*/
.fd-screen-reader
- {
- position:absolute;
- left:-999em;
- top:0;
- width:1px;
- height:1px;
- overflow:hidden;
- outline: 0 none;
- -moz-outline: 0 none;
- }
-/* The wrapper div */
+ {
+ position:absolute;
+ left:-999em;
+ top:0;
+ width:1px;
+ height:1px;
+ overflow:hidden;
+ -moz-outline: 0 none;
+ outline: 0 none;
+ }
+/*
+ The wrapper div
+*/
.date-picker
- {
- position:absolute;
- z-index:9999;
- text-align:center;
+ {
+ position:absolute;
+ z-index:9999;
+ text-align:center;
- /* Change the font-size to suit your design's CSS. The following line is for the demo that has a 12px font-size defined on the body tag */
- font:900 0.8em/1em Verdana, Sans-Serif;
+ /*
+ Change the font-size to suit your designs CSS. The following line is for
+ the demo that has a 12px font-size defined on the body tag
+ */
+ font:900 0.8em/1em "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
- /* For Example: If using the YUI font CSS, uncomment the following line to get a 10px font-size within the datePicker */
- /* font:900 77%/77% Verdana, sans-serif; */
-
- /* Or, if you prefer a pixel precision */
- /* font:900 12px/12px Verdana, sans-serif; */
-
- background:transparent;
-
- /* Mozilla & Webkit extensions to stop text-selection. */
- -moz-user-select:none;
- -khtml-user-select:none;
- -webkit-user-select:none;
- }
-/* Styles for the static datePickers */
+ /*
+ For Example: If using the YUI font CSS, uncomment the following line to get
+ a 10px font-size within the datePicker
+
+ font:900 77%/77% "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
+
+ Or, if you prefer a pixel precision
+
+ font:900 12px/12px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
+
+ All other rules are "em" based and inherit from the font-size set here.
+ */
+
+ background:transparent;
+ -webkit-user-select:none;
+ -moz-user-select:none;
+ -ms-user-select:none;
+ -o-user-select:none;
+ user-select:none;
+ }
+/*
+ Styles for the static datePickers
+*/
.static-datepicker
- {
- position:relative;
- top:5px;
- left:0;
- margin-bottom:1.5em;
- }
+ {
+ position:relative;
+ top:5px;
+ left:0;
+ margin-bottom:1.5em;
+ }
.date-picker table
- {
- width:auto;
- height:auto;
- border-collapse:separate;
- color:#555;
- }
-/* The iframe hack to cover selectlists in IE6 */
+ {
+ width:auto;
+ height:auto;
+ border-collapse:separate;
+ color:#555;
+ }
+/*
+ The iframe hack to cover selectlists in IE6
+*/
.iehack
- {
- position:absolute;
- background:#fff;
- z-index:9998;
- padding:0;
- border:0;
- display:none;
- margin:0;
- }
-/* The "button" created beside each input for popup datePickers */
+ {
+ position:absolute;
+ background:#fff;
+ z-index:9998;
+ padding:0;
+ margin:0;
+ border:0;
+ display:none;
+ }
+/*
+ The activation "button" created beside each input for popup datePickers
+*/
.date-picker-control span
- {
- display:block;
- width:18px;
- height:18px;
- overflow:hidden;
- margin:auto 0;
- }
+ {
+ display:block;
+ width:18px;
+ height:18px;
+ overflow:hidden;
+ margin:auto 0;
+ }
.date-picker-button-active span,
.date-picker-control:focus span,
.date-picker-control:hover span,
.date-picker-control:active span
- {
- -webkit-box-shadow:0 0 5px rgba(40, 130, 170, 0.7);
- -moz-box-shadow:0 0 5px rgba(40, 130, 170, 0.7);
- box-shadow:0 0 5px rgba(40, 130, 170, 0.7);
- -webkit-border-radius:2px;
- -moz-border-radius:2px;
- border-radius:2px;
- }
+ {
+ outline:none;
+ -webkit-box-shadow:0 0 5px rgba(40, 130, 170, 0.7);
+ -moz-box-shadow:0 0 5px rgba(40, 130, 170, 0.7);
+ box-shadow:0 0 5px rgba(40, 130, 170, 0.7);
+ -webkit-border-radius:2px;
+ -moz-border-radius:2px;
+ border-radius:2px;
+ }
+/*
+ A base64 encoded image-sprite is used for the activation button. IE6 and 7
+ get fed "normal" png images within the rule that follows.
+*/
.date-picker-control:link,
.date-picker-control:visited
- {
- position:relative;
- display: -moz-inline-stack;
- border:0 none;
- padding:0;
- margin:0 4px;
- background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkUwQTgyMzk4RjMxQjExRTBCMTU1QzA3MkNGMkQ4QzUwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkUwQTgyMzk5RjMxQjExRTBCMTU1QzA3MkNGMkQ4QzUwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RTBBODIzOTZGMzFCMTFFMEIxNTVDMDcyQ0YyRDhDNTAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RTBBODIzOTdGMzFCMTFFMEIxNTVDMDcyQ0YyRDhDNTAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz67Oj06AAACWUlEQVR42pxTu2qqQRAedY3oT/AKYq2F2ElsBbHQRxHBKg+QwucRBCtBxAeIBpQQLbw13iFq1BC87dlvztkfY3kGlp2Znf1mvp1ZSy6Xew6FQsWHhwdDSklY1+uVtH6/7s9Op9Nhv9+/CIAUCgXj5+cHTl7n8/mXfjweTd/9frlcjFarVRSoBCDdbhdODrjf9YJ9f/b4+Eg2m82w/ivvv0B0VaArvr6+6OPjg9brNUG22y25XC5kYRuJPj8/yefzkdVqZR+owsYZdGAIu91OyWSSAXC50+lQJBIhj8fDNi7XajVKpVKsI24wGFA6nSaLxULD4ZDK5TJZUR6Q9SUI9tt168NlUMEOgQ4MAUqNRoO5QsbjMS2XS3I6naSl1+txMshut+MqNpsN++bzOevCMAymhgdExre3N4pGo+T1es0KsDKZDNt4L7xpNps1k5RKJRIAADKC9ANrGrA1BW3f+jQ1YDC1er1uvgXKns1m3Dkt7+/vJjU1xdTv97kygEwmk78dz+fzUvGUqhtS8ZeqQ1IBSdVWqR5RqmBZqVRMe7FYyGq1KrW022359PQkf1HTb3LbMdhCCMKYaIq3YlLDML2+vnKXcAkPeTgcePT1QOL7AAi6niNNFTTRSYFs4XDYnFyAxGIxc3Ihq9WK4vG4OeXYE4mEOX/AEAhEdr/fz0DQAYKlBSOCc10hYgKBANtut5t3oSo4qAE0MJAImk6n3DEEa/4Y0mazybaeI4DjbDQa0ff398GiSnwOBoNFVZ6BQP6Aggs1fzx8DoeDdSQEfW0DRI3Ayx8BBgAUOD+kGO2vUQAAAABJRU5ErkJggg==) no-repeat 0 0;
- min-width:18px;
- line-height:1;
- cursor:pointer;
- visibility:visible;
- text-decoration:none;
- vertical-align:text-bottom;
- }
-/* If the calendar has a valid date use different icon */
+ {
+ position:relative;
+ display: -moz-inline-stack;
+ border:0 none;
+ padding:0;
+ margin:0 4px;
+ background-color:transparent;
+ background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAB+CAYAAAAp+EF2AAAD8ElEQVRo3u2Zu0scXxTHz8zcXR0H8UnEIpXyQ8TGaJNCFAlqEUyTMlUaWTC/IoR0vxQ2vz8hfZJGIki2URARkkbxhSJq4avI7uqK7x2V9XF/93v83WGzmIezKVLcL1zmvubcc+49w352xurr63tZW1s7EI1GPSkloVxfX5Ou55f8sYuLCz+TybwRMNLf3++dn5+jk8vl5eU39Ww2G/TlX6+urrzZ2dkBAU9gZGVlBZ08If+qC9r5Y6WlpeQ4jmf/714oI9orhCuOj49peXmZDg4OCDo6OqKSkhKswm0stL+/T5WVlWTbNvchVLQxhjpsiEgkQm1tbWwANy8uLlJ9fT2Vl5dzGzePjY1RR0cH1zFvfX2dOjs7ybIs2tjYoOHhYbLhHizrmyBcc0tuH25GKLhCqMOGQEgTExMcKzQ1NUX/vntHjoiS1l8lxbwYdHJywl4cHh5y3/b2NteF53kcGjYQK66urtL1wzYSKjQtMfyRuru7eRz7hT1FG8L8oaEhsmEAljFJb/Bt0uMoOiwdGmxwaOPj48FebG1tUTqRIqfYDSaXp1I0MjLCdZXFtLa2xp7BSCKRuDnxWCwmVZxSnYZU8Ut1QjKVSkl1rFJtolSTZTweD9o7OztydHRUai0sLMiWlhYpckPTp5J7YmgLIQhpokPMVRAakml6eppc1+WbsJG+73Pq64TE4wNDqOs80qeIMHGSAqvV1dUFmQsjjY2NQeZCu7u71NzcHGQ5rq2trUH+wYbARKxeVVXFhlCHERQtpAjGtYeYU11dze2ysrKbFFEe+Ol02kNCYlIymeRnDZN1/DjJmZkZbus8gnGMbW5u0unpqW8pF1/W1NQMKPc8TOQHULCjwROPvqKiIq5jQYSv2zCiUuANGRkZGRl9R5ZiyGcK/2KK3NyQDHmmfn3fgiFjiiHdAhjSVQwZA0O6v4EhXcOQIRiSQSudZjrRAt7dmSHn5uaooaGBKioqAg9Qurq6fsiQ4jaG1GHk8uKdGRJuK/Tjk9NaWloKQvseQ3Jo7e3tvCcwNjk5SU1NTQEvoYA8enp6uL63t0fz8/NBaDjlwcFBMgz5awx5phLQLZAhz8CQzxRDxpR7bkiGPFMp8Nb8RhgZGRn9iCHNe0jDkIYhzXtI8x7SvIc0MjIyuhNDPn/x9NP9qsbeomgxhWHI7MU5HWa/xgWMvOj/mwpgSJqZlb0CnhTKkMKJkmHIkN+y3394T8Xql1QrEomG+5b9+MkjevCgmRxbqJVtev3qn59+y76dIS2HjdgolhOOIUEeXwY+M23chGPxzeZb9p/EkBk/w39iCmFI/9QnMOSnezX3eiMiQmEYEkaSiWT8P0zZxbn5chQoAAAAAElFTkSuQmCC);
+ background-repeat:no-repeat;
+ background-position:0 -72px;
+ min-width:18px;
+ line-height:1;
+ cursor:pointer;
+ visibility:visible;
+ text-decoration:none;
+ vertical-align:text-bottom;
+ }
+/*
+ IE6 & 7 fed "normal" png images
+*/
+.oldie .date-picker-control:link,
+.oldie .date-picker-control:visited
+ {
+ /*
+ IE7 gets a non-base64 encoded image sprite of the base64 encoded image
+ declared above. That's all you have to do for IE7 support as it inherits
+ the background-position declarations to reposition the sprite
+ */
+ *background-image:url(http://www.frequency-decoder.com/demo/datePicker/media/datepicker-sprite.png);
+ /*
+ IE6 gets the filter treatment and an individual image for each animation
+ state. This pattern is repeated for all other image-based rules within the
+ stylesheet
+ */
+ _background-image:none;
+ _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='http://www.frequency-decoder.com/demo/datePicker/media/datepicker-normal.png');
+ }
+/*
+ If the datepicker has a valid date then use a different icon for the
+ activation button to let the user know. It's a little detail but it's the
+ little things in life etc
+*/
.date-picker-dateval:link,
.date-picker-dateval:visited
- {
- background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAABmJLR0QACQAJAAmCXlolAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH2woJEBcYiVyu1wAAAt1JREFUeNqVk7FPI0cUh7+dmcXg1Qq0RpfqKqjoONwiIRTJTUSa/AXpkHKponRp8q9cSiR0NCBZCCmpEKSAwnZhjIsABiTbu2ZP1u7OvBTEK+CqPOnpzczTjN733m+8Hz/+8Pl9bW2nMjePiCAiOOfK9Vt/m8vyKePsnwPzvra28/Gnn5lOp+R5Tp7nFEXxap1lWXn2NlprOf9bdkxlbp7pdEq73cZaS1EUX8WZW2u/yoVhiNFzKBEpX/6/j8yqcs5hkiSh1WoxGo0AiOOYarWK1hoAEWE4HBJFEUopALIsI4qi5x5lGUmSYHzfZ3NzkziO0VpzeXnJ6uoqS0tLaK1RStFsNtna2kIpRRzHXF1dsb29jed59Ho99vf3UUVRICLlJQCl1Ct/eeZ5Hs45PM8DwDlHURSY0WjEyckJeZ4DcHp6yqc/PjFfqTAz359DRACYTCb0ej3G4zEiwmAwYDweY4IgYHNzE2stSik6nQ7fff8tHz6so5XB8xS//vIbjUYDpRTD4ZBWq0Wj0QCg0+mwt7eHsdYiIiilygYrT6OVQSmD8nSJprVGa11izdCstc9ox8fHZS/6/T5//f4nQRD8h+Ohtebw8BCAp6cnut0uw+EQ5xw3NzfPE9/d3ZXBYCBxHMtkMpFmsyl3d3eSZZkURSHOOTk4OCj39/f3cnR0JDO7uLiQjY0NeYU2m8rLiXmehzEG3/dLxJdWoiVJwtnZGQsLC3ieR6vVIk1TwjAsBdlut/F9HxEpdTSbYrfbZTKZYIwxrKyslMpN05S1tbVSuQCPj4+sr6+XKhcR6vV6qT9jDAYgDENqtRpKKcIwJIoioigqyw+CgFqtVlYYhiHLy8sALC4uAmCe0iceHh7I8xwR4fb2lmq1ShiGJX+/3+f8/BznXKmjIAiw1nJ9fU36JcWr1+uf333zbsc3Ps655w9oDED545MkoVKpYK0lz3PSNC336ZeU25vbg38BfWs5nDIQt3gAAAAASUVORK5CYII=) no-repeat 0 0;
- }
-/* IE 6 & 7 get fed another rule to show the normal button icon */
-.oldie-mhtml .date-picker-control:link,
-.oldie-mhtml .date-picker-control:visited
- {
- /* IE7 gets an mhtml background image */
- *background-image:url('mhtml:http://www.frequency-decoder.com/demo/datePicker/css/datepicker.css!calicon');
- /* IE6 gets the filter treatment */
- _background-image:none;
- _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='mhtml:http://www.frequency-decoder.com/demo/datePicker/css/datepicker.css!calicon');
- }
-/* IE 6 & 7 get fed another rule to show the icon displayed when a valid date selected */
-.oldie-mhtml .date-picker-dateval:link,
-.oldie-mhtml .date-picker-dateval:visited
- {
- /* IE7 gets an mhtml png background image */
- *background-image:url('mhtml:http://www.frequency-decoder.com/demo/datePicker/css/datepicker.css!calselected');
- /* IE6 gets the filter treatment */
- _background-image:none;
- _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='mhtml:http://www.frequency-decoder.com/demo/datePicker/css/datepicker.css!calselected');
- }
-/* Hover states etc for the button */
+ {
+ background-position:0 -108px;
+ }
+/*
+ Again, IE6 gets a "normal" png image from the server. Rinse, repeat.
+*/
+.oldie .date-picker-dateval:link,
+.oldie .date-picker-dateval:visited
+ {
+ _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='http://www.frequency-decoder.com/demo/datePicker/media/datepicker-selected.png');
+ }
+/*
+ Hover states etc for the activation button
+*/
+.date-picker-button-active:link,
+.date-picker-button-active:visited,
.date-picker-control:focus,
.date-picker-control:hover,
-.date-picker-control:active,
-.date-picker-button-active:link,
-.date-picker-button-active:visited
- {
- background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAABmJLR0QACQAJAAmCXlolAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH2woJEA4VbO17cgAAAs1JREFUeNqdkzFLK0sUx387O4nXLIthI0hq5RV2YppXBMQmH0UEq/sBbmHzvsdtnyDYKASxFrXQIkkRY5qYqBCzm2wIuztzXuHL4vW+6v3hcGbOmRnOf87/OAcHB9+r1epxsVj0RAQRwVrLcv3VvubSNI1ns9kPXa1Wj4+OjrzFYkGapqRpSpZlv6yTJMljX70xxru7uzvWxWLRWywWtNttjDFkWfabX5ox5rec7/u4ruupf8v7X48sq7LWoqMootVq8f7+DkAYhpRKJVzXBUBEGI/HBEGAUgqAJEkIggARIUkSoihCFwoF6vU6YRjiui4PDw9sbW1RLpdxXRelFM1mk729PZRShGHI4+Mj+/v7OI5Dr9fj9PQUlWUZIpJfAlBK/WKfY47jYK3FcRwArLVkWYZ+f3/n6uqKNE0BuL6+5q+fP3F1kSX+KH1DRACYTqf0ej0mkwkiwmg0YjKZoD3Po16vY4xBKUWn08H+WUeXy/lD+vRvGo0GSinG4zGtVotGowFAp9Ph5OQEZYxBRFBK5R/8X1jmXdfNaS2pGWM+qF1eXuZ/0e/3eR0Mcb+t5ofLwyHn5+cAzGYzut0u4/EYay2DweCj44eHhzIajSQMQ5lOp9JsNmU4HEqSJJJlmVhr5ezsLN+/vLzIxcWFLHF/fy+7u7uiP1NbduVzxxzHQWtNoVDIKX5GTi2KIm5ublhdXcVxHFqtFnEc4/t+Lsh2u02hUEBEch0tu9jtdplOp2itNZubm7ly4zhme3s7Vy7A29sbOzs7ucpFhFqtlutPa40G8H2fSqWCUgrf9wmCgCAI8vI9z6NSqeQV+r7P+vo6AGtrax8SieM4fn199dI0RUR4fn6mVCrh+37Ov9/vc3t7i7U215HneRhjeHp6Yj6fx06tVvu+sbFxrLX2rLUfA6g1QD7xURSxsrKCMYY0TYnjON/P5/N4MBj8+AdiTjzbDGgLbwAAAABJRU5ErkJggg==) no-repeat 0 0;
- }
-/* IE 6 & 7 button hover states */
-.oldie-mhtml .date-picker-button-active:link,
-.oldie-mhtml .date-picker-button-active:visited,
-.oldie-mhtml .date-picker-control:focus,
-.oldie-mhtml .date-picker-control:hover,
-.oldie-mhtml .date-picker-control:active
- {
- /* IE7 gets an mhtml background image */
- *background-image:url('mhtml:http://www.frequency-decoder.com/demo/datePicker/css/datepicker.css!calhover');
- /* IE6 gets the filter treatment */
- _background-image:none;
- _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='mhtml:http://www.frequency-decoder.com/demo/datePicker/css/datepicker.css!calhover');
- }
-/* Disabled button */
+.date-picker-control:active
+ {
+ background-position:0 0;
+ }
+/*
+ IE 6 activation button hover states
+*/
+.oldie .date-picker-button-active:link,
+.oldie .date-picker-button-active:visited,
+.oldie .date-picker-control:focus,
+.oldie .date-picker-control:hover,
+.oldie .date-picker-control:active
+ {
+ _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='http://www.frequency-decoder.com/demo/datePicker/media/datepicker-focused.png');
+ }
+/*
+ Disabled activation button
+*/
.date-picker-control-disabled:link,
.date-picker-control-disabled:visited,
.date-picker-control-disabled:hover,
.date-picker-control-disabled:active
- {
- background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAQAAAD8x0bcAAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfbCgkQARp7ynosAAABbUlEQVR42n3PvWpUURSG4efss5MwOQzqjCDWWojYCGmDYmG8ExurXECQ3I0geAEitoJ/EGSSIolpohJxJjPJCWHOz7bwJFrJx1p8Lyx4WdnT9Zubi0WStNI/uaCqPN3Inp8+K85VKnW35+qOapXGxzIuFue2NerLqdWaS+rLi5BU/zmpVVpxZmSCqWU5krGBgLmBZG4mLlg1ldty21W54LWHgqk9j2T2vRJqSS4gdPnTMq0MrVqceKvCgSM9sCPhxL5jyQ/HYmFVI/jkjmuCTOaxYGxkDTteio0kyDtJLkOQd41WI068EbDvu2XwRcKpXWOtQxOx8EBP8M49Q0Gw5Ingl8/WsOXFhS7Iut8y0QICf3Uz7/VkRkp9JNsWJFN7EnadiNEtA0HproGEn+5LxpIVSS6K9A0FfQMDUBgi6buOK4hleVRUkm+W9bUaBz5ojY0UGl+dldnK+o3NWLRmIhqNmSWNSmlJ46w83PgNPOa2u/8HF2sAAAAASUVORK5CYII=) no-repeat 0 0 !important;
- opacity:0.8;
- cursor:default;
- }
-/* IE8 disabled button */
+ {
+ background-position:0 -36px;
+ cursor:default;
+ }
+/*
+ IE 6 disabled activation button
+*/
.oldie .date-picker-control-disabled:link,
.oldie .date-picker-control-disabled:visited,
.oldie .date-picker-control-disabled:hover,
.oldie .date-picker-control-disabled:active
- {
- /* IE8: Can't do opacity + png images so we feed it an image that has had its opacity reduced to 80% in photoshop */
- background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkJCNTBGOTRDRjMxMDExRTA4NkFBOENCQjdFQzQ4MDhDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkJCNTBGOTRERjMxMDExRTA4NkFBOENCQjdFQzQ4MDhDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkI1MEY5NEFGMzEwMTFFMDg2QUE4Q0JCN0VDNDgwOEMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkI1MEY5NEJGMzEwMTFFMDg2QUE4Q0JCN0VDNDgwOEMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7IrSJ7AAACT0lEQVR42pxTy2qyQQyNdqx8iqhVKK7rQsSN4FYUF9Z36APowgfqKwiCDyDFreANRNSFt41aLN6veO13wj+DdfkHhkkymZOcTMaQTCY/PB5P6vn5WbvdboR1vV5J6o/r8ex0Ou03m82nAEg6ndYOhwOcvM7n8x/9eDwq3+N+uVy0SqWSEqgEIK1WC04OeNzlgv14ZrPZ6OnpSTP+K++/QGRVoCtWqxU1m02az+cEWS6XZLFYkIVtJJrNZvTy8kJGo5F9oAobZ9CBIUwmE4XDYQbA5Xq9Tl6vlxwOB9u4nM/nKRqNso64brdLsViMDAYD9Xo9yuVyZER5QJaXINjv170Pl0EFOwQ6MAQoFQoF5goZDAY0mUxI0zSS0m63ORlkvV5zFYvFgn3f39+sC6vVytTQQGSsVqvk8/nI6XSqCrDi8Tjb6Bd6+v7+rpJks1kSAAAygmSDJQ3YkoK0732SGjCY2tfXl+oFyh6Px/xyUhqNhqKmTzF1Oh2uDCDD4ZBfnKlFIhHuCcCKxSIFAgFyuVyqMrPZTIlEgvXpdEq1Wk1RwytnMpm/1GRP7l8MthCCMCaS4r0oahimUqnEFeESGrndbnn05UDi+wAIupwjSRU08ZIC2d7e3tTkAsTv96vJhfz8/FAwGFRTjj0UCqn5A4ZAILLLnkAHCJYU9BHnskLEuN1utu12O+9Cr2CvD6CGgUTQaDTiF0Ow5I8hLZfLbMs5AjjO+v0+7Xa7vUEv8eP19TWll6chkD+g4ELVj4cPLwcdCUFf2gDRR+DzV4ABAHc3D51Joq6vAAAAAElFTkSuQmCC) no-repeat 0 0 !important;
- opacity:1;
- }
-/* IE 6 & 7 disabled button */
-.oldie-mhtml .date-picker-control-disabled:link,
-.oldie-mhtml .date-picker-control-disabled:visited,
-.oldie-mhtml .date-picker-control-disabled:hover,
-.oldie-mhtml .date-picker-control-disabled:active
- {
- /* IE7: MHTML semi-opaque png image */
- *background-image:url('mhtml:http://www.frequency-decoder.com/demo/datePicker/css/datepicker.css!calopaque') !important;
- /* IE6: Filter treatment */
- _background-image:none;
- _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='mhtml:http://www.frequency-decoder.com/demo/datePicker/css/datepicker.css!calopaque');
- }
+ {
+ _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='http://www.frequency-decoder.com/demo/datePicker/media/datepicker-disabled.png');
+ }
.date-picker-control-disabled:hover span,
.date-picker-control-disabled:active span
- {
- box-shadow:none !important;
- }
-/* Feed IE6 the following rule, IE7 should handle the min-width declared above */
-.oldie-mhtml .date-picker-control
- {
- _width:18px;
- }
-/* IE, Safari & Opera. Seperate CSS rule seems to be required. */
+ {
+ -webkit-box-shadow:none !important;
+ -moz-box-shadow:none !important;
+ box-shadow:none !important;
+ }
+/*
+ Feed IE6 the following rule, IE7 should handle the min-width declared
+ previously.
+ */
+.oldie .date-picker-control
+ {
+ _width:18px;
+ }
+/*
+ IE, older Safari & Opera. Seperate CSS rule seems to be required.
+*/
.date-picker-control
- {
- display:inline-block;
- }
-/* Default datepicker "button" styles */
+ {
+ display:inline-block;
+ }
+/*
+ Default datepicker "button" styles
+*/
.date-picker th span
- {
- display:block;
- padding:0;
- margin:0;
- text-align:center;
- line-height:1em;
- border:0 none;
- background:transparent;
- font-weight:bold;
- cursor:pointer;
- }
-/* The "month, year" display */
+ {
+ display:block;
+ padding:0;
+ margin:0;
+ text-align:center;
+ line-height:1em;
+ border:0 none;
+ background:transparent;
+ font-weight:bold;
+ cursor:pointer;
+ }
+/*
+ The "month, year" display
+*/
.date-picker .month-display,
.date-picker .year-display
- {
- display:inline;
- text-transform:uppercase;
- letter-spacing:1px;
- font:normal 1.2em Verdana, Sans-Serif;
- }
-/* Generic button class for Next & Previous (both month & year) buttons */
+ {
+ display:inline;
+ text-transform:uppercase;
+ letter-spacing:1px;
+ font:normal 1.2em Verdana, Sans-Serif;
+ }
+/*
+ Generic button class for Next & Previous (both month & year) buttons
+*/
.date-picker .prev-but,
.date-picker .next-but
- {
- font-weight:normal;
- font-size:2.4em;
- font-family: georgia, times new roman, palatino, times, bookman, serif;
- cursor:pointer;
- }
+ {
+ font-weight:normal;
+ font-size:2.4em;
+ font-family: georgia, times new roman, palatino, times, bookman, serif;
+ cursor:pointer;
+ }
.date-picker .prev-but,
.date-picker .next-but,
.date-picker .today-but
- {
- -webkit-transition:all .2s ease-in-out;
- -moz-transition:all .2s ease-in-out;
- -o-transition:all .2s ease-in-out;
- transition:all .2s ease-in-out;
- }
-/* Hover effect for Next & Previous (month, year) buttons */
+ {
+ -webkit-transition:all .2s ease-in-out;
+ -moz-transition:all .2s ease-in-out;
+ -ms-transition:all .2s ease-in-out;
+ -o-transition:all .2s ease-in-out;
+ transition:all .2s ease-in-out;
+ }
+/*
+ Hover effect for Next & Previous (month, year) buttons
+*/
.date-picker .prev-but:hover,
.date-picker .next-but:hover,
.date-picker .today-but:hover
- {
- color:#a84444;
- }
+ {
+ color:#a84444;
+ }
.date-picker .prev-but:hover,
.date-picker .next-but:hover
- {
- /*
- Uncomment this if you want a scale effect...
-
- -webkit-transform:scale(1.6);
- -moz-transform:scale(1.6);
- -ie-transform:scale(1.6);
- -o-transform:scale(1.6);
- transform:scale(1.6);
-
- text-shadow:0 2px 1px rgba(0,0,0,.4);
- */
- }
-/* Today button */
+ {
+ /*
+ Uncomment this if you want a scale effect...
+
+ -webkit-transform:scale(1.6);
+ -moz-transform:scale(1.6);
+ -ms-transform:scale(1.6);
+ -o-transform:scale(1.6);
+ transform:scale(1.6);
+
+ text-shadow:0 2px 1px rgba(0,0,0,.4);
+ */
+ }
+/*
+ Today button
+*/
.date-picker .today-but
- {
- text-align:center;
- margin:0 auto;
- font:normal 1em Verdana, Sans-Serif;
- width:100%;
- text-decoration:none;
- padding-top:0.3em;
- text-transform:uppercase;
- vertical-align:middle;
- cursor:pointer
- }
-/* Disabled buttons */
+ {
+ text-align:center;
+ margin:0 auto;
+ font:normal 1em Verdana, Sans-Serif;
+ width:100%;
+ text-decoration:none;
+ padding-top:0.3em;
+ text-transform:uppercase;
+ vertical-align:middle;
+ cursor:pointer
+ }
+/*
+ Disabled buttons
+*/
.date-picker-disabled .prev-but,
.date-picker-disabled .next-but,
.date-picker-disabled .today-but,
@@ -331,22 +340,28 @@ R0lGODlhKwEoAJEAAKnT6v////X6+gAAACH5BAAAAAAALAAAAAArASgAAALXjI+py+0Po5y02ouz3lz4
.date-picker .next-but.fd-disabled:hover,
.date-picker .fd-disabled,
.date-picker .fd-disabled:hover
- {
- color:#aaa;
- cursor:default !important;
- opacity:1;
- }
+ {
+ color:#aaa;
+ cursor:default !important;
+ opacity:1;
+ }
.date-picker .prev-but.fd-disabled:hover,
.date-picker .next-but.fd-disabled:hover
- {
- -webkit-transform:scale(1);
- -moz-transform:scale(1);
- -ie-transform:scale(1);
- -o-transform:scale(1);
- transform:scale(1);
- text-shadow:0 -1px 1px rgba(255,255,255,.8);
- }
-/* The gradient background image */
+ {
+ /*
+ Uncomment this if you have uncommented the "scale" rules above
+
+ -webkit-transform:scale(1);
+ -moz-transform:scale(1);
+ -ms-transform:scale(1);
+ -o-transform:scale(1);
+ transform:scale(1);
+ */
+ text-shadow:0 -1px 1px rgba(255,255,255,.8);
+ }
+/*
+ The gradient background image
+*/
.date-picker table,
.date-picker td,
.date-picker tbody th,
@@ -354,321 +369,398 @@ R0lGODlhKwEoAJEAAKnT6v////X6+gAAACH5BAAAAAAALAAAAAArASgAAALXjI+py+0Po5y02ouz3lz4
.date-picker .date-picker-hover.day-disabled,
.date-picker .date-picker-unused,
.date-picker .month-out
- {
- background-color:#fff;
- background-image:url(data:image/gif;base64,R0lGODlhJgBbAMQAAAAAAP////7+/v39/fz8/Pv7+/r6+vn5+fj4+Pf39/b29vX19fT09PPz8/Ly8vHx8fDw8O/v7+7u7u3t7ezs7Ovr6+rq6unp6ejo6Ofn5+bm5uXl5f///wAAAAAAAAAAACH5BAEAABwALAAAAAAmAFsAAAX/4CaOZGmeaKqubOu+cCzPWm3feK7vfO//wCAvQywaj8ikcslsOp/QJWZKrVqv2Kx2y+16v9qLeEwum8/otHqttrjf8Lh8Tq/b7/aKfs/v+/+AgYKDhIWGgRSJiouMjY6PkJGSkROVlpeYmZqbnJ2enRKhoqOkpaanqKmqqRGtrq+wsbKztLW2tRC5uru8vb6/wMHCwQ/FxsfIycrLzM3OzQ7R0tPU1dbX0Q3a29zd3t/g4eLj4gzm5+jp6uvs7e7v7gvy8/T19vf4+fr7+gr+/wADChxIsKDBgwYTKFzIsKHDhxAjSpwoEYHFixgzatzIsaPHjx4PiBxJsqTJkyhTi6pcybKly5QGYsqcSbOmzZs4c+rMWaCnz59AgwodSrSo0aIEkipdyrSp06dQo0qdSrUq1AFYs2rdyrWr169gw4odS/argLNo06pdy7at27dw48qd6zaA3bt48+rdy7ev37+AAwseTLiw4cOIEytezLix48eQI0ueTLmy5cuYM2vezLmz58+gQ4tOHAIAOw==);
- background-repeat:repeat-x;
- background-position:0 0;
- }
-/* IE 6 & 7 get an MHTML encoded image (a gif so no AlphaImageLoader needed) */
-.oldie-mhtml .date-picker table,
-.oldie-mhtml .date-picker td,
-.oldie-mhtml .date-picker tbody th,
-.oldie-mhtml .date-picker .day-disabled,
-.oldie-mhtml .date-picker .date-picker-hover.day-disabled,
-.oldie-mhtml .date-picker .date-picker-unused,
-.oldie-mhtml .date-picker .month-out
- {
- background-image:url(mhtml:http://www.frequency-decoder.com/demo/datePicker/css/datepicker.css!greygradient);
- }
+ {
+ background-color:#fff;
+ background-image:url(data:image/gif;base64,R0lGODlhJgBbAMQAAAAAAP////7+/v39/fz8/Pv7+/r6+vn5+fj4+Pf39/b29vX19fT09PPz8/Ly8vHx8fDw8O/v7+7u7u3t7ezs7Ovr6+rq6unp6ejo6Ofn5+bm5uXl5f///wAAAAAAAAAAACH5BAEAABwALAAAAAAmAFsAAAX/4CaOZGmeaKqubOu+cCzPWm3feK7vfO//wCAvQywaj8ikcslsOp/QJWZKrVqv2Kx2y+16v9qLeEwum8/otHqttrjf8Lh8Tq/b7/aKfs/v+/+AgYKDhIWGgRSJiouMjY6PkJGSkROVlpeYmZqbnJ2enRKhoqOkpaanqKmqqRGtrq+wsbKztLW2tRC5uru8vb6/wMHCwQ/FxsfIycrLzM3OzQ7R0tPU1dbX0Q3a29zd3t/g4eLj4gzm5+jp6uvs7e7v7gvy8/T19vf4+fr7+gr+/wADChxIsKDBgwYTKFzIsKHDhxAjSpwoEYHFixgzatzIsaPHjx4PiBxJsqTJkyhTi6pcybKly5QGYsqcSbOmzZs4c+rMWaCnz59AgwodSrSo0aIEkipdyrSp06dQo0qdSrUq1AFYs2rdyrWr169gw4odS/argLNo06pdy7at27dw48qd6zaA3bt48+rdy7ev37+AAwseTLiw4cOIEytezLix48eQI0ueTLmy5cuYM2vezLmz58+gQ4tOHAIAOw==);
+ background-repeat:repeat-x;
+ background-position:0 0;
+ }
+.oldie .date-picker table,
+.oldie .date-picker td,
+.oldie .date-picker tbody th,
+.oldie .date-picker .day-disabled,
+.oldie .date-picker .date-picker-hover.day-disabled,
+.oldie .date-picker .date-picker-unused,
+.oldie .date-picker .month-out
+ {
+ *background-image:url(../media/datepicker-gradient.gif);
+ /*
+ Remove from IE6 as it has a bug that never caches images on dynamically
+ created elements which results in one http request being made for each
+ cell of each table rendered by the script.
+ */
+ _background-image:none;
+ }
.date-picker table
- {
- position:relative;
- margin:0;
- padding:0;
- border:1px solid #ccc;
- background-position:0 -20px;
- text-align:center;
- border-spacing:2px;
- padding:0.3em;
- width:auto;
- empty-cells:show;
- z-index:2;
- -webkit-border-radius:0.8em;
- -moz-border-radius:0.8em;
- border-radius:0.8em;
- -webkit-box-shadow:0px 0px 5px #aaa;
- -moz-box-shadow:0px 0px 5px #aaa;
- box-shadow:0px 0px 5px #aaa;
- }
-/* Common TD & TH styling */
+ {
+ position:relative;
+ margin:0;
+ padding:0;
+ border:1px solid #ccc;
+ background-position:0 -20px;
+ text-align:center;
+ border-spacing:2px;
+ padding:0.3em;
+ width:auto;
+ empty-cells:show;
+ z-index:2;
+ -webkit-border-radius:0.8em;
+ -moz-border-radius:0.8em;
+ border-radius:0.8em;
+ -webkit-box-shadow:0px 0px 5px #aaa;
+ -moz-box-shadow:0px 0px 5px #aaa;
+ box-shadow:0px 0px 5px #aaa;
+ }
+/*
+ Common TD & TH styling
+*/
.date-picker td,
.date-picker tbody th
- {
- border:0 none;
- padding:0;
- text-align:center;
- vertical-align:middle;
- cursor:pointer;
- background-position:0 -35px;
- width:3em;
- height:3em;
- overflow:hidden;
- outline:transparent none 0px;
- border:1px solid #ccc;
- text-transform:none;
- text-shadow:0 1px #fff;
- -webkit-border-radius:2px;
- -moz-border-radius:2px;
- border-radius:2px;
- }
+ {
+ border:0 none;
+ padding:0;
+ text-align:center;
+ vertical-align:middle;
+ cursor:pointer;
+ background-position:0 -35px;
+ width:3em;
+ height:3em;
+ overflow:hidden;
+ outline:transparent none 0px;
+ border:1px solid #ccc;
+ text-transform:none;
+ font-weight:normal;
+ text-shadow:0 1px #fff;
+ -webkit-border-radius:2px;
+ -moz-border-radius:2px;
+ border-radius:2px;
+ }
.date-picker th
- {
- border:0 none;
- padding:0;
- font-weight:bold;
- color:#333;
- text-align:center;
- vertical-align:middle;
- text-transform:none;
- }
+ {
+ border:0 none;
+ padding:0;
+ font-weight:bold;
+ color:#333;
+ text-align:center;
+ vertical-align:middle;
+ text-transform:none;
+ }
.date-picker .date-picker-week-header
- {
- border:1px solid #dcdcdc;
- font-style:oblique;
- background:transparent;
- cursor:default;
- }
+ {
+ border:1px solid #dcdcdc;
+ font-style:oblique;
+ background:transparent;
+ cursor:default;
+ }
.date-picker .date-picker-thead .date-picker-week-header
- {
- border:0 none;
- cursor:help;
- }
-/* The "mon tue wed etc" day header styles */
+ {
+ border:0 none;
+ cursor:help;
+ }
+/*
+ The "mon tue wed etc" day header styles
+*/
.date-picker .date-picker-day-header
- {
- cursor:help;
- border:0 none;
- padding:0 0 0.2em 0;
- text-transform:lowercase;
- height:auto;
- }
-/* tfoot status bar */
+ {
+ cursor:help;
+ border:0 none;
+ padding:0 0 0.2em 0;
+ text-transform:lowercase;
+ height:auto;
+ }
+/*
+ tfoot status bar
+*/
.date-picker .date-picker-statusbar
- {
- cursor:default;
- font-weight:normal;
- text-transform:uppercase;
- letter-spacing:0.1em;
- border:0 none;
- background:#fff;
- height:2.8em;
- }
-/* TD cell that is _not_ used to display a day of the month */
+ {
+ cursor:default;
+ font-weight:normal;
+ text-transform:uppercase;
+ letter-spacing:0.1em;
+ border:0 none;
+ background:#fff;
+ height:2.8em;
+ }
+/*
+ TD cell that is _not_ used to display a day of the month
+*/
.date-picker .date-picker-unused
- {
- border-color:#dcdcdc;
- cursor:default !important;
- background-position:0 -25px;
- }
-/* The TH cell used to display the "month, year" title */
+ {
+ border-color:#dcdcdc;
+ cursor:default !important;
+ background-position:0 -25px;
+ }
+/*
+ The TH cell used to display the "month, year" title
+*/
.date-picker .date-picker-title
- {
- width:auto;
- height:auto;
- padding:0.4em 0;
- }
-/* The "todays date" cell style */
+ {
+ width:auto;
+ height:auto;
+ padding:0.4em 0;
+ }
+/*
+ The "todays date" cell style
+*/
.date-picker .date-picker-today
- {
- background:#fff url(data:image/gif;base64,R0lGODlhKwEoAJEAAKnT6v////X6+gAAACH5BAAAAAAALAAAAAArASgAAALXjI+py+0Po5y02ouz3lz4D4biSJbmiabqyrbuC8fyLAcCgOf0zvf+DwwKhyJbDkdMKpfMpnNo1D2n1Kr1GowCsNyu99uNgsfksnlnPKvX7LbA5o7L51Q4/Y7P8+z6vv9fwgc4SJgnWIiYuHao2OgY9hgpecU4aXkJVIm5yQmj2QkaavIpWmpKapraiaraasnqGusIK1tbSGub64er23vH6xvsBixcfEZsnAyGrNyMxewcPQUtXb1EbZ0thK3d3cPtHV4jTl5Xft4Ejr4eyO6e9R7/LU8/UwAAOw==) no-repeat 0 0;
- }
-.oldie-mhtml .date-picker .date-picker-today
- {
- background:#fff url(mhtml:http://www.frequency-decoder.com/demo/datePicker/css/datepicker.css!today) no-repeat 0 0;
- }
+ {
+ background:#fff url(data:image/gif;base64,R0lGODlhKwEoAJEAAKnT6v////X6+gAAACH5BAAAAAAALAAAAAArASgAAALXjI+py+0Po5y02ouz3lz4D4biSJbmiabqyrbuC8fyLAcCgOf0zvf+DwwKhyJbDkdMKpfMpnNo1D2n1Kr1GowCsNyu99uNgsfksnlnPKvX7LbA5o7L51Q4/Y7P8+z6vv9fwgc4SJgnWIiYuHao2OgY9hgpecU4aXkJVIm5yQmj2QkaavIpWmpKapraiaraasnqGusIK1tbSGub64er23vH6xvsBixcfEZsnAyGrNyMxewcPQUtXb1EbZ0thK3d3cPtHV4jTl5Xft4Ejr4eyO6e9R7/LU8/UwAAOw==) no-repeat 0 0;
+ }
+.oldie .date-picker .date-picker-today
+ {
+ *background:#fff url(../media/datepicker-today.gif) no-repeat 0 0;
+ }
.date-picker .month-out.date-picker-highlight
- {
- color:#b87676;
- }
-/* The "highlight days" style */
+ {
+ color:#b87676;
+ }
+/*
+ The "highlight days" style
+*/
.date-picker .date-picker-highlight
- {
- color:#a86666;
- }
-/* The "active cursor" style */
+ {
+ color:#a86666;
+ }
+/*
+ The "active cursor" style
+*/
+.date-picker td
+ {
+ /*
+
+ Uncomment this if you want a transition on the cursor cells scale effect
+
+ -webkit-transition: all .2s ease;
+ -moz-transition: all .2s ease;
+ -ms-transition: all .2s ease;
+ -o-transition: all .2s ease;
+ transition: all .2s ease;
+ */
+ }
+/*
+ Keyboard users get a scaled cursor
+*/
+.date-picker-focus .date-picker-hover
+ {
+ z-index:9999;
+ -webkit-transform:scale(1.25);
+ -moz-transform:scale(1.25);
+ -ms-transform:scale(1.25);
+ -o-transform:scale(1.25);
+ transform:scale(1.25);
+ }
+
.date-picker .date-picker-hover,
.date-picker .month-out.date-picker-hover
- {
- background:#fff url(data:image/jpg;base64,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) no-repeat 0 0;
- cursor:pointer;
- border-color:rgb(100,130,170) !important;
- border-color:rgba(100,130,170,.7) !important;
- color:rgb(100,130,170);
- text-shadow: 0px 1px 1px #fff;
- -webkit-box-shadow:0 0 6px rgba(100,130,170,.6);
- -moz-box-shadow:0 0 6px rgba(100,130,170,.6);
- box-shadow:0 0 6px rgba(100,130,170,.6);
- }
-.oldie-mhtml .date-picker .date-picker-hover,
-.oldie-mhtml .date-picker .month-out.date-picker-hover
- {
- background-image:url('mhtml:http://www.frequency-decoder.com/demo/datePicker/css/datepicker.css!cursor');
- background-position:0 0;
- }
-/* The "disabled days" style */
+ {
+ background:#fff url(data:image/jpg;base64,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) no-repeat 0 0;
+ cursor:pointer;
+ border-color:rgb(100,130,170) !important;
+ border-color:rgba(100,130,170,.7) !important;
+ color:rgb(100,130,170);
+ text-shadow: 0px 1px 1px #fff;
+ -webkit-box-shadow:0 0 6px rgba(100,130,170,.6);
+ -moz-box-shadow:0 0 6px rgba(100,130,170,.6);
+ box-shadow:0 0 6px rgba(100,130,170,.6);
+ }
+.oldie .date-picker .date-picker-hover,
+.oldie .date-picker .month-out.date-picker-hover
+ {
+ *background:#fff url(../media/datepicker-cursor.jpg) no-repeat 0 0;
+ *background-position:0 0;
+ }
+/*
+ The "disabled days" style
+*/
.date-picker .day-disabled
- {
- color:#888;
- cursor:default;
- text-decoration:line-through;
- background-position:0 -15px;
- }
+ {
+ color:#888;
+ cursor:default;
+ text-decoration:line-through;
+ background-position:0 -15px;
+ }
.date-picker .month-out
- {
- border-color:#ddd;
- border-color:rgba(220,220,220,0.8);
- color:#aaa;
- background-position:0 -25px;
- }
-/* The "selected date" style - color changed below also */
+ {
+ border-color:#ddd;
+ border-color:rgba(220,220,220,0.8);
+ color:#aaa;
+ background-position:0 -25px;
+ }
+/*
+ The "selected date" style - color changed below also
+*/
.date-picker .date-picker-selected-date
- {
- border-color:#888 !important;
- border-color:rgba(7,7,7,.6) !important;
- }
-/* The date "out of range" style */
+ {
+ border-color:#888 !important;
+ border-color:rgba(7,7,7,.6) !important;
+ }
+/*
+ The date "out of range" style
+*/
.date-picker .out-of-range,
.date-picker .not-selectable
- {
- color:#ccc;
- font-style:oblique;
- background:#fcfcfc;
- cursor:default;
- }
-/* Week number "out of range" && "month-out" styles */
+ {
+ color:#ccc;
+ font-style:oblique;
+ background:#fcfcfc;
+ cursor:default;
+ }
+/*
+ Week number "out of range" && "month-out" styles
+*/
.date-picker th.month-out,
.date-picker th.out-of-range
- {
- color:#aaa;
- font-style:oblique;
- background:#fcfcfc;
- }
-/* Week numbers "out of range" */
+ {
+ color:#aaa;
+ font-style:oblique;
+ background:#fcfcfc;
+ }
+/*
+ Week numbers "out of range"
+*/
.date-picker .out-of-range
- {
- opacity:0.6;
- }
-/* Used when the entire grid is full but the next/prev months dates cannot be selected */
+ {
+ opacity:0.6;
+ }
+/*
+ Used when the entire grid is full but the next/prev months dates cannot be
+ selected
+*/
.date-picker .not-selectable
- {
- opacity:0.8;
- }
-/* IE gets the filter treatment */
-.oldie-mhtml .date-picker .out-of-range
- {
- filter:alpha(opacity=60);
- }
-.oldie-mhtml .date-picker .not-selectable
- {
- filter:alpha(opacity=80);
- }
+ {
+ opacity:0.8;
+ }
+.oldie .date-picker .out-of-range
+ {
+ filter:alpha(opacity=60);
+ }
+.oldie .date-picker .not-selectable
+ {
+ filter:alpha(opacity=80);
+ }
.date-picker tr
- {
- display:table-row;
- }
+ {
+ display:table-row;
+ }
.date-picker sup
- {
- font-size:0.86em;
- letter-spacing:normal;
- text-transform:none;
- height: 0;
+ {
+ font-size:0.86em;
+ letter-spacing:normal;
+ text-transform:none;
+ height: 0;
line-height: 1;
position: relative;
top:-0.2em;
vertical-align: baseline !important;
vertical-align: top;
- }
+ }
.date-picker .date-picker-day-header,
.date-picker .month-display,
.date-picker .year-display
- {
- text-shadow: 0px 1px 1px #fff;
- }
+ {
+ text-shadow: 0px 1px 1px #fff;
+ }
.date-picker .month-display,
.date-picker .year-display
- {
- cursor:default;
- }
+ {
+ cursor:default;
+ }
.date-picker td:focus,
.date-picker .date-picker-hover
- {
- overflow:hidden;
- outline:0px solid #ff0000;
- -moz-outline: 0 none;
+ {
+ overflow:hidden;
+ -moz-outline:0 none;
+ outline:0 none;
-o-highlight:0 none;
- }
+ }
+/*
+ The "pulse" animation on focused button and datepicker cursor
+*/
.date-picker-focus .date-picker-hover,
.date-picker-control:focus span
- {
- -moz-animation:pulse 2s infinite;
- -webkit-animation:pulse 2s infinite;
- -ms-animation:pulse 2s infinite;
- }
-/* The "selected date" style */
+ {
+ -webkit-animation:fd-dp-pulse 2s infinite;
+ -moz-animation:fd-dp-pulse 2s infinite;
+ -ms-animation:fd-dp-pulse 2s infinite;
+ -o-animation:fd-dp-pulse 2s infinite;
+ }
+/*
+ The "selected date" style
+*/
.date-picker .date-picker-selected-date
- {
- color:#333;
- color:rgba(3,3,3,.8);
- }
+ {
+ color:#333;
+ color:rgba(3,3,3,.8);
+ }
+/*
+ Remove the box-shadow for the inline datepickers
+*/
.static-datepicker table
- {
- -webkit-box-shadow:0 0 0 transparent;
- -moz-box-shadow:0 0 0 transparent;
- box-shadow:0 0 0 transparent;
- }
+ {
+ -webkit-box-shadow:0 0 0 transparent;
+ -moz-box-shadow:0 0 0 transparent;
+ box-shadow:0 0 0 transparent;
+ }
.date-picker-focus table
- {
- /* Naughty, naughty - but we add a highlight & box shadow to make up for it */
- outline:none;
- border-color:#999;
- border-color:rgba(153,153,153,.8);
- -webkit-box-shadow:0px 0px 5px #aaa;
- -moz-box-shadow:0px 0px 5px #aaa;
- box-shadow:0px 0px 5px #aaa;
- }
-/* Draggable datepickers */
+ {
+ /*
+ Naughty, naughty - but we add a highlight & box shadow to make up for it
+ */
+ outline:none;
+ border-color:#999;
+ border-color:rgba(153,153,153,.8);
+ -webkit-box-shadow:0px 0px 5px #aaa;
+ -moz-box-shadow:0px 0px 5px #aaa;
+ box-shadow:0px 0px 5px #aaa;
+ }
+/*
+ Draggable datepickers
+*/
.date-picker .drag-enabled,
.date-picker .drag-enabled span
- {
- cursor:move;
- }
-/* Disabled datePicker */
+ {
+ cursor:move;
+ }
+/*
+ Disabled datePicker
+*/
.date-picker-disabled table
- {
- opacity:.8 !important;
- }
+ {
+ opacity:.8 !important;
+ }
.oldie .date-picker-disabled table
- {
- filter:alpha(opacity=80);
- }
+ {
+ filter:alpha(opacity=80);
+ }
.date-picker-disabled,
.date-picker-disabled td,
.date-picker-disabled th,
.date-picker-disabled th span
- {
- cursor:default !important;
- }
+ {
+ cursor:default !important;
+ }
.date-picker-disabled .prev-but:hover,
.date-picker-disabled .next-but:hover
- {
- -webkit-transform:scale(1);
- -moz-transform:scale(1);
- -ie-transform:scale(1);
- -o-transform:scale(1);
- transform:scale(1);
- text-shadow:none;
- }
+ {
+ -webkit-transform:scale(1);
+ -moz-transform:scale(1);
+ -ms-transform:scale(1);
+ -o-transform:scale(1);
+ transform:scale(1);
+ text-shadow:none;
+ }
body.fd-drag-active
- {
- -webkit-user-select:none;
- -moz-user-select:none;
- -khtml-user-select:none;
- -webkit-touch-callout:none;
- user-select:none;
- }
-/* Glow effect for the focused (keyboard active) cursor cell */
-@-webkit-keyframes pulse {
+ {
+ -webkit-touch-callout:none;
+ -webkit-user-select:none;
+ -moz-user-select:none;
+ user-select:none;
+ }
+/*
+ Glow effect for the focused (keyboard active) cursor cell and popup
+ datepickers activation button
+*/
+@-webkit-keyframes fd-dp-pulse {
0% {
box-shadow:0 0 4px rgba(100, 130, 170, 0.5);
}
@@ -688,7 +780,7 @@ body.fd-drag-active
box-shadow:0 0 4px rgba(70, 130, 170, 0.6);
}
}
-@-moz-keyframes pulse {
+@-moz-keyframes fd-dp-pulse {
0% {
box-shadow:0 0 4px rgba(100, 130, 170, 0.5);
}
@@ -708,7 +800,7 @@ body.fd-drag-active
box-shadow:0 0 4px rgba(70, 130, 170, 0.6);
}
}
-@-ms-keyframes pulse {
+@-ms-keyframes fd-dp-pulse {
0% {
box-shadow:0 0 4px rgba(100, 130, 170, 0.5);
}
@@ -728,4 +820,24 @@ body.fd-drag-active
box-shadow:0 0 4px rgba(70, 130, 170, 0.6);
}
}
+@-o-keyframes fd-dp-pulse {
+0% {
+ box-shadow:0 0 3px rgba(100, 130, 170, 0.55);
+ }
+20% {
+ box-shadow:0 0 4px rgba(70, 130, 170, 0.6);
+ }
+40% {
+ box-shadow:0 0 5px rgba(40, 130, 170, 0.65);
+ }
+60% {
+ box-shadow:0 0 6px rgba(10, 130, 170, 0.7);
+ }
+80% {
+ box-shadow:0 0 5px rgba(40, 130, 170, 0.65);
+ }
+100% {
+ box-shadow:0 0 4px rgba(70, 130, 170, 0.6);
+ }
+}
View
5 css/datepicker.min.css
@@ -0,0 +1,5 @@
+/*
+ Replace "http://www.frequency-decoder.com/demo/datePicker/media/" with the
+ absolute path to the images on your server and then delete this comment!
+*/
+.fd-hidden-input{display:none}.fd-screen-reader{position:absolute;left:-999em;top:0;width:1px;height:1px;overflow:hidden;-moz-outline:0 none;outline:0 none}.date-picker{position:absolute;z-index:9999;text-align:center;font:900 .8em/1em "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;background:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.static-datepicker{position:relative;top:5px;left:0;margin-bottom:1.5em}.date-picker table{width:auto;height:auto;border-collapse:separate;color:#555}.iehack{position:absolute;background:#fff;z-index:9998;padding:0;margin:0;border:0;display:none}.date-picker-control span{display:block;width:18px;height:18px;overflow:hidden;margin:auto 0}.date-picker-button-active span,.date-picker-control:focus span,.date-picker-control:hover span,.date-picker-control:active span{outline:0;-webkit-box-shadow:0 0 5px rgba(40,130,170,0.7);-moz-box-shadow:0 0 5px rgba(40,130,170,0.7);box-shadow:0 0 5px rgba(40,130,170,0.7);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.date-picker-control:link,.date-picker-control:visited{position:relative;display:-moz-inline-stack;border:0 none;padding:0;margin:0 4px;background-color:transparent;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAB+CAYAAAAp+EF2AAAD8ElEQVRo3u2Zu0scXxTHz8zcXR0H8UnEIpXyQ8TGaJNCFAlqEUyTMlUaWTC/IoR0vxQ2vz8hfZJGIki2URARkkbxhSJq4avI7uqK7x2V9XF/93v83WGzmIezKVLcL1zmvubcc+49w352xurr63tZW1s7EI1GPSkloVxfX5Ou55f8sYuLCz+TybwRMNLf3++dn5+jk8vl5eU39Ww2G/TlX6+urrzZ2dkBAU9gZGVlBZ08If+qC9r5Y6WlpeQ4jmf/714oI9orhCuOj49peXmZDg4OCDo6OqKSkhKswm0stL+/T5WVlWTbNvchVLQxhjpsiEgkQm1tbWwANy8uLlJ9fT2Vl5dzGzePjY1RR0cH1zFvfX2dOjs7ybIs2tjYoOHhYbLhHizrmyBcc0tuH25GKLhCqMOGQEgTExMcKzQ1NUX/vntHjoiS1l8lxbwYdHJywl4cHh5y3/b2NteF53kcGjYQK66urtL1wzYSKjQtMfyRuru7eRz7hT1FG8L8oaEhsmEAljFJb/Bt0uMoOiwdGmxwaOPj48FebG1tUTqRIqfYDSaXp1I0MjLCdZXFtLa2xp7BSCKRuDnxWCwmVZxSnYZU8Ut1QjKVSkl1rFJtolSTZTweD9o7OztydHRUai0sLMiWlhYpckPTp5J7YmgLIQhpokPMVRAakml6eppc1+WbsJG+73Pq64TE4wNDqOs80qeIMHGSAqvV1dUFmQsjjY2NQeZCu7u71NzcHGQ5rq2trUH+wYbARKxeVVXFhlCHERQtpAjGtYeYU11dze2ysrKbFFEe+Ol02kNCYlIymeRnDZN1/DjJmZkZbus8gnGMbW5u0unpqW8pF1/W1NQMKPc8TOQHULCjwROPvqKiIq5jQYSv2zCiUuANGRkZGRl9R5ZiyGcK/2KK3NyQDHmmfn3fgiFjiiHdAhjSVQwZA0O6v4EhXcOQIRiSQSudZjrRAt7dmSHn5uaooaGBKioqAg9Qurq6fsiQ4jaG1GHk8uKdGRJuK/Tjk9NaWloKQvseQ3Jo7e3tvCcwNjk5SU1NTQEvoYA8enp6uL63t0fz8/NBaDjlwcFBMgz5awx5phLQLZAhz8CQzxRDxpR7bkiGPFMp8Nb8RhgZGRn9iCHNe0jDkIYhzXtI8x7SvIc0MjIyuhNDPn/x9NP9qsbeomgxhWHI7MU5HWa/xgWMvOj/mwpgSJqZlb0CnhTKkMKJkmHIkN+y3394T8Xql1QrEomG+5b9+MkjevCgmRxbqJVtev3qn59+y76dIS2HjdgolhOOIUEeXwY+M23chGPxzeZb9p/EkBk/w39iCmFI/9QnMOSnezX3eiMiQmEYEkaSiWT8P0zZxbn5chQoAAAAAElFTkSuQmCC);background-repeat:no-repeat;background-position:0 -72px;min-width:18px;line-height:1;cursor:pointer;visibility:visible;text-decoration:none;vertical-align:text-bottom}.oldie .date-picker-control:link,.oldie .date-picker-control:visited{*background-image:url(http://www.frequency-decoder.com/demo/datePicker/media/datepicker-sprite.png);_background-image:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='http://www.frequency-decoder.com/demo/datePicker/media/datepicker-normal.png')}.date-picker-dateval:link,.date-picker-dateval:visited{background-position:0 -108px}.oldie .date-picker-dateval:link,.oldie .date-picker-dateval:visited{_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='http://www.frequency-decoder.com/demo/datePicker/media/datepicker-selected.png')}.date-picker-button-active:link,.date-picker-button-active:visited,.date-picker-control:focus,.date-picker-control:hover,.date-picker-control:active{background-position:0 0}.oldie .date-picker-button-active:link,.oldie .date-picker-button-active:visited,.oldie .date-picker-control:focus,.oldie .date-picker-control:hover,.oldie .date-picker-control:active{_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='http://www.frequency-decoder.com/demo/datePicker/media/datepicker-focused.png')}.date-picker-control-disabled:link,.date-picker-control-disabled:visited,.date-picker-control-disabled:hover,.date-picker-control-disabled:active{background-position:0 -36px;cursor:default}.oldie .date-picker-control-disabled:link,.oldie .date-picker-control-disabled:visited,.oldie .date-picker-control-disabled:hover,.oldie .date-picker-control-disabled:active{_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='http://www.frequency-decoder.com/demo/datePicker/media/datepicker-disabled.png')}.date-picker-control-disabled:hover span,.date-picker-control-disabled:active span{-webkit-box-shadow:none!important;-moz-box-shadow:none!important;box-shadow:none!important}.oldie .date-picker-control{_width:18px}.date-picker-control{display:inline-block}.date-picker th span{display:block;padding:0;margin:0;text-align:center;line-height:1em;border:0 none;background:transparent;font-weight:bold;cursor:pointer}.date-picker .month-display,.date-picker .year-display{display:inline;text-transform:uppercase;letter-spacing:1px;font:normal 1.2em Verdana,Sans-Serif}.date-picker .prev-but,.date-picker .next-but{font-weight:normal;font-size:2.4em;font-family:georgia,times new roman,palatino,times,bookman,serif;cursor:pointer}.date-picker .prev-but,.date-picker .next-but,.date-picker .today-but{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.date-picker .prev-but:hover,.date-picker .next-but:hover,.date-picker .today-but:hover{color:#a84444}.date-picker .today-but{text-align:center;margin:0 auto;font:normal 1em Verdana,Sans-Serif;width:100%;text-decoration:none;padding-top:.3em;text-transform:uppercase;vertical-align:middle;cursor:pointer}.date-picker-disabled .prev-but,.date-picker-disabled .next-but,.date-picker-disabled .today-but,.date-picker-disabled .prev-but:hover,.date-picker-disabled .next-but:hover,.date-picker-disabled .today-but:hover,.date-picker .prev-but.fd-disabled:hover,.date-picker .next-but.fd-disabled:hover,.date-picker .fd-disabled,.date-picker .fd-disabled:hover{color:#aaa;cursor:default!important;opacity:1}.date-picker .prev-but.fd-disabled:hover,.date-picker .next-but.fd-disabled:hover{text-shadow:0 -1px 1px rgba(255,255,255,.8)}.date-picker table,.date-picker td,.date-picker tbody th,.date-picker .day-disabled,.date-picker .date-picker-hover.day-disabled,.date-picker .date-picker-unused,.date-picker .month-out{background-color:#fff;background-image:url(data:image/gif;base64,R0lGODlhJgBbAMQAAAAAAP////7+/v39/fz8/Pv7+/r6+vn5+fj4+Pf39/b29vX19fT09PPz8/Ly8vHx8fDw8O/v7+7u7u3t7ezs7Ovr6+rq6unp6ejo6Ofn5+bm5uXl5f///wAAAAAAAAAAACH5BAEAABwALAAAAAAmAFsAAAX/4CaOZGmeaKqubOu+cCzPWm3feK7vfO//wCAvQywaj8ikcslsOp/QJWZKrVqv2Kx2y+16v9qLeEwum8/otHqttrjf8Lh8Tq/b7/aKfs/v+/+AgYKDhIWGgRSJiouMjY6PkJGSkROVlpeYmZqbnJ2enRKhoqOkpaanqKmqqRGtrq+wsbKztLW2tRC5uru8vb6/wMHCwQ/FxsfIycrLzM3OzQ7R0tPU1dbX0Q3a29zd3t/g4eLj4gzm5+jp6uvs7e7v7gvy8/T19vf4+fr7+gr+/wADChxIsKDBgwYTKFzIsKHDhxAjSpwoEYHFixgzatzIsaPHjx4PiBxJsqTJkyhTi6pcybKly5QGYsqcSbOmzZs4c+rMWaCnz59AgwodSrSo0aIEkipdyrSp06dQo0qdSrUq1AFYs2rdyrWr169gw4odS/argLNo06pdy7at27dw48qd6zaA3bt48+rdy7ev37+AAwseTLiw4cOIEytezLix48eQI0ueTLmy5cuYM2vezLmz58+gQ4tOHAIAOw==);background-repeat:repeat-x;background-position:0 0}.oldie .date-picker table,.oldie .date-picker td,.oldie .date-picker tbody th,.oldie .date-picker .day-disabled,.oldie .date-picker .date-picker-hover.day-disabled,.oldie .date-picker .date-picker-unused,.oldie .date-picker .month-out{*background-image:url(../media/datepicker-gradient.gif);_background-image:none}.date-picker table{position:relative;margin:0;padding:0;border:1px solid #ccc;background-position:0 -20px;text-align:center;border-spacing:2px;padding:.3em;width:auto;empty-cells:show;z-index:2;-webkit-border-radius:.8em;-moz-border-radius:.8em;border-radius:.8em;-webkit-box-shadow:0 0 5px #aaa;-moz-box-shadow:0 0 5px #aaa;box-shadow:0 0 5px #aaa}.date-picker td,.date-picker tbody th{border:0 none;padding:0;text-align:center;vertical-align:middle;cursor:pointer;background-position:0 -35px;width:3em;height:3em;overflow:hidden;outline:transparent none 0;border:1px solid #ccc;text-transform:none;font-weight:normal;text-shadow:0 1px #fff;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.date-picker th{border:0 none;padding:0;font-weight:bold;color:#333;text-align:center;vertical-align:middle;text-transform:none}.date-picker .date-picker-week-header{border:1px solid #dcdcdc;font-style:oblique;background:transparent;cursor:default}.date-picker .date-picker-thead .date-picker-week-header{border:0 none;cursor:help}.date-picker .date-picker-day-header{cursor:help;border:0 none;padding:0 0 .2em 0;text-transform:lowercase;height:auto}.date-picker .date-picker-statusbar{cursor:default;font-weight:normal;text-transform:uppercase;letter-spacing:.1em;border:0 none;background:#fff;height:2.8em}.date-picker .date-picker-unused{border-color:#dcdcdc;cursor:default!important;background-position:0 -25px}.date-picker .date-picker-title{width:auto;height:auto;padding:.4em 0}.date-picker .date-picker-today{background:#fff url(data:image/gif;base64,R0lGODlhKwEoAJEAAKnT6v////X6+gAAACH5BAAAAAAALAAAAAArASgAAALXjI+py+0Po5y02ouz3lz4D4biSJbmiabqyrbuC8fyLAcCgOf0zvf+DwwKhyJbDkdMKpfMpnNo1D2n1Kr1GowCsNyu99uNgsfksnlnPKvX7LbA5o7L51Q4/Y7P8+z6vv9fwgc4SJgnWIiYuHao2OgY9hgpecU4aXkJVIm5yQmj2QkaavIpWmpKapraiaraasnqGusIK1tbSGub64er23vH6xvsBixcfEZsnAyGrNyMxewcPQUtXb1EbZ0thK3d3cPtHV4jTl5Xft4Ejr4eyO6e9R7/LU8/UwAAOw==) no-repeat 0 0}.oldie .date-picker .date-picker-today{*background:#fff url(../media/datepicker-today.gif) no-repeat 0 0}.date-picker .month-out.date-picker-highlight{color:#b87676}.date-picker .date-picker-highlight{color:#a86666}.date-picker-focus .date-picker-hover{z-index:9999;-webkit-transform:scale(1.25);-moz-transform:scale(1.25);-ms-transform:scale(1.25);-o-transform:scale(1.25);transform:scale(1.25)}.date-picker .date-picker-hover,.date-picker .month-out.date-picker-hover{background:#fff url(data:image/jpg;base64,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) no-repeat 0 0;cursor:pointer;border-color:#6482aa!important;border-color:rgba(100,130,170,.7)!important;color:#6482aa;text-shadow:0 1px 1px #fff;-webkit-box-shadow:0 0 6px rgba(100,130,170,.6);-moz-box-shadow:0 0 6px rgba(100,130,170,.6);box-shadow:0 0 6px rgba(100,130,170,.6)}.oldie .date-picker .date-picker-hover,.oldie .date-picker .month-out.date-picker-hover{*background:#fff url(../media/datepicker-cursor.jpg) no-repeat 0 0;*background-position:0 0}.date-picker .day-disabled{color:#888;cursor:default;text-decoration:line-through;background-position:0 -15px}.date-picker .month-out{border-color:#ddd;border-color:rgba(220,220,220,0.8);color:#aaa;background-position:0 -25px}.date-picker .date-picker-selected-date{border-color:#888!important;border-color:rgba(7,7,7,.6)!important}.date-picker .out-of-range,.date-picker .not-selectable{color:#ccc;font-style:oblique;background:#fcfcfc;cursor:default}.date-picker th.month-out,.date-picker th.out-of-range{color:#aaa;font-style:oblique;background:#fcfcfc}.date-picker .out-of-range{opacity:.6}.date-picker .not-selectable{opacity:.8}.oldie .date-picker .out-of-range{filter:alpha(opacity=60)}.oldie .date-picker .not-selectable{filter:alpha(opacity=80)}.date-picker tr{display:table-row}.date-picker sup{font-size:.86em;letter-spacing:normal;text-transform:none;height:0;line-height:1;position:relative;top:-0.2em;vertical-align:baseline!important;vertical-align:top}.date-picker .date-picker-day-header,.date-picker .month-display,.date-picker .year-display{text-shadow:0 1px 1px #fff}.date-picker .month-display,.date-picker .year-display{cursor:default}.date-picker td:focus,.date-picker .date-picker-hover{overflow:hidden;-moz-outline:0 none;outline:0 none;-o-highlight:0 none}.date-picker-focus .date-picker-hover,.date-picker-control:focus span{-webkit-animation:fd-dp-pulse 2s infinite;-moz-animation:fd-dp-pulse 2s infinite;-ms-animation:fd-dp-pulse 2s infinite;-o-animation:fd-dp-pulse 2s infinite}.date-picker .date-picker-selected-date{color:#333;color:rgba(3,3,3,.8)}.static-datepicker table{-webkit-box-shadow:0 0 0 transparent;-moz-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent}.date-picker-focus table{outline:0;border-color:#999;border-color:rgba(153,153,153,.8);-webkit-box-shadow:0 0 5px #aaa;-moz-box-shadow:0 0 5px #aaa;box-shadow:0 0 5px #aaa}.date-picker .drag-enabled,.date-picker .drag-enabled span{cursor:move}.date-picker-disabled table{opacity:.8!important}.oldie .date-picker-disabled table{filter:alpha(opacity=80)}.date-picker-disabled,.date-picker-disabled td,.date-picker-disabled th,.date-picker-disabled th span{cursor:default!important}.date-picker-disabled .prev-but:hover,.date-picker-disabled .next-but:hover{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);text-shadow:none}body.fd-drag-active{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}@-webkit-keyframes fd-dp-pulse{0%{box-shadow:0 0 4px rgba(100,130,170,0.5)}20%{box-shadow:0 0 4px rgba(70,130,170,0.6)}40%{box-shadow:0 0 5px rgba(40,130,170,0.7)}60%{box-shadow:0 0 6px rgba(10,130,170,0.8)}80%{box-shadow:0 0 5px rgba(40,130,170,0.7)}100%{box-shadow:0 0 4px rgba(70,130,170,0.6)}}@-moz-keyframes fd-dp-pulse{0%{box-shadow:0 0 4px rgba(100,130,170,0.5)}20%{box-shadow:0 0 4px rgba(70,130,170,0.6)}40%{box-shadow:0 0 5px rgba(40,130,170,0.7)}60%{box-shadow:0 0 6px rgba(10,130,170,0.8)}80%{box-shadow:0 0 5px rgba(40,130,170,0.7)}100%{box-shadow:0 0 4px rgba(70,130,170,0.6)}}@-ms-keyframes fd-dp-pulse{0%{box-shadow:0 0 4px rgba(100,130,170,0.5)}20%{box-shadow:0 0 4px rgba(70,130,170,0.6)}40%{box-shadow:0 0 5px rgba(40,130,170,0.7)}60%{box-shadow:0 0 6px rgba(10,130,170,0.8)}80%{box-shadow:0 0 5px rgba(40,130,170,0.7)}100%{box-shadow:0 0 4px rgba(70,130,170,0.6)}}@-o-keyframes fd-dp-pulse{0%{box-shadow:0 0 3px rgba(100,130,170,0.55)}20%{box-shadow:0 0 4px rgba(70,130,170,0.6)}40%{box-shadow:0 0 5px rgba(40,130,170,0.65)}60%{box-shadow:0 0 6px rgba(10,130,170,0.7)}80%{box-shadow:0 0 5px rgba(40,130,170,0.65)}100%{box-shadow:0 0 4px rgba(70,130,170,0.6)}}
View
668 css/datepicker.nobase64.css
@@ -1,668 +0,0 @@
-/*
-
- Please note:
-
- * This is a version of the stylesheet that does not use base64 encoded images.
- * You will need to edit the image paths to point to the correct location on your server
- * You will, of course, need to upload the images to your server!
- * Everything but IE6 uses an image sprite for the button. IE6 uses individual images
- * After editing the image paths, dont't forget to compress the CSS file (using YUI for example) before uploading to your server
- - http://www.refresh-sf.com/yui/
-
-*/
-
-/* Hide the datepickers associated input by using a className */
-.fd-hidden-input
- {
- display:none;
- }
-/* Screen reader class - used to hide spans inside each cell from the visual display */
-.fd-screen-reader
- {
- position:absolute;
- left:-999em;
- top:0;
- width:1px;
- height:1px;
- overflow:hidden;
- outline: 0 none;
- -moz-outline: 0 none;
- }
-/* The wrapper div */
-.date-picker
- {
- position:absolute;
- z-index:9999;
- text-align:center;
-
- /* Change the font-size to suit your design's CSS. The following line is for the demo that has a 12px font-size defined on the body tag */
- font:900 0.8em/1em Verdana, Sans-Serif;
-
- /* For Example: If using the YUI font CSS, uncomment the following line to get a 10px font-size within the datePicker */
- /* font:900 77%/77% Verdana, sans-serif; */
-
- /* Or, if you prefer a pixel precision */
- /* font:900 12px/12px Verdana, sans-serif; */
-
- background:transparent;
-
- /* Mozilla & Webkit extensions to stop text-selection. */
- -moz-user-select:none;
- -khtml-user-select:none;
- -webkit-user-select:none;
- }
-/* Styles for the static datePickers */
-.static-datepicker
- {
- position:relative;
- top:5px;
- left:0;
- margin-bottom:1.5em;
- }
-.date-picker table
- {
- width:auto;
- height:auto;
- border-collapse:separate;
- color:#555;
- }
-/* The iframe hack to cover selectlists in IE6 */
-.iehack
- {
- position:absolute;
- background:#fff;
- z-index:9998;
- padding:0;
- border:0;
- display:none;
- margin:0;
- }
-/* The "button" created beside each input for popup datePickers */
-.date-picker-control span
- {
- display:block;
- width:18px;
- height:18px;
- overflow:hidden;
- margin:auto 0;
- }
-.date-picker-button-active span,
-.date-picker-control:focus span,
-.date-picker-control:hover span,
-.date-picker-control:active span
- {
- -webkit-box-shadow:0 0 5px rgba(40, 130, 170, 0.7);
- -moz-box-shadow:0 0 5px rgba(40, 130, 170, 0.7);
- box-shadow:0 0 5px rgba(40, 130, 170, 0.7);
- -webkit-border-radius:2px;
- -moz-border-radius:2px;
- border-radius:2px;
- }
-.date-picker-control:link,
-.date-picker-control:visited
- {
- position:relative;
- display: -moz-inline-stack;
- border:0 none;
- padding:0;
- margin:0 4px;
- background:transparent url(../media/datepicker-sprite.png) no-repeat 0 -72px;
- min-width:18px;
- line-height:1;
- cursor:pointer;
- visibility:visible;
- text-decoration:none;
- vertical-align:text-bottom;
- }
-/* If the calendar has a valid date use different icon */
-.date-picker-dateval:link,
-.date-picker-dateval:visited
- {
- background-position:0 -108px;
- }
-/* IE 6 fed another rule to show the normal button icon */
-.oldie-mhtml .date-picker-control:link,
-.oldie-mhtml .date-picker-control:visited
- {
- /* IE6 gets the filter treatment */
- _background-image:none;
- _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='http://www.frequency-decoder.com/demo/datePicker/media/datepicker-grey.png');
- }
-/* IE 6 fed another rule to show the icon displayed when a valid date selected */
-.oldie-mhtml .date-picker-dateval:link,
-.oldie-mhtml .date-picker-dateval:visited
- {
- /* IE6 gets the filter treatment */
- _background-image:none;
- _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='http://www.frequency-decoder.com/demo/datePicker/media/datepicker-selected.png');
- }
-/* Hover states etc for the button */
-.date-picker-control:focus,
-.date-picker-control:hover,
-.date-picker-control:active,
-.date-picker-button-active:link,
-.date-picker-button-active:visited
- {
- background-position:0 0;
- }
-/* IE 6 button hover states */
-.oldie-mhtml .date-picker-button-active:link,
-.oldie-mhtml .date-picker-button-active:visited,
-.oldie-mhtml .date-picker-control:focus,
-.oldie-mhtml .date-picker-control:hover,
-.oldie-mhtml .date-picker-control:active
- {
- /* IE6 gets the filter treatment */
- _background-image:none;
- _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='http://www.frequency-decoder.com/demo/datePicker/media/datepicker-cursor-selected.png');
- }
-/* Disabled button */
-.date-picker-control-disabled:link,
-.date-picker-control-disabled:visited,
-.date-picker-control-disabled:hover,
-.date-picker-control-disabled:active
- {
- background-position:0 -36px;
- cursor:default;
- }
-/* IE 6 disabled button */
-.oldie-mhtml .date-picker-control-disabled:link,
-.oldie-mhtml .date-picker-control-disabled:visited,
-.oldie-mhtml .date-picker-control-disabled:hover,
-.oldie-mhtml .date-picker-control-disabled:active
- {
- /* IE6: Filter treatment */
- _background-image:none;
- _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='http://www.frequency-decoder.com/demo/datePicker/media/datepicker-disabled.png');
- }
-.date-picker-control-disabled:hover span,
-.date-picker-control-disabled:active span
- {
- -webkit-box-shadow:none !important;
- -moz-box-shadow:none !important;
- box-shadow:none !important;
- }
-/* Feed IE6 the following rule, IE7 should handle the min-width declared above */
-.oldie-mhtml .date-picker-control
- {
- _width:18px;
- }
-/* IE, Safari & Opera. Seperate CSS rule seems to be required. */
-.date-picker-control
- {
- display:inline-block;
- }
-/* Default datepicker "button" styles */
-.date-picker th span
- {
- display:block;
- padding:0;
- margin:0;
- text-align:center;
- line-height:1em;
- border:0 none;
- background:transparent;
- font-weight:bold;
- cursor:pointer;
- }
-/* The "month, year" display */
-.date-picker .month-display,
-.date-picker .year-display
- {
- display:inline;
- text-transform:uppercase;
- letter-spacing:1px;
- font:normal 1.2em Verdana, Sans-Serif;
- }
-/* Generic button class for Next & Previous (both month & year) buttons */
-.date-picker .prev-but,
-.date-picker .next-but
- {
- font-weight:normal;
- font-size:2.4em;
- font-family: georgia, times new roman, palatino, times, bookman, serif;
- cursor:pointer;
- }
-.date-picker .prev-but,
-.date-picker .next-but,
-.date-picker .today-but
- {
- -webkit-transition:all .2s ease-in-out;
- -moz-transition:all .2s ease-in-out;
- -o-transition:all .2s ease-in-out;
- transition:all .2s ease-in-out;
- }
-/* Hover effect for Next & Previous (month, year) buttons */
-.date-picker .prev-but:hover,
-.date-picker .next-but:hover,
-.date-picker .today-but:hover
- {
- color:#a84444;
- }
-.date-picker .prev-but:hover,
-.date-picker .next-but:hover
- {
- /*
- Uncomment this if you want a scale effect...
-
- -webkit-transform:scale(1.6);
- -moz-transform:scale(1.6);
- -ie-transform:scale(1.6);
- -o-transform:scale(1.6);
- transform:scale(1.6);
-
- text-shadow:0 2px 1px rgba(0,0,0,.4);
- */
- }
-/* Today button */
-.date-picker .today-but
- {
- text-align:center;
- margin:0 auto;
- font:normal 1em Verdana, Sans-Serif;
- width:100%;
- text-decoration:none;
- padding-top:0.3em;
- text-transform:uppercase;
- vertical-align:middle;
- cursor:pointer
- }
-/* Disabled buttons */
-.date-picker-disabled .prev-but,
-.date-picker-disabled .next-but,
-.date-picker-disabled .today-but,
-.date-picker-disabled .prev-but:hover,
-.date-picker-disabled .next-but:hover,
-.date-picker-disabled .today-but:hover,
-.date-picker .prev-but.fd-disabled:hover,
-.date-picker .next-but.fd-disabled:hover,
-.date-picker .fd-disabled,
-.date-picker .fd-disabled:hover
- {
- color:#aaa;
- cursor:default !important;
- opacity:1;
- }
-.date-picker .prev-but.fd-disabled:hover,
-.date-picker .next-but.fd-disabled:hover
- {
- -webkit-transform:scale(1);
- -moz-transform:scale(1);
- -ie-transform:scale(1);
- -o-transform:scale(1);
- transform:scale(1);
- text-shadow:0 -1px 1px rgba(255,255,255,.8);
- }
-/* The gradient background image */
-.date-picker table,
-.date-picker td,
-.date-picker tbody th,
-.date-picker .day-disabled,
-.date-picker .date-picker-hover.day-disabled,
-.date-picker .date-picker-unused,
-.date-picker .month-out
- {
- background-color:#fff;
- background-image:url(../media/datepicker-gradient.gif);
- background-repeat:repeat-x;
- background-position:0 0;
- }
-/* Remove from IE6 */
-.oldie-mhtml .date-picker table,
-.oldie-mhtml .date-picker td,
-.oldie-mhtml .date-picker tbody th,
-.oldie-mhtml .date-picker .day-disabled,
-.oldie-mhtml .date-picker .date-picker-hover.day-disabled,
-.oldie-mhtml .date-picker .date-picker-unused,
-.oldie-mhtml .date-picker .month-out
- {
- _background-image:none;
- }
-.date-picker table
- {
- position:relative;
- margin:0;
- padding:0;
- border:1px solid #ccc;
- background-position:0 -20px;
- text-align:center;
- border-spacing:2px;
- padding:0.3em;
- width:auto;
- empty-cells:show;
- z-index:2;
- -webkit-border-radius:0.8em;
- -moz-border-radius:0.8em;
- border-radius:0.8em;
- -webkit-box-shadow:0px 0px 5px #aaa;
- -moz-box-shadow:0px 0px 5px #aaa;
- box-shadow:0px 0px 5px #aaa;
- }
-/* Common TD & TH styling */
-.date-picker td,
-.date-picker tbody th
- {
- border:0 none;
- padding:0;
- text-align:center;
- vertical-align:middle;
- cursor:pointer;
- background-position:0 -35px;
- width:3em;
- height:3em;
- overflow:hidden;
- outline:transparent none 0px;
- border:1px solid #ccc;
- text-transform:none;
- text-shadow:0 1px #fff;
- -webkit-border-radius:2px;
- -moz-border-radius:2px;
- border-radius:2px;
- }
-.date-picker th
- {
- border:0 none;
- padding:0;
- font-weight:bold;
- color:#333;
- text-align:center;
- vertical-align:middle;
- text-transform:none;
- }
-.date-picker .date-picker-week-header
- {
- border:1px solid #dcdcdc;
- font-style:oblique;
- background:transparent;
- cursor:default;
- }
-.date-picker .date-picker-thead .date-picker-week-header
- {
- border:0 none;
- cursor:help;
- }
-/* The "mon tue wed etc" day header styles */
-.date-picker .date-picker-day-header
- {
- cursor:help;
- border:0 none;
- padding:0 0 0.2em 0;
- text-transform:lowercase;
- height:auto;
- }
-/* tfoot status bar */
-.date-picker .date-picker-statusbar
- {
- cursor:default;
- font-weight:normal;
- text-transform:uppercase;
- letter-spacing:0.1em;
- border:0 none;
- background:#fff;
- height:2.8em;
- }
-/* TD cell that is _not_ used to display a day of the month */
-.date-picker .date-picker-unused
- {
- border-color:#dcdcdc;
- cursor:default !important;
- background-position:0 -25px;
- }
-/* The TH cell used to display the "month, year" title */
-.date-picker .date-picker-title
- {
- width:auto;
- height:auto;
- padding:0.4em 0;
- }
-/* The "todays date" cell style */
-.date-picker .date-picker-today
- {
- background:#fff url(../media/datepicker-today.gif) no-repeat 0 0;
- }
-.date-picker .month-out.date-picker-highlight
- {
- color:#b87676;
- }
-/* The "highlight days" style */
-.date-picker .date-picker-highlight
- {
- color:#a86666;
- }
-/* The "active cursor" style */
-.date-picker .date-picker-hover,
-.date-picker .month-out.date-picker-hover
- {
- background:#fff url(../media/datepicker-cursor.jpg) no-repeat 0 0;
- cursor:pointer;
- border-color:rgb(100,130,170) !important;
- border-color:rgba(100,130,170,.7) !important;
- color:rgb(100,130,170);
- text-shadow: 0px 1px 1px #fff;
- -webkit-box-shadow:0 0 6px rgba(100,130,170,.6);
- -moz-box-shadow:0 0 6px rgba(100,130,170,.6);
- box-shadow:0 0 6px rgba(100,130,170,.6);
- }
-/* The "disabled days" style */
-.date-picker .day-disabled
- {
- color:#888;
- cursor:default;
- text-decoration:line-through;
- background-position:0 -15px;
- }
-.date-picker .month-out
- {
- border-color:#ddd;
- border-color:rgba(220,220,220,0.8);
- color:#aaa;
- background-position:0 -25px;
- }
-/* The "selected date" style - color changed below also */
-.date-picker .date-picker-selected-date
- {
- border-color:#888 !important;
- border-color:rgba(7,7,7,.6) !important;
- }
-/* The date "out of range" style */
-.date-picker .out-of-range,
-.date-picker .not-selectable
- {
- color:#ccc;
- font-style:oblique;
- background:#fcfcfc;
- cursor:default;
- }
-/* Week number "out of range" && "month-out" styles */
-.date-picker th.month-out,
-.date-picker th.out-of-range
- {
- color:#aaa;
- font-style:oblique;
- background:#fcfcfc;
- }
-/* Week numbers "out of range" */
-.date-picker .out-of-range
- {
- opacity:0.6;
- }
-/* Used when the entire grid is full but the next/prev months dates cannot be selected */
-.date-picker .not-selectable
- {
- opacity:0.8;
- }
-/* IE gets the filter treatment */
-.oldie-mhtml .date-picker .out-of-range
- {
- filter:alpha(opacity=60);
- }
-.oldie-mhtml .date-picker .not-selectable
- {
- filter:alpha(opacity=80);
- }
-.date-picker tr
- {
- display:table-row;
- }
-.date-picker sup
- {
- font-size:0.86em;
- letter-spacing:normal;
- text-transform:none;
- height: 0;
- line-height: 1;
- position: relative;
- top:-0.2em;
- vertical-align: baseline !important;
- vertical-align: top;
- }
-.date-picker .date-picker-day-header,
-.date-picker .month-display,
-.date-picker .year-display
- {
- text-shadow: 0px 1px 1px #fff;
- }
-.date-picker .month-display,
-.date-picker .year-display
- {
- cursor:default;
- }
-.date-picker td:focus,
-.date-picker .date-picker-hover
- {
- overflow:hidden;
- outline:0px solid #ff0000;
- -moz-outline: 0 none;
- -o-highlight:0 none;
- }
-.date-picker-focus .date-picker-hover,
-.date-picker-control:focus span
- {
- -moz-animation:pulse 2s infinite;
- -webkit-animation:pulse 2s infinite;
- -ms-animation:pulse 2s infinite;
- }
-/* The "selected date" style */
-.date-picker .date-picker-selected-date
- {
- color:#333;
- color:rgba(3,3,3,.8);
- }
-.static-datepicker table
- {
- -webkit-box-shadow:0 0 0 transparent;
- -moz-box-shadow:0 0 0 transparent;
- box-shadow:0 0 0 transparent;
- }
-.date-picker-focus table
- {
- /* Naughty, naughty - but we add a highlight & box shadow to make up for it */
- outline:none;
- border-color:#999;
- border-color:rgba(153,153,153,.8);
- -webkit-box-shadow:0px 0px 5px #aaa;
- -moz-box-shadow:0px 0px 5px #aaa;
- box-shadow:0px 0px 5px #aaa;
- }
-/* Draggable datepickers */
-.date-picker .drag-enabled,
-.date-picker .drag-enabled span
- {
- cursor:move;
- }
-/* Disabled datePicker */
-.date-picker-disabled table
- {
- opacity:.8 !important;
- }
-.oldie .date-picker-disabled table
- {
- filter:alpha(opacity=80);
- }
-.date-picker-disabled,
-.date-picker-disabled td,
-.date-picker-disabled th,
-.date-picker-disabled th span
- {
- cursor:default !important;
- }
-.date-picker-disabled .prev-but:hover,
-.date-picker-disabled .next-but:hover
- {
- -webkit-transform:scale(1);
- -moz-transform:scale(1);
- -ie-transform:scale(1);
- -o-transform:scale(1);
- transform:scale(1);
- text-shadow:none;
- }
-body.fd-drag-active
- {
- -webkit-user-select:none;
- -moz-user-select:none;
- -khtml-user-select:none;
- -webkit-touch-callout:none;
- user-select:none;
- }
-/* Glow effect for the focused (keyboard active) cursor cell */
-@-webkit-keyframes pulse {
-0% {
- box-shadow:0 0 4px rgba(100, 130, 170, 0.5);
- }
-20% {
- box-shadow:0 0 4px rgba(70, 130, 170, 0.6);
- }
-40% {
- box-shadow:0 0 5px rgba(40, 130, 170, 0.7);
- }
-60% {
- box-shadow:0 0 6px rgba(10, 130, 170, 0.8);
- }
-80% {
- box-shadow:0 0 5px rgba(40, 130, 170, 0.7);
- }
-100% {
- box-shadow:0 0 4px rgba(70, 130, 170, 0.6);
- }
-}
-@-moz-keyframes pulse {
-0% {
- box-shadow:0 0 4px rgba(100, 130, 170, 0.5);
- }
-20% {
- box-shadow:0 0 4px rgba(70, 130, 170, 0.6);
- }
-40% {
- box-shadow:0 0 5px rgba(40, 130, 170, 0.7);
- }
-60% {
- box-shadow:0 0 6px rgba(10, 130, 170, 0.8);
- }
-80% {
- box-shadow:0 0 5px rgba(40, 130, 170, 0.7);
- }
-100% {
- box-shadow:0 0 4px rgba(70, 130, 170, 0.6);
- }
-}
-@-ms-keyframes pulse {
-0% {
- box-shadow:0 0 4px rgba(100, 130, 170, 0.5);
- }
-20% {
- box-shadow:0 0 4px rgba(70, 130, 170, 0.6);
- }
-40% {
- box-shadow:0 0 5px rgba(40, 130, 170, 0.7);
- }
-60% {
- box-shadow:0 0 6px rgba(10, 130, 170, 0.8);
- }
-80% {
- box-shadow:0 0 5px rgba(40, 130, 170, 0.7);
- }
-100% {
- box-shadow:0 0 4px rgba(70, 130, 170, 0.6);
- }
-}
-
View
371 css/demo.css
@@ -1,213 +1,220 @@
/* DATEPICKER DEMO CSS */
body
- {
- padding:2em 0 0 0;
- border:0;
- margin:0;
- text-align:center;
- font-size:12px;
- font-family: verdana,arial,sans-serif;
- color:#545454;
- min-width: 800px;
- }
+ {
+ padding:2em 0 0 0;
+ border:0;
+ margin:0;
+ text-align:center;
+ font-size:14px;
+ font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
+ color:#545454;
+ min-width: 800px;
+ }
+sup
+ {
+ height: 0;
+ line-height: 1;
+ vertical-align: baseline;
+ _vertical-align: bottom;
+ position: relative;
+ bottom: 1ex;
+ }
ol
- {
- margin-top:1em;
- }
+ {
+ margin-top:1em;
+ }
+li
+ {
+ line-height:1.5em;
+ }
p
- {
- line-height:1.6em;
- margin:0 0 1em 0;
- }
+ {
+ line-height:1.6em;
+ margin:0 0 1em 0;
+ }
h1
- {
- font-weight:lighter;
- font-family:georgia, times new roman, times, georgia, palatino, serif;
- text-align:center;
- margin-top:0.6em;
- color:#000;
- font-size:2em;
- }
+ {
+ font-weight:lighter;
+ font-family:georgia, times new roman, times, georgia, palatino, serif;
+ text-align:center;
+ margin-top:0.6em;
+ color:#000;
+ font-size:2em;
+ }
h2,
legend
- {
- font-weight:lighter;
- font-family:verdana,arial,sans-serif;
- text-align:center;
- /*margin-top:1em;*/
- color:#333;
- text-transform:uppercase;
- letter-spacing:1px;
- font-size:1.2em;
- line-height:1.5em;
-
- }
+ {
+ font-weight:lighter;
+ font-family:verdana,arial,sans-serif;
+ text-align:center;
+ color:#333;
+ text-transform:uppercase;
+ letter-spacing:1px;
+ font-size:1.2em;
+ line-height:1.5em;
+ }
fieldset legend
- {
- text-align:left;
- }
+ {
+ text-align:left;
+ }
code
- {
- font-family:'andale mono', 'lucida console', 'courier new', monospace;
- font-size:12px;
- color:#222;
- text-transform:none;
- }
+ {
+ font-family:'andale mono', 'lucida console', 'courier new', monospace;
+ font-size:12px;
+ color:#222;
+ text-transform:none;
+ }
kbd
- {
- display: inline;
- display: inline-block;
- min-width:1em;
- padding:.2em .3em .3em .3em;
- font: bold .85em/1em "Lucida Grande", Lucida, Arial, sans-serif;
- text-align: center;
- text-decoration: none;
- -moz-border-radius: .3em;
- -webkit-border-radius: .3em;
- border-radius: .3em;
- cursor: default;
- -moz-user-select: none;
- -webkit-user-select: none;
- user-select: none;
- background: rgb(230, 230, 230);
- background: -moz-linear-gradient(top, rgb(230,230,230), rgb(245,245,245));
- background: -webkit-gradient(linear, left top, left bottom, from(rgb(230,230,230)), to(rgb(245,245,245)));
- color:#222;
- color: rgb(80,80,80);
- text-shadow: 0 1px 0 rgb(255,255,255);
- border:1px solid #ccc;
- border-right:1px solid #aaa;
- border-bottom:1px solid #aaa;
- -moz-box-shadow: 0 2px 3px rgba(220,220,220,.8);
- -webkit-box-shadow: 0 2px 3px rgba(220,220,220,.8);
- box-shadow: 0 2px 3px rgba(220,220,220,.8);
- }
+ {
+ display: inline;
+ display: inline-block;
+ min-width:1em;
+ padding:.2em .3em .3em .3em;
+ font: bold .85em/1em "Lucida Grande", Lucida, Arial, sans-serif;
+ text-align: center;
+ text-decoration: none;
+ -webkit-border-radius: .3em;
+ -moz-border-radius: .3em;
+ border-radius: .3em;
+ cursor: default;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ user-select: none;
+ background: rgb(230, 230, 230);
+ background: -moz-linear-gradient(top, rgb(230,230,230), rgb(245,245,245));
+ background: -webkit-gradient(linear, left top, left bottom, from(rgb(230,230,230)), to(rgb(245,245,245)));
+ color:#222;
+ text-shadow: 0 1px 0 rgb(255,255,255);
+ border:1px solid #ccc;
+ border-right:1px solid #aaa;
+ border-bottom:1px solid #aaa;
+ -webkit-box-shadow: 0 2px 3px rgba(220,220,220,.8);
+ -moz-box-shadow: 0 2px 3px rgba(220,220,220,.8);
+ box-shadow: 0 2px 3px rgba(220,220,220,.8);
+ }
a
- {
- font-weight:normal;
- outline:none;
- }
+ {
+ font-weight:normal;
+ outline:none;
+ }
a:link,
a:visited
- {
- color:#333;
- text-decoration:underline;
- }
+ {
+ color:#333;
+ text-decoration:underline;
+ }
a:hover
- {
- color:#fff;
- text-decoration:none;
- background:#000;
- }
+ {
+ color:#fff;
+ text-decoration:none;
+ background:#000;
+ }
a:active
- {
- color:#000;
- text-decoration:underline;
- }
+ {
+ color:#000;
+ text-decoration:underline;
+ }
form
- {
- width:740px;
- background:#fcfcfc;
- border:3px double #ccc;
- text-align:left;
- padding:10px;
- margin:0 auto;
- -webkit-border-radius:5px<