PageRenderTime 52ms CodeModel.GetById 36ms app.highlight 11ms RepoModel.GetById 1ms app.codeStats 1ms

/webportal/src/main/webapp/css/sf.css

http://alageospatialportal.googlecode.com/
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;}