include/javascript/yui/build/editor/assets/simpleeditor-core.css

   1 /*
   2 Copyright (c) 2011, Yahoo! Inc. All rights reserved.
   3 Code licensed under the BSD License:
   4 http://developer.yahoo.com/yui/license.html
   5 version: 2.9.0
   6 */
   7 /* Set the cursor to busy when we are doing something */
   8 .yui-busy {
   9     cursor: wait !important;
  10 }
  11 .yui-toolbar-container fieldset,
  12 .yui-editor-container fieldset {
  13     padding: 0;
  14     margin: 0;
  15     border: 0;
  16 }
  17 .yui-toolbar-container legend {
  18     display: none;
  19 }
  20 .yui-skin-sam .yui-toolbar-container .yui-button button,
  21 .yui-skin-sam .yui-toolbar-container .yui-button a,
  22 .yui-skin-sam .yui-toolbar-container .yui-button a:visited {
  23     font-size: 0px;
  24 }
  25 .yui-skin-sam .yui-toolbar-container .yui-toolbar-select button,
  26 .yui-skin-sam .yui-toolbar-container .yui-toolbar-select a,
  27 .yui-skin-sam .yui-toolbar-container .yui-toolbar-select a:visited,
  28 .yui-skin-sam .yui-toolbar-container .yui-toolbar-spinbutton button,
  29 .yui-skin-sam .yui-toolbar-container .yui-toolbar-spinbutton a,
  30 .yui-skin-sam .yui-toolbar-container .yui-toolbar-spinbutton a:visited {
  31     font-size: 12px;
  32 }
  33 .yui-skin-sam .yui-toolbar-container .yui-toolbar-spinbutton a.up,
  34 .yui-skin-sam .yui-toolbar-container .yui-toolbar-spinbutton a.down {
  35     font-size: 0;
  36     line-height: 0;
  37     padding: 0;
  38 }
  39
  40 /* Setup the container with some padding and zoom it for IE's hasLayout */
  41 .yui-toolbar-container .yui-toolbar-subcont {
  42     padding: .25em 0;
  43     zoom: 1;
  44 }
  45 /* When collapsed set the toolbars container to display none */
  46 .yui-toolbar-container-collapsed .yui-toolbar-subcont {
  47     display: none;
  48 }
  49 /* Setup the :after so that compliant browsers don't loose the bounding box */
  50 .yui-toolbar-container .yui-toolbar-subcont:after { display: block; clear: both; visibility: hidden; content: '.'; height: 0;}
  51
  52 /* Drag handle for the toolbar's draggable property */
  53 .yui-toolbar-container span.yui-toolbar-draghandle {
  54     cursor: move;
  55     border-left: 1px solid #999;
  56     border-right: 1px solid #999;
  57     overflow: hidden;
  58     text-indent: 77777px;
  59     width: 2px;
  60     height: 20px;
  61     display: block;
  62     clear: none;
  63     float: left;
  64     margin: 0 0 0 .2em;
  65 }
  66 /* If the titlebar is draggable, the set the cursor */
  67 .yui-toolbar-container .yui-toolbar-titlebar.draggable {
  68     cursor: move;
  69 }
  70 /* Set the titlebar to relative so we can position the collapse button */
  71 .yui-toolbar-container .yui-toolbar-titlebar {
  72     position: relative;
  73 }
  74 /* Toolbar's titlebar styles */
  75 .yui-toolbar-container .yui-toolbar-titlebar h2 {
  76     font-weight: bold;
  77     letter-spacing: 0;
  78     border: none;
  79     color: #000;
  80     margin: 0;
  81     padding: .2em;
  82 }
  83 .yui-toolbar-container .yui-toolbar-titlebar h2 a {
  84     text-decoration: none;
  85     color: #000;
  86     cursor: default;
  87 }
  88 /* If the toolbar is grouped the draghandle needs to be bigger */
  89 .yui-toolbar-container.yui-toolbar-grouped span.yui-toolbar-draghandle {
  90     height: 40px;
  91 }
  92
  93 /* Float the groups so they position nicely and zoom them for IE */
  94 .yui-toolbar-container .yui-toolbar-group {
  95     float: left;
  96     margin-right: .5em;
  97     zoom: 1;
  98 }
  99 /* Setup the :after so that compliant browsers don't loose the bounding box */
 100 .yui-toolbar-container .yui-toolbar-group:after { display: block; clear: both; visibility: hidden; content: '.'; height: 0;}
 101 /* Grouped title styles */
 102 .yui-toolbar-container .yui-toolbar-group h3 {
 103     font-size: 75%;
 104     padding: 0 0 0 .25em;
 105     margin: 0;
 106 }
 107 /* Style the separators with a left border */
 108 .yui-toolbar-container span.yui-toolbar-separator {
 109     width: 2px;
 110     padding: 0;
 111     height: 18px;
 112     margin: .2em 0 .2em .1em;
 113     display: none;
 114     float: left;
 115
 116 }
 117 /* Set the height of a grouped separator to a little bit bigger */
 118 .yui-toolbar-container.yui-toolbar-grouped span.yui-toolbar-separator {
 119     height: 45px;
 120     *height: 50px;
 121 }
 122
 123 /* Reset the height of a separator inside of a group */
 124 .yui-toolbar-container.yui-toolbar-grouped .yui-toolbar-group span.yui-toolbar-separator {
 125     height: 18px;
 126     display: block;
 127 }
 128
 129 /* Kill the default styles of the list */
 130 .yui-toolbar-container ul li {
 131     margin: 0;
 132     padding: 0;
 133     list-style-type: none;
 134 }
 135 /* Hide the group labels when the .yui-toolbar-nogrouplabels class is applied */
 136 .yui-toolbar-container .yui-toolbar-nogrouplabels h3 {
 137     display: none;
 138 }
 139
 140 /* Setup the default style of a button in the toolbar */
 141 .yui-toolbar-container .yui-push-button,
 142 .yui-toolbar-container .yui-color-button,
 143 .yui-toolbar-container .yui-menu-button {
 144 /*.yui-toolbar-container .yui-button {*/
 145     position: relative;
 146     cursor: pointer;
 147 }
 148
 149 /* setup the default style of the A inside of the toolbar button */
 150 .yui-toolbar-container .yui-button .first-child, .yui-toolbar-container .yui-button .first-child a {
 151     height: 100%;
 152     width: 100%;
 153     overflow: hidden;
 154     font-size: 0px;
 155 }
 156
 157 /* Setup the disabled state of a button */
 158 .yui-toolbar-container .yui-button-disabled {
 159     cursor: default;
 160 }
 161 /* Disable the icon too */
 162 .yui-toolbar-container .yui-button-disabled .yui-toolbar-icon {
 163     opacity: .5;
 164     filter: alpha(opacity=50);
 165 }
 166 /*Disabled Spin button arrows*/
 167 .yui-toolbar-container .yui-button-disabled .up,
 168 .yui-toolbar-container .yui-button-disabled .down {
 169     opacity: .5;
 170     filter: alpha(opacity=50);
 171 }
 172 /* remove any padding from the A */
 173 .yui-toolbar-container .yui-button a {
 174     overflow: hidden;
 175 }
 176
 177 /* Override the default Button style for select menu*/
 178 .yui-toolbar-container .yui-toolbar-select .first-child a {
 179     cursor: pointer;
 180 }
 181
 182 /* Font Family Menu Style - This styles the menu items and the selected menu item */
 183 .yui-toolbar-fontname-arial { font-family: Arial; }
 184 .yui-toolbar-fontname-arial-black { font-family: Arial Black; }
 185 .yui-toolbar-fontname-comic-sans-ms { font-family: Comic Sans MS; }
 186 .yui-toolbar-fontname-courier-new { font-family: Courier New; }
 187 .yui-toolbar-fontname-times-new-roman { font-family: Times New Roman; }
 188 .yui-toolbar-fontname-verdana { font-family: Verdana; }
 189 .yui-toolbar-fontname-impact { font-family: Impact; }
 190 .yui-toolbar-fontname-lucida-console { font-family: Lucida Console; }
 191 .yui-toolbar-fontname-tahoma { font-family: Tahoma; }
 192 .yui-toolbar-fontname-trebuchet-ms { font-family: Trebuchet MS; }
 193
 194 /* Spin Button */
 195 .yui-toolbar-container .yui-toolbar-spinbutton {
 196     position: relative;
 197 }
 198
 199 /* Setup the default style for the A */
 200 .yui-toolbar-container .yui-toolbar-spinbutton .first-child a {
 201     z-index: 0;
 202     opacity: 1;
 203 }
 204
 205 /* Setup the position and style for the up and down arrows */
 206 .yui-toolbar-container .yui-toolbar-spinbutton a.up, .yui-toolbar-container .yui-toolbar-spinbutton a.down {
 207     position: absolute;
 208     display: block;
 209     right: 0;
 210     cursor: pointer;
 211     z-index: 1;
 212     padding: 0;
 213     margin: 0;
 214 }
 215 /* Position all panels/overlays as absolute by default */
 216 .yui-toolbar-container .yui-overlay {
 217     position: absolute;
 218 }
 219 /* Smash the default style for lists */
 220 .yui-toolbar-container .yui-overlay ul li {
 221     margin: 0;
 222     list-style-type: none;
 223 }
 224
 225 /* Reset the z-index of the toolbar container so that menu's appear over the iframe in IE and Safari */
 226 .yui-toolbar-container {
 227     z-index: 1;
 228 }
 229
 230 /* The div around the iFrame */
 231 .yui-editor-container .yui-editor-editable-container {
 232     position: relative;
 233     z-index: 0;
 234     width: 100%;
 235 }
 236 /* The disbled state of the Editor */
 237 .yui-editor-container .yui-editor-masked {
 238     background-color: #CCC;
 239     height: 100%;
 240     width: 100%;
 241     position: absolute;
 242     top: 0;
 243     left: 0;
 244     opacity: .5;
 245     filter: alpha(opacity=50);
 246 }
 247 /* Style the editable iframe to hide it */
 248 .yui-editor-container iframe {
 249     border: 0px;
 250     padding: 0;
 251     margin: 0;
 252     zoom: 1;
 253     display: block;
 254 }
 255 /* Reset some padding on the editable iframes container */
 256 .yui-editor-container .yui-editor-editable {
 257     padding: 0;
 258     margin: 0;
 259 }
 260 /* Style the dom path box at the bottom of the editor */
 261 .yui-editor-container .dompath {
 262     font-size: 85%;
 263 }
 264 /* Header styles for the Property Editor */
 265 .yui-editor-panel .hd {
 266     text-align: left;
 267     position: relative;
 268 }
 269 /* Setup some padding around the h3 */
 270 .yui-editor-panel .hd h3 {
 271     font-weight: bold;
 272     padding: 0.25em 0pt 0.25em 0.25em;
 273     margin: 0;
 274 }
 275
 276 /* set it to relative so we can position the close button - Zoom it for IE */
 277 .yui-editor-panel .bd {
 278     width: 100%;
 279     zoom: 1;
 280     position: relative;
 281 }
 282 /* Setup some padding for the body container - Zoom it for IE */
 283 .yui-editor-panel .bd div.yui-editor-body-cont {
 284     padding: .25em .1em;
 285     zoom: 1;
 286 }
 287 /* Get the caret back in Geckp */
 288 .yui-editor-panel .bd .gecko form {
 289     overflow: auto;
 290 }
 291
 292 /* Setup the :after so that compliant browsers don't loose the bounding box */
 293 .yui-editor-panel .bd div.yui-editor-body-cont:after { display: block; clear: both; visibility: hidden; content: '.'; height: 0;}
 294
 295 /* style the footer of the property editor */
 296 .yui-editor-panel .ft {
 297     text-align: right;
 298     width: 99%;
 299     float: left;
 300     clear: both;
 301 }
 302
 303 /* Style the "tip" icon */
 304 .yui-editor-panel .ft span.tip {
 305     display: block;
 306     position: relative;
 307     padding: .5em .5em .5em 23px;
 308     text-align:left;
 309     zoom: 1;
 310 }
 311
 312
 313 /* setup some form fields */
 314 .yui-editor-panel label {
 315     clear: both;
 316     float: left;
 317     padding: 0;
 318     width: 100%;
 319     text-align: left;
 320     zoom: 1;
 321 }
 322 /* This fixes the caret issue in Firefox */
 323 .yui-editor-panel .gecko label {
 324     overflow: auto;
 325 }
 326 /* more form fields */
 327 .yui-editor-panel label strong {
 328     float: left;
 329     width: 6em;
 330 }
 331
 332 /* The remove link in the Link Property Editor */
 333 .yui-editor-panel .removeLink {
 334     width: 80%;
 335     text-align: right;
 336 }
 337
 338 /* More form styling */
 339 .yui-editor-panel label input {
 340     margin-left: .25em;
 341     float: left;
 342 }
 343
 344 .yui-editor-panel .yui-toolbar-group {
 345     margin-bottom: 0.75em;
 346 }
 347
 348 /* Image Padding in the Property Editor */
 349 .yui-editor-panel .yui-toolbar-group-padding {
 350 }
 351
 352 /* Image Border in the Property Editor */
 353 .yui-editor-panel .yui-toolbar-group-border {
 354 }
 355
 356 /* Image Text Flow in the Property Editor */
 357 .yui-editor-panel .yui-toolbar-group-textflow {
 358 }
 359
 360 /* Image Height/Width in the Property Editor */
 361 .yui-editor-panel .height-width {
 362     float: left;
 363 }
 364 /* Image Height/Width title */
 365 .yui-editor-panel .height-width h3 {
 366 }
 367 /* Image Height/Width container */
 368 .yui-editor-panel .height-width span {
 369     font-style: italic;
 370     display: block;
 371     float: left;
 372     overflow: visible;
 373 }
 374 /* Image Height/Width original info container */
 375 .yui-editor-panel .height-width span.info {
 376     font-size: 70%;
 377     margin-top: 3px;
 378     float: none;
 379 }
 380
 381 /* Border Size/Type button widths */
 382 .yui-editor-panel .yui-toolbar-bordersize, .yui-editor-panel .yui-toolbar-bordertype {
 383     font-size: 75%;
 384 }
 385
 386 /* Kill the separators in the Property Editor */
 387 .yui-editor-panel .yui-toolbar-container span.yui-toolbar-separator {
 388     border: none;
 389 }
 390
 391 /* Border Type solid */
 392 .yui-editor-panel .yui-toolbar-bordersize span a span,
 393 .yui-editor-panel .yui-toolbar-bordertype span a span {
 394     display: block;
 395     height: 8px;
 396     left: 4px;
 397     position: absolute;
 398     top: 3px;
 399     _top: -5px;
 400     width: 24px;
 401     text-indent: 52px;
 402     font-size: 0%;
 403 }
 404 /* Border Type solid */
 405 .yui-editor-panel .yui-toolbar-bordertype span a span.yui-toolbar-bordertype-solid {
 406     border-bottom: 1px solid black;
 407 }
 408 /* Border Type dotted */
 409 .yui-editor-panel .yui-toolbar-bordertype span a span.yui-toolbar-bordertype-dotted {
 410     border-bottom: 1px dotted black;
 411 }
 412 /* Border Type dashed */
 413 .yui-editor-panel .yui-toolbar-bordertype span a span.yui-toolbar-bordertype-dashed {
 414     border-bottom: 1px dashed black;
 415 }
 416 /* Border Size 0 */
 417 .yui-editor-panel .yui-toolbar-bordersize span a span.yui-toolbar-bordersize-0 {
 418     *top: 0px;
 419     text-indent: 0px;
 420     font-size: 75%;
 421 }
 422 /* Border Size 1 */
 423 .yui-editor-panel .yui-toolbar-bordersize span a span.yui-toolbar-bordersize-1 {
 424     border-bottom: 1px solid black;
 425 }
 426 /* Border Size 2 */
 427 .yui-editor-panel .yui-toolbar-bordersize span a span.yui-toolbar-bordersize-2 {
 428     border-bottom: 2px solid black;
 429 }
 430 /* Border Size 3 */
 431 .yui-editor-panel .yui-toolbar-bordersize span a span.yui-toolbar-bordersize-3 {
 432     top: 2px;
 433     *top: -5px;
 434     border-bottom: 3px solid black;
 435 }
 436 /* Border Size 4 */
 437 .yui-editor-panel .yui-toolbar-bordersize span a span.yui-toolbar-bordersize-4 {
 438     top: 1px;
 439     *top: -5px;
 440     border-bottom: 4px solid black;
 441 }
 442 /* Border Size 5 */
 443 .yui-editor-panel .yui-toolbar-bordersize span a span.yui-toolbar-bordersize-5 {
 444     top: 1px;
 445     *top: -5px;
 446     border-bottom: 5px solid black;
 447 }
 448
 449 /* Border Size menu size */
 450 .yui-toolbar-container .yui-toolbar-bordersize-menu,
 451 .yui-toolbar-container .yui-toolbar-bordertype-menu {
 452     width: 95px !important;
 453 }
 454 /* Border Size menu styles */
 455 .yui-toolbar-bordersize-menu .yuimenuitemlabel, .yui-toolbar-bordertype-menu .yuimenuitemlabel,
 456 .yui-toolbar-bordersize-menu .yuimenuitemlabel, .yui-toolbar-bordertype-menu .yuimenuitemlabel:hover {
 457     margin:0px 3px 7px 17px;
 458 }
 459 /* Border Size menu styles - Checked */
 460 .yui-toolbar-bordersize-menu .yuimenuitemlabel .checkedindicator, .yui-toolbar-bordertype-menu .yuimenuitemlabel .checkedindicator {
 461     position: absolute;
 462     left: -12px;
 463     *top: 14px;
 464     *left: 0px;
 465 }
 466
 467 /* Border Size 1 - Menu Item */
 468 .yui-toolbar-bordersize-menu li.yui-toolbar-bordersize-1 a {
 469     border-bottom: 1px solid black;
 470     height: 14px;
 471 }
 472 /* Border Size 2 - Menu Item */
 473 .yui-toolbar-bordersize-menu li.yui-toolbar-bordersize-2 a {
 474     border-bottom: 2px solid black;
 475     height: 14px;
 476 }
 477 /* Border Size 3 - Menu Item */
 478 .yui-toolbar-bordersize-menu li.yui-toolbar-bordersize-3 a {
 479     border-bottom: 3px solid black;
 480     height: 14px;
 481 }
 482 /* Border Size 4 - Menu Item */
 483 .yui-toolbar-bordersize-menu li.yui-toolbar-bordersize-4 a {
 484     border-bottom: 4px solid black;
 485     height: 14px;
 486 }
 487 /* Border Size 5 - Menu Item */
 488 .yui-toolbar-bordersize-menu li.yui-toolbar-bordersize-5 a {
 489     border-bottom: 5px solid black;
 490     height: 14px;
 491 }
 492
 493
 494 /* Border Type Solid - Menu Item */
 495 .yui-toolbar-bordertype-menu li.yui-toolbar-bordertype-solid a {
 496     border-bottom: 1px solid black;
 497     height: 14px;
 498 }
 499 /* Border Type Dashed - Menu Item */
 500 .yui-toolbar-bordertype-menu li.yui-toolbar-bordertype-dashed a {
 501     border-bottom: 1px dashed black;
 502     height: 14px;
 503 }
 504 /* Border Type Dotted - Menu Item */
 505 .yui-toolbar-bordertype-menu li.yui-toolbar-bordertype-dotted a {
 506     border-bottom: 1px dotted black;
 507     height: 14px;
 508 }
 509
 510 /* Hidden Headers for Accessibility */
 511 h2.yui-editor-skipheader, h3.yui-editor-skipheader {
 512     height: 0;
 513     margin: 0;
 514     padding: 0;
 515     border: none;
 516     width: 0;
 517     overflow: hidden;
 518     position: absolute;
 519 }
 520
 521 /* Setup the default look of a color menu and Zoom it for IE */
 522 .yui-toolbar-colors {
 523     width: 133px;
 524     zoom: 1;
 525     display: none;
 526     z-index: 100;
 527     overflow: hidden;
 528 }
 529
 530 /* Setup the :after so that compliant browsers don't loose the bounding box */
 531 .yui-toolbar-colors:after { display: block; clear: both; visibility: hidden; content: '.'; height: 0;}
 532 /* Style all of the A's so the float properly */
 533 .yui-toolbar-colors a {
 534     height: 9px;
 535     width: 9px;
 536     float: left;
 537     display: block;
 538     overflow: hidden;
 539     text-indent: 999px;
 540     margin: 0;
 541     cursor: pointer;
 542     border: 1px solid #F6F7EE;
 543 }
 544 /* Put a little border around one that is hovered over */
 545 .yui-toolbar-colors a:hover {
 546     border: 1px solid black;
 547 }
 548
 549 /* Smash the inhertited Menu style */
 550 .yui-color-button-menu {
 551     overflow: visible;
 552     background-color: transparent;
 553 }
 554
 555 /* This is the preview box at the bottom of the menu - Zoom it for IE */
 556 .yui-toolbar-colors span {
 557     position: relative;
 558     display: block;
 559     padding: 3px;
 560     overflow: hidden;
 561     float: left;
 562     width: 100%;
 563     zoom: 1;
 564 }
 565 /* Setup the :after so that compliant browsers don't loose the bounding box */
 566 .yui-toolbar-colors span:after { display: block; clear: both; visibility: hidden; content: '.'; height: 0;}
 567
 568 /* This is the box with the color preview in it */
 569 .yui-toolbar-colors span em {
 570     height: 35px;
 571     width: 30px;
 572     float: left;
 573     display: block;
 574     overflow: hidden;
 575     text-indent: 999px;
 576     margin: 0.75px;
 577     border: 1px solid black;
 578 }
 579
 580 /* The container for the name and hex code */
 581 .yui-toolbar-colors span strong {
 582     font-weight: normal;
 583     padding-left: 3px;
 584     display: block;
 585     font-size: 85%;
 586     float: left;
 587     width: 65%;
 588 }
 589
 590
 591 .yui-toolbar-group-undoredo h3,
 592 .yui-toolbar-group-insertitem h3,
 593 .yui-toolbar-group-indentlist h3 {
 594     width: 68px;
 595 }
 596 .yui-toolbar-group-indentlist2 h3 {
 597     width: 122px;
 598 }
 599 .yui-toolbar-group-alignment h3 {
 600     width: 130px;
 601 }
 602