Difference between revisions of "Team:San Andres/Software"

Line 45: Line 45:
 
       padding: 0px 2.5em;
 
       padding: 0px 2.5em;
 
       text-decoration: none;
 
       text-decoration: none;
−
      transition: 0.3s;
 
 
       -webkit-transition: 0.3s;
 
       -webkit-transition: 0.3s;
 +
      transition: 0.3s;
 
     }
 
     }
 
     nav a:hover {
 
     nav a:hover {
Line 67: Line 67:
 
     nav li li {
 
     nav li li {
 
       max-height: 0px;
 
       max-height: 0px;
−
      transition: all 0.1s;
 
 
       -webkit-transition: all 0.1s;
 
       -webkit-transition: all 0.1s;
 +
      transition: all 0.1s;
 
       overflow: hidden;
 
       overflow: hidden;
 
       width: 200px;
 
       width: 200px;
Line 79: Line 79:
 
     nav > ul > li > ul {
 
     nav > ul > li > ul {
 
       top: 100%;
 
       top: 100%;
−
    }
 
−
    .gwd-nav-g5it {
 
−
      -webkit-transform: translate3d(-40.45px, 348px, 0px);
 
−
      -webkit-transform-style: preserve-3d;
 
 
     }
 
     }
 
     .gwd-img-caoz {
 
     .gwd-img-caoz {
Line 88: Line 84:
 
       width: 970px;
 
       width: 970px;
 
       left: -0.39258548718546px;
 
       left: -0.39258548718546px;
−
       top: 87.8511022300787px;
+
       top: 63px;
 +
    }
 +
    .gwd-div-m33e {
 +
      height: auto;
 +
      position: absolute;
 +
      width: auto;
 +
      left: 0px;
 +
      top: 0px;
 
     }
 
     }
 
   </style>
 
   </style>
−
  <nav class="gwd-nav-g5it">
 
−
    <ul>
 
−
      <li><a href="#">Home</a>
 
−
      </li>
 
−
      <li><a href="#">Team</a>
 
−
      </li>
 
−
      <li><a href="#">Project</a>
 
−
        <ul>
 
−
          <li><a href="#">Parts</a>
 
−
          </li>
 
−
          <li><a href="#">Modeling</a>
 
−
          </li>
 
−
          <li><a href="#">Results</a>
 
−
          </li>
 
−
        </ul>
 
−
      </li>
 
−
      <li><a href="#">Notebook</a>
 
−
        <ul>
 
−
          <li><a href="#">Human Practices</a>
 
−
          </li>
 
−
          <li><a href="#">Future Projections</a>
 
−
          </li>
 
−
        </ul>
 
−
      </li>
 
−
      <li><a href="#">Collaborations</a>
 
−
      </li>
 
−
    </ul>
 
−
  </nav>
 
 
   <img src="https://static.igem.org/mediawiki/2015/thumb/8/8b/Gluten-s-Job.jpeg/800px-Gluten-s-Job.jpeg" class="gwd-img-caoz">
 
   <img src="https://static.igem.org/mediawiki/2015/thumb/8/8b/Gluten-s-Job.jpeg/800px-Gluten-s-Job.jpeg" class="gwd-img-caoz">
 +
  <div class="gwd-div-m33e">
 +
    <title>wiki</title>
 +
    <style type="text/css">
 +
      html, body {
 +
        width: 100%;
 +
        height: 100%;
 +
        margin: 0px;
 +
      }
 +
      body {
 +
        -webkit-transform: perspective(1400px) matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
 +
        -webkit-transform-style: preserve-3d;
 +
        background-color: transparent;
 +
      }
 +
    </style>
 +
    <title>menu</title>
 +
    <style>
 +
      body {
 +
        font-family: Arial;
 +
      }
 +
      nav ul {
 +
        list-style: none;
 +
        padding: 0px;
 +
      }
 +
      nav li {
 +
        line-height: 3rem;
 +
        position: relative;
 +
        width: 190px;
 +
      }
 +
      nav li ul {
 +
        position: absolute;
 +
      }
 +
      nav a {
 +
        color: rgb(0, 0, 0);
 +
        display: block;
 +
        padding: 0px 2.5em;
 +
        text-decoration: none;
 +
        transition: 0.3s;
 +
        -webkit-transition: 0.3s;
 +
      }
 +
      nav a:hover {
 +
        background: rgb(255, 186, 0);
 +
      }
 +
      nav li ul {
 +
        display: none;
 +
      }
 +
      nav li:hover ul {
 +
        display: block;
 +
      }
 +
      nav > ul {
 +
        display: table;
 +
        width: 100%;
 +
        background: rgb(255, 166, 0);
 +
      }
 +
      nav > ul > li {
 +
        float: left;
 +
      }
 +
      nav li li {
 +
        max-height: 0px;
 +
        transition: all 0.1s;
 +
        -webkit-transition: all 0.1s;
 +
        overflow: hidden;
 +
        width: 200px;
 +
        background: rgb(237, 173, 0);
 +
      }
 +
      nav li:hover > ul > li {
 +
        max-height: 500px;
 +
        overflow: visible;
 +
      }
 +
      nav > ul > li > ul {
 +
        top: 100%;
 +
      }
 +
      .gwd-nav-g5it {
 +
        -webkit-transform: translate3d(-15px, 345px, 0px);
 +
        -webkit-transform-style: preserve-3d;
 +
      }
 +
      .gwd-img-caoz {
 +
        position: absolute;
 +
        width: 970px;
 +
        left: 0.607414512815px;
 +
        top: 40px;
 +
      }
 +
    </style>
 +
    <nav class="gwd-nav-g5it">
 +
      <ul>
 +
        <li><a href="#">Home</a>
 +
        </li>
 +
        <li><a href="#">Team</a>
 +
        </li>
 +
        <li><a href="#">Project</a>
 +
          <ul>
 +
            <li><a href="#">Parts</a>
 +
            </li>
 +
            <li><a href="#">Modeling</a>
 +
            </li>
 +
            <li><a href="#">Results</a>
 +
            </li>
 +
          </ul>
 +
        </li>
 +
        <li><a href="#">Notebook</a>
 +
          <ul>
 +
            <li><a href="#">Human Practices</a>
 +
            </li>
 +
            <li><a href="#">Future Projections</a>
 +
            </li>
 +
          </ul>
 +
        </li>
 +
        <li><a href="#">Collaborations</a>
 +
        </li>
 +
      </ul>
 +
    </nav>
 +
  </div>
 
</body>
 
</body>
  
 
</html>
 
</html>

Revision as of 01:56, 12 August 2015

wiki menu

wiki menu