Team:IIT Delhi/menu bar

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<!DOCTYPE html>
+
{{CSS/main_1}}
 +
{{CSS/main_2}}
<html lang="en">
<html lang="en">
<head>
<head>

Revision as of 05:30, 23 May 2015

  • {

margin:0; padding:0; }


body{
              
               font-size: 36px;
               font-family: Tahoma, Geneva, sans-serif;

background: #F0E8D0; color: #0099FF; text-shadow: 1px 1px 2px #000;

           }
  1. imag{

margin-top:-180px; }

           #start{

margin:0 auto;

               text-align:center;
               width:1024px;
              
           }
           .hint_text{

margin-top: 120px;

               font-size:30px;
               background-color:#282a2f;
               padding:15px;

border: 1px solid #484d52; border-radius: 5px; font-size: 18px;

           }


           .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;

}

  1. magazine .turn-page{

background-color:#ccc;

}

  1. 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: 80%; 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))); }

  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:22px; 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:22px; 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;

}


  1. heading1{

margin : 2% auto 0% 20%; } h1 { color:red; } h2 { color:black; } Template:CSS/main 2 IIT Delhi BSA | Home

Board For Sports Activities

&nbsp&nbsp&nbsp&nbsp

NOTICE BOARD

ROBO-ZEST'15 powered by RoboSpecies Technologies pvt ltd in association with Sportech'15, IIT Delhi. Details to be updated soon.

TECHOTHON'15 powered by iWebShiksha Infotech LLP in association with Sportech'15, IIT Delhi. Details to be updated soon.

Run for the Nation: Freedom Run! 15th August

Inter Hostel Schedule coming up soon.