[Summary view] [Print] [Text view]

   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(http://yui.yahooapis.com/2.9.0/build/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(http://yui.yahooapis.com/2.9.0/build/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(http://yui.yahooapis.com/2.9.0/build/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(http://yui.yahooapis.com/2.9.0/build/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(http://yui.yahooapis.com/2.9.0/build/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(http://yui.yahooapis.com/2.9.0/build/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(http://yui.yahooapis.com/2.9.0/build/editor/assets/skins/sam/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(http://yui.yahooapis.com/2.9.0/build/editor/assets/skins/sam/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(http://yui.yahooapis.com/2.9.0/build/editor/assets/skins/sam/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( http://yui.yahooapis.com/2.9.0/build/editor/assets/skins/sam/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(http://yui.yahooapis.com/2.9.0/build/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(http://yui.yahooapis.com/2.9.0/build/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( http://yui.yahooapis.com/2.9.0/build/editor/assets/skins/sam/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( http://yui.yahooapis.com/2.9.0/build/editor/assets/skins/sam/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( http://yui.yahooapis.com/2.9.0/build/editor/assets/skins/sam/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  }