You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@vcl.apache.org by jf...@apache.org on 2016/08/15 20:17:39 UTC

svn commit: r1756421 [1/3] - in /vcl/trunk/web: .ht-inc/ css/ themes/dropdownmenus/ themes/dropdownmenus/css/ themes/dropdownmenus/css/dojo/ themes/dropdownmenus/css/dojo/form/ themes/dropdownmenus/css/dojo/images/ themes/dropdownmenus/css/dojo/layout/...

Author: jfthomps
Date: Mon Aug 15 20:17:37 2016
New Revision: 1756421

URL: http://svn.apache.org/viewvc?rev=1756421&view=rev
Log:
VCL-981 - create a new theme that is more responsive for mobile devices

-added themes/dropdownmenus - theme based on Bootstrap
-modified some layout elements to allow for better theming

authentication.php:
-modified selectAuth: changed table layout to div layout with corresponding css in vcl.css to either make it display as a 2 column table or as a single column, based on screen width
-modified localLogin and checkExpiredDemoUser: changed $skin = 'default' to $skin = DEFAULTTHEME

dashboard.php: modified dashboard: changed table layout to div layout with corresponding css in vcl.css to either make it display as a 2 column table or as a single column, based on screen width

siteconfig.php: modified generalOptions: changed table layout to div layout with corresponding css in vcl.css to either make it display as a 2 column table or as a single column, based on screen width

utils.php:
-removed menulistLI
-modified getNavMenu to build a menu from data returned from getNavMenuData
-added getNavMenuData - function that did much of what getNavMenu used to do, but returns things in a structured array; useful for displaying the menu differently that how getNavMenu generates it
-added checkMenuItemSelected - functions similarly to how menulistLI did but just returns 0 or 1 if the item should be selected or not
-modified getDojoHTML: modified section under viewGroups case that defined javascript variable firstscroll; this is part of what was checked in previously in other files to remove the automatic scroll done when viewing the Manage Groups page
-modified getSelectLanguagePulldown: changed id to class; changed onChange to use this.form.submit instead of document.localeform.submit; added autocomplete=off to cause Firefox to display the correctly selected item

vcl.css:
-added #loginhelp
-added media selectors for max-width: 768px and min-width: 769px
-max-width 768px: displays loginlayout, siteconfiglayout, and dashlayout as normal block elements
-min-width 769px: displays loginlayout, siteconfiglayout, and dashlayout as 2 column table elements
-both include #loginlayout, #loginform, #loginhelp, #siteconfiglayout, #siteconfigleftcol, #siteconfigrightcol, #dashlayout, #dashleft, and #dashright

Added:
    vcl/trunk/web/themes/dropdownmenus/
    vcl/trunk/web/themes/dropdownmenus/css/
    vcl/trunk/web/themes/dropdownmenus/css/dojo/
    vcl/trunk/web/themes/dropdownmenus/css/dojo/Calendar.css
    vcl/trunk/web/themes/dropdownmenus/css/dojo/Calendar_rtl.css
    vcl/trunk/web/themes/dropdownmenus/css/dojo/ColorPalette.css
    vcl/trunk/web/themes/dropdownmenus/css/dojo/Common.css
    vcl/trunk/web/themes/dropdownmenus/css/dojo/Dialog.css
    vcl/trunk/web/themes/dropdownmenus/css/dojo/Dialog_rtl.css
    vcl/trunk/web/themes/dropdownmenus/css/dojo/Editor.css
    vcl/trunk/web/themes/dropdownmenus/css/dojo/Editor_rtl.css
    vcl/trunk/web/themes/dropdownmenus/css/dojo/Menu.css
    vcl/trunk/web/themes/dropdownmenus/css/dojo/Menu_rtl.css
    vcl/trunk/web/themes/dropdownmenus/css/dojo/ProgressBar.css
    vcl/trunk/web/themes/dropdownmenus/css/dojo/TimePicker.css
    vcl/trunk/web/themes/dropdownmenus/css/dojo/TimePicker_rtl.css
    vcl/trunk/web/themes/dropdownmenus/css/dojo/TitlePane.css
    vcl/trunk/web/themes/dropdownmenus/css/dojo/TitlePane_rtl.css
    vcl/trunk/web/themes/dropdownmenus/css/dojo/Toolbar.css
    vcl/trunk/web/themes/dropdownmenus/css/dojo/Tree.css
    vcl/trunk/web/themes/dropdownmenus/css/dojo/Tree_rtl.css
    vcl/trunk/web/themes/dropdownmenus/css/dojo/dropdownmenus.css
    vcl/trunk/web/themes/dropdownmenus/css/dojo/dropdownmenus.css.save
    vcl/trunk/web/themes/dropdownmenus/css/dojo/dropdownmenus_rtl.css
    vcl/trunk/web/themes/dropdownmenus/css/dojo/form/
    vcl/trunk/web/themes/dropdownmenus/css/dojo/form/Button.css
    vcl/trunk/web/themes/dropdownmenus/css/dojo/form/Checkbox.css
    vcl/trunk/web/themes/dropdownmenus/css/dojo/form/Common.css
    vcl/trunk/web/themes/dropdownmenus/css/dojo/form/RadioButton.css
    vcl/trunk/web/themes/dropdownmenus/css/dojo/form/Select.css
    vcl/trunk/web/themes/dropdownmenus/css/dojo/form/Slider.css
    vcl/trunk/web/themes/dropdownmenus/css/dojo/form/Slider_rtl.css
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/accordionItemActive.gif   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/accordionItemHover.gif   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/buttonActive.png   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/buttonDisabled.png   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/buttonEnabled.png   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/buttonHover.png   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/calendarDayLabel.png   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/calendarMonthLabel.png   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/calendarYearLabel.png   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/checkmark.gif   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/checkmark.png   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/checkmarkNoBorder.gif   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/checkmarkNoBorder.png   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/circleIcon.gif   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/circleIcon.png   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/comboArrowDown.gif   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/dijitProgressBarAnim.gif   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/dijitProgressBarAnim.psd   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/dndCopy.png   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/dndMove.png   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/dndNoCopy.png   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/dndNoMove.png   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/dojoTundraGradientBg.gif   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/dojoTundraGradientBg.png   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/doubleArrowDown.png   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/doubleArrowUp.png   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/folderClosed.gif   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/folderOpened.gif   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/i.gif   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/i_half.gif   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/i_half_rtl.gif   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/i_rtl.gif   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/leaf.gif   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/loading.gif   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/menu.png   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/minusButton.gif   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/no.gif   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/noX.gif   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/plusButton.gif   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/popupMenuBg.gif   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/preciseSliderThumb.gif   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/preciseSliderThumb.png   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/preciseSliderThumbFocus.gif   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/preciseSliderThumbFocus.png   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/progressBarAnim-1.png   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/progressBarAnim-2.png   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/progressBarAnim-3.png   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/progressBarAnim-4.png   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/progressBarAnim-5.png   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/progressBarAnim-6.png   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/progressBarAnim-7.png   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/progressBarAnim-8.png   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/progressBarAnim-9.png   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/progressBarAnim.gif   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/progressBarAnim.psd   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/progressBarEmpty.png   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/progressBarFull.png   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/radioButtonActive.png   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/radioButtonActiveDisabled.png   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/radioButtonActiveHover.png   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/radioButtonDisabled.png   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/radioButtonEnabled.png   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/radioButtonHover.png   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/sliderEmpty.png   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/sliderEmptyVertical.png   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/sliderFull.png   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/sliderFullFocus.png   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/sliderFullVertical.png   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/sliderFullVerticalFocus.png   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/sliderThumb.png   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/sliderThumbFocus.gif   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/sliderThumbFocus.png   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/smallArrowDown.png   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/smallArrowUp.png   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/splitContainerSizerH-thumb.png   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/splitContainerSizerH.png   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/splitContainerSizerV-thumb.png   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/splitContainerSizerV.png   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/spriteArrows.gif   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/spriteArrows.png   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/spriteRoundedIconsSmall.gif   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/spriteRoundedIconsSmall.png   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/tabActive.png   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/tabClose.gif   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/tabClose.png   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/tabCloseHover.gif   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/tabCloseHover.png   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/tabDisabled.png   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/tabEnabled.png   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/tabHover.gif   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/tabHover.png   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/titleBar.png   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/titleBarBg.gif   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/tooltipConnectorDown.gif   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/tooltipConnectorDown.png   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/tooltipConnectorLeft.gif   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/tooltipConnectorLeft.png   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/tooltipConnectorRight.gif   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/tooltipConnectorRight.png   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/tooltipConnectorUp.gif   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/tooltipConnectorUp.png   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/treeExpand_leaf.gif   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/treeExpand_leaf_rtl.gif   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/treeExpand_loading.gif   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/treeExpand_minus.gif   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/treeExpand_minus_rtl.gif   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/treeExpand_mius.gif   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/treeExpand_plus.gif   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/treeExpand_plus_rtl.gif   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/treeHover.png   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/validationInputBg.gif   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/validationInputBg.png   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/images/warning.png   (with props)
    vcl/trunk/web/themes/dropdownmenus/css/dojo/layout/
    vcl/trunk/web/themes/dropdownmenus/css/dojo/layout/AccordionContainer.css
    vcl/trunk/web/themes/dropdownmenus/css/dojo/layout/BorderContainer.css
    vcl/trunk/web/themes/dropdownmenus/css/dojo/layout/ContentPane.css
    vcl/trunk/web/themes/dropdownmenus/css/dojo/layout/SplitContainer.css
    vcl/trunk/web/themes/dropdownmenus/css/dojo/layout/TabContainer.css
    vcl/trunk/web/themes/dropdownmenus/css/dojo/layout/TabContainer_rtl.css
    vcl/trunk/web/themes/dropdownmenus/css/theme.css
    vcl/trunk/web/themes/dropdownmenus/images/
    vcl/trunk/web/themes/dropdownmenus/images/feather_tiny.png   (with props)
    vcl/trunk/web/themes/dropdownmenus/images/vcllogo.png   (with props)
    vcl/trunk/web/themes/dropdownmenus/js/
    vcl/trunk/web/themes/dropdownmenus/js/topnav.js
    vcl/trunk/web/themes/dropdownmenus/page.php
Modified:
    vcl/trunk/web/.ht-inc/authentication.php
    vcl/trunk/web/.ht-inc/dashboard.php
    vcl/trunk/web/.ht-inc/siteconfig.php
    vcl/trunk/web/.ht-inc/utils.php
    vcl/trunk/web/css/vcl.css

Modified: vcl/trunk/web/.ht-inc/authentication.php
URL: http://svn.apache.org/viewvc/vcl/trunk/web/.ht-inc/authentication.php?rev=1756421&r1=1756420&r2=1756421&view=diff
==============================================================================
--- vcl/trunk/web/.ht-inc/authentication.php (original)
+++ vcl/trunk/web/.ht-inc/authentication.php Mon Aug 15 20:17:37 2016
@@ -155,9 +155,8 @@ function selectAuth() {
 	print $HTMLheader;
 	$printedHTMLheader = 1;
 	print "<H2>" . i("Welcome to the Virtual Computing Lab") . "</H2>\n";
-	print "<TABLE id=\"loginlayout\">\n";
-	print "<TR>\n";
-	print "<TD nowrap class=rightborder>\n";
+	print "<div id=\"loginlayout\">\n";
+	print "<div id=\"loginform\">\n";
 	print i("Please select an authentication method to use:") . "<br><br>\n";
 	if(strlen($authtype))
 		print "<font color=red>" . i("Selected method failed, please try again") . "</font><br>\n";
@@ -175,16 +174,15 @@ function selectAuth() {
 	print "<label for=remsel>" . i("Remember my selection") . "</label><br>\n";
 	print "<INPUT type=submit value=\"" . i("Proceed to Login") . "\" tabindex=3 name=userid>\n";
 	print "</FORM>\n";
-	print "</TD>\n";
-	print "<TD>\n";
+	print "</div>\n"; # loginform
+	print "<div id=\"loginhelp\">\n";
 	print "<h3>" . i("Explanation of authentication methods:") . "</h3>\n";
 	print "<UL id=expauthul>\n";
 	foreach($authMechs as $mech)
 		print "<LI>{$mech['help']}</LI>\n";
 	print "</UL>\n";
-	print "</TD>\n";
-	print "</TR>\n";
-	print "</TABLE>\n";
+	print "</div>\n"; # loginhelp
+	print "</div>\n"; # loginlayout
 	print getFooter();
 }
 
@@ -483,7 +481,7 @@ function localLogin($userid, $passwd, $a
 		else
 			setcookie("VCLAUTH", "{$cookie['data']}", 0, "/", COOKIEDOMAIN);
 		//load main page
-		setcookie("VCLSKIN", "default", (time() + (SECINDAY * 31)), "/", COOKIEDOMAIN);
+		setcookie("VCLSKIN", DEFAULTTHEME, (time() + (SECINDAY * 31)), "/", COOKIEDOMAIN);
 		header("Location: " . BASEURL . SCRIPT);
 		dbDisconnect();
 		exit;
@@ -624,7 +622,7 @@ function checkExpiredDemoUser($userid, $
 				updateGroups(array($nodemoid), $userid);
 				checkUpdateServerRequestGroups($groupid);
 				if(empty($skin)) {
-					$skin = 'default';
+					$skin = DEFAULTTHEME;
 					require_once("themes/$skin/page.php");
 				}
 				$mode = 'expiredemouser';

Modified: vcl/trunk/web/.ht-inc/dashboard.php
URL: http://svn.apache.org/viewvc/vcl/trunk/web/.ht-inc/dashboard.php?rev=1756421&r1=1756420&r2=1756421&view=diff
==============================================================================
--- vcl/trunk/web/.ht-inc/dashboard.php (original)
+++ vcl/trunk/web/.ht-inc/dashboard.php Mon Aug 15 20:17:37 2016
@@ -38,30 +38,28 @@ function dashboard() {
 		$affils = array_reverse($affils, TRUE);
 		printSelectInput('affilid', $affils, -1, 0, 0, 'affilid', 'onChange="updateDashboard();"');
 	}
-	print "<table summary=\"\" id=dashboard>\n";
-	print "<tr>\n";
+	print "<div id=\"dashlayout\">\n";
 
 	# -------- left column ---------
-	print "<td valign=\"top\">\n";
+	print "<div id=\"dashleft\">\n";
 	print addWidget('status', 'Current Status');
 	print addWidget('topimages', 'Top 5 Images in Use', '(Reservations &lt; 24 hours long)');
 	print addWidget('toplongimages', 'Top 5 Long Term Images in Use', '(Reservations &gt; 24 hours long)');
 	print addWidget('toppastimages', 'Top 5 Images From Past Day', '(Reservations with a start<br>time within past 24 hours)');
 	print addWidget('topfailedcomputers', 'Top Recent Computer Failures', '(Failed in the last 5 days)');
 	print addWidget('blockallocation', 'Block Allocation Status');
-	print "</td>\n";
+	print "</div>\n"; # dashleft
 	# -------- end left column ---------
 
 	# ---------- right column ---------
-	print "<td valign=\"top\">\n";
+	print "<div id=\"dashright\">\n";
 	print addWidget('managementnodes', 'Management Nodes', '[ ] denotes node in maintenance state');
 	print addWidget('topfailed', 'Top Recent Image Failures', '(Failed in the last 5 days)');
 	print addLineChart('reschart', 'Past 12 Hours of Active Reservations');
-	print "</td>\n";
+	print "</div>\n"; # dashright
 	# -------- end right column --------
 
-	print "</tr>\n";
-	print "</table>\n";
+	print "</div>\n"; # dashlayout
 	print addWidget('newreservations', 'Notable Reservations', '');
 	if(checkUserHasPerm('View Dashboard (global)'))
 		print addWidget('failedimaging', 'Failed Imaging Reservations', '(Imaging Reservations in the maintenance state)');

Modified: vcl/trunk/web/.ht-inc/siteconfig.php
URL: http://svn.apache.org/viewvc/vcl/trunk/web/.ht-inc/siteconfig.php?rev=1756421&r1=1756420&r2=1756421&view=diff
==============================================================================
--- vcl/trunk/web/.ht-inc/siteconfig.php (original)
+++ vcl/trunk/web/.ht-inc/siteconfig.php Mon Aug 15 20:17:37 2016
@@ -68,11 +68,10 @@ function generalOptions($globalopts) {
 	$h .= $obj->getHTML();
 	# ------ end full width ---------
 
-	$h .= "<table summary=\"\" id=siteconfig>\n";
-	$h .= "<tr>\n";
+	$h .= "<div id=\"siteconfiglayout\">\n";
 
 	# -------- left column ---------
-	$h .= "<td style=\"vertical-align: top;\">\n";
+	$h .= "<div id=\"siteconfigleftcol\">\n";
 	$obj = new connectedUserCheck();
 	$h .= $obj->getHTML($globalopts);
 	$obj = new acknowledge();
@@ -89,12 +88,12 @@ function generalOptions($globalopts) {
 	}
 	$obj = new AffilHelpAddress();
 	$h .= $obj->getHTML($globalopts);
-	$h .= "</td>\n";
+	$h .= "</div>\n"; # siteconfigleftcol
 	# -------- end left column ---------
 
 
 	# ---------- right column ---------
-	$h .= "<td style=\"vertical-align: top;\">\n";
+	$h .= "<div id=\"siteconfigrightcol\">\n";
 	$obj = new generalInuse();
 	$h .= $obj->getHTML($globalopts);
 	$obj = new serverInuse();
@@ -111,11 +110,10 @@ function generalOptions($globalopts) {
 	}
 	$obj = new AffilKMSserver();
 	$h .= $obj->getHTML($globalopts);
-	$h .= "</td>\n";
+	$h .= "</div>\n"; # siteconfigrightcol
 	# -------- end right column --------
 
-	$h .= "</tr>\n";
-	$h .= "</table>\n";
+	$h .= "</div>\n"; # siteconfiglayout
 
 	#$h .= "</div>\n";
 	return $h;

Modified: vcl/trunk/web/.ht-inc/utils.php
URL: http://svn.apache.org/viewvc/vcl/trunk/web/.ht-inc/utils.php?rev=1756421&r1=1756420&r2=1756421&view=diff
==============================================================================
--- vcl/trunk/web/.ht-inc/utils.php (original)
+++ vcl/trunk/web/.ht-inc/utils.php Mon Aug 15 20:17:37 2016
@@ -12359,37 +12359,6 @@ function sendJSON($arr, $identifier='',
 		print '{} && {"items":' . json_encode($arr) . '}';
 }
 
-
-////////////////////////////////////////////////////////////////////////////////
-///
-/// \fn menulistLI($page)
-///
-/// \param $page - name of a page
-///
-/// \return a list item tag, with the class set to selected if this mode belogs
-/// to this page
-///
-/// \brief determines if the current mode is part of $page and returns a list
-/// item tag with the class set if it is, or just a list item tag if it is not
-///
-////////////////////////////////////////////////////////////////////////////////
-function menulistLI($page) {
-	global $mode, $actions, $inContinuation;
-	$mymode = $mode;
-	if(empty($mymode))
-		$mymode = "main";
-	$testval = $actions['pages'][$mymode];
-	if($inContinuation) {
-		$obj = getContinuationVar('obj');
-		if(! is_null($obj) && isset($obj->restype))
-			$testval = $obj->restype;
-	}
-	if($testval == $page)
-		return "<li class=selected>";
-	else
-		return "<li>";
-}
-
 ////////////////////////////////////////////////////////////////////////////////
 ///
 /// \fn sendHeaders()
@@ -12601,7 +12570,51 @@ function printHTMLHeader() {
 ///
 ////////////////////////////////////////////////////////////////////////////////
 function getNavMenu($inclogout, $inchome, $homeurl=HOMEURL) {
-	global $user, $docreaders, $authed, $mode;
+	$menudata = getNavMenuData($homeurl);
+
+	$rt = '';
+	if($inchome) {
+		$rt .= "<li";
+		if($menudata['home']['selected'])
+			$rt .= " class=\"selected\"";
+		$rt .= "><a href=\"{$menudata['home']['url']}\">{$menudata['home']['title']}</a></li>\n";
+		unset($menudata['home']);
+	}
+	foreach($menudata as $page => $item) {
+		if($page == 'authentication')
+			continue;
+		$rt .= "<li";
+		if($menudata[$page]['selected'])
+			$rt .= " class=\"selected\"";
+		$rt .= "><a href=\"{$menudata[$page]['url']}\">{$menudata[$page]['title']}</a></li>\n";
+	}
+	if($inclogout) {
+		$rt .= "<li";
+		if($menudata['authentication']['selected'])
+			$rt .= " class=\"selected\"";
+		$rt .= "><a href=\"{$menudata['authentication']['url']}\">{$menudata['authentication']['title']}</a></li>\n";
+	}
+	return $rt;
+}
+
+////////////////////////////////////////////////////////////////////////////////
+///
+/// \fn getNavMenuData($homeurl)
+///
+/// \param $homeurl - (optional, defaults to HOMEURL) url for home link
+/// to point to
+///
+/// \return array of menu items where the keys in the array are the page names
+/// from the states.php file, and each item is an array with these keys:\n
+/// \b url - URL menu item should link to\n
+/// \b title - label for menu item\n
+/// \b selected - 0 or 1; whether or not the menu item is currently active
+///
+/// \brief builds the data for the main site menu
+///
+////////////////////////////////////////////////////////////////////////////////
+function getNavMenuData($homeurl=HOMEURL) {
+	global $user, $authed, $mode;
 	if($authed && $mode != 'expiredemouser') {
 		$computermetadata = getUserComputerMetaData();
 		$requests = getUserRequests("all", $user["id"]);
@@ -12609,113 +12622,157 @@ function getNavMenu($inclogout, $inchome
 	else
 		$computermetadata = array("platforms" => array(),
 		                          "schedules" => array());
-	$rt = '';
-	if($inchome) {
-		$rt .= menulistLI('home');
-		$rt .= "<a href=\"$homeurl\">" . i("HOME") . "</a></li>\n";
-	}
+	$menudata = array();
+
+	$menudata['home']['url'] = $homeurl;
+	$menudata['home']['title'] = i('HOME');
+	$menudata['home']['selected'] = checkMenuItemSelected('home');
+
+	$menudata['reservations']['url'] = BASEURL . SCRIPT . "?mode=viewRequests";
+	$menudata['reservations']['title'] = i('Reservations');
+	$menudata['reservations']['selected'] = checkMenuItemSelected('reservations');
+
+	#$menudata['config']['url'] = BASEURL . SCRIPT . "?mode=config";
+	#$menudata['config']['title'] = i('Manage Configs');
+	#$menudata['config']['selected'] = checkMenuItemSelected('config');
+
+	$menudata['blockAllocations']['url'] = BASEURL . SCRIPT . "?mode=blockAllocations";
+	$menudata['blockAllocations']['title'] = i('Block Allocations');
+	$menudata['blockAllocations']['selected'] = checkMenuItemSelected('blockAllocations');
+
+	$menudata['userPreferences']['url'] = BASEURL . SCRIPT . "?mode=userpreferences";
+	$menudata['userPreferences']['title'] = i('User Preferences');
+	$menudata['userPreferences']['selected'] = checkMenuItemSelected('userPreferences');
 
-	$rt .= menulistLI('reservations');
-	$rt .= "<a href=\"" . BASEURL . SCRIPT . "?mode=viewRequests\">";
-	$rt .= i("Reservations") . "</a></li>\n";
-
-	#$rt .= menulistLI('config');
-	#$rt .= "<a href=\"" . BASEURL . SCRIPT . "?mode=config\">";
-	#$rt .= i("Manage Configs") . "</a></li>\n";
-
-	$rt .= menulistLI('blockAllocations');
-	$rt .= "<a href=\"" . BASEURL . SCRIPT . "?mode=blockAllocations\">";
-	$rt .= i("Block Allocations") . "</a></li>\n";
-	$rt .= menulistLI('userPreferences');
-	$rt .= "<a href=\"" . BASEURL . SCRIPT . "?mode=userpreferences\">";
-	$rt .= i("User Preferences") . "</a></li>\n";
 	if(in_array("groupAdmin", $user["privileges"])) {
-		$rt .= menulistLI('manageGroups');
-		$rt .= "<a href=\"" . BASEURL . SCRIPT . "?mode=viewGroups\">";
-		$rt .= i("Manage Groups") . "</a></li>\n";
+		$menudata['managegroups']['url'] = BASEURL . SCRIPT . "?mode=viewGroups";
+		$menudata['managegroups']['title'] = i('Manage Groups');
+		$menudata['managegroups']['selected'] = checkMenuItemSelected('manageGroups');
 	}
+
 	if(in_array("imageAdmin", $user["privileges"])) {
-		$rt .= menulistLI('image');
-		$rt .= "<a href=\"" . BASEURL . SCRIPT . "?mode=image\">";
-		$rt .= i("Manage Images") . "</a></li>\n";
+		$menudata['image']['url'] = BASEURL . SCRIPT . "?mode=image";
+		$menudata['image']['title'] = i('Manage Images');
+		$menudata['image']['selected'] = checkMenuItemSelected('image');
 	}
+
 	if(in_array("scheduleAdmin", $user["privileges"])) {
-		$rt .= menulistLI('schedule');
-		$rt .= "<a href=\"" . BASEURL . SCRIPT . "?mode=schedule\">";
-		$rt .= i("Manage Schedules") . "</a></li>\n";
+		$menudata['schedule']['url'] = BASEURL . SCRIPT . "?mode=schedule";
+		$menudata['schedule']['title'] = i('Manage Schedules');
+		$menudata['schedule']['selected'] = checkMenuItemSelected('schedule');
 	}
+
 	if(in_array("computerAdmin", $user["privileges"])) {
-		$rt .= menulistLI('computer');
-		$rt .= "<a href=\"" . BASEURL . SCRIPT . "?mode=computer\">";
-		$rt .= i("Manage Computers") . "</a></li>\n";
+		$menudata['computer']['url'] = BASEURL . SCRIPT . "?mode=computer";
+		$menudata['computer']['title'] = i('Manage Computers');
+		$menudata['computer']['selected'] = checkMenuItemSelected('computer');
 	}
+
 	if(in_array("mgmtNodeAdmin", $user["privileges"])) {
-		$rt .= menulistLI('managementnode');
-		$rt .= "<a href=\"" . BASEURL . SCRIPT . "?mode=managementnode\">";
-		$rt .= i("Management Nodes") . "</a></li>\n";
+		$menudata['managementnode']['url'] = BASEURL . SCRIPT . "?mode=managementnode";
+		$menudata['managementnode']['title'] = i('Management Nodes');
+		$menudata['managementnode']['selected'] = checkMenuItemSelected('managementnode');
 	}
+
 	if(in_array("serverProfileAdmin", $user["privileges"]) ||
 	   in_array("serverCheckOut", $user["privileges"])) {
-		$rt .= menulistLI('serverProfiles');
-		$rt .= "<a href=\"" . BASEURL . SCRIPT;
-		$rt .= "?mode=serverProfiles\">" . i("Server Profiles") . "</a></li>\n";
+		$menudata['serverProfiles']['url'] = BASEURL . SCRIPT . "?mode=serverProfiles";
+		$menudata['serverProfiles']['title'] = i('Server Profiles');
+		$menudata['serverProfiles']['selected'] = checkMenuItemSelected('serverProfiles');
 	}
+
 	if(count($computermetadata["platforms"]) &&
 		count($computermetadata["schedules"])) {
-		$rt .= menulistLI('timeTable');
-		$rt .= "<a href=\"" . BASEURL . SCRIPT . "?mode=pickTimeTable\">";
-		$rt .= i("View Time Table") . "</a></li>\n";
+		$menudata['timeTable']['url'] = BASEURL . SCRIPT . "?mode=pickTimeTable";
+		$menudata['timeTable']['title'] = i('View Time Table');
+		$menudata['timeTable']['selected'] = checkMenuItemSelected('timeTable');
 	}
+
 	if(in_array("userGrant", $user["privileges"]) ||
 		in_array("resourceGrant", $user["privileges"]) ||
 		in_array("nodeAdmin", $user["privileges"])) {
-		$rt .= menulistLI('privileges');
-		$rt .= "<a href=\"" . BASEURL . SCRIPT . "?mode=viewNodes\">";
-		$rt .= i("Privileges") . "</a></li>\n";
+		$menudata['privileges']['url'] = BASEURL . SCRIPT . "?mode=viewNodes";
+		$menudata['privileges']['title'] = i('Privileges');
+		$menudata['privileges']['selected'] = checkMenuItemSelected('privileges');
 	}
+
 	if(checkUserHasPerm('User Lookup (global)') ||
 	   checkUserHasPerm('User Lookup (affiliation only)')) {
-		$rt .= menulistLI('userLookup');
-		$rt .= "<a href=\"" . BASEURL . SCRIPT . "?mode=userLookup\">";
-		$rt .= i("User Lookup") . "</a></li>\n";
+		$menudata['userLookup']['url'] = BASEURL . SCRIPT . "?mode=userLookup";
+		$menudata['userLookup']['title'] = i('User Lookup');
+		$menudata['userLookup']['selected'] = checkMenuItemSelected('userLookup');
 	}
+
 	if(in_array("computerAdmin", $user["privileges"])) {
-		$rt .= menulistLI('vm');
-		$rt .= "<a href=\"" . BASEURL . SCRIPT . "?mode=editVMInfo\">";
-		$rt .= i("Virtual Hosts") . "</a></li>\n";
+		$menudata['vm']['url'] = BASEURL . SCRIPT . "?mode=editVMInfo";
+		$menudata['vm']['title'] = i('Virtual Hosts');
+		$menudata['vm']['selected'] = checkMenuItemSelected('vm');
 	}
+
 	if(checkUserHasPerm('Schedule Site Maintenance')) {
-		$rt .= menulistLI('sitemaintenance');
-		$rt .= "<a href=\"" . BASEURL . SCRIPT . "?mode=siteMaintenance\">";
-		$rt .= i("Site Maintenance") . "</a></li>\n";
-	}
-	$rt .= menulistLI('statistics');
-	$rt .= "<a href=\"" . BASEURL . SCRIPT . "?mode=selectstats\">";
-	$rt .= i("Statistics") . "</a></li>\n";
+		$menudata['sitemaintenance']['url'] = BASEURL . SCRIPT . "?mode=siteMaintenance";
+		$menudata['sitemaintenance']['title'] = i('Site Maintenance');
+		$menudata['sitemaintenance']['selected'] = checkMenuItemSelected('sitemaintenance');
+	}
+
+	$menudata['statistics']['url'] = BASEURL . SCRIPT . "?mode=selectstats";
+	$menudata['statistics']['title'] = i('Statistics');
+	$menudata['statistics']['selected'] = checkMenuItemSelected('statistics');
+
 	if(checkUserHasPerm('View Dashboard (global)') ||
 	   checkUserHasPerm('View Dashboard (affiliation only)')) {
-		$rt .= menulistLI('dashboard');
-		$rt .= "<a href=\"" . BASEURL . SCRIPT . "?mode=dashboard\">";
-		$rt .= i("Dashboard") . "</a></li>\n";
-	}
-	$rt .= menulistLI('oneClick');
-	$rt .= "<a href=\"" . BASEURL . SCRIPT . "?mode=newOneClick\">";
-	$rt .= i("VCL gos") . "</a></li>\n";
+		$menudata['dashboard']['url'] = BASEURL . SCRIPT . "?mode=dashboard";
+		$menudata['dashboard']['title'] = i('Dashboard');
+		$menudata['dashboard']['selected'] = checkMenuItemSelected('dashboard');
+	}
+
+	$menudata['oneClick']['url'] = BASEURL . SCRIPT . "?mode=newOneClick";
+	$menudata['oneClick']['title'] = i('VCL gos');
+	$menudata['oneClick']['selected'] = checkMenuItemSelected('oneClick');
+
 	if(checkUserHasPerm('Site Configuration (global)') ||
 	   checkUserHasPerm('Site Configuration (affiliation only)')) {
-		$rt .= menulistLI('siteconfig');
-		$rt .= "<a href=\"" . BASEURL . SCRIPT . "?mode=siteconfig\">";
-		$rt .= i("Site Configuration") . "</a></li>\n";
-	}
-	$rt .= menulistLI('codeDocumentation');
-	$rt .= "<a href=\"" . DOCUMENTATIONURL . "\">";
-	$rt .= i("Documentation") . "</a></li>\n";
-	if($inclogout) {
-		$rt .= menulistLI('authentication');
-		$rt .= "<a href=\"" . BASEURL . SCRIPT . "?mode=logout\">";
-		$rt .= i("Logout") . "</a></li>\n";
+		$menudata['siteconfig']['url'] = BASEURL . SCRIPT . "?mode=siteconfig";
+		$menudata['siteconfig']['title'] = i('Site Configuration');
+		$menudata['siteconfig']['selected'] = checkMenuItemSelected('siteconfig');
 	}
-	return $rt;
+
+	$menudata['codeDocumentation']['url'] = DOCUMENTATIONURL;
+	$menudata['codeDocumentation']['title'] = i('Documentation');
+	$menudata['codeDocumentation']['selected'] = checkMenuItemSelected('codeDocumentation');
+
+	$menudata['authentication']['url'] = BASEURL . SCRIPT . "?mode=logout";
+	$menudata['authentication']['title'] = i('Logout');
+	$menudata['authentication']['selected'] = checkMenuItemSelected('authentication');
+
+	return $menudata;
+}
+
+////////////////////////////////////////////////////////////////////////////////
+///
+/// \fn checkMenuItemSelected($page)
+///
+/// \param $page - name of a page
+///
+/// \return 1 if $page is selected, 0 if not
+///
+/// \brief determines if the current mode is part of $page
+///
+////////////////////////////////////////////////////////////////////////////////
+function checkMenuItemSelected($page) {
+	global $mode, $actions, $inContinuation;
+	$mymode = $mode;
+	if(empty($mymode))
+		$mymode = "main";
+	$testval = $actions['pages'][$mymode];
+	if($inContinuation) {
+		$obj = getContinuationVar('obj');
+		if(! is_null($obj) && isset($obj->restype))
+			$testval = $obj->restype;
+	}
+	if($testval == $page)
+		return 1;
+	return 0;
 }
 
 ////////////////////////////////////////////////////////////////////////////////
@@ -13257,10 +13314,6 @@ function getDojoHTML($refresh) {
 			$rt .= "       resourcegroupstore.comparatorMap = {};\n";
 			$rt .= "     resourcegroupstore.comparatorMap['name'] = nocasesort;\n";
 			$rt .= "   });\n";
-			if($mode == 'viewGroups')
-				$rt .= "  var firstscroll = 1;\n";
-			else
-				$rt .= " var firstscroll = 0;\n";
 			$rt .= "</script>\n";
 			$rt .= "<script type=\"text/javascript\" src=\"js/groups.js?v=$v\"></script>\n";
 			return $rt;
@@ -13595,8 +13648,8 @@ function getSelectLanguagePulldown() {
 	if(! is_array($user))
 		$user['id'] = 0;
 
-	$rt  = "<form name=\"localeform\" id=\"localeform\" action=\"" . BASEURL . SCRIPT . "\" method=post>\n";
-	$rt .= "<select name=\"continuation\" onChange=\"document.localeform.submit();\">\n";
+	$rt  = "<form name=\"localeform\" class=\"localeform\" action=\"" . BASEURL . SCRIPT . "\" method=post>\n";
+	$rt .= "<select name=\"continuation\" onChange=\"this.form.submit();\" autocomplete=\"off\">\n";
 	$cdata = array('IP' => $remoteIP, 'oldmode' => $mode);
 	if($mode == 'selectauth') {
 		$type = processInputVar('authtype', ARG_STRING);

Modified: vcl/trunk/web/css/vcl.css
URL: http://svn.apache.org/viewvc/vcl/trunk/web/css/vcl.css?rev=1756421&r1=1756420&r2=1756421&view=diff
==============================================================================
--- vcl/trunk/web/css/vcl.css (original)
+++ vcl/trunk/web/css/vcl.css Mon Aug 15 20:17:37 2016
@@ -70,6 +70,86 @@ body {
 	background: #ededed;
 }
 
+#loginhelp {
+	border: 1px solid black;
+	background-color: #ddd;
+	padding: 0.2em;
+}
+
+@media (max-width: 768px) {
+	#loginlayout {
+		display: block;
+	}
+
+	#loginform {
+		display: block;
+	}
+
+	#loginhelp {
+		display: block;
+		margin-top: 2em;
+		margin-right: 0.6em;
+	}
+
+	#siteconfiglayout,
+	#siteconfigleftcol,
+	#siteconfigrightcol {
+		display: block;
+	}
+
+	#dashlayout,
+	#dashleft,
+	#dashright {
+		display: block;
+	}
+}
+@media (min-width: 769px) {
+	#loginlayout {
+		display: table;
+		border-spacing: 0.8em;
+		border-collapse: separate;
+	}
+
+	#loginform {
+		display: table-cell;
+		vertical-align: top;
+	}
+
+	#loginhelp {
+		display: table-cell;
+	}
+
+	#siteconfiglayout {
+		display: table;
+	}
+
+	#siteconfigleftcol {
+		display: table-cell;
+		vertical-align: top;
+	}
+
+	#siteconfigrightcol {
+		padding-left: 0.8em;
+		display: table-cell;
+		vertical-align: top;
+	}
+
+	#dashlayout {
+		display: table;
+	}
+
+	#dashleft {
+		display: table-cell;
+		vertical-align: top;
+	}
+
+	#dashright {
+		padding-left: 0.8em;
+		display: table-cell;
+		vertical-align: top;
+	}
+}
+
 .rightborder {
 	border-right: 1px solid #000000;
 }

Added: vcl/trunk/web/themes/dropdownmenus/css/dojo/Calendar.css
URL: http://svn.apache.org/viewvc/vcl/trunk/web/themes/dropdownmenus/css/dojo/Calendar.css?rev=1756421&view=auto
==============================================================================
--- vcl/trunk/web/themes/dropdownmenus/css/dojo/Calendar.css (added)
+++ vcl/trunk/web/themes/dropdownmenus/css/dojo/Calendar.css Mon Aug 15 20:17:37 2016
@@ -0,0 +1,159 @@
+/* Calendar*/
+
+.dropdownmenus .dijitCalendarIncrementControl {
+	/* next/prev month buttons */
+	width:15px;
+	height:15px;
+	background-image: url("images/spriteRoundedIconsSmall.png");
+	background-repeat: no-repeat
+}
+.dj_ie6 .dropdownmenus .dijitCalendarIncrementControl {
+	font-size:.1em;
+	background-image: url("images/spriteRoundedIconsSmall.gif");
+}
+
+.dropdownmenus .dijitA11ySideArrow {
+	display: none;
+}
+
+.dropdownmenus .dijitCalendarDecrease {
+	background-position: top left;
+}
+.dropdownmenus .dijitCalendarIncrease {
+	background-position: -30px top;
+}
+
+.dropdownmenus .dijitCalendarContainer {
+	font-size: 100%;
+	border-spacing: 0;
+	border-collapse: separate;
+	border: 1px solid #ccc;
+	margin: 0;
+}
+
+.dropdownmenus .dijitCalendarMonthContainer th {
+	/* month header cell */
+	background:#d3d3d3 url("images/titleBar.png") repeat-x top;
+	padding-top:.3em;
+	padding-bottom:.2em;
+	text-align:center;
+}
+.dj_ie6 .dropdownmenus .dijitCalendarMonthContainer th {
+	padding-top:.2em;
+	padding-bottom:.1em;
+}
+
+.dropdownmenus .dijitCalendarDayLabelTemplate {
+	/* day of week labels */
+	background:white url("images/calendarDayLabel.png") repeat-x bottom;
+	font-weight:normal;
+	padding-top:.15em;
+	padding-bottom:0;
+	border-top: 1px solid #eeeeee;
+	color:#293a4b;
+	text-align:center;
+}
+
+.dropdownmenus .dijitCalendarBodyContainer {
+	border-bottom: 1px solid #eeeeee;
+}
+
+.dropdownmenus .dijitCalendarMonthLabel {
+	color:#293a4b;
+	font-weight: bold;
+	padding: 0 4px;
+}
+
+.dropdownmenus .dijitCalendarDateTemplate {
+	/* style for each day cell */
+	font-size: 0.9em;
+	font-weight: bold;
+	text-align: center;
+	padding: 0.3em 0.3em 0.05em 0.3em;
+	letter-spacing: 1px;
+}
+
+.dj_ie .dropdownmenus .dijitCalendarDateTemplate {
+	padding: 0.1em .33em 0.02em .33em;
+}
+
+.dropdownmenus .dijitCalendarPreviousMonth,
+.dropdownmenus .dijitCalendarNextMonth 		{
+	/* days that are part of the previous or next month */
+	color:#999999;
+	background-color:#f8f8f8;
+}
+
+.dropdownmenus .dijitCalendarCurrentMonth {
+	/* days that are part of this month */
+	background-color: white;
+}
+
+.dropdownmenus .dijitCalendarCurrentDate {
+	/* cell for today's date */
+	text-decoration:underline;
+	font-weight:bold;
+}
+
+.dropdownmenus .dijitCalendarHoveredDate {
+	background-color: #e2ebf2;
+}
+
+.dropdownmenus .dijitCalendarDisabledDate {
+	text-decoration: line-through;
+	background-color: white;	/* override hover effects above, hover and click on disabled date should have no effect */
+}
+
+.dropdownmenus .dijitCalendarSelectedDate {
+	/* cell for the selected date */
+	background-color:#bbc4d0 !important;
+	color:black !important;
+}
+.dropdownmenus .dijitCalendarYearContainer {
+	/* footer of the table that contains the year display/selector */
+	background:white url("images/calendarYearLabel.png") repeat-x bottom;
+	border-top:1px solid #ccc;
+}
+
+.dropdownmenus .dijitCalendarYearLabel {
+	/* container for all of 3 year labels */
+	margin:0;
+	padding:0.4em 0 0.25em 0;
+	text-align:center;
+}
+
+.dropdownmenus .dijitCalendarSelectedYear {
+	/* label for selected year */
+	color:black;
+	padding:0.2em;
+	padding-bottom:0.1em;
+	background-color:#bbc4d0 !important;
+}
+
+.dropdownmenus .dijitCalendarNextYear,
+.dropdownmenus .dijitCalendarPreviousYear {
+	/* label for next/prev years */
+	color:black !important;
+	font-weight:normal;
+}
+
+/* Styling for month DropDownButton */
+
+.dropdownmenus .dijitCalendar .dijitDropDownButton {
+	margin: 0;
+}
+.dropdownmenus .dijitCalendar .dijitButtonText {
+	padding: 0;
+}
+.dropdownmenus .dijitCalendar .dijitDropDownButton .dijitButtonNode {
+	background-color: transparent;
+	background-image: none;
+	padding: 0;
+}
+
+/* Styling for month drop down list */
+
+.dropdownmenus .dijitCalendarMonthMenu .dijitCalendarMonthLabelHover {
+	background-color: #3559ac;
+	color:#fff;
+}
\ No newline at end of file

Added: vcl/trunk/web/themes/dropdownmenus/css/dojo/Calendar_rtl.css
URL: http://svn.apache.org/viewvc/vcl/trunk/web/themes/dropdownmenus/css/dojo/Calendar_rtl.css?rev=1756421&view=auto
==============================================================================
--- vcl/trunk/web/themes/dropdownmenus/css/dojo/Calendar_rtl.css (added)
+++ vcl/trunk/web/themes/dropdownmenus/css/dojo/Calendar_rtl.css Mon Aug 15 20:17:37 2016
@@ -0,0 +1,9 @@
+/* Calendar */
+
+.dropdownmenus .dijitCalendarRtl .dijitCalendarDecrease {
+	background-position: -30px top;
+}
+
+.dropdownmenus .dijitCalendarRtl .dijitCalendarIncrease {
+	background-position: 0 top;
+}

Added: vcl/trunk/web/themes/dropdownmenus/css/dojo/ColorPalette.css
URL: http://svn.apache.org/viewvc/vcl/trunk/web/themes/dropdownmenus/css/dojo/ColorPalette.css?rev=1756421&view=auto
==============================================================================
--- vcl/trunk/web/themes/dropdownmenus/css/dojo/ColorPalette.css (added)
+++ vcl/trunk/web/themes/dropdownmenus/css/dojo/ColorPalette.css Mon Aug 15 20:17:37 2016
@@ -0,0 +1,5 @@
+.dijitColorPalette {
+	border:1px solid #7eabcd;
+	background:#fff;
+	-moz-border-radius: 0 !important;
+}
\ No newline at end of file

Added: vcl/trunk/web/themes/dropdownmenus/css/dojo/Common.css
URL: http://svn.apache.org/viewvc/vcl/trunk/web/themes/dropdownmenus/css/dojo/Common.css?rev=1756421&view=auto
==============================================================================
--- vcl/trunk/web/themes/dropdownmenus/css/dojo/Common.css (added)
+++ vcl/trunk/web/themes/dropdownmenus/css/dojo/Common.css Mon Aug 15 20:17:37 2016
@@ -0,0 +1,33 @@
+/* DnD avatar-specific settings */
+/* For now it uses a default set of rules. Some other DnD classes can be modified as well. */
+.dropdownmenus .dojoDndItemBefore {
+	border-top: 2px solid #369;
+}
+
+.dropdownmenus .dojoDndItemAfter {
+	border-bottom: 2px solid #369;
+}
+
+.dropdownmenus .dojoDndItemOver {
+	cursor:pointer;
+}
+
+.dropdownmenus table.dojoDndAvatar { -moz-border-radius: 0; border: 1px solid #ccc; border-collapse: collapse; background-color: #fff; font-size: 75%; color: black;}
+.dropdownmenus .dojoDndAvatar td	{ border: none; }
+.dropdownmenus .dojoDndAvatar tr	{ border: none; }
+.dropdownmenus .dojoDndAvatarHeader td	{ height: 20px; padding: 0 0 0 21px; }
+.dropdownmenus .dojoDndAvatarItem td { padding: 2px;}
+.dropdownmenus.dojoDndMove .dojoDndAvatarHeader	{background-color: #f58383; background-image: url(images/dndNoMove.png); background-repeat: no-repeat; background-position: 2px center;}
+.dropdownmenus.dojoDndCopy .dojoDndAvatarHeader	{background-color: #f58383; background-image: url(images/dndNoCopy.png); background-repeat: no-repeat; background-position: 2px center;}
+.dropdownmenus.dojoDndMove .dojoDndAvatarCanDrop .dojoDndAvatarHeader	{background-color: #97e68d; background-image: url(images/dndMove.png); background-repeat: no-repeat; background-position: 2px center;}
+.dropdownmenus.dojoDndCopy .dojoDndAvatarCanDrop .dojoDndAvatarHeader	{background-color: #97e68d; background-image: url(images/dndCopy.png); background-repeat: no-repeat; background-position: 2px center;}
+
+.dropdownmenus .dijitContentPaneLoading {
+	background:url('images/loading.gif') no-repeat left center;
+	padding-left:25px;
+}
+
+.dropdownmenus .dijitContentPaneError {
+	background:url('images/warning.png') no-repeat left center;
+	padding-left:25px;
+}

Added: vcl/trunk/web/themes/dropdownmenus/css/dojo/Dialog.css
URL: http://svn.apache.org/viewvc/vcl/trunk/web/themes/dropdownmenus/css/dojo/Dialog.css?rev=1756421&view=auto
==============================================================================
--- vcl/trunk/web/themes/dropdownmenus/css/dojo/Dialog.css (added)
+++ vcl/trunk/web/themes/dropdownmenus/css/dojo/Dialog.css Mon Aug 15 20:17:37 2016
@@ -0,0 +1,152 @@
+/* Dialog and Tooltip/TooltipDialog */
+
+.dropdownmenus .dijitDialog {
+	background: #fff;
+	border: 1px solid #7eabcd;
+	padding: 0;
+	-webkit-box-shadow: 0 5px 10px #adadad;
+}
+
+.dropdownmenus .dijitDialogPaneContent {
+	background: #fff;
+	border-top: 1px solid #d3d3d3;
+	padding:10px;
+
+}
+
+.dropdownmenus .dijitDialogTitleBar {
+	/* outer container for the titlebar of the dialog */
+	background: #fafafa url("images/titleBar.png") repeat-x top left;
+	padding: 5px 6px 3px 6px;
+	outline:0; /* remove this line if keyboard focus on dialog startup is an issue. tab still takes you to first focusable element */
+}
+
+.dropdownmenus .dijitDialogTitle {
+	/* typography and styling of the dialog title */
+	font-weight: bold;
+	padding: 0 4px;
+}
+
+.dropdownmenus .dijitDialogCloseIcon {
+	/* the default close icon for the dialog */
+	/* background : url("images/spriteRoundedIconsSmall.png") no-repeat right top; */
+	background: url("images/tabClose.png") no-repeat right top;
+	position: absolute;
+	vertical-align: middle;
+	right: 6px;
+	top: 4px;
+	height: 15px;
+	width: 15px;
+}
+.dj_ie6 .dropdownmenus .dijitDialogCloseIcon {
+	background : url("images/tabClose.gif") no-repeat right top;
+}
+
+.dropdownmenus .dijitDialogCloseIconHover {
+	background: url("images/tabCloseHover.png") no-repeat right top;
+}
+.dj_ie6 .dropdownmenus .dijitDialogCloseIconHover {
+	background : url("images/tabCloseHover.gif") no-repeat right top;
+}
+
+/* Tooltip and TooltipDialog */
+
+.dropdownmenus .dijitTooltip,
+.dropdownmenus .dijitTooltipDialog {
+	/* the outermost dom node, holding the connector and container */
+	background: transparent;	/* make the area on the sides of the arrow transparent */
+}
+
+.dijitTooltipBelow {
+	/* leave room for arrow above content */
+	padding-top: 13px;
+}
+
+.dijitTooltipAbove {
+	/* leave room for arrow below content */
+	padding-bottom: 13px;
+}
+
+.dropdownmenus .dijitTooltipContainer {
+	/*
+		The part with the text.
+	*/
+	background: #ffffff url("images/popupMenuBg.gif") repeat-x bottom left;
+	border: 1px solid #7eabcd;
+	padding: 0.45em;
+	-webkit-border-radius: 3px;
+	-moz-border-radius: 3px;
+}
+
+.dropdownmenus .dijitTooltipConnector {
+	/* the arrow piece */
+	border:0;
+	z-index: 2;
+}
+.dropdownmenus .dijitTooltipABRight .dijitTooltipConnector {
+	/* above or below tooltip, but the arrow appears on the right,
+		and the right edges of target and tooltip are aligned rather than the left */
+	left: auto !important;
+	right: 3px;
+}
+
+.dropdownmenus .dijitTooltipBelow .dijitTooltipConnector {
+	/* the arrow piece for tooltips below an element */
+	top: 0;
+	left: 3px;
+	background:url("images/tooltipConnectorUp.png") no-repeat top left;
+	width:16px;
+	height:14px;
+}
+
+.dj_ie .dropdownmenus .dijitTooltipBelow .dijitTooltipConnector {
+	/* use gif for IE7 too, due to png rendering problems on fade-in (see http://trac.dojotoolkit.org/ticket/6555) */
+	background-image: url("images/tooltipConnectorUp.gif");
+}
+
+.dropdownmenus .dijitTooltipAbove .dijitTooltipConnector {
+	/* the arrow piece for tooltips above an element */
+	bottom: 0;
+	left: 3px;
+	background:url("images/tooltipConnectorDown.png") no-repeat top left;
+	width:16px;
+	height:14px;
+}
+.dj_ie .dropdownmenus .dijitTooltipAbove .dijitTooltipConnector {
+	background-image: url("images/tooltipConnectorDown.gif");
+}
+.dj_ie6 .dropdownmenus .dijitTooltipAbove .dijitTooltipConnector {
+	bottom: -3px;
+}
+
+.dropdownmenus .dijitTooltipLeft {
+	padding-right: 14px;
+}
+.dropdownmenus .dijitTooltipLeft .dijitTooltipConnector {
+	/* the arrow piece for tooltips to the left of an element, bottom borders aligned */
+	right: 0;
+	background:url("images/tooltipConnectorRight.png") no-repeat top left;
+	width:16px;
+	height:14px;
+}
+.dj_ie .dropdownmenus .dijitTooltipLeft .dijitTooltipConnector {
+	background-image: url("images/tooltipConnectorRight.gif");
+}
+
+.dropdownmenus .dijitTooltipRight {
+	padding-left: 14px;
+}
+.dropdownmenus .dijitTooltipRight .dijitTooltipConnector {
+	/* the arrow piece for tooltips to the right of an element, bottom borders aligned */
+	left: 0;
+	background:url("images/tooltipConnectorLeft.png") no-repeat top left;
+	width:16px;
+	height:14px;
+}
+.dj_ie .dropdownmenus .dijitTooltipRight .dijitTooltipConnector {
+	background-image: url("images/tooltipConnectorLeft.gif");
+}
+
+.dj_webkit .dropdownmenus .dijitTooltipContainer {
+	-webkit-box-shadow: 0 5px 10px #adadad;
+}

Added: vcl/trunk/web/themes/dropdownmenus/css/dojo/Dialog_rtl.css
URL: http://svn.apache.org/viewvc/vcl/trunk/web/themes/dropdownmenus/css/dojo/Dialog_rtl.css?rev=1756421&view=auto
==============================================================================
--- vcl/trunk/web/themes/dropdownmenus/css/dojo/Dialog_rtl.css (added)
+++ vcl/trunk/web/themes/dropdownmenus/css/dojo/Dialog_rtl.css Mon Aug 15 20:17:37 2016
@@ -0,0 +1,5 @@
+/* Dialog */
+.dropdownmenus .dijitDialogRtl .dijitDialogCloseIcon {
+	right: auto;
+	left: 5px;
+}

Added: vcl/trunk/web/themes/dropdownmenus/css/dojo/Editor.css
URL: http://svn.apache.org/viewvc/vcl/trunk/web/themes/dropdownmenus/css/dojo/Editor.css?rev=1756421&view=auto
==============================================================================
--- vcl/trunk/web/themes/dropdownmenus/css/dojo/Editor.css (added)
+++ vcl/trunk/web/themes/dropdownmenus/css/dojo/Editor.css Mon Aug 15 20:17:37 2016
@@ -0,0 +1,16 @@
+.dijitEditor {
+	border:1px solid #bfbfbf;
+	border-top:0;
+}
+
+.dropdownmenus .dijitEditorIcon {
+	background-image: url('../../icons/images/editorIconsEnabled.png'); /* editor icons sprite image - enabled state */
+	background-repeat: no-repeat;
+	width: 18px;
+	height: 18px;
+	text-align: center;
+}
+.dropdownmenus .dijitDisabled .dijitEditorIcon {
+	background-image: url('../../icons/images/editorIconsDisabled.png'); /* editor icons sprite image - disabled state */
+}
+

Added: vcl/trunk/web/themes/dropdownmenus/css/dojo/Editor_rtl.css
URL: http://svn.apache.org/viewvc/vcl/trunk/web/themes/dropdownmenus/css/dojo/Editor_rtl.css?rev=1756421&view=auto
==============================================================================
--- vcl/trunk/web/themes/dropdownmenus/css/dojo/Editor_rtl.css (added)
+++ vcl/trunk/web/themes/dropdownmenus/css/dojo/Editor_rtl.css Mon Aug 15 20:17:37 2016
@@ -0,0 +1,7 @@
+/* Editor */
+.dropdownmenus .dijitEditorRtl .dijitEditorIcon {
+	background-image: url('../../icons/images/editorIconsEnabled_rtl.png'); /* editor icons sprite image - enabled state */
+}
+.dropdownmenus .dijitEditorRtlDisabled .dijitEditorIcon {
+	background-image: url('../../icons/images/editorIconsDisabled_rtl.png'); /* editor icons sprite image - disabled state  */
+}

Added: vcl/trunk/web/themes/dropdownmenus/css/dojo/Menu.css
URL: http://svn.apache.org/viewvc/vcl/trunk/web/themes/dropdownmenus/css/dojo/Menu.css?rev=1756421&view=auto
==============================================================================
--- vcl/trunk/web/themes/dropdownmenus/css/dojo/Menu.css (added)
+++ vcl/trunk/web/themes/dropdownmenus/css/dojo/Menu.css Mon Aug 15 20:17:37 2016
@@ -0,0 +1,76 @@
+.dropdownmenus .dijitMenu,
+.dropdownmenus .dijitMenuBar {
+	border: 1px solid #7eabcd;
+	margin: 0;
+	padding: 0;
+	background-color: #f7f7f7;
+}
+
+.dropdownmenus .dijitBorderContainer .dijitMenuBar {
+	border:1px solid #ccc;
+}
+
+.dropdownmenus .dijitMenuItem {
+	font-family: sans-serif;
+	margin: 0;
+}
+
+.dropdownmenus .dijitMenuItem {
+	padding: 4px 5px;
+}
+
+.dropdownmenus .dijitMenuPreviousButton, .dropdownmenus .dijitMenuNextButton {
+	font-style: italic;
+}
+.dropdownmenus .dijitMenuItem td {
+	padding: 2px;
+}
+
+.dropdownmenus .dijitMenuPassive .dijitMenuItemHover,
+.dropdownmenus .dijitMenuItemSelected {
+	background-color: #3559ac;
+	color:#fff;
+}
+
+.dropdownmenus .dijitMenuItemIcon {
+	width: 16px;
+	height: 16px;
+}
+
+.dropdownmenus .dijitMenuExpand {
+	/* arrow to indicate this MenuItem opens a sub-menu */
+	width: 7px;
+	height: 7px;
+	background-image: url('images/spriteArrows.png');
+	background-position: -14px 0;
+}
+.dj_ie6 .dropdownmenus .dijitMenuExpand {
+	background-image: url('images/spriteArrows.gif');
+}
+
+/* separator can be two pixels -- set border of either one to 0 to have only one */
+.dropdownmenus .dijitMenuSeparatorTop {
+	border-bottom: 1px solid #9b9b9b;
+}
+
+.dropdownmenus .dijitMenuSeparatorBottom {
+	border-top: 1px solid #e8e8e8;
+}
+
+/* the checked menu item */
+.dropdownmenus .dijitCheckedMenuItemIconChar {
+	display: none;
+}
+
+.dropdownmenus .dijitCheckedMenuItemIcon {
+	background-image: url('images/checkmark.png');
+	background-position: -80px;
+}
+
+.dj_ie6 .dropdownmenus .dijitCheckedMenuItemIcon {
+	background-image: url('images/checkmark.gif');
+}
+
+.dropdownmenus .dijitCheckedMenuItemChecked .dijitCheckedMenuItemIcon {
+	background-position: -64px;
+}
\ No newline at end of file

Added: vcl/trunk/web/themes/dropdownmenus/css/dojo/Menu_rtl.css
URL: http://svn.apache.org/viewvc/vcl/trunk/web/themes/dropdownmenus/css/dojo/Menu_rtl.css?rev=1756421&view=auto
==============================================================================
--- vcl/trunk/web/themes/dropdownmenus/css/dojo/Menu_rtl.css (added)
+++ vcl/trunk/web/themes/dropdownmenus/css/dojo/Menu_rtl.css Mon Aug 15 20:17:37 2016
@@ -0,0 +1,3 @@
+.dropdownmenus .dijitMenuItemRtl .dijitMenuExpand {
+	background-position: -7px 0;
+}
\ No newline at end of file

Added: vcl/trunk/web/themes/dropdownmenus/css/dojo/ProgressBar.css
URL: http://svn.apache.org/viewvc/vcl/trunk/web/themes/dropdownmenus/css/dojo/ProgressBar.css?rev=1756421&view=auto
==============================================================================
--- vcl/trunk/web/themes/dropdownmenus/css/dojo/ProgressBar.css (added)
+++ vcl/trunk/web/themes/dropdownmenus/css/dojo/ProgressBar.css Mon Aug 15 20:17:37 2016
@@ -0,0 +1,28 @@
+.dropdownmenus .dijitProgressBar {
+	margin:2px 0 2px 0;
+}
+
+.dropdownmenus .dijitProgressBarEmpty {
+	/* outer container and background of the bar that's not finished yet*/
+	background:#fff url("images/progressBarEmpty.png") repeat-x center center;
+	border-color: #a2a2a2 #b8b8b8 #b8b8b8 #a2a2a2;
+}
+
+.dropdownmenus .dijitProgressBarTile {
+	/* inner container for finished portion when in 'tile' (image) mode */
+	background:#f0f0f0 url("images/progressBarFull.png") repeat-x center center;
+}
+
+.dropdownmenus .dijitProgressBarFull {
+	border-right:1px solid #b8b8b8;
+}
+
+.dropdownmenus .dijitProgressBarLabel {
+	/* Set to a color that contrasts with both the "Empty" and "Full" parts. */
+	color:#293a4b;
+}
+
+.dropdownmenus .dijitProgressBarIndeterminate .dijitProgressBarTile {
+	/* use an animated gif for the progress bar in 'indeterminate' mode */
+	background:#cad2de url("images/progressBarAnim.gif") repeat-x center center;
+}

Added: vcl/trunk/web/themes/dropdownmenus/css/dojo/TimePicker.css
URL: http://svn.apache.org/viewvc/vcl/trunk/web/themes/dropdownmenus/css/dojo/TimePicker.css?rev=1756421&view=auto
==============================================================================
--- vcl/trunk/web/themes/dropdownmenus/css/dojo/TimePicker.css (added)
+++ vcl/trunk/web/themes/dropdownmenus/css/dojo/TimePicker.css Mon Aug 15 20:17:37 2016
@@ -0,0 +1,52 @@
+/* Time Picker */
+.dropdownmenus .dijitTimePickerTick,
+.dropdownmenus .dijitTimePickerMarker {
+	border-color: #ccc;
+}
+
+.dropdownmenus .dijitTimePickerTick {
+	color:white;
+}
+
+.dropdownmenus .dijitTimePickerMarker {
+	background:#d3d3d3 url("images/titleBar.png") repeat-x top;
+	color:#293a4b;
+	font-weight: bold;
+}
+
+.dropdownmenus .dijitTimePickerItemSelected {
+	color: black;
+	background: #bbc4d0 none;
+}
+
+.dropdownmenus .dijitTimePickerItemHover {
+	background: #60a1ea none;
+	color:white;
+}
+
+.dropdownmenus .dijitTimePickerItemHover,
+.dropdownmenus .dijitTimePickerItemSelected {
+	position: relative;
+	z-index: 10;
+}
+
+.dropdownmenus .dijitTimePickerTick .dijitTimePickerItemInner {
+	font-size:0.4em;
+}
+
+.dropdownmenus .dijitTimePickerItemHover .dijitTimePickerItemInner,
+.dropdownmenus .dijitTimePickerItemSelected .dijitTimePickerItemInner {
+	font-size:1em;
+}
+
+.dropdownmenus .dijitTimePickerMarkerHover {
+	border-top: 1px solid #ccc;
+}
+
+.dropdownmenus .dijitTimePickerTickHover,
+.dropdownmenus .dijitTimePickerTickSelected {
+	margin-top:-0.3em;
+	margin-bottom:-0.3em;
+	border-bottom: none;
+}
+

Added: vcl/trunk/web/themes/dropdownmenus/css/dojo/TimePicker_rtl.css
URL: http://svn.apache.org/viewvc/vcl/trunk/web/themes/dropdownmenus/css/dojo/TimePicker_rtl.css?rev=1756421&view=auto
==============================================================================
--- vcl/trunk/web/themes/dropdownmenus/css/dojo/TimePicker_rtl.css (added)
+++ vcl/trunk/web/themes/dropdownmenus/css/dojo/TimePicker_rtl.css Mon Aug 15 20:17:37 2016
@@ -0,0 +1,4 @@
+ .dj_ie6 .dropdownmenus .dijitTimePickerRtl .dijitTimePickerMarkerHover,
+.dj_ie7 .dropdownmenus .dijitTimePickerRtl .dijitTimePickerMarkerHover {
+        border-top: 0; /* IE6/7 bug causes mouseover/out event storm */
+}

Added: vcl/trunk/web/themes/dropdownmenus/css/dojo/TitlePane.css
URL: http://svn.apache.org/viewvc/vcl/trunk/web/themes/dropdownmenus/css/dojo/TitlePane.css?rev=1756421&view=auto
==============================================================================
--- vcl/trunk/web/themes/dropdownmenus/css/dojo/TitlePane.css (added)
+++ vcl/trunk/web/themes/dropdownmenus/css/dojo/TitlePane.css Mon Aug 15 20:17:37 2016
@@ -0,0 +1,38 @@
+.dropdownmenus .dijitTitlePaneTitle {
+	background: #cccccc;
+	background:#fff url("images/titleBar.png") repeat-x bottom left;
+	border:1px solid #bfbfbf;
+	padding:3px 4px;
+}
+.dropdownmenus .dijitTitlePaneTitleHover  {
+	background: #f8fafd url("images/accordionItemHover.gif") bottom repeat-x;
+}
+
+.dropdownmenus .dijitTitlePane .dijitArrowNode {
+	background-image: url('images/spriteArrows.png');
+	background-repeat: no-repeat;
+	background-position: 0 0;
+	height: 7px;
+	width: 7px;
+}
+.dj_ie6 .dropdownmenus .dijitTitlePane .dijitArrowNode {
+	background-image: url('images/spriteArrows.gif');
+}
+
+.dropdownmenus .dijitTitlePane .dijitClosed .dijitArrowNode {
+	background-position: -14px 0;
+}
+
+.dropdownmenus .dijitTitlePaneContentOuter {
+	background: #ffffff;
+	border:1px solid #bfbfbf;
+	border-top: 0;
+}
+.dropdownmenus .dijitTitlePaneContentInner {
+	padding:10px;
+}
+
+.dropdownmenus .dijitTitlePaneTextNode {
+	margin-left: 4px;
+	margin-right: 4px;
+}
\ No newline at end of file

Added: vcl/trunk/web/themes/dropdownmenus/css/dojo/TitlePane_rtl.css
URL: http://svn.apache.org/viewvc/vcl/trunk/web/themes/dropdownmenus/css/dojo/TitlePane_rtl.css?rev=1756421&view=auto
==============================================================================
--- vcl/trunk/web/themes/dropdownmenus/css/dojo/TitlePane_rtl.css (added)
+++ vcl/trunk/web/themes/dropdownmenus/css/dojo/TitlePane_rtl.css Mon Aug 15 20:17:37 2016
@@ -0,0 +1,3 @@
+.dropdownmenus .dijitTitlePaneRtl .dijitClosed .dijitArrowNode {
+	background-position: -7px 0;
+}
\ No newline at end of file

Added: vcl/trunk/web/themes/dropdownmenus/css/dojo/Toolbar.css
URL: http://svn.apache.org/viewvc/vcl/trunk/web/themes/dropdownmenus/css/dojo/Toolbar.css?rev=1756421&view=auto
==============================================================================
--- vcl/trunk/web/themes/dropdownmenus/css/dojo/Toolbar.css (added)
+++ vcl/trunk/web/themes/dropdownmenus/css/dojo/Toolbar.css Mon Aug 15 20:17:37 2016
@@ -0,0 +1,75 @@
+.dropdownmenus .dijitToolbar {
+	border-bottom: 1px solid #ccc;
+	background:#eaeaea url("images/titleBar.png") repeat-x top left;
+}
+
+/* setting a min-height on ditor toolbar */
+.dj_ie6 .dropdownmenus .dijitToolbar {
+	height: 10px;
+}
+
+.dropdownmenus .dijitToolbar .dijitButtonNode,
+.dropdownmenus .dijitToolbar .dijitComboButton .dijitButtonContents,
+.dropdownmenus .dijitToolbar .dijitComboButton .dijitDownArrowButton {
+	background: none;
+	margin: 0;
+	padding: 0;
+	border: none;
+	font-size: 12px;
+}
+
+.dropdownmenus .dijitToolbar .dijitButton,
+.dropdownmenus .dijitToolbar .dijitToggleButton,
+.dropdownmenus .dijitToolbar .dijitDropDownButton,
+.dropdownmenus .dijitToolbar .dijitComboButton .dijitButtonContents,
+.dropdownmenus .dijitToolbar .dijitComboButton .dijitDownArrowButton  {
+	background: none;
+	padding: 1px;
+}
+
+.dropdownmenus .dijitToolbar .dijitButtonChecked,
+.dropdownmenus .dijitToolbar .dijitToggleButtonChecked {
+	background-color:#d4dff2;
+	border:1px solid #316ac5;
+	padding: 0;	/* reduce padding to compensate for space taken by border */
+}
+
+.dropdownmenus .dijitToolbar .dijitButtonCheckedHover,
+.dropdownmenus .dijitToolbar .dijitToggleButtonCheckedHover
+ {
+	background-color:#abc1e5;
+	border:1px solid #316ac5;
+	padding: 0;	/* reduce padding to compensate for space taken by border */
+}
+
+.dropdownmenus .dijitToolbar .dijitButtonHover,
+.dropdownmenus .dijitToolbar .dijitToggleButtonHover,
+.dropdownmenus .dijitToolbar .dijitDropDownButtonHover,
+.dropdownmenus .dijitToolbar .dijitComboButton .dijitButtonContentsHover,
+.dropdownmenus .dijitToolbar .dijitComboButton .dijitDownArrowButtonHover {
+	/* TODO: change this from Hover to Selected so that button is still highlighted while drop down is being used */
+	border: 1px solid #869cbf;
+	padding: 0;	/* reduce padding to compensate for space taken by border */
+	background-color:#e1e5f0;
+}
+
+.dropdownmenus .dijitToolbar label {
+	padding: 3px 3px 0 6px;
+}
+
+.dj_ie .dropdownmenus .dijitToolbar .dijitComboButton .dijitButtonContentsFocused,
+.dj_ie .dropdownmenus .dijitToolbar .dijitComboButton .dijitDownArrowButtonFocused {
+	/* focus border doesn't appear on <td> for IE, so need to add it manually */
+	border: 1px #555 dotted !important;
+	padding: 0;
+}
+
+.dropdownmenus .dijitToolbarSeparator {
+	/* separator icon in the editor sprite */
+	background: url('../../icons/images/editorIconsEnabled.png');
+}
+
+.dropdownmenus .dijitToolbarRtl .dijitToolbarSeparator {
+	/* separator icon in the editor sprite */
+	background-image: url('../../icons/images/editorIconsDisabled.png');
+}

Added: vcl/trunk/web/themes/dropdownmenus/css/dojo/Tree.css
URL: http://svn.apache.org/viewvc/vcl/trunk/web/themes/dropdownmenus/css/dojo/Tree.css?rev=1756421&view=auto
==============================================================================
--- vcl/trunk/web/themes/dropdownmenus/css/dojo/Tree.css (added)
+++ vcl/trunk/web/themes/dropdownmenus/css/dojo/Tree.css Mon Aug 15 20:17:37 2016
@@ -0,0 +1,96 @@
+/* Tree */
+
+.dropdownmenus .dijitTreeNode {
+    background-image : url('images/i.gif');
+    background-repeat : repeat-y;
+    zoom: 1;	/* force layout on IE (TODO: may not be needed anymore) */
+}
+
+/* left vertical line (grid) for all nodes */
+.dropdownmenus .dijitTreeIsLast {
+    background: url('images/i_half.gif') no-repeat;
+}
+
+.dropdownmenus .dijitTreeIsRoot {
+    margin-left: 0;
+    background-image: none;
+}
+
+.dropdownmenus .dijitTreeExpando {
+    width: 18px;
+    height: 18px;
+}
+
+.dropdownmenus .dijitTreeRow {
+	/* so insert line shows up on IE when dropping after a target element */
+	padding-bottom: 2px;
+}
+
+.dropdownmenus .dijitTreeContent {
+    min-height: 18px;
+    min-width: 18px;
+}
+
+.dropdownmenus .dijitTreeRowSelected .dijitTreeLabel {
+	background:#e2ebfe;
+}
+.dropdownmenus .dijitTreeRowHover {
+	/* using a transparent png so that we can still see grid lines, which are (unfortunately) behind the dijitRowNode that we are hovering over */
+	background-image: url(images/treeHover.png);
+	background-repeat: repeat;
+	background-color: transparent !important;
+}
+
+.dropdownmenus .dijitTreeExpandoOpened {
+	background-image: url('images/treeExpand_minus.gif');
+}
+
+.dropdownmenus .dijitTreeExpandoClosed {
+	background-image: url('images/treeExpand_plus.gif');
+}
+
+.dropdownmenus .dijitTreeExpandoLeaf {
+	background-image: url('images/treeExpand_leaf.gif');
+}
+
+.dropdownmenus .dijitTreeExpandoLoading {
+	background-image: url('images/treeExpand_loading.gif');
+}
+
+.dropdownmenus .dijitTreeIcon {
+	width: 16px;
+	height: 16px;
+}
+
+.dropdownmenus .dijitFolderOpened {
+	background: url('images/folderOpened.gif') no-repeat;
+}
+
+.dropdownmenus .dijitFolderClosed {
+	background: url('images/folderClosed.gif') no-repeat;
+}
+
+.dropdownmenus .dijitLeaf {
+	background: url('images/leaf.gif') no-repeat;
+}
+
+/* Drag and Drop on TreeNodes
+ * Put insert line on dijitTreeContent node so it's aligned w/
+ * (ie, indented equally with) target element, even
+ * though dijitTreeRowNode is the actual "drag object"
+ */
+.dropdownmenus .dijitTreeNode .dojoDndItemBefore,
+.dropdownmenus .dijitTreeNode .dojoDndItemAfter {
+	border-bottom: none;
+	border-top: none;
+}
+
+.dropdownmenus .dijitTreeNode .dojoDndItemBefore .dijitTreeContent {
+	/* copied from Common.css */
+	border-top: 2px solid #369;
+}
+
+.dropdownmenus .dijitTreeNode .dojoDndItemAfter .dijitTreeContent {
+	/* copied from Common.css */
+	border-bottom: 2px solid #369;
+}

Added: vcl/trunk/web/themes/dropdownmenus/css/dojo/Tree_rtl.css
URL: http://svn.apache.org/viewvc/vcl/trunk/web/themes/dropdownmenus/css/dojo/Tree_rtl.css?rev=1756421&view=auto
==============================================================================
--- vcl/trunk/web/themes/dropdownmenus/css/dojo/Tree_rtl.css (added)
+++ vcl/trunk/web/themes/dropdownmenus/css/dojo/Tree_rtl.css Mon Aug 15 20:17:37 2016
@@ -0,0 +1,17 @@
+/* Tree */
+
+.dropdownmenus .dijitTreeNodeRtl,
+.dropdownmenus .dijitTreeNodeRtl .dijitTreeExpandoLeaf {
+	/* disable grid lines in RTL mode; too hard to support */
+    background-image: none;
+}
+
+.dropdownmenus .dijitTreeNodeRtl .dijitTreeExpandoOpened {
+	/* todo: get rid of transparent space in icon files,
+		and just use background-placement (or margin maybe) to get desired alignment */
+	background-image: url('images/treeExpand_minus_rtl.gif');
+}
+
+.dropdownmenus .dijitTreeNodeRtl .dijitTreeExpandoClosed {
+	background-image: url('images/treeExpand_plus_rtl.gif');
+}

Added: vcl/trunk/web/themes/dropdownmenus/css/dojo/dropdownmenus.css
URL: http://svn.apache.org/viewvc/vcl/trunk/web/themes/dropdownmenus/css/dojo/dropdownmenus.css?rev=1756421&view=auto
==============================================================================
--- vcl/trunk/web/themes/dropdownmenus/css/dojo/dropdownmenus.css (added)
+++ vcl/trunk/web/themes/dropdownmenus/css/dojo/dropdownmenus.css Mon Aug 15 20:17:37 2016
@@ -0,0 +1,41 @@
+/*
+	Adds cosmetic styling to Dijit.  Users may swap with a custom theme CSS file.
+
+	NOTES:
+	---
+	Dialog.css contains css classes for both Dialog and Tooltip!
+	This because currently a dijit.TooltipDialog exist. Until this is resolved
+	you need to include Dialog.css for both dijits
+	---
+	Toolbar.css contains classes also used in Editor. Until this is resolved
+	you need to include Toolbar.css for both Toolbar and Editor
+	---
+	Button.css contains classes for combobox,
+
+*/
+@import url("../../../../dojo/dijit/themes/dijit.css");
+@import url("../../../../dojo/dijit/icons/commonIcons.css");/*sprite containing common icons to be used by all themes*/
+@import url("Common.css");
+@import url("layout/ContentPane.css");
+@import url("layout/TabContainer.css");
+@import url("layout/AccordionContainer.css");
+@import url("layout/SplitContainer.css");
+@import url("layout/BorderContainer.css");
+@import url("form/Common.css");
+@import url("form/Button.css");
+@import url("form/Checkbox.css");
+@import url("form/RadioButton.css");
+@import url("form/Slider.css");
+@import url("form/Select.css");
+@import url("Tree.css");
+@import url("ProgressBar.css");
+@import url("TitlePane.css");
+@import url("Calendar.css");
+@import url("TimePicker.css");
+@import url("Toolbar.css");
+@import url("Dialog.css");
+@import url("Menu.css");
+@import url("Editor.css");
+@import url("../../../../dojo/dijit/icons/editorIcons.css"); /* sprite for editor icons to be used by all themes */
+@import url("ColorPalette.css");
+@import url("dropdownmenus_rtl.css");

Added: vcl/trunk/web/themes/dropdownmenus/css/dojo/dropdownmenus.css.save
URL: http://svn.apache.org/viewvc/vcl/trunk/web/themes/dropdownmenus/css/dojo/dropdownmenus.css.save?rev=1756421&view=auto
==============================================================================
--- vcl/trunk/web/themes/dropdownmenus/css/dojo/dropdownmenus.css.save (added)
+++ vcl/trunk/web/themes/dropdownmenus/css/dojo/dropdownmenus.css.save Mon Aug 15 20:17:37 2016
@@ -0,0 +1,41 @@
+/*
+	Adds cosmetic styling to Dijit.  Users may swap with a custom theme CSS file.
+
+	NOTES:
+	---
+	Dialog.css contains css classes for both Dialog and Tooltip!
+	This because currently a dijit.TooltipDialog exist. Until this is resolved
+	you need to include Dialog.css for both dijits
+	---
+	Toolbar.css contains classes also used in Editor. Until this is resolved
+	you need to include Toolbar.css for both Toolbar and Editor
+	---
+	Button.css contains classes for combobox,
+
+*/
+@import url("../dijit.css");
+@import url("../../icons/commonIcons.css");/*sprite containing common icons to be used by all themes*/
+@import url("Common.css");
+@import url("layout/ContentPane.css");
+@import url("layout/TabContainer.css");
+@import url("layout/AccordionContainer.css");
+@import url("layout/SplitContainer.css");
+@import url("layout/BorderContainer.css");
+@import url("form/Common.css");
+@import url("form/Button.css");
+@import url("form/Checkbox.css");
+@import url("form/RadioButton.css");
+@import url("form/Slider.css");
+@import url("form/Select.css");
+@import url("Tree.css");
+@import url("ProgressBar.css");
+@import url("TitlePane.css");
+@import url("Calendar.css");
+@import url("TimePicker.css");
+@import url("Toolbar.css");
+@import url("Dialog.css");
+@import url("Menu.css");
+@import url("Editor.css");
+@import url("../../icons/editorIcons.css"); /* sprite for editor icons to be used by all themes */
+@import url("ColorPalette.css");
+@import url("dropdownmenus_rtl.css");

Added: vcl/trunk/web/themes/dropdownmenus/css/dojo/dropdownmenus_rtl.css
URL: http://svn.apache.org/viewvc/vcl/trunk/web/themes/dropdownmenus/css/dojo/dropdownmenus_rtl.css?rev=1756421&view=auto
==============================================================================
--- vcl/trunk/web/themes/dropdownmenus/css/dojo/dropdownmenus_rtl.css (added)
+++ vcl/trunk/web/themes/dropdownmenus/css/dojo/dropdownmenus_rtl.css Mon Aug 15 20:17:37 2016
@@ -0,0 +1,27 @@
+/*
+	Adds cosmetic styling to Dijit.  Users may swap with a custom theme CSS file.
+
+	NOTES:
+	---
+	Dialog.css contains css classes for both Dialog and Tooltip!
+	This because currently a dijit.TooltipDialog exist. Until this is resolved
+	you need to include Dialog.css for both dijits
+	---
+	Toolbar.css contains classes also used in Editor. Until this is resolved
+	you need to include Toolbar.css for both Toolbar and Editor
+	---
+	Button.css contains classes for combobox,
+
+*/
+/* RTL files */
+@import url("../../../../dojo/dijit/themes/dijit_rtl.css");
+@import url("Calendar_rtl.css");
+@import url("TimePicker_rtl.css");
+@import url("Dialog_rtl.css");
+@import url("Editor_rtl.css");
+@import url("../../../../dojo/dijit/icons/editorIcons_rtl.css");/* RTL sprite for editor icons to be used by all themes*/
+@import url("Menu_rtl.css");
+@import url("Tree_rtl.css");
+@import url("TitlePane_rtl.css");
+@import url("layout/TabContainer_rtl.css");
+@import url("form/Slider_rtl.css");

Added: vcl/trunk/web/themes/dropdownmenus/css/dojo/form/Button.css
URL: http://svn.apache.org/viewvc/vcl/trunk/web/themes/dropdownmenus/css/dojo/form/Button.css?rev=1756421&view=auto
==============================================================================
--- vcl/trunk/web/themes/dropdownmenus/css/dojo/form/Button.css (added)
+++ vcl/trunk/web/themes/dropdownmenus/css/dojo/form/Button.css Mon Aug 15 20:17:37 2016
@@ -0,0 +1,136 @@
+
+/*****
+		dijit.form.Button
+		dijit.form.DropDownButton
+		dijit.form.ComboButton
+		dijit.form.ComboBox (partial)
+		dijit.form.Spinner (partial) (TODO: create NumberSpinner.css file like claro has)
+ *****/
+
+.dropdownmenus .dijitButtonNode {
+	/* enabled state - inner */
+	border: 1px solid #c0c0c0;
+	border-bottom: 1px solid #9b9b9b;
+	padding: 0.1em 0.2em 0.2em 0.2em;
+	background: #fff url("../images/buttonEnabled.png") repeat-x bottom left;
+}
+.dropdownmenus .dijitButtonText {
+	text-align: center;
+	padding: 0 0.3em;
+}
+
+.dropdownmenus .dijitDisabled .dijitButtonText {
+	color: #7F7F7F;
+}
+
+.dropdownmenus .dijitArrowButton {
+	color: #111;
+}
+
+.dropdownmenus .dijitComboButton .dijitDownArrowButton {
+	padding-right:4px;
+}
+
+.dropdownmenus .dijitTextBoxReadOnly,
+.dropdownmenus .dijitTextBoxReadOnly .dijitButtonNode,
+.dropdownmenus .dijitButtonDisabled .dijitButtonNode,
+.dropdownmenus .dijitToggleButtonDisabled .dijitButtonNode,
+.dropdownmenus .dijitDropDownButtonDisabled .dijitButtonNode,
+.dropdownmenus .dijitComboButtonDisabled .dijitButtonNode,
+.dropdownmenus .dijitTextBoxDisabled,
+.dropdownmenus .dijitTextBoxDisabled .dijitButtonNode {
+	/* disabled state - inner */
+	border-color: #d5d5d5 #d5d5d5 #bdbdbd #d5d5d5;
+	background:#e4e4e4 url("../images/buttonDisabled.png") top repeat-x;
+}
+
+.dropdownmenus .dijitButtonHover .dijitButtonNode,
+.dropdownmenus .dijitButtonNodeHover,
+.dropdownmenus .dijitToggleButtonHover .dijitButtonNode,
+.dropdownmenus .dijitDropDownButtonHover .dijitButtonNode,
+.dropdownmenus .dijitComboButton .dijitButtonContentsHover,
+.dropdownmenus .dijitComboButton .dijitDownArrowButtonHover {
+	/* hover state - inner */
+	/* TODO: change from Hover to Selected so that button is still highlighted while drop down is being used */
+	border-color: #a5beda;
+	border-bottom-color:#5c7590;
+	color:#243C5F;
+	background:#fcfdff url("../images/buttonHover.png") repeat-x bottom;
+}
+.dropdownmenus .dijitDownArrowButtonHover,
+.dropdownmenus .dijitUpArrowButtonHover {
+	/* same as above except don't adjust border color (it's controlled by the containing Spinner/ComboBox) */
+	color:#243C5F;
+	background:#fcfdff url("../images/buttonHover.png") repeat-x bottom;
+}
+
+.dropdownmenus .dijitUpArrowButtonActive,
+.dropdownmenus .dijitDownArrowButtonActive,
+.dropdownmenus .dijitButtonActive .dijitButtonNode,
+.dropdownmenus .dijitToggleButtonActive .dijitButtonNode,
+.dropdownmenus .dijitDropDownButtonActive .dijitButtonNode,
+.dropdownmenus .dijitButtonContentsActive,
+.dropdownmenus .dijitStackController .dijitToggleButtonChecked .dijitButtonNode {
+	/* active state - inner (for when you are pressing a normal button, or
+	 * when a radio-type button is in a depressed state
+	 */
+	border-color:#366dba;
+	background: #ededed url("../images/buttonActive.png") bottom repeat-x;
+}
+
+.dropdownmenus .dijitArrowButtonInner {
+	background:url("../images/spriteArrows.png") no-repeat scroll 0 center;
+	width: 7px;
+	height: 7px;
+	margin: 0 4px 0 4px;
+}
+.dropdownmenus .dijitTextBox .dijitArrowButtonInner {
+	background-position: 0 center;
+}
+.dj_ie6 .dropdownmenus .dijitArrowButtonInner {
+	background-image:url("../images/spriteArrows.gif");
+}
+.dropdownmenus .dijitLeftArrowButton .dijitArrowButtonInner {
+	background-position: -7px center;
+}
+.dropdownmenus .dijitRightArrowButton .dijitArrowButtonInner {
+	background-position: -14px center;
+}
+.dropdownmenus .dijitUpArrowButton .dijitArrowButtonInner {
+	background-position: -21px center;
+}
+
+.dropdownmenus .dijitDisabled .dijitArrowButtonInner {
+	background-position: -28px center;
+}
+.dropdownmenus .dijitDisabled .dijitLeftArrowButton .dijitArrowButtonInner {
+	background-position: -35px center;
+}
+.dropdownmenus .dijitDisabled .dijitRightArrowButton .dijitArrowButtonInner {
+	background-position: -42px center;
+}
+.dropdownmenus .dijitDisabled .dijitUpArrowButton .dijitArrowButtonInner {
+	background-position: -49px center;
+}
+.dj_webkit .dropdownmenus .dijitSpinner .dijitUpArrowButton .dijitArrowButtonInner {
+	margin-top: -1px; /* image has too many blank pixels on top */
+}
+.dj_ie .dropdownmenus .dijitSpinner .dijitDownArrowButton .dijitArrowButtonInner {
+	margin-top: -2px; /* image has too many blank pixels on top */
+}
+.dj_ie8 .dropdownmenus .dijitSpinner .dijitDownArrowButton .dijitArrowButtonInner {
+	margin-top: -1px; /* image has too many blank pixels on top */
+}
+.dropdownmenus .dijitSpinnerButtonContainer {
+	width: auto;
+	padding: 0;
+}
+.dropdownmenus .dijitSpinner .dijitArrowButton {
+	width: 15px;
+}
+.dropdownmenus .dijitSpinner .dijitSpinnerButtonInner {
+	width: 15px;
+}
+.dropdownmenus .dijitSpinner .dijitArrowButtonInner .dijitInputField {
+	padding: 0;
+}

Added: vcl/trunk/web/themes/dropdownmenus/css/dojo/form/Checkbox.css
URL: http://svn.apache.org/viewvc/vcl/trunk/web/themes/dropdownmenus/css/dojo/form/Checkbox.css?rev=1756421&view=auto
==============================================================================
--- vcl/trunk/web/themes/dropdownmenus/css/dojo/form/Checkbox.css (added)
+++ vcl/trunk/web/themes/dropdownmenus/css/dojo/form/Checkbox.css Mon Aug 15 20:17:37 2016
@@ -0,0 +1,54 @@
+.dropdownmenus .dijitToggleButton .dijitCheckBoxIcon {
+	background-image: url('../images/checkmarkNoBorder.png');
+}
+
+.dj_ie6 .dropdownmenus .dijitToggleButton .dijitCheckBoxIcon {
+	background-image: url('../images/checkmarkNoBorder.gif');
+}
+
+.dropdownmenus .dijitCheckBox,
+.dropdownmenus .dijitCheckBoxIcon		/* inside a toggle button */	{
+	background-image: url('../images/checkmark.png'); /* checkbox sprite image */
+	background-repeat: no-repeat;
+	width: 16px;
+	height: 16px;
+	margin: 0 2px 0 0;
+	padding: 0;
+}
+
+.dj_ie6 .dropdownmenus .dijitCheckBox,
+.dj_ie6 .dropdownmenus .dijitCheckBoxIcon		/* inside a toggle button */	{
+	background-image: url('../images/checkmark.gif'); /* checkbox sprite image */
+}
+
+.dropdownmenus .dijitCheckBox,
+.dropdownmenus .dijitToggleButton .dijitCheckBoxIcon {
+	/* unchecked */
+	background-position: -16px;
+}
+
+.dropdownmenus .dijitCheckBoxChecked,
+.dropdownmenus .dijitToggleButtonChecked .dijitCheckBoxIcon {
+	/* checked */
+	background-position: 0;
+}
+
+.dropdownmenus .dijitCheckBoxDisabled {
+	/* disabled */
+	background-position: -48px;
+}
+
+.dropdownmenus .dijitCheckBoxCheckedDisabled {
+	/* disabled but checked */
+	background-position: -32px;
+}
+
+.dropdownmenus .dijitCheckBoxHover {
+	/* hovering over an unchecked enabled checkbox */
+	background-position: -80px;
+}
+
+.dropdownmenus .dijitCheckBoxCheckedHover {
+	/* hovering over a checked enabled checkbox */
+	background-position: -64px;
+}

Added: vcl/trunk/web/themes/dropdownmenus/css/dojo/form/Common.css
URL: http://svn.apache.org/viewvc/vcl/trunk/web/themes/dropdownmenus/css/dojo/form/Common.css?rev=1756421&view=auto
==============================================================================
--- vcl/trunk/web/themes/dropdownmenus/css/dojo/form/Common.css (added)
+++ vcl/trunk/web/themes/dropdownmenus/css/dojo/form/Common.css Mon Aug 15 20:17:37 2016
@@ -0,0 +1,76 @@
+
+/****
+		dijit.form.TextBox
+		dijit.form.ValidationTextBox
+		dijit.form.SerializableTextBox
+		dijit.form.RangeBoundTextBox
+		dijit.form.NumberTextBox
+		dijit.form.CurrencyTextBox
+		dijit.form.NumberSpinner
+		dijit.form.ComboBox (partial)
+ ****/
+
+.dropdownmenus .dijitInputContainer INPUT,
+.dropdownmenus .dijitTextBox {
+	margin: 0 0.1em;
+}
+
+.dropdownmenus .dijitTextArea {
+	padding: 3px;
+}
+
+.dropdownmenus .dijitTextBox {
+	/* 	For all except dijit.form.NumberSpinner:  the actual input element.
+		For TextBox, ComboBox, Spinner: the div that contains the input.
+		Otherwise the actual input element.
+	*/
+	background:#fff url("../images/validationInputBg.png") repeat-x top left;
+	#background:#fff url('../images/validationInputBg.gif') repeat-x top left;
+	border:1px solid #b3b3b3;
+}
+
+/* ComboBox specific rules*/
+.dropdownmenus .dijitComboBox .dijitButtonNode {
+	padding: 0 0.2em;
+}
+.dropdownmenus .dijitTextBox .dijitButtonNode {
+	/* line between the input area and the drop down button, and also between
+	 * the up and down buttons of a spinner
+	 */
+	border-color: #9b9b9b;
+}
+
+.dropdownmenus .dijitTextBoxFocused {
+	/* input field when focused (ie: typing affects it) */
+	border-color:#406b9b;
+}
+.dropdownmenus .dijitTextBoxFocused .dijitButtonNode {
+	border-color:#366dba;
+}
+
+.dropdownmenus .dijitError {
+	background-color:#f9f7ba;
+	background-image:none;
+}
+
+.dropdownmenus .dijitErrorFocused {
+	background-color:#f9f999;
+	background-image:none;
+}
+
+/* Validation errors  */
+.dropdownmenus .dijitValidationIcon {
+	/* prevent height change when widget goes from valid to invalid state */
+	width: 16px;
+	background: transparent url('../images/warning.png') no-repeat center center;
+}
+
+/* The highlight is shown in the ComboBox menu. */
+.dropdownmenus .dijitComboBoxHighlightMatch {
+	background-color:#a5beda;
+}
+
+.dropdownmenus .dijitFocusedLabel {
+	/* for checkboxes or radio buttons, hatch border around the corresponding label, to indicate focus */
+	outline: 1px dotted #666666;
+}

Added: vcl/trunk/web/themes/dropdownmenus/css/dojo/form/RadioButton.css
URL: http://svn.apache.org/viewvc/vcl/trunk/web/themes/dropdownmenus/css/dojo/form/RadioButton.css?rev=1756421&view=auto
==============================================================================
--- vcl/trunk/web/themes/dropdownmenus/css/dojo/form/RadioButton.css (added)
+++ vcl/trunk/web/themes/dropdownmenus/css/dojo/form/RadioButton.css Mon Aug 15 20:17:37 2016
@@ -0,0 +1,52 @@
+
+.dropdownmenus .dijitRadio,			/* stand alone */
+.dropdownmenus .dijitRadioIcon	{		/* inside a toggle button */
+	background-image: url('../images/checkmark.png'); /* checkbox sprite image */
+	background-repeat: no-repeat;
+	width: 16px;
+	height: 16px;
+	margin: 0;
+	padding: 0;
+}
+.dj_ie6 .dropdownmenus .dijitRadio,
+.dj_ie6 .dropdownmenus .dijitRadioIcon	{
+	background-image: url('../images/checkmark.gif'); /* checkbox sprite image */
+}
+
+.dropdownmenus .dijitToggleButton .dijitRadioIcon {
+	/* for checkbox in a toggle button, override above setting to have no border */
+	background-image: url('../images/checkmarkNoBorder.png');
+}
+.dj_ie6 .dropdownmenus .dijitToggleButton .dijitRadioIcon {
+	background-image: url('../images/checkmarkNoBorder.gif');
+}
+
+.dropdownmenus .dijitRadio,
+.dropdownmenus .dijitRadioIcon {
+	/* unselected */
+	background-position: -112px;
+}
+
+.dropdownmenus .dijitRadioDisabled {
+	/* unselected and disabled */
+	background-position: -144px;
+}
+
+.dropdownmenus .dijitRadioHover {
+	/* hovering over an unselected enabled radio button */
+	background-position: -176px;
+}
+
+.dropdownmenus .dijitRadioChecked,
+.dropdownmenus .dijitRadioCheckedHover,
+.dropdownmenus .dijitToggleButtonChecked .dijitRadioIcon {
+	/* selected.  Since clicking a selected radio button doesn't change anything, there's
+	 * no hover effect on selected radio buttons.
+	 */
+	background-position: -96px;
+}
+
+.dropdownmenus .dijitRadioCheckedDisabled {
+	/* selected but disabled */
+	background-position: -128px;
+}

Added: vcl/trunk/web/themes/dropdownmenus/css/dojo/form/Select.css
URL: http://svn.apache.org/viewvc/vcl/trunk/web/themes/dropdownmenus/css/dojo/form/Select.css?rev=1756421&view=auto
==============================================================================
--- vcl/trunk/web/themes/dropdownmenus/css/dojo/form/Select.css (added)
+++ vcl/trunk/web/themes/dropdownmenus/css/dojo/form/Select.css Mon Aug 15 20:17:37 2016
@@ -0,0 +1,57 @@
+.dropdownmenus .dijitSelect .dijitButtonNode {
+	padding: 0;
+}
+.dropdownmenus .dijitSelect .dijitButtonNode .dijitArrowButtonInner {
+	margin: 0 4px 0 5px;
+}
+
+/* Make unselected content portion "look" more like a text box and less like a button */
+.dropdownmenus .dijitSelect .dijitButtonContents {
+	padding-top: 1px;
+	background:#fff url("../images/validationInputBg.png") repeat-x top left;
+	#background:#fff url('../images/validationInputBg.gif') repeat-x top left;
+}
+.dropdownmenus .dijitSelectHover .dijitButtonContents,
+.dropdownmenus .dijitSelectActive .dijitButtonContents,
+.dropdownmenus .dijitSelectOpened .dijitButtonContents,
+.dropdownmenus .dijitSelectDisabled .dijitButtonContents,
+.dropdownmenus .dijitSelectReadOnly .dijitButtonContents{
+	background: transparent none;
+}
+.dj_ie .dropdownmenus .dijitSelect .dijitButtonContents {
+	padding-top: 0;
+}
+
+/* Mirror DropDownButton */
+.dropdownmenus .dijitSelectDisabled .dijitButtonNode {
+	border-color: #d5d5d5 #bdbdbd #bdbdbd #d5d5d5;
+	background:#e4e4e4 url("../images/buttonDisabled.png") top repeat-x;
+}
+.dj_ie .dropdownmenus .dijitSelectDisabled  .dijitButtonNode * {
+	filter: gray() alpha(opacity=50);
+}
+
+.dropdownmenus .dijitSelectHover .dijitButtonNode {
+	border-color:#a5beda;
+	border-bottom-color:#5c7590;
+	border-right-color:#5c7590;
+	color:#243C5F;
+	background:#fcfdff url("../images/buttonHover.png") repeat-x bottom;
+}
+
+.dropdownmenus .dijitSelectActive .dijitButtonNode,
+.dropdownmenus .dijitSelectOpened .dijitButtonNode {
+	border-color:#366dba;
+	background: #ededed url("../images/buttonActive.png") bottom repeat-x;
+}
+
+/* Make the menu look more combobox-like */
+.dropdownmenus .dijitSelectMenu td {
+	padding: 0;
+}
+.dropdownmenus .dijitSelectMenu .dijitMenuItemLabel,
+.dropdownmenus .dijitSelectMenu .dijitMenuArrowCell {
+	padding: 0.1em 0.2em;
+}
+
+