2 Copyright (c) 2011, Yahoo! Inc. All rights reserved.
3 Code licensed under the BSD License:
4 http://developer.yahoo.com/yui/license.html
7 /* Set the cursor to busy when we are doing something */
9 cursor: wait !important;
11 .yui-toolbar-container fieldset,
12 .yui-editor-container fieldset {
17 .yui-toolbar-container legend {
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 {
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 {
33 .yui-skin-sam .yui-toolbar-container .yui-toolbar-spinbutton a.up,
34 .yui-skin-sam .yui-toolbar-container .yui-toolbar-spinbutton a.down {
40 /* Setup the container with some padding and zoom it for IE's hasLayout */
41 .yui-toolbar-container .yui-toolbar-subcont {
45 /* When collapsed set the toolbars container to display none */
46 .yui-toolbar-container-collapsed .yui-toolbar-subcont {
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;}
52 /* Drag handle for the toolbar's draggable property */
53 .yui-toolbar-container span.yui-toolbar-draghandle {
55 border-left: 1px solid #999;
56 border-right: 1px solid #999;
66 /* If the titlebar is draggable, the set the cursor */
67 .yui-toolbar-container .yui-toolbar-titlebar.draggable {
70 /* Set the titlebar to relative so we can position the collapse button */
71 .yui-toolbar-container .yui-toolbar-titlebar {
74 /* Toolbar's titlebar styles */
75 .yui-toolbar-container .yui-toolbar-titlebar h2 {
83 .yui-toolbar-container .yui-toolbar-titlebar h2 a {
84 text-decoration: none;
88 /* If the toolbar is grouped the draghandle needs to be bigger */
89 .yui-toolbar-container.yui-toolbar-grouped span.yui-toolbar-draghandle {
93 /* Float the groups so they position nicely and zoom them for IE */
94 .yui-toolbar-container .yui-toolbar-group {
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 {
104 padding: 0 0 0 .25em;
107 /* Style the separators with a left border */
108 .yui-toolbar-container span.yui-toolbar-separator {
112 margin: .2em 0 .2em .1em;
117 /* Set the height of a grouped separator to a little bit bigger */
118 .yui-toolbar-container.yui-toolbar-grouped span.yui-toolbar-separator {
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 {
129 /* Kill the default styles of the list */
130 .yui-toolbar-container ul li {
133 list-style-type: none;
135 /* Hide the group labels when the .yui-toolbar-nogrouplabels class is applied */
136 .yui-toolbar-container .yui-toolbar-nogrouplabels h3 {
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 {*/
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 {
157 /* Setup the disabled state of a button */
158 .yui-toolbar-container .yui-button-disabled {
161 /* Disable the icon too */
162 .yui-toolbar-container .yui-button-disabled .yui-toolbar-icon {
164 filter: alpha(opacity=50);
166 /*Disabled Spin button arrows*/
167 .yui-toolbar-container .yui-button-disabled .up,
168 .yui-toolbar-container .yui-button-disabled .down {
170 filter: alpha(opacity=50);
172 /* remove any padding from the A */
173 .yui-toolbar-container .yui-button a {
177 /* Override the default Button style for select menu*/
178 .yui-toolbar-container .yui-toolbar-select .first-child a {
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; }
195 .yui-toolbar-container .yui-toolbar-spinbutton {
199 /* Setup the default style for the A */
200 .yui-toolbar-container .yui-toolbar-spinbutton .first-child a {
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 {
215 /* Position all panels/overlays as absolute by default */
216 .yui-toolbar-container .yui-overlay {
219 /* Smash the default style for lists */
220 .yui-toolbar-container .yui-overlay ul li {
222 list-style-type: none;
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 {
230 /* The div around the iFrame */
231 .yui-editor-container .yui-editor-editable-container {
236 /* The disbled state of the Editor */
237 .yui-editor-container .yui-editor-masked {
238 background-color: #CCC;
245 filter: alpha(opacity=50);
247 /* Style the editable iframe to hide it */
248 .yui-editor-container iframe {
255 /* Reset some padding on the editable iframes container */
256 .yui-editor-container .yui-editor-editable {
260 /* Style the dom path box at the bottom of the editor */
261 .yui-editor-container .dompath {
264 /* Header styles for the Property Editor */
265 .yui-editor-panel .hd {
269 /* Setup some padding around the h3 */
270 .yui-editor-panel .hd h3 {
272 padding: 0.25em 0pt 0.25em 0.25em;
276 /* set it to relative so we can position the close button - Zoom it for IE */
277 .yui-editor-panel .bd {
282 /* Setup some padding for the body container - Zoom it for IE */
283 .yui-editor-panel .bd div.yui-editor-body-cont {
287 /* Get the caret back in Geckp */
288 .yui-editor-panel .bd .gecko form {
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;}
295 /* style the footer of the property editor */
296 .yui-editor-panel .ft {
303 /* Style the "tip" icon */
304 .yui-editor-panel .ft span.tip {
307 padding: .5em .5em .5em 23px;
313 /* setup some form fields */
314 .yui-editor-panel label {
322 /* This fixes the caret issue in Firefox */
323 .yui-editor-panel .gecko label {
326 /* more form fields */
327 .yui-editor-panel label strong {
332 /* The remove link in the Link Property Editor */
333 .yui-editor-panel .removeLink {
338 /* More form styling */
339 .yui-editor-panel label input {
344 .yui-editor-panel .yui-toolbar-group {
345 margin-bottom: 0.75em;
348 /* Image Padding in the Property Editor */
349 .yui-editor-panel .yui-toolbar-group-padding {
352 /* Image Border in the Property Editor */
353 .yui-editor-panel .yui-toolbar-group-border {
356 /* Image Text Flow in the Property Editor */
357 .yui-editor-panel .yui-toolbar-group-textflow {
360 /* Image Height/Width in the Property Editor */
361 .yui-editor-panel .height-width {
364 /* Image Height/Width title */
365 .yui-editor-panel .height-width h3 {
367 /* Image Height/Width container */
368 .yui-editor-panel .height-width span {
374 /* Image Height/Width original info container */
375 .yui-editor-panel .height-width span.info {
381 /* Border Size/Type button widths */
382 .yui-editor-panel .yui-toolbar-bordersize, .yui-editor-panel .yui-toolbar-bordertype {
386 /* Kill the separators in the Property Editor */
387 .yui-editor-panel .yui-toolbar-container span.yui-toolbar-separator {
391 /* Border Type solid */
392 .yui-editor-panel .yui-toolbar-bordersize span a span,
393 .yui-editor-panel .yui-toolbar-bordertype span a span {
404 /* Border Type solid */
405 .yui-editor-panel .yui-toolbar-bordertype span a span.yui-toolbar-bordertype-solid {
406 border-bottom: 1px solid black;
408 /* Border Type dotted */
409 .yui-editor-panel .yui-toolbar-bordertype span a span.yui-toolbar-bordertype-dotted {
410 border-bottom: 1px dotted black;
412 /* Border Type dashed */
413 .yui-editor-panel .yui-toolbar-bordertype span a span.yui-toolbar-bordertype-dashed {
414 border-bottom: 1px dashed black;
417 .yui-editor-panel .yui-toolbar-bordersize span a span.yui-toolbar-bordersize-0 {
423 .yui-editor-panel .yui-toolbar-bordersize span a span.yui-toolbar-bordersize-1 {
424 border-bottom: 1px solid black;
427 .yui-editor-panel .yui-toolbar-bordersize span a span.yui-toolbar-bordersize-2 {
428 border-bottom: 2px solid black;
431 .yui-editor-panel .yui-toolbar-bordersize span a span.yui-toolbar-bordersize-3 {
434 border-bottom: 3px solid black;
437 .yui-editor-panel .yui-toolbar-bordersize span a span.yui-toolbar-bordersize-4 {
440 border-bottom: 4px solid black;
443 .yui-editor-panel .yui-toolbar-bordersize span a span.yui-toolbar-bordersize-5 {
446 border-bottom: 5px solid black;
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;
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;
459 /* Border Size menu styles - Checked */
460 .yui-toolbar-bordersize-menu .yuimenuitemlabel .checkedindicator, .yui-toolbar-bordertype-menu .yuimenuitemlabel .checkedindicator {
467 /* Border Size 1 - Menu Item */
468 .yui-toolbar-bordersize-menu li.yui-toolbar-bordersize-1 a {
469 border-bottom: 1px solid black;
472 /* Border Size 2 - Menu Item */
473 .yui-toolbar-bordersize-menu li.yui-toolbar-bordersize-2 a {
474 border-bottom: 2px solid black;
477 /* Border Size 3 - Menu Item */
478 .yui-toolbar-bordersize-menu li.yui-toolbar-bordersize-3 a {
479 border-bottom: 3px solid black;
482 /* Border Size 4 - Menu Item */
483 .yui-toolbar-bordersize-menu li.yui-toolbar-bordersize-4 a {
484 border-bottom: 4px solid black;
487 /* Border Size 5 - Menu Item */
488 .yui-toolbar-bordersize-menu li.yui-toolbar-bordersize-5 a {
489 border-bottom: 5px solid black;
494 /* Border Type Solid - Menu Item */
495 .yui-toolbar-bordertype-menu li.yui-toolbar-bordertype-solid a {
496 border-bottom: 1px solid black;
499 /* Border Type Dashed - Menu Item */
500 .yui-toolbar-bordertype-menu li.yui-toolbar-bordertype-dashed a {
501 border-bottom: 1px dashed black;
504 /* Border Type Dotted - Menu Item */
505 .yui-toolbar-bordertype-menu li.yui-toolbar-bordertype-dotted a {
506 border-bottom: 1px dotted black;
510 /* Hidden Headers for Accessibility */
511 h2.yui-editor-skipheader, h3.yui-editor-skipheader {
521 /* Setup the default look of a color menu and Zoom it for IE */
522 .yui-toolbar-colors {
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 {
542 border: 1px solid #F6F7EE;
544 /* Put a little border around one that is hovered over */
545 .yui-toolbar-colors a:hover {
546 border: 1px solid black;
549 /* Smash the inhertited Menu style */
550 .yui-color-button-menu {
552 background-color: transparent;
555 /* This is the preview box at the bottom of the menu - Zoom it for IE */
556 .yui-toolbar-colors span {
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;}
568 /* This is the box with the color preview in it */
569 .yui-toolbar-colors span em {
577 border: 1px solid black;
580 /* The container for the name and hex code */
581 .yui-toolbar-colors span strong {
591 .yui-toolbar-group-undoredo h3,
592 .yui-toolbar-group-insertitem h3,
593 .yui-toolbar-group-indentlist h3 {
596 .yui-toolbar-group-indentlist2 h3 {
599 .yui-toolbar-group-alignment h3 {