Don't like ads? PRO users don't see any ads ;-)
Public Pastes

Custom CSS for tinyMCE in Wordpress

By: w3b on Jan 18th, 2012  |  syntax: CSS  |  size: 1.49 KB  |  hits: 88  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. /*
  2. Theme Name: whatEver
  3. Description: Used to style the TinyMCE editor.
  4. */
  5.  
  6. /* Those css files are also included by my theme stylesheet for frontend */
  7. /* Reset browser defaults */
  8. @import url('reset.css');
  9.  
  10. /* Apply basic typography styles */
  11. @import url('typography.css');
  12.  
  13. /* add a nice pattern to the background of tinymce windows */
  14. html {
  15.         background: url("../images/black-stripe.gif") repeat scroll 0 0 #282828;
  16.         background-color: #b5b5b5;
  17. }
  18.  
  19. body.mceContentBody {
  20.         background: #FFFFFF;
  21.   border: none;
  22.   color: #000000;
  23.   font-family: Arial,Tahoma,Helvetica,Verdana,sans-serif;
  24.   font-size: 12px;
  25.         width: 377px;
  26.   padding: 2px 5px 10px 5px;
  27.         border-left: 1px dashed #bababa;
  28.         border-right: 1px dashed #bababa;
  29.         margin: 0 auto;
  30.         display: block;
  31. }
  32.  
  33. body.mceContentBody a.verde {
  34.         background: #4f7600 url(../images/arrowbianca_right.png) no-repeat 95% 50%;
  35.         color: #FFFFFF;
  36.         padding: 5px 21px 5px 7px;
  37.         margin-right: 0;
  38.         -webkit-border-radius: 5px;
  39.         -moz-border-radius: 5px;
  40.         border-radius: 5px;
  41. }
  42. body.mceContentBody a.verde:hover { background: #729133 url(../images/arrowbianca_right.png) no-repeat 95% 50%; color: #FFFFFF; }
  43. body.mceContentBody p {
  44.         padding-right: 5px;
  45.         margin: 10px 0;
  46.         line-height: 18px;
  47. }
  48.  
  49. body.mceContentBody p.sottotitolo {
  50.         color: #6F9502;
  51.         font-size: 14px;
  52.         margin: 0 0 20px 0;
  53.         border: solid 1px #cccccc;
  54.         padding: 10px 10px 10px 10px;
  55.         margin: 0;
  56.         -webkit-border-radius: 10px;
  57.         -moz-border-radius: 10px;
  58.         border-radius: 10px;
  59. }
create a new version of this paste RAW Paste Data