/*
  This file is part of Moodle - http://moodle.org/
  Moodle is free software: you can redistribute it and/or modify
  it under the terms of the GNU General Public License as published by
  the Free Software Foundation, either version 3 of the License, or
  (at your option) any later version.

  Moodle is distributed in the hope that it will be useful,
  but WITHOUT ANY WARRANTY; without even the implied warranty of
  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  GNU General Public License for more details.
  You should have received a copy of the GNU General Public License
  along with Moodle.  If not, see <http://www.gnu.org/licenses/>.
*/

/**
 * zebra theme custommenu css file
 *
 * @package    theme_zebra
 * @copyright  2011 Danny Wahl
 * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
 */

/* Top Menu */

#custommenu {
    background-color: [[setting:linkcolor]];
    text-shadow:0 1px 0 [[setting:fontcolor]];
}

#navbar-wrapper,
#page-content-wrapper {
    border-radius:5px 5px 0 0;
    -moz-border-radius:5px 5px 0 0;
    -webkit-border-radius:5px 5px 0 0;
    background-clip:padding-box;
    -moz-background-clip:padding;
    -webkit-background-clip:padding-box;
    background:linear-gradient(top, [[setting:menucolorscheme]] 0%,transparent 66%) [[setting:linkcolor]];
    background:-moz-linear-gradient(center top , [[setting:menucolorscheme]] 0%, transparent 66%) [[setting:linkcolor]];
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,[[setting:menucolorscheme]]),color-stop(66%,transparent)) [[setting:linkcolor]];
    background:-webkit-linear-gradient(top, [[setting:menucolorscheme]] 0%,transparent 66%) [[setting:linkcolor]];
    background:-ms-linear-gradient(top, [[setting:menucolorscheme]] 0%,transparent 66%) [[setting:linkcolor]];
    box-shadow: 0 1px [[setting:linkcolor]] inset, 0 2px [[setting:menucolorscheme]] inset, 0 -1px [[setting:linkcolor]] inset;
    -moz-box-shadow: 0 1px [[setting:linkcolor]] inset, 0 2px [[setting:menucolorscheme]] inset, 0 -1px [[setting:linkcolor]] inset;
    -webkit-box-shadow: 0 1px [[setting:linkcolor]] inset, 0 2px [[setting:menucolorscheme]] inset, 0 -1px [[setting:linkcolor]] inset;
}

#custommenu .yui3-menu {
    float: left;
}

.yui3-skin-sam .yui3-menu-label,
.yui3-skin-sam .yui3-menu .yui3-menu .yui3-menu-label,
.yui3-skin-sam .yui3-menuitem-content,
.yui3-skin-sam .yui3-menu .yui3-menu .yui3-menuitem-content {
    color: [[setting:contentbgcolor]]!important;
    text-decoration: none!important;
}

.yui3-skin-sam .yui3-menu-content,
.yui3-skin-sam .yui3-menu .yui3-menu .yui3-menu-content,
.yui3-menuitem-content,
.yui3-menu-label {
    line-height: 30px;
    padding: 0;
}

.yui3-skin-sam .yui3-menu-content,
.yui3-skin-sam .yui3-menu .yui3-menu .yui3-menu-content,
.yui3-skin-sam .yui3-menu-horizontal .yui3-menu-label,
.yui3-skin-sam .yui3-menu-horizontal .yui3-menuitem-content {
    border: 0 none;
    margin: 0;
}

/* Top Menu Items */

#custommenu .yui3-menu-label,
#custommenu .yui3-menuitem-content {
    border-right: 1px solid [[setting:fontcolor]];
}

/* Top Menu Items - Active */

#custommenu .yui3-menu-label-active,
#custommenu .yui3-menu-label-menuvisible,
#custommenu .yui3-menuitem-active,
#custommenu .calendar:hover,
#custommenu .home:hover {
    background:-moz-linear-gradient(center top, [[setting:menucolorscheme]] 0%, rgba(0,0,0,0.3) 100%) [[setting:hovercolor]]!important;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,[[setting:menucolorscheme]]), color-stop(100%,rgba(0,0,0,0.3))) [[setting:hovercolor]]!important;
    background:-webkit-linear-gradient(top, [[setting:menucolorscheme]] 0%, rgba(0,0,0,0.3) 100%) [[setting:hovercolor]]!important;
    background:-ms-linear-gradient(top, [[setting:menucolorscheme]] 0%, rgba(0,0,0,0.3) 100%) [[setting:hovercolor]]!important;
    background:linear-gradient(top, [[setting:menucolorscheme]] 0%, rgba(0,0,0,0.3) 100%) [[setting:hovercolor]]!important; /* Override Base Sheet "Core" Line 607 */
    -moz-box-shadow: 0 1px [[setting:hovercolor]] inset, 0 2px [[setting:menucolorscheme]] inset;
    -webkit-box-shadow: 0 1px [[setting:hovercolor]] inset, 0 2px [[setting:menucolorscheme]] inset;
    box-shadow: 0 1px [[setting:hovercolor]] inset, 0 2px [[setting:menucolorscheme]] inset;
}

/* Sub Menu */

#custommenu .custom_menu_submenu .yui3-menu-content {
    background: [[setting:fontcolor]];
}

/* Sub Menu Items */

#custommenu .custom_menu_submenu .yui3-menuitem,
#custommenu .custom_menu_submenu .yui3-menu-label {
    border-top: 1px solid rgba(255,255,255,0.1);
    border-bottom: 1px solid rgba(0,0,0,0.4);
}

/* Sub Menu Items - Active */

.yui3-skin-sam .yui3-menuitem-active .yui3-menuitem-content,
.yui3-skin-sam .yui3-menu .yui3-menu .yui3-menuitem-active .yui3-menuitem-content {
    background-color: [[setting:linkcolor]]
}

/* Sub Sub Menu */

#custommenu .yui3-menu-label,
#custommenu .yui3-menu .yui3-menu .yui3-menu-label {
    background-image: url([[setting:vmenuiconcolor]]);
}

#custommenu .custom_menu_submenu .yui3-menuitem-active,
#custommenu .custom_menu_submenu .yui3-menu-label-active,
#custommenu .custom_menu_submenu .yui3-menu-label-menuvisible {
    background: url([[setting:hmenuiconcolor]]) no-repeat right center scroll [[setting:linkcolor]] !important; /* Prevent CSS3 sheet from overriding this */
    border-top: 1px solid [[setting:linkcolor]];
    border-bottom: 1px solid [[setting:linkcolor]];
    box-shadow: none;
}

.yui3-skin-sam .yui3-menu-label,
.yui3-skin-sam .yui3-menu .yui3-menu .yui3-menu-label,
.yui3-skin-sam .yui3-menuitem-content,
.yui3-skin-sam .yui3-menu .yui3-menu .yui3-menuitem-content {
    padding: 0 2em; /* Increase side padding to allow for indicators */
}

/* Home Link */

#custommenu .home {
    float: left;
    color: [[setting:contentbgcolor]]!important;
    text-decoration: none!important;
    border-right: 1px solid [[setting:fontcolor]];
    -moz-border-radius:5px 0 0 0;
    -webkit-border-radius:5px 0 0 0;
    border-radius:5px 0 0 0;
    -moz-background-clip:padding;
    -webkit-background-clip:padding-box;
    background-clip:padding-box;
}

#custommenu .home:hover {
    background-color: [[setting:hovercolor]];
}

#custommenu .home div {
    background: url([[setting:homeiconcolor]]) no-repeat scroll center center;
    text-indent: -9999px;
    line-height: 30px;
    width: 18px;
    padding: 0 10px;
}

/* No home link */
.no_homeicon #custommenu .first-of-type li:first-of-type .yui3-menu-label-active  {
    border-radius: 5px 0 0 0; /* Preserve the border-radius on the first li when no home icon */
}

/* Calendar Link */

#custommenu .calendar {
    float: right;
    line-height: 30px;
    padding: 0 10px;
    color: [[setting:contentbgcolor]]!important;
    text-decoration: none!important;
    border-left: 1px solid [[setting:fontcolor]];
    background:-moz-linear-gradient(center top , [[setting:menucolorscheme]] 0%, transparent 66%) [[setting:fontcolor]];
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,[[setting:menucolorscheme]]),color-stop(66%,transparent)) [[setting:fontcolor]];
    background:-webkit-linear-gradient(top, [[setting:menucolorscheme]] 0%,transparent 66%) [[setting:fontcolor]];
    background:-ms-linear-gradient(top, [[setting:menucolorscheme]] 0%,transparent 66%) [[setting:fontcolor]];
    background:linear-gradient(top, [[setting:menucolorscheme]] 0%,transparent 66%) [[setting:fontcolor]];
    -moz-box-shadow: 0 1px [[setting:fontcolor]] inset, 0 2px [[setting:menucolorscheme]] inset, 0 -1px [[setting:fontcolor]] inset;
    -webkit-box-shadow: 0 1px [[setting:fontcolor]] inset, 0 2px [[setting:menucolorscheme]] inset, 0 -1px [[setting:fontcolor]] inset;
    box-shadow: 0 1px [[setting:fontcolor]] inset, 0 2px [[setting:menucolorscheme]] inset, 0 -1px [[setting:fontcolor]] inset;
    -moz-border-radius:0 5px 0 0;
    -webkit-border-radius:0 5px 0 0;
    border-radius:0 5px 0 0;
    -moz-background-clip:padding;
    -webkit-background-clip:padding-box;
    background-clip:padding-box;
}

#custommenu .calendar:hover {
    background-color: [[setting:hovercolor]];
}