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 }
  39
  40 /** ---- for column tree --- */
  41
  42 .x-column-tree .x-tree-node {
  43     zoom:1;
  44
  45 }
  46 .x-column-tree .x-tree-node-el {
  47     border-bottom:1px solid #eee;
  48      border-right: 1px solid #ccc;
  49     zoom:1;
  50 }
  51 .x-column-tree .x-tree-selected {
  52     background: #d9e8fb;
  53 }
  54 .x-column-tree  .x-tree-node a {
  55     line-height:18px;
  56     vertical-align:middle;
  57 }
  58 .x-column-tree  .x-tree-node a span{
  59
  60 }
  61 .x-column-tree  .x-tree-node .x-tree-selected a span{
  62         background:transparent;
  63         color:#000;
  64 }
  65 .x-column-tree .x-tree-col {
  66     float:left;
  67     overflow:hidden;
  68     padding:0;
  69
  70     border-left: 1px solid #ccc;
  71     height: 18px;
  72     zoom:1;
  73 }
  74
  75 .x-column-tree .x-tree-col-text,.x-column-tree  .x-tree-hd-text {
  76     overflow:hidden;
  77     -o-text-overflow: ellipsis;
  78         text-overflow: ellipsis;
  79     padding:3px 3px 3px 5px;
  80     white-space: nowrap;
  81     font:normal 11px arial, tahoma, helvetica, sans-serif;
  82 }
  83
  84 .x-column-tree .x-tree-headers {
  85     background: #EBEADB url(../../images/gray/grid/grid-hrow.gif) repeat-x scroll 0 0;
  86         cursor:default;
  87     zoom:1;
  88 }
  89
  90 .x-column-tree .x-tree-hd {
  91     float:left;
  92     overflow:hidden;
  93     border-left:1px solid #eee;
  94     border-right:1px solid #d0d0d0;
  95 }