wymiframe.css

   1 /*
   2  * WYMeditor : what you see is What You Mean web-based editor
   3  * Copyright (c) 2005 - 2009 Jean-Francois Hovinne, http://www.wymeditor.org/
   4  * Dual licensed under the MIT (MIT-license.txt)
   5  * and GPL (GPL-license.txt) licenses.
   6  *
   7  * For further information visit:
   8  *        http://www.wymeditor.org/
   9  *
  10  * File Name:
  11  *        wymeditor.css
  12  *        Main editor css file.
  13  *        See the documentation for more info.
  14  *
  15  * File Authors:
  16  *        Jean-Francois Hovinne (jf.hovinne a-t wymeditor dotorg)
  17  *        Daniel Reszka (d.reszka a-t wymeditor dotorg)
  18 */
  19
  20 /* VISUAL FEEDBACK */
  21
  22 /* basic */
  23   body  { background: #e1e8f1; font-size: 12px; }
  24
  25 /* make HTML blocs visible */
  26   p,
  27   h1,
  28   h2,
  29   h3,
  30   h4,
  31   h5,
  32   h6,
  33   ul,
  34   ol,
  35   table,
  36   blockquote,
  37   pre           { background: #FFFFFF no-repeat 2px 2px;
  38                   padding:8px 5px 5px;
  39                   margin:10px; }
  40   td            { background: #F0F4F8; }
  41   th            { background: #ffffcc; }
  42   ul,
  43   ol            { border-left:20px solid #B9C4D0; padding:0px 5px; }
  44   caption       { background: #E4E4B0; padding: 5px; font-weight: bold; }
  45   table         { font-size: 12px; width: 500px; }
  46   td            { width: 25%; }
  47   blockquote    { margin-left: 30px; }
  48   pre           { background-color:transparent; border: 1px solid white; }
  49
  50 /* Gecko min height fix */
  51   p             { min-height: 1em; } /*min-height is needed under Firefox, because empty parargraphs */
  52   *+html p      { min-height: auto; } /* but we have to remove it under IE7 because it triggers the 'haslayout' mode */
  53   td            { height: 1.6em; }
  54
  55 /* labels */
  56   p         { background-image: url(lbl-p.png); }
  57   h1        { background-image: url(lbl-h1.png); }
  58   h2        { background-image: url(lbl-h2.png); }
  59   h3        { background-image: url(lbl-h3.png); }
  60   h4        { background-image: url(lbl-h4.png); }
  61   h5        { background-image: url(lbl-h5.png); }
  62   h6        { background-image: url(lbl-h6.png); }
  63   blockquote{ background-image: url(lbl-blockquote.png); }
  64   pre       { background-image: url(lbl-pre.png); }
  65
  66 /* specific HTML elements */
  67   caption   { text-align: left; }
  68   img       { margin-right: 5px;
  69               border-style: solid;
  70               border-color: gray;
  71               border-width: 0; }
  72   a img     { border-width: 1px; border-color: blue; }
  73   acronym   { border: 1px solid gray; }
  74   span      { background-color: #eef; }
  75
  76 /* visual feedback for non-valid nesting of elements*/
  77   h1 h1, h1 h2, h1 h3, h1 h4, h1 h5, h1 h6, h1 p, h1 pre, h1 address,
  78   h2 h1, h2 h2, h2 h3, h2 h4, h2 h5, h2 h6, h2 p, h2 pre, h2 address,
  79   h3 h1, h3 h2, h3 h3, h3 h4, h3 h5, h3 h6, h3 p, h3 pre, h3 address,
  80   h4 h1, h4 h2, h4 h3, h4 h4, h4 h5, h4 h6, h4 p, h4 pre, h4 address,
  81   h5 h1, h5 h2, h5 h3, h5 h4, h5 h5, h5 h6, h5 p, h5 pre, h5 address,
  82   h6 h1, h6 h2, h6 h3, h6 h4, h6 h4, h6 h6, h6 p, h6 pre, h6 address,
  83   p h1, p h2, p h3, p h4, p h5, p h6, p pre, p address,
  84   pre h1, pre h2, pre h3, pre h4, pre h5, pre h6, pre p, pre pre, pre address,
  85   address h1, address h2, address h3, address h4, address h5, address h6,
  86   address p, address pre, address address
  87   { background-color: #ff9999 !important;
  88     border: 1px solid red !important;
  89     font-size: 12px !important;
  90     font-weight: normal; }