[Summary view] [Print] [Text view]

   1  /* --------------------------------------------------------------

   2  

   3     jQuery UI: Demo Viewer

   4  

   5  -------------------------------------------------------------- */
   6  
   7  
   8  /*************************************/

   9  /* Blueprint: reset.css              */

  10  
  11  html, body, div, span, applet, object, iframe,
  12  h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  13  a, abbr, acronym, address, big, cite, code,
  14  del, dfn, em, font, img, ins, kbd, q, s, samp,
  15  small, strike, strong, sub, sup, tt, var,
  16  dl, dt, dd, ol,
  17  fieldset, form, label, legend,
  18  table, caption, tbody, tfoot, thead, tr, th, td {
  19      margin: 0;
  20      padding: 0;
  21      border: 0;
  22      outline: 0;
  23      font-weight: inherit;
  24      font-style: inherit;
  25      font-size: 100%;
  26      font-family: inherit;
  27      vertical-align: baseline;
  28  }
  29  
  30  label {
  31      margin-right: 5px;
  32  }
  33  
  34  /* Remember to define focus styles! */

  35  :focus {
  36      outline: 0;
  37  }
  38  body {
  39      line-height: 1;
  40      color: black;
  41      background: white;
  42      font-family: Arial,Sans-serif; font-size: 0.9em;
  43      background-color: white;
  44      overflow: hidden;
  45  }
  46  ol, ul {
  47      list-style: none;
  48  }
  49  
  50  /* Tables still need 'cellspacing="0"' in the markup. */

  51  table {
  52      border-collapse: separate;
  53      border-spacing: 0;
  54  }
  55  caption, th, td {
  56      text-align: left;
  57      font-weight: normal;
  58  }
  59  
  60  /* Remove possible quote marks (") from <q>, <blockquote>. */

  61  blockquote:before, blockquote:after,
  62  q:before, q:after {
  63      content: "";
  64  }
  65  blockquote, q {
  66      quotes: "" "";
  67  }
  68  
  69  /*************************************/

  70  /* Viewer: Layout                    */

  71  
  72  #wrapper {

  73      background: #e1e7f2 url(../images/bg_gradient.gif) repeat-x;
  74      }
  75      #header {

  76          padding: 10px;
  77          background: #67A7E3; color: #fff;
  78          position: relative;
  79      }
  80      #container {

  81          height: 500px;
  82          }
  83          #container td {

  84              overflow: hidden;
  85              }
  86              #container td div {

  87                  overflow: hidden;
  88                  padding: 0 15px 0 10px;
  89                  background: #fff;
  90                  height:475px;
  91                  font-size: 90%;
  92              }
  93          #container .ui-split-side-box {

  94              width: 200px;
  95              }
  96              #container .ui-split-side {

  97                  overflow: hidden;
  98                  }
  99                  #container .ui-split-side ul {

 100                      margin: 0; padding: 0; padding-top: 3px;
 101                      }                    
 102                      #container .ui-split-side li {

 103                          margin: 0; padding: 0;    border: 0; outline: 0;
 104                          list-style: none;
 105                      }
 106                      #container .ui-split-side li a {

 107                          height: 15px;
 108                          display:block;
 109                          padding: 3px 3px 3px 12px;
 110                          border-bottom: 1px solid #E8EEF7;
 111                          color: #000;
 112                          font-size: 90%;
 113                          text-decoration: none;
 114                      }
 115                      #container .ui-split-side li a:hover {

 116                          background: #E8EEF7;
 117                          border-color: #C3D9FF;
 118                      }
 119          #container .ui-split-main-box {

 120              
 121              }
 122  
 123          #container .ui-resizable-e {

 124              width: 10px; height: 475px;
 125              background:#e1e7f2 url(../images/splitpane_handle-ew.gif) no-repeat scroll 75% 50% !important;
 126              cursor:col-resize !important;
 127              border-left: #bbb 1px solid;
 128              padding: 3px;
 129          }
 130          #container .ui-resizable-n {

 131              height: 10px;
 132              background:#e1e7f2 url(../images/splitpane_handle-sn.gif) no-repeat scroll 50% 55% !important;
 133              border-top: #bbb 1px solid;
 134              padding: 3px;
 135          }
 136      
 137      
 138  
 139      .ui-toolbar-item-hide-icon { 
 140          padding-left: 16px; height: 16px;
 141          background-image: url(../images/icons_2.png);
 142          background-repeat: no-repeat; margin: 0 2px;
 143          display: inline-block;
 144      }
 145  
 146      .ui-toolbar-item-hide-icon { background-position: -64px 50%; } 
 147      
 148      .proxy { border: 1px dashed #000; };
 149