Line 31: | Line 31: | ||
font-family: Tahoma, Geneva, sans-serif; | font-family: Tahoma, Geneva, sans-serif; | ||
} | } | ||
+ | |||
+ | /* Datepicker | ||
+ | ----------------------------------*/ | ||
+ | .ui-datepicker .ui-datepicker-header { position:relative; padding:0.2em 0; | ||
+ | background-color : rgb(0,255,255) ; | ||
+ | background-image : none; | ||
+ | border : 1px solid rgb(0,0,255)} | ||
+ | .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; | ||
+ | background-color : rgb(255,0,255) } | ||
+ | .ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0 } | ||
+ | .ui-datepicker select.ui-datepicker-month-year {width: 100%} | ||
+ | .ui-datepicker select.ui-datepicker-month{ width: 49%} | ||
+ | .ui-datepicker select.ui-datepicker-year { width: 49%} | ||
+ | .ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right } | ||
+ | .ui-datepicker table {width: 100%; font-size: 0.9em; border-collapse: collapse; margin:0 0 0.4em ; | ||
+ | background-color : rgb(204,204,51)} | ||
+ | .ui-datepicker th { padding: 0.7em 0.3em; text-align: center; font-weight: bold; border: 0 ; | ||
+ | color : rgb(128,0,128)} | ||
+ | .ui-state-default{ border: 1px solid #cccccc; background: #f6f6f6; font-weight: bold; color: #1c94c4; outline: none } | ||
+ | .ui-state-default a{ color: #1c94c4; text-decoration: none; outline: none } | ||
+ | .ui-state-default a:link{ color: #1c94c4; text-decoration: none; outline: none } | ||
+ | .ui-state-default a:visited { color: #1c94c4; text-decoration: none; outline: none } | ||
+ | .ui-state-focus{ border: 1px solid #1e2d9a; background: #213ea3; font-weight: bold; color: #603904; outline: none } | ||
+ | .ui-widget-content .ui-state-focus { border: 1px solid #1e2d9a; background: #fdf5ce; font-weight: bold; color: #c77405; outline: none } | ||
+ | .ui-state-active{ border: 1px solid #1e2d9a; background: #ffffff ; font-weight: bold; color: #eb8f00; outline: none } | ||
+ | .ui-widget-content .ui-state-active { border: 1px solid #1e2d9a; background: #ffffff ; font-weight: bold; color: #c77405;; outline: none } | ||
+ | .ui-state-active a{ color: #eb8f00; outline: none; text-decoration: none } | ||
</style> | </style> | ||
+ | |||
+ | <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script> | ||
+ | <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js" type="text/javascript"></script> | ||
+ | <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/ui-lightness/jquery-ui.css" type="text/css" media="all" /> | ||
+ | |||
+ | <script type="text/javascript"> | ||
+ | $(function() { | ||
+ | $("#datepicker").datepicker(); | ||
+ | }); | ||
+ | </script> | ||
+ | <input id="datepicker" type="text"> | ||
+ | |||
+ | |||
+ | |||
+ | |||
<div id="page-top" data-spy="scroll" data-target=".navbar-fixed-top"> | <div id="page-top" data-spy="scroll" data-target=".navbar-fixed-top"> | ||
<!-- One-Page Scroll NavBar --> | <!-- One-Page Scroll NavBar --> |
Revision as of 09:55, 13 July 2017