menysystemsdefinitioner

git-svn-id: svn://svn.dsv.su.se/scipro/scipro/trunk@466 73ecded7-942e-4092-bab0-0e58ef0ee984

src/main/webapp/css/scipro.css

@@ -1,6 +1,6 @@
 
 /* BASE */
-
+
 #system-notice {
 	width: 100%;
 	background: #9e0000;
@@ -57,41 +57,88 @@ img.department-logotype {
 	
 }
 
-#main-nav ul {
+#nav-list {
 	margin-top: 2px;
 }
 
-#main-nav li {
+#nav-list li.nav-list-item {
 	float: left;
 	display: inline;
-	margin: 5px 5px 0 5px;
+	margin: 5px 6px 0 6px;
+	position: relative;
 }
 
-#main-nav li a {
+#nav-list li.nav-list-item .menu-item {
 	display: block;
-	padding: 5px 10px;
+	padding: 5px 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-weight: bold;
 	text-decoration: none;
 }
+.menu-item img {
+	vertical-align: middle;
+}
+
 #main-nav #current {
 	/* Feel free to replace with something nicer */
 	border-bottom:5px solid lightgrey;
 }
-#main-nav .current a,
-#main-nav li:hover > a {
-	background-color: #99acbf;
-	-webkit-border-radius: 0.6em;
-	-moz-border-radius: 0.6em;
-	border-radius: 0.6em;
+#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;
 }
-
-#main-nav ul li.submenu a:AFTER {
-	content: " \00BB";
+#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;
+}
+#nav-list li.nav-list-item.parent .over {
+	display: block;
+}
+#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;
+}
+
+
+/*#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;