Team:IIT Delhi/menu bar
From 2014.igem.org
Line 1: | Line 1: | ||
- | + | {{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;
}
- 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;
}
- 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: 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))); }
- 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;
}
- heading1{
margin : 2% auto 0% 20%; } h1 { color:red; } h2 { color:black; } Template:CSS/main 2
Board For Sports Activities
NOTICE BOARD
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.