Difference between revisions of "Team:IIT Delhi/labs"

Line 1,482: Line 1,482:
  
  
/* The actual timeline (the vertical ruler) */
+
 
 
.timeline1 {
 
.timeline1 {
 
   position: relative;
 
   position: relative;
Line 1,489: Line 1,489:
 
}
 
}
  
/* The actual timeline (the vertical ruler) */
+
 
 
.timeline1::after {
 
.timeline1::after {
 
   content: '';
 
   content: '';
Line 1,501: Line 1,501:
 
}
 
}
  
/* Container around content */
+
 
 
.container1 {
 
.container1 {
 
   padding: 10px 40px;
 
   padding: 10px 40px;
Line 1,509: Line 1,509:
 
}
 
}
  
/* The circles on the timeline */
+
 
 
.container1::after {
 
.container1::after {
 
   content: '';
 
   content: '';
Line 1,523: Line 1,523:
 
}
 
}
  
/* Place the container to the left */
+
 
 
.left1 {
 
.left1 {
 
   left: 0;
 
   left: 0;
 
}
 
}
  
/* Place the container to the right */
 
 
.right1 {
 
.right1 {
 
   left: 50%;
 
   left: 50%;
 
}
 
}
  
/* Add arrows to the left container (pointing right) */
 
 
.left1::before {
 
.left1::before {
 
   content: " ";
 
   content: " ";
Line 1,547: Line 1,545:
 
}
 
}
  
/* Add arrows to the right container (pointing left) */
 
 
.right1::before {
 
.right1::before {
 
   content: " ";
 
   content: " ";
Line 1,561: Line 1,558:
 
}
 
}
  
/* Fix the circle for containers on the right side */
+
 
 
.right1::after {
 
.right1::after {
 
   left: -16px;
 
   left: -16px;
 
}
 
}
  
/* The actual content */
+
 
 
.content1 {
 
.content1 {
 
   padding: 20px 30px;
 
   padding: 20px 30px;
Line 1,574: Line 1,571:
 
}
 
}
  
/* Media queries - Responsive timeline on screens less than 600px wide */
 
 
@media all and (max-width: 600px) {
 
@media all and (max-width: 600px) {
/* Place the timelime to the left */
+
 
 
   .timeline::after {
 
   .timeline::after {
 
     left: 31px;
 
     left: 31px;
 
   }
 
   }
  
/* Full-width containers */
+
 
 
   .container1 {
 
   .container1 {
 
     width: 100%;
 
     width: 100%;
Line 1,588: Line 1,584:
 
   }
 
   }
  
/* Make sure that all arrows are pointing leftwards */
 
 
   .container1::before {
 
   .container1::before {
 
     left: 60px;
 
     left: 60px;
Line 1,596: Line 1,591:
 
   }
 
   }
  
/* Make sure all circles are at the same spot */
+
 
 
   .left1::after, .right1::after {
 
   .left1::after, .right1::after {
 
     left: 15px;
 
     left: 15px;
 
   }
 
   }
  
/* Make all right containers behave like the left ones */
 
 
   .right1 {
 
   .right1 {
 
     left: 0%;
 
     left: 0%;

Revision as of 20:39, 29 October 2017

iGEM IIT Delhi

march

Lorem ipsum..

april

Lorem ipsum..

may

Lorem ipsum..

june

Lorem ipsum..

july

Lorem ipsum..

august

Lorem ipsum..

september

Lorem ipsum..

october

Lorem ipsum..

Sponsored By
Contact Us Address

E-mail: iitd.igem@gmail.com
Undergraduate Laboratory
Department of Biotechnology and Biochemical Engineering, IIT Delhi