Difference between revisions of "Team:METU Turkey/Galery"

 
(22 intermediate revisions by the same user not shown)
Line 5: Line 5:
 
    
 
    
 
<style>
 
<style>
−
 
−
 
  
 
#content {
 
#content {
Line 13: Line 11:
 
     margin: 0 auto;
 
     margin: 0 auto;
 
     padding: 5px 5px 5px 5px;
 
     padding: 5px 5px 5px 5px;
 +
    background: white;
 
     color: black;
 
     color: black;
 
     border-color: white;
 
     border-color: white;
−
   
 
−
 
 
−
    z-index: 2;
 
−
 
 
 
}
 
}
  
−
#content2 {
+
ul.nav {
−
     position: relative;
+
      
−
    width: 1950px;
+
     background-color: #FFCE76;
−
    margin: 0 auto;
+
     padding: 3px;
−
    padding: 5px 5px 5px 5px;
+
     font-size: 17px;
−
     background: white;
+
−
    color: black;
+
−
 
+
−
     line-height: 1.5em;
+
−
     z-index: 2;
+
−
 
+
 
}
 
}
  
−
body {
+
    ul.nav li a {
−
         background-color:white;
+
        display: block;
 +
        text-decoration: none;
 +
        padding-bottom: 3px;
 +
        padding-top: 3px;
 +
        padding-right: 9px;
 +
        padding-left: 9px;
 +
         background-color: #FFCE76
 +
       
 
     }
 
     }
−
   
 
−
    p.sansserif {
 
−
    font-family: Arial, Helvetica, sans-serif;
 
−
}
 
−
   
 
−
    #rcorners1 {
 
−
    border-radius: 25px;
 
−
    background: #FFCE76;
 
−
    padding: 20px;
 
−
    width: 100px;
 
−
    height: 30px;   
 
−
}
 
−
    #rcorners1:hover {
 
−
    border-radius: 25px;
 
−
    background:#E8C560;
 
−
    padding: 20px;
 
−
    width: 100px;
 
−
    height: 30px;   
 
−
}
 
−
    a.one:link {color:2F6CB2;text-decoration:none;}
 
−
a.one:visited {color:#0000ff;text-decoration:none;}
 
−
a.one:hover {color:#FFE9C2;text-decoration:none;}
 
−
   
 
−
    p.ex {
 
−
    width: 270px;
 
−
    padding: 0px;
 
−
    margin: 0;
 
−
}
 
−
   
 
−
    li {
 
−
    display: inline;
 
−
}
 
−
   
 
−
    img.ex {
 
−
    margin-left: 50px;
 
−
}
 
  
−
     .floating-box {
+
     ul.nav > li:hover {
−
    float: left;
+
       
−
    width: 200px;
+
        background-color: #FFE9C2
−
    height: 75px;
+
       
−
    margin: 50px;
+
−
     
+
−
}
+
−
    h1.ex {
+
−
    margin-left: 50px     
+
 
     }
 
     }
−
   
 
−
    .after-box {
 
−
    clear: left; 
 
−
}
 
  
 +
    ul.nav li a:hover {
 +
        background: #ccc;
 +
        background-color: #FFE9C2
 +
       
 +
    }
  
−
.clearfix:after {
+
     ul.nav > li {
−
     display:block;
+
        display: inline-block;  
−
    clear:both;
+
        position: relative;  
−
}
+
        background-color: #FFCE76
−
+
       
−
/*----- Menu Outline -----*/
+
     }
−
.menu-wrap {
+
−
    width:100%;
+
−
    box-shadow:0px 1px 3px rgba(0,0,0,0.2);
+
−
    background:#3e3436;
+
−
}
+
−
+
−
.menu {
+
−
    width:1000px;
+
−
    margin:0px auto;
+
−
}
+
−
+
−
.menu li {
+
−
    margin:0px;
+
−
    list-style:none;
+
−
    font-family:'Ek Mukta';
+
−
}
+
−
+
−
.menu a {
+
−
    transition:all linear 0.15s;
+
−
    color:#919191;
+
−
}
+
−
+
−
.menu li:hover > a, .menu .current-item > a {
+
−
    text-decoration:none;
+
−
    color:#be5b70;
+
−
}
+
−
+
−
.menu .arrow {
+
−
    font-size:11px;
+
−
    line-height:0%;
+
−
}
+
−
+
−
/*----- Top Level -----*/
+
−
.menu > ul > li {
+
−
    float:left;
+
−
    display:inline-block;
+
−
    position:relative;
+
−
    font-size:19px;
+
−
}
+
−
+
−
.menu > ul > li > a {
+
−
    padding:10px 40px;
+
−
    display:inline-block;
+
−
    text-shadow:0px 1px 0px rgba(0,0,0,0.4);
+
−
}
+
−
+
−
.menu > ul > li:hover > a, .menu > ul > .current-item > a {
+
−
    background:#2e2728;
+
−
}
+
−
+
−
/*----- Bottom Level -----*/
+
−
.menu li:hover .sub-menu {
+
−
    z-index:1;
+
−
    opacity:1;
+
−
}
+
−
+
−
.sub-menu {
+
−
    width:160%;
+
−
    padding:5px 0px;
+
−
    position:absolute;
+
−
    top:100%;
+
−
    left:0px;
+
−
    z-index:-1;
+
−
    opacity:0;
+
−
    transition:opacity linear 0.15s;
+
−
    box-shadow:0px 2px 3px rgba(0,0,0,0.2);
+
−
    background:#2e2728;
+
−
}
+
−
+
−
.sub-menu li {
+
−
     display:block;
+
−
    font-size:16px;
+
−
}
+
−
+
−
.sub-menu li a {
+
−
    padding:10px 30px;
+
−
    display:block;
+
−
}
+
−
+
−
.sub-menu li a:hover, .sub-menu .current-item a {
+
−
    background:#3e3436;
+
−
}
+
  
 +
    ul.nav > li ul {
 +
        display: none;
 +
        position: absolute;
 +
        left: -1px;
 +
        background-color: #FFCE76;
 +
        border-top-color: #fff;
 +
        margin-top: 0px;
 +
        width: 180px;
 +
    }
  
 +
    ul.nav > li:hover ul {
 +
        display: block;
 +
    }
 +
 +
    ul.nav > li ul li {
 +
        display: inline-block;
 +
    }
 +
 +
a.one:link {color:#0E2036;text-decoration:none;}
 +
a.one:visited {color:#214D7F;text-decoration:none;}
  
  
Line 192: Line 85:
 
<body>
 
<body>
 
      
 
      
−
     <div id="content">
+
      
−
    <table style="color:black;" class="sansserif" align=center>
+
<ul class="nav">
−
      <tr>
+
        <li>
−
<td id="rcorners1" align=center > <a class="one" href="https://2015.igem.org/Team:METU_Turkey">HOME</a></td>
+
            <a class="one" href="https://2015.igem.org/Team:METU_Turkey">Home</a>
−
<td id="rcorners1" align=center> <a class="one" href="https://2015.igem.org/Team:METU_Turkey/Team">TEAM</a> </td>
+
        </li>
−
<td id="rcorners1" align=center><a class="one" href="https://2015.igem.org/Team:METU_Turkey/Project">PROJECT</a></td>
+
        <li>
−
<td id="rcorners1" align=center><a class="one" href="https://2015.igem.org/Team:METU_Turkey/Parts">PARTS</a></td>
+
            <a class="one" href="https://2015.igem.org/Team:METU_Turkey/Team">Team</a>
−
<td id="rcorners1" align=center><a class="one" href="https://2015.igem.org/Team:METU_Turkey/Notebook">NOTEBOOK</a></td>
+
         
−
<td id="rcorners1" align=center><a class="one" href="https://2015.igem.org/Team:METU_Turkey/Attributions">ATTRIBUTIONS</a></td>
+
        </li>
−
<td id="rcorners1" align=center><a class="one" href="https://2015.igem.org/Team:METU_Turkey/interlab">INTERLAB</a></td>
+
        <li>
−
</tr>
+
            <a class="one" href="https://2015.igem.org/Team:METU_Turkey/Project">Project</a>
−
         <tr>
+
            <ul>
−
<td id="rcorners1" align=center><a class="one" href="https://2015.igem.org/Team:METU_Turkey/Collaborations">COLLABORATIONS</a></td>
+
                <li><a href="#">Sub Menu Item</a></li>
−
<td id="rcorners1" align=center><a class="one" href="https://2015.igem.org/Team:METU_Turkey/Practices">HUMAN PRACTICES</a></td>
+
                <li><a href="#">Sub Menu Item</a></li>
−
<td id="rcorners1" align=center><a class="one" href="https://2015.igem.org/Team:METU_Turkey/Safety">SAFETY</a></td>
+
                <li><a href="#">Sub Menu Item</a></li>
−
<td id="rcorners1" align=center><a class="one" href="https://2015.igem.org/Team:METU_Turkey/Modeling">MODELING</a></td>
+
                <li><a href="#">Sub Menu Item</a></li>
−
<td id="rcorners1" align=center><a class="one" href="https://2015.igem.org/Team:METU_Turkey/Measurement">MEASUREMENT</a></td>
+
            </ul>
−
<td id="rcorners1" align=center><a class="one" href="https://2015.igem.org/Team:METU_Turkey/Galery">GALERY</a></td>
+
        </li>
−
<td id="rcorners1" align=center><a class="one" href="https://2015.igem.org/Team:METU_Turkey/Sponsors">SPONSORS</a></td>
+
        <li>
−
</tr>
+
            <a class="one" href="https://2015.igem.org/Team:METU_Turkey/Parts">Parts</a>
−
     </table>
+
            <ul>
−
<div class="menu-wrap">
+
                <li><a href="#">Sub Menu Item</a></li>
−
<nav class="menu">
+
                <li><a href="#">Sub Menu Item</a></li>
−
<ul class="clearfix">
+
                <li><a href="#">Sub Menu Item</a></li>
−
<li><a href="#">Home</a></li>
+
            </ul>
−
<li>
+
            </li>
−
<a href="#">Movies <span class="arrow">▼</span></a>
+
        <li>
 +
            <a class="one" href="https://2015.igem.org/Team:METU_Turkey/Notebook">Notebook</a>
 +
        </li>
 +
        <li>
 +
            <a class="one" href="https://2015.igem.org/Team:METU_Turkey/Attributions">Attributions</a>
 +
        </li>
 +
        <li>
 +
            <a class="one" href="https://2015.igem.org/Team:METU_Turkey/interlab">Interlab</a>
 +
        </li>
 +
         <li>
 +
            <a class="one" href="https://2015.igem.org/Team:METU_Turkey/Collaborations">Collaborations</a>
 +
        </li>
 +
        <li>
 +
            <a class="one" href="https://2015.igem.org/Team:METU_Turkey/Practices">Human Practices</a>
 +
        </li>
 +
        <li>
 +
            <a class="one" href="https://2015.igem.org/Team:METU_Turkey/Safety">Safety</a>
 +
        </li>
 +
        <li>
 +
            <a class="one" href="https://2015.igem.org/Team:METU_Turkey/Modeling">Modeling</a>
 +
        </li>
 +
        <li>
 +
            <a class="one" href="https://2015.igem.org/Team:METU_Turkey/Measurement">Measurement</a>
 +
        </li>
 +
        <li>
 +
            <a class="one" href="https://2015.igem.org/Team:METU_Turkey/Galery">Gallery</a>
 +
        </li>
 +
        <li>
 +
            <a class="one" href="https://2015.igem.org/Team:METU_Turkey/Sponsors">Sponsors</a>
 +
        </li>
 +
      
 +
        </li>
 +
    </ul>
  
−
<ul class="sub-menu">
 
−
<li><a href="#">In Cinemas Now</a></li>
 
−
<li><a href="#">Coming Soon</a></li>
 
−
<li><a href="#">On DVD/Blu-ray</a></li>
 
−
<li><a href="#">Showtimes &amp; Tickets</a></li>
 
−
</ul>
 
−
</li>
 
−
<li><a href="#">T.V. Shows</a></li>
 
−
<li class="current-item"><a href="#">Photos</a></li>
 
−
<li><a href="#">Site Help</a></li>
 
−
</ul>
 
−
</nav>
 
−
</div>   
 
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 23:47, 4 September 2015