Changeset 4453

Timestamp:

02/06/14 08:08:19 (10 years ago)

Author:

twagoo

Message:

moved header css for mockup into right file

Location:

vlo/branches/vlo-3.0/vlo-web-app/src/main/html/style

Files:

• vlo-header.css (modified) (2 diffs)
• vlo.css (modified) (2 diffs)

vlo/branches/vlo-3.0/vlo-web-app/src/main/html/style/vlo-header.css

@@ -20 +20 @@
 */
 
+/* Header image and icons */
 
 #header {
@@ -54 +55 @@
     width: 50px;
 }
+
+/* Navigation bar */
+
+#topnavigation {
+    margin: 8px 15px 2px 15px;
+    padding: 0px 4px 0px 8px;
+    /*min-height: 1.5em;*/
+}
+
+#topnavigation #breadcrumbs {
+    float: left;
+    clear: left;
+    width: 75%;
+    padding-bottom: .5em;
+}
+
+#topnavigation #topnavigationlinks {
+    float: right;
+    clear: right;
+    text-align: right;
+    width: 20%;
+    padding-bottom: .5em;
+}
+
+#topnavigation #topnavigationlinks a {
+    display: inline-block;
+    width: 12px;
+    height: 12px;
+}
+
+#topnavigation #topnavigationlinks a {
+    background-size: 12px;
+    background-repeat: no-repeat;
+    text-decoration: none;
+}
+
+#topnavigation #topnavigationlinks a span {
+    display: none;
+}
+
+#topnavigation #topnavigationlinks #help:after {
+   content: 'Help'
+}
+
+#topnavigation #topnavigationlinks #permalink {
+    background-image: url('link-128.png'); /* icon from icons8.com */
+}

vlo/branches/vlo-3.0/vlo-web-app/src/main/html/style/vlo.css

@@ -21 +21 @@
 */
 
+/* styles for header and static topic section */
 @import "vlo-header.css";
 
@@ -34 +35 @@
 /* styles for record details */
 @import "vlo-record.css";
-
-#topnavigation {
-    margin: 8px 15px 2px 15px;
-    padding: 0px 4px 0px 8px;
-    /*min-height: 1.5em;*/
-}
-
-#topnavigation #breadcrumbs {
-    float: left;
-    clear: left;
-    width: 75%;
-    padding-bottom: .5em;
-}
-
-#topnavigation #topnavigationlinks {
-    float: right;
-    clear: right;
-    text-align: right;
-    width: 20%;
-    padding-bottom: .5em;
-}
-
-#topnavigation #topnavigationlinks a {
-    display: inline-block;
-    width: 12px;
-    height: 12px;
-}
-
-#topnavigation #topnavigationlinks a {
-    background-size: 12px;
-    background-repeat: no-repeat;
-    text-decoration: none;
-}
-
-#topnavigation #topnavigationlinks a span {
-    display: none;
-}
-
-#topnavigation #topnavigationlinks #help:after {
-   content: 'Help'
-}
-
-#topnavigation #topnavigationlinks #permalink {
-    background-image: url('link-128.png'); /* icon from icons8.com */
-}
-