Changeset 139 for trunk/web-app/css

Timestamp:

Sep 28, 2009, 10:01:43 AM (15 years ago)

Author:

gav

Message:

Install Navigation plugin, work on navigation and hopefully fixed a few more IE vs Firefox CSS issues.
New skin for class-diagram plugin.
Adjust security config to suite.
Replace home.gsp with start.gsp, remove options.gsp and acknowledgements.gsp as they are now on start.gsp tabs.
Create search pages for Tasks, Assets and Inventory.
Change suggested login to manager.
Change all date formats to format="EEE, dd-MMM-yyyy".

Location:

trunk/web-app/css

Files:

• main.css (modified) (6 diffs)
• tabviewCustom.css (modified) (1 diff)

trunk/web-app/css/main.css

@@ -44 +44 @@
   width: 980px;
   height: 160px;
+  /*border: 1px solid;*/
 }
 #HeaderLink{
@@ -49 +50 @@
   width: 650px;
   height: 160px;
+}
+
+/* Navigation plugin, top level. */
+#menu {
+    float: left;
 }
 
@@ -83 +89 @@
 }
 textarea {
-        width: 450px;
-        height: 150px;
-        vertical-align: top;
+    width: 450px;
+    height: 150px;
+    vertical-align: top;
 }
 
@@ -97 +103 @@
 }
 
-/* Login/out and Admin*/
+/* Login/out and Admin */
 
 .appcontrol {
-    text-align: right;
-    padding: 5px 160px 5px 5px
-}
-
-.appcontrolButton {
-    font-size: 14px;
-    padding: 5px 5px;
-}
-
-/* NAVIGATION MENU */
+    width: 980px;
+    height: 2em;
+/*     text-align: right; */
+/*     padding: 0px 160px 70px 5px; */
+/*     padding: 0.5em 0px 0.5em 0px; */
+    /*border: 1px solid blue;*/
+    /*border-style: solid solid solid solid;*/
+    /*overflow: hidden;*/ /* Clearing floats */
+}
+
+.appcontrolButton a {
+    padding: 0.3em 165px 0em 5px;
+/*   width: 980px; */
+    float: right;
+    font-size: 14px;
+/*     padding: 0.5em 5px ; */
+    text-decoration: none;
+    display: block;
+    /*overflow: hidden;*/ /* Clearing floats */
+}
+
+.appcontrolButton a:hover {
+    color: red;
+    margin: 0.2em 0 0 0;
+    /*padding: 0.8em 5px;*/
+}
+
+/* ORIGINAL NAVIGATION MENU */
 
 .nav {
@@ -116 +140 @@
     /*border: 1px solid #ccc;
     border-style: solid none solid none;*/
-    padding: 15px 0px 0px 0px;
+    padding: 10px 0px 0px 0px;
     width: 980px;
     height: 40px;
-}
-
-/*.nav a{
-    background: url("../images/linkPanel.png") no-repeat top;
-    display: inline-block;
-    width: 140px;
-    height: 40px;
-    text-decoration: none;
-}*/
+    /*border: 1px solid;*/
+}
 
 .menuButton {
@@ -375 +392 @@
   height: 100px;
 }
+
+ /* Navigation Plugin Override */
+.navigation {
+    padding: 0px 0px 0px 165px;
+    list-style-type: none;
+    clear: both;
+    font-size: 14px;
+    overflow: hidden; /* Clearing floats */
+}
+
+.navigation li {
+    float: left;
+    /*border: 0px*/
+    /* border: 1px solid #888; */
+     /*border-left-color: #bbb;*/  /* Highlight border-color */
+}
+
+.navigation li.navigation_first {
+     /*border-left-color: #888; */
+}
+
+.navigation li.navigation_active {
+     /*border-left-color: #555;*/  /* Highlight border-color of active item */
+}
+
+.navigation li a {
+    /* color: #fff; */
+    /* background-color: #aaa; */
+    padding: 0.3em 0.75em;
+    display: block;
+    text-decoration: none;
+}
+
+.navigation li a:hover {
+    color: red;
+    /* background-color: #999; */
+/*     font-weight: normal; */
+/*     font-size: 14px; */
+    margin: 0.2em 0 0 0;
+    /*cursor: default;*/
+}
+
+.navigation li.navigation_active a {
+    /* background-color: #555; */
+/*    color: #fff;*/
+    color: #006dba;
+    /*color: black;*/
+    font-weight: bold;
+    font-size: 17px;
+    margin: 0 0 0 0;
+    /*cursor: default;*/
+}
+
+.navigation li.navigation_active a:hover {
+    color: #006dba;
+    font-weight: bold;
+    font-size: 17px;
+    margin: 0 0 0 0;
+    /*background-color: #555;*/
+}
+
+/* Sub navigation */
+.subnavigation {
+    /*padding: 0px 0px 0px 165px;*/
+    padding: 0px 0px 0px 220px;
+    list-style-type: none;
+    clear: both;
+    overflow: hidden; /* Clearing floats */
+}
+.subnavigation li {
+    float: left;
+    /* background-color: #555; */
+    padding: 0em 0.75em;
+    border-width: 0px 0;
+}
+.subnavigation li a {
+    color: #006dba;
+    font-weight: bold;
+    font-size: 17px;
+    display: block;
+    /*padding: 0px 0;*/
+    /* border-color: #555; */
+    border-style: solid;
+    border-width: 0px 0;
+    text-decoration: none;
+    /*margin: 0 0 0 0;*/
+    /*cursor: default;*/
+}
+
+.subnavigation li a:visited {
+    color: #006dba;
+}
+
+.subnavigation li a:hover {
+    /*color: red;*/
+    /*border-color: black;*/ 
+    border-width: 1px 0;
+}
+.subnavigation li.subnavigation_active a {
+    /*color: #e0e0e0; */
+    /*cursor: default;*/
+    /*border-color: #e0e0e0;*/
+    border-width: 1px 0;
+}

trunk/web-app/css/tabviewCustom.css

@@ -187 +187 @@
 .yui-skin-sam .yui-navset .yui-nav a:focus{/*hover background*/
 /*     background:#bfdaff url("../images/skin/sprite.png") repeat-x left -1300px;  */
-    background:#bfdaff
+    background:#bfdaff;
     outline:0;
 }