Difference between revisions of "Template:Team:Vilnius-Lithuania/Vilnius15 Header"

Line 2: Line 2:
 
<body>
 
<body>
 
<style>
 
<style>
−
    #top_menu_14 {
 
−
        background-color: rgb(120, 65, 54);
 
−
        border: none;
 
−
    }
 
−
    #top_menu_14 a {
 
−
        color: rgb(212,200,178) !important;
 
−
    }
 
 
     div#content {
 
     div#content {
 
         margin-top: 50px;
 
         margin-top: 50px;
Line 19: Line 12:
 
         margin: 0px;
 
         margin: 0px;
 
         height: 0px;
 
         height: 0px;
 +
    }
 +
    #top_menu_under {
 +
        background-color: red;
 
     }
 
     }
  
Line 41: Line 37:
 
         border-bottom: 1px solid rgb(120, 65, 54);
 
         border-bottom: 1px solid rgb(120, 65, 54);
 
     }
 
     }
 +
 
     .relative {
 
     .relative {
 
         position: relative;
 
         position: relative;
 
     }
 
     }
  
−
     .header a.igem_homepage {
+
     .header a {
−
         opacity: 0.7;
+
         opacity: 0.66;
 
         font-size: 12px;
 
         font-size: 12px;
 
         float: right;
 
         float: right;
Line 57: Line 54:
 
         right: 10px;
 
         right: 10px;
 
     }
 
     }
−
     .header a.igem_homepage:hover {
+
     .header a:hover {
 
         opacity: 1;
 
         opacity: 1;
 
         color: white;
 
         color: white;
Line 63: Line 60:
 
     }
 
     }
 
</style>
 
</style>
−
<header class="container-fluid">
+
<header class="container">
−
     <div class="row b-default relative" style="margin-bottom: 15px; background-color: rgb(120,65,54);">
+
     <div class="row b-default relative" style="margin-bottom: 15px; background-color: rgb(249,249,249);">
 
         <div class="col-md-12 text-center header" style="padding-top: 25px; padding-bottom: 25px;">
 
         <div class="col-md-12 text-center header" style="padding-top: 25px; padding-bottom: 25px;">
−
             <a href="https://2015.igem.org/Team:Vilnius-Lithuania"><img src="http://s30.postimg.org/j820391w1/Vilniusi_GEM_logo_stilizuotas_lt.png" height="150px" /></a>
+
             <img src="http://s3.postimg.org/70w4po6cz/Vilniusi_GEM_logo_stilizuotas_lt_f9f9f9ff.png" height="150px" />
−
             <a class="igem_homepage" href="https://igem.org/Main_Page">iGEM homepage</a>
+
             <a class="igem_homepage" href="https://2013.igem.org/Main_Page">iGEM homepage</a>
 
         </div>
 
         </div>
 
     </div>
 
     </div>
Line 73: Line 70:
 
     <!-- navigation -->
 
     <!-- navigation -->
 
     <style>
 
     <style>
−
 
+
        .color-nav {
 +
            background-color: rgb(62,62,62);
 +
        }
 
         #cssmenu ul {
 
         #cssmenu ul {
 
             list-style: none;
 
             list-style: none;
Line 89: Line 88:
 
             text-align: center;
 
             text-align: center;
 
         }
 
         }
−
/*            background-color: #784136; */
+
        /*            background-color: #784136; */
 
         #cssmenu > ul > li {
 
         #cssmenu > ul > li {
 
             display: inline-block;
 
             display: inline-block;
Line 97: Line 96:
 
         }
 
         }
 
         #cssmenu > ul > li > a {
 
         #cssmenu > ul > li > a {
−
             color: rgb(120, 65, 54);
+
             color: rgb(200,200,200);
 
             letter-spacing: 2px;
 
             letter-spacing: 2px;
 
             font-family: Verdana, 'Lucida Grande';
 
             font-family: Verdana, 'Lucida Grande';
Line 110: Line 109:
  
 
         #cssmenu > ul > li > a:hover {
 
         #cssmenu > ul > li > a:hover {
−
             color: rgb(250, 250, 250);
+
             color: rgb(255, 255, 255);
 
         }
 
         }
  
Line 117: Line 116:
 
             visibility: hidden;
 
             visibility: hidden;
 
             padding: 16px 0 20px 0;
 
             padding: 16px 0 20px 0;
−
             background-color: rgb(250, 250, 250);
+
             background-color: rgb(255, 255, 255);
 
             text-align: left; /* This is for the text when box is dropped down, centered isnt always totally in the middle so best to have on the left */
 
             text-align: left; /* This is for the text when box is dropped down, centered isnt always totally in the middle so best to have on the left */
 
             position: absolute;
 
             position: absolute;
Line 131: Line 130:
 
             -moz-border-radius: 2px;
 
             -moz-border-radius: 2px;
 
             border-radius: 2px;
 
             border-radius: 2px;
−
              background-color: #784136;
+
            background-color: rgb(227,227,227);
 
         }
 
         }
  
Line 143: Line 142:
 
             content: '';
 
             content: '';
 
             display: block;
 
             display: block;
−
             border-color: transparent transparent #784136 transparent;
+
             border-color: transparent transparent rgb(227,227,227) transparent;
 
             border-style: solid;
 
             border-style: solid;
 
             border-width: 10px; /* The border on the drop down box  */
 
             border-width: 10px; /* The border on the drop down box  */
Line 158: Line 157:
 
         #cssmenu ul ul a {
 
         #cssmenu ul ul a {
 
             /* This is the drop down menu, change font or size when its drops down */
 
             /* This is the drop down menu, change font or size when its drops down */
−
             color: white;
+
             color: rgb(62,62,62);
 
             font-family: Verdana, 'Lucida Grande';
 
             font-family: Verdana, 'Lucida Grande';
 
             font-size: 13px;
 
             font-size: 13px;
−
             background-color: #784136;
+
             background-color: rgb(227,227,227);
 
             padding: 5px 8px 7px 16px;
 
             padding: 5px 8px 7px 16px;
 
             display: block;
 
             display: block;
Line 171: Line 170:
  
 
         #cssmenu ul ul a:hover {
 
         #cssmenu ul ul a:hover {
−
             background-color: rgb(212,200,178);
+
             background-color: rgb(62,62,62);
  
 
         }
 
         }
  
 
         #cssmenu ul ul a:hover {
 
         #cssmenu ul ul a:hover {
−
             background-color: rgb(212,200,178);
+
             background-color: rgb(62,62,62);
−
             color: #784136;
+
             color: rgb(255, 255, 255);
 
         }
 
         }
 
     </style>
 
     </style>
−
     <nav class="row" style="background-color: #D7CBB5;">
+
     <nav class="row color-nav">
 
         <div id="cssmenu" class="col-md-12 text-center">
 
         <div id="cssmenu" class="col-md-12 text-center">
 
             <ul class="list-unstyled list-inline">
 
             <ul class="list-unstyled list-inline">

Revision as of 13:32, 26 July 2015

iGEM homepage