BigBlueButton/bigbluebutton-Github
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
859b0cd33d
bigbluebutton-Github/bigbluebutton-client/branding/default/style/css/V2Theme.css

1233 lines
29 KiB
CSS
Raw Normal View History

Added new theme named V2Theme with a brand fresh new style.
2017-07-04 01:36:53 +08:00
@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.*";
Added v2 styles for Alert, Button and CombBox.
2017-07-04 19:08:45 +08:00
@namespace whiteboard "org.bigbluebutton.modules.whiteboard.views.*";
Added new theme named V2Theme with a brand fresh new style.
2017-07-04 01:36:53 +08:00
Added SourceSansPro font as default font.
2017-07-04 22:51:53 +08:00
/*
//------------------------------
// @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;
}
Added new theme named V2Theme with a brand fresh new style.
2017-07-04 01:36:53 +08:00
/*
//------------------------------
// global
//------------------------------
*/
global {
Added SourceSansPro font as default font.
2017-07-04 22:51:53 +08:00
fontFamily : "Source Sans Pro", Arial, sans-serif;
Added new theme named V2Theme with a brand fresh new style.
2017-07-04 01:36:53 +08:00
fontSize : 13;
color : #2A2D33;
Added v2 styles for Alert, Button and CombBox.
2017-07-04 19:08:45 +08:00
rollOverColor : #3b97d3;
Activated old button icons from legacy default theme.
2017-07-04 22:26:56 +08:00
selectionColor : #3b97d3;
Added v2 styles for Alert, Button and CombBox.
2017-07-04 19:08:45 +08:00
focusColor : #3b97d3;
Added new theme named V2Theme with a brand fresh new style.
2017-07-04 01:36:53 +08:00
}
/*
//------------------------------
// 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;
}
Updated to mdi window buttons and style.
2017-07-06 01:38:44 +08:00
.toolbarSeparator {
strokeWidth : 1;
strokeColor : #cdd4db;
paddingLeft : 20;
paddingRight : 20;
}
Added new theme named V2Theme with a brand fresh new style.
2017-07-04 01:36:53 +08:00
.meetingNameLabelStyle {
fontSize: 14;
textAlign: left;
color: #2A2D33;
}
.defaultControlBarStyle {
color : #2A2D33;
}
.darkControlBarStyle {
color : #ffffff;
}
Activated old button icons from legacy default theme.
2017-07-04 22:26:56 +08:00
.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 {
selectedUpSkin : Embed(source="assets/swf/v2_skin.swf", symbol="Button_Default_Selected_Up_Blue");
selectedOverSkin : Embed(source="assets/swf/v2_skin.swf", symbol="Button_Default_Selected_Over_Blue");
selectedDownSkin : Embed(source="assets/swf/v2_skin.swf", symbol="Button_Default_Selected_Up_Blue");
}
.voiceConfDefaultButtonStyle {
icon: Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Microphone");
}
.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, .webcamOnButtonStyle, .webcamOffButtonStyle {
selectedUpSkin : Embed(source="assets/swf/v2_skin.swf", symbol="Button_Default_Selected_Up_Blue");
selectedOverSkin : Embed(source="assets/swf/v2_skin.swf", symbol="Button_Default_Selected_Over_Blue");
selectedDownSkin : Embed(source="assets/swf/v2_skin.swf", symbol="Button_Default_Selected_Up_Blue");
}
.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, .deskshareOnButtonStyle, .deskshareOffButtonStyle {
selectedUpSkin : Embed(source="assets/swf/v2_skin.swf", symbol="Button_Default_Selected_Up_Blue");
selectedOverSkin : Embed(source="assets/swf/v2_skin.swf", symbol="Button_Default_Selected_Over_Blue");
selectedDownSkin : Embed(source="assets/swf/v2_skin.swf", symbol="Button_Default_Selected_Up_Blue");
}
.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');
}
Added new theme named V2Theme with a brand fresh new style.
2017-07-04 01:36:53 +08:00
/*
//------------------------------
// Alert
//------------------------------
*/
Added v2 styles for Alert, Button and CombBox.
2017-07-04 19:08:45 +08:00
mx|Alert {
Added new theme named V2Theme with a brand fresh new style.
2017-07-04 01:36:53 +08:00
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
//------------------------------
*/
Activated old button icons from legacy default theme.
2017-07-04 22:26:56 +08:00
mx|Button /*, .logoutButtonStyle, .chatSendButtonStyle, .helpLinkButtonStyle, .cameraDisplaySettingsWindowProfileComboStyle, .cameraDisplaySettingsWindowCameraSelector, .languageSelectorStyle, .recordButtonStyleNormal, .recordButtonStyleStart, .recordButtonStyleStop, .micSettingsWindowHelpButtonStyle, .bandwidthButtonStyle, .settingsButtonStyle, .acceptButtonStyle, .denyButtonStyle */{
Added new theme named V2Theme with a brand fresh new style.
2017-07-04 01:36:53 +08:00
paddingLeft : 12;
paddingRight : 12;
paddingTop : 8;
paddingBottom : 8;
color : #5e6d73;
textRollOverColor : #5e6d73;
textSelectedColor : #5e6d73;
fontSize : 14;
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");
Added v2 styles for Alert, Button and CombBox.
2017-07-04 19:08:45 +08:00
downSkin : Embed(source="assets/swf/v2_skin.swf", symbol="Button_Default_Down");
Added new theme named V2Theme with a brand fresh new style.
2017-07-04 01:36:53 +08:00
disabledSkin : Embed(source="assets/swf/v2_skin.swf", symbol="Button_Default_Disabled");
}
Activated old button icons from legacy default theme.
2017-07-04 22:26:56 +08:00
/*
//------------------------------
// ComboBox
//------------------------------
*/
Added v2 styles for Alert, Button and CombBox.
2017-07-04 19:08:45 +08:00
mx|ComboBox
{
upSkin : Embed(source="assets/swf/v2_skin.swf", symbol="ComboBox_Up");
overSkin : Embed(source="assets/swf/v2_skin.swf", symbol="ComboBox_Up");
downSkin : Embed(source="assets/swf/v2_skin.swf", symbol="ComboBox_Up");
}
Activated old button icons from legacy default theme.
2017-07-04 22:26:56 +08:00
/*
//------------------------------
// DataGrid
//------------------------------
*/
mx|DataGrid {
backgroundColor: #ffffff;
borderStyle : none;
rollOverColor: #f3f3f3;
textRollOverColor: #3f3f41;
textSelectedColor: #3f3f41;
alternatingItemColors : #ffffff, #ffffff;
dropShadowEnabled: false;
verticalSeparatorSkin : ClassReference(null);
}
Added v2 styles for Alert, Button and CombBox.
2017-07-04 19:08:45 +08:00
/*
//------------------------------
// PopUpButton
//------------------------------
*/
mx|PopUpButton
{
arrowButtonWidth: 18;
/* disabledSkin: null;
downSkin: null; */
paddingLeft: 3;
paddingRight: 3;
/* overSkin: null;
popUpDownSkin: null;
popUpIcon: */
popUpGap: 0;
/* popUpOverSkin: null;
skin: ;
/* upSkin: null; */
}
Added new theme named V2Theme with a brand fresh new style.
2017-07-04 01:36:53 +08:00
/*
//------------------------------
// 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");
Updated to mdi window buttons and style.
2017-07-06 01:38:44 +08:00
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");
Added new theme named V2Theme with a brand fresh new style.
2017-07-04 01:36:53 +08:00
}
.mdiMinimizeButtonStyle {
upSkin: Embed(source="assets/swf/v2_skin.swf", symbol="MDI_Button_Minimize_Up");
Updated to mdi window buttons and style.
2017-07-06 01:38:44 +08:00
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");
Added new theme named V2Theme with a brand fresh new style.
2017-07-04 01:36:53 +08:00
}
.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;
Added v2 styles for Alert, Button and CombBox.
2017-07-04 19:08:45 +08:00
titleStyleName: "panelTitleStyle";
Added new theme named V2Theme with a brand fresh new style.
2017-07-04 01:36:53 +08:00
}
Added v2 styles for Alert, Button and CombBox.
2017-07-04 19:08:45 +08:00
.panelTitleStyle {
Added new theme named V2Theme with a brand fresh new style.
2017-07-04 01:36:53 +08:00
color: #2A2D33;
fontSize: 12;
}
Activated old button icons from legacy default theme.
2017-07-04 22:26:56 +08:00
/*
//------------------------------
// 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');
Added v2 styles for Alert, Button and CombBox.
2017-07-04 19:08:45 +08:00
}
Activated old button icons from legacy default theme.
2017-07-04 22:26:56 +08:00
.presentationUploadButtonStyle {
icon: Embed('assets/images/ic_file_upload_16px.png');
Added new theme named V2Theme with a brand fresh new style.
2017-07-04 01:36:53 +08:00
}
Activated old button icons from legacy default theme.
2017-07-04 22:26:56 +08:00
.pollStartButtonStyle {
icon: Embed('assets/images/poll_icon.png');
Added new theme named V2Theme with a brand fresh new style.
2017-07-04 01:36:53 +08:00
}
Activated old button icons from legacy default theme.
2017-07-04 22:26:56 +08:00
.presentationBackButtonStyle {
icon: Embed('assets/images/ic_arrow_back_24px.png');
Added v2 styles for Alert, Button and CombBox.
2017-07-04 19:08:45 +08:00
}
Activated old button icons from legacy default theme.
2017-07-04 22:26:56 +08:00
.presentationBackButtonDisabledStyle {
icon: Embed('assets/images/ic_arrow_back_grey_24px.png');
Added new theme named V2Theme with a brand fresh new style.
2017-07-04 01:36:53 +08:00
}
Activated old button icons from legacy default theme.
2017-07-04 22:26:56 +08:00
.presentationForwardButtonStyle {
icon: Embed('assets/images/ic_arrow_forward_24px.png');
Added new theme named V2Theme with a brand fresh new style.
2017-07-04 01:36:53 +08:00
}
Activated old button icons from legacy default theme.
2017-07-04 22:26:56 +08:00
.presentationForwardButtonDisabledStyle {
icon: Embed('assets/images/ic_arrow_forward_grey_24px.png');
Added new theme named V2Theme with a brand fresh new style.
2017-07-04 01:36:53 +08:00
}
Activated old button icons from legacy default theme.
2017-07-04 22:26:56 +08:00
.presentationFitToWidthButtonStyle {
icon: Embed('assets/images/fit-to-width.png');
Added new theme named V2Theme with a brand fresh new style.
2017-07-04 01:36:53 +08:00
}
Activated old button icons from legacy default theme.
2017-07-04 22:26:56 +08:00
.presentationFitToPageButtonStyle {
icon: Embed('assets/images/fit-to-screen.png');
Added v2 styles for Alert, Button and CombBox.
2017-07-04 19:08:45 +08:00
}
Activated old button icons from legacy default theme.
2017-07-04 22:26:56 +08:00
.presentationDownloadButtonStyle {
icon: Embed('assets/images/ic_file_download_16px.png');
Added new theme named V2Theme with a brand fresh new style.
2017-07-04 01:36:53 +08:00
}
Activated old button icons from legacy default theme.
2017-07-04 22:26:56 +08:00
.presentationDownloadButtonDisabledStyle {
icon: Embed('assets/images/ic_file_download_grey_16px.png');
Added new theme named V2Theme with a brand fresh new style.
2017-07-04 01:36:53 +08:00
}
Implemented progress bar skins.
2017-07-04 23:44:39 +08:00
/*
//------------------------------
// 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");
}
Activated old button icons from legacy default theme.
2017-07-04 22:26:56 +08:00
/*
//------------------------------
// 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');
Added new theme named V2Theme with a brand fresh new style.
2017-07-04 01:36:53 +08:00
}
/*
Added v2 styles for Alert, Button and CombBox.
2017-07-04 19:08:45 +08:00
//------------------------------
// ToolTip
//------------------------------
*/
Added new theme named V2Theme with a brand fresh new style.
2017-07-04 01:36:53 +08:00
mx|ToolTip {
borderSkin : ClassReference("org.bigbluebutton.skins.ToolTipSkin");
Added v2 styles for Alert, Button and CombBox.
2017-07-04 19:08:45 +08:00
backgroundColor : #3b97d3;
color : #ffffff;
fontSize : 13;
Added new theme named V2Theme with a brand fresh new style.
2017-07-04 01:36:53 +08:00
backgroundAlpha : 0.9;
cornerRadius : 3;
}
.errorTip {
Added v2 styles for Alert, Button and CombBox.
2017-07-04 19:08:45 +08:00
borderColor : #ff6666;
Added new theme named V2Theme with a brand fresh new style.
2017-07-04 01:36:53 +08:00
}
Added v2 styles for Alert, Button and CombBox.
2017-07-04 19:08:45 +08:00
/*
//------------------------------
// Whiteboard
//------------------------------
*/
Added new theme named V2Theme with a brand fresh new style.
2017-07-04 01:36:53 +08:00
Added v2 styles for Alert, Button and CombBox.
2017-07-04 19:08:45 +08:00
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;
Added new theme named V2Theme with a brand fresh new style.
2017-07-04 01:36:53 +08:00
}
Activated old button icons from legacy default theme.
2017-07-04 22:26:56 +08:00
.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');
}
Added v2 styles for Alert, Button and CombBox.
2017-07-04 19:08:45 +08:00
/****************************/
/* Old styles */
/****************************/
/*
Added new theme named V2Theme with a brand fresh new style.
2017-07-04 01:36:53 +08:00
.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');
}
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;
}
.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;
}
.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;
}
.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');
}
*/
Reference in New Issue Copy Permalink