1330 lines
30 KiB
CSS
1330 lines
30 KiB
CSS
|
@namespace mx "library://ns.adobe.com/flex/mx";
|
||
|
|
@namespace flexlib "http://code.google.com/p/flexlib/";
|
||
|
|
@namespace users "org.bigbluebutton.modules.users.views.*";
|
||
|
|
@namespace poll "org.bigbluebutton.modules.polling.views.*";
|
||
|
|
|
||
|
|
/*
|
||
|
|
//------------------------------
|
||
|
|
// global
|
||
|
|
//------------------------------
|
||
|
|
*/
|
||
|
|
|
||
|
|
global {
|
||
|
|
fontSize : 13;
|
||
|
|
color : #2A2D33;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*
|
||
|
|
//------------------------------
|
||
|
|
// Application
|
||
|
|
//------------------------------
|
||
|
|
*/
|
||
|
|
|
||
|
|
mx|Application {
|
||
|
|
backgroundGradientColors : #F1F3F7, #F1F3F7;
|
||
|
|
backgroundColor : #F1F3F7;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*
|
||
|
|
//------------------------------
|
||
|
|
// ApplicationControlBar
|
||
|
|
//------------------------------
|
||
|
|
*/
|
||
|
|
|
||
|
|
mx|ApplicationControlBar {
|
||
|
|
cornerRadius: 0;
|
||
|
|
dropShadowColor: #ababab;
|
||
|
|
dropShadowEnabled : true;
|
||
|
|
fillAlphas : 1, 1;
|
||
|
|
fillColors : #FFFFFF, #FFFFFF;
|
||
|
|
backgroundColor : #ffffff;
|
||
|
|
backgroundAlpha : 1;
|
||
|
|
highlightAlphas: 0, 0;
|
||
|
|
shadowDistance: 1;
|
||
|
|
shadowDirection: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.meetingNameLabelStyle {
|
||
|
|
fontSize: 14;
|
||
|
|
textAlign: left;
|
||
|
|
color: #2A2D33;
|
||
|
|
}
|
||
|
|
|
||
|
|
.defaultControlBarStyle {
|
||
|
|
color : #2A2D33;
|
||
|
|
}
|
||
|
|
|
||
|
|
.darkControlBarStyle {
|
||
|
|
color : #ffffff;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*
|
||
|
|
//------------------------------
|
||
|
|
// Alert
|
||
|
|
//------------------------------
|
||
|
|
*/
|
||
|
|
|
||
|
|
Alert {
|
||
|
|
borderColor : #ffffff;
|
||
|
|
backgroundColor : #ffffff;
|
||
|
|
borderAlpha : 1;
|
||
|
|
dropShadowEnabled : false;
|
||
|
|
color : #6c6c6c;
|
||
|
|
titleStyleName : "promptWindowTitle";
|
||
|
|
}
|
||
|
|
|
||
|
|
mx|Alert {
|
||
|
|
borderColor: #DFDFDF;
|
||
|
|
backgroundColor: #EFEFEF;
|
||
|
|
borderAlpha: 1;
|
||
|
|
shadowDistance: 1;
|
||
|
|
dropShadowColor: #FFFFFF;
|
||
|
|
titleStyleName: "alertTitleStyle";
|
||
|
|
messageStyleName: "alertMessageStyle";
|
||
|
|
}
|
||
|
|
|
||
|
|
mx|AlertForm {
|
||
|
|
paddingTop: 8;
|
||
|
|
fontSize: 13;
|
||
|
|
}
|
||
|
|
|
||
|
|
.alertMessageStyle {
|
||
|
|
color: #8a9aa7;
|
||
|
|
fontSize: 14;
|
||
|
|
textAlign: center;
|
||
|
|
paddingTop: 6;
|
||
|
|
paddingLeft: 12;
|
||
|
|
paddingRight: 12;
|
||
|
|
paddingBottom: 6;
|
||
|
|
}
|
||
|
|
|
||
|
|
.alertTitleStyle {
|
||
|
|
textAlign: center;
|
||
|
|
fontSize: 24;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*
|
||
|
|
//------------------------------
|
||
|
|
// Button
|
||
|
|
//------------------------------
|
||
|
|
*/
|
||
|
|
mx|Button {
|
||
|
|
paddingLeft : 12;
|
||
|
|
paddingRight : 12;
|
||
|
|
paddingTop : 8;
|
||
|
|
paddingBottom : 8;
|
||
|
|
color : #5e6d73;
|
||
|
|
textRollOverColor : #5e6d73;
|
||
|
|
textSelectedColor : #5e6d73;
|
||
|
|
fontSize : 14;
|
||
|
|
highlightAlphas : 0, 0;
|
||
|
|
themeColor : #ced4db;
|
||
|
|
upSkin : Embed(source="assets/swf/v2_skin.swf", symbol="Button_Default_Up");
|
||
|
|
overSkin : Embed(source="assets/swf/v2_skin.swf", symbol="Button_Default_Over");
|
||
|
|
downSkin : Embed(source="assets/swf/v2_skin.swf", symbol="Button_Default_Up");
|
||
|
|
disabledSkin : Embed(source="assets/swf/v2_skin.swf", symbol="Button_Default_Disabled");
|
||
|
|
}
|
||
|
|
|
||
|
|
/*
|
||
|
|
//------------------------------
|
||
|
|
// MDICanvas & MDIWindow
|
||
|
|
//------------------------------
|
||
|
|
*/
|
||
|
|
|
||
|
|
flexlib|MDICanvas {
|
||
|
|
backgroundColor: #F1F3F7;
|
||
|
|
}
|
||
|
|
|
||
|
|
flexlib|MDIWindow {
|
||
|
|
/*None of the following properties are overridden by the MDIWindow class*/
|
||
|
|
backgroundSize: "100%";
|
||
|
|
|
||
|
|
cornerRadius: 4;
|
||
|
|
dropShadowEnabled: false;
|
||
|
|
titleStyleName: "mdiWindowTitle";
|
||
|
|
|
||
|
|
cornerResizeImg: Embed(source="assets/swf/Blue.swf", symbol="Corner_Resize");
|
||
|
|
cornerResizeWidth: 2;
|
||
|
|
cornerResizeHeight: 2;
|
||
|
|
cornerResizePaddingRight: 2;
|
||
|
|
cornerResizePaddingBottom: 2;
|
||
|
|
|
||
|
|
controlButtonWidth: 10;
|
||
|
|
controlButtonHeight: 10;
|
||
|
|
controlButtonGap: 4;
|
||
|
|
|
||
|
|
borderStyle: solid;
|
||
|
|
borderColor: #CDD4DB;
|
||
|
|
borderAlpha: 1;
|
||
|
|
|
||
|
|
styleNameFocus : "mdiWindowFocus";
|
||
|
|
styleNameNoFocus : "mdiWindowNoFocus";
|
||
|
|
|
||
|
|
maximizeBtnStyleName : "mdiMaximizeButtonStyle";
|
||
|
|
restoreBtnStyleName : "mdiMaximizeButtonStyle";
|
||
|
|
minimizeBtnStyleName : "mdiMinimizeButtonStyle";
|
||
|
|
}
|
||
|
|
|
||
|
|
.mdiMaximizeButtonStyle {
|
||
|
|
upSkin: Embed(source="assets/swf/v2_skin.swf", symbol="MDI_Button_Maximize_Up");
|
||
|
|
overSkin: Embed(source="assets/swf/v2_skin.swf", symbol="MDI_Button_Maximize_Up");
|
||
|
|
downSkin: Embed(source="assets/swf/v2_skin.swf", symbol="MDI_Button_Maximize_Up");
|
||
|
|
disabledSkin: Embed(source="assets/swf/v2_skin.swf", symbol="MDI_Button_Maximize_Up");
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.mdiMinimizeButtonStyle {
|
||
|
|
upSkin: Embed(source="assets/swf/v2_skin.swf", symbol="MDI_Button_Minimize_Up");
|
||
|
|
overSkin: Embed(source="assets/swf/v2_skin.swf", symbol="MDI_Button_Minimize_Up");
|
||
|
|
downSkin: Embed(source="assets/swf/v2_skin.swf", symbol="MDI_Button_Minimize_Up");
|
||
|
|
disabledSkin: Embed(source="assets/swf/v2_skin.swf", symbol="MDI_Button_Minimize_Up");
|
||
|
|
}
|
||
|
|
|
||
|
|
.mdiWindowTitle {
|
||
|
|
color: #2A2D33;
|
||
|
|
fontSize: 12;
|
||
|
|
}
|
||
|
|
|
||
|
|
.mdiWindowFocus, .presentationWindowStyleFocus, .videoDockStyleFocus, .videoDockStyleFocusChatLayout, .videoViewStyleFocus, .videoPublishStyleFocus, .videoAvatarStyleFocus
|
||
|
|
{
|
||
|
|
headerHeight: 30;
|
||
|
|
roundedBottomCorners: true;
|
||
|
|
|
||
|
|
borderStyle : solid;
|
||
|
|
borderAlpha : 1;
|
||
|
|
borderThickness : 1;
|
||
|
|
borderColor : #9eaeba;
|
||
|
|
|
||
|
|
backgroundColor : #ffffff;
|
||
|
|
backgroundAlpha : 1;
|
||
|
|
}
|
||
|
|
|
||
|
|
.mdiWindowNoFocus, .presentationWindowStyleNoFocus, .videoDockStyleNoFocus, .videoDockStyleNoFocusChatLayout, .videoViewStyleNoFocus, .videoPublishStyleNoFocus, .videoAvatarStyleNoFocus
|
||
|
|
{
|
||
|
|
headerHeight: 30;
|
||
|
|
roundedBottomCorners: true;
|
||
|
|
|
||
|
|
borderStyle : solid;
|
||
|
|
borderAlpha : 1;
|
||
|
|
borderThickness : 1;
|
||
|
|
borderColor : #cdd4db;
|
||
|
|
|
||
|
|
backgroundColor : #ffffff;
|
||
|
|
backgroundAlpha : 1;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*
|
||
|
|
//------------------------------
|
||
|
|
// Panel
|
||
|
|
//------------------------------
|
||
|
|
*/
|
||
|
|
|
||
|
|
mx|Panel {
|
||
|
|
borderColor: #cdd4db;
|
||
|
|
borderAlpha: 1;
|
||
|
|
dropShadowEnabled : false;
|
||
|
|
backgroundColor: #ffffff;
|
||
|
|
titleStyleName: "mypanelTitle";
|
||
|
|
}
|
||
|
|
|
||
|
|
.mypanelTitle {
|
||
|
|
color: #2A2D33;
|
||
|
|
fontSize: 12;
|
||
|
|
}
|
||
|
|
|
||
|
|
.voiceConfDefaultButtonStyle {
|
||
|
|
icon: Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Audio");
|
||
|
|
}
|
||
|
|
|
||
|
|
.voiceConfActiveButtonStyle {
|
||
|
|
icon: Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Audio");
|
||
|
|
}
|
||
|
|
|
||
|
|
.voiceConfInactiveButtonStyle {
|
||
|
|
icon: Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Audio_Off");
|
||
|
|
}
|
||
|
|
|
||
|
|
.webcamDefaultButtonStyle {
|
||
|
|
icon: Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Webcam");
|
||
|
|
}
|
||
|
|
|
||
|
|
.webcamOnButtonStyle {
|
||
|
|
icon: Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Webcam_White");
|
||
|
|
}
|
||
|
|
|
||
|
|
.webcamOffButtonStyle {
|
||
|
|
icon: Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Webcam_White");
|
||
|
|
}
|
||
|
|
|
||
|
|
.deskshareDefaultButtonStyle {
|
||
|
|
icon: Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Deskshare");
|
||
|
|
}
|
||
|
|
|
||
|
|
.deskshareOnButtonStyle {
|
||
|
|
icon: Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Deskshare_White");
|
||
|
|
}
|
||
|
|
|
||
|
|
.deskshareOffButtonStyle {
|
||
|
|
icon: Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Deskshare_White");
|
||
|
|
}
|
||
|
|
|
||
|
|
/****************************/
|
||
|
|
/* Old styles */
|
||
|
|
/****************************/
|
||
|
|
/*
|
||
|
|
|
||
|
|
mx|ToolTip {
|
||
|
|
borderSkin : ClassReference("org.bigbluebutton.skins.ToolTipSkin");
|
||
|
|
backgroundAlpha : 0.9;
|
||
|
|
cornerRadius : 3;
|
||
|
|
}
|
||
|
|
|
||
|
|
.errorTip {
|
||
|
|
borderColor : #3b3b3b;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.whiteboardToolbarStyle {
|
||
|
|
backgroundColor: #CCCCCC;
|
||
|
|
cornerRadius: 5;
|
||
|
|
borderStyle: solid;
|
||
|
|
borderThickness: 1;
|
||
|
|
paddingBottom: 3;
|
||
|
|
paddingTop: 3;
|
||
|
|
paddingLeft: 3;
|
||
|
|
paddingRight: 3;
|
||
|
|
}
|
||
|
|
|
||
|
|
.chatToolbarStyle {
|
||
|
|
backgroundColor: #CCCCCC;
|
||
|
|
cornerRadius: 5;
|
||
|
|
borderStyle: solid;
|
||
|
|
borderThickness: 1;
|
||
|
|
paddingBottom: 2;
|
||
|
|
paddingTop: 2;
|
||
|
|
paddingLeft: 2;
|
||
|
|
paddingRight: 2;
|
||
|
|
}
|
||
|
|
|
||
|
|
.recordingLabelStyle {
|
||
|
|
fontWeight: bold;
|
||
|
|
fontSize: 15;
|
||
|
|
fontFamily: Arial;
|
||
|
|
color: #e1e2e5;
|
||
|
|
}
|
||
|
|
|
||
|
|
.videoMessageWarningLabelStyle {
|
||
|
|
fontWeight: bold;
|
||
|
|
fontSize: 18;
|
||
|
|
fontFamily: Arial;
|
||
|
|
color: #ffff26;
|
||
|
|
}
|
||
|
|
|
||
|
|
.videoMessageErrorLabelStyle {
|
||
|
|
fontWeight: bold;
|
||
|
|
fontSize: 18;
|
||
|
|
fontFamily: Arial;
|
||
|
|
color: #ff2727;
|
||
|
|
}
|
||
|
|
|
||
|
|
.videoMessageBackgroundStyle {
|
||
|
|
backgroundAlpha: 0.6;
|
||
|
|
backgroundColor: #b9babc;
|
||
|
|
}
|
||
|
|
|
||
|
|
.videoToolbarBackgroundTalkingStyle {
|
||
|
|
backgroundColor: #20c600;
|
||
|
|
backgroundAlpha: 0.6;
|
||
|
|
}
|
||
|
|
|
||
|
|
.videoToolbarBackgroundNotTalkingStyle {
|
||
|
|
backgroundColor: #42444c;
|
||
|
|
backgroundAlpha: 0.6;
|
||
|
|
}
|
||
|
|
|
||
|
|
.videoToolbarLabelStyle {
|
||
|
|
textIndent: 0;
|
||
|
|
color: #ffffff;
|
||
|
|
fontFamily: Arial;
|
||
|
|
}
|
||
|
|
|
||
|
|
.pollResondersLabelStyle {
|
||
|
|
color: #444444;
|
||
|
|
fontFamily: Arial;
|
||
|
|
fontSize: 16;
|
||
|
|
fontWeight: bold;
|
||
|
|
}
|
||
|
|
|
||
|
|
mx|Button, .logoutButtonStyle, .chatSendButtonStyle, .helpLinkButtonStyle, .cameraDisplaySettingsWindowProfileComboStyle, .cameraDisplaySettingsWindowCameraSelector, .languageSelectorStyle, .testJavaLinkButtonStyle, .recordButtonStyleNormal, .recordButtonStyleStart, .recordButtonStyleStop, .micSettingsWindowHelpButtonStyle, .bandwidthButtonStyle, .settingsButtonStyle, .acceptButtonStyle, .denyButtonStyle {
|
||
|
|
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: #3f3f41;
|
||
|
|
textRollOverColor: #3f3f41;
|
||
|
|
textSelectedColor: #3f3f41;
|
||
|
|
borderColor: #b9babc;
|
||
|
|
themeColor: haloBlue;
|
||
|
|
fontFamily: Arial;
|
||
|
|
fontSize: 12;
|
||
|
|
}
|
||
|
|
|
||
|
|
.quickWindowLinkStyle {
|
||
|
|
paddingLeft: 0;
|
||
|
|
paddingRight: 0;
|
||
|
|
textDecoration: underline;
|
||
|
|
rollOverColor: #cccccc;
|
||
|
|
selectionColor: #999999;
|
||
|
|
color: #ffffff;
|
||
|
|
textRollOverColor: #504f3d;
|
||
|
|
textSelectedColor: #504f3d;
|
||
|
|
}
|
||
|
|
|
||
|
|
.helpLinkButtonStyle {
|
||
|
|
paddingLeft: 4;
|
||
|
|
paddingRight: 4;
|
||
|
|
paddingTop: 2;
|
||
|
|
paddingBottom: 2;
|
||
|
|
fontSize: 16;
|
||
|
|
rollOverColor: #cccccc;
|
||
|
|
selectionColor: #999999;
|
||
|
|
color: #ffffff;
|
||
|
|
textRollOverColor: #504f3d;
|
||
|
|
textSelectedColor: #504f3d;
|
||
|
|
fontWeight: bold;
|
||
|
|
}
|
||
|
|
|
||
|
|
.testJavaLinkButtonStyle {
|
||
|
|
paddingLeft: 4;
|
||
|
|
paddingRight: 4;
|
||
|
|
paddingTop: 2;
|
||
|
|
paddingBottom: 2;
|
||
|
|
fontSize: 14;
|
||
|
|
rollOverColor: #cccccc;
|
||
|
|
selectionColor: #cccccc;
|
||
|
|
color: #e3e3e3;
|
||
|
|
textRollOverColor: #504f46;
|
||
|
|
textSelectedColor: #504f46;
|
||
|
|
fontWeight: bold;
|
||
|
|
textDecoration: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.javaVersionRequiredLabelStyle {
|
||
|
|
fontSize: 12;
|
||
|
|
color: #000000;
|
||
|
|
fontFamily: Arial;
|
||
|
|
}
|
||
|
|
|
||
|
|
.logoutButtonStyle {
|
||
|
|
paddingLeft: 0;
|
||
|
|
paddingRight: 0;
|
||
|
|
icon: Embed('assets/images/logout.png');
|
||
|
|
}
|
||
|
|
|
||
|
|
.settingsButtonStyle {
|
||
|
|
icon: Embed('assets/images/ic_settings_16px.png');
|
||
|
|
}
|
||
|
|
|
||
|
|
.acceptButtonStyle {
|
||
|
|
icon: Embed('assets/images/ic_thumb_up_16px.png');
|
||
|
|
}
|
||
|
|
|
||
|
|
.denyButtonStyle {
|
||
|
|
icon: Embed('assets/images/ic_thumb_down_16px.png');
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
mx|DataGrid {
|
||
|
|
backgroundColor: #e1e2e5;
|
||
|
|
rollOverColor: #f3f3f3;
|
||
|
|
textRollOverColor: #3f3f41;
|
||
|
|
selectionColor: #e1e2e5;
|
||
|
|
color: #3f3f41;
|
||
|
|
textSelectedColor: #3f3f41;
|
||
|
|
dropShadowEnabled: false;
|
||
|
|
fontFamily: arial;
|
||
|
|
fontSize: 11;
|
||
|
|
headerStyleName: "mydataGridHeaderStyle";
|
||
|
|
}
|
||
|
|
|
||
|
|
.mydataGridHeaderStyle {
|
||
|
|
color: #3f3f41;
|
||
|
|
fontFamily: arial;
|
||
|
|
fontSize: 12;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.whiteboardUndoButtonStyle, .whiteboardCircleButtonStyle, .whiteboardClearButtonStyle,
|
||
|
|
.whiteboardTriangleButtonStyle, .whiteboardTextButtonStyle, .whiteboardRectangleButtonStyle,
|
||
|
|
.chatClearButtonStyle, .multiUserWhiteboardOnButtonStyle, .multiUserWhiteboardOffButtonStyle
|
||
|
|
{
|
||
|
|
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: #3f3f41;
|
||
|
|
textRollOverColor: #3f3f41;
|
||
|
|
textSelectedColor: #3f3f41;
|
||
|
|
borderColor: #b9babc;
|
||
|
|
themeColor: haloBlue;
|
||
|
|
fontFamily: Arial;
|
||
|
|
fontSize: 12;
|
||
|
|
}
|
||
|
|
|
||
|
|
.multiUserWhiteboardOnButtonStyle
|
||
|
|
{
|
||
|
|
icon: Embed('assets/images/multiuserwhiteboardon.png');
|
||
|
|
}
|
||
|
|
|
||
|
|
.multiUserWhiteboardOffButtonStyle
|
||
|
|
{
|
||
|
|
icon: Embed('assets/images/multiuserwhiteboardoff.png');
|
||
|
|
}
|
||
|
|
|
||
|
|
.whiteboardUndoButtonStyle
|
||
|
|
{
|
||
|
|
icon: Embed('assets/images/undo.png');
|
||
|
|
}
|
||
|
|
|
||
|
|
.whiteboardCircleButtonStyle {
|
||
|
|
icon: Embed('assets/images/ellipse.png');
|
||
|
|
}
|
||
|
|
|
||
|
|
.whiteboardClearButtonStyle {
|
||
|
|
icon: Embed('assets/images/delete.png');
|
||
|
|
}
|
||
|
|
|
||
|
|
.chatClearButtonStyle {
|
||
|
|
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, .pollStartButtonStyle, .presentationBackButtonStyle, .presentationBackButtonDisabledStyle, .presentationForwardButtonStyle, .presentationForwardButtonDisabledStyle,
|
||
|
|
.presentationFitToWidthButtonStyle, .presentationFitToPageButtonStyle, .presentationDownloadButtonStyle, .presentationDownloadButtonDisabledStyle,
|
||
|
|
.sharedNotesSaveButtonStyle, .sharedNotesNewButtonStyle, .sharedNotesEnabledUndoButtonStyle, .sharedNotesDisabledUndoButtonStyle, .sharedNotesEnabledRedoButtonStyle, .sharedNotesDisabledRedoButtonStyle, .sharedNotesFormatButtonStyle, .chatCopyButtonStyle, .chatSaveButtonStyle
|
||
|
|
{
|
||
|
|
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: #3f3f41;
|
||
|
|
textRollOverColor: #3f3f41;
|
||
|
|
textSelectedColor: #3f3f41;
|
||
|
|
borderColor: #b9babc;
|
||
|
|
themeColor: haloBlue;
|
||
|
|
fontFamily: Arial;
|
||
|
|
fontSize: 12;
|
||
|
|
}
|
||
|
|
|
||
|
|
.sharedNotesSaveButtonStyle, .chatSaveButtonStyle {
|
||
|
|
icon: Embed('assets/images/ic_save_16px.png');
|
||
|
|
}
|
||
|
|
|
||
|
|
.sharedNotesNewButtonStyle {
|
||
|
|
icon: Embed('assets/images/ic_note_add_16px.png');
|
||
|
|
}
|
||
|
|
|
||
|
|
.sharedNotesEnabledUndoButtonStyle {
|
||
|
|
icon: Embed('assets/images/arrows_undo_icon.png');
|
||
|
|
}
|
||
|
|
|
||
|
|
.sharedNotesDisabledUndoButtonStyle {
|
||
|
|
icon: Embed('assets/images/arrows_undo_icon_grey.png');
|
||
|
|
}
|
||
|
|
|
||
|
|
.sharedNotesEnabledRedoButtonStyle {
|
||
|
|
icon: Embed('assets/images/arrows_redo_icon.png');
|
||
|
|
}
|
||
|
|
|
||
|
|
.sharedNotesDisabledRedoButtonStyle {
|
||
|
|
icon: Embed('assets/images/arrows_redo_icon_grey.png');
|
||
|
|
}
|
||
|
|
|
||
|
|
.sharedNotesFormatButtonStyle {
|
||
|
|
icon: Embed('assets/images/ic_note_format_16px.png');
|
||
|
|
}
|
||
|
|
|
||
|
|
.presentationUploadButtonStyle {
|
||
|
|
icon: Embed('assets/images/ic_file_upload_16px.png');
|
||
|
|
}
|
||
|
|
|
||
|
|
.pollStartButtonStyle {
|
||
|
|
icon: Embed('assets/images/poll_icon.png');
|
||
|
|
}
|
||
|
|
|
||
|
|
.presentationBackButtonStyle {
|
||
|
|
icon: Embed('assets/images/ic_arrow_back_24px.png');
|
||
|
|
}
|
||
|
|
|
||
|
|
.presentationBackButtonDisabledStyle {
|
||
|
|
icon: Embed('assets/images/ic_arrow_back_grey_24px.png');
|
||
|
|
}
|
||
|
|
|
||
|
|
.presentationForwardButtonStyle {
|
||
|
|
icon: Embed('assets/images/ic_arrow_forward_24px.png');
|
||
|
|
}
|
||
|
|
|
||
|
|
.presentationForwardButtonDisabledStyle {
|
||
|
|
icon: Embed('assets/images/ic_arrow_forward_grey_24px.png');
|
||
|
|
}
|
||
|
|
|
||
|
|
.presentationFitToWidthButtonStyle {
|
||
|
|
icon: Embed('assets/images/fit-to-width.png');
|
||
|
|
}
|
||
|
|
|
||
|
|
.presentationFitToPageButtonStyle {
|
||
|
|
icon: Embed('assets/images/fit-to-screen.png');
|
||
|
|
}
|
||
|
|
|
||
|
|
.presentationDownloadButtonStyle {
|
||
|
|
icon: Embed('assets/images/ic_file_download_16px.png');
|
||
|
|
}
|
||
|
|
|
||
|
|
.presentationDownloadButtonDisabledStyle {
|
||
|
|
icon: Embed('assets/images/ic_file_download_grey_16px.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: haloBlue;
|
||
|
|
fillAlphas: 1, 1, 1, 1;
|
||
|
|
fillColors: #fefeff, #e1e2e5, #ffffff, #eeeeee;
|
||
|
|
labelStyleName: "presentationZoomSliderLabelStyle";
|
||
|
|
}
|
||
|
|
|
||
|
|
.presentationZoomSliderLabelStyle {
|
||
|
|
color: #3f3f41;
|
||
|
|
fontFamily: Arial;
|
||
|
|
}
|
||
|
|
|
||
|
|
.deskshareControlButtonStyle {
|
||
|
|
fillAlphas: 1, 1, 1, 1;
|
||
|
|
fillColors: #fefeff, #e1e2e5, #ffffff, #eeeeee;
|
||
|
|
color: #3f3f41;
|
||
|
|
textRollOverColor: #3f3f41;
|
||
|
|
textSelectedColor: #3f3f41;
|
||
|
|
borderColor: #b9babc;
|
||
|
|
cornerRadius: 17;
|
||
|
|
}
|
||
|
|
|
||
|
|
.deskshareWarningLabelStyle {
|
||
|
|
fontWeight: bold;
|
||
|
|
fontSize: 18;
|
||
|
|
fontFamily: Arial;
|
||
|
|
color: #003399;
|
||
|
|
}
|
||
|
|
|
||
|
|
.deskshareWarningBackgroundStyle {
|
||
|
|
backgroundAlpha: 0.6;
|
||
|
|
backgroundColor: #78797e;
|
||
|
|
}
|
||
|
|
|
||
|
|
.videoMuteButtonStyle, .videoUnmutedButtonStyle, .videoSwitchPresenterButtonStyle, .videoEjectUserButtonStyle, .videoPrivateChatButtonStyle {
|
||
|
|
fillAlphas: 1, 1, 1, 1;
|
||
|
|
fillColors: #fefeff, #e1e2e5, #ffffff, #eeeeee;
|
||
|
|
color: #3f3f41;
|
||
|
|
textRollOverColor: #3f3f41;
|
||
|
|
textSelectedColor: #3f3f41;
|
||
|
|
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: #fefeff, #e1e2e5, #ffffff, #eeeeee;
|
||
|
|
color: #ffffff;
|
||
|
|
textRollOverColor: #3f3f41;
|
||
|
|
textSelectedColor: #3f3f41;
|
||
|
|
borderColor: #b9babc;
|
||
|
|
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');
|
||
|
|
}
|
||
|
|
|
||
|
|
mx|TitleWindow {
|
||
|
|
borderColor: #b9babc;
|
||
|
|
borderAlpha: 1;
|
||
|
|
borderThicknessLeft: 10;
|
||
|
|
borderThicknessTop: 0;
|
||
|
|
borderThicknessBottom: 10;
|
||
|
|
borderThicknessRight: 10;
|
||
|
|
roundedBottomCorners: true;
|
||
|
|
cornerRadius: 5;
|
||
|
|
headerHeight: 20;
|
||
|
|
backgroundAlpha: 1;
|
||
|
|
backgroundColor: #EFEFEF;
|
||
|
|
dropShadowEnabled: true;
|
||
|
|
}
|
||
|
|
|
||
|
|
.presentationFileUploadWindowTitleStyle, .presentationUploadTitleStyle {
|
||
|
|
fontFamily: Arial;
|
||
|
|
fontSize: 20;
|
||
|
|
fontWeight: bold;
|
||
|
|
}
|
||
|
|
|
||
|
|
.presentationNamesLabelStyle {
|
||
|
|
fontFamily: Arial;
|
||
|
|
fontSize: 14;
|
||
|
|
fontWeight: bold;
|
||
|
|
}
|
||
|
|
|
||
|
|
.presentationUploadChooseFileButtonStyle {
|
||
|
|
fillAlphas: 1, 1, 1, 1;
|
||
|
|
fillColors: #fefeff, #e1e2e5, #ffffff, #eeeeee;
|
||
|
|
color: #3f3f41;
|
||
|
|
textRollOverColor: #3f3f41;
|
||
|
|
textSelectedColor: #3f3f41;
|
||
|
|
borderColor: #b9babc;
|
||
|
|
cornerRadius: 5;
|
||
|
|
}
|
||
|
|
|
||
|
|
.presentationUploadCancelButtonStyle {
|
||
|
|
fillAlphas: 1, 1, 1, 1;
|
||
|
|
fillColors: #fefeff, #e1e2e5, #ffffff, #eeeeee;
|
||
|
|
color: #3f3f41;
|
||
|
|
textRollOverColor: #3f3f41;
|
||
|
|
textSelectedColor: #3f3f41;
|
||
|
|
borderColor: #b9babc;
|
||
|
|
cornerRadius: 5;
|
||
|
|
}
|
||
|
|
|
||
|
|
.presentationUploadShowButtonStyle {
|
||
|
|
fillAlphas: 1, 1, 1, 1;
|
||
|
|
fillColors: #fefeff, #e1e2e5, #ffffff, #eeeeee;
|
||
|
|
color: #3f3f41;
|
||
|
|
textRollOverColor: #3f3f41;
|
||
|
|
textSelectedColor: #3f3f41;
|
||
|
|
borderColor: #b9babc;
|
||
|
|
cornerRadius: 5;
|
||
|
|
}
|
||
|
|
|
||
|
|
.presentationUploadDeleteButtonStyle {
|
||
|
|
fillAlphas: 1, 1, 1, 1;
|
||
|
|
fillColors: #fefeff, #e1e2e5, #ffffff, #eeeeee;
|
||
|
|
color: #3f3f41;
|
||
|
|
textRollOverColor: #3f3f41;
|
||
|
|
textSelectedColor: #3f3f41;
|
||
|
|
borderColor: #b9babc;
|
||
|
|
cornerRadius: 5;
|
||
|
|
icon: Embed('assets/images/trash.png');
|
||
|
|
}
|
||
|
|
|
||
|
|
.presentationUploadProgressBarLabelStyle {
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
.presentationUploadProgressBarStyle {
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
.presentationNameLabelStyle {
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
.presentationUploadFileFormatHintBoxStyle, .audioBroswerHintBoxStyle {
|
||
|
|
backgroundColor: #D4D4D4;
|
||
|
|
dropShadowEnabled: false;
|
||
|
|
paddingLeft: 10;
|
||
|
|
paddingRight: 10;
|
||
|
|
}
|
||
|
|
|
||
|
|
.presentationUploadFileFormatHintTextStyle, .audioBroswerHintTextStyle {
|
||
|
|
fontWeight: bold;
|
||
|
|
}
|
||
|
|
|
||
|
|
.audioBroswerHintBoxStyle {
|
||
|
|
paddingLeft: 5;
|
||
|
|
paddingRight: 5;
|
||
|
|
paddingBottom : 8;
|
||
|
|
paddingTop : 8;
|
||
|
|
}
|
||
|
|
|
||
|
|
.desktopShareViewStyle {
|
||
|
|
backgroundColor: #FFFFFF;
|
||
|
|
paddingTop: 15;
|
||
|
|
paddingLeft: 15;
|
||
|
|
paddingBottom: 15;
|
||
|
|
paddingRight: 15;
|
||
|
|
}
|
||
|
|
|
||
|
|
.desksharePublishPauseBox {
|
||
|
|
horizontalAlign: center;
|
||
|
|
verticalAlign: middle;
|
||
|
|
borderColor: #C0C0C0;
|
||
|
|
borderThickness: 2;
|
||
|
|
borderStyle: solid
|
||
|
|
}
|
||
|
|
|
||
|
|
.publishHelpPCIE1 {
|
||
|
|
imageSource: Embed(source='assets/images/bbb_pc_ie_1.png');
|
||
|
|
}
|
||
|
|
|
||
|
|
.publishHelpPCIE2 {
|
||
|
|
imageSource: Embed(source='assets/images/bbb_pc_ie_2.png');
|
||
|
|
}
|
||
|
|
|
||
|
|
.publishHelpPCIE3 {
|
||
|
|
imageSource: Embed(source='assets/images/bbb_pc_ie_3.png');
|
||
|
|
}
|
||
|
|
|
||
|
|
.publishHelpPCFirefox1 {
|
||
|
|
imageSource: Embed(source='assets/images/bbb_pc_firefox_1.png');
|
||
|
|
}
|
||
|
|
|
||
|
|
.publishHelpPCFirefox2 {
|
||
|
|
imageSource: Embed(source='assets/images/bbb_pc_firefox_2.png');
|
||
|
|
}
|
||
|
|
|
||
|
|
.publishHelpPCFirefox3 {
|
||
|
|
imageSource: Embed(source='assets/images/bbb_pc_firefox_3.png');
|
||
|
|
}
|
||
|
|
|
||
|
|
.publishHelpPCChrome1 {
|
||
|
|
imageSource: Embed(source='assets/images/bbb_pc_chrome_1.png');
|
||
|
|
}
|
||
|
|
|
||
|
|
.publishHelpPCChrome2 {
|
||
|
|
imageSource: Embed(source='assets/images/bbb_pc_chrome_2.png');
|
||
|
|
}
|
||
|
|
|
||
|
|
.publishHelpPCChrome3 {
|
||
|
|
imageSource: Embed(source='assets/images/bbb_pc_chrome_3.png');
|
||
|
|
}
|
||
|
|
|
||
|
|
.publishHelpMacSafari1 {
|
||
|
|
imageSource: Embed(source='assets/images/bbb_mac_safari_1.png');
|
||
|
|
}
|
||
|
|
|
||
|
|
.publishHelpMacSafari2 {
|
||
|
|
imageSource: Embed(source='assets/images/bbb_mac_safari_2.png');
|
||
|
|
}
|
||
|
|
|
||
|
|
.publishHelpMacSafari3 {
|
||
|
|
imageSource: Embed(source='assets/images/bbb_mac_safari_3.png');
|
||
|
|
}
|
||
|
|
|
||
|
|
.publishHelpMacSafari4 {
|
||
|
|
imageSource: Embed(source='assets/images/bbb_mac_safari_4.png');
|
||
|
|
}
|
||
|
|
|
||
|
|
.publishHelpMacFirefox1 {
|
||
|
|
imageSource: Embed(source='assets/images/bbb_mac_firefox_1.png');
|
||
|
|
}
|
||
|
|
|
||
|
|
.publishHelpMacFirefox2 {
|
||
|
|
imageSource: Embed(source='assets/images/bbb_mac_firefox_2.png');
|
||
|
|
}
|
||
|
|
|
||
|
|
.publishHelpMacFirefox3 {
|
||
|
|
imageSource: Embed(source='assets/images/bbb_mac_firefox_3.png');
|
||
|
|
}
|
||
|
|
|
||
|
|
.publishHelpMacFirefox4 {
|
||
|
|
imageSource: Embed(source='assets/images/bbb_mac_firefox_4.png');
|
||
|
|
}
|
||
|
|
|
||
|
|
.publishHelpMacChrome1 {
|
||
|
|
imageSource: Embed(source='assets/images/bbb_mac_chrome_1.png');
|
||
|
|
}
|
||
|
|
|
||
|
|
.publishHelpMacChrome2 {
|
||
|
|
imageSource: Embed(source='assets/images/bbb_mac_chrome_2.png');
|
||
|
|
}
|
||
|
|
|
||
|
|
.publishHelpMacChrome3 {
|
||
|
|
imageSource: Embed(source='assets/images/bbb_mac_chrome_3.png');
|
||
|
|
}
|
||
|
|
|
||
|
|
.publishHelpMacChrome4 {
|
||
|
|
imageSource: Embed(source='assets/images/bbb_mac_chrome_4.png');
|
||
|
|
}
|
||
|
|
|
||
|
|
.publishHelpLinuxFirefox1 {
|
||
|
|
imageSource: Embed(source='assets/images/bbb_linux_firefox_1.png');
|
||
|
|
}
|
||
|
|
|
||
|
|
.publishHelpLinuxFirefox2 {
|
||
|
|
imageSource: Embed(source='assets/images/bbb_linux_firefox_2.png');
|
||
|
|
}
|
||
|
|
|
||
|
|
.publishHelpLinuxFirefox3 {
|
||
|
|
imageSource: Embed(source='assets/images/bbb_linux_firefox_3.png');
|
||
|
|
}
|
||
|
|
|
||
|
|
.publishHelpLinuxChrome1 {
|
||
|
|
imageSource: Embed(source='assets/images/bbb_linux_chrome_1.png');
|
||
|
|
}
|
||
|
|
|
||
|
|
.publishHelpLinuxChrome2 {
|
||
|
|
imageSource: Embed(source='assets/images/bbb_linux_chrome_2.png');
|
||
|
|
}
|
||
|
|
|
||
|
|
.publishHelpLinuxChrome3 {
|
||
|
|
imageSource: Embed(source='assets/images/bbb_linux_chrome_3.png');
|
||
|
|
}
|
||
|
|
|
||
|
|
.desktopShareTextStyle {
|
||
|
|
color: #3f3f3f;
|
||
|
|
fontSize: 11;
|
||
|
|
fontWeight: bold;
|
||
|
|
}
|
||
|
|
|
||
|
|
.chromeJavaHelpImage {
|
||
|
|
imageSource: Embed(source='assets/images/jnlp-run-chrome.png');
|
||
|
|
}
|
||
|
|
|
||
|
|
.webcamSettingsWindowTitleStyle, .micSettingsWindowTitleStyle {
|
||
|
|
fontFamily: Arial;
|
||
|
|
fontSize: 20;
|
||
|
|
fontWeight: bold;
|
||
|
|
}
|
||
|
|
|
||
|
|
.micSettingsWindowTestSpeakersLabelStyle, .micSettingsWindowTestMicrophoneLabelStyle {
|
||
|
|
fontFamily: Arial;
|
||
|
|
fontSize: 14;
|
||
|
|
fontWeight: bold;
|
||
|
|
}
|
||
|
|
|
||
|
|
.micSettingsWindowHearFromHeadsetLabelStyle, .micSettingsWindowSpeakIntoMicLabelStyle, .micSettingsWindowMicNameLabelStyle, .webcamPermissionSettingsTextStyle, .inactivityWarningTextStyle {
|
||
|
|
fontFamily: Arial;
|
||
|
|
fontSize: 14;
|
||
|
|
}
|
||
|
|
|
||
|
|
.micSettingsWindowOpenDialogLabelStyle {
|
||
|
|
fontFamily: Arial;
|
||
|
|
fontSize: 14;
|
||
|
|
fontWeight: bold;
|
||
|
|
color: #e1e2e5;
|
||
|
|
}
|
||
|
|
|
||
|
|
.micSettingsWindowShareMicrophoneLabelStyle {
|
||
|
|
fontFamily: Arial;
|
||
|
|
fontSize: 14;
|
||
|
|
color: #5e5f63;
|
||
|
|
}
|
||
|
|
|
||
|
|
.micSettingsWindowPlaySoundButtonStyle, .micSettingsWindowChangeMicButtonStyle {
|
||
|
|
fillAlphas: 1, 1, 1, 1;
|
||
|
|
fillColors: #fefeff, #e1e2e5, #ffffff, #eeeeee;
|
||
|
|
rollOverColor: #eeeeee;
|
||
|
|
color: #3f3f41;
|
||
|
|
textRollOverColor: #3f3f41;
|
||
|
|
textSelectedColor: #3f3f41;
|
||
|
|
borderColor: #b9babc;
|
||
|
|
cornerRadius: 5;
|
||
|
|
}
|
||
|
|
|
||
|
|
.micSettingsWindowJoinButtonStyle {
|
||
|
|
fillAlphas: 1, 1, 1, 1;
|
||
|
|
fillColors: #fefeff, #e1e2e5, #ffffff, #eeeeee;
|
||
|
|
rollOverColor: #eeeeee;
|
||
|
|
color: #3f3f41;
|
||
|
|
textRollOverColor: #3f3f41;
|
||
|
|
textSelectedColor: #3f3f41;
|
||
|
|
borderColor: #b9babc;
|
||
|
|
cornerRadius: 5;
|
||
|
|
icon: Embed('assets/images/headset.png');
|
||
|
|
}
|
||
|
|
|
||
|
|
.micSettingsWindowCancelButtonStyle, .inactivityWarningWindowCancelButtonStyle {
|
||
|
|
fillAlphas: 1, 1, 1, 1;
|
||
|
|
fillColors: #ffffff, #eeeeee, #ffffff, #eeeeee;
|
||
|
|
rollOverColor: #eeeeee;
|
||
|
|
color: #3f3f41;
|
||
|
|
textRollOverColor: #3f3f41;
|
||
|
|
textSelectedColor: #3f3f41;
|
||
|
|
borderColor: #b9babc;
|
||
|
|
cornerRadius: 5;
|
||
|
|
}
|
||
|
|
|
||
|
|
.micSettingsWindowHelpButtonStyle {
|
||
|
|
paddingLeft: 4;
|
||
|
|
paddingRight: 4;
|
||
|
|
paddingTop: 2;
|
||
|
|
paddingBottom: 2;
|
||
|
|
fontSize: 16;
|
||
|
|
rollOverColor: #cccccc;
|
||
|
|
selectionColor: #999999;
|
||
|
|
color: #504f3d;
|
||
|
|
textRollOverColor: #ffffff;
|
||
|
|
textSelectedColor: #ffffff;
|
||
|
|
fontWeight: bold;
|
||
|
|
}
|
||
|
|
|
||
|
|
.presentationSlideViewStyle {
|
||
|
|
backgroundColor: #b9babc;
|
||
|
|
}
|
||
|
|
|
||
|
|
.presentationWindowControlsStyle {
|
||
|
|
paddingBottom: 5;
|
||
|
|
paddingTop: 3;
|
||
|
|
paddingLeft: 3;
|
||
|
|
paddingRight: 3;
|
||
|
|
bottom: 5;
|
||
|
|
cornerRadius: 0;
|
||
|
|
dropShadowEnabled: false;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.defaultShellStyle {
|
||
|
|
backgroundColor: #fefeff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.darkShellStyle {
|
||
|
|
backgroundColor: #42444c;
|
||
|
|
}
|
||
|
|
|
||
|
|
.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');
|
||
|
|
}
|
||
|
|
|
||
|
|
/*
|
||
|
|
https://www.iconfinder.com/icons/172512/mute_icon#size=128
|
||
|
|
|
||
|
|
.muteOverlayBtn
|
||
|
|
{
|
||
|
|
upSkin: Embed('assets/images/audio_20_white.png');
|
||
|
|
overSkin: Embed('assets/images/audio_20_white.png');
|
||
|
|
downSkin: Embed('assets/images/audio_20_white.png');
|
||
|
|
disabledSkin: Embed('assets/images/audio_20_white.png');
|
||
|
|
}
|
||
|
|
|
||
|
|
/*
|
||
|
|
https://www.iconfinder.com/icons/172499/low_volume_icon#size=128
|
||
|
|
|
||
|
|
.unmuteOverlayBtn
|
||
|
|
{
|
||
|
|
upSkin: Embed('assets/images/audio_muted_20_white.png');
|
||
|
|
overSkin: Embed('assets/images/audio_muted_20_white.png');
|
||
|
|
downSkin: Embed('assets/images/audio_muted_20_white.png');
|
||
|
|
disabledSkin: Embed('assets/images/audio_muted_20_white.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');
|
||
|
|
}
|
||
|
|
|
||
|
|
.cameraDisplaySettingsWindowStartBtn
|
||
|
|
{
|
||
|
|
icon: Embed('assets/images/webcam.png');
|
||
|
|
}
|
||
|
|
|
||
|
|
.cameraDisplaySettingsWindowStartBtnDisabled
|
||
|
|
{
|
||
|
|
icon: Embed('assets/images/webcam.png');
|
||
|
|
color: #AAB3B3;
|
||
|
|
textSelectedColor: #AAB3B3;
|
||
|
|
fillAlphas: 0.45, 0.25;
|
||
|
|
}
|
||
|
|
|
||
|
|
.logoutWindowStyle {
|
||
|
|
borderColor: #DFDFDF;
|
||
|
|
backgroundColor: #EFEFEF;
|
||
|
|
borderAlpha: 1;
|
||
|
|
shadowDistance: 1;
|
||
|
|
dropShadowColor: #FFFFFF;
|
||
|
|
color: #000000;
|
||
|
|
headerHeight: 32;
|
||
|
|
/* we need to set transparency duration to avoid the blur effect when two alerts are displayed sequentially
|
||
|
|
modalTransparencyDuration: 250;
|
||
|
|
}
|
||
|
|
|
||
|
|
.lockSettingsDefaultLabelStyle {
|
||
|
|
fontFamily: Arial;
|
||
|
|
fontSize: 14;
|
||
|
|
}
|
||
|
|
|
||
|
|
.lockSettingsWindowTitleStyle {
|
||
|
|
fontFamily: Arial;
|
||
|
|
fontSize: 20;
|
||
|
|
fontWeight: bold;
|
||
|
|
}
|
||
|
|
|
||
|
|
.recordButtonStyleNormal {
|
||
|
|
icon: Embed('assets/images/control-record.png');
|
||
|
|
}
|
||
|
|
|
||
|
|
.recordButtonStyleStart {
|
||
|
|
icon: Embed('assets/images/control-record-start.png');
|
||
|
|
}
|
||
|
|
|
||
|
|
.recordButtonStyleStop {
|
||
|
|
icon: Embed('assets/images/control-record-stop.png');
|
||
|
|
}
|
||
|
|
|
||
|
|
.bandwidthButtonStyle {
|
||
|
|
paddingTop: 0;
|
||
|
|
paddingBottom: 0;
|
||
|
|
height: 22;
|
||
|
|
icon: Embed('assets/images/ic_swap_vert_16px.png');
|
||
|
|
}
|
||
|
|
|
||
|
|
.statusImageStyle {
|
||
|
|
successImage: Embed(source='assets/images/status_success.png');
|
||
|
|
warningImage: Embed(source='assets/images/status_warning.png');
|
||
|
|
failImage: Embed(source='assets/images/status_fail.png');
|
||
|
|
refreshImage: Embed(source='assets/images/status_refresh.png');
|
||
|
|
}
|
||
|
|
|
||
|
|
.webRTCAudioStatusStyle {
|
||
|
|
strongAudioStatus: Embed(source='assets/images/strong_audio_status.png');
|
||
|
|
almostStrongAudioStatus: Embed(source='assets/images/almost_strong_audio_status.png');
|
||
|
|
almostWeakAudioStatus: Embed(source='assets/images/almost_weak_audio_status.png');
|
||
|
|
weakAudioStatus: Embed(source='assets/images/weak_audio_status.png');
|
||
|
|
color: #e1e2e5;
|
||
|
|
}
|
||
|
|
|
||
|
|
.warningButtonStyle {
|
||
|
|
icon: Embed('assets/images/status_warning_20.png');
|
||
|
|
}
|
||
|
|
|
||
|
|
.statusTitleStyle {
|
||
|
|
fontWeight: bold;
|
||
|
|
fontSize: 12;
|
||
|
|
paddingBottom: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.statusMessageStyle {
|
||
|
|
fontSize: 12;
|
||
|
|
paddingTop: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.statusTimeStyle {
|
||
|
|
fontSize: 10;
|
||
|
|
paddingTop: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.addLayoutButtonStyle {
|
||
|
|
icon: Embed('assets/images/ic_add_circle_outline_16px.png');
|
||
|
|
}
|
||
|
|
|
||
|
|
.saveLayoutButtonStyle {
|
||
|
|
icon: Embed('assets/images/ic_file_download_16px.png');
|
||
|
|
}
|
||
|
|
|
||
|
|
.loadLayoutButtonStyle {
|
||
|
|
icon: Embed('assets/images/ic_file_upload_16px.png');
|
||
|
|
}
|
||
|
|
|
||
|
|
.broadcastLayoutButtonStyle {
|
||
|
|
icon: Embed('assets/images/ic_send_16px.png');
|
||
|
|
}
|
||
|
|
|
||
|
|
poll|PollChoicesModal {
|
||
|
|
fontSize: 14;
|
||
|
|
paddingLeft: 16;
|
||
|
|
paddingRight: 16;
|
||
|
|
}
|
||
|
|
|
||
|
|
.chatOptionsLabel {
|
||
|
|
fontSize: 12;
|
||
|
|
color: #000000;
|
||
|
|
textRollOverColor: #000000;
|
||
|
|
textSelectedColor: #000000;
|
||
|
|
fontFamily: Arial;
|
||
|
|
}
|
||
|
|
|
||
|
|
.chatMessageListStyle {
|
||
|
|
rollOverColor: #ffffff;
|
||
|
|
selectionColor: #f3f3f3;
|
||
|
|
}
|
||
|
|
|
||
|
|
users|EmojiGrid {
|
||
|
|
backgroundColor: #ffffff;
|
||
|
|
horizontalAlign: center;
|
||
|
|
paddingLeft: 0;
|
||
|
|
paddingRight: 0;
|
||
|
|
paddingBottom: 0;
|
||
|
|
paddingTop: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.emojiGridTile {
|
||
|
|
paddingBottom: 10;
|
||
|
|
paddingLeft: 10;
|
||
|
|
paddingRight: 10;
|
||
|
|
paddingTop: 10;
|
||
|
|
verticalGap: 6;
|
||
|
|
horizontalGap: 6;
|
||
|
|
}
|
||
|
|
|
||
|
|
users|RoomActionsRenderer {
|
||
|
|
paddingLeft : 5;
|
||
|
|
paddingRight : 5;
|
||
|
|
}
|
||
|
|
|
||
|
|
.breakoutRoomUserWindowHeadingStyle {
|
||
|
|
fontWeight: bold;
|
||
|
|
}
|
||
|
|
|
||
|
|
.breakoutRoomSettingTitleStyle {
|
||
|
|
fontFamily: Arial;
|
||
|
|
fontSize: 20;
|
||
|
|
fontWeight: bold;
|
||
|
|
}
|
||
|
|
|
||
|
|
.roomsContainer {
|
||
|
|
horizontalAlign : center;
|
||
|
|
verticalGap: 10;
|
||
|
|
horizontalGap: 10;
|
||
|
|
paddingTop: 20;
|
||
|
|
paddingBottom: 20;
|
||
|
|
}
|
||
|
|
|
||
|
|
.breakoutTipBox {
|
||
|
|
horizontalAlign: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.breakoutRoomsBox {
|
||
|
|
paddingTop: 12;
|
||
|
|
horizontalAlign: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.breakoutRoomTimerBox {
|
||
|
|
backgroundColor: #CCCCCC;
|
||
|
|
verticalAlign: middle;
|
||
|
|
horizontalAlign: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.moodStyle {
|
||
|
|
icon: Embed('assets/images/ic_mood_black_18dp.png');
|
||
|
|
}
|
||
|
|
|
||
|
|
.moodRaiseHandStyle {
|
||
|
|
icon: Embed('assets/images/icon-3-high-five.png');
|
||
|
|
}
|
||
|
|
|
||
|
|
.moodAgreedStyle {
|
||
|
|
icon: Embed('assets/images/icon-6-thumb-up.png');
|
||
|
|
}
|
||
|
|
|
||
|
|
.moodDisagreedStyle {
|
||
|
|
icon: Embed('assets/images/icon-7-thumb-down.png');
|
||
|
|
}
|
||
|
|
|
||
|
|
.moodSpeakFasterStyle {
|
||
|
|
icon: Embed('assets/images/ic_fast_forward_black_18dp.png');
|
||
|
|
}
|
||
|
|
|
||
|
|
.moodSpeakSlowerStyle {
|
||
|
|
icon: Embed('assets/images/ic_fast_rewind_black_18dp.png');
|
||
|
|
}
|
||
|
|
|
||
|
|
.moodSpeakLouderStyle {
|
||
|
|
icon: Embed('assets/images/ic_volume_up_black_18dp.png');
|
||
|
|
}
|
||
|
|
|
||
|
|
.moodSpeakSofterStyle {
|
||
|
|
icon: Embed('assets/images/ic_volume_down_black_18dp.png');
|
||
|
|
}
|
||
|
|
|
||
|
|
.moodBeRightBackStyle {
|
||
|
|
icon: Embed('assets/images/ic_access_time_black_18dp.png');
|
||
|
|
}
|
||
|
|
|
||
|
|
.moodHappyStyle {
|
||
|
|
icon: Embed('assets/images/icon-6-smiling-face.png');
|
||
|
|
}
|
||
|
|
|
||
|
|
.moodSadStyle {
|
||
|
|
icon: Embed('assets/images/icon-7-sad-face.png');
|
||
|
|
}
|
||
|
|
|
||
|
|
.chatCopyButtonStyle{
|
||
|
|
icon: Embed('assets/images/ic_content_copy_black_16px.png');
|
||
|
|
}
|
||
|
|
|
||
|
|
*/
|