Made it look Pretty

kcalmes · Dec 5, 2012 · 7a9a286 · 7a9a286
1 parent b43c0f3
commit 7a9a286
Show file tree

Hide file tree

Showing 8 changed files with 41 additions and 10 deletions.
diff --git a/css/custom.css b/css/custom.css
@@ -88,7 +88,15 @@
 #main-content{
   /*background-color: black;*/
   width: 100%;
-  min-height: 500px;
+  min-height: 570px;
+  position: relative;
+  z-index: 0;
+}
+
+#main-content-login{
+  /*background-color: black;*/
+  width: 100%;
+  min-height: 800px;
   position: relative;
   z-index: 0;
 }
@@ -98,7 +106,7 @@
   text-align: center;
 }
 footer{
-  padding: 40px 0;
+  padding: 20px 0;
   position: relative;
   z-index: 5;
   /*border-top: 1px solid #E5E5E5;*/

diff --git a/css/theme.css b/css/theme.css
@@ -25,6 +25,29 @@ background-size: 100% 100%;
   background-size: 100% 100%;
 }
 #header .btn{
-  padding: 33px 12px;
+	background:url(../img/top_button.png);
-  width: 228px;
+	font-family:Lucida Sans Unicode;
-}
+	font-size:250%;
+	color: white;
+  padding: 33px 0px;
+  width: 225px;
+}
+#header .btn:active{
+	background:url(../img/top_button_active.png);
+}
+.login-style{
+	background:url(../img/login_button.png);
+	font-size:larger;
+	margin:20px;
+	color:white;
+	width:181px;
+	height:46px;
+}
+.login-style:hover{
+	background:url(../img/login_button.png);
+	color:white;
+}
+.login-style:active{
+	background:url(../img/login_button_active.png);
+	color:white;
+}
diff --git a/img/login_button.png b/img/login_button.png
diff --git a/img/login_button_active.png b/img/login_button_active.png
diff --git a/img/top_button.png b/img/top_button.png
diff --git a/img/top_button_active.png b/img/top_button_active.png
diff --git a/index.html b/index.html
@@ -60,12 +60,12 @@
   <body>
 
 
-  <div id="main-content" class="header-texture">
+  <div id="main-content-login" class="header-texture">
     <div class="login_container">
-      <img src="./img/logo.png" /><br />
+      <img src="./img/logo.png" /><br /><br/>
       <input id="net_id" type="text" placeholder="NetID"><br />
       <input type="password" placeholder="Password"><br />
-      <button id="login_button" class="btn btn-large"><span class="">Login</span></button>
+      <button id="login_button" class="btn login-style"><span class="">Login</span></button>
     </div>
   </div>
   </body>

diff --git a/pages.html b/pages.html
@@ -47,13 +47,13 @@
     <div class="container">
       <div class="row">
         <div class="span4">
-          <a href="#advisors/students" class="btn">STUDENTS</a>
+          <a href="#advisors/students" class="btn">Students</a>
         </div>
         <div class="span4">
           <a href="./index.html"><img src="./img/logo.png" /></a>
         </div>
         <div class="span4">
-          <a href="#advisors/resources" class="btn">RESOURCES</a>
+          <a href="#advisors/resources" class="btn">Resources</a>
         </div>
       </div>
     </div>