-add styling of whiteboard toolbar

bigbluebutton-client/src/branding/css/BBBDefault.css

@@ -31,6 +31,16 @@ Panel {
   fontSize: 12;
 }
 
+.whiteboardToolbarStyle {
+  backgroundColor: #CCCCCC;
+  cornerRadius: 5;
+  borderStyle: solid;
+  borderThickness: 1;
+  paddingBottom: 3;
+  paddingTop: 3;
+  paddingLeft: 3;
+  paddingRight: 3;
+}
 
 Button {
   textIndent: 0;

bigbluebutton-client/src/branding/css/S2S.css

@@ -110,6 +110,27 @@ ComboBox {
   themeColor: #999999;
 }
 
+VBox.whiteboardToolbarStyle {
+  backgroundColor: #4798C6;
+  cornerRadius: 5;
+  borderColor: #2D586E;
+  borderStyle: solid;
+  borderThickness: 1;
+  paddingBottom: 3;
+  paddingTop: 3;
+  paddingLeft: 3;
+  paddingRight: 3;
+}
+
+Button.whiteboardButtonStyle {
+  fillAlphas: 1, 1, 1, 1;
+  fillColors: #96c7e6, #50a6d7, #ffffff, #eeeeee;
+  color: #ffffff;
+  textRollOverColor: #ffffff;
+  textSelectedColor: #ffffff;
+  borderColor: #50a6d7;
+}
+
 MDIWindow {
   resizeCursorHorizontalXOffset: 20	
 }

bigbluebutton-client/src/org/bigbluebutton/modules/whiteboard/views/WhiteboardToolbar.mxml

@@ -25,8 +25,7 @@
 		xmlns:view="org.bigbluebutton.modules.whiteboard.views.*"
 		xmlns:wbBtns="org.bigbluebutton.modules.whiteboard.views.buttons.*"
 		xmlns:mate="http://mate.asfusion.com/" creationComplete="onCreationComplete()"
-		visible="true" backgroundColor="0xCCCCCC" cornerRadius="5" borderStyle="solid" 
+		visible="true" styleName="whiteboardToolbarStyle">
-	    paddingBottom="3" paddingTop="3" paddingLeft="3" paddingRight="3" >
 	
 	<mate:Listener type="{MadePresenterEvent.SWITCH_TO_PRESENTER_MODE}" method="presenterMode" />
 	<mate:Listener type="{MadePresenterEvent.SWITCH_TO_VIEWER_MODE}" method="viewerMode" />

bigbluebutton-client/src/org/bigbluebutton/modules/whiteboard/views/buttons/CircleButton.mxml

@@ -1,7 +1,7 @@
 <?xml version="1.0" encoding="utf-8"?>
 <mx:Button xmlns:mx="http://www.adobe.com/2006/mxml"
 		   width="20" height="20" 
-		   click="onClick()" 
+		   click="onClick()" styleName="whiteboardButtonStyle"
 		   icon="{ellipse_icon}" 
 		   toolTip="{ResourceUtil.getInstance().getString('bbb.highlighter.toolbar.ellipse')}" 
 		   toggle="true">

bigbluebutton-client/src/org/bigbluebutton/modules/whiteboard/views/buttons/ClearButton.mxml

@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="utf-8"?>
 <mx:Button xmlns:mx="http://www.adobe.com/2006/mxml"
-		   width="20" height="20" click="onClick()" icon="{delete_icon}" 
+		   width="20" height="20" click="onClick()" icon="{delete_icon}" styleName="whiteboardButtonStyle"
 		   toolTip="{ResourceUtil.getInstance().getString('bbb.highlighter.toolbar.clear')}">
 	<mx:Script>
 		<![CDATA[

bigbluebutton-client/src/org/bigbluebutton/modules/whiteboard/views/buttons/LineButton.mxml

@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="utf-8"?>
 <mx:Button xmlns:mx="http://www.adobe.com/2006/mxml"
-		   width="20" height="20" click="onClick()" icon="{line_icon}" 
+		   width="20" height="20" click="onClick()" icon="{line_icon}" styleName="whiteboardButtonStyle"
 		   toolTip="{ResourceUtil.getInstance().getString('ltbcustom.bbb.highlighter.toolbar.line')}" toggle="true">
 	<mx:Script>
 		<![CDATA[

bigbluebutton-client/src/org/bigbluebutton/modules/whiteboard/views/buttons/PanZoomButton.mxml

@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="utf-8"?>
 <mx:Button xmlns:mx="http://www.adobe.com/2006/mxml"
-		   width="20" height="20" click="onClick()" icon="{hand_icon}" 
+		   width="20" height="20" click="onClick()" icon="{hand_icon}" styleName="whiteboardButtonStyle"
 		   toolTip="{ResourceUtil.getInstance().getString('bbb.highlighter.toolbar.panzoom')}" toggle="true">
 	<mx:Script>
 		<![CDATA[

bigbluebutton-client/src/org/bigbluebutton/modules/whiteboard/views/buttons/RectangleButton.mxml

@@ -1,7 +1,7 @@
 <?xml version="1.0" encoding="utf-8"?>
 <mx:Button xmlns:mx="http://www.adobe.com/2006/mxml"
 		   width="20" height="20"
-		   click="onClick()" 
+		   click="onClick()" styleName="whiteboardButtonStyle"
 		   icon="{rectangle_icon}" toolTip="{ResourceUtil.getInstance().getString('bbb.highlighter.toolbar.rectangle')}" toggle="true">
 	<mx:Script>
 		<![CDATA[

bigbluebutton-client/src/org/bigbluebutton/modules/whiteboard/views/buttons/ScribbleButton.mxml

@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="utf-8"?>
 <mx:Button xmlns:mx="http://www.adobe.com/2006/mxml"
-		   width="20" height="20" click="onClick()"  
+		   width="20" height="20" click="onClick()"  styleName="whiteboardButtonStyle"
 		   icon="{scribble_icon}" toolTip="{ResourceUtil.getInstance().getString('bbb.highlighter.toolbar.pencil')}" 
 		   toggle="true" selected="true">
 	<mx:Script>

bigbluebutton-client/src/org/bigbluebutton/modules/whiteboard/views/buttons/TextButton.mxml

@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="utf-8"?>
 <mx:Button xmlns:mx="http://www.adobe.com/2006/mxml"
-		   width="20" height="20" click="onClick()" icon="{text_icon}" 
+		   width="20" height="20" click="onClick()" icon="{text_icon}" styleName="whiteboardButtonStyle"
 		   toolTip="{ResourceUtil.getInstance().getString('ltbcustom.bbb.highlighter.toolbar.text')}" toggle="true">
 	<mx:Script>
 		<![CDATA[

bigbluebutton-client/src/org/bigbluebutton/modules/whiteboard/views/buttons/TriangleButton.mxml

@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="utf-8"?>
 <mx:Button xmlns:mx="http://www.adobe.com/2006/mxml"
-		   width="20" height="20" click="onClick()" icon="{triangle_icon}" 
+		   width="20" height="20" click="onClick()" icon="{triangle_icon}" styleName="whiteboardButtonStyle"
 		   toolTip="{ResourceUtil.getInstance().getString('ltbcustom.bbb.highlighter.toolbar.triangle')}" 
 		   toggle="true">
 	<mx:Script>

bigbluebutton-client/src/org/bigbluebutton/modules/whiteboard/views/buttons/UndoButton.mxml

@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="utf-8"?>
 <mx:Button xmlns:mx="http://www.adobe.com/2006/mxml"
-		   width="20" height="20" click="onClick()" icon="{undo_icon}" 
+		   width="20" height="20" click="onClick()" icon="{undo_icon}" styleName="whiteboardButtonStyle"
 		   toolTip="{ResourceUtil.getInstance().getString('bbb.highlighter.toolbar.undo')}">
 	<mx:Script>
 		<![CDATA[