Difference between revisions of "Template:IISc-Bangalore"

Line 469: Line 469:
 
<div class="igem_2017_content_wrapper">
 
<div class="igem_2017_content_wrapper">
 
<style>
 
<style>
−
.menu, .menu ul {
+
.menu1, .menu1 ul {
 
list-style: none;
 
list-style: none;
 
padding: 0;
 
padding: 0;
Line 475: Line 475:
 
}
 
}
  
−
.menu {
+
.menu1 {
 
height: 58px;
 
height: 58px;
 
}
 
}
  
−
.menu li {
+
.menu1 li {
 
background: -moz-linear-gradient(#292929, #252525);
 
background: -moz-linear-gradient(#292929, #252525);
 
background: -ms-linear-gradient(#292929, #252525);
 
background: -ms-linear-gradient(#292929, #252525);
Line 493: Line 493:
 
}
 
}
  
−
.menu > li {
+
.menu1 > li {
 
display: block;
 
display: block;
 
float: left;
 
float: left;
Line 499: Line 499:
 
}
 
}
  
−
.menu > li:first-child {
+
.menu1 > li:first-child {
 
border-radius: 5px 0 0;
 
border-radius: 5px 0 0;
 
}
 
}
  
−
.menu a {
+
.menu1 a {
 
border-left: 3px solid rgba(0, 0, 0, 0);
 
border-left: 3px solid rgba(0, 0, 0, 0);
 
color: #808080;
 
color: #808080;
Line 515: Line 515:
 
}
 
}
  
−
.menu li:hover {
+
.menu1 li:hover {
 
background-color: #1c1c1c;
 
background-color: #1c1c1c;
 
background: -moz-linear-gradient(#1c1c1c, #1b1b1b);
 
background: -moz-linear-gradient(#1c1c1c, #1b1b1b);
Line 529: Line 529:
 
}
 
}
  
−
.menu li:hover > a {
+
.menu1 li:hover > a {
 
border-radius: 5px 0 0 0;
 
border-radius: 5px 0 0 0;
 
border-left: 3px solid #C4302B;
 
border-left: 3px solid #C4302B;
Line 535: Line 535:
 
}
 
}
  
−
/* submenu styles */
+
/* submenu1 styles */
−
.submenu {
+
.submenu1 {
 
left: 0;
 
left: 0;
 
max-height: 0;
 
max-height: 0;
Line 549: Line 549:
 
}
 
}
  
−
.submenu li {
+
.submenu1 li {
 
opacity: 0;
 
opacity: 0;
 
-webkit-transform: rotateY(90deg);
 
-webkit-transform: rotateY(90deg);
Line 563: Line 563:
 
}
 
}
  
−
.menu .submenu li:hover a {
+
.menu1 .submenu1 li:hover a {
 
border-left: 3px solid #454545;
 
border-left: 3px solid #454545;
 
border-radius: 0;
 
border-radius: 0;
Line 569: Line 569:
 
}
 
}
  
−
.menu > li:hover .submenu, .menu > li:focus .submenu {
+
.menu1 > li:hover .submenu1, .menu1 > li:focus .submenu1 {
 
max-height: 2000px;
 
max-height: 2000px;
 
z-index: 10;
 
z-index: 10;
 
}
 
}
  
−
.menu > li:hover .submenu li, .menu > li:focus .submenu li {
+
.menu1 > li:hover .submenu1 li, .menu1 > li:focus .submenu1 li {
 
opacity: 1;
 
opacity: 1;
 
-webkit-transform: none;
 
-webkit-transform: none;
Line 584: Line 584:
  
 
/* CSS3 delays for transition effects */
 
/* CSS3 delays for transition effects */
−
.menu li:hover .submenu li:nth-child(1) {
+
.menu1 li:hover .submenu1 li:nth-child(1) {
 
-webkit-transition-delay: 0s;
 
-webkit-transition-delay: 0s;
 
-moz-transition-delay: 0s;
 
-moz-transition-delay: 0s;
Line 592: Line 592:
 
}
 
}
  
−
.menu li:hover .submenu li:nth-child(2) {
+
.menu1 li:hover .submenu1 li:nth-child(2) {
 
-webkit-transition-delay: 50ms;
 
-webkit-transition-delay: 50ms;
 
-moz-transition-delay: 50ms;
 
-moz-transition-delay: 50ms;
Line 600: Line 600:
 
}
 
}
  
−
.menu li:hover .submenu li:nth-child(3) {
+
.menu1 li:hover .submenu1 li:nth-child(3) {
 
-webkit-transition-delay: 100ms;
 
-webkit-transition-delay: 100ms;
 
-moz-transition-delay: 100ms;
 
-moz-transition-delay: 100ms;
Line 608: Line 608:
 
}
 
}
  
−
.menu li:hover .submenu li:nth-child(4) {
+
.menu1 li:hover .submenu1 li:nth-child(4) {
 
-webkit-transition-delay: 150ms;
 
-webkit-transition-delay: 150ms;
 
-moz-transition-delay: 150ms;
 
-moz-transition-delay: 150ms;
Line 616: Line 616:
 
}
 
}
  
−
.menu li:hover .submenu li:nth-child(5) {
+
.menu1 li:hover .submenu1 li:nth-child(5) {
 
-webkit-transition-delay: 200ms;
 
-webkit-transition-delay: 200ms;
 
-moz-transition-delay: 200ms;
 
-moz-transition-delay: 200ms;
Line 624: Line 624:
 
}
 
}
  
−
.menu li:hover .submenu li:nth-child(6) {
+
.menu1 li:hover .submenu1 li:nth-child(6) {
 
-webkit-transition-delay: 250ms;
 
-webkit-transition-delay: 250ms;
 
-moz-transition-delay: 250ms;
 
-moz-transition-delay: 250ms;
Line 632: Line 632:
 
}
 
}
  
−
.menu li:hover .submenu li:nth-child(7) {
+
.menu1 li:hover .submenu1 li:nth-child(7) {
 
-webkit-transition-delay: 300ms;
 
-webkit-transition-delay: 300ms;
 
-moz-transition-delay: 300ms;
 
-moz-transition-delay: 300ms;
Line 640: Line 640:
 
}
 
}
  
−
.menu li:hover .submenu li:nth-child(8) {
+
.menu1 li:hover .submenu1 li:nth-child(8) {
 
-webkit-transition-delay: 350ms;
 
-webkit-transition-delay: 350ms;
 
-moz-transition-delay: 350ms;
 
-moz-transition-delay: 350ms;
Line 648: Line 648:
 
}
 
}
  
−
.submenu li:nth-child(1) {
+
.submenu1 li:nth-child(1) {
 
-webkit-transition-delay: 350ms;
 
-webkit-transition-delay: 350ms;
 
-moz-transition-delay: 350ms;
 
-moz-transition-delay: 350ms;
Line 656: Line 656:
 
}
 
}
  
−
.submenu li:nth-child(2) {
+
.submenu1 li:nth-child(2) {
 
-webkit-transition-delay: 300ms;
 
-webkit-transition-delay: 300ms;
 
-moz-transition-delay: 300ms;
 
-moz-transition-delay: 300ms;
Line 664: Line 664:
 
}
 
}
  
−
.submenu li:nth-child(3) {
+
.submenu1 li:nth-child(3) {
 
-webkit-transition-delay: 250ms;
 
-webkit-transition-delay: 250ms;
 
-moz-transition-delay: 250ms;
 
-moz-transition-delay: 250ms;
Line 672: Line 672:
 
}
 
}
  
−
.submenu li:nth-child(4) {
+
.submenu1 li:nth-child(4) {
 
-webkit-transition-delay: 200ms;
 
-webkit-transition-delay: 200ms;
 
-moz-transition-delay: 200ms;
 
-moz-transition-delay: 200ms;
Line 680: Line 680:
 
}
 
}
  
−
.submenu li:nth-child(5) {
+
.submenu1 li:nth-child(5) {
 
-webkit-transition-delay: 150ms;
 
-webkit-transition-delay: 150ms;
 
-moz-transition-delay: 150ms;
 
-moz-transition-delay: 150ms;
Line 688: Line 688:
 
}
 
}
  
−
.submenu li:nth-child(6) {
+
.submenu1 li:nth-child(6) {
 
-webkit-transition-delay: 100ms;
 
-webkit-transition-delay: 100ms;
 
-moz-transition-delay: 100ms;
 
-moz-transition-delay: 100ms;
Line 696: Line 696:
 
}
 
}
  
−
.submenu li:nth-child(7) {
+
.submenu1 li:nth-child(7) {
 
-webkit-transition-delay: 50ms;
 
-webkit-transition-delay: 50ms;
 
-moz-transition-delay: 50ms;
 
-moz-transition-delay: 50ms;
Line 704: Line 704:
 
}
 
}
  
−
.submenu li:nth-child(8) {
+
.submenu1 li:nth-child(8) {
 
-webkit-transition-delay: 0s;
 
-webkit-transition-delay: 0s;
 
-moz-transition-delay: 0s;
 
-moz-transition-delay: 0s;

Revision as of 18:17, 9 September 2017

IISc-Bangalore