Difference between revisions of "Template:IIT-Madras"

 
(One intermediate revision by the same user not shown)
Line 4: Line 4:
  
 
/********************************* DEFAULT WIKI SETTINGS  ********************************/
 
/********************************* DEFAULT WIKI SETTINGS  ********************************/
−
@font-face{
+
 
−
src: url(https://static.igem.org/mediawiki/2016/3/3b/Iitm_ls.otf);
+
−
font-family: L;
+
−
}
+
−
@font-face{
+
−
src: url(https://static.igem.org/mediawiki/2016/5/59/Iitm_gi.otf);
+
−
font-family: C;
+
−
}
+
 
         #globalWrapper, #content{
 
         #globalWrapper, #content{
−
background-color: #00332b;
+
background-color: transparent;
 
border: 0px;
 
border: 0px;
 
float: left;
 
float: left;
Line 19: Line 12:
 
padding: 0px;
 
padding: 0px;
 
                                 width:100%;
 
                                 width:100%;
−
                                font-family: C;
 
−
                                font-weight: lighter;
 
 
}
 
}
 
#sideMenu, #top_title {display:none;}
 
#sideMenu, #top_title {display:none;}
−
/*#content { padding:0px; margin-top:0px; margin-left:0px;}*/
+
/*#content { padding:0px; margin-top:-7px; margin-left:0px;}*/
 
body {background-color:white; }
 
body {background-color:white; }
 
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
Line 30: Line 21:
 
/* Wrapper for the menu */
 
/* Wrapper for the menu */
 
.menu_wrapper {  
 
.menu_wrapper {  
−
width:200px;  
+
width:150px;  
 
height:100vh;  
 
height:100vh;  
 
position:fixed;  
 
position:fixed;  
 
padding:0px;
 
padding:0px;
 
float:left;  
 
float:left;  
−
                font-family: L;
+
background-color:#f2f2f2;  
−
                font-weight: lighter;
+
−
                letter-spacing: 2px;
+
−
background-color:#00332b;
+
−
                box-shadow: 0px 3px 6px rgba(0,0,0,0.5);
+
 
}
 
}
  
 
/* styling for the menu items */
 
/* styling for the menu items */
 
.menu_item {
 
.menu_item {
−
width:90%;  
+
width:100%;  
 
margin:-2px 0px 0px -20px;  
 
margin:-2px 0px 0px -20px;  
 
padding: 10px 10px;   
 
padding: 10px 10px;   
−
                border-left: 5px solid #00332b;  
+
border-bottom: 1px solid #d3d3d3;  
 
font-weight:bold;
 
font-weight:bold;
−
                background: #00332b;
+
color:#000000;  
−
color:#ffffff;  
+
 
cursor: pointer;  
 
cursor: pointer;  
−
                font-family: C;
 
 
}
 
}
  
Line 58: Line 43:
 
.menu_item:hover {  
 
.menu_item:hover {  
 
color:#ffffff;  
 
color:#ffffff;  
−
background-color: #008571;
+
background-color: #72c9b6;
−
                border-left: 5px solid #ffffff;
+
 
}
 
}
  
Line 99: Line 83:
 
list-style-type:none;  
 
list-style-type:none;  
 
cursor:pointer;  
 
cursor:pointer;  
−
                font-family: C;
 
 
-webkit-transition: all 0.4s ease;  
 
-webkit-transition: all 0.4s ease;  
 
-moz-transition: all 0.4s ease;  
 
-moz-transition: all 0.4s ease;  
Line 111: Line 94:
 
padding: 11px 90px 12px 20px;
 
padding: 11px 90px 12px 20px;
 
text-decoration: none;
 
text-decoration: none;
−
color: #ffffff;
+
color:black;
−
                font-family: C;
+
 
}
 
}
  
Line 142: Line 124:
 
margin-left: 10px;
 
margin-left: 10px;
 
margin-bottom: 0px;
 
margin-bottom: 0px;
−
                background: #004238;
 
−
                color: white;
 
−
 
 
}
 
}
  
Line 154: Line 133:
 
display: inline-block;
 
display: inline-block;
 
border-bottom: 1px solid #d3d3d3;
 
border-bottom: 1px solid #d3d3d3;
−
background-color: #004238;  
+
background-color:white;  
 
text-decoration:none;
 
text-decoration:none;
−
color:#ffffff;  
+
color:#000000;  
 
}
 
}
  
Line 162: Line 141:
  
 
.submenu li a:hover  {
 
.submenu li a:hover  {
−
background-color:#008571;
+
background-color:#000000;  
−
color: #ffffff;
+
color: #72c9b6;
 
}
 
}
  
Line 195: Line 174:
 
.content_wrapper {
 
.content_wrapper {
 
width: 85%;
 
width: 85%;
−
margin-left:200px;
+
margin-left:150px;
−
                margin-top: 0px;
+
 
padding:10px 0px;  
 
padding:10px 0px;  
 
float:left;  
 
float:left;  
Line 215: Line 193:
 
.full_size img {  
 
.full_size img {  
 
padding: 10px 15px;
 
padding: 10px 15px;
 +
width:96.5%;
 
}
 
}
  
Line 222: Line 201:
 
.half_size img {  
 
.half_size img {  
 
padding: 10px 15px;
 
padding: 10px 15px;
 +
width: 93%;
 
}
 
}
  
Line 251: Line 231:
 
padding:5px 15px;  
 
padding:5px 15px;  
 
border-bottom:0px;  
 
border-bottom:0px;  
−
color:#00332b;
+
color:#72c9b6;
−
                font-family: L;
+
 
−
                font-weight: 200;
+
−
                letter-spacing: 1px;
+
 
}
 
}
 
.content_wrapper h3, .content_wrapper h4, .content_wrapper h5, .content_wrapper h6 {  
 
.content_wrapper h3, .content_wrapper h4, .content_wrapper h5, .content_wrapper h6 {  
 
padding:5px 15px;  
 
padding:5px 15px;  
 
border-bottom:0px;  
 
border-bottom:0px;  
−
color: #000000;
+
color: #000000;
−
                letter-spacing: 3px;
+
−
                font-family: B;
+
−
 
+
 
}
 
}
  
Line 271: Line 246:
 
font-size: 14px;
 
font-size: 14px;
 
                 text-align:justify;
 
                 text-align:justify;
−
font-family: C;  
+
font-family:Helvetica, Tahoma, Geneva, sans-serif;  
 
}
 
}
−
 
  
 
/* Links */
 
/* Links */
Line 381: Line 355:
 
.highlight {padding:15px 5px;}
 
.highlight {padding:15px 5px;}
 
}
 
}
−
 
−
 
  
 
</style>
 
</style>
Line 406: Line 378:
  
  
−
<div class="collapsable_menu_control"> MENU ▤ </div>
+
<div class="collapsable_menu_control"> MENU ? </div>
  
 
<ul id="accordion" class="accordion">
 
<ul id="accordion" class="accordion">
Line 416: Line 388:
 
<ul class="submenu">
 
<ul class="submenu">
 
<li> <a href=" https://2016.igem.org/Team:IIT-Madras/Team"> Team  </a> </li>
 
<li> <a href=" https://2016.igem.org/Team:IIT-Madras/Team"> Team  </a> </li>
−
<li> <a href="https://2016.igem.org/Team:IIT-Madras/Collaborations">★ Collaborations </a> </li>
+
<li> <a href="https://2016.igem.org/Team:IIT-Madras/Collaborations">? Collaborations </a> </li>
 
                     </ul>
 
                     </ul>
 
                 </li>
 
                 </li>
Line 422: Line 394:
 
<li class="menu_item"> <div class="icon plus"></div> PROJECT   
 
<li class="menu_item"> <div class="icon plus"></div> PROJECT   
 
<ul class="submenu">
 
<ul class="submenu">
−
<li> <a href="https://2016.igem.org/Team:IIT-Madras/Description"> ★ Description </a></li>
+
<li> <a href="https://2016.igem.org/Team:IIT-Madras/Description"> ? Description </a></li>
−
<li> <a href="https://2016.igem.org/Team:IIT-Madras/Design"> ★ Design </a></li>
+
<li> <a href="https://2016.igem.org/Team:IIT-Madras/Design"> ? Design </a></li>
 
<li> <a href="https://2016.igem.org/Team:IIT-Madras/Experiments"> Experiments </a></li>
 
<li> <a href="https://2016.igem.org/Team:IIT-Madras/Experiments"> Experiments </a></li>
−
<li> <a href="https://2016.igem.org/Team:IIT-Madras/Proof"> ★ Proof of Concept </a></li>
+
<li> <a href="https://2016.igem.org/Team:IIT-Madras/Proof"> ? Proof of Concept </a></li>
−
<li> <a href="https://2016.igem.org/Team:IIT-Madras/Demonstrate"> ★ Demonstrate </a></li>
+
<li> <a href="https://2016.igem.org/Team:IIT-Madras/Demonstrate"> ? Demonstrate </a></li>
 
<li> <a href="https://2016.igem.org/Team:IIT-Madras/Results"> Results </a></li>
 
<li> <a href="https://2016.igem.org/Team:IIT-Madras/Results"> Results </a></li>
 
<li> <a href="https://2016.igem.org/Team:IIT-Madras/Notebook"> Notebook </a></li>
 
<li> <a href="https://2016.igem.org/Team:IIT-Madras/Notebook"> Notebook </a></li>
Line 435: Line 407:
 
<ul class="submenu">
 
<ul class="submenu">
 
<li> <a href="https://2016.igem.org/Team:IIT-Madras/Parts">Parts </a></li>
 
<li> <a href="https://2016.igem.org/Team:IIT-Madras/Parts">Parts </a></li>
−
<li> <a href="https://2016.igem.org/Team:IIT-Madras/Basic_Part"> ★ Basic Parts </a></li>
+
<li> <a href="https://2016.igem.org/Team:IIT-Madras/Basic_Part"> ? Basic Parts </a></li>
−
<li> <a href="https://2016.igem.org/Team:IIT-Madras/Composite_Part"> ★ Composite Parts </a></li>
+
<li> <a href="https://2016.igem.org/Team:IIT-Madras/Composite_Part"> ? Composite Parts </a></li>
−
<li> <a href="https://2016.igem.org/Team:IIT-Madras/Part_Collection"> ★ Part Collection </a></li>
+
<li> <a href="https://2016.igem.org/Team:IIT-Madras/Part_Collection"> ? Part Collection </a></li>
 
                     </ul>
 
                     </ul>
 
                 </li>
 
                 </li>
Line 449: Line 421:
  
  
−
<li class="menu_item"> <a href="https://2016.igem.org/Team:IIT-Madras/Attributions">★ ATTRIBUTIONS </a></li>
+
<li class="menu_item"> <a href="https://2016.igem.org/Team:IIT-Madras/Attributions">? ATTRIBUTIONS </a></li>
  
  
Line 455: Line 427:
 
<ul class="submenu">
 
<ul class="submenu">
 
<li> <a href="https://2016.igem.org/Team:IIT-Madras/Human_Practices"> Human Practices </a></li>
 
<li> <a href="https://2016.igem.org/Team:IIT-Madras/Human_Practices"> Human Practices </a></li>
−
<li> <a href="https://2016.igem.org/Team:IIT-Madras/HP/Silver">★ Silver </a></li>
+
<li> <a href="https://2016.igem.org/Team:IIT-Madras/HP/Silver">? Silver </a></li>
−
<li> <a href="https://2016.igem.org/Team:IIT-Madras/HP/Gold">★ Gold </a></li>
+
<li> <a href="https://2016.igem.org/Team:IIT-Madras/HP/Gold">? Gold </a></li>
−
<li> <a href="https://2016.igem.org/Team:IIT-Madras/Integrated_Practices"> ★ Integrated Practices </a></li>
+
<li> <a href="https://2016.igem.org/Team:IIT-Madras/Integrated_Practices"> ? Integrated Practices </a></li>
−
<li> <a href="https://2016.igem.org/Team:IIT-Madras/Engagement">★ Engagement </a></li>
+
<li> <a href="https://2016.igem.org/Team:IIT-Madras/Engagement">? Engagement </a></li>
 
                     </ul>
 
                     </ul>
 
                 </li>
 
                 </li>
Line 466: Line 438:
 
<li class="menu_item"> <div class="icon plus"></div> AWARDS  
 
<li class="menu_item"> <div class="icon plus"></div> AWARDS  
 
<ul class="submenu">
 
<ul class="submenu">
−
<li><a href="https://2016.igem.org/Team:IIT-Madras/Entrepreneurship"> ★ Entrepreneurship </a></li>
+
<li><a href="https://2016.igem.org/Team:IIT-Madras/Entrepreneurship"> ? Entrepreneurship </a></li>
−
<li> <a href="https://2016.igem.org/Team:IIT-Madras/Hardware"> ★ Hardware </a></li>
+
<li> <a href="https://2016.igem.org/Team:IIT-Madras/Hardware"> ? Hardware </a></li>
−
<li> <a href="https://2016.igem.org/Team:IIT-Madras/Software">★ Software </a></li>
+
<li> <a href="https://2016.igem.org/Team:IIT-Madras/Software">? Software </a></li>
−
<li> <a href="https://2016.igem.org/Team:IIT-Madras/Measurement">★ Measurement </a></li>
+
<li> <a href="https://2016.igem.org/Team:IIT-Madras/Measurement">? Measurement </a></li>
−
<li> <a href="https://2016.igem.org/Team:IIT-Madras/Model">★ Model </a></li>
+
<li> <a href="https://2016.igem.org/Team:IIT-Madras/Model">? Model </a></li>
  
 
                     </ul>
 
                     </ul>

Latest revision as of 11:28, 2 October 2016

MENU ?