<link rel="stylesheet" type="text/css" href="../examples.css" />
<link rel="stylesheet" href="../../css-bootstrap/calendar.css">
- <style type="text/css">
-
-div.fc-view {
- clear: both;
- border: 1px solid #963;
- height: 500px;
- overflow: auto;
- width: 100%
-}
-/* Reset overflow value to hidden for all non-IE browsers. */
-html>body div.fc-view {
- overflow: hidden;
- width: 100%
-}
-
-/* define width of table. IE browsers only */
-div.fc-view table {
- float: left;
- width: 100%
-}
-
-/* define width of table. Add 16px to width for scrollbar. */
-/* All other non-IE browsers. */
-html>body div.fc-view table {
- width: 100%
-}
-
-/* set table header to a fixed position. WinIE 6.x only */
-/* In WinIE 6.x, any element with a position property set to relative and is a child of */
-/* an element that has an overflow property set, the relative value translates into fixed. */
-/* Ex: parent element DIV with a class of tableContainer has an overflow property set to auto */
-thead tr {
- position: relative
-}
-
-/* set THEAD element to have block level attributes. All other non-IE browsers */
-/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
-html>body thead tr {
- display: block
-}
-
-/* make the TH elements pretty */
-thead th {
- background: #C96;
- border-left: 1px solid #EB8;
- border-right: 1px solid #B74;
- border-top: 1px solid #EB8;
- font-weight: normal;
- padding: 4px 3px;
- text-align: left
-}
-
-/* make the A elements pretty. makes for nice clickable headers */
-thead a, thead a:link, thead a:visited {
- color: #FFF;
- display: block;
- text-decoration: none;
- width: 100%
-}
-
-/* make the A elements pretty. makes for nice clickable headers */
-/* WARNING: swapping the background on hover may cause problems in WinIE 6.x */
-thead a:hover {
- color: #FFF;
- display: block;
- text-decoration: underline;
- width: 100%
-}
-
-/* define the table content to be scrollable */
-/* set TBODY element to have block level attributes. All other non-IE browsers */
-/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
-/* induced side effect is that child TDs no longer accept width: auto */
-html>body tbody {
- display: block;
- height: 262px;
- overflow: auto;
- width: 100%
-}
-
-/* make TD elements pretty. Provide alternating classes for striping the table */
-/* http://www.alistapart.com/articles/zebratables/ */
-tbody td, tbody tr.normalRow td {
- background: #FFF;
- border-bottom: none;
- border-left: none;
- border-right: 1px solid #CCC;
- border-top: 1px solid #DDD;
- padding: 2px 3px 3px 4px
-}
-
-tbody tr.alternateRow td {
- background: #EEE;
- border-bottom: none;
- border-left: none;
- border-right: 1px solid #CCC;
- border-top: 1px solid #DDD;
- padding: 2px 3px 3px 4px
-}
-
-/* define width of TH elements: 1st, 2nd, and 3rd respectively. */
-/* Add 16px to last TH for scrollbar padding. All other non-IE browsers. */
-/* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors */
-html>body thead th {
- width: 200px
-}
-
-html>body thead th + th {
- width: 240px
-}
-
-html>body thead th + th + th {
- width: 316px
-}
-
-/* define width of TD elements: 1st, 2nd, and 3rd respectively. */
-/* All other non-IE browsers. */
-/* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors */
-html>body tbody td {
- width: 200px
-}
-
-html>body tbody td + td {
- width: 240px
-}
-
-html>body tbody td + td + td {
- width: 300px
-}
-
-</style>
</head>
<body style="height:500px">