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