public/javascripts/tiny_mce/themes/advanced/css/editor_popup.css

   1 /* This file contains the CSS data for all popups in TinyMCE */
   2
   3 body {
   4         background-color: #F0F0EE;
   5         font-family: Verdana, Arial, Helvetica, sans-serif;
   6         font-size: 11px;
   7         scrollbar-3dlight-color: #F0F0EE;
   8         scrollbar-arrow-color: #676662;
   9         scrollbar-base-color: #F0F0EE;
  10         scrollbar-darkshadow-color: #DDDDDD;
  11         scrollbar-face-color: #E0E0DD;
  12         scrollbar-highlight-color: #F0F0EE;
  13         scrollbar-shadow-color: #F0F0EE;
  14         scrollbar-track-color: #F5F5F5;
  15         margin: 8px;
  16 }
  17
  18 td {
  19         font-family: Verdana, Arial, Helvetica, sans-serif;
  20         font-size: 11px;
  21 }
  22
  23 input {
  24         background: #FFFFFF;
  25         border: 1px solid #cccccc;
  26 }
  27
  28 td, input, select, textarea {
  29         font-family: Verdana, Arial, Helvetica, sans-serif;
  30         font-size: 10px;
  31 }
  32
  33 input, select, textarea {
  34         border: 1px solid #808080;
  35 }
  36
  37 .input_noborder {
  38         border: 0;
  39 }
  40
  41 #insert, .updateButton {
  42    font-weight: bold;
  43    width: 90px;
  44    height: 21px;
  45    border: 0;
  46    background-image: url('../images/insert_button_bg.gif');
  47    cursor: pointer;
  48 }
  49
  50 #cancel {
  51    font-weight: bold;
  52    width: 90px;
  53    height: 21px;
  54    border: 0;
  55    background-image: url('../images/cancel_button_bg.gif');
  56    cursor: pointer;
  57 }
  58
  59 /* Mozilla only style */
  60 html>body #insert, html>body #cancel {
  61         padding-bottom: 2px;
  62 }
  63
  64 .title {
  65         font-size: 12px;
  66         font-weight: bold;
  67         color: #2B6FB6;
  68 }
  69
  70 table.charmap {
  71         border-style: solid;
  72         border-width: 1px;
  73         border-color: #AAAAAA;
  74 }
  75
  76 td.charmap, td.charmapOver {
  77         color: #000000;
  78         border-color: #AAAAAA;
  79         border-style: solid;
  80         border-width: 1px;
  81         text-align: center;
  82         font-size: 12px;
  83 }
  84
  85 td.charmapOver {
  86         background-color: #CCCCCC;
  87         cursor: default;
  88 }
  89
  90 a.charmap {
  91         color: #000000;
  92         text-decoration: none
  93 }
  94
  95 .wordWrapCode {
  96         vertical-align: middle;
  97         border: 1px none #000000;
  98         background-color: transparent;
  99 }
 100
 101 input.radio {
 102         border: 1px none #000000;
 103         background-color: transparent;
 104         vertical-align: middle;
 105 }
 106
 107 input.checkbox {
 108         border: 1px none #000000;
 109         background-color: transparent;
 110         vertical-align: middle;
 111 }
 112
 113 .mceButtonNormal, .mceButtonOver, .mceButtonDown, .mceSeparator, .mceButtonDisabled, .mceButtonSelected {
 114         margin-left: 1px;
 115 }
 116
 117 .mceButtonNormal {
 118         border-top: 1px solid;
 119         border-left: 1px solid;
 120         border-bottom: 1px solid;
 121         border-right: 1px solid;
 122         border-color: #F0F0EE;
 123         cursor: default;
 124 }
 125
 126 .mceButtonOver {
 127         border: 1px solid #0A246A;
 128         cursor: default;
 129         background-color: #B6BDD2;
 130 }
 131
 132 .mceButtonDown {
 133         cursor: default;
 134         border: 1px solid #0A246A;
 135         background-color: #8592B5;
 136 }
 137
 138 .mceButtonDisabled {
 139         filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);
 140         -moz-opacity:0.3;
 141         opacity: 0.3;
 142         border-top: 1px solid;
 143         border-left: 1px solid;
 144         border-bottom: 1px solid;
 145         border-right: 1px solid;
 146         border-color: #F0F0EE;
 147         cursor: default;
 148 }
 149
 150 .mceActionPanel {
 151         margin-top: 5px;
 152 }
 153
 154 /* Tabs classes */
 155
 156 .tabs {
 157         float: left;
 158         width: 100%;
 159         line-height: normal;
 160         background-image: url("../images/xp/tabs_bg.gif");
 161 }
 162
 163 .tabs ul {
 164         margin: 0;
 165         padding: 0 0 0;
 166         list-style: none;
 167 }
 168
 169 .tabs li {
 170         float: left;
 171         background: url("../images/xp/tab_bg.gif") no-repeat left top;
 172         margin: 0;
 173         margin-left: 0;
 174         margin-right: 2px;
 175         padding: 0 0 0 10px;
 176         line-height: 18px;
 177 }
 178
 179 .tabs li.current {
 180         background: url("../images/xp/tab_sel_bg.gif") no-repeat left top;
 181         margin-right: 2px;
 182 }
 183
 184 .tabs span {
 185         float: left;
 186         display: block;
 187         background: url("../images/xp/tab_end.gif") no-repeat right top;
 188         padding: 0px 10px 0 0;
 189 }
 190
 191 .tabs .current span {
 192         background: url("../images/xp/tab_sel_end.gif") no-repeat right top;
 193 }
 194
 195 .tabs a {
 196         text-decoration: none;
 197         font-family: Verdana, Arial;
 198         font-size: 10px;
 199 }
 200
 201 .tabs a:link, .tabs a:visited, .tabs a:hover {
 202         color: black;
 203 }
 204
 205 .tabs a:hover {
 206 }
 207
 208 .tabs .current {
 209 }
 210
 211 .tabs .current a, .tabs .current a:link, .tabs .current a:visited {
 212 }
 213
 214 .panel_wrapper div.panel {
 215         display: none;
 216 }
 217
 218 .panel_wrapper div.current {
 219         display: block;
 220         width: 100%;
 221         height: 300px;
 222         overflow: visible; /* Should be auto but that breaks Safari */
 223 }
 224
 225 .panel_wrapper {
 226         border: 1px solid #919B9C;
 227         border-top: 0px;
 228         padding: 10px;
 229         padding-top: 5px;
 230         clear: both;
 231         background-color: white;
 232 }
 233
 234 fieldset {
 235         border: 1px solid #919B9C;
 236         font-family: Verdana, Arial;
 237         font-size: 10px;
 238         padding: 0;
 239         margin: 0;
 240         padding: 4px;
 241 }
 242
 243 legend {
 244         color: #2B6FB6;
 245         font-weight: bold;
 246 }
 247
 248 .properties {
 249         width: 100%;
 250 }
 251
 252 .properties .column1 {
 253 }
 254
 255 .properties .column2 {
 256         text-align: left;
 257 }
 258
 259 a:link, a:visited {
 260         color: black;
 261 }
 262
 263 a:hover {
 264         color: #2B6FB6;
 265 }
 266
 267 #plugintable thead {
 268         font-weight: bold;
 269         background-color: #DDDDDD;
 270 }
 271
 272 #plugintable, #about #plugintable td {
 273         border: 1px solid #919B9C;
 274 }
 275
 276 #plugintable {
 277         width: 99%;
 278         margin-top: 10px;
 279 }
 280
 281 #pluginscontainer {
 282         height: 290px;
 283         overflow: auto;
 284 }
 285
 286 /* MSIE Specific styles */
 287
 288 * html .panel_wrapper {
 289         width: 100%;
 290 }
 291
 292 .column {
 293         float: left;
 294 }
 295
 296 h1, h2, h3, h4 {
 297         color: #2B6FB6;
 298         margin: 0;
 299         padding: 0;
 300         padding-top: 5px;
 301 }
 302
 303 h3 {
 304         font-size: 14px;
 305 }
 306
 307 #link .panel_wrapper, #link div.current {
 308         height: 125px;
 309 }
 310
 311 #image .panel_wrapper, #image div.current {
 312         height: 190px;
 313 }
 314
 315 label.msg { display: none; }
 316 label.invalid { color: #EE0000; display: inline; }
 317 input.invalid { border: 1px solid #EE0000; }
 318
 319 /* Disables the advanced tab in the table plugin. */
 320 /*
 321 #table #advanced_tab {
 322         display: none;
 323 }
 324 */
 325
 326 /* Disables the border input field and label in the table plugin. */
 327 /*
 328 #table #border, #table #borderlabel {
 329         display: none;
 330 }
 331 */