bigbluebutton-Github/bigbluebutton-client/branding/default/style/css/BBBDefault.css
Richard Alam 8fa960e46d Merge pull request #3989 from riadvice/add-show-webrtc-mos-feature
Add showWebRTCMOS option to PhoneModule
2017-06-07 10:44:38 -04:00

1336 lines
30 KiB
CSS
Executable File

@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.*";
mx|Application {
backgroundColor: #ffffff;
}
mx|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;
}
.defaultControlBarStyle {
color : #0B333C;
}
.darkControlBarStyle {
color : #ffffff;
}
mx|Panel {
borderColor: #dfdfdf;
borderAlpha: 1;
shadowDistance: 1;
dropShadowColor: #666666;
titleStyleName: "mypanelTitle";
}
mx|ToolTip {
borderSkin : ClassReference("org.bigbluebutton.skins.ToolTipSkin");
backgroundAlpha : 0.9;
cornerRadius : 3;
}
.errorTip {
borderColor : #3b3b3b;
}
.mypanelTitle {
color: #444444;
fontFamily: Arial;
fontSize: 12;
}
.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;
}
.meetingNameLabelStyle {
fontWeight: bold;
fontSize: 15;
fontFamily: Arial;
textAlign: center;
color: #e1e2e5;
}
.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');
}
.voiceConfDefaultButtonStyle {
icon: Embed('assets/images/headset.png');
}
.voiceConfActiveButtonStyle {
icon: Embed('assets/images/headset_open.png');
}
.voiceConfInactiveButtonStyle {
icon: Embed('assets/images/headset_close.png');
}
.webcamDefaultButtonStyle {
icon: Embed('assets/images/webcam.png');
}
.webcamOnButtonStyle {
icon: Embed('assets/images/webcam_on.png');
}
.webcamOffButtonStyle {
icon: Embed('assets/images/webcam_close.png');
}
.deskshareDefaultButtonStyle {
icon: Embed('assets/images/deskshare_icon.png');
}
.deskshareOnButtonStyle {
icon: Embed('assets/images/deskshare_on.png');
}
.deskshareOffButtonStyle {
icon: Embed('assets/images/deskshare_close.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;
}
flexlib|MDIWindow { /*None of the following properties are overridden by the MDIWindow class*/
backgroundSize: '100%';
cornerRadius: 5;
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;
}
.mdiWindowFocus, .presentationWindowStyleFocus, .videoDockStyleFocus
{
headerHeight: 26;
roundedBottomCorners: true;
backgroundColor: #b9babc;
backgroundAlpha: 1;
borderStyle: solid;
borderColor: #b9babc;
borderAlpha: 1;
borderThicknessLeft: 3;
borderThicknessTop: 0;
borderThicknessBottom: 3;
borderThicknessRight: 3;
}
.mdiWindowNoFocus, .presentationWindowStyleNoFocus, .videoDockStyleNoFocus
{
headerHeight: 26;
roundedBottomCorners: true;
backgroundColor: #b9babc;
backgroundAlpha: 0.5;
borderStyle: solid;
borderColor: #b9babc;
borderAlpha: 0.5;
borderThicknessLeft: 3;
borderThicknessTop: 0;
borderThicknessBottom: 3;
borderThicknessRight: 3;
}
.videoDockStyleFocusChatLayout {
borderStyle : none;
borderColor: #42444c;
backgroundColor: #42444c;
}
.videoDockStyleNoFocusChatLayout {
borderStyle : none;
borderColor: #42444c;
backgroundColor: #42444c;
}
.presentationSlideViewStyle {
backgroundColor: #b9babc;
}
.presentationWindowControlsStyle {
paddingBottom: 5;
paddingTop: 3;
paddingLeft: 3;
paddingRight: 3;
bottom: 5;
cornerRadius: 0;
dropShadowEnabled: false;
}
.videoViewStyleNoFocus
{
headerHeight: 20;
roundedBottomCorners: true;
backgroundColor: #e6e6e6;
backgroundAlpha: 0.5;
borderStyle: solid;
borderColor: #b9babc;
borderAlpha: 0.5;
borderThicknessLeft: 3;
borderThicknessTop: 0;
borderThicknessBottom: 3;
borderThicknessRight: 3;
}
.videoViewStyleFocus
{
headerHeight: 20;
roundedBottomCorners: true;
backgroundColor: #e6e6e6;
backgroundAlpha: 1;
borderStyle: solid;
borderColor: #b9babc;
borderAlpha: 1;
borderThicknessLeft: 3;
borderThicknessTop: 0;
borderThicknessBottom: 3;
borderThicknessRight: 3;
}
.videoPublishStyleNoFocus
{
headerHeight: 20;
roundedBottomCorners: true;
backgroundColor: #e6e6e6;
backgroundAlpha: 0.5;
borderStyle: solid;
borderColor: #b9babc;
borderAlpha: 0.5;
borderThicknessLeft: 3;
borderThicknessTop: 0;
borderThicknessBottom: 3;
borderThicknessRight: 3;
}
.videoPublishStyleFocus
{
headerHeight: 20;
roundedBottomCorners: true;
backgroundColor: #e6e6e6;
backgroundAlpha: 1;
borderStyle: solid;
borderColor: #b9babc;
borderAlpha: 1;
borderThicknessLeft: 3;
borderThicknessTop: 0;
borderThicknessBottom: 3;
borderThicknessRight: 3;
}
.videoAvatarStyleNoFocus
{
headerHeight: 20;
roundedBottomCorners: true;
backgroundColor: #e6e6e6;
backgroundAlpha: 0.5;
borderStyle: solid;
borderColor: #b9babc;
borderAlpha: 0.5;
borderThicknessLeft: 3;
borderThicknessTop: 0;
borderThicknessBottom: 3;
borderThicknessRight: 3;
}
.videoAvatarStyleFocus
{
headerHeight: 20;
roundedBottomCorners: true;
backgroundColor: #e6e6e6;
backgroundAlpha: 1;
borderStyle: solid;
borderColor: #b9babc;
borderAlpha: 1;
borderThicknessLeft: 3;
borderThicknessTop: 0;
borderThicknessBottom: 3;
borderThicknessRight: 3;
}
.defaultShellStyle {
backgroundColor: #fefeff;
}
.darkShellStyle {
backgroundColor: #42444c;
}
.mdiWindowTitle {
color: #3f3f41;
fontFamily: Arial;
fontSize: 12;
fontWeight: bold;
}
.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;
}
mx|Alert {
borderColor: #DFDFDF;
backgroundColor: #EFEFEF;
borderAlpha: 1;
shadowDistance: 1;
dropShadowColor: #FFFFFF;
titleStyleName: "alertTitleStyle";
messageStyleName: "alertMessageStyle";
}
mx|AlertForm {
paddingTop: 8;
fontSize: 13;
}
.alertMessageStyle {
color: #000000;
fontSize: 13;
textAlign: center;
paddingTop: 6;
paddingLeft: 12;
paddingRight: 12;
paddingBottom: 6;
}
.alertTitleStyle {
fontFamily: Arial;
fontSize: 14;
fontWeight: bold;
}
.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');
}