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;
+}
+
+


Reply via email to