Changeset 800

Timestamp:

10/08/08 15:06:40 (8 weeks ago)

Author:

aarkerio

Message:

Update css

Location:

trunk/app

Files:

• views/layouts/school.ctp (modified) (1 diff)
• webroot/css/school/styles.css (modified) (3 diffs)

trunk/app/views/layouts/school.ctp

@@ -35 +35 @@
 <!-- Begin Navigation -->
 <div id="navigation">
+<ul id="menu_nav">
 <?php 
- echo $html->link('eduBlog',   '/blog/'.$blog['User']['username']); 
- echo $html->link('ePortfolio', '/users/portfolio/'.$blog['User']['username']); 
- echo $html->link('About me',  '/vclassrooms/aboutme/'.$blog['User']['username']);
- echo $html->link('Contact',   '/messages/message/'.$blog['User']['username']);
+ echo '<li>'.$html->link('eduBlog',   '/blog/'.$blog['User']['username']) .'</li>'; 
+ echo '<li>'.$html->link('ePortfolio', '/users/portfolio/'.$blog['User']['username']).'</li>'; 
+ echo '<li>'.$html->link('About me',  '/vclassrooms/aboutme/'.$blog['User']['username']).'</li>';
+ echo '<li>'.$html->link('Contact',   '/messages/message/'.$blog['User']['username']).'</li>';
 ?>
+</ul>
 </div>
 <!-- End Navigation --> 

trunk/app/webroot/css/school/styles.css

@@ -16 +16 @@
  font-size: 13px;
 }
+img{border:0;}
 #wrapper { 
  margin: 0 auto;
@@ -21 +22 @@
 }
 #faux {
- background: url(faux-4-2-col.gif);
+ background: url(/img/styles/school/faux-4-2-col.gif);
  margin-bottom: 0px;
  overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
@@ -36 +37 @@
 #navigation {
  color: #333;
- padding: 10px;
- margin: 0px 0px 0px 0px;
+ padding: 0;
+ margin: 0;
  background: #ABBEBE;
+ height:24px;
 }
+ul#menu_nav { 
+              padding: 0;
+              margin: 0;
+              background-color: #c0c0c0;
+              color: #fff;
+              float: left;
+              width: auto;
+}
+             
+ul#menu_nav li a { 
+  padding: 4px;
+  background-color: #c0c0c0;
+  color: #fff;
+  text-decoration: none;
+  float: left;
+  border-bottom: solid 1px #fff;
+  border-top: solid 1px #fff;
+  border-right: solid 1px #fff;
+ }                   
+ul#menu_nav li a:hover { 
+                         color: #000;
+                         background-color: #fff;
+ }
+ul#menu_nav li {  display: inline; }
+
+
 #rightcolumn { 
  display: inline;