Return to htmlarea.css CVS log

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

Annotation of loncom/html/htmlarea/htmlarea.css, revision 1.2

1.1       www         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;
1.2     ! www        20:   width: 18px;
        !            21:   height: 18px;
1.1       www        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);
1.2     ! www        46:   -moz-opacity: 0.25;
1.1       www        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; }