468 lines
11 KiB
CSS
Executable File
468 lines
11 KiB
CSS
Executable File
Application {
|
|
backgroundColor: #ffffff;
|
|
}
|
|
|
|
ApplicationControlBar {
|
|
highlightAlphas: 0.1, 0;
|
|
fillAlphas: 0, 0;
|
|
fillColors: #32343b, #32343b;
|
|
backgroundColor: #42444c;
|
|
backgroundAlpha: 1;
|
|
cornerRadius: 0;
|
|
dropShadowEnabled: true;
|
|
shadowDistance: 1;
|
|
shadowDirection: center;
|
|
dropShadowColor: #000000;
|
|
}
|
|
|
|
Panel {
|
|
borderColor: #dfdfdf;
|
|
borderAlpha: 1;
|
|
shadowDistance: 1;
|
|
dropShadowColor: #666666;
|
|
titleStyleName: "mypanelTitle";
|
|
}
|
|
|
|
.mypanelTitle {
|
|
color: #444444;
|
|
fontFamily: Arial;
|
|
fontSize: 12;
|
|
}
|
|
|
|
.whiteboardToolbarStyle {
|
|
backgroundColor: #CCCCCC;
|
|
cornerRadius: 5;
|
|
borderStyle: solid;
|
|
borderThickness: 1;
|
|
paddingBottom: 3;
|
|
paddingTop: 3;
|
|
paddingLeft: 3;
|
|
paddingRight: 3;
|
|
}
|
|
|
|
Button {
|
|
textIndent: 0;
|
|
paddingLeft: 1;
|
|
paddingRight: 1;
|
|
paddingTop: 1;
|
|
paddingBottom: 1;
|
|
highlightAlphas: 0.4, 0;
|
|
fillAlphas: 1, 1, 1, 1;
|
|
fillColors: #fefeff, #e1e2e5, #ffffff, #eeeeee;
|
|
color: #5e5f63;
|
|
textRollOverColor: #5e5f63;
|
|
textSelectedColor: #5e5f63;
|
|
borderColor: #b9babc;
|
|
themeColor: #aaaaaa;
|
|
fontFamily: Arial;
|
|
fontSize: 12;
|
|
}
|
|
|
|
.chatSendButtonStyle {
|
|
cornerRadius: 0;
|
|
highlightAlphas: 0, 0;
|
|
fillAlphas: 1, 1, 1, 1;
|
|
fillColors: #262626, #262626, #454545, #454545;
|
|
color: #ffffff;
|
|
textRollOverColor: #ffffff;
|
|
textSelectedColor: #262626;
|
|
borderColor: #000000;
|
|
themeColor: #000000;
|
|
fontFamily: Arial;
|
|
fontSize: 12;
|
|
}
|
|
|
|
.logoutButtonStyle {
|
|
cornerRadius: 0;
|
|
highlightAlphas: 0, 0;
|
|
fillAlphas: 1, 1, 1, 1;
|
|
fillColors: #262626, #262626, #454545, #454545;
|
|
color: #ffffff;
|
|
textRollOverColor: #ffffff;
|
|
textSelectedColor: #262626;
|
|
borderColor: #000000;
|
|
themeColor: #000000;
|
|
fontFamily: Arial;
|
|
fontSize: 12;
|
|
}
|
|
|
|
.helpLinkButtonStyle {
|
|
rollOverColor: #cccccc;
|
|
selectionColor: #999999;
|
|
color: #504f3d;
|
|
textRollOverColor: #504f3d;
|
|
textSelectedColor: #504f3d;
|
|
}
|
|
|
|
DataGrid {
|
|
backgroundColor: #e1e2e5;
|
|
rollOverColor: #f3f3f3;
|
|
textRollOverColor: #5e5f63;
|
|
selectionColor: #e1e2e5;
|
|
color: #5e5f63;
|
|
textSelectedColor: #5e5f63;
|
|
dropShadowEnabled: false;
|
|
fontFamily: arial;
|
|
fontSize: 11;
|
|
headerStyleName: "mydataGridHeaderStyle";
|
|
}
|
|
|
|
.mydataGridHeaderStyle {
|
|
color: #5e5f63;
|
|
fontFamily: arial;
|
|
fontSize: 12;
|
|
}
|
|
|
|
|
|
.whiteboardUndoButtonStyle, .whiteboardCircleButtonStyle, .whiteboardClearButtonStyle,
|
|
.whiteboardTriangleButtonStyle, .whiteboardTextButtonStyle, .whiteboardRectangleButtonStyle,
|
|
.whiteboardPanZoomButtonStyle, .whiteboardLineButtonStyle, .whiteboardScribbleButtonStyle
|
|
{
|
|
textIndent: 0;
|
|
paddingLeft: 0;
|
|
paddingRight: 0;
|
|
paddingTop: 5;
|
|
paddingBottom: 5;
|
|
highlightAlphas: 0.4, 0;
|
|
fillAlphas: 1, 1, 1, 1;
|
|
fillColors: #fefeff, #e1e2e5, #ffffff, #eeeeee;
|
|
color: #5e5f63;
|
|
textRollOverColor: #5e5f63;
|
|
textSelectedColor: #5e5f63;
|
|
borderColor: #b9babc;
|
|
themeColor: #aaaaaa;
|
|
fontFamily: Arial;
|
|
fontSize: 12;
|
|
}
|
|
|
|
.whiteboardUndoButtonStyle
|
|
{
|
|
icon: Embed('assets/images/undo.png');
|
|
}
|
|
|
|
.whiteboardCircleButtonStyle {
|
|
icon: Embed('assets/images/ellipse.png');
|
|
}
|
|
|
|
.whiteboardClearButtonStyle {
|
|
icon: Embed('assets/images/delete.png');
|
|
}
|
|
|
|
.whiteboardScribbleButtonStyle{
|
|
icon: Embed('assets/images/pencil.png');
|
|
}
|
|
|
|
.whiteboardLineButtonStyle {
|
|
icon: Embed('assets/images/line.png');
|
|
}
|
|
|
|
.whiteboardPanZoomButtonStyle {
|
|
icon: Embed('assets/images/hand.png');
|
|
}
|
|
|
|
.whiteboardRectangleButtonStyle {
|
|
icon: Embed('assets/images/square.png');
|
|
}
|
|
|
|
.whiteboardTextButtonStyle {
|
|
icon: Embed('assets/images/text.png');
|
|
}
|
|
|
|
.whiteboardTriangleButtonStyle {
|
|
icon: Embed('assets/images/triangle.png');
|
|
}
|
|
|
|
.presentationUploadButtonStyle, .presentationBackButtonStyle, .presentationForwardButtonStyle,
|
|
.presentationFitToWidthButtonStyle, .presentationFitToPageButtonStyle
|
|
{
|
|
textIndent: 0;
|
|
paddingLeft: 10;
|
|
paddingRight: 10;
|
|
paddingTop: 5;
|
|
paddingBottom: 5;
|
|
highlightAlphas: 0.4, 0;
|
|
fillAlphas: 1, 1, 1, 1;
|
|
fillColors: #fefeff, #e1e2e5, #ffffff, #eeeeee;
|
|
color: #5e5f63;
|
|
textRollOverColor: #5e5f63;
|
|
textSelectedColor: #5e5f63;
|
|
borderColor: #b9babc;
|
|
themeColor: #aaaaaa;
|
|
fontFamily: Arial;
|
|
fontSize: 12;
|
|
}
|
|
|
|
.presentationUploadButtonStyle {
|
|
icon: Embed('assets/images/upload.png');
|
|
}
|
|
|
|
.presentationBackButtonStyle {
|
|
icon: Embed('assets/images/left-arrow.png');
|
|
}
|
|
|
|
.presentationForwardButtonStyle {
|
|
icon: Embed('assets/images/right-arrow.png');
|
|
}
|
|
|
|
.presentationFitToWidthButtonStyle {
|
|
icon: Embed('assets/images/fit-to-width.png');
|
|
}
|
|
|
|
.presentationFitToPageButtonStyle {
|
|
icon: Embed('assets/images/fit-to-screen.png');
|
|
}
|
|
|
|
.presentationZoomSliderStyle{
|
|
labelOffset: 0;
|
|
thumbOffset: 3;
|
|
dataTipOffset: -1;
|
|
tickOffset: 2;
|
|
tickLength: 5;
|
|
tickThickness: 2;
|
|
tickColor: #6cccff;
|
|
showTrackHighlight: true;
|
|
invertThumbDirection: false;
|
|
borderColor: #b9babc;
|
|
trackColors: #aaaaaa, #aaaaaa;
|
|
themeColor: #aaaaaa;
|
|
fillAlphas: 1, 1, 1, 1;
|
|
fillColors: #fefeff, #e1e2e5, #ffffff, #eeeeee;
|
|
labelStyleName: "presentationZoomSliderLabelStyle";
|
|
}
|
|
|
|
.presentationZoomSliderLabelStyle {
|
|
color: #5e5f63;
|
|
fontFamily: Arial;
|
|
}
|
|
|
|
.videoMuteButtonStyle, .videoUnmutedButtonStyle, .videoSwitchPresenterButtonStyle, .videoEjectUserButtonStyle, .videoPrivateChatButtonStyle {
|
|
fillAlphas: 1, 1, 1, 1;
|
|
fillColors: #fefeff, #e1e2e5, #ffffff, #eeeeee;
|
|
color: #5e5f63;
|
|
textRollOverColor: #ffffff;
|
|
textSelectedColor: #ffffff;
|
|
borderColor: #b9babc;
|
|
cornerRadius: 17;
|
|
}
|
|
|
|
.videoMutedButtonStyle {
|
|
/* Need to duplicate info here as the styleName is programatically changed. Extracting it out doesn't have any effect. */
|
|
fillAlphas: 1, 1, 1, 1;
|
|
fillColors: #96c7e6, #50a6d7, #ffffff, #eeeeee;
|
|
color: #ffffff;
|
|
textRollOverColor: #ffffff;
|
|
textSelectedColor: #ffffff;
|
|
borderColor: #50a6d7;
|
|
cornerRadius: 17;
|
|
icon: Embed('assets/images/webcam-muted.png');
|
|
}
|
|
|
|
.videoUnmutedButtonStyle {
|
|
icon: Embed('assets/images/webcam-unmuted.png');
|
|
}
|
|
|
|
.videoSwitchPresenterButtonStyle {
|
|
icon: Embed('assets/images/webcam-switch-presenter.png');
|
|
}
|
|
|
|
.videoEjectUserButtonStyle {
|
|
icon: Embed('assets/images/webcam-eject-user.png');
|
|
}
|
|
|
|
.videoPrivateChatButtonStyle {
|
|
icon: Embed('assets/images/webcam-private-chat.png');
|
|
}
|
|
|
|
MDIWindow {
|
|
resizeCursorHorizontalXOffset: 2;
|
|
}
|
|
|
|
.mdiWindowFocus, .mdiWindowNoFocus, .presentationWindowStyleNoFocus, .presentationWindowStyleFocus, .videoDockStyleNoFocus, .videoDockStyleFocus
|
|
{
|
|
headerHeight: 26;
|
|
roundedBottomCorners: false;
|
|
backgroundAlpha: 1;
|
|
backgroundColor: #b9babc;
|
|
backgroundSize: '100%';
|
|
|
|
borderStyle: solid;
|
|
borderColor: #b9babc;
|
|
borderAlpha: 1;
|
|
borderThickness: 1;
|
|
borderThicknessLeft: 1;
|
|
borderThicknessTop: 1;
|
|
borderThicknessBottom: 1;
|
|
borderThicknessRight: 1;
|
|
cornerRadius: 0;
|
|
dropShadowEnabled: false;
|
|
titleStyleName: "mypanelTitle";
|
|
|
|
cornerResizeImg: Embed(source="assets/swf/Blue.swf", symbol="Corner_Resize");
|
|
cornerResizeWidth: 2;
|
|
cornerResizeHeight: 2;
|
|
cornerResizePaddingRight: 2;
|
|
cornerResizePaddingBottom: 2;
|
|
|
|
controlButtonWidth: 10;
|
|
controlButtonHeight: 10;
|
|
controlButtonGap: 4;
|
|
}
|
|
|
|
.presentationSlideViewStyle {
|
|
backgroundColor: #b9babc;
|
|
}
|
|
|
|
.presentationWindowControlsStyle {
|
|
paddingBottom: 5;
|
|
paddingTop: 3;
|
|
paddingLeft: 3;
|
|
paddingRight: 3;
|
|
bottom: 5;
|
|
cornerRadius: 0;
|
|
dropShadowEnabled: false;
|
|
}
|
|
|
|
.videoViewStyleNoFocus
|
|
{
|
|
borderColor: #b9babc;
|
|
borderAlpha: 1;
|
|
borderThicknessLeft: 5;
|
|
borderThicknessTop: 5;
|
|
borderThicknessBottom: 5;
|
|
borderThicknessRight: 5;
|
|
roundedBottomCorners: true;
|
|
cornerRadius: 5;
|
|
headerHeight: 20;
|
|
backgroundColor: #b9babc;
|
|
dropShadowEnabled: false;
|
|
titleStyleName: "mypanelTitle";
|
|
}
|
|
|
|
.videoViewStyleFocus
|
|
{
|
|
borderColor: #b9babc;
|
|
borderAlpha: 1;
|
|
borderThicknessLeft: 5;
|
|
borderThicknessTop: 5;
|
|
borderThicknessBottom: 5;
|
|
borderThicknessRight: 5;
|
|
roundedBottomCorners: true;
|
|
cornerRadius: 5;
|
|
headerHeight: 20;
|
|
backgroundColor: #b9babc;
|
|
dropShadowEnabled: false;
|
|
titleStyleName: "mypanelTitle";
|
|
}
|
|
|
|
.videoPublishStyleNoFocus
|
|
{
|
|
borderColor: #b9babc;
|
|
borderAlpha: 1;
|
|
borderThicknessLeft: 5;
|
|
borderThicknessTop: 5;
|
|
borderThicknessBottom: 5;
|
|
borderThicknessRight: 5;
|
|
roundedBottomCorners: true;
|
|
cornerRadius: 5;
|
|
headerHeight: 20;
|
|
backgroundColor: #b9babc;
|
|
dropShadowEnabled: false;
|
|
titleStyleName: "mypanelTitle";
|
|
}
|
|
|
|
.videoPublishStyleFocus
|
|
{
|
|
borderColor: #b9babc;
|
|
borderAlpha: 1;
|
|
borderThicknessLeft: 5;
|
|
borderThicknessTop: 5;
|
|
borderThicknessBottom: 5;
|
|
borderThicknessRight: 5;
|
|
roundedBottomCorners: true;
|
|
cornerRadius: 5;
|
|
headerHeight: 20;
|
|
backgroundColor: #b9babc;
|
|
dropShadowEnabled: false;
|
|
titleStyleName: "mypanelTitle";
|
|
}
|
|
|
|
.videoAvatarStyleNoFocus
|
|
{
|
|
borderColor: #b9babc;
|
|
borderAlpha: 1;
|
|
borderThicknessLeft: 5;
|
|
borderThicknessTop: 5;
|
|
borderThicknessBottom: 5;
|
|
borderThicknessRight: 5;
|
|
roundedBottomCorners: true;
|
|
cornerRadius: 5;
|
|
headerHeight: 20;
|
|
backgroundColor: #b9babc;
|
|
dropShadowEnabled: false;
|
|
titleStyleName: "mypanelTitle";
|
|
}
|
|
|
|
.videoAvatarStyleFocus
|
|
{
|
|
borderColor: #b9babc;
|
|
borderAlpha: 1;
|
|
borderThicknessLeft: 5;
|
|
borderThicknessTop: 5;
|
|
borderThicknessBottom: 5;
|
|
borderThicknessRight: 5;
|
|
roundedBottomCorners: true;
|
|
cornerRadius: 5;
|
|
headerHeight: 20;
|
|
backgroundColor: #b9babc;
|
|
dropShadowEnabled: false;
|
|
titleStyleName: "mypanelTitle";
|
|
}
|
|
|
|
.mypanelTitle {
|
|
color: #5e5f63;
|
|
fontFamily: Arial;
|
|
fontSize: 12;
|
|
}
|
|
|
|
.closeBtnFocus, .closeBtnNoFocus
|
|
{
|
|
upSkin: Embed('assets/images/3_closeButton.png');
|
|
overSkin: Embed('assets/images/3_closeButton.png');
|
|
downSkin: Embed('assets/images/3_closeButton.png');
|
|
disabledSkin: Embed('assets/images/3_closeButton.png');
|
|
}
|
|
|
|
|
|
.increaseBtnFocus, .increaseBtnNoFocus
|
|
{
|
|
upSkin: Embed('assets/images/3_increaseButton.png');
|
|
overSkin: Embed('assets/images/3_increaseButton.png');
|
|
downSkin: Embed('assets/images/3_increaseButton.png');
|
|
disabledSkin: Embed('assets/images/3_increaseButton.png');
|
|
}
|
|
|
|
.decreaseBtnFocus, .decreaseBtnNoFocus
|
|
{
|
|
upSkin: Embed('assets/images/3_decreaseButton.png');
|
|
overSkin: Embed('assets/images/3_decreaseButton.png');
|
|
downSkin: Embed('assets/images/3_decreaseButton.png');
|
|
disabledSkin: Embed('assets/images/3_decreaseButton.png');
|
|
}
|
|
|
|
.minimizeBtnFocus
|
|
{
|
|
upSkin: Embed('assets/images/3_minimizeButton.png');
|
|
overSkin: Embed('assets/images/3_minimizeButton.png');
|
|
downSkin: Embed('assets/images/3_minimizeButton.png');
|
|
disabledSkin: Embed('assets/images/3_minimizeButton.png');
|
|
}
|
|
|
|
|
|
.resizeHndlr
|
|
{
|
|
upSkin: Embed('assets/images/resizeHandler.png');
|
|
overSkin: Embed('assets/images/resizeHandler.png');
|
|
downSkin: Embed('assets/images/resizeHandler.png');
|
|
disabledSkin: Embed('assets/images/resizeHandler.png');
|
|
}
|