(Prototype team page) |
Oliver0423 (Talk | contribs) |
||
Line 1: | Line 1: | ||
− | {{ | + | {{CSMU Taiwan/navBar}} |
+ | {{CSMU Taiwan/BootstrapMin}} | ||
<html> | <html> | ||
+ | <style type="text/css"> | ||
+ | /************************************************************************ | ||
+ | Tables | ||
+ | ************************************************************************/ | ||
+ | #bodyContent table { | ||
+ | font: 18px Work Sans; | ||
+ | background: rgba(0, 0, 0, 0); | ||
+ | border: none; | ||
+ | margin: 0; | ||
+ | width: 100%; | ||
+ | table-layout: fixed; | ||
+ | } | ||
+ | #bodyContent table thead { | ||
+ | display: none; | ||
+ | } | ||
− | + | @media (min-width: 1024px) { | |
− | + | #bodyContent table thead { | |
− | + | display: table-header-group; | |
− | + | } | |
− | + | } | |
+ | #bodyContent table th { | ||
+ | border: none; | ||
+ | background-color: #036860; | ||
+ | text-align: left; | ||
+ | } | ||
− | + | #bodyContent table td { | |
+ | border: none; | ||
+ | display: block; | ||
+ | } | ||
+ | #bodyContent table tbody td:before { | ||
+ | content: attr(data-th); | ||
+ | font-weight: bold; | ||
+ | display: inline-block; | ||
+ | width: 6rem; | ||
+ | } | ||
− | + | @media (min-width: 1024px) { | |
− | + | #bodyContent table tbody td { | |
− | + | display: table-cell; | |
+ | padding: 10px; | ||
+ | border-collapse: collapse; | ||
+ | vertical-align: middle; | ||
+ | } | ||
− | + | #bodyContent table tbody td:before { | |
− | + | content: none; | |
− | + | } | |
− | + | } | |
− | + | ||
− | + | ||
+ | #bodyContent table tr { | ||
+ | background-color: rgba(0, 0, 0, 0); | ||
+ | -webkit-transition: all 0.5s ease; | ||
+ | -o-transition: all 0.5s ease; | ||
+ | transition: all 0.5s ease; | ||
+ | } | ||
− | + | #bodyContent table tr:nth-child(even) { | |
+ | background-color: rgba(20, 147, 117, 0.125); | ||
+ | } | ||
+ | #bodyContent table tr:hover { | ||
+ | background-color: rgba(20, 147, 117, 0.75); | ||
+ | } | ||
+ | @media (min-width: 1024px) { | ||
+ | |||
+ | #bodyContent table th:first-child { | ||
+ | border-radius: 10px 0 0 10px; | ||
+ | } | ||
+ | |||
+ | #bodyContent table th:last-child { | ||
+ | border-radius: 0 10px 10px 0; | ||
+ | } | ||
+ | |||
+ | #bodyContent table td:first-child { | ||
+ | border-radius: 10px 0 0 10px; | ||
+ | } | ||
+ | |||
+ | #bodyContent table td:last-child { | ||
+ | border-radius: 0 10px 10px 0; | ||
+ | } | ||
+ | |||
+ | #bodyContent table.small_first th:first-child { | ||
+ | width: 120px; | ||
+ | } | ||
+ | |||
+ | #bodyContent table.small_first td:first-child { | ||
+ | width: 120px; | ||
+ | } | ||
+ | } | ||
+ | </style> | ||
+ | |||
+ | <body class="" data-spy="scroll" data-target="#myScrollspy" style="background-color:#353535;"> | ||
+ | <a class="anchorOffset" id="start"></a> | ||
+ | <!--------- NAVBAR--------------------------------------------------------------------------------------------------------------------------------------------------------------> | ||
+ | <!------------CONTENEDOR PRINCIPAL ----------------------------------------------------------------------------------------------------------------------------------> | ||
+ | <div class="main-container"> | ||
+ | <section style="background-size: 100%;height: 44.2em;margin-top: 0em;padding-top: 1.1em;" class="height-90 parallax"> | ||
+ | <div class="main-container" style="height: 100%;"> | ||
+ | <center style="height: 100%;"> | ||
+ | <div class="col-md-12" style="height: 100%;margin-top:2em; padding:0px"> | ||
+ | <div id="logoPrinteria" class="item" style="background-image: url(https://static.igem.org/mediawiki/2019/8/86/T--CSMU_Taiwan--cover_part.png);height: 100%; width: 100%;background-attachment: fixed;background-size: cover;"> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/d/d5/T--CSMU_Taiwan--part_.png" style=" margin-top: 0px;"> | ||
+ | <a class="btn down inner-link active" href="#story" style="font-size: 82%;right: 50%;/* position: fixed; *//* bottom: 7%; */top: 85.2%;z-index: 99;background-color: white;position: absolute;border-radius: 80%;width: 3.8em;height: 3.8em;padding: 0;padding-top: 14px;"> | ||
+ | <i class="stack-interface stack-down-open-big"></i> | ||
+ | </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </center> | ||
+ | </div> | ||
+ | </section> | ||
+ | </div> | ||
+ | <a class="anchorOffset" id="story"></a> | ||
+ | <section class="feature-large" style="padding-top: 6em; padding-bottom: 50px; outline: none;" data-scroll-id="story" tabindex="-1"> | ||
+ | <div class="container"> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-10 offset-1 col9Attr" data-spy="scroll" data-target="#myScrollspy" style="padding-left: 6em;padding-right: 2em;"> | ||
+ | <div> | ||
+ | <h1> header 1</h1> | ||
+ | <p> paragraph</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </section> | ||
+ | <!--<div class="loader"></div>--> | ||
+ | <a class="back-to-top inner-link" href="#start" data-scroll-class="100vh:active" style="font-size: 82%;"> | ||
+ | <i class="stack-interface stack-up-open-big"></i> | ||
+ | </a> | ||
+ | <script type="text/javascript"> | ||
+ | $(function() { | ||
+ | removeSection = function(e) { | ||
+ | $(e).parents(".section").remove(); | ||
+ | $('[data-spy="scroll"]').each(function() { | ||
+ | var $spy = $(this).scrollspy('refresh') | ||
+ | }); | ||
+ | } | ||
+ | $("#myScrollspy").scrollspy(); | ||
+ | }); | ||
+ | </script> | ||
+ | <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Template:CSMU_Taiwan/scriptsJS&action=raw&ctype=text/javascript"></script> | ||
+ | <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Template:CSMU_Taiwan/jquery311minJS&action=raw&ctype=text/javascript"></script> | ||
+ | <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Template:CSMU_Taiwan/parallaxJS&action=raw&ctype=text/javascript"></script> | ||
+ | <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Template:CSMU_Taiwan/smoothscrollminJS&action=raw&ctype=text/javascript"></script> | ||
+ | <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Template:CSMU_Taiwan/jquerystepsminJS&action=raw&ctype=text/javascript"></script> | ||
+ | <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Template:CSMU_Taiwan/bootstrapMinJS&action=raw&ctype=text/javascript"></script> | ||
+ | </body> | ||
</html> | </html> | ||
+ | {{CSMU Taiwan/footer}} |
Revision as of 08:35, 13 October 2019
header 1
paragraph