[Summary view] [Print] [Text view]

   1  /**
   2   * CSS for WikiEditor Toolbar jQuery plugin
   3   */
   4  
   5  .wikiEditor-ui-toolbar {
   6      position: relative;
   7      display: block;
   8  }
   9  
  10  .wikiEditor-ui-toolbar .empty {
  11      display: none;
  12  }
  13  
  14  /* Expandable Sections */
  15  .wikiEditor-ui-toolbar .sections {
  16      float: left;
  17      width: 100%;
  18      clear: both;
  19      height: 0;
  20  }
  21  .wikiEditor-ui-toolbar .sections .section {
  22      float: left;
  23      width: 100%;
  24      border-top: 1px solid #DDDDDD;
  25      background-color: #E0EEf7;
  26  }
  27  
  28  .wikiEditor-ui-toolbar .sections .section-hidden {
  29      display: none;
  30  }
  31  
  32  .wikiEditor-ui-toolbar {
  33      /* @embed */
  34      background-image: url(images/toolbar/base.png);
  35      background-position: left top;
  36      background-repeat: repeat-x;
  37  }
  38  /* Gets overridden when the section div is in class loading - see below */
  39  .wikiEditor-ui-toolbar .sections div .spinner {
  40      display: none;
  41  }
  42  .wikiEditor-ui-toolbar .sections .loading .spinner {
  43      display: block;
  44      float: left;
  45      /* @embed */
  46      background-image: url(images/toolbar/loading.gif);
  47      background-position: left center;
  48      background-repeat: no-repeat;
  49      padding-left: 32px;
  50      margin-left: 0.5em;
  51      height: 32px;
  52      color: #666666;
  53  }
  54  /* Top Level Containers */
  55  .wikiEditor-ui-toolbar .tabs,
  56  .wikiEditor-ui-toolbar .section-main {
  57      position: relative;
  58      float: left;
  59      min-height: 26px;
  60      height: 100%;
  61  }
  62  /* Groups */
  63  .wikiEditor-ui-toolbar .group {
  64      float: left;
  65      height: 26px;
  66      padding-right: 6px;
  67      border-right: 1px solid #DDDDDD;
  68      margin: 3px;
  69  }
  70  .wikiEditor-ui-toolbar .group-search {
  71      float: right;
  72      padding: 0 0 0 6px;
  73      border-right: none;
  74      border-left: 1px solid #DDDDDD;
  75  }
  76  .wikiEditor-ui-toolbar .group-insert {
  77      border-right: none;
  78  }
  79  /* Sprited Buttons */
  80  .wikiEditor-toolbar-spritedButton { 
  81      background-image: url('images/toolbar/button-sprite.png');
  82      /* @embed */
  83      background-image: -webkit-linear-gradient(transparent, transparent), url('images/toolbar/button-sprite.svg');
  84      /* @embed */
  85      background-image: linear-gradient(transparent, transparent), url('images/toolbar/button-sprite.svg');
  86  
  87      background-position: 0 0;
  88      background-repeat: no-repeat;
  89      display: block;
  90      float: left;
  91      height: 22px;
  92      text-indent: -9999px;
  93      width: 22px;
  94      padding: 2px;
  95      cursor: pointer;
  96      overflow: hidden;
  97  }
  98  /* Tabs */
  99  .wikiEditor-ui-toolbar .tabs {
 100      list-style: none;
 101      margin: 3px;
 102  }
 103  .wikiEditor-ui-toolbar .tabs span.tab {
 104      display: block;
 105      float: left;
 106      line-height: 26px;
 107  }
 108  .wikiEditor-ui-toolbar .tabs span.tab a,
 109  .wikiEditor-ui-toolbar .tabs span.tab a:visited {
 110      display: inline-block;
 111      float: left;
 112      padding-left: 18px;
 113      padding-right: 12px;
 114      height: 26px;
 115      cursor: pointer;
 116      color: #0645ad;
 117      /* @embed */
 118      background-image: url(images/toolbar/arrow-ltr.png);
 119      background-position: left center;
 120      background-repeat: no-repeat;
 121  }
 122  .wikiEditor-ui-toolbar .tabs span.tab a.current,
 123  .wikiEditor-ui-toolbar .tabs span.tab a.current:visited {
 124      color: #333333;
 125      /* @embed */
 126      background-image: url(images/toolbar/arrow-down.png);
 127  }
 128  .wikiEditor-ui-toolbar .tabs span.tab a.current:hover {
 129      text-decoration: none;
 130  }
 131  .wikiEditor-ui-toolbar .tabs span.tab a.loading {
 132      /* @embed */
 133      background-image: url(images/toolbar/loading-small.gif);
 134  }
 135  /* Toolbar */
 136  .wikiEditor-ui-toolbar .group .label {
 137      float: left;
 138      border: 0;
 139      height: 22px;
 140      line-height: 22px;
 141      margin: 2px;
 142      margin-left: 5px;
 143      margin-right: 8px;
 144      color: #777777;
 145      cursor: default;
 146  }
 147  .wikiEditor-ui-toolbar .group img.tool {
 148      float: left;
 149      border: 0;
 150      height: 22px;
 151      width: 22px;
 152      padding: 2px;
 153      cursor: pointer;
 154  }
 155  .wikiEditor-ui-toolbar .group .tool-select {
 156      float: left;
 157      margin: 2px;
 158      height: 22px;
 159      cursor: pointer;
 160      border: 1px solid silver;
 161      padding: 0;
 162      margin-right: 0;
 163      cursor: pointer;
 164      background-color: #ffffff;
 165  }
 166  .wikiEditor-ui-toolbar .group .tool-select .label {
 167      /* @embed */
 168      background-image: url(images/toolbar/arrow-down.png);
 169      background-position: center right;
 170      background-repeat: no-repeat;
 171      padding: 0;
 172      margin: 0;
 173      padding-left: 4px;
 174      padding-right: 22px;
 175      margin-right: 4px;
 176      cursor: pointer;
 177      text-decoration: none;
 178      color: #333333;
 179  }
 180  .wikiEditor-ui-toolbar .group .tool-select .menu .options {
 181      position: absolute;
 182      display: none;
 183      margin-left: -1px;
 184      margin-top: 22px;
 185      border: 1px solid silver;
 186      background-color: #ffffff;
 187  }
 188  .wikiEditor-ui-toolbar .group .tool-select .options .option {
 189      display: block;
 190      padding: 0.5em;
 191      text-decoration: none;
 192      color: black;
 193      white-space: nowrap;
 194  }
 195  .wikiEditor-ui-toolbar .group .tool-select .options .option:hover {
 196      background-color: #E0EEf7;
 197  }
 198  .wikiEditor-ui-toolbar .group .tool-select .options .option[rel=heading-2] {
 199      font-size: 150%;
 200      font-weight: normal;
 201  }
 202  .wikiEditor-ui-toolbar .group .tool-select .options .option[rel=heading-3] {
 203      font-size: 132%;
 204      font-weight: normal;
 205  }
 206  .wikiEditor-ui-toolbar .group .tool-select .options .option[rel=heading-4] {
 207      font-size: 116%;
 208      font-weight: normal;
 209  }
 210  .wikiEditor-ui-toolbar .group .tool-select .options .option[rel=heading-5] {
 211      font-size: 100%;
 212      font-weight: bold;
 213  }
 214  /* Booklet */
 215  .wikiEditor-ui-toolbar .booklet .index {
 216      float: left;
 217      width: 20%;
 218      height: 125px;
 219      overflow: auto;
 220  }
 221  .wikiEditor-ui-toolbar .booklet .index div {
 222      padding: 4px;
 223      padding-left: 6px;
 224      cursor: pointer;
 225      color: #0645ad;
 226  }
 227  .wikiEditor-ui-toolbar .booklet .index .current {
 228      background-color: #FAFAFA;
 229      color: #333333;
 230      cursor: default;
 231  }
 232  .wikiEditor-ui-toolbar .booklet .pages {
 233      float: right;
 234      width: 80%;
 235      height: 125px;
 236      overflow: auto;
 237      background-color: #FAFAFA;
 238  }
 239  /* Help Pages */
 240  .wikiEditor-ui-toolbar .page-table table {
 241      padding-left: 5px;
 242      padding-right: 5px;
 243      background: none;
 244  }
 245  .wikiEditor-ui-toolbar .page-table th {
 246      color: #999999;
 247  }
 248  .wikiEditor-ui-toolbar .page-table td {
 249      color: black;
 250      border-top: 1px solid #EEEEEE;
 251  }
 252  .wikiEditor-ui-toolbar .page-table th,
 253  .wikiEditor-ui-toolbar .page-table td {
 254      text-align: left;
 255      padding: 5px;
 256      margin: 0;
 257  }
 258  .wikiEditor-ui-toolbar .section-help .page-table .cell {
 259      vertical-align: top;
 260  }
 261  .wikiEditor-ui-toolbar .section-help .page-table td.cell-syntax,
 262  .wikiEditor-ui-toolbar .section-help .page-table td.syntax {
 263      font-family: monospace, "Courier New";
 264  }
 265  .wikiEditor-ui-toolbar .section-help .page-table td.syntax,
 266  .wikiEditor-ui-toolbar .section-help .page-table td.cell-syntax,
 267  .wikiEditor-ui-toolbar .section-help .page-table td.cell-result,
 268  .wikiEditor-ui-toolbar .section-help .page-table td.result {
 269      width: 40%;
 270  }
 271  .wikiEditor-ui-toolbar .section-help .page-table td.description,
 272  .wikiEditor-ui-toolbar .section-help .page-table td.description {
 273      width: 20%;
 274  }
 275  /* Characters Pages */
 276  .wikiEditor-ui-toolbar .page-characters div span {
 277      border: 1px solid #DDDDDD;
 278      padding: 5px;
 279      padding-left: 8px;
 280      padding-right: 8px;
 281      margin-left: 5px;
 282      margin-top: 5px;
 283      height: 1em;
 284      float: left;
 285      display: block;
 286      color: black;
 287      text-decoration: none;
 288      cursor: pointer;
 289      font-family: monospace, "Courier New";
 290      font-size: 1.25em;
 291  }
 292  .wikiEditor-ui-toolbar .page-characters div[dir=rtl] span {
 293      /* @noflip */ direction: rtl;
 294  }
 295  .wikiEditor-ui-toolbar .page-characters div span:hover {
 296      background-color: white;
 297      text-decoration: none;
 298      border-color: #a8d7f9;
 299  }
 300  .ui-widget table td.wikieditor-toolbar-table-preview-wrapper span {
 301      padding: 4px 6px 0;
 302      display: block;
 303  }
 304  .ui-widget table .wikieditor-toolbar-table-preview-frame {
 305      width: 340px;
 306      background: #fff;
 307      padding: 10px;
 308      overflow: hidden;
 309      display: block;
 310      position: relative;
 311  }
 312  .ui-widget table .wikieditor-toolbar-table-preview-content {
 313      width: 375px;
 314      display: block;
 315  }
 316  .ui-widget table .wikieditor-toolbar-table-preview {
 317      width: 340px;
 318  }
 319  .ui-widget table td.wikieditor-toolbar-table-preview-wrapper {
 320      background: #e5e5e5;
 321      padding: 10px;
 322  }