webcit/tiny_mce/themes/advanced/skins/highcontrast/ui.css

   1 /* Reset */\r
   2 .highcontrastSkin table, .highcontrastSkin tbody, .highcontrastSkin a, .highcontrastSkin img, .highcontrastSkin tr, .highcontrastSkin div, .highcontrastSkin td, .highcontrastSkin iframe, .highcontrastSkin span, .highcontrastSkin *, .highcontrastSkin .mceText {border:0; margin:0; padding:0; vertical-align:baseline; border-collapse:separate;}\r
   3 .highcontrastSkin a:hover, .highcontrastSkin a:link, .highcontrastSkin a:visited, .highcontrastSkin a:active {text-decoration:none; font-weight:normal; cursor:default;}\r
   4 .highcontrastSkin table td {vertical-align:middle}\r
   5 \r
   6 .highcontrastSkin .mceIconOnly {display: block !important;}\r
   7 \r
   8 /* External */\r
   9 .highcontrastSkin .mceExternalToolbar {position:absolute; border:1px solid; border-bottom:0; display:none; background-color: white;}\r
  10 .highcontrastSkin .mceExternalToolbar td.mceToolbar {padding-right:13px;}\r
  11 .highcontrastSkin .mceExternalClose {position:absolute; top:3px; right:3px; width:7px; height:7px;}\r
  12 \r
  13 /* Layout */\r
  14 .highcontrastSkin table.mceLayout {border: 1px solid;}\r
  15 .highcontrastSkin .mceIframeContainer {border-top:1px solid; border-bottom:1px solid}\r
  16 .highcontrastSkin .mceStatusbar a:hover {text-decoration:underline}\r
  17 .highcontrastSkin .mceStatusbar {display:block; line-height:1.5em; overflow:visible;}\r
  18 .highcontrastSkin .mceStatusbar div {float:left}\r
  19 .highcontrastSkin .mceStatusbar a.mceResize {display:block; float:right; width:20px; height:20px; cursor:se-resize; outline:0}\r
  20 \r
  21 .highcontrastSkin .mceToolbar td { display: inline-block; float: left;}\r
  22 .highcontrastSkin .mceToolbar tr { display: block;}\r
  23 .highcontrastSkin .mceToolbar table { display: block; }\r
  24 \r
  25 /* Button */\r
  26 \r
  27 .highcontrastSkin .mceButton { display:block; margin: 2px; padding: 5px 10px;border: 1px solid; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; height: 2em;}\r
  28 .highcontrastSkin .mceButton .mceVoiceLabel { height: 100%; vertical-align: center; line-height: 2em}\r
  29 .highcontrastSkin .mceButtonDisabled .mceVoiceLabel { opacity:0.6; -ms-filter:'alpha(opacity=60)'; filter:alpha(opacity=60);}\r
  30 .highcontrastSkin .mceButtonActive, .highcontrastSkin .mceButton:focus, .highcontrastSkin .mceButton:active { border: 5px solid; padding: 1px 6px;-webkit-focus-ring-color:none;outline:none;}\r
  31 \r
  32 /* Separator */\r
  33 .highcontrastSkin .mceSeparator {display:block; width:16px; height:26px;}\r
  34 \r
  35 /* ListBox */\r
  36 .highcontrastSkin .mceListBox { display: block; margin:2px;-webkit-focus-ring-color:none;outline:none;}\r
  37 .highcontrastSkin .mceListBox .mceText {padding: 5px 6px;  line-height: 2em; width: 15ex; overflow: hidden;}\r
  38 .highcontrastSkin .mceListBoxDisabled .mceText { opacity:0.6; -ms-filter:'alpha(opacity=60)'; filter:alpha(opacity=60);}\r
  39 .highcontrastSkin .mceListBox a.mceText { padding: 5px 10px; display: block; height: 2em; line-height: 2em; border: 1px solid; border-right: 0; border-radius: 3px 0px 0px 3px; -moz-border-radius: 3px 0px 0px 3px; -webkit-border-radius: 3px 0px 0px 3px; -ms-border-radius: 3px 0px 0px 3px;}\r
  40 .highcontrastSkin .mceListBox a.mceOpen { padding: 5px 4px; display: block; height: 2em; line-height: 2em; border: 1px solid; border-left: 0; border-radius: 0px 3px 3px 0px; -moz-border-radius: 0px 3px 3px 0px; -webkit-border-radius: 0px 3px 3px 0px; -ms-border-radius: 0px 3px 3px 0px;}\r
  41 .highcontrastSkin .mceListBox:focus a.mceText, .highcontrastSkin .mceListBox:active a.mceText { border-width: 5px; padding: 1px 10px 1px 6px;}\r
  42 .highcontrastSkin .mceListBox:focus a.mceOpen, .highcontrastSkin .mceListBox:active a.mceOpen { border-width: 5px; padding: 1px 0px 1px 4px;}\r
  43 \r
  44 .highcontrastSkin .mceListBoxMenu {overflow-y:auto}\r
  45 \r
  46 /* SplitButton */\r
  47 .highcontrastSkin .mceSplitButtonDisabled .mceAction {opacity:0.3; -ms-filter:'alpha(opacity=30)'; filter:alpha(opacity=30)}\r
  48 \r
  49 .highcontrastSkin .mceSplitButton { border-collapse: collapse; margin: 2px; height: 2em; line-height: 2em;-webkit-focus-ring-color:none;outline:none;}\r
  50 .highcontrastSkin .mceSplitButton td { display: table-cell; float: none; margin: 0; padding: 0; height: 2em;}\r
  51 .highcontrastSkin .mceSplitButton tr { display: table-row; }\r
  52 .highcontrastSkin table.mceSplitButton  { display: table; }\r
  53 .highcontrastSkin .mceSplitButton a.mceAction { padding: 5px 10px; display: block; height: 2em; line-height: 2em; overflow: hidden; border: 1px solid; border-right: 0; border-radius: 3px 0px 0px 3px; -moz-border-radius: 3px 0px 0px 3px; -webkit-border-radius: 3px 0px 0px 3px; -ms-border-radius: 3px 0px 0px 3px;}\r
  54 .highcontrastSkin .mceSplitButton a.mceOpen { padding: 5px 4px;  display: block; height: 2em; line-height: 2em; border: 1px solid; border-radius: 0px 3px 3px 0px; -moz-border-radius: 0px 3px 3px 0px; -webkit-border-radius: 0px 3px 3px 0px; -ms-border-radius: 0px 3px 3px 0px;}\r
  55 .highcontrastSkin .mceSplitButton .mceVoiceLabel { height: 2em; vertical-align: center; line-height: 2em; } \r
  56 .highcontrastSkin .mceSplitButton:focus a.mceAction, .highcontrastSkin .mceSplitButton:active a.mceAction { border-width: 5px; border-right-width: 1px; padding: 1px 10px 1px 6px;-webkit-focus-ring-color:none;outline:none;}\r
  57 .highcontrastSkin .mceSplitButton:focus a.mceOpen, .highcontrastSkin .mceSplitButton:active a.mceOpen { border-width: 5px; border-left-width: 1px; padding: 1px 0px 1px 4px;-webkit-focus-ring-color:none;outline:none;}\r
  58 \r
  59 /* Menu */\r
  60 .highcontrastSkin .mceNoIcons span.mceIcon {width:0;}\r
  61 .highcontrastSkin .mceMenu {position:absolute; left:0; top:0; z-index:1000; border:1px solid; }\r
  62 .highcontrastSkin .mceMenu table {background:white; color: black}\r
  63 .highcontrastSkin .mceNoIcons a .mceText {padding-left:10px}\r
  64 .highcontrastSkin .mceMenu a, .highcontrastSkin .mceMenu span, .highcontrastSkin .mceMenu {display:block;background:white; color: black}\r
  65 .highcontrastSkin .mceMenu td {height:2em}\r
  66 .highcontrastSkin .mceMenu a {position:relative;padding:3px 0 4px 0; display: block;}\r
  67 .highcontrastSkin .mceMenu .mceText {position:relative; display:block; cursor:default; margin:0; padding:0 25px 0 25px;}\r
  68 .highcontrastSkin .mceMenu pre.mceText {font-family:Monospace}\r
  69 .highcontrastSkin .mceMenu .mceIcon {position:absolute; top:0; left:0; width:26px;}\r
  70 .highcontrastSkin td.mceMenuItemSeparator {border-top:1px solid; height:1px}\r
  71 .highcontrastSkin .mceMenuItemTitle a {border:0; border-bottom:1px solid}\r
  72 .highcontrastSkin .mceMenuItemTitle span.mceText {font-weight:bold; padding-left:4px}\r
  73 .highcontrastSkin .mceNoIcons .mceMenuItemSelected span.mceText:before {content: "\2713\A0";}\r
  74 .highcontrastSkin .mceMenu span.mceMenuLine {display:none}\r
  75 .highcontrastSkin .mceMenuItemSub a .mceText:after {content: "\A0\25B8"}\r
  76 .highcontrastSkin .mceMenuItem td, .highcontrastSkin .mceMenuItem th {line-height: normal}\r
  77 \r
  78 /* ColorSplitButton */\r
  79 .highcontrastSkin div.mceColorSplitMenu table {background:#FFF; border:1px solid; color: #000}\r
  80 .highcontrastSkin .mceColorSplitMenu td {padding:2px}\r
  81 .highcontrastSkin .mceColorSplitMenu a {display:block; width:16px; height:16px; overflow:hidden; color:#000; margin: 0; padding: 0;}\r
  82 .highcontrastSkin .mceColorSplitMenu td.mceMoreColors {padding:1px 3px 1px 1px}\r
  83 .highcontrastSkin .mceColorSplitMenu a.mceMoreColors {width:100%; height:auto; text-align:center; font-family:Tahoma,Verdana,Arial,Helvetica; font-size:11px; line-height:20px; border:1px solid #FFF}\r
  84 .highcontrastSkin .mceColorSplitMenu a.mceMoreColors:hover {border:1px solid; background-color:#B6BDD2}\r
  85 .highcontrastSkin a.mceMoreColors:hover {border:1px solid #0A246A; color: #000;}\r
  86 .highcontrastSkin .mceColorPreview {display:none;}\r
  87 .highcontrastSkin .mce_forecolor span.mceAction, .highcontrastSkin .mce_backcolor span.mceAction {height:17px;overflow:hidden}\r
  88 \r
  89 /* Progress,Resize */\r
  90 .highcontrastSkin .mceBlocker {position:absolute; left:0; top:0; z-index:1000; opacity:0.5; -ms-filter:'alpha(opacity=30)'; filter:alpha(opacity=50); background:#FFF}\r
  91 .highcontrastSkin .mceProgress {position:absolute; left:0; top:0; z-index:1001; background:url(../default/img/progress.gif) no-repeat; width:32px; height:32px; margin:-16px 0 0 -16px}\r
  92 \r
  93 /* Formats */\r
  94 .highcontrastSkin .mce_p span.mceText {}\r
  95 .highcontrastSkin .mce_address span.mceText {font-style:italic}\r
  96 .highcontrastSkin .mce_pre span.mceText {font-family:monospace}\r
  97 .highcontrastSkin .mce_h1 span.mceText {font-weight:bolder; font-size: 2em}\r
  98 .highcontrastSkin .mce_h2 span.mceText {font-weight:bolder; font-size: 1.5em}\r
  99 .highcontrastSkin .mce_h3 span.mceText {font-weight:bolder; font-size: 1.17em}\r
 100 .highcontrastSkin .mce_h4 span.mceText {font-weight:bolder; font-size: 1em}\r
 101 .highcontrastSkin .mce_h5 span.mceText {font-weight:bolder; font-size: .83em}\r
 102 .highcontrastSkin .mce_h6 span.mceText {font-weight:bolder; font-size: .75em}\r