Difference between revisions of "Template:IIT-Madras/CSS"

Line 1: Line 1:
 
<html>
 
<html>
−
<head>
+
    <head>
−
<style type="text/css">
+
        <style type="text/css">
−
/* Override default iGEM settings*/
+
            /* Override default iGEM settings*/
  
−
.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul{ margin:0px; }  
+
            .mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul{ margin:0px; }  
  
−
#HQ_page p {  
+
            #HQ_page p {  
−
    font-size: 20px;
+
                font-size: 20px;
−
}
+
            }
  
−
#HQ_page .clear {  
+
            #HQ_page .clear {  
−
    height:0px;
+
                height:0px;
−
}  
+
            }  
  
−
.clear {
+
            .clear {
−
    clear: both; height:0px;  
+
                clear: both; height:0px;  
−
}  
+
            }  
  
−
#sideMenu {  
+
            #sideMenu {  
−
display:none;
+
            display:none;
−
}  
+
            }  
  
−
#top_title{
+
            #top_title{
−
display:none;  
+
            display:none;  
−
}  
+
            }  
  
−
#content {
+
            #content {
−
    width: 100%;  
+
                width: 100%;  
−
    margin:0px auto;   
+
                margin:0px auto;   
−
    padding:0px;  
+
                padding:0px;  
−
    border:none;  
+
                border:none;  
−
    background:none;  
+
                background:none;  
−
}  
+
            }  
  
−
#globalWrapper {  
+
            #globalWrapper {  
−
    width: 100%;  
+
                width: 100%;  
−
    padding:0px;  
+
                padding:0px;  
−
    margin-top: -25px;  
+
                margin-top: -25px;  
−
}
+
            }
  
−
.firstHeading {  
+
            .firstHeading {  
−
    display:none;  
+
                display:none;  
−
}  
+
            }  
  
−
#bodyContent h1, #bodyContent h2{  
+
            #bodyContent h1, #bodyContent h2{  
−
    margin: 0;  
+
                margin: 0;  
−
}  
+
            }  
  
−
/* End override of default iGEM*/
+
            /* End override of default iGEM*/
  
  
−
@font-face{
+
            @font-face{
−
src: url(https://static.igem.org/mediawiki/2016/a/aa/Iitm_lb.otf);
+
                src: url(https://static.igem.org/mediawiki/2016/a/aa/Iitm_lb.otf);
−
font-family: L;
+
                font-family: L;
−
}
+
            }
−
@font-face{
+
−
src: url(https://static.igem.org/mediawiki/2016/5/59/Iitm_gi.otf);
+
−
font-family: C;
+
−
}
+
−
body{
+
−
background: #050505;
+
−
color: white;
+
−
font-family: C;
+
−
text-align: center;
+
−
padding: 0px;
+
−
                        margin: 0px;
+
−
}
+
−
ul{
+
−
list-style-type: none;
+
−
padding: 5px;
+
−
margin: 0px;
+
−
}
+
−
li.nav{
+
−
display: inline-block;
+
−
font-size: 15px;
+
−
padding: 8px 16px 8px 16px;
+
−
border-left: 5px solid #ffffff;
+
−
background: #181818;
+
−
border-radius: 1px;
+
−
color: #ffffff;
+
−
margin: 10px;
+
−
font-weight: 200;
+
−
}
+
−
li.nav:hover{
+
−
background: #282828;
+
−
}
+
−
a,a:visited{
+
−
text-decoration: none;
+
−
font-family: C;
+
−
color: inherit;
+
−
}
+
−
a.nav{
+
−
display: inline-block;
+
−
min-width: 200px;
+
−
text-align: left;
+
−
                        text-decoration: none;
+
−
}
+
−
                img.nav{
+
−
                      vertical-align: 0px;
+
−
                      margin-right: 5px;
+
−
                      filter: brightness(5000%);
+
−
                }
+
−
a.nav:hover{
+
−
cursor: pointer;
+
−
cursor: hand;
+
−
}
+
−
a.btn{
+
−
background: #000f0d;
+
−
color: #22ffdd;
+
−
border-radius: 3px;
+
−
padding: 8px 16px 8px 16px;
+
−
font-size: 15px;
+
−
letter-spacing: 3px;
+
−
font-family: C;
+
−
font-weight: 200;
+
−
                        text-decoration: none;
+
−
}
+
−
a.btn:hover{
+
−
background: #00332b;
+
−
}
+
−
</style>
+
  
−
<script type="text/javascript">
+
            @font-face{
−
function gid(a){
+
                src: url(https://static.igem.org/mediawiki/2016/5/59/Iitm_gi.otf);
−
return document.getElementById(a);
+
                font-family: C;
−
}
+
            }
−
function setup(){
+
−
gid('welcome').style.paddingTop = gid('header').offsetHeight + 'px';
+
−
}
+
−
function putmenu(){
+
−
gid('menu').style.display = 'block';
+
−
gid('lines').style.display = 'none';
+
−
gid('cross').style.display = 'inline-block';
+
−
}
+
−
function cutmenu(){
+
−
gid('menu').style.display = 'none';
+
−
gid('lines').style.display = 'inline-block';
+
−
gid('cross').style.display = 'none';
+
−
}
+
−
</script>
+
−
</head>
+
  
−
<body onload="setup()" onresize="setup()">
+
            body{
−
    <div id="header" style="display: block; width: 100%; text-align: left; background: #050505; position: fixed; top: 0px; padding-top: 15px; box-shadow: 0px 2px 4px rgba(5,5,5,0.5); z-index: 20;">
+
                background: #050505;
−
<ul style="color: #22ffdd; font-family: C; font-weight: 200; letter-spacing: 2px;">
+
                color: white;
−
<li class="nav" id="lines" style="border: none; max-width: 120px; background: #050505;"> <a class="nav" onclick="putmenu()">  
+
                font-family: C;
−
<img class="nav" src="https://static.igem.org/mediawiki/2016/7/7c/Iitm_menu.png" height="15" width="15"> MENU  
+
                text-align: center;
−
</a> </li>
+
                padding: 0px;
−
<li class="nav" id="cross" style="display:none; border: none; max-width: 120px; background: #050505;"> <a class="nav" onclick="cutmenu()">  
+
                margin: 0px;
−
<img class="nav" src="https://static.igem.org/mediawiki/2016/3/37/Iitm_close.png" height="15" width="15"> CLOSE  
+
            }
−
</a> </li>
+
 
−
</ul>
+
            ul{
−
<ul id="menu" style="display: none; padding-bottom: 30px;">
+
                list-style-type: none;
−
<li class="nav"> <a class="nav" href="https://2016.igem.org/Team:IIT-Madras">  
+
                padding: 5px;
−
<img class="nav" src="https://static.igem.org/mediawiki/2016/b/b4/Iitm_home.png" height="15" width="15"> HOME  
+
                margin: 0px;
−
</a> </li>
+
            }
−
<li class="nav"> <a class="nav" href="https://2016.igem.org/Team:IIT-Madras/Team">  
+
 
−
<img class="nav" src="https://static.igem.org/mediawiki/2016/d/db/Iitm_team.png" height="15" width="15"> TEAM
+
            li.nav{
−
</a> </li>
+
                display: inline-block;
−
<li class="nav"> <a class="nav" href="https://2016.igem.org/Team:IIT-Madras/Description">  
+
                font-size: 15px;
−
<img class="nav" src="https://static.igem.org/mediawiki/2016/6/6e/Iitm_project.png" height="15" width="15"> PROJECT
+
                padding: 8px 16px 8px 16px;
−
</a> </li>
+
                border-left: 5px solid #ffffff;
−
<li class="nav"> <a class="nav" href="https://2016.igem.org/Team:IIT-Madras/Parts">  
+
                background: #181818;
−
<img class="nav" src="https://static.igem.org/mediawiki/2016/f/f8/Iitm_parts.png" height="15" width="15"> PARTS
+
                border-radius: 1px;
−
</a> </li>
+
                color: #ffffff;
−
                        <li class="nav"> <a class="nav" href="https://2016.igem.org/Team:IIT-Madras/Measurement">  
+
                margin: 10px;
−
<img class="nav" src="https://static.igem.org/mediawiki/2016/f/fd/Iitm_measurements.png" height="15" width="15"> MEASUREMENTS
+
                font-weight: 200;
−
</a> </li>
+
            }
−
                        <li class="nav"> <a class="nav" href="https://2016.igem.org/Team:IIT-Madras/Model">  
+
 
−
<img class="nav" src="https://static.igem.org/mediawiki/2016/4/45/Iitm_model.png" height="15" width="15"> MODEL
+
            li.nav:hover{
−
</a> </li>
+
                background: #282828;
−
<li class="nav"> <a class="nav" href="https://2016.igem.org/Team:IIT-Madras/Safety">  
+
            }
−
<img class="nav" src="https://static.igem.org/mediawiki/2016/d/d0/Iitm_safety.png" height="15" width="15"> SAFETY
+
 
−
</a> </li>
+
            a,a:visited{
−
<li class="nav"> <a class="nav" href="https://2016.igem.org/Team:IIT-Madras/Attributions">  
+
                text-decoration: none;
−
<img class="nav" src="https://static.igem.org/mediawiki/2016/3/36/Iitm_attributions.png" height="15" width="15"> ATTRIBUTIONS
+
                font-family: C;
−
</a> </li>
+
                color: inherit;
−
<li class="nav"> <a class="nav" href="https://2016.igem.org/Team:IIT-Madras/Human_Practices">  
+
            }
−
<img class="nav" src="https://static.igem.org/mediawiki/2016/9/94/Iitm_humanpractices.png" height="15" width="15"> HUMAN PRACTICES
+
 
−
</a> </li>
+
            a.nav{
−
                        <li class="nav"> <a class="nav" href="https://2016.igem.org/Team:IIT-Madras/Interlabstudy">  
+
                display: inline-block;
−
<img class="nav" src="https://static.igem.org/mediawiki/2016/b/b8/Iitm_interlab.png" height="15" width="15"> INTERLAB STUDY
+
                min-width: 200px;
−
</a> </li>
+
                text-align: left;
−
<li class="nav"> <a class="nav" href="https://2016.igem.org/Team:IIT-Madras/Entrepreneurship">  
+
                            text-decoration: none;
−
<img class="nav" src="https://static.igem.org/mediawiki/2016/6/6f/Iitm_awards.png" height="15" width="15"> AWARDS
+
            }
−
</a> </li>
+
 
−
+
            img.nav{
−
</ul>
+
                  vertical-align: 0px;
−
</div>
+
                  margin-right: 5px;
−
</body>
+
                  filter: brightness(5000%);
 +
            }
 +
 
 +
            a.nav:hover{
 +
                cursor: pointer;
 +
                cursor: hand;
 +
            }
 +
 
 +
            a.btn{
 +
                background: #000f0d;
 +
                color: #22ffdd;
 +
                border-radius: 3px;
 +
                padding: 8px 16px 8px 16px;
 +
                font-size: 15px;
 +
                letter-spacing: 3px;
 +
                font-family: C;
 +
                font-weight: 200;
 +
                            text-decoration: none;
 +
            }
 +
 
 +
            a.btn:hover{
 +
                background: #00332b;
 +
            }
 +
 
 +
        </style>
 +
 
 +
        <script type="text/javascript">
 +
            function gid(a){
 +
                return document.getElementById(a);
 +
            }
 +
            function setup(){
 +
                gid('welcome').style.paddingTop = gid('menu').offsetHeight + 'px';
 +
            }
 +
            function putmenu(){
 +
                gid('menu').style.display = 'block';
 +
                gid('lines').style.display = 'none';
 +
                gid('cross').style.display = 'inline-block';
 +
            }
 +
            function cutmenu(){
 +
                gid('menu').style.display = 'none';
 +
                gid('lines').style.display = 'inline-block';
 +
                gid('cross').style.display = 'none';
 +
            }
 +
        </script>
 +
    </head>
 +
 
 +
    <body onload="setup()" onresize="setup()">
 +
        <div id="menu" style="display: block; width: 100%; text-align: left; background: #050505; position: fixed; top: 0px; padding-top: 15px; box-shadow: 0px 2px 4px rgba(5,5,5,0.5); z-index: 20;">
 +
            <ul style="color: #22ffdd; font-family: C; font-weight: 200; letter-spacing: 2px;">
 +
                <li class="nav" id="lines" style="border: none; max-width: 120px; background: #050505;">  
 +
                    <a class="nav" onclick="putmenu()">  
 +
                        <img class="nav" src="https://static.igem.org/mediawiki/2016/7/7c/Iitm_menu.png" height="15" width="15"> MENU  
 +
                    </a>  
 +
                </li>
 +
                <li class="nav" id="cross" style="display:none; border: none; max-width: 120px; background: #050505;">  
 +
                    <a class="nav" onclick="cutmenu()">  
 +
                        <img class="nav" src="https://static.igem.org/mediawiki/2016/3/37/Iitm_close.png" height="15" width="15"> CLOSE  
 +
                    </a>
 +
                </li>
 +
            </ul>
 +
            <ul id="menu" style="display: none; padding-bottom: 30px;">
 +
                <li class="nav">  
 +
                    <a class="nav" href="https://2016.igem.org/Team:IIT-Madras">  
 +
                        <img class="nav" src="https://static.igem.org/mediawiki/2016/b/b4/Iitm_home.png" height="15" width="15"> HOME  
 +
                    </a>  
 +
                </li>
 +
                <li class="nav">  
 +
                    <a class="nav" href="https://2016.igem.org/Team:IIT-Madras/Team">  
 +
                        <img class="nav" src="https://static.igem.org/mediawiki/2016/d/db/Iitm_team.png" height="15" width="15"> TEAM
 +
                    </a>  
 +
                </li>
 +
                <li class="nav">  
 +
                    <a class="nav" href="https://2016.igem.org/Team:IIT-Madras/Description">  
 +
                        <img class="nav" src="https://static.igem.org/mediawiki/2016/6/6e/Iitm_project.png" height="15" width="15"> PROJECT
 +
                    </a>  
 +
                </li>
 +
                <li class="nav">  
 +
                    <a class="nav" href="https://2016.igem.org/Team:IIT-Madras/Parts">  
 +
                    <img class="nav" src="https://static.igem.org/mediawiki/2016/f/f8/Iitm_parts.png" height="15" width="15"> PARTS
 +
                    </a>
 +
                </li>
 +
                <li class="nav">
 +
                    <a class="nav" href="https://2016.igem.org/Team:IIT-Madras/Measurement">  
 +
                        <img class="nav" src="https://static.igem.org/mediawiki/2016/f/fd/Iitm_measurements.png" height="15" width="15"> MEASUREMENTS
 +
                    </a>  
 +
                </li>
 +
                <li class="nav">  
 +
                    <a class="nav" href="https://2016.igem.org/Team:IIT-Madras/Model">  
 +
                        <img class="nav" src="https://static.igem.org/mediawiki/2016/4/45/Iitm_model.png" height="15" width="15"> MODEL
 +
                    </a>  
 +
                </li>
 +
                <li class="nav">  
 +
                    <a class="nav" href="https://2016.igem.org/Team:IIT-Madras/Safety">  
 +
                        <img class="nav" src="https://static.igem.org/mediawiki/2016/d/d0/Iitm_safety.png" height="15" width="15"> SAFETY
 +
                    </a>  
 +
                </li>
 +
                <li class="nav">  
 +
                    <a class="nav" href="https://2016.igem.org/Team:IIT-Madras/Attributions">  
 +
                        <img class="nav" src="https://static.igem.org/mediawiki/2016/3/36/Iitm_attributions.png" height="15" width="15"> ATTRIBUTIONS
 +
                    </a>  
 +
                </li>
 +
                <li class="nav">
 +
                    <a class="nav" href="https://2016.igem.org/Team:IIT-Madras/Human_Practices">  
 +
                        <img class="nav" src="https://static.igem.org/mediawiki/2016/9/94/Iitm_humanpractices.png" height="15" width="15"> HUMAN PRACTICES
 +
                    </a>  
 +
                </li>
 +
                <li class="nav">  
 +
                    <a class="nav" href="https://2016.igem.org/Team:IIT-Madras/Interlabstudy">  
 +
                        <img class="nav" src="https://static.igem.org/mediawiki/2016/b/b8/Iitm_interlab.png" height="15" width="15"> INTERLAB
 +
                    </a>  
 +
                </li>
 +
                <li class="nav">
 +
                    <a class="nav" href="https://2016.igem.org/Team:IIT-Madras/Entrepreneurship">  
 +
                        <img class="nav" src="https://static.igem.org/mediawiki/2016/6/6f/Iitm_awards.png" height="15" width="15"> AWARDS
 +
                    </a>  
 +
                </li>
 +
            </ul>
 +
        </div>
 +
    </body>
 
</html>
 
</html>

Revision as of 15:16, 4 October 2016