1320 lines
30 KiB
CSS
1320 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.*";
|
|
@namespace whiteboard "org.bigbluebutton.modules.whiteboard.views.*";
|
|
|
|
/*
|
|
//------------------------------
|
|
// @font-face
|
|
//------------------------------
|
|
*/
|
|
@font-face {
|
|
src : url("assets/fonts/SourceSansPro-Regular.ttf");
|
|
fontFamily : "Source Sans Pro";
|
|
fontStyle : normal;
|
|
fontWeight : normal;
|
|
}
|
|
|
|
@font-face {
|
|
src : url("assets/fonts/SourceSansPro-SemiBold.ttf");
|
|
fontFamily : "Source Sans Pro";
|
|
fontStyle : normal;
|
|
fontWeight : bold;
|
|
}
|
|
|
|
/*
|
|
//------------------------------
|
|
// global
|
|
//------------------------------
|
|
*/
|
|
|
|
global {
|
|
fontFamily : "Source Sans Pro", Arial, sans-serif;
|
|
fontSize : 13;
|
|
color : #2A2D33;
|
|
selectionColor : #3b97d3;
|
|
focusColor : #3b97d3;
|
|
}
|
|
|
|
/*
|
|
//------------------------------
|
|
// Application
|
|
//------------------------------
|
|
*/
|
|
|
|
mx|Application {
|
|
backgroundGradientColors : #F1F3F7, #F1F3F7;
|
|
backgroundColor : #F1F3F7;
|
|
}
|
|
|
|
|
|
/*
|
|
//------------------------------
|
|
// AudioSelectionWindow
|
|
//------------------------------
|
|
*/
|
|
|
|
.audioSelectionsStyle {
|
|
horizontalGap:60;
|
|
paddingLeft:30;
|
|
paddingRight:30;
|
|
}
|
|
|
|
.webcamSettingsWindowTitleStyle, .micSettingsWindowTitleStyle {
|
|
fontSize: 24;
|
|
textAlign : center;
|
|
}
|
|
|
|
.btnMicrophoneStyle, .btnListenOnlyStyle, .btnPhoneStyle {
|
|
borderAlphaUp : 0;
|
|
borderAlphaOver : 1;
|
|
borderAlphaDown : 1;
|
|
borderAlphaDisabled : 0;
|
|
|
|
fillColorUp : #eff5fa;
|
|
borderColorOver : #3797d3;
|
|
borderColorDown : #3797d3;
|
|
|
|
borderThikness : 5;
|
|
cornerRadius : 70;
|
|
}
|
|
|
|
.btnMicrophoneStyle {
|
|
icon: Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Audio_Big");
|
|
}
|
|
|
|
.btnListenOnlyStyle {
|
|
icon: Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Headset_Big");
|
|
}
|
|
|
|
.btnPhoneStyle {
|
|
icon: Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Phone_Big");
|
|
}
|
|
|
|
.audioSubtitle {
|
|
color : #363b43;
|
|
fontSize : 14;
|
|
fontWeight : bold;
|
|
}
|
|
|
|
/*
|
|
//------------------------------
|
|
// 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;
|
|
}
|
|
|
|
.toolbarSeparator {
|
|
strokeWidth : 1;
|
|
strokeColor : #cdd4db;
|
|
paddingLeft : 20;
|
|
paddingRight : 20;
|
|
}
|
|
|
|
.meetingNameLabelStyle {
|
|
fontSize: 14;
|
|
textAlign: left;
|
|
color: #2A2D33;
|
|
}
|
|
|
|
.defaultControlBarStyle {
|
|
color : #2A2D33;
|
|
}
|
|
|
|
.darkControlBarStyle {
|
|
color : #ffffff;
|
|
}
|
|
|
|
.bandwidthButtonStyle {
|
|
icon: Embed('assets/images/ic_swap_vert_16px.png');
|
|
}
|
|
|
|
.logoutButtonStyle {
|
|
icon: Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Logout");
|
|
}
|
|
|
|
.settingsButtonStyle {
|
|
icon: Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Settings");
|
|
}
|
|
|
|
.voiceConfDefaultButtonStyle, .voiceConfActiveButtonStyle, .voiceConfInactiveButtonStyle,
|
|
.webcamDefaultButtonStyle, .webcamOnButtonStyle, .webcamOffButtonStyle,
|
|
.deskshareDefaultButtonStyle, .deskshareOnButtonStyle, .deskshareOffButtonStyle
|
|
{
|
|
/* Selected state */
|
|
fillColorSelectedUp : #3b97d3;
|
|
fillColorSelectedOver : #2e8bb8;
|
|
fillColorSelectedDown : #3b97d3;
|
|
borderColorSelectedUp : #3b97d3;
|
|
borderColorSelectedOver : #2e8bb8;
|
|
borderColorSelectedDown : #3b97d3;
|
|
}
|
|
|
|
.voiceConfDefaultButtonStyle {
|
|
icon: Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Microphone");
|
|
disabledIcon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Microphone_Disabled");
|
|
}
|
|
|
|
.voiceConfActiveButtonStyle {
|
|
icon: Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Microphone_White");
|
|
}
|
|
|
|
.voiceConfInactiveButtonStyle {
|
|
icon: Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Microphone_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");
|
|
}
|
|
|
|
.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');
|
|
}
|
|
|
|
/*
|
|
//------------------------------
|
|
// Alert
|
|
//------------------------------
|
|
*/
|
|
|
|
mx|Alert {
|
|
borderColor : #ffffff;
|
|
backgroundColor : #ffffff;
|
|
borderAlpha : 1;
|
|
dropShadowEnabled : false;
|
|
color : #6c6c6c;
|
|
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 /*, .logoutButtonStyle, .chatSendButtonStyle, .helpLinkButtonStyle, .cameraDisplaySettingsWindowProfileComboStyle, .cameraDisplaySettingsWindowCameraSelector, .languageSelectorStyle, .recordButtonStyleNormal, .recordButtonStyleStart, .recordButtonStyleStop, .micSettingsWindowHelpButtonStyle, .bandwidthButtonStyle, .settingsButtonStyle, .acceptButtonStyle, .denyButtonStyle */{
|
|
paddingLeft : 12;
|
|
paddingRight : 12;
|
|
paddingTop : 8;
|
|
paddingBottom : 8;
|
|
cornerRadius : 2;
|
|
color : #5e6d73;
|
|
textRollOverColor : #5e6d73;
|
|
textSelectedColor : #5e6d73;
|
|
fontSize : 14;
|
|
skin : ClassReference("org.bigbluebutton.skins.ButtonSkin");
|
|
|
|
/* Normal state */
|
|
fillColorUp : #f0f2f6;
|
|
fillColorOver : #cdd4db;
|
|
fillColorDown : #acb2b7;
|
|
fillColorDisabled : #f0f2f6;
|
|
borderColorUp : #cdd4db;
|
|
borderColorOver : #cdd4db;
|
|
borderColorDown : #acb2b7;
|
|
borderColorDisabled : #cdd4db;
|
|
|
|
borderAlphaUp : 1;
|
|
borderAlphaOver : 1;
|
|
borderAlphaDown : 1;
|
|
borderAlphaDisabled : 1;
|
|
|
|
borderThikness : 1;
|
|
|
|
/* Selected state */
|
|
fillColorSelectedUp : #f0f2f6;
|
|
fillColorSelectedOver : #cdd4db;
|
|
fillColorSelectedDown : #acb2b7;
|
|
fillColorSelectedDisabled : #f0f2f6;
|
|
borderColorSelectedUp : #cdd4db;
|
|
borderColorSelectedOver : #cdd4db;
|
|
borderColorSelectedDown : #acb2b7;
|
|
borderColorSelectedDisabled : #cdd4db;
|
|
}
|
|
|
|
/*
|
|
//------------------------------
|
|
// ComboBox
|
|
//------------------------------
|
|
*/
|
|
|
|
mx|ComboBox
|
|
{
|
|
cornerRadius : 2;
|
|
color : #5e6c73;
|
|
textRollOverColor : #5e6c73;
|
|
textSelectedColor : #5e6c73;
|
|
fontSize : 12;
|
|
|
|
/* Normal state */
|
|
fillColorUp : #ffffff;
|
|
fillColorOver : #cdd4db;
|
|
fillColorDown : #acb2b7;
|
|
fillColorDisabled : #f0f2f6;
|
|
borderColorUp : #cdd4db;
|
|
borderColorOver : #cdd4db;
|
|
borderColorDown : #acb2b7;
|
|
borderColorDisabled : #cdd4db;
|
|
|
|
iconColor : #5e6c73;
|
|
|
|
borderThikness : 1;
|
|
|
|
skin: ClassReference("org.bigbluebutton.skins.ComboBoxSkin");
|
|
}
|
|
|
|
/*
|
|
//------------------------------
|
|
// DataGrid
|
|
//------------------------------
|
|
*/
|
|
|
|
mx|DataGrid {
|
|
backgroundColor: #ffffff;
|
|
borderStyle : none;
|
|
rollOverColor: #f3f3f3;
|
|
textRollOverColor: #3f3f41;
|
|
textSelectedColor: #3f3f41;
|
|
alternatingItemColors : #ffffff, #ffffff;
|
|
dropShadowEnabled: false;
|
|
verticalSeparatorSkin : ClassReference(null);
|
|
}
|
|
|
|
/*
|
|
//------------------------------
|
|
// PopUpButton
|
|
//------------------------------
|
|
*/
|
|
|
|
mx|PopUpButton
|
|
{
|
|
/* Normal state */
|
|
fillColorUp : #f0f2f6;
|
|
fillColorOver : #cdd4db;
|
|
fillColorDown : #acb2b7;
|
|
fillColorDisabled : #f0f2f6;
|
|
borderColorUp : #cdd4db;
|
|
borderColorOver : #cdd4db;
|
|
borderColorDown : #acb2b7;
|
|
borderColorDisabled : #cdd4db;
|
|
|
|
borderThikness : 1;
|
|
|
|
iconColor : #5e6c73;
|
|
|
|
skin : ClassReference("org.bigbluebutton.skins.PopUpButtonSkin");
|
|
}
|
|
|
|
/*
|
|
//------------------------------
|
|
// 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";
|
|
|
|
showHeaderSeparator : true;
|
|
}
|
|
|
|
.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_Over");
|
|
downSkin: Embed(source="assets/swf/v2_skin.swf", symbol="MDI_Button_Maximize_Down");
|
|
disabledSkin: Embed(source="assets/swf/v2_skin.swf", symbol="MDI_Button_Maximize_Disabled");
|
|
}
|
|
|
|
|
|
.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_Over");
|
|
downSkin: Embed(source="assets/swf/v2_skin.swf", symbol="MDI_Button_Minimize_Down");
|
|
disabledSkin: Embed(source="assets/swf/v2_skin.swf", symbol="MDI_Button_Minimize_Disabled");
|
|
}
|
|
|
|
.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: "panelTitleStyle";
|
|
showHeaderSeparator : false;
|
|
borderSkin: ClassReference("org.bigbluebutton.skins.PanelSkin");
|
|
}
|
|
|
|
.panelTitleStyle {
|
|
color: #2A2D33;
|
|
fontSize: 12;
|
|
}
|
|
|
|
/*
|
|
//------------------------------
|
|
// Presentation
|
|
//------------------------------
|
|
*/
|
|
|
|
.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');
|
|
}
|
|
|
|
.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');
|
|
}
|
|
|
|
/*
|
|
//------------------------------
|
|
// ProgressBar
|
|
//------------------------------
|
|
*/
|
|
|
|
mx|ProgressBar {
|
|
color : #8a9aa7;
|
|
themeColor : #8f53a1;
|
|
barColor : #3697d3;
|
|
trackColors : #ffffff, #ffffff;
|
|
borderColor : #cdd4db;
|
|
barSkin : ClassReference("org.bigbluebutton.skins.ProgressBarSkin");
|
|
trackSkin : ClassReference("org.bigbluebutton.skins.ProgressTrackSkin");
|
|
}
|
|
|
|
/*
|
|
//------------------------------
|
|
// SharedNotes
|
|
//------------------------------
|
|
*/
|
|
|
|
.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');
|
|
}
|
|
|
|
/*
|
|
//------------------------------
|
|
// TitleWindow
|
|
//------------------------------
|
|
*/
|
|
|
|
mx|TitleWindow {
|
|
borderColor : #FFFFFF;
|
|
cornerRadius : 4;
|
|
roundedBottomCorners : true;
|
|
dropShadowEnabled : true;
|
|
shadowDistance : 0;
|
|
}
|
|
|
|
/*
|
|
//------------------------------
|
|
// ToolTip
|
|
//------------------------------
|
|
*/
|
|
|
|
mx|ToolTip {
|
|
borderSkin : ClassReference("org.bigbluebutton.skins.ToolTipSkin");
|
|
backgroundColor : #3b97d3;
|
|
color : #ffffff;
|
|
fontSize : 13;
|
|
backgroundAlpha : 0.9;
|
|
cornerRadius : 3;
|
|
}
|
|
|
|
.errorTip {
|
|
borderColor : #ff6666;
|
|
}
|
|
|
|
/*
|
|
//------------------------------
|
|
// Whiteboard
|
|
//------------------------------
|
|
*/
|
|
|
|
whiteboard|WhiteboardToolbar {
|
|
backgroundColor : #f1f3f7;
|
|
borderColor : #cfd4db;
|
|
borderStyle : solid;
|
|
borderThickness : 1;
|
|
cornerRadius : 4;
|
|
paddingBottom : 0;
|
|
paddingTop : 0;
|
|
paddingLeft : 0;
|
|
paddingRight : 0;
|
|
}
|
|
|
|
.colorPickerStyle {
|
|
backgroundColor:#E5E6E7;
|
|
columnCount:13;
|
|
horizontalGap:0;
|
|
previewHeight:22;
|
|
previewWidth:50;
|
|
swatchGridBackgroundColor:#000000;
|
|
swatchGridBorderSize:0;
|
|
swatchHeight:60;
|
|
swatchHighlightColor:#FFFFFF;
|
|
swatchHighlightSize:1;
|
|
swatchWidth:12;
|
|
textFieldWidth:72;
|
|
verticalGap:0;
|
|
}
|
|
|
|
.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');
|
|
}
|
|
|
|
/****************************/
|
|
/* Old styles */
|
|
/****************************/
|
|
/*
|
|
|
|
.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;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.acceptButtonStyle {
|
|
icon: Embed('assets/images/ic_thumb_up_16px.png');
|
|
}
|
|
|
|
.denyButtonStyle {
|
|
icon: Embed('assets/images/ic_thumb_down_16px.png');
|
|
}
|
|
|
|
|
|
.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;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.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');
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.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
|
|
}
|
|
|
|
.desktopShareTextStyle {
|
|
color: #3f3f3f;
|
|
fontSize: 11;
|
|
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;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.chatCopyButtonStyle{
|
|
icon: Embed('assets/images/ic_content_copy_black_16px.png');
|
|
}
|
|
|
|
*/ |