panel-skin.css revision 24c58f13addf032b01a06dff1c186db3326eb323
ac863882b030082183975cce11e31450079f0392Eric Ferraiuolo.yui3-skin-night .yui3-panel {
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff color: #FFFFFF;
b6404034932ef0457b7eaffed707df8a48bf1681Eric Ferraiuolo font-family: HelveticaNeue, arial, helvetica, clean, sans-serif;
58fdb3802104fe93b4ae18b8fb8984bd44f895a1Tilo Mitra.yui3-skin-night .yui3-panel-content {
b6404034932ef0457b7eaffed707df8a48bf1681Eric Ferraiuolo background: #6D6E6E;
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff -webkit-box-shadow: 0 0 20px #000;
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff -moz-box-shadow: 0 0 20px #000;
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff box-shadow: 0 0 20px #000;
b6404034932ef0457b7eaffed707df8a48bf1681Eric Ferraiuolo border: 1px solid black;
b6404034932ef0457b7eaffed707df8a48bf1681Eric Ferraiuolo -webkit-border-radius: 7px;
b6404034932ef0457b7eaffed707df8a48bf1681Eric Ferraiuolo -moz-border-radius: 7px;
b6404034932ef0457b7eaffed707df8a48bf1681Eric Ferraiuolo border-radius: 7px;
df9403cf1c21b13e94a680aa38b9ccb148af6fcbEric Ferraiuolo.yui3-skin-night .yui3-panel .yui3-widget-hd {
b6404034932ef0457b7eaffed707df8a48bf1681Eric Ferraiuolo padding: 11px 57px 11px 22px; /* Room for close button. */
b6404034932ef0457b7eaffed707df8a48bf1681Eric Ferraiuolo min-height: 17px; /* For the close button */
b6404034932ef0457b7eaffed707df8a48bf1681Eric Ferraiuolo _height: 17px; /* IE6 */
b6404034932ef0457b7eaffed707df8a48bf1681Eric Ferraiuolo -webkit-border-top-left-radius: 7px;
b6404034932ef0457b7eaffed707df8a48bf1681Eric Ferraiuolo -webkit-border-top-right-radius: 7px;
b6404034932ef0457b7eaffed707df8a48bf1681Eric Ferraiuolo -moz-border-radius-topleft: 7px;
b6404034932ef0457b7eaffed707df8a48bf1681Eric Ferraiuolo -moz-border-radius-topright: 7px;
b6404034932ef0457b7eaffed707df8a48bf1681Eric Ferraiuolo border-top-left-radius: 7px;
b6404034932ef0457b7eaffed707df8a48bf1681Eric Ferraiuolo border-top-right-radius: 7px;
b6404034932ef0457b7eaffed707df8a48bf1681Eric Ferraiuolo font-weight: bold;
b6404034932ef0457b7eaffed707df8a48bf1681Eric Ferraiuolo color: white;
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff background-color: #555658;
1b94590fd02ca19669dfb4b5deb563a290459d81Tilo Mitra background: -moz-linear-gradient(
b6404034932ef0457b7eaffed707df8a48bf1681Eric Ferraiuolo 0% 100% 90deg,
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff #555658 96%,
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff #3E3F41 100%
1b94590fd02ca19669dfb4b5deb563a290459d81Tilo Mitra background: -webkit-gradient(
1b94590fd02ca19669dfb4b5deb563a290459d81Tilo Mitra left bottom,
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff from(#343536),
dbd7121f9e8d7496206fdfd8bc24d6a075db7d33Jeff Conniff color-stop(0.96, #555658),
df9403cf1c21b13e94a680aa38b9ccb148af6fcbEric Ferraiuolo.yui3-skin-night .yui3-panel .yui3-widget-hd .yui3-widget-buttons {
b6404034932ef0457b7eaffed707df8a48bf1681Eric Ferraiuolo padding: 11px;
24c58f13addf032b01a06dff1c186db3326eb323Eric Ferraiuolo.yui3-skin-night .yui3-panel .yui3-widget-bd {
df9403cf1c21b13e94a680aa38b9ccb148af6fcbEric Ferraiuolo padding: 11px 22px 17px;
24c58f13addf032b01a06dff1c186db3326eb323Eric Ferraiuolo.yui3-skin-night .yui3-panel .yui3-widget-ft {
df9403cf1c21b13e94a680aa38b9ccb148af6fcbEric Ferraiuolo background-color: #575858;
df9403cf1c21b13e94a680aa38b9ccb148af6fcbEric Ferraiuolo border-top: 1px solid #494A4A;
df9403cf1c21b13e94a680aa38b9ccb148af6fcbEric Ferraiuolo padding: 17px 22px 20px;
df9403cf1c21b13e94a680aa38b9ccb148af6fcbEric Ferraiuolo text-align: center;
df9403cf1c21b13e94a680aa38b9ccb148af6fcbEric Ferraiuolo -webkit-border-bottom-right-radius: 7px;
df9403cf1c21b13e94a680aa38b9ccb148af6fcbEric Ferraiuolo -webkit-border-bottom-left-radius: 7px;
df9403cf1c21b13e94a680aa38b9ccb148af6fcbEric Ferraiuolo -moz-border-radius-bottomright: 7px;
df9403cf1c21b13e94a680aa38b9ccb148af6fcbEric Ferraiuolo -moz-border-radius-bottomleft: 7px;
df9403cf1c21b13e94a680aa38b9ccb148af6fcbEric Ferraiuolo border-bottom-right-radius: 7px;
df9403cf1c21b13e94a680aa38b9ccb148af6fcbEric Ferraiuolo border-bottom-left-radius: 7px;
df9403cf1c21b13e94a680aa38b9ccb148af6fcbEric Ferraiuolo.yui3-skin-night .yui3-panel .yui3-widget-ft .yui3-widget-buttons {
df9403cf1c21b13e94a680aa38b9ccb148af6fcbEric Ferraiuolo position: relative;
df9403cf1c21b13e94a680aa38b9ccb148af6fcbEric Ferraiuolo text-align: center;
df9403cf1c21b13e94a680aa38b9ccb148af6fcbEric Ferraiuolo padding-bottom: 0;
df9403cf1c21b13e94a680aa38b9ccb148af6fcbEric Ferraiuolo margin-left: -5px;
df9403cf1c21b13e94a680aa38b9ccb148af6fcbEric Ferraiuolo margin-right: -5px;
df9403cf1c21b13e94a680aa38b9ccb148af6fcbEric Ferraiuolo.yui3-skin-night .yui3-panel .yui3-widget-ft .yui3-button {
df9403cf1c21b13e94a680aa38b9ccb148af6fcbEric FerraiuoloSupport for icon-based [x] "close" button in the header.
df9403cf1c21b13e94a680aa38b9ccb148af6fcbEric FerraiuoloNicolas Gallagher: "CSS image replacement with pseudo-elements (NIR)"
df9403cf1c21b13e94a680aa38b9ccb148af6fcbEric Ferraiuolohttp://nicolasgallagher.com/css-image-replacement-with-pseudo-elements/
df9403cf1c21b13e94a680aa38b9ccb148af6fcbEric Ferraiuolo.yui3-skin-night .yui3-panel .yui3-widget-hd .yui3-button-close {
df9403cf1c21b13e94a680aa38b9ccb148af6fcbEric Ferraiuolo /* Reset base button styles */
95edf1e71b991733a1f97861c78329dc06b1565bEric Ferraiuolo background: transparent;
95edf1e71b991733a1f97861c78329dc06b1565bEric Ferraiuolo filter: none;
3adb0d80f3aad0b2be2fd6c8a45091d1e9fb5ec7Eric Ferraiuolo border: none;
3adb0d80f3aad0b2be2fd6c8a45091d1e9fb5ec7Eric Ferraiuolo -webkit-box-shadow: none;
3adb0d80f3aad0b2be2fd6c8a45091d1e9fb5ec7Eric Ferraiuolo -moz-box-shadow: none;
3adb0d80f3aad0b2be2fd6c8a45091d1e9fb5ec7Eric Ferraiuolo box-shadow: none;
95edf1e71b991733a1f97861c78329dc06b1565bEric Ferraiuolo /* Structure */
95edf1e71b991733a1f97861c78329dc06b1565bEric Ferraiuolo height: 17px;
95edf1e71b991733a1f97861c78329dc06b1565bEric Ferraiuolo overflow: hidden;
95edf1e71b991733a1f97861c78329dc06b1565bEric Ferraiuolo vertical-align: top;
95edf1e71b991733a1f97861c78329dc06b1565bEric Ferraiuolo /* IE < 8 :( */
95edf1e71b991733a1f97861c78329dc06b1565bEric Ferraiuolo *font-size: 0;
95edf1e71b991733a1f97861c78329dc06b1565bEric Ferraiuolo *line-height: 0;
95edf1e71b991733a1f97861c78329dc06b1565bEric Ferraiuolo *letter-spacing: -1000px;
95edf1e71b991733a1f97861c78329dc06b1565bEric Ferraiuolo *color: #86A5EC;
95edf1e71b991733a1f97861c78329dc06b1565bEric Ferraiuolo *background: url(sprite_icons.png) no-repeat center 3px;
df9403cf1c21b13e94a680aa38b9ccb148af6fcbEric Ferraiuolo.yui3-skin-night .yui3-panel .yui3-widget-hd .yui3-button-close:hover {
3adb0d80f3aad0b2be2fd6c8a45091d1e9fb5ec7Eric Ferraiuolo background-color: #333;
df9403cf1c21b13e94a680aa38b9ccb148af6fcbEric Ferraiuolo.yui3-skin-night .yui3-panel .yui3-widget-hd .yui3-button-close:before {
df9403cf1c21b13e94a680aa38b9ccb148af6fcbEric Ferraiuolo Displays the [x] icon in place of the "Close" text.
df9403cf1c21b13e94a680aa38b9ccb148af6fcbEric Ferraiuolo Note: The `width` of this pseudo element is the same as its "host" element.
95edf1e71b991733a1f97861c78329dc06b1565bEric Ferraiuolo display: inline-block;
95edf1e71b991733a1f97861c78329dc06b1565bEric Ferraiuolo text-align: center;
95edf1e71b991733a1f97861c78329dc06b1565bEric Ferraiuolo font-size: 0;
95edf1e71b991733a1f97861c78329dc06b1565bEric Ferraiuolo line-height: 0;
95edf1e71b991733a1f97861c78329dc06b1565bEric Ferraiuolo margin: 3px 0 0 1px;
95edf1e71b991733a1f97861c78329dc06b1565bEric Ferraiuolo.yui3-skin-night .yui3-panel-hidden .yui3-widget-hd .yui3-button-close {
df9403cf1c21b13e94a680aa38b9ccb148af6fcbEric Ferraiuolo /* Required for IE > 7 to deal with pseudo :before element */
95edf1e71b991733a1f97861c78329dc06b1565bEric Ferraiuolo display: none;