|
|
| Line 34: |
Line 34: |
| | /* Datepicker | | /* 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> |
| Line 135: |
Line 112: |
| | | | |
| | </section> | | </section> |
| − | <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">
| |
| | </html> | | </html> |
| | | | |
| | {{BOKU-Vienna-footer}} | | {{BOKU-Vienna-footer}} |
