Changeset 12074 for main/ngren.theme/trunk/ngren/theme/ngren_theme/css/style.css

Timestamp:

28 Nov 2014, 05:45:31 (10 years ago)

Author:

Henrik Bettermann

Message:

Display an image instead of text for NGREN logo.

File:

• main/ngren.theme/trunk/ngren/theme/ngren_theme/css/style.css (modified) (9 diffs)

main/ngren.theme/trunk/ngren/theme/ngren_theme/css/style.css

@@ -133 +133 @@
 
 #logo-container {
-  height:90px;
-  margin:20px;
+  height:140px;
+  margin:0px;
   text-align:center;
   float:left;
@@ -146 +146 @@
 }
 
-#logo-container #logo {
-  float: left;
-  margin: 5px;
-  margin-top: -10px;
-  width: 150px;
+.header-logo {
+  display:block;
+  width:500px;
+  height:125px;
+  background:url(../img/ngren_logo.png) no-repeat;
+  text-indent: 100%;
+  white-space: nowrap;
+  overflow: hidden;
+  margin:0 auto;
+  background-size: 500px;
 }
 
@@ -159 +164 @@
   top: 0px;
   text-align:left;
-  margin-left:10px;
+  margin-left: 20px;
 }
 
@@ -214 +219 @@
 
 .navbar-form input[type="text"] {
-  width:200px;
+  width:150px;
 }
 
@@ -786 +791 @@
 
 @media (max-width: 1200px) {
+
   .left-col, .right-col {
     width:100%;
@@ -800 +806 @@
 
 @media (max-width: 981px) {
+
+#logo-container h1 {
+    margin: 15px;
+  }
+
   .slider-container .slider-image {
     top:0px;
@@ -827 +838 @@
 
 @media (max-width: 767px) {
+
 
   /** Base **/
@@ -909 +921 @@
   /** Header **/
 
-
   #logo-container {
-    margin:10px;
+    margin:0px;
     text-align:none;
-    float:none;
+    float:center;
     position:relative;
-  }
+    height:90px;
+  }
+
 
   #header-head {
@@ -927 +940 @@
   }
 
-  #logo-container #logo{
-    float:none;
-    display: block;
-    margin-left: auto;
-    margin-right: auto;
-    margin-bottom: 0px;
-    margin-bottom: -15px;
-
-  }
-
-  #logo-container h1 {
-    visibility:hidden;
-    height: 0px;
+
+  .header-logo {
+      display:block;
+      width:300px;
+      height:120px;
+      background:url(../img/ngren_logo.png) no-repeat;
+      text-indent: 100%;
+      white-space: nowrap;
+      overflow: hidden;
+      margin:0 auto;
+      background-size: 300px;
   }
 }