summaryrefslogtreecommitdiffstats
path: root/public/media
diff options
context:
space:
mode:
Diffstat (limited to 'public/media')
-rw-r--r--public/media/css/style.css179
-rw-r--r--public/media/img/navigationLevel0.gifbin0 -> 55 bytes
-rw-r--r--public/media/img/navigationLevel1.gifbin0 -> 69 bytes
-rw-r--r--public/media/img/navigationLevel2.gifbin0 -> 859 bytes
-rw-r--r--public/media/js/script.js11
5 files changed, 147 insertions, 43 deletions
diff --git a/public/media/css/style.css b/public/media/css/style.css
index 644f0c2..d947146 100644
--- a/public/media/css/style.css
+++ b/public/media/css/style.css
@@ -34,30 +34,9 @@ body {
#sidepannel {
float: left;
+ font-size:12px;
}
-#sidepannel li {
- font-size: 11.5px;
- padding-top: 2px;
-}
-
-#sidepannel ul {
- padding-left: 22px;
-}
-
-#sidepannel ul {
- font-weight: bold;
-}
-
-#sidepannel ul.inner-ul {
- font-weight: normal;
-}
-
-#sidepannel li.li-selected {
- font-style: italic;
- font-weight: bold;
- color: #000033;
-}
#footer {
position: fixed;
@@ -154,29 +133,143 @@ body {
}
/* ###################################################### */
-#nav {
- border-bottom: 1px solid #000;
- border-top: 1px solid #000;
- background-color: #CCE7FF;
- padding: 5px 10px;
-}
+.portletNavigationTree {
+ width: 180px;
+ padding: 0;
+ margin: 0 0 21px 0;
+ background-color: #ffffff;
+ border-bottom: none;
+ overflow: hidden;
+ }
+
+.portletNavigationTree .portletItem {
+ border-left: none;
+ border-right: none;
+ }
+
+.portletNavigationTree dt {
+ display: none;
+ }
+
+.portletNavigationTree ul,
+.portletNavigationTree ul li,
+.portletNavigationTree dd,
+.portletNavigationTree div {
+ margin: 0;
+ padding: 0;
+ }
-#nav ul {
- margin: 2px;
- padding: 8px;
-}
+.portletNavigationTree ul li {
+ margin: 0;
+ border-bottom: 1px solid #fff;
+ list-style: none;
+ }
-#nav li {
- display: inline;
- list-style-type: none;
- padding-right: 10px;
- font-family: verdana;
- font-size: 12px;
-}
+.portletNavigationTree ul li.navTreeLastItem {
+ border-bottom: none;
+ }
-#nav li a {
- color: #000;
-}
+.portletNavigationTree li.navTreeItem a {
+ display: block;
+ width: auto;
+ padding: 3px 0;
+ margin: 0;
+ text-decoration: none;
+ color: #363534;
+ background: #c9cac8;
+ }
+
+
+/* - navTreeLevel0 - */
+.portletNavigationTree ul.navTreeLevel0 a {
+ padding-left: 4px;
+ }
+
+.portletNavigationTree ul.navTreeLevel0 a:hover {
+ background: #004a99;
+ color: #fff;
+ }
+
+.portletNavigationTree ul.navTreeLevel0 a.navTreeCurrentItem {
+ background: #004a99 !important;
+ color: #fff;
+ margin-left: 0px;
+ padding-left: 4px;
+ }
+
+.portletNavigationTree ul.navTreeLevel0 li {
+ background: url(/media/img/navigationLevel0.gif) repeat-y left top #c9cac8;
+ padding-left: 4px;
+ }
+
+
+/* - navTreeLevel1 - */
+.portletNavigationTree ul.navTreeLevel1 {
+ /* border-top: 1px solid #fff; */
+ margin: 0 0 0 0px;
+ }
+
+.portletNavigationTree ul.navTreeLevel1 a {
+ background: #d5d6d2;
+ color: #363534;
+ padding-left: 4px;
+ }
+
+.portletNavigationTree ul.navTreeLevel1 a:hover {
+ background: #2a6ebb;
+ color: #fff;
+ }
+
+.portletNavigationTree ul.navTreeLevel1 li {
+ background: url(/media/img/navigationLevel1.gif) repeat-y 0px top;
+ }
+
+.portletNavigationTree ul.navTreeLevel1 a.navTreeCurrentItem {
+ background: #2a6ebb !important;
+ color: #fff;
+ margin-left: 0px;
+ }
+
+.portletNavigationTree ul.navTreeLevel1 li.navTreeLastItem {
+ border-bottom: none;
+ }
+
+
+/* - navTreeLevel2 - */
+.portletNavigationTree ul.navTreeLevel2 {
+ border-top: 1px solid #fff;
+ margin: 0;
+ }
+
+.portletNavigationTree ul.navTreeLevel2 a {
+ background: #e0e1dd;
+ margin-left: 0px;
+ padding-left: 4px;
+ }
+
+.portletNavigationTree ul.navTreeLevel2 a:hover {
+ background: #6f9ad3;
+ color: #fff;
+ }
+
+.portletNavigationTree ul.navTreeLevel2 li {
+ background: url(/media/img/navigationLevel2.gif) repeat-y left top;
+ }
+
+.portletNavigationTree ul.navTreeLevel2 li.navTreeLastItem {
+ border: none;
+ }
+
+.portletNavigationTree ul.navTreeLevel2 a.navTreeCurrentItem {
+ background: #6f9ad3 !important;
+ color: #fff !important;
+ }
+
+.portletNavigationTree ul.navTreeLevel2 a.navTreeItemInPath {
+ background: #6f9ad3 !important;
+ color: #fff !important;
+ }
+/* ################################################### */
#content h1 {
display: block;
@@ -339,4 +432,4 @@ td.action img {
background: #FFFFFF url('/media/img/box_info.png') no-repeat;
background-position: 10px center;
color: #777;
-} \ No newline at end of file
+}
diff --git a/public/media/img/navigationLevel0.gif b/public/media/img/navigationLevel0.gif
new file mode 100644
index 0000000..16718a7
--- /dev/null
+++ b/public/media/img/navigationLevel0.gif
Binary files differ
diff --git a/public/media/img/navigationLevel1.gif b/public/media/img/navigationLevel1.gif
new file mode 100644
index 0000000..5b2c0e4
--- /dev/null
+++ b/public/media/img/navigationLevel1.gif
Binary files differ
diff --git a/public/media/img/navigationLevel2.gif b/public/media/img/navigationLevel2.gif
new file mode 100644
index 0000000..d97f2d4
--- /dev/null
+++ b/public/media/img/navigationLevel2.gif
Binary files differ
diff --git a/public/media/js/script.js b/public/media/js/script.js
new file mode 100644
index 0000000..7b6c2cd
--- /dev/null
+++ b/public/media/js/script.js
@@ -0,0 +1,11 @@
+$(document).ready(function(){
+ path = window.location.pathname.split('/');
+ mypath= '/'+path[1]+'/'+path[2];
+ $('.portletNavigationTree a').each(function(){
+ if($(this).attr('href') == mypath){
+ /*console.log($(this).parent());*/
+ $(this).addClass('navTreeCurrentNode');
+ $(this).addClass('navTreeCurrentItem');
+ }
+ });
+});