/webportal/src/main/webapp/css/sf.css
CSS | 126 lines | 101 code | 13 blank | 12 comment | 0 complexity | 9bbc6ea0f28f8e6aac6aa8a1b001ebe9 MD5 | raw file
1/* nav bar styles*/ 2#nav-sp { 3 z-index:100; 4 position:relative; 5 width:99.5%; 6 height:37px; 7 margin:0 auto; 8 -moz-border-radius: 0 0 3px 3px; 9 -webkit-border-radius: 0 0 3px 3px; 10 -o-border-radius: 0 0 3px 3px; 11 -icab-border-radius: 0 0 3px 3px; 12 -khtml-border-radius: 0 0 3px 3px; 13 border-radius: 0 0 3px 3px; 14 15 border:1px solid #bc2b03; 16 border-top:none; 17 background-color: #df4a21; 18 background-image: -webkit-gradient(linear, left top, left bottom, from(#df4a21), to(#d3421a)); 19 background-image: -webkit-linear-gradient(top, #df4a21, #d3421a); 20 background-image: -moz-linear-gradient(top, #df4a21, #d3421a); 21 background-image: -ms-linear-gradient(top, #df4a21, #d3421a); 22 background-image: -o-linear-gradient(top, #df4a21, #d3421a); 23 background-image: linear-gradient(top, #df4a21, #d3421a); 24 /*disabled for IE7 25 filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#df4a21', EndColorStr='#d3421a');*/ 26 27} 28 29#nav-sp ul li { 30 display:inline; 31} 32#nav-sp li a { 33 float: left; 34 overflow: hidden; 35 border: none; 36 /* For FF +Arial Narrow +default hw acceleration setting */ 37 height:1.65em; 38 font-size:1.25em; 39 font-family: Arial, Helvetica,sans-serif; 40 font-weight:narrow; 41 color:#fff; 42 padding:.6em .6em; /* make room for Home */ 43} 44#nav-sp li ul a { 45 /* For FF +Arial Narrow +default hw acceleration setting */ 46 height:1.2em; 47} 48/*** ESSENTIAL STYLES ***/ 49.sf, .sf * { 50 margin:0; 51 padding:0; 52 list-style:none; 53} 54 55/*.sf ul {*/ 56.sf li ul { 57 position:absolute; 58 top:-999em; 59 width:100%; /* left offset of submenus need to match (see below) */ 60} 61.sf ul li { width:100%; } 62.sf li:hover { visibility:inherit; /* fixes IE7 'sticky bug' */ } 63.sf li:hover { cursor:pointer; } 64.sf li { float:left; position:relative; } 65.sf a { display:block; position:relative; } 66 67.sf li:hover ul, 68.sf li.sfHover ul { 69 left:0; 70 top:3em; /* where to start sub menu (match height of button image) */ 71 width:16em; /* how wide the sub-menus should be when javascript is disabled. don't forget left margin for level 3! */ 72 z-index:50; 73 text-align:left; 74} 75 76ul.sf li:hover li ul, 77ul.sf li.sfHover li ul { 78 top:-999em; 79} 80 81/*** CUSTOM SKIN ***/ 82 83/* top */ 84.sf a {text-decoration:none} 85.sf li:hover, .sf li.wpm-hover, 86.sf li:hover > a, 87.sf li.selected a, 88.sf a:focus, .sf a:hover, .sf a:active { 89 text-decoration: none; 90 background: #3d464c; /* color 3 */ 91 outline: 0; 92} 93 94/* end of image replace */ 95 96/* subs */ 97.sf li li { 98 height:100%; 99 line-height:1; 100} 101 102.sf li li a, .sf li li a:visited { 103 font-family:Arial, Helvetica, sans-serif!important; 104 padding:.5em 1em!important; 105 width:14em; 106 color:#fff; 107 font-size:1.2em!important; 108 cursor:pointer; 109} 110 111.sf li ul { 112 padding: 0; 113 background-color:#3d464c; 114 border:1px #3d464c solid; 115 -moz-border-radius: 0 0 3px 3px; /* FF1+ */ 116 -webkit-border-radius: 0 0 3px 3px; /* Saf3+, Chrome */ 117 -o-border-radius: 0 0 3px 3px; 118 -icab-border-radius: 0 0 3px 3px; 119 -khtml-border-radius: 0 0 3px 3px; 120 border-radius: 0 0 3px 3px; /* Opera 7.7, IE 9 */ 121 z-index:50; 122 overflow:hidden; 123} 124 125/* hover for subs */ 126.sf li li:hover, .sf li li.sfHover,.sf li li a:focus, .sf li li a:hover, .sf li li a:active, .sf li li.selected a { background-color:#df4a21!important; outline:0;}