Team:IIT Delhi/menu bar

From 2014.igem.org

(Difference between revisions)
 
(10 intermediate revisions not shown)
Line 1: Line 1:
-
{{CSS/main_1}}
 
-
{{CSS/main_2}}
 
<html lang="en">
<html lang="en">
<head>
<head>
-
   <title>IIT Delhi BSA | Home</title>
+
   <title>IIT Delhi | Home</title>
   <meta charset="utf-8">
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <meta name="viewport" content="width=device-width, initial-scale=1">
Line 9: Line 7:
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
   <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
   <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
-
  <!--  
+
 
-
        <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
+
 
-
  <script src="js/jquery.min.js"></script>
+
<style>
-
  <script src="bootstrap/js/bootstrap.min.js"></script>
+
 
-
    -->
+
 
-
<link rel="stylesheet" type="text/css" href="dock/css/styles.css" />
+
body{
-
<script src="js/jquery-1.7.1.min.js"></script>
+
             
 +
           
 +
                font-family: Tahoma, Geneva, sans-serif;
 +
background: #F0E8D0;
 +
color: #0099FF;
 +
text-shadow: 1px 1px 2px #000;
 +
            }
 +
#imag{
 +
margin-top:-180px;
 +
}
 +
            #start{
 +
margin:0 auto;
 +
                text-align:center;
 +
                width:1024px;
 +
             
 +
            }
 +
            .hint_text{
 +
margin-top: 120px;
 +
                font-size:10px;
 +
                background-color:#282a2f;
 +
                padding:15px;
 +
border: 1px solid #484d52;
 +
border-radius: 5px;
 +
font-size: 10px;
 +
 +
            }
 +
 
 +
 
 +
 
 +
            .fallback-message {
 +
              color: #eee;
 +
                line-height: 1.3;
 +
                width: 780px;
 +
                padding: 10px 10px 0;
 +
                margin: 20px auto;
 +
                border: 1px solid #E4C652;
 +
                border-radius: 10px;
 +
             
 +
            }
 +
 
 +
            .fallback-message p {
 +
                margin-bottom: 10px;
 +
            }
 +
 
 +
            .impress-supported .fallback-message {
 +
                display: none;
 +
            }
 +
em{
 +
font-style: normal;
 +
border-bottom: 1px solid #484d52;
 +
padding-bottom: 2px;
 +
color: #d5a830;
 +
}
 +
#magazine{
 +
width:1152px;
 +
height:452px;
 +
margin-top:50px;
 +
margin-left:-100px;
 +
 
 +
}
 +
#magazine .turn-page{
 +
background-color:#ccc;
 +
 +
}
 +
#dock {
 +
display: block;
 +
position:relative;
 +
top:69%;
 +
position:fixed ;
 +
margin-left:10px;
 +
width: 100%;
 +
text-align: center;
 +
overflow: hidden;
 +
z-index: 11;
 +
 +
 +
}
 +
 
 +
#dock ul {
 +
 +
margin: 0px -60px;
 +
padding: 0px;
 +
list-style: none;
 +
height: 198px;
 +
line-height: 198px;
 +
text-align: center;
 +
white-space: nowrap;
 +
display: inline-block;
 +
background: url("img/dock-middle.png") bottom left repeat-x;
 +
}
 +
 
 +
#dock ul:before,
 +
#dock ul:after {
 +
content: "";
 +
color: transparent;
 +
display: inline-block;
 +
width: 0px;
 +
padding-top: 60px;
 +
margin-top: -60px;
 +
vertical-align: bottom;
 +
}
 +
 
 +
#dock ul:before {
 +
padding-left: 60px;
 +
margin-left: -60px;
 +
background: url("img/dock-left.png") bottom left repeat-x;
 +
}
 +
 
 +
#dock ul:after {
 +
padding-right: 60px;
 +
margin-right: -60px;
 +
background: url("img/dock-right.png") bottom right repeat-x;
 +
}
 +
 
 +
/* Dock Icons */
 +
#dock li {
 +
display: inline-block;
 +
vertical-align: bottom;
 +
margin: 0px;
 +
padding: 0px;
 +
position: relative;
 +
overflow: visible;
 +
}
 +
 
 +
#dock li.seperator {
 +
background: url("dock/img/dock-seperator.png") bottom left no-repeat;
 +
width: 20px;
 +
height: 158px;
 +
position: relative;
 +
vertical-align: bottom;
 +
}
 +
 
 +
#dock li a {
 +
height: 153px;
 +
width: 48px;
 +
display: inline-block;
 +
text-align: center;
 +
position: relative;
 +
vertical-align: bottom;
 +
text-decoration: none;
 +
color: black;
 +
white-space: normal;
 +
letter-spacing: normal;
 +
line-height: 1.3em;
 +
text-align: center;
 +
font-family: Arial;
 +
padding-top: 40px;
 +
margin-bottom: 5px;
 +
overflow: visible;
 +
}
 +
 +
body.no_js #dock li a:hover {
 +
width: 128px !important;
 +
}
 +
 
 +
#dock li a span {
 +
position: relative;
 +
line-height: 1.3em;
 +
display: none;
 +
text-align: center;
 +
font-weight: bold;
 +
font-size: 10px;
 +
padding: 4px 12px;
 +
background-color: #EEE;
 +
 +
opacity: 0.4;
 +
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
 +
 +
margin: 0px auto;
 +
 +
top: -40px;
 +
 +
border-radius: 10px;
 +
-moz-border-radius: 10px;
 +
-webkit-border-radius: 10px;
 +
}
 +
 
 +
#dock li a:hover span {
 +
display: inline-block;
 +
}
 +
 
 +
#dock li a:hover span:after {
 +
display: block;
 +
height: 9px;
 +
color: transparent;
 +
background: transparent url("img/span.png") center top no-repeat;
 +
position: absolute;
 +
content: "";
 +
text-align: center;
 +
margin: 0px;
 +
padding: 0px;
 +
width: 100%;
 +
margin-left: -16px;
 +
}
 +
 
 +
#dock li a img {
 +
height: auto;
 +
width: 100%;
 +
position: absolute;
 +
left: 0px;
 +
bottom: 10px;
 +
text-align: center;
 +
border: 0px none;
 +
margin-bottom: 15px;
 +
 +
box-reflect: below 1px gradient(linear, left top, left bottom, from(transparent), color-stop(0.5, transparent), to(rgba(255,255,255,0.1)));
 +
-webkit-box-reflect: below 1px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.5, transparent), to(rgba(255,255,255,0.1)));
 +
-moz-box-reflect: below 1px -moz-gradient(linear, left top, left bottom, from(transparent), color-stop(0.5, transparent), to(rgba(255,255,255,0.1)));
 +
}
 +
 
 +
#page{
 +
background:rgba(0,0,0,0.5);
 +
vertical-align: bottom ;
 +
margin: auto auto 0% 20%;
 +
width : 960px;
 +
border-radius:20px;
 +
height:63%;
 +
}
 +
 
 +
.about{
 +
background:rgba(0,0,0,0.5);
 +
height:auto;
 +
width : 960px;
 +
 +
margin-left:18% ;
 +
left : 50%;
 +
font-size:10px;
 +
padding:20px 30px 10% 30px;
 +
text-align:justify ;
 +
margin-right : auto ;
 +
margin-top : 30px ;
 +
margin-bottom : 10%;
 +
 +
border-radius:20px;
 +
 
 +
}
 +
 
 +
.about{
 +
background:rgba(200,255,200,0.8);
 +
height:auto;
 +
width : 960px;
 +
 
 +
margin-left:18% ;
 +
left : 50%;
 +
font-size:10px;
 +
padding:20px 30px 10% 30px;
 +
text-align:justify ;
 +
margin-right : auto ;
 +
margin-top : 30px ;
 +
margin-bottom : 10%;
 +
 
 +
border-radius:20px;
 +
 
 +
}
 +
 
 +
.schedule{
 +
background:rgba(0,0,0,0.5);
 +
height:auto;
 +
width : 960px;
 +
margin-left:18% ;
 +
 
 +
padding:15px 30px 10% 30px;
 +
text-align:justify ;
 +
margin-right : auto ;
 +
margin-top : 30px ;
 +
margin-bottom : 10%;
 +
text-align:center ;
 +
border-radius:20px;
 +
 
 +
}
 +
 
 +
 
 +
#heading1{
 +
margin : 2% auto 0% 20%;
 +
}
 +
h1
 +
{
 +
color:red;
 +
}
 +
h2
 +
{
 +
color:black;
 +
}
 +
</style>
 +
 
 +
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js">
 +
 
 +
</script>
 +
 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<script type="text/javascript" src="js/swfobject/swfobject.js"></script>
<script type="text/javascript" src="js/swfobject/swfobject.js"></script>
Line 112: Line 398:
   <div class="row">
   <div class="row">
   <div class="col-md-2">
   <div class="col-md-2">
-
   <img src="new_images/logo.jpg" height="96px" width="96px">
+
   <img src="https://static.igem.org/mediawiki/2014/b/b4/Logo_igem_iitdelhi.png"" height="96px" width="96px">
   </div>
   </div>
   <div class="col-md-8" >
   <div class="col-md-8" >
-
<h1 style="color:orange;font-size:48px" align="center"> Board For Sports Activities</h1>
+
<h1 style="color:orange;font-size:12px" align="center">iGEM IIT Delhi</h1>
</div>
</div>
Line 121: Line 407:
    
    
     <div class="col-md-12" align="right">
     <div class="col-md-12" align="right">
-
<a href="https://www.facebook.com/iitd.bsa" target="_blank"><img src="new_images/fb.jpg" height="48px"></a>
+
<a href="https://www.facebook.com/igemiitdelhi" target="_blank"><img src="https://static.igem.org/mediawiki/2014/5/51/Fb.png" height="48px"></a>
-
<a href="http://www.youtube.com" target="_blank"><img src="new_images/youtube.jpg" height="48px"></a>&nbsp&nbsp&nbsp&nbsp
+
<a href="http://www.youtube.com" target="_blank"><img src="https://static.igem.org/mediawiki/2014/a/af/Youtube.png" height="48px"></a>
</div>
</div>
-
    <div class="main col-md-2" style="color:#000080;">
+
 
-
    <h3 style="color:#800080;" align="center"><b>NOTICE BOARD</b></h3>
+
-
        <div  style="font-size:14px;">
+
-
    <span class="glyphicon glyphicon-asterisk" style="color:black;" ></span>
+
-
                <b>ROBO-ZEST'15</b> powered by RoboSpecies Technologies pvt ltd in association with <b>Sportech'15, IIT Delhi</b>. Details to be updated soon.<br> <br>
+
-
               
+
-
                <span class="glyphicon glyphicon-asterisk" style="color:black;"></span>
+
-
                <b>TECHOTHON'15</b> powered by iWebShiksha Infotech LLP in association with <b>Sportech'15, IIT Delhi</b>. Details to be updated soon.<br> <br>
+
-
           
+
-
            <span class="glyphicon glyphicon-asterisk" style="color:black;"></span>
+
-
                Run for the Nation: <b>Freedom Run!</b>  15th August<br> <br>
+
-
           
+
-
                <span class="glyphicon glyphicon-asterisk" style="color:black;"></span>
+
-
                Inter Hostel Schedule coming up soon.<br> <br>
+
-
               
+
-
      </div>
+
    
    
Line 159: Line 430:
<div id="dock">
<div id="dock">
<ul>
<ul>
-
<li><a href="index.html"><span>Home</span><img src="dock/img/home.png" alt="[home]" /></a></li>
+
<li><a href="index.html"><span>Home</span><img src="https://static.igem.org/mediawiki/2014/f/f3/Home1.png" alt="[home]" /></a></li>
-
<li><a href="sports.html"><span>Sports</span><img src="dock/img/sports.gif" alt="[About]" /></a></li>
+
<li><a href="sports.html"><span>Projects</span><img src="dock/img/sports.gif" alt="[About]" /></a></li>
-
<li><a href="people.html"><span>People</span><img src="dock/img/people.png" alt="[About]" /></a></li>
+
<li><a href="people.html"><span>People</span><img src="https://static.igem.org/mediawiki/2014/d/d3/People1.png" alt="[About]" /></a></li>
<li><a href="events.html"><span>Events</span><img src="dock/img/events.png" alt="[Edu]" /></a></li>
<li><a href="events.html"><span>Events</span><img src="dock/img/events.png" alt="[Edu]" /></a></li>
-
<li><a href="new_nso.php"><span>NSO</span><img src="dock/img/nso.png" alt="[College]" /></a></li>
+
<li><a href="new_nso.php"><span>Modelling</span><img src="dock/img/nso.png" alt="[College]" /></a></li>
-
<li><a href="forms.html"><span>Forms</span><img src="dock/img/form.png" alt="[Links]" /></a></li>
+
<li><a href="forms.html"><span>Achievements</span><img src="dock/img/form.png" alt="[Links]" /></a></li>
-
<li><a href="contact.html"><span>Queries</span><img src="dock/img/query.png" alt="[Mail]" /></a></li>
+
<li><a href="contact.html"><span>Contact</span><img src="https://static.igem.org/mediawiki/2014/2/22/Contact1.png" alt="[Mail]" /></a></li>
</ul>
</ul>
</div>
</div>

Latest revision as of 15:03, 23 May 2015

IIT Delhi | Home

iGEM IIT Delhi

Retrieved from "http://2014.igem.org/Team:IIT_Delhi/menu_bar"