adding styles for header and itp logo

yining1023 · Mar 9, 2017 · 0d0c362 · 0d0c362
1 parent e78aa7f
commit 0d0c362
Show file tree

Hide file tree

Showing 3 changed files with 133 additions and 8 deletions.
diff --git a/css/style.css b/css/style.css
@@ -310,3 +310,94 @@ input:focus {
   padding-top: 0;
   margin: 0;
 }
+
+/* tisch css*/
+.global-nav {
+  width: 100%;
+  height: 60px;
+  background-color: #57068c;
+  overflow: hidden;
+  position: relative;
+  z-index: 1000;
+}
+
+.global-nav-row {
+  width: 100%;
+  margin-left: auto;
+  margin-right: auto;
+  margin-top: 0;
+  margin-bottom: 0;
+  max-width: 830px;
+}
+
+.global-nav__logo {
+  float: left;
+  margin: 15px 0 0;
+  width: 172px;
+  height: 30px;
+  background-image: url(/img/logo_nyu-tisch_white.svg);
+}
+
+.region-header {
+  height: 84px;
+  display: block;
+  background: #ffffff;
+  z-index: 1000;
+  height: 60px;
+  top: 0;
+  -webkit-transition: top 0.5s;
+  transition: top 0.5s;
+}
+
+.region-header .wrapper {
+  max-width: 940px;
+  margin: 0 auto;
+}
+
+.main-nav {
+  margin: 0 0 0 -0.9375rem;
+  height: 84px;
+  list-style-type: none;
+  margin: 0;
+  height: 60px;
+  display: block;
+  float: left;
+  font-family: "Irma",sans-serif;
+  font-style: Normal;
+  font-stretch: normal;
+  -webkit-font-feature-settings: "liga" on;
+  -moz-font-feature-settings: "liga" on;
+  font-feature-settings: "liga" on;
+  text-transform: uppercase;
+  letter-spacing: 1px;
+  font-weight: 570;
+}
+
+.main-nav li {
+  margin: 0;
+  float: left;
+}
+
+.main-nav li a {
+  font-size: 12px !important;
+  line-height: 1;
+  height: 84px;
+  font-size: 0.75rem;
+  padding: 0 0.875rem;
+  line-height: 1.5;
+  display: table-cell;
+  vertical-align: middle;
+  height: 60px;
+  padding: 0 1.5rem;
+  color: #221d22;
+  -webkit-transition: all 0.15s;
+  transition: all 0.15s;
+  position: relative;
+  background-color: transparent;
+  text-align: center;
+  line-height: 1.3;
+}
+
+.main-nav li a:hover {
+  color: #ff5e99;
+}
diff --git a/img/logo_nyu-tisch_white.svg b/img/logo_nyu-tisch_white.svg
diff --git a/index.html b/index.html
@@ -13,23 +13,19 @@
     <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet">
     <link rel="stylesheet" href="css/style.css">
 
-    <link rel="stylesheet" type="text/css" href="//cloud.typography.com/7436432/657448/css/fonts.css"/>
-    <link rel="stylesheet" href="//fonts.typotheque.com/WF-024077-007717.css" type="text/css"/>
-    <link rel="stylesheet" href="https://tisch.nyu.edu/etc/designs/tisch/global.min.css"/>
-
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
-    <script src="http://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.2/modernizr.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.2/modernizr.js"></script>
     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
   </head>
 
   <body>
 
     <div class="global-nav">
-      <div class="row">
+      <div class="row global-nav-row">
         <div class="small-13 small-centered columns">
           <a claslass="global-nav__search-trigger"></a>
-          <a class="global-nav__logo" href="/" title="NYU | Tisch Homepage">ITP</a>
+          <a class="global-nav__logo" href="https://itp.nyu.edu" title="NYU | Tisch Homepage"></a>
         </div>
       </div>
     </div>
@@ -40,7 +36,7 @@
       <div class="wrapper">
         <ul class="main-nav">
 
-          <li class="x-toplevel"><a href="/">About <br>ITP</a></li>
+          <li class="x-toplevel"><a href="https://itp.nyu.edu">About ITP</a></li>
           <li class="x-toplevel"><a href="https://itp.nyu.edu/classes">ITP Courses</a></li>
           <li class="x-toplevel"><a href="https://itp.nyu.edu/itp/people">ITP People</a></li>
           <li class="x-toplevel"><a href="https://itp.nyu.edu/ranch/projects">ITP Projects</a></li>