Return to htmlarea.css CVS log

Up to [LON-CAPA] / loncom / html / htmlarea

Next version HTMLArea.

    1: .htmlarea { background: #fff; }
    2: 
    3: .htmlarea .toolbar {
    4:   cursor: default;
    5:   background: ButtonFace;
    6:   padding: 1px 1px 2px 1px;
    7:   border: 1px solid;
    8:   border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
    9: }
   10: .htmlarea .toolbar table { font-family: tahoma,verdana,sans-serif; font-size: 11px; }
   11: .htmlarea .toolbar img { border: none; }
   12: .htmlarea .toolbar .label { padding: 0px 3px; }
   13: 
   14: .htmlarea .toolbar .button {
   15:   background: ButtonFace;
   16:   color: ButtonText;
   17:   border: 1px solid ButtonFace;
   18:   padding: 1px;
   19:   margin: 0px;
   20:   width: 18px;
   21:   height: 18px;
   22: }
   23: .htmlarea .toolbar .buttonHover {
   24:   border: 1px solid;
   25:   border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
   26: }
   27: .htmlarea .toolbar .buttonActive, .htmlarea .toolbar .buttonPressed {
   28:   padding: 2px 0px 0px 2px;
   29:   border: 1px solid;
   30:   border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
   31: }
   32: .htmlarea .toolbar .buttonPressed {
   33:   background: ButtonHighlight;
   34: }
   35: .htmlarea .toolbar .indicator {
   36:   padding: 0px 3px;
   37:   overflow: hidden;
   38:   width: 20px;
   39:   text-align: center;
   40:   cursor: default;
   41:   border: 1px solid ButtonShadow;
   42: }
   43: 
   44: .htmlarea .toolbar .buttonDisabled img {
   45:   filter: alpha(opacity = 25);
   46:   -moz-opacity: 0.25;
   47: }
   48: 
   49: .htmlarea .toolbar .separator {
   50:   position: relative;
   51:   margin: 3px;
   52:   border-left: 1px solid ButtonShadow;
   53:   border-right: 1px solid ButtonHighlight;
   54:   width: 0px;
   55:   height: 16px;
   56:   padding: 0px;
   57: }
   58: 
   59: .htmlarea .toolbar .space { width: 5px; }
   60: 
   61: .htmlarea .toolbar select { font: 11px Tahoma,Verdana,sans-serif; }
   62: 
   63: .htmlarea .toolbar select,
   64: .htmlarea .toolbar select:hover,
   65: .htmlarea .toolbar select:active { background: FieldFace; color: ButtonText; }
   66: 
   67: .htmlarea .statusBar {
   68:   border: 1px solid;
   69:   border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
   70:   padding: 2px 4px;
   71:   background-color: ButtonFace;
   72:   color: ButtonText;
   73:   font: 11px Tahoma,Verdana,sans-serif;
   74: }
   75: 
   76: .htmlarea .statusBar .statusBarTree a {
   77:   padding: 2px 5px;
   78:   color: #00f;
   79: }
   80: 
   81: .htmlarea .statusBar .statusBarTree a:visited { color: #00f; }
   82: .htmlarea .statusBar .statusBarTree a:hover {
   83:   background-color: Highlight;
   84:   color: HighlightText;
   85:   padding: 1px 4px;
   86:   border: 1px solid HighlightText;
   87: }
   88: 
   89: 
   90: /* Hidden DIV popup dialogs (PopupDiv) */
   91: 
   92: .dialog {
   93:   color: ButtonText;
   94:   background: ButtonFace;
   95: }
   96: 
   97: .dialog .content { padding: 2px; }
   98: 
   99: .dialog, .dialog button, .dialog input, .dialog select, .dialog textarea, .dialog table {
  100:   font: 11px Tahoma,Verdana,sans-serif;
  101: }
  102: 
  103: .dialog table { border-collapse: collapse; }
  104: 
  105: .dialog .title {
  106:   background: #008;
  107:   color: #ff8;
  108:   border-bottom: 1px solid #000;
  109:   padding: 1px 0px 2px 5px;
  110:   font-size: 12px;
  111:   font-weight: bold;
  112:   cursor: default;
  113: }
  114: 
  115: .dialog .title .button {
  116:   float: right;
  117:   border: 1px solid #66a;
  118:   padding: 0px 1px 0px 2px;
  119:   margin-right: 1px;
  120:   color: #fff;
  121:   text-align: center;
  122: }
  123: 
  124: .dialog .title .button-hilite { border-color: #88f; background: #44c; }
  125: 
  126: .dialog button {
  127:   width: 5em;
  128:   padding: 0px;
  129: }
  130: 
  131: .dialog .buttonColor {
  132:   padding: 1px;
  133:   cursor: default;
  134:   border: 1px solid;
  135:   border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
  136: }
  137: 
  138: .dialog .buttonColor-hilite {
  139:   border-color: #000;
  140: }
  141: 
  142: .dialog .buttonColor .chooser, .dialog .buttonColor .nocolor {
  143:   height: 0.6em;
  144:   border: 1px solid;
  145:   padding: 0px 1em;
  146:   border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
  147: }
  148: 
  149: .dialog .buttonColor .nocolor { padding: 0px; }
  150: .dialog .buttonColor .nocolor-hilite { background-color: #fff; color: #f00; }
  151: 
  152: .dialog .label { text-align: right; width: 6em; }
  153: .dialog .value input { width: 100%; }
  154: .dialog .buttons { text-align: right; padding: 2px 4px 0px 4px; }
  155: 
  156: .dialog legend { font-weight: bold; }
  157: .dialog fieldset table { margin: 2px 0px; }
  158: 
  159: .popupdiv {
  160:   border: 2px solid;
  161:   border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
  162: }
  163: 
  164: .popupwin {
  165:   padding: 0px;
  166:   margin: 0px;
  167: }
  168: 
  169: .popupwin .title {
  170:   background: #fff;
  171:   color: #000;
  172:   font-weight: bold;
  173:   font-size: 120%;
  174:   padding: 3px 10px;
  175:   margin-bottom: 10px;
  176:   border-bottom: 1px solid black;
  177:   letter-spacing: 2px;
  178: }
  179: 
  180: form { margin: 0px; border: none; }