Template:Team:Valencia Biocampus/Templates/Header2

From 2014.igem.org

(Difference between revisions)
 
(29 intermediate revisions not shown)
Line 26: Line 26:
}
}
#logo{
#logo{
-
width: 370px;
+
width: 31%;
float:left;
float:left;
}
}
#logo-header-link{
#logo-header-link{
display: block;
display: block;
-
width:370px;
+
width: 100%;
height: 154px;
height: 154px;
max-height: 154px;
max-height: 154px;
Line 37: Line 37:
}
}
.header-top-menu{
.header-top-menu{
-
    width: 770px;
 
     padding:0px;
     padding:0px;
-
     padding-right: 50px;
+
    width: 67%;
 +
     padding-right: 4%;
     margin: 0px;
     margin: 0px;
     list-style:none;
     list-style:none;
Line 46: Line 46:
.header-top-menu li{
.header-top-menu li{
   display: block;
   display: block;
-
   padding:12px 0px;
+
   padding:11px 0px;
   margin:0px;
   margin:0px;
   text-align:center;
   text-align:center;
Line 52: Line 52:
   float: left;
   float: left;
   white-space:nowrap;
   white-space:nowrap;
-
}
 
-
 
-
.header-top-menu li.active, .header-top-menu li:hover{
 
-
 
}
}
.header-top-menu li a{
.header-top-menu li a{
-
   padding:15px;
+
   padding:10px;
-
   font-variant: small-caps;
+
   font-weight:bold;
-
text-shadow: 0px 5px 5px rgba(0,0,0,0.1),
+
  text-shadow: 2px 2px 2px #fff;
-
                10px 10px 5px rgba(0,0,0,0.05),
+
  font-size: 12px;
-
                -10px 10px 5px rgba(0,0,0,0.05);
+
}
}
.header-top-menu li.active a,  .header-top-menu li a:hover{
.header-top-menu li.active a,  .header-top-menu li a:hover{
Line 69: Line 64:
   color: #fff;
   color: #fff;
   font-weight:bold;
   font-weight:bold;
 +
  text-shadow: 2px 2px 2px #444;
}
}
-
#header-top-menu{ padding-top:10px }
+
 
@media(max-width:767px){
@media(max-width:767px){
   #content{
   #content{
Line 117: Line 113:
     background: url('https://static.igem.org/mediawiki/2014/b/b5/Vbt_backgroundContainer.png') center top repeat-y;
     background: url('https://static.igem.org/mediawiki/2014/b/b5/Vbt_backgroundContainer.png') center top repeat-y;
     background-size: 100%;
     background-size: 100%;
-
     background-position-y: 125px;
+
     background-position-y: 0px;
     padding-top: 0px;
     padding-top: 0px;
     background-origin: padding-box;
     background-origin: padding-box;
-
     margin-top: 160px;
+
     margin-top: 86px;
-
     min-height: 520px;
+
     min-height: 420px;
     z-index: 2;
     z-index: 2;
     position: relative;
     position: relative;
Line 143: Line 139:
     font-size: 280%;
     font-size: 280%;
   }
   }
-
 
}
}
@media(min-width:992px){
@media(min-width:992px){
Line 179: Line 174:
     width:700px;
     width:700px;
     font-size: 280%;
     font-size: 280%;
 +
  }
 +
  #igem-logo{
 +
    width: 72px;
 +
    position: absolute;
 +
    bottom: 7px;
 +
    left: 145px;
 +
    height: 60px;
 +
  }
 +
  .header-top-menu li a{
 +
    padding:10px;
 +
    text-shadow: 1px 1px 2px #fff;
 +
    font-size: 15px;
   }
   }
}
}
Line 214: Line 221:
     width:700px;
     width:700px;
   }
   }
 +
  .header-top-menu li a{
 +
    padding:15px;
 +
    text-shadow: 2px 2px 2px #fff;
 +
    font-size: 16px;
 +
  }
 +
  #header-top-menu{ padding-top:10px; }
}
}
h1{
h1{
Line 289: Line 302:
         <a href="https://2014.igem.org/Team:Valencia_Biocampus" id="logo-header-link">
         <a href="https://2014.igem.org/Team:Valencia_Biocampus" id="logo-header-link">
         </a>
         </a>
-
         <a href="https://igem.org" id="igem-logo" style="width:23%; position:absolute; bottom:5px; left:50%;">
+
         <a href="https://igem.org" id="igem-logo">
         </a>
         </a>
       </div>
       </div>
Line 298: Line 311:
         </li>
         </li>
         <li id="menu_a_team">
         <li id="menu_a_team">
-
           <a href="https://2014.igem.org/Team:Valencia_Biocampus/Team">The team</a>
+
           <a href="https://2014.igem.org/Team:Valencia_Biocampus/Team">The Team</a>
         </li>
         </li>
         <li id="menu_a_results">
         <li id="menu_a_results">

Latest revision as of 10:36, 14 October 2014