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

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