bigbluebutton-Github/bigbluebutton-client/branding/default/style/css/V2Theme.css
2017-07-31 18:13:10 +01:00

1401 lines
38 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.*";
@namespace videoconf "org.bigbluebutton.modules.videoconf.views.*";
@namespace views "org.bigbluebutton.main.views.*";
@namespace layout "org.bigbluebutton.modules.layout.views.*";
@namespace presentation "org.bigbluebutton.modules.present.ui.views.*";
@namespace sharednotes "org.bigbluebutton.modules.sharednotes.views.components.*";
@namespace chat "org.bigbluebutton.modules.chat.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 : #1070D7;
textSelectedColor : #FFFFFF;
focusColor : #1070D7;
rollOverColor : #DBE4ED;
textRollOverColor : #1070D7;
}
.defaultShellStyle {
backgroundColor : #F1F3F7;
}
.darkShellStyle {
backgroundColor : #42444C;
}
/*
//------------------------------
// Application
//------------------------------
*/
mx|Application {
backgroundGradientColors : #F1F3F7, #F1F3F7;
backgroundColor : #F1F3F7;
}
/*
//------------------------------
// AudioSelectionWindow
//------------------------------
*/
.audioSelectionsStyle {
horizontalGap : 60;
paddingLeft : 30;
paddingRight : 30;
}
.audioBroswerHintBoxStyle {
paddingLeft : 5;
paddingRight : 5;
paddingBottom : 8;
paddingTop : 8;
}
.webcamSettingsWindowTitleStyle, .micSettingsWindowTitleStyle {
fontSize : 24;
textAlign : center;
}
.btnMicrophoneStyle, .btnListenOnlyStyle, .btnPhoneStyle {
borderAlphaUp : 0;
borderAlphaOver : 1;
borderAlphaDown : 1;
borderAlphaDisabled : 0;
fillColorUp : #EFF5FA;
borderColorOver : #1070D7;
borderColorDown : #1070D7;
borderThickness : 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;
fillAlphas : 1, 1;
fillColors : #FFFFFF, #FFFFFF;
highlightAlphas : 0, 0;
}
.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(source="assets/swf/v2_skin.swf", symbol="Icon_Bandwidth");
}
.logoutButtonStyle {
icon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Logout");
}
.settingsButtonStyle {
icon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Settings");
}
.webcamDefaultButtonStyle, .webcamOnButtonStyle, .webcamOffButtonStyle, .webcamOverButtonStyle,
.deskshareDefaultButtonStyle, .deskshareOverButtonStyle, .deskshareOnButtonStyle, .deskshareOffButtonStyle,
.muteMeDefaultButtonStyle, .muteMeOnButtonStyle, .muteMeOffButtonStyle {
fillColorOver : #FFFFFF;
borderColorOver : #1070D7;
fillColorSelectedUp : #1070D7;
fillColorSelectedOver : #0A5EAC;
fillColorSelectedDown : #1070D7;
borderColorSelectedUp : #1070D7;
borderColorSelectedOver : #0A5EAC;
borderColorSelectedDown : #1070D7;
}
.voiceConfDefaultButtonStyle, .voiceConfOverButtonStyle, .voiceConfActiveButtonStyle, .voiceConfInactiveButtonStyle {
/* Normal state */
fillColorOver : #FFFFFF;
borderColorOver : #DE2721;
/* Selected state */
backgroundColorOver : #FFFFFF;
borderColorOver : #DE2721;
fillColorSelectedUp : #DE2721;
fillColorSelectedOver : #B4201B;
fillColorSelectedDown : #DE2721;
borderColorSelectedUp : #DE2721;
borderColorSelectedOver : #B4201B;
borderColorSelectedDown : #DE2721;
}
.webcamOnButtonStyle, .webcamOffButtonStyle {
fillColorUp : #1070D7;
borderColorUp : #1070D7;
fillColorOver : #0A5EAC;
fillColorDown : #1070D7;
borderColorOver : #0A5EAC;
iconColor : #FFFFFF;
iconColorOver : #FFFFFF;
iconColorDown : #FFFFFF;
}
.voiceConfDefaultButtonStyle {
icon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Audio");
disabledIcon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Audio_Disabled");
}
.voiceConfOverButtonStyle {
icon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Audio_Red");
}
.voiceConfActiveButtonStyle {
icon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Audio_On");
disabledIcon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Audio_On_Disabled");
}
.voiceConfInactiveButtonStyle {
icon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Audio_Off");
}
.webcamDefaultButtonStyle {
icon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Webcam");
disabledIcon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Webcam_Disabled");
}
.webcamOverButtonStyle {
icon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Webcam_Blue");
}
.webcamOnButtonStyle {
icon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Webcam_On");
}
.webcamOffButtonStyle {
icon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Webcam_Off");
}
.deskshareDefaultButtonStyle {
icon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Deskshare");
}
.deskshareOverButtonStyle {
icon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Deskshare_Blue");
}
.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(source="assets/swf/v2_skin.swf", symbol="Icon_Record");
disabledIcon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Record_Disabled");
iconRecordReminder : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Record_Reminder");
}
.recordButtonStyleStart {
icon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Record_On");
}
.recordButtonStyleStop {
icon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Record_On");
}
.muteMeDefaultButtonStyle {
glowFilterColor : #1070D7;
icon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Microphone");
disabledIcon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Microphone_Disabled");
}
.muteMeOnButtonStyle {
icon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Microphone_White");
}
.muteMeOffButtonStyle {
icon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Microphone_Off");
}
.quickWindowLinkStyle {
paddingLeft : 0;
paddingRight : 0;
textDecoration : underline;
rollOverColor : #1070D7;
selectionColor : #0A5EAC;
color : #4E5A66;
textRollOverColor : #FFFFFF;
textSelectedColor : #FFFFFF;
}
.helpLinkButtonStyle {
cornerRadius : 2;
rollOverColor : #1070D7;
selectionColor : #0A5EAC;
icon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Help");
overIcon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Help_White");
downIcon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Help_White");
}
/*
//------------------------------
// 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 {
paddingLeft : 12;
paddingRight : 12;
paddingTop : 8;
paddingBottom : 8;
cornerRadius : 2;
color : #4E5A66;
textRollOverColor : #4E5A66;
textSelectedColor : #4E5A66;
fontSize : 14;
skin : ClassReference("org.bigbluebutton.skins.ButtonSkin");
/* Normal state */
fillColorUp : #FFFFFF;
fillColorOver : #CDD4DB;
fillColorDown : #ACB2B7;
fillColorDisabled : #F0F2F6;
borderColorUp : #CDD4DB;
borderColorOver : #CDD4DB;
borderColorDown : #ACB2B7;
borderColorDisabled : #CDD4DB;
borderAlphaUp : 1;
borderAlphaOver : 1;
borderAlphaDown : 1;
borderAlphaDisabled : 1;
borderThickness : 1;
/* Selected state */
fillColorSelectedUp : #F0F2F6;
fillColorSelectedOver : #CDD4DB;
fillColorSelectedDown : #ACB2B7;
fillColorSelectedDisabled : #F0F2F6;
borderColorSelectedUp : #CDD4DB;
borderColorSelectedOver : #CDD4DB;
borderColorSelectedDown : #ACB2B7;
borderColorSelectedDisabled : #CDD4DB;
}
/*
//------------------------------
// Breakout Rooms (FIXME)
//------------------------------
*/
users|RoomActionsRenderer {
paddingLeft : 5;
paddingRight : 5;
iconTransfer : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Transfer");
iconTransferred : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Transferred");
iconJoin : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Join");
}
.breakoutRoomUserWindowHeadingStyle {
fontWeight : bold;
}
.breakoutRoomSettingTitleStyle {
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;
}
/*
//------------------------------
// Client Status
//------------------------------
*/
views|ClientStatusItemRenderer {
iconSuccess : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Success");
iconWarning : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Warning");
iconFail : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Fail");
}
.statusTitleStyle {
fontWeight : bold;
fontSize : 12;
paddingBottom : 0;
}
.statusMessageStyle {
fontSize : 12;
paddingTop : 0;
}
.statusTimeStyle {
fontSize : 10;
paddingTop : 0;
}
/*
//------------------------------
// Chat
//------------------------------
*/
.chatControlBarSendButtonStyle {
icon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Send");
disabledIcon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Send_Disabled");
cornerRadius : 20;
borderStyle : none;
borderThickness : 0;
fillColorUp : #1070D7;
fillColorOver : #0A5EAC;
fillColorDown : #1070D7;
fillColorDisabled : #F0F2F6;
}
.chatControlBarTextMsgStyle {
borderStyle : solid;
borderThickness : 1;
borderColor : #CDD4DB;
cornerRadius : 2;
}
.chatSaveButtonStyle {
icon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Save");
}
.chatCopyButtonStyle {
icon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Copy");
}
.chatClearButtonStyle {
icon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Delete");
disabledIcon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Delete_Disabled");
}
.chatToolbarStyle {
backgroundColor : #F1F3F7;
cornerRadius : 5;
borderStyle : none;
paddingBottom : 4;
paddingTop : 4;
paddingLeft : 4;
paddingRight : 4;
}
.chatOptionsLabel {
fontSize : 12;
color : #000000;
textRollOverColor : #000000;
textSelectedColor : #000000;
}
.chatMessageListStyle {
rollOverColor : #FFFFFF;
selectionColor : #CED4DB;
}
/*
//------------------------------
// ComboBox
//------------------------------
*/
mx|ComboBox {
cornerRadius : 2;
color : #5E6C73;
fontSize : 12;
/* Normal state */
fillColorUp : #FFFFFF;
fillColorOver : #CDD4DB;
fillColorDown : #ACB2B7;
fillColorDisabled : #F0F2F6;
borderColorUp : #CDD4DB;
borderColorOver : #CDD4DB;
borderColorDown : #ACB2B7;
borderColorDisabled : #CDD4DB;
iconColor : #5E6C73;
borderThickness : 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("org.bigbluebutton.skins.DataGridVerticalSeparatorSkin");
}
/*
//------------------------------
// Desktop Sharing
//------------------------------
*/
.deskshareControlButtonStyle {
cornerRadius : 18;
}
.deskshareWarningLabelStyle {
fontWeight : bold;
fontSize : 18;
color : #1070D7;
}
.deskshareWarningBackgroundStyle {
backgroundAlpha : 0.6;
backgroundColor : #5E6C72;
}
.desktopShareViewStyle {
backgroundColor : #FFFFFF;
paddingTop : 15;
paddingLeft : 15;
paddingBottom : 15;
paddingRight : 15;
}
.desksharePublishPauseBox {
horizontalAlign : center;
verticalAlign : middle;
borderColor : #CDD4DB;
borderThickness : 2;
borderStyle : solid;
}
.desktopShareTextStyle {
color : #2A2D33;
fontSize : 11;
fontWeight : bold;
}
/*
//------------------------------
// Guest
//------------------------------
*/
.allowButtonStyle {
icon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Allow");
}
.denyButtonStyle {
icon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Deny");
}
/*
//------------------------------
// Layout
//------------------------------
*/
layout|AddButton {
icon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Circle_Add");
}
layout|SaveButton {
icon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Download_Template");
}
layout|LoadButton {
icon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Upload_Template");
}
layout|BroadcastButton {
icon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Send_Layout");
}
/*
//------------------------------
// Logout Window
//------------------------------
*/
.logoutWindowStyle {
headerHeight : 32;
/* we need to set transparency duration to avoid the blur effect when two alerts are displayed sequentially */
modalTransparencyDuration : 250;
}
/*
//------------------------------
// Lock Settings
//------------------------------
*/
views|LockSettings {
headerHeight : 0;
}
.lockSettingsDefaultLabelStyle {
fontSize : 14;
}
/*
//------------------------------
// MainApplicationShell
//------------------------------
*/
views|MainApplicationShell {
verticalGap : 0;
}
.logsButton {
icon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Logs");
}
.fullScreenButton {
icon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Fullscreen");
}
.exitFullScreenButton {
icon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Exit_Fullscreen");
}
/*
//------------------------------
// MDICanvas & MDIWindow
//------------------------------
*/
flexlib|MDICanvas {
backgroundColor : #F1F3F7;
}
flexlib|MDIWindow {
/*None of the following properties are overridden by the MDIWindow class*/
backgroundSize : "100%";
headerHeight : 40;
cornerRadius : 4;
dropShadowEnabled : false;
titleStyleName : "mdiWindowTitle";
cornerResizeImg : Embed(source="assets/swf/Blue.swf", symbol="Corner_Resize");
roundedBottomCorners : true;
controlButtonWidth : 10;
controlButtonHeight : 10;
controlButtonGap : 4;
styleNameFocus : "mdiWindowFocus";
styleNameNoFocus : "mdiWindowNoFocus";
maximizeBtnStyleName : "mdiMaximizeButtonStyle";
restoreBtnStyleName : "mdiMaximizeButtonStyle";
minimizeBtnStyleName : "mdiMinimizeButtonStyle";
paddingLeft : 0;
paddingRight : 0;
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;
paddingLeft : 12;
paddingRight : 12;
}
.mdiWindowNoFocus {
borderStyle : solid;
borderAlpha : 1;
borderThickness : 1;
borderColor : #CDD4DB;
backgroundColor : #FFFFFF;
backgroundAlpha : 1;
}
.mdiWindowFocus {
borderStyle : solid;
borderAlpha : 1;
borderThickness : 1;
borderColor : #9EAEBA;
backgroundColor : #FFFFFF;
backgroundAlpha : 1;
}
/*
//------------------------------
// MicSettings
//------------------------------
*/
.micSettingsWindowHearFromHeadsetLabelStyle, .micSettingsWindowSpeakIntoMicLabelStyle, .webcamPermissionSettingsTextStyle, .inactivityWarningTextStyle {
fontSize : 14;
}
.micSettingsWindowOpenDialogLabelStyle {
fontSize : 14;
fontWeight : bold;
color : #CDD4DB;
}
.micSettingsWindowShareMicrophoneLabelStyle {
fontSize : 14;
color : #5E6C72;
}
.inactivityWarningWindowCancelButtonStyle {
color : #CDD4DB;
textRollOverColor : #CDD4DB;
textSelectedColor : #CDD4DB;
}
/*
//------------------------------
// Network Stats
//------------------------------
*/
views|NetworkStatsWindow {
iconRefresh : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Refresh");
}
/*
//------------------------------
// PopUpButton
//------------------------------
*/
mx|PopUpButton {
/* Normal state */
fillColorUp : #FFFFFF;
fillColorOver : #CDD4DB;
fillColorDown : #ACB2B7;
fillColorDisabled : #F0F2F6;
borderColorUp : #CDD4DB;
borderColorOver : #1070D7;
borderColorDown : #0A5EAC;
borderColorDisabled : #CDD4DB;
/* Icon states */
iconColor : #4E5A66;
iconColorOver : #1070D7;
iconColorDown : #4E5A66;
borderThickness : 1;
skin : ClassReference("org.bigbluebutton.skins.PopUpButtonSkin");
}
/*
//------------------------------
// 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
//------------------------------
*/
presentation|UploadedPresentationRenderer {
iconSave : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Save_Disabled");
}
.presentationWindowControlsStyle {
paddingBottom : 5;
paddingTop : 3;
paddingLeft : 3;
paddingRight : 3;
bottom : 5;
cornerRadius : 0;
dropShadowEnabled : false;
}
.presentationUploadDeleteButtonStyle {
fillAlphas : 1, 1, 1, 1;
fillColors : #FEFEFF, #E1E2E5, #FFFFFF, #EEEEEE;
color : #3F3F41;
textRollOverColor : #3F3F41;
textSelectedColor : #3F3F41;
borderColor : #B9BABC;
cornerRadius : 5;
icon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Trash");
}
.presentationUploadButtonStyle {
icon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Upload");
}
.pollStartButtonStyle {
icon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Polling");
}
.presentationBackButtonStyle {
icon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Arrow_Left");
disabledIcon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Arrow_Left_Disabled");
}
.presentationForwardButtonStyle {
icon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Arrow_Right");
disabledIcon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Arrow_Right_Disabled");
}
.presentationFitToWidthButtonStyle {
icon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Fit_To_Width");
}
.presentationFitToPageButtonStyle {
icon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Fit_To_Screen");
}
.presentationDownloadButtonStyle {
icon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Download");
disabledIcon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Download_Disabled");
}
.presentationZoomSliderStyle {
labelOffset : 0;
thumbOffset : 3;
dataTipOffset : -1;
tickOffset : 2;
tickLength : 5;
tickThickness : 2;
tickColor : #1070D7;
showTrackHighlight : true;
invertThumbDirection : false;
borderColor : #CDD4DB;
trackColors : #5E6C72, #5E6C72;
fillAlphas : 1, 1, 1, 1;
fillColors : #F1F3F7, #F1F3F7, #F1F3F7, #F1F3F7;
labelStyleName : "presentationZoomSliderLabelStyle";
}
.presentationZoomSliderLabelStyle {
color : #2A2D33;
}
presentation|FileUploadWindow {
iconGo : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Go");
titleStyleName : "presentationFileUploadWindowTitleStyle";
}
.presentationFileUploadWindowTitleStyle, .presentationUploadTitleStyle {
fontSize : 18;
fontWeight : bold;
}
.presentationNamesLabelStyle {
fontSize : 14;
fontWeight : bold;
}
.presentationUploadChooseFileButtonStyle {
color : #2A2D33;
}
.presentationUploadShowButtonStyle {
color : #2A2D33;
}
.presentationUploadFileFormatHintBoxStyle, .audioBroswerHintBoxStyle {
backgroundColor : #CDD4DB;
dropShadowEnabled : false;
paddingLeft : 10;
paddingRight : 10;
}
.presentationUploadFileFormatHintTextStyle, .audioBroswerHintTextStyle {
fontWeight : bold;
}
.presentationSlideViewStyle {
backgroundColor : #8A9AA7;
}
/*
//------------------------------
// Poll
//------------------------------
*/
poll|PollChoicesModal {
fontSize : 14;
paddingLeft : 16;
paddingRight : 16;
}
.pollResondersLabelStyle {
color : #5E6C72;
fontSize : 14;
}
/*
//------------------------------
// ProgressBar
//------------------------------
*/
mx|ProgressBar {
color : #8A9AA7;
barColor : #1070D7;
trackColors : #FFFFFF, #FFFFFF;
borderColor : #CDD4DB;
barSkin : ClassReference("org.bigbluebutton.skins.ProgressBarSkin");
trackSkin : ClassReference("org.bigbluebutton.skins.ProgressTrackSkin");
}
/*
//------------------------------
// ReconnectionPopup
//------------------------------
*/
views|ReconnectionPopup {
iconRefresh : Embed(source="assets/swf/refreshing.swf");
}
/*
//------------------------------
// SharedNotes
//------------------------------
*/
sharednotes|SharedNotesRichTextEditor {
iconBold : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Bold");
iconItalic : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Italic");
iconUnderline : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Underline");
iconBullet : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Bullet");
iconAlignLeft : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Align_Left");
iconAlignCenter : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Align_Center");
iconAlignRight : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Align_Right");
iconAlignJustify : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Align_Justify");
}
.sharedNotesSettings {
icon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Settings");
}
.sharedNotesSaveButtonStyle {
icon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Save");
}
.sharedNotesNewButtonStyle {
icon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Add_File");
}
.sharedNotesUndoButtonStyle {
icon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Undo");
disabledIcon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Undo_Disabled");
}
.sharedNotesRedoButtonStyle {
icon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Redo");
disabledIcon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Redo_Disabled");
}
.sharedNotesFormatButtonStyle {
icon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Format_Text");
}
/*
//------------------------------
// TitleWindow
//------------------------------
*/
mx|TitleWindow {
closeButtonDisabledSkin : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Close_Button_Disabled");
closeButtonDownSkin : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Close_Button_Down");
closeButtonOverSkin : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Close_Button_Over");
closeButtonUpSkin : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Close_Button_Up");
borderColor : #FFFFFF;
cornerRadius : 4;
roundedBottomCorners : true;
dropShadowEnabled : true;
shadowDistance : 0;
borderThickness : 1;
paddingTop : 5;
}
.titleWindowStyle {
color : #05172A;
fontSize : 24;
textAlign :center;
}
/*
//------------------------------
// ToolTip
//------------------------------
*/
mx|ToolTip {
borderSkin : ClassReference("org.bigbluebutton.skins.ToolTipSkin");
backgroundColor : #1070D7;
color : #FFFFFF;
fontSize : 13;
backgroundAlpha : 0.9;
cornerRadius : 3;
}
.errorTip {
borderColor : #DE2721;
}
/*
//------------------------------
// Users
//------------------------------
*/
users|UsersWindow {
iconAudioMuted : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_User_Audio_Muted");
iconAudio : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_User_Audio");
iconLock : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_User_Lock");
iconMood : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_User_Mood_Happy");
iconSettings : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_User_Settings");
}
users|StatusItemRenderer {
iconPresenter : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_User_Presenter");
iconModerator : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_User_Moderator");
iconModeratorOnly : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_User_ListenOnly");
iconMoodRaiseHand : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_User_Mood_RaiseHand");
iconMoodHappy : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_User_Mood_Happy");
iconMoodNeutral : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_User_Mood_Neutral");
iconMoodSad : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_User_Mood_Sad");
iconMoodConfused : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_User_Mood_Confused");
iconMoodAway : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_User_Mood_Away");
iconMoodThumbsUp : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_User_Mood_ThumbsUp");
iconMoodThumbsDown : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_User_Mood_ThumbsDown");
iconMoodApplause : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_User_Mood_Applause");
}
users|MediaItemRenderer {
iconAudioMuted : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_User_Audio_Muted");
iconAudio : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_User_Audio");
iconSound : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_User_Sound");
iconLock : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_User_Lock");
iconUnlock : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_User_Unlock");
iconSettings : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_User_Settings");
iconWebcam : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_User_Webcam");
iconDemote : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_User_Demote");
iconPromote : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_User_Promote");
iconEject : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_User_Eject");
glowFilterColor : #1070D7;
}
users|NameItemRenderer {
fontSize : 12;
textAlign : left;
}
.nameRenderer {
fontWeight : normal;
color : #2A2D33;
}
.meNameRenderer {
fontWeight : bold;
color : #3D97D3;
}
.usersGridStyle {
selectionColor : #F0F2F6;
}
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|MoodMenu {
iconMoodRaiseHand : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_User_Mood_RaiseHand");
iconMoodApplause : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_User_Mood_Applause");
iconMoodThumbsUp : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_User_Mood_ThumbsUp");
iconMoodThumbsDown : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_User_Mood_ThumbsDown");
iconMoodAway : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_User_Mood_Away");
iconMoodHappy : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_User_Mood_Happy");
iconMoodSad : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_User_Mood_Neutral");
iconMoodNeutral : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_User_Mood_Sad");
iconMoodConfused : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_User_Mood_Confused");
iconMoodNone : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_User_Mood_None");
}
/*
//------------------------------
// VideoDock
//------------------------------
*/
videoconf|UserGraphicHolder {
iconPresenter : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Video_Presenter");
iconModerator : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Video_Moderator");
iconClose : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Close_Video");
iconFullScreen : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Fullscreen_White");
iconExitFullScreen : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Exit_Fullscreen_White");
}
.videoToolbarBackgroundTalkingStyle {
backgroundColor : #1070D7;
backgroundAlpha : 0.5;
}
.videoToolbarBackgroundNotTalkingStyle {
backgroundColor : #000000;
backgroundAlpha : 0.5;
}
.videoToolbarLabelStyle {
color : #FFFFFF;
fontSize : 12;
textIndent : 0;
}
.muteOverlayBtn {
upSkin : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Video_Unmuted");
overSkin : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Video_Unmuted");
downSkin : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Video_Unmuted");
disabledSkin : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Video_Unmuted");
}
.unmuteOverlayBtn {
upSkin : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Video_Muted");
overSkin : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Video_Muted");
downSkin : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Video_Muted");
disabledSkin : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Video_Muted");
}
/*
//------------------------------
// Webcam Shraring
//------------------------------
*/
.videoMessageWarningLabelStyle {
fontWeight : bold;
fontSize : 14;
color : #FFFF26;
}
.videoMessageErrorLabelStyle {
fontWeight : bold;
fontSize : 14;
color : #EF4339;
}
.videoMessageBackgroundStyle {
backgroundAlpha : 0.6;
backgroundColor : #5E6C72;
}
.cameraDisplaySettingsWindowStartBtn {
icon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Webcam");
disabledIcon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Webcam_Disabled");
}
/*
//------------------------------
// WebRTCAudioStatus
//------------------------------
*/
views|WebRTCAudioStatus {
color : #E1E2E5;
iconStrongAudio : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Strong_Audio");
iconAlmostStrongAudio : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Almost_Strong_Audio");
iconAlmostWeakAudio : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Almost_Weak_Audio");
iconWeakAudio : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Weak_Audio");
}
/*
//------------------------------
// WarningButton
//------------------------------
*/
views|WarningButton {
icon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Warning_Small");
}
/*
//------------------------------
// Whiteboard
//------------------------------
*/
whiteboard|WhiteboardToolbar {
iconWhiteboardThin : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Whiteboard_Thin");
iconWhiteboardThick : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Whiteboard_Thick");
backgroundColor : #CFD4DB;
borderColor : #CFD4DB;
borderStyle : solid;
borderThickness : 1;
cornerRadius : 4;
paddingBottom : 0;
paddingTop : 0;
paddingLeft : 0;
paddingRight : 0;
verticalGap : 1;
}
whiteboard|WhiteboardCanvas {
iconEllipse : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Whiteboard_Ellipse");
iconRectangle : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Whiteboard_Rectangle");
iconTriangle : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Whiteboard_Triangle");
iconPencil : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Whiteboard_Pencil");
iconLine : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Whiteboard_Line");
iconText : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Whiteboard_Text");
}
.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;
}
.whiteboardPanZoomButtonStyle, .whiteboardScribbleButtonStyle, .whiteboardRectangleButtonStyle,
.whiteboardCircleButtonStyle, .whiteboardTriangleButtonStyle, .whiteboardLineButtonStyle,
.whiteboardTextButtonStyle, .whiteboardClearButtonStyle, .whiteboardUndoButtonStyle {
/* Normal state */
borderStyle : none;
borderThickness : 0;
cornerRadius : 0;
}
.whiteboardPanZoomButtonStyle {
icon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Hand");
}
.whiteboardScribbleButtonStyle {
icon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Pencil");
}
.whiteboardRectangleButtonStyle {
icon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Rectangle");
}
.whiteboardCircleButtonStyle {
icon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Circle");
}
.whiteboardTriangleButtonStyle {
icon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Triangle");
}
.whiteboardLineButtonStyle {
icon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Line");
}
.whiteboardTextButtonStyle {
icon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Text_Tool");
}
.whiteboardClearButtonStyle {
icon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Whiteboard_Clear");
}
.whiteboardUndoButtonStyle {
icon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Whiteboard_Undo");
}
.multiUserWhiteboardOnButtonStyle {
icon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Whiteboard");
}
.multiUserWhiteboardOffButtonStyle {
icon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Multi_Whiteboard");
}