[Summary view] [Print] [Text view]

   1  /**
   2   * Whilst the dock isn't supported by the base theme this CSS is here so that those
   3   * themes that do want to use the dock will have a starting point at least
   4   */
   5  /* Put a margin on the body if the dock is shown */
   6  body.has_dock {
   7      margin-left: 30px;
   8  }
   9  
  10  /** For the dock itself */
  11  #dock {
  12      width: 30px;
  13      position: fixed;
  14      top: 0px;
  15      left: 0px;
  16      height: 100%;
  17      background-color: #FFF;
  18      border-right: 1px solid #000;
  19      z-index: 5000;
  20  }
  21  
  22  #dock.nothingdocked {
  23      visibility: hidden;
  24      display: none;
  25  }
  26  
  27  #dock .dockeditem .firstdockitem {
  28      margin-top: 1em;
  29  }
  30  
  31  #dock .dockedtitle {
  32      border-bottom: 1px solid #000;
  33      border-top: 1px solid #000;
  34      cursor: pointer;
  35  }
  36  
  37  #dock .dockedtitle h2 {
  38      font-size: 0.80em;
  39      line-height: 100%;
  40      text-align: center;
  41  }
  42  
  43  #dock .dockedtitle .filterrotate {
  44      margin-left: 8px;
  45  }
  46  
  47  #dock .controls {
  48      position: absolute;
  49      bottom: 1em;
  50      text-align: center;
  51      width: 100%;
  52  }
  53  
  54  #dock .controls img {
  55      cursor: pointer;
  56  }
  57  
  58  /** For the panel the docked blocks are shown in */
  59  #dockeditempanel {
  60      min-width: 200px;
  61      position: relative;
  62      z-index: 12000;
  63      left: 100%;
  64  }
  65  
  66  #dockeditempanel.dockitempanel_hidden {
  67      display: none;
  68  }
  69  
  70  #dockeditempanel .dockeditempanel_content {
  71      background-color: #fff;
  72      border: 1px solid #000;
  73      z-index: 12050;
  74  }
  75  
  76  #dockeditempanel .dockeditempanel_bd {
  77      overflow: auto;
  78      width: 100%;
  79  }
  80  
  81  #dockeditempanel .dockeditempanel_bd .block_docked {
  82      margin: 10px;
  83  }
  84  
  85  #dockeditempanel .dockeditempanel_bd .block_navigation .block_tree li {
  86      overflow: visible;
  87  }
  88  
  89  #dockeditempanel .dockeditempanel_hd {
  90      border-bottom: 1px solid #000;
  91  }
  92  
  93  #dockeditempanel .dockeditempanel_hd h2 {
  94      display: block;
  95      margin: 0;
  96      padding-right: 1em;
  97  }
  98  
  99  #dockeditempanel .dockeditempanel_hd .commands {
 100      display: block;
 101      text-align: right;
 102  }
 103  
 104  #dockeditempanel .dockeditempanel_hd .commands > a,
 105  #dockeditempanel .dockeditempanel_hd .commands > span {
 106      margin: 0 3px;
 107  }
 108  
 109  #dockeditempanel .dockeditempanel_hd .commands img,
 110  #dockeditempanel .dockeditempanel_hd .commands input {
 111      vertical-align: middle;
 112      width: 12px;
 113      height: 12px;
 114  }
 115  
 116  #dockeditempanel .dockeditempanel_hd .commands .hidepanelicon img {
 117      cursor: pointer;
 118  }
 119  
 120  /** IE 6 doesn't support fixed pos elements **/
 121  .ie6 #dockeditempanel {
 122      position: absolute;
 123  }
 124  
 125  /* right align the DOCK panel
 126  ------------------------------*/
 127  .dir-rtl #dockeditempanel .dockeditempanel_hd .commands {
 128      text-align: left;
 129  }
 130  
 131  .dir-rtl #dockeditempanel {
 132      right: 100%;
 133  }
 134  
 135  .dir-rtl #dock {
 136      left: auto;
 137      right: 0%;
 138      border-left: 1px solid #DDD;
 139  }
 140  
 141  .dir-rtl #dock .dockedtitle {
 142      border-bottom: 1px solid #DDD;
 143      border-top: 1px solid #EEE;
 144      cursor: pointer;
 145  }
 146  
 147  body.dir-rtl.has_dock {
 148      margin-left: 0px;
 149      margin-right: 30px;
 150  }
 151  
 152  /* Test span used to calculate positioning of docked item labels */
 153  .transform-test-node {
 154      position: absolute;
 155      line-height: normal;
 156  }
 157  
 158  /* Hide the move icon for blocks which are docked */
 159  #dock .editing_move,
 160  #dock .moodle-core-dragdrop-draghandle {
 161      display: none;
 162  }