Difference between revisions of "Team:iTesla-SoundBio/Project/Parts"

Line 1: Line 1:
 +
{{iTesla-SoundBio}}
 
<html>
 
<html>
 
<style>
 
<style>
body { background: #9cb8b3; }
 
 
 
h1 {
 
h1 {
 
     font: 600 1.5em/1 'Raleway', sans-serif;
 
     font: 600 1.5em/1 'Raleway', sans-serif;
Line 9: Line 8:
 
     text-transform: uppercase;
 
     text-transform: uppercase;
 
     letter-spacing: .5em;
 
     letter-spacing: .5em;
    position: absolute;
 
 
     top: 25%;
 
     top: 25%;
 
     width: 100%;
 
     width: 100%;
 
padding-top: 50px;
 
padding-top: 50px;
 +
        padding-bottom: 50px;
 +
 
}
 
}
 
 
span, span:after {
 
span, span:after {
 
     font-weight: 900;
 
     font-weight: 900;
Line 20: Line 19:
 
     white-space: nowrap;
 
     white-space: nowrap;
 
     display: inline-block;
 
     display: inline-block;
    position: relative;
 
 
     letter-spacing: .1em;
 
     letter-spacing: .1em;
 
     padding: .2em 0 .25em 0;
 
     padding: .2em 0 .25em 0;
Line 41: Line 39:
 
     -webkit-mask-image: url(https://f.cl.ly/items/1t1C0W3y040g1J172r3h/mask.png);
 
     -webkit-mask-image: url(https://f.cl.ly/items/1t1C0W3y040g1J172r3h/mask.png);
 
}
 
}
 +
 
</style>
 
</style>
<body>
 
<!-- The following reset code was given by William Kwok from the UW iGEM team -->
 
<!-- Add on-page javascript for destroying default iGEM CSS and adding a loading animation -->
 
<!-- I do it twice to run once so the page loading animation gets correct styling the first run -->
 
<!-- Second run is just to make sure everything gets ran -->
 
<script type="text/javascript">
 
    $('div#content').removeAttr('id').attr('id', 'contentBox');
 
    $('a#top').remove();
 
    $('div#top_title').remove();
 
    $('div#HQ_page').removeAttr('id');
 
    $('div.mw-body').removeAttr('class');
 
    $('div#mw-content-text').removeAttr('id');
 
    $('div#bodyContent').removeAttr('id');
 
    $('div.mw-content-ltr>p').addClass('meta');
 
    $('div.mw-content-ltr').removeAttr('class');
 
    document.getElementById("root").innerText = "Page loading...";
 
    $(document).ready(function () {
 
        $('div#content').removeAttr('id').attr('id', 'contentBox');
 
        $('a#top').remove();
 
        $('div#top_title').remove();
 
        $('div#HQ_page').removeAttr('id');
 
        $('div.mw-body').removeAttr('class');
 
        $('div#mw-content-text').removeAttr('id');
 
        $('div#bodyContent').removeAttr('id');
 
        $('div.mw-content-ltr>p').addClass('meta');
 
        $('div.mw-content-ltr').removeAttr('class');
 
    })
 
</script>
 
 
<body>
 
<body>
 
<h1>We are sorry but our page is<br><span data-shadow-text="Under Construction">Under Construction</span><br> Please check back later</h1>
 
<h1>We are sorry but our page is<br><span data-shadow-text="Under Construction">Under Construction</span><br> Please check back later</h1>
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 07:38, 26 August 2018

We are sorry but our page is
Under Construction
Please check back later