panel-skin.css revision b6404034932ef0457b7eaffed707df8a48bf1681
.yui3-skin-night {
background-color: #000;
color: #FFFFFF;
font-family: HelveticaNeue, arial, helvetica, clean, sans-serif;
}
.yui3-skin-night .yui3-widget-mask {
background-color: black;
zoom: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=70)";
filter: alpha(opacity=70);
opacity: 0.7;
}
.yui3-skin-night .yui3-panel-content {
background: #6D6E6E;
-webkit-box-shadow: 0 0 20px #000;
-moz-box-shadow: 0 0 20px #000;
box-shadow: 0 0 20px #000;
border: 1px solid black;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}
.yui3-skin-night .yui3-panel-content .yui3-widget-hd {
padding: 11px 57px 11px 22px; /* Room for close button. */
min-height: 17px; /* For the close button */
_height: 17px; /* IE6 */
-webkit-border-top-left-radius: 7px;
-webkit-border-top-right-radius: 7px;
-moz-border-radius-topleft: 7px;
-moz-border-radius-topright: 7px;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
font-weight: bold;
color: white;
background-color: #555658;
background: -moz-linear-gradient(
0% 100% 90deg,
#343536 0%,
#555658 96%,
#3E3F41 100%
);
background: -webkit-gradient(
linear,
left bottom,
left top,
from(#343536),
color-stop(0.96, #555658),
to(#3E3F41)
);
}
.yui3-skin-night .yui3-panel-content .yui3-widget-hd .yui3-widget-button-wrapper {
padding: 11px;
}
.yui3-skin-night .yui3-panel .yui3-panel-content .yui3-widget-bd {
padding: 11px 22px 17px;
}
.yui3-skin-night .yui3-panel .yui3-panel-content .yui3-widget-ft {
/*
background: #EDF5FF;
padding: 8px;
border-radius: 0 0 7px 7px;
*/
background-color: #575858;
border-top: 1px solid #494A4A;
padding: 17px 22px 20px;
text-align: center;
-webkit-border-bottom-right-radius: 7px;
-webkit-border-bottom-left-radius: 7px;
-moz-border-radius-bottomright: 7px;
-moz-border-radius-bottomleft: 7px;
border-bottom-right-radius: 7px;
border-bottom-left-radius: 7px;
}
.yui3-skin-night .yui3-panel .yui3-widget-ft .yui3-widget-button-wrapper {
/*
position: absolute;
right: 0.6em;
*/
bottom: 0;
display: inline-block;
position: relative;
right: auto;
width: 100%;
text-align: center;
padding-bottom: 0;
}
.yui3-skin-night .yui3-panel-content .yui3-widget-button-wrapper .yui3-button {
padding: 2px 8px;
margin: 0px 3px;
cursor: pointer;
text-decoration: none;
display: inline-block;
zoom: 1;
*display: inline;
-moz-border-radius: 0.435em;
-webkit-border-radius: 0.435em;
border-radius: 0.435em;
}
/*
.yui3-skin-night .yui3-panel-content .yui3-widget-ft .yui3-widget-button-wrapper .yui3-button {
color: black;
border: 1px solid gray;
background:#D8D8DA;
background: -webkit-gradient( linear, left bottom, left top, from(#D8D8DA), color-stop(0.18, #D8D8DA), color-stop(0.5, #F1F2F2), to(white) );
background: -moz-linear-gradient( 0% 100% 90deg, #D8D8DA 18%, #F1F2F2 50%, white 100% );
}
*/
/*
/***
Skin: Night From Derek's buttons
***/
/*
.yui3-skin-night,
.yui3-skin-night a,
.yui3-skin-night button,
.yui3-skin-night input {
color: #fff;
}
.yui3-skin-night {
background-color: #000;
}
.yui3-skin-night .yui3-button-back:before {
background: -moz-linear-gradient(
0% 100% 45deg,
#343536 0%,
#555658 96%,
#3E3F41 100%
);
background: -webkit-gradient(
linear,
left bottom,
right top,
from(#343536),
color-stop(0.96, #555658),
to(#3E3F41)
);
border-color: #0c0c0c;
}
*/
.yui3-skin-night .yui3-button:hover {
background-color: #424244;
background: -moz-linear-gradient(
0% 100% 90deg,
#2e2e30 0%,
#46474a 96%,
#3d3e3f 100%
);
background: -webkit-gradient(
linear,
left bottom,
left top,
from(#2e2e30),
color-stop(0.96, #46474a),
to(#3d3e3f)
);
}
.yui3-skin-night .yui3-widget-ft .yui3-button,
.yui3-skin-night .yui3-widget-ft .yui3-button-disabled:hover {
/*
-moz-box-shadow: 0 1px #222222;
-webkit-box-shadow: 0 1px #222222;
background: -moz-linear-gradient(
0% 100% 90deg,
#343536 0%,
#555658 96%,
#3E3F41 100%
);
background: -webkit-gradient(
linear,
left bottom,
left top,
from(#343536),
color-stop(0.96, #555658),
to(#3E3F41)
);
background-color: #555658;
border-color: #0c0c0c;
box-shadow: 0 1px #222222;
*/
border: 1px solid #1B1C1C;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 1px #677478;
-moz-box-shadow: 0 1px #677478;
box-shadow: 0 1px #677478;
color: #FFFFFF;
font-size: 85%;
padding: 6px 28px;
text-align: center;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7);
background-color: #555658;
background: -moz-linear-gradient(
0% 100% 90deg,
#242526 0pt,
#3B3C3D 96%,
#2C2D2F 100%
) repeat scroll 0 0 transparent;
background: -webkit-gradient(
linear,
left bottom,
left top,
from(#242526),
color-stop(0.96, #3B3C3D),
to(#2C2D2F)
) repeat scroll 0 0 transparent;
}
/*
.yui3-skin-night .yui3-button-back:hover:before {
background: -moz-linear-gradient(
0% 100% 45deg,
#2e2e30 0%,
#46474a 96%,
#3d3e3f 100%
);
background: -webkit-gradient(
linear,
left bottom,
right top,
from(#2e2e30),
color-stop(0.96, #46474a),
to(#3d3e3f)
);
}
*/
.yui3-skin-night .yui3-button-selected,
.yui3-skin-night .yui3-button-selected:hover {
background-color: #2B2D2D;
background: -moz-linear-gradient(
0% 100% 90deg,
#242526 0%,
#3b3c3d 96%,
#2C2D2F 100%
);
background: -webkit-gradient(
linear,
left bottom,
left top,
from(#242526),
color-stop(0.96, #3b3c3d),
to(#2C2D2F)
);
}
/*
.yui3-skin-night .yui3-button-selected.yui3-button-back:before {
background: -moz-linear-gradient(
0% 100% 45deg,
#242526 0%,
#3b3c3d 96%,
#2C2D2F 100%
);
background: -webkit-gradient(
linear,
left bottom,
right top,
from(#242526),
color-stop(0.96, #3b3c3d),
to(#2C2D2F)
);
background-color: #2B2D2D;
}
*/
.yui3-skin-night .yui3-button-disabled {
color: #666;
}