Difference between revisions of "Template:IISc-Bangalore"

(Undo revision 201811 by Raj Magesh (talk))
Line 3: Line 3:
 
<head>
 
<head>
 
<style>
 
<style>
 
@import url('https://fonts.googleapis.com/css?family=Yesteryear');
 
  
 
/* Code for removing iGEM loader content */
 
/* Code for removing iGEM loader content */
  
#sideMenu, #top_title, #top {
+
#sideMenu, #top_title, #top, #toc{
 
   display: none;
 
   display: none;
 
}
 
}
  
 
/* Content styling */
 
/* Content styling */
 +
 +
@import url(//fonts.googleapis.com/css?family=Open+Sans);
  
 
#content {
 
#content {
   background-color: #FFFDE7;
+
   background-color: #FFFFFF;
 
   width: 100%;
 
   width: 100%;
 
   height: 100%;
 
   height: 100%;
Line 26: Line 26:
 
     margin: 0;
 
     margin: 0;
 
     height: 100%;
 
     height: 100%;
    font-family: 'Yesteryear', cursive;
 
 
}
 
}
 
#inPageNav {
 
#inPageNav {
     width: 25%;
+
     width: 15%;
 
     float: left;
 
     float: left;
 
     display: block;
 
     display: block;
 
     position: fixed;
 
     position: fixed;
    font-family: 'Yesteryear', cursive;
 
 
}
 
}
 
#inPageNav ol {
 
#inPageNav ol {
Line 44: Line 42:
 
     display: block;
 
     display: block;
 
     padding: 10px 0 10px 10px;
 
     padding: 10px 0 10px 10px;
     text-align: center;
+
     text-align: right;
 
}
 
}
  
 
#inPageNav ol li:hover {
 
#inPageNav ol li:hover {
 
     background-color: #ddd;
 
     background-color: #ddd;
}  
+
}
 +
 
#contentMain {
 
#contentMain {
 
     width: 85%;
 
     width: 85%;
Line 58: Line 57:
 
     position: relative;
 
     position: relative;
 
     top: 16px;
 
     top: 16px;
     left: 25%;
+
     left: 20%;
 
     height: 1000px;
 
     height: 1000px;
 
     z-index: -1;
 
     z-index: -1;
 
     height: auto;
 
     height: auto;
 
     overflow: auto;
 
     overflow: auto;
    font-family: 'Yesteryear', cursive;
 
 
}
 
}
 
#content h1 {
 
#content h1 {
 
     margin: 0 0 40px 0;
 
     margin: 0 0 40px 0;
    font-family: 'Yesteryear', cursive;
 
 
}
 
}
 
#content h2, h3 {
 
#content h2, h3 {
 
     margin: 0 0 30px 0;
 
     margin: 0 0 30px 0;
    font-family: 'Yesteryear', cursive;
 
 
}
 
}
 
#content p {
 
#content p {
 
     margin: 0 0 30px 0;
 
     margin: 0 0 30px 0;
 
     line-height: 2;
 
     line-height: 2;
    font-family: 'Yesteryear', cursive;
 
    font-size: 2em;
 
 
}
 
}
 
.navbar {
 
.navbar {
 
     overflow: hidden;
 
     overflow: hidden;
     background-color: #333;
+
     background-color: rgba(0, 255, 0, 0.95);
    font-family: 'Yesteryear', cursive;
+
 
     padding-right: 30px;
 
     padding-right: 30px;
 
}
 
}
Line 88: Line 81:
 
.navbar a {
 
.navbar a {
 
     float: right;
 
     float: right;
     font-size: 16px;
+
     font-size: 14px;
     color: white;
+
     color: black;
 
     text-align: center;
 
     text-align: center;
 
     padding: 14px 16px;
 
     padding: 14px 16px;
Line 105: Line 98:
 
     border: none;
 
     border: none;
 
     outline: none;
 
     outline: none;
     color: white;
+
     color: black;
 
     padding: 14px 16px;
 
     padding: 14px 16px;
 
     background-color: inherit;
 
     background-color: inherit;
Line 127: Line 120:
  
 
.navbar a:hover, .dropdown:hover .dropbtn {
 
.navbar a:hover, .dropdown:hover .dropbtn {
     background-color: red;
+
     background-color: d6d6d6;
 
}
 
}
  
Line 169: Line 162:
 
<div class="navbar">
 
<div class="navbar">
 
   <a href="https://2017.igem.org/Team:IISc-Bangalore" id="logoImg">Logo here</a>
 
   <a href="https://2017.igem.org/Team:IISc-Bangalore" id="logoImg">Logo here</a>
 +
 
   <div class="dropdown">
 
   <div class="dropdown">
 
     <button class="dropbtn">Community</button>
 
     <button class="dropbtn">Community</button>
Line 176: Line 170:
 
       <a href="https://2017.igem.org/Team:IISc-Bangalore/Collaborations">Collaborations</a>
 
       <a href="https://2017.igem.org/Team:IISc-Bangalore/Collaborations">Collaborations</a>
 
       <a href="https://2017.igem.org/Team:IISc-Bangalore/Engagement">Public Engagement</a>
 
       <a href="https://2017.igem.org/Team:IISc-Bangalore/Engagement">Public Engagement</a>
 +
      <a href="https://2017.igem.org/Team:IISc-Bangalore/Engagement">Safety</a>
 +
 
     </div>
 
     </div>
 
   </div>
 
   </div>
Line 192: Line 188:
 
     <button class="dropbtn">Lab</button>
 
     <button class="dropbtn">Lab</button>
 
     <div class="dropdown-content">
 
     <div class="dropdown-content">
 +
      <a href="https://2017.igem.org/Team:IISc-Bangalore/Assembly">Assembly</a>
 
       <a href="https://2017.igem.org/Team:IISc-Bangalore/Experiments">Experiments</a>
 
       <a href="https://2017.igem.org/Team:IISc-Bangalore/Experiments">Experiments</a>
 
       <a href="https://2017.igem.org/Team:IISc-Bangalore/Results">Results</a>
 
       <a href="https://2017.igem.org/Team:IISc-Bangalore/Results">Results</a>
 
       <a href="https://2017.igem.org/Team:IISc-Bangalore/Demonstrate">Demonstrate</a>
 
       <a href="https://2017.igem.org/Team:IISc-Bangalore/Demonstrate">Demonstrate</a>
 
       <a href="https://2017.igem.org/Team:IISc-Bangalore/Notebook">Notebook</a>
 
       <a href="https://2017.igem.org/Team:IISc-Bangalore/Notebook">Notebook</a>
       <a href="https://2017.igem.org/Team:IISc-Bangalore/Safety">Safety</a>
+
       <a href="https://2017.igem.org/Team:IISc-Bangalore/Protocols">Protocols</a>
 
     </div>
 
     </div>
 
   </div>
 
   </div>
Line 224: Line 221:
  
 
   <div class="dropdown">
 
   <div class="dropdown">
     <a href="https://2017.igem.org/Team:IISc-Bangalore">Home</a>
+
     <button class="dropbtn"><a href="https://2017.igem.org/Team:IISc-Bangalore"><span></span></a>Home</button>
 
   </div>
 
   </div>
 
</div>
 
</div>

Revision as of 21:21, 19 October 2017