roojs-ui.js

[roojs1] / examples / layout / calendar.html

diff --git a/examples/layout/calendar.html b/examples/layout/calendar.html
index ec03f99..9e398cf 100644 (file)
--- a/examples/layout/calendar.html
+++ b/examples/layout/calendar.html
@@ -24,12 +24,14 @@
     <link rel="stylesheet" type="text/css" href="../examples.css" />
   <link rel="stylesheet" href="../../css-bootstrap/calendar.css">    
 
- <style type="text/css">
-      
+<style type="text/css">
+                        
+
+/* define height and width of scrollable area. Add 16px to width for scrollbar          */
 div.fc-view {
        clear: both;
        border: 1px solid #963;
-       height: 500px;
+       height: 100%;
        overflow: auto;
        width: 100%
 }
@@ -78,21 +80,21 @@ html>body thead tr {
 }*/
 
 /* make the A elements pretty. makes for nice clickable headers                */
-thead a, thead a:link, thead a:visited {
+/*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 {
+/*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            */
@@ -100,60 +102,63 @@ thead a:hover {
 /* induced side effect is that child TDs no longer accept width: auto                     */
 html>body tbody {
        display: block;
-       height: 262px;
+       height: 500px;
        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 {
+/*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 {
+/*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
+       width: 136px
 }
-
+/*
 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
+       width: 136px
 }
-
+html>body tbody td:last-child {
+       width: 120px
+}
+/*
 html>body tbody td + td {
        width: 240px
 }
 
 html>body tbody td + td + td {
        width: 300px
-}
+}*/
 
 </style>
 
@@ -163,7 +168,7 @@ html>body tbody td + td + td {
 <h1>View Panel Example</h1>
 
 
-<div id="view-panel" style="width:900px;height:500;">
+<div id="view-panel" style="width:952px;height:500;">
 
 </div>