ui.css

  1. 4.x modules/tinymce/inc/tiny_mce/themes/simple/skins/default/ui.css
  2. 4.x modules/tinymce/inc/tiny_mce/themes/simple/skins/o2k7/ui.css
  3. 4.x modules/tinymce/inc/tiny_mce/themes/advanced/skins/default/ui.css
  4. 4.x modules/tinymce/inc/tiny_mce/themes/advanced/skins/highcontrast/ui.css
  5. 4.x modules/tinymce/inc/tiny_mce/themes/advanced/skins/o2k7/ui.css
  6. 5.x modules/tinymce/inc/tiny_mce/themes/advanced/skins/o2k7/ui.css
  7. 5.x modules/tinymce/inc/tiny_mce/themes/advanced/skins/highcontrast/ui.css
  8. 5.x modules/tinymce/inc/tiny_mce/themes/advanced/skins/default/ui.css
  9. 5.x modules/tinymce/inc/tiny_mce/themes/simple/skins/o2k7/ui.css
  10. 5.x modules/tinymce/inc/tiny_mce/themes/simple/skins/default/ui.css
/* Reset */
.o2k7SimpleSkin table, .o2k7SimpleSkin tbody, .o2k7SimpleSkin a, .o2k7SimpleSkin img, .o2k7SimpleSkin tr, .o2k7SimpleSkin div, .o2k7SimpleSkin td, .o2k7SimpleSkin iframe, .o2k7SimpleSkin span, .o2k7SimpleSkin * {border:0; margin:0; padding:0; background:transparent; white-space:nowrap; text-decoration:none; font-weight:normal; cursor:default; color:#000}

/* Containers */
.o2k7SimpleSkin {position:relative}
.o2k7SimpleSkin table.mceLayout {background:#E5EFFD; border:1px solid #ABC6DD;}
.o2k7SimpleSkin iframe {display:block; background:#FFF; border-bottom:1px solid #ABC6DD;}
.o2k7SimpleSkin .mceToolbar {height:26px;}

/* Layout */
.o2k7SimpleSkin .mceToolbar .mceToolbarStart span {display:block; background:url(img/button_bg.png) -22px 0; width:1px; height:22px; }
.o2k7SimpleSkin .mceToolbar .mceToolbarEnd span {display:block; background:url(img/button_bg.png) -22px 0; width:1px; height:22px}
.o2k7SimpleSkin span.mceIcon, .o2k7SimpleSkin img.mceIcon {display:block; width:20px; height:20px}
.o2k7SimpleSkin .mceIcon {background:url(../../img/icons.gif) no-repeat 20px 20px}

/* Button */
.o2k7SimpleSkin .mceButton {display:block; background:url(img/button_bg.png); width:22px; height:22px}
.o2k7SimpleSkin a.mceButton span, .o2k7SimpleSkin a.mceButton img {margin:1px 0 0 1px}
.o2k7SimpleSkin a.mceButtonEnabled:hover {background-color:#B2BBD0; background-position:0 -22px}
.o2k7SimpleSkin a.mceButtonActive {background-position:0 -44px}
.o2k7SimpleSkin .mceButtonDisabled span {opacity:0.3; -ms-filter:'alpha(opacity=30)'; filter:alpha(opacity=30)}

/* Separator */
.o2k7SimpleSkin .mceSeparator {display:block; background:url(img/button_bg.png) -22px 0; width:5px; height:22px}

/* Theme */
.o2k7SimpleSkin span.mce_bold {background-position:0 0}
.o2k7SimpleSkin span.mce_italic {background-position:-60px 0}
.o2k7SimpleSkin span.mce_underline {background-position:-140px 0}
.o2k7SimpleSkin span.mce_strikethrough {background-position:-120px 0}
.o2k7SimpleSkin span.mce_undo {background-position:-160px 0}
.o2k7SimpleSkin span.mce_redo {background-position:-100px 0}
.o2k7SimpleSkin span.mce_cleanup {background-position:-40px 0}
.o2k7SimpleSkin span.mce_insertunorderedlist {background-position:-20px 0}
.o2k7SimpleSkin span.mce_insertorderedlist {background-position:-80px 0}

File

modules/tinymce/inc/tiny_mce/themes/simple/skins/o2k7/ui.css
View source
  1. /* Reset */

  2. .o2k7SimpleSkin table, .o2k7SimpleSkin tbody, .o2k7SimpleSkin a, .o2k7SimpleSkin img, .o2k7SimpleSkin tr, .o2k7SimpleSkin div, .o2k7SimpleSkin td, .o2k7SimpleSkin iframe, .o2k7SimpleSkin span, .o2k7SimpleSkin * {border:0; margin:0; padding:0; background:transparent; white-space:nowrap; text-decoration:none; font-weight:normal; cursor:default; color:#000}

  3. 

  4. /* Containers */

  5. .o2k7SimpleSkin {position:relative}

  6. .o2k7SimpleSkin table.mceLayout {background:#E5EFFD; border:1px solid #ABC6DD;}

  7. .o2k7SimpleSkin iframe {display:block; background:#FFF; border-bottom:1px solid #ABC6DD;}

  8. .o2k7SimpleSkin .mceToolbar {height:26px;}

  9. 

  10. /* Layout */

  11. .o2k7SimpleSkin .mceToolbar .mceToolbarStart span {display:block; background:url(img/button_bg.png) -22px 0; width:1px; height:22px; }

  12. .o2k7SimpleSkin .mceToolbar .mceToolbarEnd span {display:block; background:url(img/button_bg.png) -22px 0; width:1px; height:22px}

  13. .o2k7SimpleSkin span.mceIcon, .o2k7SimpleSkin img.mceIcon {display:block; width:20px; height:20px}

  14. .o2k7SimpleSkin .mceIcon {background:url(../../img/icons.gif) no-repeat 20px 20px}

  15. 

  16. /* Button */

  17. .o2k7SimpleSkin .mceButton {display:block; background:url(img/button_bg.png); width:22px; height:22px}

  18. .o2k7SimpleSkin a.mceButton span, .o2k7SimpleSkin a.mceButton img {margin:1px 0 0 1px}

  19. .o2k7SimpleSkin a.mceButtonEnabled:hover {background-color:#B2BBD0; background-position:0 -22px}

  20. .o2k7SimpleSkin a.mceButtonActive {background-position:0 -44px}

  21. .o2k7SimpleSkin .mceButtonDisabled span {opacity:0.3; -ms-filter:'alpha(opacity=30)'; filter:alpha(opacity=30)}

  22. 

  23. /* Separator */

  24. .o2k7SimpleSkin .mceSeparator {display:block; background:url(img/button_bg.png) -22px 0; width:5px; height:22px}

  25. 

  26. /* Theme */

  27. .o2k7SimpleSkin span.mce_bold {background-position:0 0}

  28. .o2k7SimpleSkin span.mce_italic {background-position:-60px 0}

  29. .o2k7SimpleSkin span.mce_underline {background-position:-140px 0}

  30. .o2k7SimpleSkin span.mce_strikethrough {background-position:-120px 0}

  31. .o2k7SimpleSkin span.mce_undo {background-position:-160px 0}

  32. .o2k7SimpleSkin span.mce_redo {background-position:-100px 0}

  33. .o2k7SimpleSkin span.mce_cleanup {background-position:-40px 0}

  34. .o2k7SimpleSkin span.mce_insertunorderedlist {background-position:-20px 0}

  35. .o2k7SimpleSkin span.mce_insertorderedlist {background-position:-80px 0}