Difference between revisions of "Template:IIT-Madras/NewHeader"
| Line 106: | Line 106: | ||
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a> | <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a> | ||
<a href="#">Home</a> | <a href="#">Home</a> | ||
| − | <a href="#">The Team</a> | + | <a href="#" class="collapsible">The Team</a> |
| + | <div class="Coll_content"> | ||
| + | <a href="">Description</a> | ||
| + | <a href="">Design</a> | ||
| + | <a href="">Notebook</a> | ||
| + | <a href="">Model</a> | ||
| + | <a href="">Results</a> | ||
| + | <a href="">Demonstrations</a> | ||
| + | <a href="">Improvements</a> | ||
| + | <a href="">Parts</a> | ||
| + | <a href="">InterLab</a> | ||
| + | <a href="">Safety</a> | ||
| + | </div> | ||
| + | |||
<a href="#">Project</a> | <a href="#">Project</a> | ||
<a href="#">Community</a> | <a href="#">Community</a> | ||
| Line 394: | Line 407: | ||
} | } | ||
} | } | ||
| + | |||
| + | .collapsible { | ||
| + | background-color: #777; | ||
| + | color: white; | ||
| + | cursor: pointer; | ||
| + | padding: 18px; | ||
| + | width: 100%; | ||
| + | border: none; | ||
| + | text-align: left; | ||
| + | outline: none; | ||
| + | font-size: 15px; | ||
| + | } | ||
| + | |||
| + | .active, .collapsible:hover { | ||
| + | background-color: #555; | ||
| + | } | ||
| + | |||
| + | .collapsible:after { | ||
| + | content: '\002B'; | ||
| + | color: white; | ||
| + | font-weight: bold; | ||
| + | float: right; | ||
| + | margin-left: 5px; | ||
| + | } | ||
| + | |||
| + | .active:after { | ||
| + | content: "\2212"; | ||
| + | } | ||
| + | |||
| + | .content { | ||
| + | padding: 0 18px; | ||
| + | max-height: 0; | ||
| + | overflow: hidden; | ||
| + | transition: max-height 0.2s ease-out; | ||
| + | background-color: #f1f1f1; | ||
| + | } | ||
</style> | </style> | ||
Revision as of 17:02, 8 October 2018
