wp-includes/js/tinymce/themes/advanced/css/editor_ui.css

   1 /* This file contains the CSS data for the editor UI of TinyMCE instances */\r
   2 \r
   3 .mceToolbarTop a, .mceToolbarTop a:visited, .mceToolbarTop a:hover, .mceToolbarBottom a, .mceToolbarBottom a:visited, .mceToolbarBottom a:hover {border: 0; margin: 0; padding: 0; background: transparent;}\r
   4 .mceSeparatorLine {border: 0; padding: 0; margin-left: 4px; margin-right: 2px;}\r
   5 .mceSelectList {font-family: 'MS Sans Serif', sans-serif, Verdana, Arial; font-size: 7pt !important; font-weight: normal; margin-top: 3px; padding: 0; display: inline; vertical-align: top; background-color: #F0F0EE;}\r
   6 .mceLabel, .mceLabelDisabled {font-family: 'MS Sans Serif', sans-serif, Verdana, Arial; font-size: 9pt;}\r
   7 .mceLabel {color: #000000;}\r
   8 .mceLabelDisabled {cursor: text; color: #999999;}\r
   9 .mceEditor {background: #F0F0EE; border: 1px solid #cccccc; padding: 0; margin: 0;}\r
  10 .mceEditorArea { font-family: 'MS Sans Serif', sans-serif, Verdana, Arial; background: #FFFFFF; padding: 0; margin: 0; }\r
  11 .mceToolbarTop, .mceToolbarBottom {background: #F0F0EE; line-height: 1px; font-size: 1px;}\r
  12 .mceToolbarTop {border-bottom: 1px solid #cccccc; padding-bottom: 1px;}\r
  13 .mceToolbarBottom {border-top: 1px solid #cccccc;}\r
  14 .mceToolbarContainer {display: block; position: relative; left: 0; top: 0; width: 100%;}\r
  15 .mceStatusbarTop, .mceStatusbarBottom, .mceStatusbar {height: 20px;}\r
  16 .mceStatusbarTop .mceStatusbarPathText, .mceStatusbarBottom .mceStatusbarPathText, .mceStatusbar .mceStatusbarPathText {font-family: 'MS Sans Serif', sans-serif, Verdana, Arial; font-size: 9pt; padding: 2px; line-height: 16px; overflow: visible;}\r
  17 .mceStatusbarTop {border-bottom: 1px solid #cccccc;}\r
  18 .mceStatusbarBottom {border-top: 1px solid #cccccc;}\r
  19 .mceStatusbar {border-bottom: 1px solid #cccccc;}\r
  20 .mcePathItem, .mcePathItem:link, .mcePathItem:visited, .mcePathItem:hover {text-decoration: none; font-family: 'MS Sans Serif', sans-serif, Verdana, Arial; font-size: 9pt; color: #000000;}\r
  21 .mcePathItem:hover {text-decoration: underline;}\r
  22 .mceStatusbarPathText {float: left;}\r
  23 .mceStatusbarResize {float: right; background-image: url('../images/statusbar_resize.gif'); background-repeat: no-repeat; width: 11px; height: 20px; cursor: se-resize;}\r
  24 .mceResizeBox {width: 10px; height: 10px; display: none; border: 1px dotted gray; margin: 0; padding: 0;}\r
  25 .mceEditorIframe {border: 0;}\r
  26 \r
  27 /* Button CSS rules */\r
  28 \r
  29 a.mceButtonDisabled img, a.mceButtonNormal img, a.mceButtonSelected img {width: 20px; height: 20px; cursor: default; margin-top: 1px; margin-left: 1px;}\r
  30 a.mceButtonDisabled img {border: 0 !important;}\r
  31 a.mceButtonNormal img, a.mceButtonSelected img {border: 1px solid #F0F0EE !important;}\r
  32 a.mceButtonSelected img {border: 1px solid #6779AA !important; background-color: #D4D5D8;}\r
  33 a.mceButtonNormal img:hover, a.mceButtonSelected img:hover {border: 1px solid #0A246A !important; cursor: default; background-color: #B6BDD2;}\r
  34 a.mceButtonDisabled img {-moz-opacity:0.3; opacity: 0.3; border: 1px solid #F0F0EE !important; cursor: default;}\r
  35 a.mceTiledButton img {background-image: url('../images/buttons.gif'); background-repeat: no-repeat;}\r
  36 \r
  37 /* Menu button CSS rules */\r
  38 \r
  39 span.mceMenuButton img, span.mceMenuButtonSelected img {border: 1px solid #F0F0EE; margin-left: 1px;}\r
  40 span.mceMenuButtonSelected img {border: 1px solid #6779AA; background-color: #B6BDD2;}\r
  41 span.mceMenuButtonSelected img.mceMenuButton {border: 1px solid #F0F0EE; background-color: transparent;}\r
  42 span.mceMenuButton img.mceMenuButton, span.mceMenuButtonSelected img.mceMenuButton {border-left: 0; margin-left: 0;}\r
  43 span.mceMenuButton:hover img, span.mceMenuButtonSelected:hover img {border: 1px solid #0A246A; background-color: #B6BDD2;}\r
  44 span.mceMenuButton:hover img.mceMenuButton, span.mceMenuButtonSelected:hover img.mceMenuButton {border-left: 0;}\r
  45 span.mceMenuButtonFocus img {border: 1px solid gray; border-right: 0; margin-left: 1px; background-color: #F5F4F2;}\r
  46 span.mceMenuButtonFocus img.mceMenuButton {border: 1px solid gray; border-left: 1px solid #F5F4F2; margin-left: 0;}\r
  47 span.mceMenuHover img {border: 1px solid #0A246A; background-color: #B6BDD2;}\r
  48 span.mceMenuButtonSelected.mceMenuHover img.mceMenuButton {border: 1px solid #0A246A; background-color: #B6BDD2; border-left: 0;}\r
  49 \r
  50 /* Menu */\r
  51 \r
  52 .mceMenu {position: absolute; left: 0; top: 0; display: none; z-index: 1000; background-color: white; border: 1px solid gray; font-weight: normal;}\r
  53 .mceMenu a, .mceMenuTitle, .mceMenuDisabled {display: block; width: 100%; text-decoration: none; background-color: white; font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 11px; line-height: 20px; color: black;}\r
  54 .mceMenu a:hover {background-color: #B6BDD2; color: black; text-decoration: none !important;}\r
  55 .mceMenu span {padding-left: 10px; padding-right: 10px; display: block; line-height: 20px;}\r
  56 .mceMenuSeparator {border-bottom: 1px solid gray; background-color: gray; height: 1px;}\r
  57 .mceMenuTitle span {padding-left: 5px;}\r
  58 .mceMenuTitle {background-color: #DDDDDD; font-weight: bold;}\r
  59 .mceMenuDisabled {color: gray;}\r
  60 span.mceMenuSelectedItem {background-image: url('../images/menu_check.gif'); background-repeat: no-repeat; background-position: 5px 8px; padding-left: 20px;}\r
  61 span.mceMenuCheckItem {padding-left: 20px;}\r
  62 span.mceMenuLine {display: block; position: absolute; left: 0; top: -1px; background-color: #F5F4F2; width: 30px; height: 1px; overflow: hidden; padding-left: 0; padding-right: 0;}\r
  63 .mceColors table, .mceColors td {margin: 0; padding: 2px;}\r
  64 a.mceMoreColors {width: auto; padding: 0; margin: 0 3px 3px 3px; text-align: center; border: 1px solid white; text-decoration: none !important;}\r
  65 .mceColorPreview {position: absolute; overflow:hidden; left: 0; top: 0; margin-left: 3px; margin-top: 15px; width: 16px; height: 4px; background-color: red;}\r
  66 a.mceMoreColors:hover {border: 1px solid #0A246A;}\r
  67 .mceColors td a {width: 9px; height: 9px; overflow: hidden; border: 1px solid #808080;}\r
  68 \r
  69 /* MSIE 6 specific rules */\r
  70 \r
  71 * html a.mceButtonNormal img, * html a.mceButtonSelected img, * html a.mceButtonDisabled img {border: 0 !important; margin-top: 2px; margin-bottom: 1px;}\r
  72 * html a.mceButtonDisabled img {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30); border: 0 !important;}\r
  73 * html a.mceButtonDisabled {border: 1px solid #F0F0EE !important;}\r
  74 * html a.mceButtonNormal, * html a.mceButtonSelected {border: 1px solid #F0F0EE !important; cursor: default;}\r
  75 * html a.mceButtonSelected {border: 1px solid #6779AA !important; background-color: #D4D5D8;}\r
  76 * html a.mceButtonNormal:hover, * html a.mceButtonSelected:hover {border: 1px solid #0A246A !important; background-color: #B6BDD2; cursor: default;}\r
  77 * html .mceSelectList {margin-top: 2px;}\r
  78 * html span.mceMenuButton, * html span.mceMenuButtonFocus {position: relative; left: 0; top: 0;}\r
  79 * html span.mceMenuButton img, * html span.mceMenuButtonSelected img, * html span.mceMenuButtonFocus img {position: relative; top: 1px;}\r
  80 * html a.mceMoreColors {width: auto;}\r
  81 * html .mceColors td a {width: 10px; height: 10px;}\r
  82 * html .mceColorPreview {margin-left: 2px; margin-top: 14px;}\r
  83 \r
  84 /* MSIE 7 specific rules */\r
  85 \r
  86 *:first-child+html a.mceButtonNormal img, *:first-child+html a.mceButtonSelected img, *:first-child+html a.mceButtonDisabled img {border: 0 !important; margin-top: 2px; margin-bottom: 1px;}\r
  87 *:first-child+html a.mceButtonDisabled img {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30); border: 0 !important;}\r
  88 *:first-child+html a.mceButtonDisabled {border: 1px solid #F0F0EE !important;}\r
  89 *:first-child+html a.mceButtonNormal, *:first-child+html a.mceButtonSelected {border: 1px solid #F0F0EE !important; cursor: default;}\r
  90 *:first-child+html a.mceButtonSelected {border: 1px solid #6779AA !important; background-color: #D4D5D8;}\r
  91 *:first-child+html a.mceButtonNormal:hover, *:first-child+html a.mceButtonSelected:hover {border: 1px solid #0A246A !important; background-color: #B6BDD2; cursor: default;}\r
  92 *:first-child+html .mceSelectList {margin-top: 2px;}\r
  93 *:first-child+html span.mceMenuButton, *:first-child+html span.mceMenuButtonFocus {position: relative; left: 0; top: 0;}\r
  94 *:first-child+html span.mceMenuButton img, *:first-child+html span.mceMenuButtonSelected img, *:first-child+html span.mceMenuButtonFocus img {position: relative; top: 1px;}\r
  95 *:first-child+html a.mceMoreColors {width: 137px;}\r
  96 *:first-child+html .mceColors td a {width: 10px; height: 10px;}\r
  97 *:first-child+html .mceColorPreview {margin: 0; padding-left: 4px; margin-top: 14px; width: 14px;}\r