DMC/scipro
7
0
Fork 0
Code Issues42 Pull Requests4 Actions Projects1 Releases Wiki Activity

meny-css separat

Browse Source 
klickbar del i menyn korrigerad för att fylla ut

git-svn-id: svn://svn.dsv.su.se/scipro/scipro/trunk@505 73ecded7-942e-4092-bab0-0e58ef0ee984
This commit is contained in:
patr-str 2011-03-28 12:53:47 +00:00
parent b2c4b7d604
commit d6010333ae
2 changed files with 111 additions and 105 deletions
src/main/webapp/css
menu.cssscipro.css

110
src/main/webapp/css/menu.css Normal file

@ -0,0 +1,110 @@
#main-nav {
}
#nav-list {
margin-top: 2px;
}
#nav-list li.nav-list-item {
float: left;
display: inline;
margin: 5px 6px 0 6px;
position: relative;
}
#nav-list li.nav-list-item .menu-item {
display: block;
padding: 2px 0 0 0;
height: 23px;
}
#nav-list li.nav-list-item .menu-item a {
padding: 0 10px 12px 10px;
color: #fff;
/*font: 1.2em/1.5 Ubuntu, sans-serif;*/
font: 1.1em/1.5 arial, sans-serif;
font-weight: bold;
text-decoration: none;
}
#nav-list li.nav-list-item .menu-item > a#current {
padding: 0 10px 7px 10px;
border-bottom: 5px solid #ccc;
}
.menu-item img.nav-arrow {
vertical-align: middle;
width: 23px;
height: 27px;
}
#nav-list a#current {
/* Feel free to replace with something nicer */
/* padding-bottom: 7px; */
/* border-bottom: 5px solid #ccc; */
}
#nav-list .current .menu-item,
#nav-list li.nav-list-item:hover > .menu-item {
background-color: #fff;
-webkit-border-top-left-radius: 0.6em;
-moz-border-radius-topleft: 0.6em;
border-top-left-radius: 0.6em;
-webkit-border-top-right-radius: 0.6em;
-moz-border-radius-topright: 0.6em;
border-top-right-radius: 0.6em;
text-decoration: none;
padding-bottom: 7px;
}
#nav-list li.nav-list-item:hover > .menu-item a {
color: #002f5f;
}
#nav-list li.nav-list-item.parent .submenu {
position: absolute;
top: 32px;
left: -1px;
width: 140px;
background: #fff;
padding: 5px;
display: none;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
z-index: 9999;
}
#nav-list li.nav-list-item.parent .over {
display: block;
}
#nav-list li.nav-list-item.parent .submenu {
font-size: 0.9em;
}
#nav-list li.nav-list-item.parent .submenu a:link,
#nav-list li.nav-list-item.parent .submenu a:visited,
#nav-list li.nav-list-item.parent .submenu a:hover {
display: block;
padding: 4px;
text-decoration: none;
}
/*#nav-list #project-sub,
#nav-list #supervisor-sub,
#nav-list #resources-sub,
#nav-list #admin-sub {
display: none;
}
#nav-list #project-sub.over,
#nav-list #supervisor-sub.over,
#nav-list #resources-sub.over,
#nav-list #admin-sub.over {
display: block;
}*/
#main-nav #user-links {
margin-top: 5px;
font-size: 0.9em;
text-align: right;
}
#main-nav #user-links a {
color: #99acbf;
}

106
src/main/webapp/css/scipro.css

@ -1,3 +1,4 @@
@IMPORT url("menu.css");
/* BASE */
@ -53,112 +54,7 @@ img.department-logotype {
height: 133px;
}
#main-nav {
}
#nav-list {
margin-top: 2px;
}
#nav-list li.nav-list-item {
float: left;
display: inline;
margin: 5px 6px 0 6px;
position: relative;
}
#nav-list li.nav-list-item .menu-item {
display: block;
padding: 2px 0;
height: 26px;
}
#nav-list li.nav-list-item .menu-item a {
padding: 0 10px;
color: #fff;
/*font: 1.2em/1.5 Ubuntu, sans-serif;*/
font: 1.2em/1.5 sans-serif;
font-weight: bold;
text-decoration: none;
}
.menu-item img.nav-arrow {
vertical-align: middle;
width: 23px;
height: 27px;
}
#nav-list #current {
/* Feel free to replace with something nicer */
padding-bottom: 7px;
border-bottom: 5px solid #ccc;
}
#nav-list .current .menu-item,
#nav-list li.nav-list-item:hover > .menu-item {
background-color: #fff;
-webkit-border-top-left-radius: 0.6em;
-moz-border-radius-topleft: 0.6em;
border-top-left-radius: 0.6em;
-webkit-border-top-right-radius: 0.6em;
-moz-border-radius-topright: 0.6em;
border-top-right-radius: 0.6em;
text-decoration: none;
padding-bottom: 7px;
}
#nav-list li.nav-list-item:hover > .menu-item a {
color: #002f5f;
}
#nav-list li.nav-list-item.parent .submenu {
position: absolute;
top: 36px;
left: -1px;
width: 140px;
background: #fff;
padding: 5px;
display: none;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
z-index: 9999;
}
#nav-list li.nav-list-item.parent .over {
display: block;
}
#nav-list li.nav-list-item.parent .submenu {
font-size: 0.9em;
}
#nav-list li.nav-list-item.parent .submenu a:link,
#nav-list li.nav-list-item.parent .submenu a:visited,
#nav-list li.nav-list-item.parent .submenu a:hover {
display: block;
padding: 4px;
text-decoration: none;
}
/*#nav-list #project-sub,
#nav-list #supervisor-sub,
#nav-list #resources-sub,
#nav-list #admin-sub {
display: none;
}
#nav-list #project-sub.over,
#nav-list #supervisor-sub.over,
#nav-list #resources-sub.over,
#nav-list #admin-sub.over {
display: block;
}*/
#main-nav #user-links {
margin-top: 5px;
font-size: 0.9em;
text-align: right;
}
#main-nav #user-links a {
color: #99acbf;
}
#main-content {
min-height: 500px;