cvs commit: www/style 2columns-menu.css

jeroen at linuxfromscratch.org jeroen at linuxfromscratch.org
Mon Nov 24 14:54:07 PST 2003


jeroen      03/11/24 15:54:07

  Modified:    .        news-2003.txt
               style    2columns-menu.css
  Log:
  The menu layout works in Opera7.x; info added to the news item
  
  Revision  Changes    Path
  1.19      +1 -1      www/news-2003.txt
  
  Index: news-2003.txt
  ===================================================================
  RCS file: /home/cvsroot/www/news-2003.txt,v
  retrieving revision 1.18
  retrieving revision 1.19
  diff -u -r1.18 -r1.19
  --- news-2003.txt	22 Nov 2003 15:49:15 -0000	1.18
  +++ news-2003.txt	24 Nov 2003 22:54:07 -0000	1.19
  @@ -10,7 +10,7 @@
   Date: 2003/11/22
   
   		<p>I've added two alternate stylesheets to the website and changed the default stylesheet. They're selectable via browser controls and via the links just below the logo. Your setting will be saved via a javascript which stores a cookie. Craig Colton was kind enough to provide logo's adjusted to the new colors.</p>
  -		<p>The new default stylesheet has two columns for the news display, making it more obvious if there is new project news or general news. The navigation has moved to the right side, giving the content more focus. A variant on this stylesheet displays the general navigation as a popup-menu, right under the header. Note that this only works properly in Gecko browsers such as Mozilla. </p>
  +		<p>The new default stylesheet has two columns for the news display, making it more obvious if there is new project news or general news. The navigation has moved to the right side, giving the content more focus. A variant on this stylesheet displays the general navigation as a popup-menu, right under the header. Note that this only works properly in Gecko browsers such as Mozilla and Opera-7.x. </p>
   		<p>The third stylesheet is basically the previous three-column stylesheet. I've provided <a href="http://linuxfromscratch.org/~jeroen/websitescreenshots/">screenshots for each layout</a>. See the <a href="../website.html#browsers">website information page</a> for browser support.</p>
   
   --NEWS_ITEM_BOUNDARY
  
  
  
  1.5       +3 -3      www/style/2columns-menu.css
  
  Index: 2columns-menu.css
  ===================================================================
  RCS file: /home/cvsroot/www/style/2columns-menu.css,v
  retrieving revision 1.4
  retrieving revision 1.5
  diff -u -r1.4 -r1.5
  --- 2columns-menu.css	24 Nov 2003 10:55:48 -0000	1.4
  +++ 2columns-menu.css	24 Nov 2003 22:54:07 -0000	1.5
  @@ -113,10 +113,10 @@
   #generalnav { position: absolute; top: .5em; left: 2em; width: 70%; border-bottom: 1px solid #636da2; }
   #generalnav li { float: left; position: relative; width: 30%;  }
   #generalnav li ul { display: none; position: absolute; }
  -/* The following disables the menu in Opera, therefore it's disabled here
  +/* Opera chokes on this. 
   #generalnav li h3 { padding: 0 0 5px;}
  -#generalnav li:hover h3 { border-bottom: 5px solid #636da2;}*/
  -#generalnav li:hover ul { width: 100%; display: block; margin: 0 -1px; border: 1px solid #858fc4; }
  +#generalnav li h3:hover { padding: 0; border-bottom: 5px solid #636da2;}*/
  +#generalnav li:hover ul { display: block; width: 100%; margin: 0 -1px; border: 1px solid #858fc4; }
   #generalnav li > ul li { width: 100%; border: 0;}
   #generalnav li > ul li a,
   #generalnav li > ul li a:active { padding: 4px; display: block; background: #f1f1f9; text-decoration: none; }
  
  
  



More information about the website mailing list