Difference between revisions of "Team:Ecuador"

Line 33: Line 33:
 
       box-shadow: 0px 3px 11px 0px rgba(0,0,0,0.75);
 
       box-shadow: 0px 3px 11px 0px rgba(0,0,0,0.75);
 
       display: flex;
 
       display: flex;
 +
      z-index: 5;
 
     }
 
     }
  
Line 66: Line 67:
 
       display: flex;
 
       display: flex;
 
       color: #797D7F;
 
       color: #797D7F;
 +
      transition: 0.2s;
 +
      text-align: center;
 +
    }
 +
 +
    .menu_option:hover {
 +
      margin-top: 3px;
 +
      cursor: pointer;
 +
    }
 +
 +
    .menu_option:hover div.menu_sub_options_container{
 +
      display: block;
 +
    }
 +
 +
    .menu_sub_options_container {
 +
      width: 90%;
 +
      height: auto;
 +
      position: absolute;
 +
      top: 50px;
 +
      background-color: #FFF;
 +
      border-top: solid 1px;
 +
      display: none;
 +
    }
 +
 +
    .sub_menu_option {
 +
      width: 100%;
 +
      height: 40px;
 +
      position: relative;
 +
      text-align: left;
 +
      text-indent: 20px;
 +
      display: flex;
 +
      background-color: #000;
 +
      margin: auto auto;
 +
      align-items: center;
 +
      transition: 0.2s;
 +
      color: #D5DBDB;
 +
    }
 +
 +
    .sub_menu_option:hover {
 +
      text-indent: 25px;
 
     }
 
     }
  
Line 83: Line 123:
 
     </div>
 
     </div>
 
     <div class="menu_options_container">
 
     <div class="menu_options_container">
−
       <div class="menu_option">
+
       <div id="proyect" class="menu_option">
 
         PROJECT
 
         PROJECT
 +
        <div class="menu_sub_options_container">
 +
          <div class="sub_menu_option">
 +
            MODELING
 +
          </div>
 +
          <div class="sub_menu_option">
 +
            DESIGN
 +
          </div>
 +
          <div class="sub_menu_option">
 +
            BACKGROUND
 +
          </div>
 +
        </div>
 
       </div>
 
       </div>
−
       <div class="menu_option">
+
       <div id="people" class="menu_option">
 
         PEOPLE
 
         PEOPLE
 +
        <div class="menu_sub_options_container">
 +
          <div class="sub_menu_option">
 +
            SPONSIRING
 +
          </div>
 +
          <div class="sub_menu_option">
 +
            ATTRIBUTIONS
 +
          </div>
 +
          <div class="sub_menu_option">
 +
            TEAM
 +
          </div>
 +
        </div>
 
       </div>
 
       </div>
−
       <div class="menu_option">
+
       <div id="notebook" class="menu_option">
 
         NOTEBOOK
 
         NOTEBOOK
 +
        <div class="menu_sub_options_container">
 +
          <div class="sub_menu_option">
 +
            LAB BOOK
 +
          </div>
 +
          <div class="sub_menu_option">
 +
            PROTOCOLS
 +
          </div>
 +
        </div>
 
       </div>
 
       </div>
−
       <div class="menu_option">
+
       <div id="human_practice" class="menu_option">
 
         HUMAN PRACTICE
 
         HUMAN PRACTICE
 +
        <div class="menu_sub_options_container">
 +
          <div class="sub_menu_option">
 +
            COLLABORATIONS
 +
          </div>
 +
        </div>
 
       </div>
 
       </div>
−
       <div class="menu_option">
+
       <div id="parts" class="menu_option">
 
         PARTS
 
         PARTS
 +
        <div class="menu_sub_options_container">
 +
          <div class="sub_menu_option">
 +
            LIST
 +
          </div>
 +
          <div class="sub_menu_option">
 +
            COMPOSITE
 +
          </div>
 +
          <div class="sub_menu_option">
 +
            BASIC
 +
          </div>
 +
        </div>
 
       </div>
 
       </div>
−
       <div class="menu_option">
+
       <div id="safety" class="menu_option">
 
         SAFETY
 
         SAFETY
 
       </div>
 
       </div>

Revision as of 23:18, 27 April 2018

iGEM ECUADOR
HOME