include/javascript/yui/build/editor/assets/skins/sam/editor-skin.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 /* Place the border around the editor */
   8 .yui-skin-sam .yui-editor-container {
   9     border: 1px solid #808080;
  10 }
  11 /* Color the border of the container */
  12 .yui-skin-sam .yui-toolbar-container {
  13     zoom: 1;
  14 }
  15 /* Load the background image on the Toolbars titlebar */
  16 .yui-skin-sam .yui-toolbar-container .yui-toolbar-titlebar {
  17     background: url(../../../../assets/skins/sam/sprite.png) repeat-x 0 -200px;
  18     position: relative;
  19 }
  20 .yui-skin-sam .yui-editor-container .draggable .yui-toolbar-titlebar {
  21     cursor: move;
  22 }
  23
  24 /* Give the titlebar some color and padding */
  25 .yui-skin-sam .yui-toolbar-container .yui-toolbar-titlebar h2 {
  26     color: #000000;
  27     font-weight: bold;
  28     margin: 0;
  29     padding: 0.3em 1em;
  30     font-size: 100%;
  31     text-align: left;
  32 }
  33
  34 /* Give the toolbars groups titles some color and padding */
  35 .yui-skin-sam .yui-toolbar-container .yui-toolbar-group h3 {
  36     color: #808080;
  37     font-size: 75%;
  38     margin: 1em 0 0;
  39     padding-bottom: 0;
  40     padding-left: 0.25em;
  41     text-align: left;
  42 }
  43
  44 /* Hide all of the sepatators borders */
  45 .yui-toolbar-container span.yui-toolbar-separator {
  46     border: none;
  47     text-indent: 33px;
  48     overflow: hidden;
  49     margin: 0 .25em;
  50 }
  51
  52 /* Background color of the toolbar */
  53 .yui-skin-sam .yui-toolbar-container {
  54     background-color: #F2F2F2;
  55 }
  56
  57 /* Add some padding to the toolbars sub container */
  58 .yui-skin-sam .yui-toolbar-container .yui-toolbar-subcont {
  59     padding: 0 1em 0.35em;
  60     border-bottom:1px solid #808080;
  61 }
  62 /* When the collapsed class is added, add a border to the bottom of the titlebar (since the toolbar itself is display none) */
  63 .yui-skin-sam .yui-toolbar-container-collapsed .yui-toolbar-titlebar {
  64     border-bottom:1px solid #808080;
  65 }
  66
  67 /* Remove the shadows from the menus in the toolbar - Menu.css override */
  68 .yui-skin-sam .yui-editor-container .visible .yui-menu-shadow,
  69 .yui-skin-sam .yui-editor-panel .visible .yui-menu-shadow {
  70     display: none;
  71 }
  72
  73 /* Remove padding/margin from lists */
  74 .yui-skin-sam .yui-editor-container ul {
  75     list-style-type: none;
  76     margin: 0;
  77     padding: 0;
  78 }
  79 /* Remove padding/margin from list items */
  80 .yui-skin-sam .yui-editor-container ul li {
  81     list-style-type: none;
  82     margin: 0;
  83     padding: 0;
  84 }
  85 /* Float the LI's that wrap the buttons */
  86 .yui-skin-sam .yui-toolbar-group ul li.yui-toolbar-groupitem {
  87     float: left;
  88 }
  89
  90 /* Set the color and the border of the dompath container at the bottom of the editor */
  91 .yui-skin-sam .yui-editor-container .dompath {
  92     background-color: #F2F2F2;
  93     border-top:1px solid #808080;
  94     color: #999;
  95     text-align: left;
  96     padding: 0.25em;
  97 }
  98
  99 /* Set the image for the collapse button on the toolbar */
 100 .yui-skin-sam .yui-toolbar-container .collapse {
 101     background: url(../../../../assets/skins/sam/sprite.png) no-repeat 0 -400px;
 102 }
 103 /* Set the image for the collapse button on the toolbar */
 104 .yui-skin-sam .yui-toolbar-container .collapsed {
 105     background: url(../../../../assets/skins/sam/sprite.png) no-repeat 0 -350px;
 106 }
 107 /* Position the image and the container */
 108 .yui-skin-sam .yui-toolbar-container .yui-toolbar-titlebar span.collapse {
 109     cursor: pointer;
 110     position: absolute;
 111     top: 4px;
 112     right: 2px;
 113     display: block;
 114     overflow: hidden;
 115     height: 15px;
 116     width: 15px;
 117     text-indent: 9999px;
 118 }
 119
 120 /* Set the default styles for the buttons */
 121 .yui-skin-sam .yui-toolbar-container .yui-push-button,
 122 .yui-skin-sam .yui-toolbar-container .yui-color-button,
 123 .yui-skin-sam .yui-toolbar-container .yui-menu-button {
 124     background: url(../../../../assets/skins/sam/sprite.png) repeat-x 0 0;
 125     position: relative;
 126     display: block;
 127     height: 22px;
 128     width: 30px;
 129     _font-size: 0;
 130     margin: 0;
 131     border-color: #808080;
 132     color: #f2f2f2;
 133     border-style: solid;
 134     border-width: 1px 0;
 135     zoom: 1;
 136 }
 137 /* Set the height of the buttons and pad them on the left for the icon */
 138 .yui-skin-sam .yui-toolbar-container .yui-push-button a,
 139 .yui-skin-sam .yui-toolbar-container .yui-color-button a,
 140 .yui-skin-sam .yui-toolbar-container .yui-menu-button a {
 141     padding-left: 35px;
 142     height: 20px;
 143     text-decoration: none;
 144     font-size: 0px;
 145     line-height: 2;
 146     display: block;
 147     color: #000;
 148     overflow: hidden;
 149     white-space: nowrap;
 150 }
 151 .yui-skin-sam .yui-toolbar-container .yui-toolbar-spinbutton a,
 152 .yui-skin-sam .yui-toolbar-container .yui-toolbar-select a {
 153     font-size: 12px;
 154 }
 155 /* Set the height of the buttons and pad them on the left for the icon */
 156 .yui-skin-sam .yui-toolbar-container .yui-push-button .first-child,
 157 .yui-skin-sam .yui-toolbar-container .yui-color-button .first-child,
 158 .yui-skin-sam .yui-toolbar-container .yui-menu-button .first-child {
 159     border-color: #808080;
 160     border-style: solid;
 161     border-width: 0 1px;
 162     margin: 0 -1px;
 163     display: block;
 164     position: relative;
 165 }
 166 .yui-skin-sam .yui-toolbar-container .yui-push-button-disabled .first-child,
 167 .yui-skin-sam .yui-toolbar-container .yui-color-button-disabled .first-child,
 168 .yui-skin-sam .yui-toolbar-container .yui-menu-button-disabled .first-child {
 169     border-color: #ccc;
 170 }
 171 .yui-skin-sam .yui-toolbar-container .yui-push-button-disabled a,
 172 .yui-skin-sam .yui-toolbar-container .yui-color-button-disabled a,
 173 .yui-skin-sam .yui-toolbar-container .yui-menu-button-disabled a {
 174     color: #A6A6A6;
 175     cursor: default;
 176 }
 177 .yui-skin-sam .yui-toolbar-container .yui-push-button-disabled,
 178 .yui-skin-sam .yui-toolbar-container .yui-color-button-disabled,
 179 .yui-skin-sam .yui-toolbar-container .yui-menu-button-disabled {
 180     border-color: #ccc;
 181 }
 182 /* IE needs a little help positioning the first child */
 183 .yui-skin-sam .yui-toolbar-container .yui-button .first-child {
 184     *left: 0px;
 185 }
 186
 187 /* Font Family Drop Down */
 188 .yui-skin-sam .yui-toolbar-container .yui-toolbar-fontname {
 189     width: 135px;
 190 }
 191
 192 /* Header Drop Down */
 193 .yui-skin-sam .yui-toolbar-container .yui-toolbar-heading {
 194     width: 92px;
 195 }
 196
 197 /* Handle the hover state of the buttons */
 198 .yui-skin-sam .yui-toolbar-container .yui-button-hover {
 199     background:url(../../../../assets/skins/sam/sprite.png) repeat-x 0 -1300px;
 200     border-color: #808080;
 201 }
 202
 203 /* Handle the selected state of the buttons */
 204 .yui-skin-sam .yui-toolbar-container .yui-button-selected {
 205     background: url(../../../../assets/skins/sam/sprite.png) repeat-x 0 -1700px;
 206     border-color: #808080;
 207 }
 208 /* When the nogrouplabels class is applied, set the h3's to display none */
 209 .yui-skin-sam .yui-toolbar-container .yui-toolbar-nogrouplabels h3 {
 210     display: none;
 211 }
 212 /* When not showing the h3 group labels, add some margin to make up for them*/
 213 .yui-skin-sam .yui-toolbar-container .yui-toolbar-nogrouplabels .yui-toolbar-group {
 214         margin-top: .75em;
 215 }
 216
 217
 218 /* Handle the icon placeholder for the buttons
 219     This is very important - position of this must be absolute.
 220     If it is not positioned absolute, IE will place it over the a in the Toolbar
 221     Doing this will cause the editor to loose focus and loose the selection.
 222 */
 223 .yui-skin-sam .yui-toolbar-container .yui-push-button span.yui-toolbar-icon,
 224 .yui-skin-sam .yui-toolbar-container .yui-color-button span.yui-toolbar-icon,
 225 .yui-skin-sam .yui-toolbar-container .yui-menu-button span.yui-toolbar-icon {
 226     display: block;
 227     position: absolute;
 228     top: 2px;
 229     height: 18px;
 230     width: 18px;
 231     overflow: hidden;
 232     background: url(editor-sprite.gif) no-repeat 30px 30px;
 233 }
 234
 235 /* Swap out the image to an active image */
 236 .yui-skin-sam .yui-toolbar-container .yui-button-selected span.yui-toolbar-icon, .yui-skin-sam .yui-toolbar-container .yui-button-hover span.yui-toolbar-icon {
 237     background-image: url(editor-sprite-active.gif);
 238 }
 239 /* Change the defaults to make them look more like the editor */
 240 .yui-skin-sam .yui-toolbar-container .visible .yuimenuitemlabel {
 241     cursor: pointer;
 242     color: #000;
 243     *position: relative;
 244 }
 245
 246 /* Set the background color of all menu containers */
 247 .yui-skin-sam .yui-toolbar-container .yui-button-menu {
 248     background-color: #fff;
 249 }
 250 /* Adding this style to Menu's allows the scrolled menu to work in IE */
 251 .yui-skin-sam .yui-toolbar-container .yui-button-menu .yui-menu-body-scrolled {
 252     position: relative;
 253 }
 254 /* Set the background of all menu items that are selected */
 255 .yui-skin-sam div.yuimenu li.selected {
 256     background-color: #B3D4FF;
 257 }
 258 /* Set the color of the hrefs in a selected menu item */
 259 .yui-skin-sam div.yuimenu li.selected a.selected {
 260     color: #000;
 261 }
 262 /* Setting the background position of the sprite */
 263 .yui-skin-sam .yui-toolbar-container .yui-toolbar-bold span.yui-toolbar-icon {
 264     background-position: 0 0;
 265     left: 5px;
 266 }
 267 /* Setting the background position of the sprite */
 268 .yui-skin-sam .yui-toolbar-container .yui-toolbar-strikethrough span.yui-toolbar-icon {
 269     background-position: 0 -108px;
 270     left: 5px;
 271 }
 272 /* Setting the background position of the sprite */
 273 .yui-skin-sam .yui-toolbar-container .yui-toolbar-italic span.yui-toolbar-icon {
 274     background-position: 0 -36px;
 275     left: 5px;
 276 }
 277 /* Setting the background position of the sprite */
 278 .yui-skin-sam .yui-toolbar-container .yui-toolbar-undo span.yui-toolbar-icon {
 279     background-position: 0 -1326px;
 280     left: 5px;
 281 }
 282 /* Setting the background position of the sprite */
 283 .yui-skin-sam .yui-toolbar-container .yui-toolbar-redo span.yui-toolbar-icon {
 284     background-position: 0 -1355px;
 285     left: 5px;
 286 }
 287 /* Setting the background position of the sprite */
 288 .yui-skin-sam .yui-toolbar-container .yui-toolbar-underline span.yui-toolbar-icon {
 289     background-position: 0 -72px;
 290     left: 5px;
 291 }
 292 /* Setting the background position of the sprite */
 293 .yui-skin-sam .yui-toolbar-container .yui-toolbar-subscript span.yui-toolbar-icon {
 294     background-position: 0 -180px;
 295     left: 5px;
 296 }
 297 /* Setting the background position of the sprite */
 298 .yui-skin-sam .yui-toolbar-container .yui-toolbar-superscript span.yui-toolbar-icon {
 299     background-position: 0 -144px;
 300     left: 5px;
 301 }
 302 /* Setting the background position of the sprite */
 303 .yui-skin-sam .yui-toolbar-container .yui-toolbar-forecolor span.yui-toolbar-icon {
 304     background-position: 0 -216px;
 305     left: 5px;
 306 }
 307 /* Setting the background position of the sprite */
 308 .yui-skin-sam .yui-toolbar-container .yui-toolbar-backcolor span.yui-toolbar-icon {
 309     background-position: 0 -288px;
 310     left: 5px;
 311 }
 312 /* Setting the background position of the sprite */
 313 .yui-skin-sam .yui-toolbar-container .yui-toolbar-justifyleft span.yui-toolbar-icon {
 314     background-position: 0 -324px;
 315     left: 5px;
 316 }
 317 /* Setting the background position of the sprite */
 318 .yui-skin-sam .yui-toolbar-container .yui-toolbar-justifycenter span.yui-toolbar-icon {
 319     background-position: 0 -360px;
 320     left: 5px;
 321 }
 322 /* Setting the background position of the sprite */
 323 .yui-skin-sam .yui-toolbar-container .yui-toolbar-justifyright span.yui-toolbar-icon {
 324     background-position: 0 -396px;
 325     left: 5px;
 326 }
 327 /* Setting the background position of the sprite */
 328 .yui-skin-sam .yui-toolbar-container .yui-toolbar-justifyfull span.yui-toolbar-icon {
 329     background-position: 0 -432px;
 330     left: 5px;
 331 }
 332 /* Setting the background position of the sprite */
 333 .yui-skin-sam .yui-toolbar-container .yui-toolbar-indent span.yui-toolbar-icon {
 334     background-position: 0 -720px;
 335     left: 5px;
 336 }
 337 /* Setting the background position of the sprite */
 338 .yui-skin-sam .yui-toolbar-container .yui-toolbar-outdent span.yui-toolbar-icon {
 339     background-position: 0 -684px;
 340     left: 5px;
 341 }
 342 /* Setting the background position of the sprite */
 343 .yui-skin-sam .yui-toolbar-container .yui-toolbar-createlink span.yui-toolbar-icon {
 344     background-position: 0 -792px;
 345     left: 5px;
 346 }
 347 /* Setting the background position of the sprite */
 348 .yui-skin-sam .yui-toolbar-container .yui-toolbar-insertimage span.yui-toolbar-icon {
 349     background-position: 1px -756px;
 350     left: 5px;
 351 }
 352 /* Setting the background position of the sprite */
 353 .yui-skin-sam .yui-toolbar-container .yui-toolbar-left span.yui-toolbar-icon {
 354     background-position: 0 -972px;
 355     left: 5px;
 356 }
 357 /* Setting the background position of the sprite */
 358 .yui-skin-sam .yui-toolbar-container .yui-toolbar-right span.yui-toolbar-icon {
 359     background-position: 0 -936px;
 360     left: 5px;
 361 }
 362 /* Setting the background position of the sprite */
 363 .yui-skin-sam .yui-toolbar-container .yui-toolbar-inline span.yui-toolbar-icon {
 364     background-position: 0 -900px;
 365     left: 5px;
 366 }
 367 /* Setting the background position of the sprite */
 368 .yui-skin-sam .yui-toolbar-container .yui-toolbar-block span.yui-toolbar-icon {
 369     background-position: 0 -864px;
 370     left: 5px;
 371 }
 372 /* Setting the background position of the sprite */
 373 .yui-skin-sam .yui-toolbar-container .yui-toolbar-bordercolor span.yui-toolbar-icon {
 374     background-position: 0 -252px;
 375     left: 5px;
 376 }
 377 /* Setting the background position of the sprite */
 378 .yui-skin-sam .yui-toolbar-container .yui-toolbar-removeformat span.yui-toolbar-icon {
 379     background-position: 0 -1080px;
 380     left: 5px;
 381 }
 382 /* Setting the background position of the sprite */
 383 .yui-skin-sam .yui-toolbar-container .yui-toolbar-hiddenelements span.yui-toolbar-icon {
 384     background-position: 0 -1044px;
 385     left: 5px;
 386 }
 387 /* Setting the background position of the sprite */
 388 .yui-skin-sam .yui-toolbar-container .yui-toolbar-insertunorderedlist span.yui-toolbar-icon {
 389     background-position: 0 -468px;
 390     left: 5px;
 391 }
 392 /* Setting the background position of the sprite */
 393 .yui-skin-sam .yui-toolbar-container .yui-toolbar-insertorderedlist span.yui-toolbar-icon {
 394     background-position: 0 -504px;
 395     left: 5px;
 396 }
 397 /* Set the width of the spin buttons */
 398 .yui-skin-sam .yui-toolbar-container .yui-toolbar-spinbutton,
 399 .yui-skin-sam .yui-toolbar-container .yui-toolbar-spinbutton .first-child {
 400     width: 35px;
 401 }
 402 /* Pad the first child */
 403 .yui-skin-sam .yui-toolbar-container .yui-toolbar-spinbutton .first-child a {
 404     padding-left: 2px;
 405     text-align: left;
 406 }
 407
 408 /* Spin Buttons - Remove the icon holder, they don't need it */
 409 .yui-skin-sam .yui-toolbar-container .yui-toolbar-spinbutton span.yui-toolbar-icon {
 410     display: none;
 411 }
 412
 413 /* Spin Buttons - Prep the arrows */
 414 .yui-skin-sam .yui-toolbar-container .yui-toolbar-spinbutton a.up,
 415 .yui-skin-sam .yui-toolbar-container .yui-toolbar-spinbutton a.down {
 416     right: 2px;
 417     background: url(editor-sprite.gif) no-repeat 0 -1222px;
 418     overflow: hidden;
 419     height: 6px;
 420     width: 7px;
 421     min-height: 0;
 422     padding: 0;
 423 }
 424 /* Spin Buttons - The up arrow */
 425 .yui-skin-sam .yui-toolbar-container .yui-toolbar-spinbutton a.up {
 426     top: 2px;
 427     background-position: 0 -1222px;
 428 }
 429 /* Spin Buttons - The down arrow */
 430 .yui-skin-sam .yui-toolbar-container .yui-toolbar-spinbutton a.down {
 431     bottom: 2px;
 432     background-position: 0 -1187px;
 433 }
 434 /* Handle plain Select Elements */
 435 .yui-skin-sam .yui-toolbar-container select {
 436     height: 22px;
 437     border: 1px solid #808080;
 438 }
 439 /* Pad and align the Select Menus */
 440 .yui-skin-sam .yui-toolbar-container .yui-toolbar-select .first-child a {
 441     padding-left: 5px;
 442     text-align: left;
 443 }
 444 /* Set the icon of the select menu for the drop down arrow */
 445 .yui-skin-sam .yui-toolbar-container .yui-toolbar-select span.yui-toolbar-icon {
 446     background: url( editor-sprite.gif ) no-repeat 0 -1144px;
 447     overflow: hidden;
 448     right: -2px;
 449     top: 0px;
 450     height: 20px;
 451 }
 452 /* Fix the color menu background if it's inside a Property Editor */
 453 .yui-skin-sam .yui-editor-panel .yui-color-button-menu .bd {
 454     background-color: transparent;
 455     border: none;
 456     width: 135px;
 457 }
 458
 459 /* Place a border around the color menu */
 460 .yui-skin-sam .yui-color-button-menu .yui-toolbar-colors {
 461     border: 1px solid #808080;
 462 }
 463
 464
 465 /* Property Editor Panel styles */
 466 .yui-skin-sam .yui-editor-panel {
 467     padding: 0;
 468     margin: 0;
 469     border: none;
 470     background-color: transparent;
 471     overflow: visible;
 472     position: absolute;
 473 }
 474
 475 /* Margins on the header of the Property Editor */
 476 .yui-skin-sam .yui-editor-panel .hd {
 477     margin: 10px 0 0;
 478     padding: 0;
 479     border: none;
 480 }
 481 /* Setup the background image on the title bar
 482     We are styling the h3 instead if the div so we can make room
 483     for the "knob" that floats on the top of the window.
 484 */
 485 .yui-skin-sam .yui-editor-panel .hd h3 {
 486     color: #000;
 487     border: 1px solid #808080;
 488     background: url(../../../../assets/skins/sam/sprite.png) repeat-x 0 -200px;
 489     width: 99%;
 490     position: relative;
 491     margin: 0;
 492     padding: 3px 0 0 0;
 493     font-size: 93%;
 494     text-indent: 5px;
 495     height: 20px;
 496 }
 497 /* Style the body of the Property Editor */
 498 .yui-skin-sam .yui-editor-panel .bd {
 499     background-color: #F2F2F2;
 500     border-left: 1px solid #808080;
 501     border-right: 1px solid #808080;
 502     width: 99%;
 503     margin: 0;
 504     padding: 0;
 505     overflow: visible;
 506 }
 507 /* Remove the padding/margin on lists in the Property Editor */
 508 .yui-skin-sam .yui-editor-panel ul {
 509     list-style-type: none;
 510     margin: 0;
 511     padding: 0;
 512 }
 513
 514 /* Remove the padding/margin on list items in the Property Editor */
 515 .yui-skin-sam .yui-editor-panel ul li {
 516     margin: 0;
 517     padding: 0;
 518 }
 519 /* IE is havig trouble with our menu sizes here */
 520 .yui-skin-sam .yui-editor-panel .yuimenu {
 521     /**width: 90px !important;*/
 522 }
 523 /* Remove the border from the toolbar's container and add some margin to it */
 524 .yui-skin-sam .yui-editor-panel .yui-toolbar-container .yui-toolbar-subcont {
 525     padding: 0;
 526     border: none;
 527     margin-top: 0.35em;
 528 }
 529 /* Set the width of the bordersize and bordertype menu buttons */
 530 .yui-skin-sam .yui-editor-panel .yui-toolbar-bordersize, .yui-skin-sam .yui-editor-panel .yui-toolbar-bordertype {
 531     width: 50px;
 532 }
 533
 534 /* Form styling */
 535 .yui-skin-sam .yui-editor-panel label {
 536     display: block;
 537     float: none;
 538     padding: 4px 0;
 539     margin-bottom: 7px;
 540 }
 541 /* Form styling */
 542 .yui-skin-sam .yui-editor-panel label strong {
 543     font-weight: normal;
 544     font-size: 93%;
 545     text-align: right;
 546     padding-top: 2px;
 547 }
 548
 549 /* Form styling */
 550 .yui-skin-sam .yui-editor-panel label input {
 551     width: 75%;
 552 }
 553 /* Form styling */
 554 .yui-skin-sam .yui-editor-panel .createlink_target,
 555 .yui-skin-sam .yui-editor-panel .insertimage_target {
 556     width: auto;
 557     margin-right: 5px;
 558 }
 559
 560 /* Form styling */
 561 .yui-skin-sam .yui-editor-panel .removeLink {
 562     width: 98%;
 563 }
 564 /* Color the input yellow if it has the warning class applied */
 565 .yui-skin-sam .yui-editor-panel label input.warning {
 566     background-color: #FFEE69;
 567 }
 568
 569 /* Style the titles of the toolbar groups */
 570 .yui-skin-sam .yui-editor-panel .yui-toolbar-group h3 {
 571     color: #000;
 572     float: left;
 573     font-weight: normal;
 574     font-size: 93%;
 575     margin: 5px 0 0 0;
 576     padding: 0 3px 0 0;
 577     text-align: right;
 578 }
 579 /* Style the header for the Height and Width boxes */
 580 .yui-skin-sam .yui-editor-panel .height-width h3 {
 581     margin: 3px 0 0 10px;
 582 }
 583 /* Style the height and width container */
 584 .yui-skin-sam .yui-editor-panel .height-width {
 585     margin: 3px 0 0 35px;
 586     *margin-left: 14px;
 587     width: 42%;
 588     *width: 44%;
 589 }
 590 /* Give the border group a width */
 591 .yui-skin-sam .yui-editor-panel .yui-toolbar-group-border {
 592     width: 190px;
 593 }
 594 .yui-skin-sam .yui-editor-panel .no-button .yui-toolbar-group-border {
 595     width: 210px;
 596 }
 597 /* Give the padding group a width */
 598 .yui-skin-sam .yui-editor-panel .yui-toolbar-group-padding {
 599     width: 203px;
 600     _width: 198px;
 601 }
 602 .yui-skin-sam .yui-editor-panel .no-button .yui-toolbar-group-padding {
 603     width: 172px;
 604 }
 605 /* Fix some margins for the H3's */
 606 .yui-skin-sam .yui-editor-panel .yui-toolbar-group-padding h3 {
 607     margin-left: 25px;
 608     *margin-left: 12px;
 609 }
 610 /* Image Properties - Text flow container size */
 611 .yui-skin-sam .yui-editor-panel .yui-toolbar-group-textflow {
 612     width: 182px;
 613 }
 614
 615 /* Remove the background image set in Panel.css */
 616 .yui-skin-sam .yui-editor-panel .hd {
 617     background: none;
 618 }
 619
 620 /* Give the footer som color and a border */
 621 .yui-skin-sam .yui-editor-panel .ft {
 622     background-color: #F2F2F2;
 623     border: 1px solid #808080;
 624     border-top: none;
 625     padding: 0;
 626     margin: 0 0 2px 0;
 627 }
 628
 629 /* Style the close button in the Property Editor */
 630 .yui-skin-sam .yui-editor-panel .hd span.close {
 631     background:url(../../../../assets/skins/sam/sprite.png) no-repeat 0 -300px;
 632     cursor:pointer;
 633     display:block;
 634     height:16px;
 635     overflow:hidden;
 636     position:absolute;
 637     right:5px;
 638     text-indent:500px;
 639     top:2px;
 640     width:26px;
 641 }
 642 /* Style the tip in the footer */
 643 .yui-skin-sam .yui-editor-panel .ft span.tip {
 644     background-color: #EDF5FF;
 645     border-top: 1px solid #808080;
 646     font-size: 85%;
 647 }
 648 /* Style the tip in the footer */
 649 .yui-skin-sam .yui-editor-panel .ft span.tip strong {
 650     display: block;
 651     float: left;
 652     margin: 0 2px 8px 0;
 653 }
 654
 655
 656 /* Setup the icon for a tip */
 657 .yui-skin-sam .yui-editor-panel .ft span.tip span.icon {
 658     background: url( editor-sprite.gif ) no-repeat 0 -1260px;
 659     display: block;
 660     height: 20px;
 661     left: 2px;
 662     position: absolute;
 663     top: 8px;
 664     width: 20px;
 665 }
 666 /* Setup the background image for an info icon */
 667 .yui-skin-sam .yui-editor-panel .ft span.tip span.icon-info {
 668     background-position: 2px -1260px;
 669 }
 670 /* Setup the background image for a warning icon */
 671 .yui-skin-sam .yui-editor-panel .ft span.tip span.icon-warn {
 672     background-position: 2px -1296px;
 673 }
 674
 675 /* Handle the knob that floats on top of the panel */
 676 .yui-skin-sam .yui-editor-panel .hd span.knob {
 677     position: absolute;
 678     height: 10px;
 679     width: 28px;
 680     top: -10px;
 681     left: 25px;
 682     text-indent: 9999px;
 683     overflow: hidden;
 684     background: url( editor-knob.gif ) no-repeat 0 0;
 685 }
 686 /* Reset some styles from the editor toolbar, when a toolbar is inside the Property Editor */
 687 .yui-skin-sam .yui-editor-panel .yui-toolbar-container {
 688     float: left;
 689     width: 100%;
 690     background-image: none;
 691     border: none;
 692 }
 693 /* Reset styles for menu buttons inside the Property Editor */
 694 .yui-skin-sam .yui-editor-panel .yui-toolbar-container .bd {
 695     background-color: #ffffff;
 696 }
 697
 698 /* This image is the one used to place the blankimage placeholder into the editor when you click on Insert an Image */
 699 .yui-editor-blankimage {
 700     background-image: url( blankimage.png );
 701 }
 702
 703 .yui-skin-sam .yui-editor-container .yui-resize-handle-br {
 704     /* Make the handle a little bigger than the default */
 705     height: 11px;
 706     width: 11px;
 707     /* Resposition the image */
 708     background-position: -20px -60px;
 709     /* Kill the hover on the handle */
 710     background-color: transparent;
 711 }