git.roojs.org Git - roojs1/blob - examples/examples.css

   1 /*\r
   2  * yui-ext\r
   3  * Copyright(c) 2006, Jack Slocum.\r
   4  */\r
   5 \r
   6 body {\r
   7         font-family:verdana,tahoma,helvetica;\r
   8         padding:20px;\r
   9         font-size:13px;\r
  10         background-color:#fff !important;\r
  11 }\r
  12 p {\r
  13         margin-bottom:15px;\r
  14 }\r
  15 h1 {\r
  16         font-size:large; \r
  17         margin-bottom:20px;\r
  18 }\r
  19 .example-info{\r
  20         float:right;\r
  21         width:150px;\r
  22         border:1px solid #c3daf9;\r
  23         border-top:1px solid #DCEAFB;\r
  24         border-left:1px solid #DCEAFB;\r
  25         background:#ecf5fe url('info-bg.gif') repeat-x;\r
  26         font-size:10px;\r
  27         padding:8px;\r
  28 }\r
  29 pre.code{\r
  30         background: #F8F8F8;\r
  31         border: 1px solid #e8e8e8;\r
  32         padding:10px;\r
  33         margin:10px;\r
  34         margin-left:0px;\r
  35         border-left:5px solid #e8e8e8;\r
  36         font-size: 12px !important;\r
  37         line-height:14px !important;\r
  38 }\r
  39 \r
  40 /** ---- for column tree --- */\r
  41 \r
  42 .x-column-tree .x-tree-node {\r
  43     zoom:1;\r
  44     \r
  45 }\r
  46 .x-column-tree .x-tree-node-el {\r
  47     border-bottom:1px solid #eee; \r
  48      border-right: 1px solid #ccc;\r
  49     zoom:1;\r
  50 }\r
  51 .x-column-tree .x-tree-selected {\r
  52     background: #d9e8fb;\r
  53 }\r
  54 .x-column-tree  .x-tree-node a {\r
  55     line-height:18px;\r
  56     vertical-align:middle;\r
  57 }\r
  58 .x-column-tree  .x-tree-node a span{\r
  59         \r
  60 }\r
  61 .x-column-tree  .x-tree-node .x-tree-selected a span{\r
  62         background:transparent;\r
  63         color:#000;\r
  64 }\r
  65 .x-column-tree .x-tree-col {\r
  66     float:left;\r
  67     overflow:hidden;\r
  68     padding:0;\r
  69     \r
  70     border-left: 1px solid #ccc;\r
  71     height: 18px;\r
  72     zoom:1;\r
  73 }\r
  74 \r
  75 .x-column-tree .x-tree-col-text,.x-column-tree  .x-tree-hd-text {\r
  76     overflow:hidden;\r
  77     -o-text-overflow: ellipsis;\r
  78         text-overflow: ellipsis;\r
  79     padding:3px 3px 3px 5px;\r
  80     white-space: nowrap;\r
  81     font:normal 11px arial, tahoma, helvetica, sans-serif;\r
  82 }\r
  83 \r
  84 .x-column-tree .x-tree-headers {\r
  85     background: #EBEADB url(../../images/gray/grid/grid-hrow.gif) repeat-x scroll 0 0;\r
  86         cursor:default;\r
  87     zoom:1;\r
  88 }\r
  89 \r
  90 .x-column-tree .x-tree-hd {\r
  91     float:left;\r
  92     overflow:hidden;\r
  93     border-left:1px solid #eee;\r
  94     border-right:1px solid #d0d0d0;\r
  95 }