simplify the menu css, make it a bit more attractive.

git-svn-id: https://llvm.org/svn/llvm-project/cfe/trunk@44735 91177308-0d34-0410-b5e6-96231b3b80d8
vtkacenko · Dec 9, 2007 · 1c05726 · 1c05726
1 parent 29754e6
commit 1c05726
Show file tree

Hide file tree

Showing 3 changed files with 52 additions and 66 deletions.
diff --git a/www/index.html b/www/index.html
@@ -30,7 +30,9 @@ <h2>About</h2>
         "driver" that makes all the other libraries work together.</li>
     </ol>
 
-    <p>The developers of Clang include contributers from Apple and numerous other volunteers.
+    <p>The developers of Clang include contributers from Apple and numerous
+       other volunteers.</p>
+
     <h2>Why?</h2>
     <p>The development of a new front-end was started out of a need -- a need for a compiler that allows better diagnostics, better integration with IDEs, a license that is compatible with commercial products, and a compiler that is easier to develop and maintain.  All of these were motivations for starting work on a new C/C++/ObjC front-end that could meet these needs.
     <p>An excellent introduction to Clang can be found in the following video lectures:

diff --git a/www/menu.css b/www/menu.css
@@ -1,9 +1,3 @@
-/*
-	Consulted:
-	http://www.w3.org/TR/CSS1 &
-	http://www.w3.org/TR/CSS21/
-*/
-
 /***************/
 /* page layout */
 /***************/
@@ -21,44 +15,34 @@
 	position:fixed;
 }
 [id=content] {
-	padding-left:16ex;	/* *****  EDIT THIS VALUE IF CONTENT OVERLAPS MENU ***** */
-}
-
-/****************/
-/* menu display */
-/****************/
-label, #menu a {
-	display:block;
-	padding:.05em .3em;
-}
-#menu * {
-	display:block;
-}
-#quick_links {
-	padding-top:1em;
-}
-a {
-	margin:.05em;
+	/* *****  EDIT THIS VALUE IF CONTENT OVERLAPS MENU ***** */
+	padding-left:16ex;
 }
 
 /**************/
 /* menu style */
-/**************/
-label {
-	font-size:.8em;
-}
-#menu a {
-	background-color:rgb(244,250,255);
-}
+/**************/
+
+#menu {
+	padding-left: .3em;
+}
+
+#menu .submenu {
+	padding-top:1em;
+	display:block;
+}
+
 #menu label {
-	background-color:rgb(244,255,250);
+	display:block;
+	font-weight: bold;
+	text-align: center;
+	background-color: rgb(192,192,192);
 }
-#menu {
-	padding: 0 .2em .2em 0;
-	border-color: rgb(240,240,240);
-	border-width: 0 .1em 0 0;
-	border-style: solid;
+#menu a {
+	display:block;
+	text-align: center;
+	background-color: rgb(235,235,235);
 }
 #menu a:visited {
-	color:rgb(130,50,100);
+	color:rgb(100,50,100);
 }
diff --git a/www/menu.html.incl b/www/menu.html.incl
@@ -1,27 +1,27 @@
-<!--
-Consulted:
-HTML 4.01 specs: http://www.w3.org/TR/html401/
--->
-	<div id="menu">
-		<div id="main_menu">
-			<a href="http://www.llvm.org/">LLVM Home</a><br>
-			<label>Clang Info</label>
-			<a href="index.html">About</a>
-			<a href="features.html">Features</a>
-			<a href="get_involved.html">Get Involved</a>
-			<a href="http://clang.llvm.org/docs/InternalsManual.html">Manual</a>
-		</div>
-		<div id="quick_links">
-			<label>Quick Links</label>
-			<!-- This section is for special links to areas that,
-				organizationally, are deep within another section,
-				but are still important enough to warrant a link.
-				It's for those things that you have to do a lot, but don't
-				want to have to wade through several pages to go there
-				every time. -->
-			<a href="http://lists.cs.uiuc.edu/mailman/listinfo/cfe-dev">cfe-dev</a>
-			<a href="http://lists.cs.uiuc.edu/mailman/listinfo/cfe-commits">cfe-commits</a>
-			<a href="http://llvm.org/bugs/">Bug Reports</a>
-			<a href="http://llvm.org/svn/llvm-project/cfe/trunk/">Browse Source</a>
-		</div>
-	</div>
+<div id="menu">
+  <div>
+    <a href="http://llvm.org/">LLVM Home</a>
+  </div>
+  
+  <div class="submenu">
+    <label>Clang Info</label>
+    <a href="index.html">About</a>
+    <a href="features.html">Features</a>
+    <a href="get_involved.html">Get Involved</a>
+    <a href="http://clang.llvm.org/docs/InternalsManual.html">Manual</a>
+  </div>
+  
+  <div class="submenu">
+    <label>Quick Links</label>
+    <!-- This section is for special links to areas that,
+            organizationally, are deep within another section,
+            but are still important enough to warrant a link.
+            It's for those things that you have to do a lot, but don't
+            want to have to wade through several pages to go there
+            every time. -->
+    <a href="http://lists.cs.uiuc.edu/mailman/listinfo/cfe-dev">cfe-dev</a>
+    <a href="http://lists.cs.uiuc.edu/mailman/listinfo/cfe-commits">cfe-commits</a>
+    <a href="http://llvm.org/bugs/">Bug Reports</a>
+    <a href="http://llvm.org/svn/llvm-project/cfe/trunk/">Browse Source</a>
+  </div>
+</div>