Difference between revisions of "Team:Calgary/Sponsors"
| Line 64: | Line 64: | ||
</div> | </div> | ||
| + | </div> | ||
| + | |||
| + | <button class="accordion"><h3><i class="fa fa-chevron-down"> </i>Calgary 2017 Sponsorship Package</h3></button> | ||
| + | <div class="panel" style="text-align:center;"> | ||
| + | <object data="https://static.igem.org/mediawiki/2017/b/be/Calgary2017_SponsorshopPackage.pdf" type="application/pdf" width="75%" height="600px"> | ||
| + | Your device does not support embed PDFs. Please click the following link to open up the PDF. <a href="https://static.igem.org/mediawiki/2017/b/be/Calgary2017_SponsorshopPackage.pdf">2017 Sponsorship Package</a> | ||
| + | </object> | ||
</div> | </div> | ||
| Line 126: | Line 133: | ||
} | } | ||
| + | button.accordion.active i.fa-chevron-down{ | ||
| + | -webkit-transform: rotate(180deg); | ||
| + | -moz-transform: rotate(180deg); | ||
| + | -o-transform: rotate(180deg); | ||
| + | -ms-transform: rotate(180deg); | ||
| + | transform: rotate(180deg); | ||
| + | -webkit-transition: all 0.4s ease; | ||
| + | -o-transition: all 0.4s ease; | ||
| + | transition: all 0.4s ease; | ||
| + | } | ||
| + | |||
| + | button.accordion { | ||
| + | background-color: #faece5; | ||
| + | color: black; | ||
| + | cursor: pointer; | ||
| + | width: 100%; | ||
| + | border: none; | ||
| + | -moz-border-radius: 4px; | ||
| + | -webkit-border-radius: 4px; | ||
| + | border-radius: 15px; | ||
| + | text-align: left; | ||
| + | outline: none; | ||
| + | font-size: 15px; | ||
| + | transition: 0.4s; | ||
| + | margin-top: 2%; | ||
| + | padding-left: 2rem; | ||
| + | padding-right: 6rem; | ||
| + | padding-top: 0.5rem; | ||
| + | padding-bottom: 0.5rem; | ||
| + | } | ||
| + | |||
| + | button.accordion.active, button.accordion:hover { | ||
| + | background-color: #fcf3ef; | ||
| + | } | ||
| + | |||
| + | button.accordion i.fa-chevron-down { | ||
| + | -webkit-transition: all 0.4s ease; | ||
| + | -o-transition: all 0.4s ease; | ||
| + | transition: all 0.4s ease; | ||
| + | } | ||
| + | |||
| + | div.panel { | ||
| + | padding: 1% 1%; | ||
| + | display: none; | ||
| + | background-color: white; | ||
| + | } | ||
</style> | </style> | ||
| + | |||
| + | |||
| + | <script> | ||
| + | $(document).ready(function(){ | ||
| + | $('.accordion').on('click', function() { | ||
| + | $(this).next().slideToggle(400); | ||
| + | $(this).toggleClass('active'); | ||
| + | }); | ||
| + | }) | ||
| + | </script> | ||
</head> | </head> | ||
</html> | </html> | ||
Revision as of 21:51, 21 October 2017
