Add CSS files
This commit is contained in:
176
include/javascript/yui3/build/node-menunav/assets/node-menunav-core.css
Executable file
176
include/javascript/yui3/build/node-menunav/assets/node-menunav-core.css
Executable file
@@ -0,0 +1,176 @@
|
||||
/*
|
||||
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
|
||||
Code licensed under the BSD License:
|
||||
http://developer.yahoo.net/yui/license.txt
|
||||
version: 3.0.0
|
||||
build: 1549
|
||||
*/
|
||||
.yui-menu .yui-menu {
|
||||
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
|
||||
}
|
||||
|
||||
|
||||
.yui-menu .yui-shim {
|
||||
|
||||
/*
|
||||
Styles for the <iframe> shim used to prevent <select> elements from poking through
|
||||
submenus in IE < 7. Note: For peformance, creation of the <iframe> shim for each submenu
|
||||
is deferred until it is initially made visible by the user.
|
||||
*/
|
||||
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: -1;
|
||||
opacity: 0;
|
||||
filter: alpha(opacity=0); /* For IE since it doesn't implement the CSS3 "opacity" property. */
|
||||
border: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
|
||||
}
|
||||
|
||||
.yui-menu-hidden {
|
||||
|
||||
/*
|
||||
Position hidden menus outside the viewport boundaries to prevent them from
|
||||
triggering scrollbars on the viewport.
|
||||
*/
|
||||
|
||||
top: -10000px;
|
||||
left: -10000px;
|
||||
|
||||
/*
|
||||
Using "visibility:hidden" over "display" none because:
|
||||
|
||||
1) As the "position" property for submenus is set to "absolute", they are out of
|
||||
the document flow and take up no space. Therefore, from that perspective use of
|
||||
"display:none" is redundant.
|
||||
|
||||
2) According to MSDN use of "display:none" is more expensive:
|
||||
"Display is the more expensive of the two CSS properties, so if you are
|
||||
making elements appear and disappear often, visibility will be faster."
|
||||
(See http://msdn.microsoft.com/en-us/library/bb264005(VS.85).aspx)
|
||||
*/
|
||||
|
||||
visibility: hidden;
|
||||
|
||||
}
|
||||
|
||||
.yui-menu li {
|
||||
|
||||
list-style-type: none;
|
||||
|
||||
}
|
||||
|
||||
.yui-menu ul,
|
||||
.yui-menu li {
|
||||
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
}
|
||||
|
||||
.yui-menu-label,
|
||||
.yui-menuitem-content {
|
||||
|
||||
text-align: left;
|
||||
white-space: nowrap;
|
||||
display: block;
|
||||
|
||||
}
|
||||
|
||||
.yui-menu-horizontal li {
|
||||
|
||||
float: left;
|
||||
width: auto;
|
||||
|
||||
}
|
||||
|
||||
.yui-menu-horizontal li li {
|
||||
|
||||
float: none;
|
||||
|
||||
}
|
||||
|
||||
.yui-menu-horizontal ul {
|
||||
|
||||
/*
|
||||
Use of "zoom" sets the "hasLayout" property to "true" in IE (< 8). When "hasLayout" is
|
||||
set to "true", an element can clear its floated descendents. For more:
|
||||
http://msdn.microsoft.com/en-gb/library/ms533776(VS.85).aspx
|
||||
*/
|
||||
|
||||
*zoom: 1;
|
||||
|
||||
}
|
||||
|
||||
.yui-menu-horizontal ul ul {
|
||||
|
||||
/*
|
||||
No need to clear <ul>s of submenus of horizontal menus since <li>s of submenus
|
||||
aren't floated.
|
||||
*/
|
||||
|
||||
*zoom: normal;
|
||||
|
||||
}
|
||||
|
||||
.yui-menu-horizontal>.yui-menu-content>ul:after {
|
||||
|
||||
/* Self-clearing solution for Opera, Webkit, Gecko and IE > 7 */
|
||||
|
||||
content: "";
|
||||
display: block;
|
||||
clear: both;
|
||||
line-height: 0;
|
||||
font-size: 0;
|
||||
visibility: hidden;
|
||||
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
The following two rules are for IE 7. Triggering "hasLayout" (via use of "zoom") prevents
|
||||
first-tier submenus from hiding when the mouse is moving from an menu label in a root menu to
|
||||
its corresponding submenu.
|
||||
*/
|
||||
|
||||
.yui-menu-content {
|
||||
|
||||
*zoom: 1;
|
||||
|
||||
}
|
||||
|
||||
|
||||
.yui-menu-hidden .yui-menu-content {
|
||||
|
||||
*zoom: normal;
|
||||
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
The following two rules are for IE 6 (Standards Mode and Quirks Mode) and IE 7 (Quirks Mode
|
||||
only). Triggering "hasLayout" (via use of "zoom") fixes a bug in IE where mousing mousing off
|
||||
the text node of menuitem or menu label will incorrectly trigger the mouseout event.
|
||||
*/
|
||||
|
||||
.yui-menuitem-content,
|
||||
.yui-menu-label {
|
||||
|
||||
_zoom: 1;
|
||||
|
||||
}
|
||||
|
||||
.yui-menu-hiden .yui-menuitem-content,
|
||||
.yui-menu-hiden .yui-menu-label {
|
||||
|
||||
_zoom: normal;
|
||||
|
||||
}
|
||||
@@ -0,0 +1,270 @@
|
||||
/*
|
||||
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
|
||||
Code licensed under the BSD License:
|
||||
http://developer.yahoo.net/yui/license.txt
|
||||
version: 3.0.0
|
||||
build: 1549
|
||||
*/
|
||||
/* Vertical menus and submenus */
|
||||
|
||||
.yui-skin-sam .yui-menu-content,
|
||||
.yui-skin-sam .yui-menu .yui-menu .yui-menu-content {
|
||||
|
||||
font-size: 93%; /* 12px */
|
||||
line-height: 1.5; /* 18px */
|
||||
*line-height: 1.45; /* For IE */
|
||||
border: solid 1px #808080;
|
||||
background: #fff;
|
||||
padding: 3px 0;
|
||||
|
||||
}
|
||||
|
||||
.yui-skin-sam .yui-menu .yui-menu .yui-menu-content {
|
||||
|
||||
font-size: 100%;
|
||||
|
||||
}
|
||||
|
||||
|
||||
/* Horizontal menus */
|
||||
|
||||
.yui-skin-sam .yui-menu-horizontal .yui-menu-content {
|
||||
|
||||
line-height: 2; /* ~24px */
|
||||
*line-height: 1.9; /* For IE */
|
||||
background: url(../../../../assets/skins/sam/sprite.png) repeat-x 0 0;
|
||||
padding: 0;
|
||||
|
||||
}
|
||||
|
||||
|
||||
.yui-skin-sam .yui-menu ul,
|
||||
.yui-skin-sam .yui-menu ul ul {
|
||||
|
||||
margin-top: 3px;
|
||||
padding-top: 3px;
|
||||
border-top: solid 1px #ccc;
|
||||
|
||||
}
|
||||
|
||||
.yui-skin-sam .yui-menu ul.first-of-type {
|
||||
|
||||
border: 0;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
}
|
||||
|
||||
.yui-skin-sam .yui-menu-horizontal ul {
|
||||
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: 0;
|
||||
|
||||
}
|
||||
|
||||
|
||||
.yui-skin-sam .yui-menu li,
|
||||
.yui-skin-sam .yui-menu .yui-menu li {
|
||||
|
||||
/*
|
||||
For and IE 6 (Strict Mode and Quirks Mode) and IE 7 (Quirks Mode only): Used to collapse
|
||||
superfluous white space between <li> elements that is triggered by the "display" property
|
||||
of the <a> elements being set to "block" by node-menunav-core.css file.
|
||||
*/
|
||||
|
||||
_border-bottom: solid 1px #fff;
|
||||
|
||||
}
|
||||
|
||||
.yui-skin-sam .yui-menu-horizontal li {
|
||||
|
||||
_border-bottom: 0;
|
||||
|
||||
}
|
||||
|
||||
.yui-skin-sam .yui-menubuttonnav li {
|
||||
|
||||
border-right: solid 1px #ccc;
|
||||
|
||||
}
|
||||
|
||||
.yui-skin-sam .yui-splitbuttonnav li {
|
||||
|
||||
border-right: solid 1px #808080;
|
||||
|
||||
}
|
||||
|
||||
.yui-skin-sam .yui-menubuttonnav li li,
|
||||
.yui-skin-sam .yui-splitbuttonnav li li {
|
||||
|
||||
border-right: 0;
|
||||
|
||||
}
|
||||
|
||||
|
||||
/* Menuitems and menu labels */
|
||||
|
||||
|
||||
.yui-skin-sam .yui-menu-label,
|
||||
.yui-skin-sam .yui-menu .yui-menu .yui-menu-label,
|
||||
.yui-skin-sam .yui-menuitem-content,
|
||||
.yui-skin-sam .yui-menu .yui-menu .yui-menuitem-content {
|
||||
|
||||
padding: 0 20px;
|
||||
color: #000;
|
||||
text-decoration: none;
|
||||
cursor: default;
|
||||
|
||||
/*
|
||||
Necessary specify values for border, position and margin to override values specified in
|
||||
the selectors that follow.
|
||||
*/
|
||||
|
||||
float: none;
|
||||
border: 0;
|
||||
margin: 0;
|
||||
|
||||
}
|
||||
|
||||
.yui-skin-sam .yui-menu-horizontal .yui-menu-label,
|
||||
.yui-skin-sam .yui-menu-horizontal .yui-menuitem-content {
|
||||
|
||||
padding: 0 10px;
|
||||
border-style: solid;
|
||||
border-color: #808080;
|
||||
border-width: 1px 0;
|
||||
margin: -1px 0;
|
||||
|
||||
float: left; /* Ensures that menu labels clear floated descendents. Also gets negative
|
||||
margins working in IE 7 (Strict Mode). */
|
||||
width: auto;
|
||||
|
||||
}
|
||||
|
||||
.yui-skin-sam .yui-menu-label,
|
||||
.yui-skin-sam .yui-menu .yui-menu .yui-menu-label {
|
||||
|
||||
background: url(vertical-menu-submenu-indicator.png) right center no-repeat;
|
||||
|
||||
}
|
||||
|
||||
.yui-skin-sam .yui-menu-horizontal .yui-menu-label {
|
||||
|
||||
background: url(../../../../assets/skins/sam/sprite.png) repeat-x 0 0;
|
||||
|
||||
}
|
||||
|
||||
.yui-skin-sam .yui-menubuttonnav .yui-menu-label,
|
||||
.yui-skin-sam .yui-splitbuttonnav .yui-menu-label {
|
||||
|
||||
background-image: none;
|
||||
|
||||
}
|
||||
|
||||
.yui-skin-sam .yui-menubuttonnav .yui-menu-label {
|
||||
|
||||
padding-right: 0;
|
||||
|
||||
}
|
||||
|
||||
.yui-skin-sam .yui-menubuttonnav .yui-menu-label em {
|
||||
|
||||
font-style: normal;
|
||||
padding-right: 20px;
|
||||
display: block;
|
||||
background: url(horizontal-menu-submenu-indicator.png) right center no-repeat;
|
||||
|
||||
}
|
||||
|
||||
|
||||
.yui-skin-sam .yui-splitbuttonnav .yui-menu-label {
|
||||
|
||||
padding: 0;
|
||||
|
||||
}
|
||||
|
||||
.yui-skin-sam .yui-splitbuttonnav .yui-menu-label a {
|
||||
|
||||
float: left;
|
||||
width: auto;
|
||||
color: #000;
|
||||
text-decoration: none;
|
||||
cursor: default;
|
||||
padding: 0 5px 0 10px;
|
||||
|
||||
}
|
||||
|
||||
.yui-skin-sam .yui-splitbuttonnav .yui-menu-label .yui-menu-toggle {
|
||||
|
||||
padding: 0; /* Overide padding applied by the preceeding rule. */
|
||||
border-left: solid 1px #ccc;
|
||||
width: 15px;
|
||||
overflow: hidden;
|
||||
text-indent: -1000px;
|
||||
background: url(horizontal-menu-submenu-indicator.png) 3px center no-repeat;
|
||||
|
||||
}
|
||||
|
||||
|
||||
/* Selected menuitem */
|
||||
|
||||
.yui-skin-sam .yui-menu-label-active,
|
||||
.yui-skin-sam .yui-menu-label-menuvisible,
|
||||
.yui-skin-sam .yui-menu .yui-menu .yui-menu-label-active,
|
||||
.yui-skin-sam .yui-menu .yui-menu .yui-menu-label-menuvisible {
|
||||
|
||||
background-color: #B3D4FF;
|
||||
|
||||
}
|
||||
|
||||
.yui-skin-sam .yui-menuitem-active .yui-menuitem-content,
|
||||
.yui-skin-sam .yui-menu .yui-menu .yui-menuitem-active .yui-menuitem-content {
|
||||
|
||||
background-image: none;
|
||||
background-color: #B3D4FF;
|
||||
|
||||
/*
|
||||
Undo values set for "border-left-width" and "margin-left" when the root menu has a class of
|
||||
"yui-menubuttonnav" or "yui-splitbuttonnav" applied.
|
||||
*/
|
||||
|
||||
border-left-width: 0;
|
||||
margin-left: 0;
|
||||
|
||||
}
|
||||
|
||||
.yui-skin-sam .yui-menu-horizontal .yui-menu-label-active,
|
||||
.yui-skin-sam .yui-menu-horizontal .yui-menuitem-active .yui-menuitem-content,
|
||||
.yui-skin-sam .yui-menu-horizontal .yui-menu-label-menuvisible {
|
||||
|
||||
border-color: #7D98B8;
|
||||
background: url(../../../../assets/skins/sam/sprite.png) repeat-x 0 -1700px;
|
||||
|
||||
}
|
||||
|
||||
.yui-skin-sam .yui-menubuttonnav .yui-menu-label-active,
|
||||
.yui-skin-sam .yui-menubuttonnav .yui-menuitem-active .yui-menuitem-content,
|
||||
.yui-skin-sam .yui-menubuttonnav .yui-menu-label-menuvisible,
|
||||
.yui-skin-sam .yui-splitbuttonnav .yui-menu-label-active,
|
||||
.yui-skin-sam .yui-splitbuttonnav .yui-menuitem-active .yui-menuitem-content,
|
||||
.yui-skin-sam .yui-splitbuttonnav .yui-menu-label-menuvisible {
|
||||
|
||||
border-left-width: 1px;
|
||||
margin-left: -1px;
|
||||
|
||||
}
|
||||
|
||||
.yui-skin-sam .yui-splitbuttonnav .yui-menu-label-menuvisible {
|
||||
|
||||
border-color: #808080;
|
||||
background: transparent;
|
||||
|
||||
}
|
||||
|
||||
.yui-skin-sam .yui-splitbuttonnav .yui-menu-label-menuvisible .yui-menu-toggle {
|
||||
|
||||
border-color: #7D98B8;
|
||||
background: url(horizontal-menu-submenu-toggle.png) left center no-repeat;
|
||||
|
||||
}
|
||||
@@ -0,0 +1,8 @@
|
||||
/*
|
||||
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
|
||||
Code licensed under the BSD License:
|
||||
http://developer.yahoo.net/yui/license.txt
|
||||
version: 3.0.0
|
||||
build: 1549
|
||||
*/
|
||||
.yui-menu .yui-menu{position:absolute;z-index:1;}.yui-menu .yui-shim{position:absolute;top:0;left:0;z-index:-1;opacity:0;filter:alpha(opacity=0);border:none;margin:0;padding:0;height:100%;width:100%;}.yui-menu-hidden{top:-10000px;left:-10000px;visibility:hidden;}.yui-menu li{list-style-type:none;}.yui-menu ul,.yui-menu li{margin:0;padding:0;}.yui-menu-label,.yui-menuitem-content{text-align:left;white-space:nowrap;display:block;}.yui-menu-horizontal li{float:left;width:auto;}.yui-menu-horizontal li li{float:none;}.yui-menu-horizontal ul{*zoom:1;}.yui-menu-horizontal ul ul{*zoom:normal;}.yui-menu-horizontal>.yui-menu-content>ul:after{content:"";display:block;clear:both;line-height:0;font-size:0;visibility:hidden;}.yui-menu-content{*zoom:1;}.yui-menu-hidden .yui-menu-content{*zoom:normal;}.yui-menuitem-content,.yui-menu-label{_zoom:1;}.yui-menu-hiden .yui-menuitem-content,.yui-menu-hiden .yui-menu-label{_zoom:normal;}.yui-skin-sam .yui-menu-content,.yui-skin-sam .yui-menu .yui-menu .yui-menu-content{font-size:93%;line-height:1.5;*line-height:1.45;border:solid 1px #808080;background:#fff;padding:3px 0;}.yui-skin-sam .yui-menu .yui-menu .yui-menu-content{font-size:100%;}.yui-skin-sam .yui-menu-horizontal .yui-menu-content{line-height:2;*line-height:1.9;background:url(../../../../assets/skins/sam/sprite.png) repeat-x 0 0;padding:0;}.yui-skin-sam .yui-menu ul,.yui-skin-sam .yui-menu ul ul{margin-top:3px;padding-top:3px;border-top:solid 1px #ccc;}.yui-skin-sam .yui-menu ul.first-of-type{border:0;margin:0;padding:0;}.yui-skin-sam .yui-menu-horizontal ul{padding:0;margin:0;border:0;}.yui-skin-sam .yui-menu li,.yui-skin-sam .yui-menu .yui-menu li{_border-bottom:solid 1px #fff;}.yui-skin-sam .yui-menu-horizontal li{_border-bottom:0;}.yui-skin-sam .yui-menubuttonnav li{border-right:solid 1px #ccc;}.yui-skin-sam .yui-splitbuttonnav li{border-right:solid 1px #808080;}.yui-skin-sam .yui-menubuttonnav li li,.yui-skin-sam .yui-splitbuttonnav li li{border-right:0;}.yui-skin-sam .yui-menu-label,.yui-skin-sam .yui-menu .yui-menu .yui-menu-label,.yui-skin-sam .yui-menuitem-content,.yui-skin-sam .yui-menu .yui-menu .yui-menuitem-content{padding:0 20px;color:#000;text-decoration:none;cursor:default;float:none;border:0;margin:0;}.yui-skin-sam .yui-menu-horizontal .yui-menu-label,.yui-skin-sam .yui-menu-horizontal .yui-menuitem-content{padding:0 10px;border-style:solid;border-color:#808080;border-width:1px 0;margin:-1px 0;float:left;width:auto;}.yui-skin-sam .yui-menu-label,.yui-skin-sam .yui-menu .yui-menu .yui-menu-label{background:url(vertical-menu-submenu-indicator.png) right center no-repeat;}.yui-skin-sam .yui-menu-horizontal .yui-menu-label{background:url(../../../../assets/skins/sam/sprite.png) repeat-x 0 0;}.yui-skin-sam .yui-menubuttonnav .yui-menu-label,.yui-skin-sam .yui-splitbuttonnav .yui-menu-label{background-image:none;}.yui-skin-sam .yui-menubuttonnav .yui-menu-label{padding-right:0;}.yui-skin-sam .yui-menubuttonnav .yui-menu-label em{font-style:normal;padding-right:20px;display:block;background:url(horizontal-menu-submenu-indicator.png) right center no-repeat;}.yui-skin-sam .yui-splitbuttonnav .yui-menu-label{padding:0;}.yui-skin-sam .yui-splitbuttonnav .yui-menu-label a{float:left;width:auto;color:#000;text-decoration:none;cursor:default;padding:0 5px 0 10px;}.yui-skin-sam .yui-splitbuttonnav .yui-menu-label .yui-menu-toggle{padding:0;border-left:solid 1px #ccc;width:15px;overflow:hidden;text-indent:-1000px;background:url(horizontal-menu-submenu-indicator.png) 3px center no-repeat;}.yui-skin-sam .yui-menu-label-active,.yui-skin-sam .yui-menu-label-menuvisible,.yui-skin-sam .yui-menu .yui-menu .yui-menu-label-active,.yui-skin-sam .yui-menu .yui-menu .yui-menu-label-menuvisible{background-color:#B3D4FF;}.yui-skin-sam .yui-menuitem-active .yui-menuitem-content,.yui-skin-sam .yui-menu .yui-menu .yui-menuitem-active .yui-menuitem-content{background-image:none;background-color:#B3D4FF;border-left-width:0;margin-left:0;}.yui-skin-sam .yui-menu-horizontal .yui-menu-label-active,.yui-skin-sam .yui-menu-horizontal .yui-menuitem-active .yui-menuitem-content,.yui-skin-sam .yui-menu-horizontal .yui-menu-label-menuvisible{border-color:#7D98B8;background:url(../../../../assets/skins/sam/sprite.png) repeat-x 0 -1700px;}.yui-skin-sam .yui-menubuttonnav .yui-menu-label-active,.yui-skin-sam .yui-menubuttonnav .yui-menuitem-active .yui-menuitem-content,.yui-skin-sam .yui-menubuttonnav .yui-menu-label-menuvisible,.yui-skin-sam .yui-splitbuttonnav .yui-menu-label-active,.yui-skin-sam .yui-splitbuttonnav .yui-menuitem-active .yui-menuitem-content,.yui-skin-sam .yui-splitbuttonnav .yui-menu-label-menuvisible{border-left-width:1px;margin-left:-1px;}.yui-skin-sam .yui-splitbuttonnav .yui-menu-label-menuvisible{border-color:#808080;background:transparent;}.yui-skin-sam .yui-splitbuttonnav .yui-menu-label-menuvisible .yui-menu-toggle{border-color:#7D98B8;background:url(horizontal-menu-submenu-toggle.png) left center no-repeat;}
|
||||
Reference in New Issue
Block a user