Menus complete

Giovanni Di Milia · Giovanni Di Milia · commit ab4e0366b2ad · 2011-09-12T14:23:34.000-04:00
diff --git a/New/index.html b/New/index.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="UTF-8">
+	<title>Gold and Currencies Trader Inc</title>
+	<link rel="stylesheet" type="text/css" href="style.css" />
+	<script type="text/javascript" src="javascript.js"></script>
+</head>
+<body>
+	<div class="leftmenu">
+		<dl class="menulist">
+			<dt>Menu</dt>
+			<dd><span class="biggerfont">&nbsp;</span></dd>
+			<dd><a href="xchange.html">Exchange Currencies</a></dd>
+			<dd><a href="buyg.html">Buy Gold</a></dd>
+			<dd><a href="http://www.nyse.com/" onclick="alert('add confirm');">Wall Street Official Site</a></dd>
+		</dl>
+	</div>
+	<div class="rightwrapper">
+		<div class="topmenu">
+			<div class="topbutton"><a href="index.html">Home</a></div> <div class="topbutton last"><a href="rates.html">Our Rates</a></div>
+		</div>
+		<div class="content">
+			content
+		</div>
+	</div>
+</body>
+</html>
diff --git a/New/javascript.js b/New/javascript.js
@@ -0,0 +1,3 @@
+/**
+ * 
+ */
diff --git a/New/style.css b/New/style.css
@@ -0,0 +1,68 @@
+@CHARSET "UTF-8";
+/* General */
+body {
+	background-color:#FFEF99;
+}
+.biggerfont {
+	font-size:2em;	
+}
+/*Left menu*/
+dl.menulist {
+	margin:0px;	
+}
+
+dl.menulist dt {
+	font-size:1.2em;
+}
+
+dl.menulist * {
+	background-color:#999;
+	color:#fff;
+	margin-bottom:3px;
+	margin-left:0px;
+	padding:2px;
+	padding-left:10px;
+	padding-right:10px;
+}
+
+dl.menulist * a {
+	margin:0px;
+	padding:0px;	
+}
+
+/*specific*/
+div.leftmenu, div.rightwrapper, div.topmenu, div.content {
+	float:left;
+}
+div.leftmenu, div.rightwrapper {
+	margin:5px;	
+}
+
+div.topmenu {
+	margin-bottom:10px;	
+}
+
+div.content {
+	clear:left;
+}
+
+div.topbutton {
+	width:100px;
+	border:2px solid black;
+	background-color:#999;
+    text-align:center;
+    float:left;
+    margin-right:100px;
+    border-radius: 0.5em;
+    box-shadow: rgba(0,0,0,0.2) 0.5em 0.5em 0.3em;
+}
+
+div.topbutton.last{
+	margin-right:0px;
+}
+
+div.topbutton * {
+	color:#fff;
+	margin:0px;
+	padding:0px;
+}
