|
|
| (71 intermediate revisions by 3 users not shown) |
| Line 1: |
Line 1: |
| − | {{GlasgowNavbar}}
| |
| − | <html>
| |
| − | <head>
| |
| − | <style>
| |
| − | .firstHeading {
| |
| − | display:none;
| |
| − | }
| |
| − |
| |
| − | #content {
| |
| − | width:auto;
| |
| − | height:auto;
| |
| − | padding:0px 0px 0px 0px;
| |
| − | border:none;
| |
| − |
| |
| − |
| |
| − | }
| |
| − | h1 {
| |
| − | text-decoration:none;
| |
| − | border:none;
| |
| − | }
| |
| | | | |
| − | * {
| |
| − | padding:0;
| |
| − | margin:0;
| |
| − | }
| |
| − |
| |
| − | .banner {
| |
| − | width:100vw;
| |
| − | height:45vh;
| |
| − | background-color: black;
| |
| − | }
| |
| − |
| |
| − | h1 {
| |
| − | width:20vw;
| |
| − | margin: 5vh auto;
| |
| − | text-align: center;
| |
| − | }
| |
| − |
| |
| − | .mainText {
| |
| − | width:80vw;
| |
| − | margin:0 auto;
| |
| − | text-align: justify;
| |
| − | }
| |
| − |
| |
| − | .monster {
| |
| − | height:50vh;
| |
| − | width:15vw;
| |
| − | position:relative;
| |
| − | display:inline-block;
| |
| − | margin: 0 auto;
| |
| − | }
| |
| − |
| |
| − | .monsterContainer {
| |
| − | width:80vw;
| |
| − | height:50vh;
| |
| − | margin:10vh auto;
| |
| − | text-align: justify;
| |
| − |
| |
| − | }
| |
| − |
| |
| − | .monsterContainer:after {
| |
| − | content: "";
| |
| − | width: 100%;
| |
| − | display: inline-block;
| |
| − | }
| |
| − |
| |
| − | .monsterImg {
| |
| − | height:100%;
| |
| − | width:100%;
| |
| − | opacity:0.92;
| |
| − | box-shadow: 0 0 5px purple;
| |
| − | }
| |
| − |
| |
| − | h3 {
| |
| − | color: white;
| |
| − | position:absolute;
| |
| − | bottom:1%;
| |
| − | left: 5%;
| |
| − | width:100%;
| |
| − | opacity:0.85;
| |
| − | }
| |
| − |
| |
| − | monsterSpan {
| |
| − | letter-spacing: -1px;
| |
| − | background: rgb(30, 5, 90);
| |
| − | background: rgba(30, 5, 90, 0.7);
| |
| − | padding:5%;
| |
| − | }
| |
| − |
| |
| − | .dimmer {
| |
| − | opacity:1;
| |
| − | }
| |
| − |
| |
| − | .dimmer2 {
| |
| − | text-decoration: underline;
| |
| − | opacity:1
| |
| − | }
| |
| − | #bodybackground {
| |
| − | background:url(https://static.igem.org/mediawiki/2015/7/7c/GLasgow_7323.jpg) no-repeat center center;
| |
| − | font-family: 'Nixie One', Helvetica, Arial, sans-serif;
| |
| − | font-size: 50px;
| |
| − | height:45vh;
| |
| − | background-size:cover;
| |
| − | }
| |
| − | @font-face {
| |
| − | font-family: 'Nixie One';
| |
| − | font-style: normal;
| |
| − | font-weight: 400;
| |
| − | src: local('Nixie One'), local('NixieOne-Regular'), url(http://fonts.gstatic.com/s/nixieone/v7/gQ0PT3rPU_Et2ExNz-ahmpBw1xU1rKptJj_0jans920.woff2) format('woff2');
| |
| − | unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
| |
| − | }
| |
| − | @font-face {
| |
| − | font-family: 'League Script';
| |
| − | font-style: normal;
| |
| − | font-weight: 400;
| |
| − | src: local('League Script'), local('LeagueScript'), url(http://fonts.gstatic.com/s/leaguescript/v7/wnRFLvfabWK_DauqppD6vTLKmjGCnkmx1ziy0T7wKLI.woff2) format('woff2');
| |
| − | unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
| |
| − | }
| |
| − | .container3 {
| |
| − | display: flex;
| |
| − | flex-direction: row;
| |
| − | flex-wrap: wrap;
| |
| − | justify-content: center;
| |
| − | align-items: center;
| |
| − | line-height:7vh;
| |
| − | padding-top:50px;
| |
| − |
| |
| − | }
| |
| − | .sign {
| |
| − | -ms-transform: rotate(-3deg);
| |
| − | -webkit-transform: rotate(-3deg);
| |
| − | transform: rotate(-3deg);
| |
| − | margin-top:10vh;
| |
| − | }
| |
| − | #title {
| |
| − | font-size: 10vh;
| |
| − | }
| |
| − | #trav {
| |
| − | -webkit-animation: blink 0.01s infinite alternate;
| |
| − | -moz-animation: blink 0.01s infinite alternate;
| |
| − | -o-animation: blink 0.01s infinite alternate;
| |
| − | animation: blink 0.01s infinite alternate;
| |
| − | }
| |
| − | #fade {
| |
| − | opacity: 0.6;
| |
| − | color: #ebffff;
| |
| − | text-shadow: 2px 2px 1px rgba(0,0,0,0.3), 0 0px 15px #fff, 0 0 10px #38eeff, 0 0 50px #38eeff;
| |
| − | -webkit-animation: fade 3s infinite alternate;
| |
| − | -moz-animation: fade 3s infinite alternate;
| |
| − | -o-animation: fade 3s infinite alternate;
| |
| − | animation: fade 3s infinite alternate;
| |
| − | }
| |
| − | .neon-blue {
| |
| − | margin: 0 auto;
| |
| − | text-align: center;
| |
| − | color: #ebffff;
| |
| − | text-shadow: 2px 2px 1px rgba(0,0,0,0.3), 0 0px 15px #fff, 0 0 10px #38eeff, 0 0 50px #38eeff;
| |
| − | font-size:4vw;
| |
| − | }
| |
| − | .neon-purple {
| |
| − | font-family: 'League Script', Helvetica, Arial, sans-serif;
| |
| − | font-size: 130px;
| |
| − | margin: 0 auto;
| |
| − | text-align: center;
| |
| − | color: #6CA7FF;
| |
| − | text-shadow: 2px 2px 1px rgba(0,0,0,0.5), 0 0 5px #fff, 0 0 10px #7d26cd, 0 0 35px #7d26cd;
| |
| − | font-size:8vh;
| |
| − | }
| |
| − | @-moz-keyframes blink {
| |
| − | 70% {
| |
| − | opacity: 0.7;
| |
| − | }
| |
| − | }
| |
| − | @-webkit-keyframes blink {
| |
| − | 45% {
| |
| − | opacity: 0.5;
| |
| − | }
| |
| − | }
| |
| − | @-o-keyframes blink {
| |
| − | 70% {
| |
| − | opacity: 0.7;
| |
| − | }
| |
| − | }
| |
| − | @keyframes blink {
| |
| − | 70% {
| |
| − | opacity: 0.7;
| |
| − | }
| |
| − | }
| |
| − | @-moz-keyframes fade {
| |
| − | 40% {
| |
| − | opacity: 0.8;
| |
| − | }
| |
| − | 42% {
| |
| − | opacity: 0.1;
| |
| − | }
| |
| − | 43% {
| |
| − | opacity: 0.8;
| |
| − | }
| |
| − | 45% {
| |
| − | opacity: 0.1;
| |
| − | }
| |
| − | 46% {
| |
| − | opacity: 0.8;
| |
| − | }
| |
| − | }
| |
| − | @-webkit-keyframes fade {
| |
| − | 40% {
| |
| − | opacity: 0.8;
| |
| − | }
| |
| − | 42% {
| |
| − | opacity: 0.1;
| |
| − | }
| |
| − | 43% {
| |
| − | opacity: 0.8;
| |
| − | }
| |
| − | 45% {
| |
| − | opacity: 0.1;
| |
| − | }
| |
| − | 46% {
| |
| − | opacity: 0.8;
| |
| − | }
| |
| − | }
| |
| − | @-o-keyframes fade {
| |
| − | 40% {
| |
| − | opacity: 0.8;
| |
| − | }
| |
| − | 42% {
| |
| − | opacity: 0.1;
| |
| − | }
| |
| − | 43% {
| |
| − | opacity: 0.8;
| |
| − | }
| |
| − | 45% {
| |
| − | opacity: 0.1;
| |
| − | }
| |
| − | 46% {
| |
| − | opacity: 0.8;
| |
| − | }
| |
| − | }
| |
| − | @keyframes fade {
| |
| − | 40% {
| |
| − | opacity: 0.8;
| |
| − | }
| |
| − | 42% {
| |
| − | opacity: 0.1;
| |
| − | }
| |
| − | 43% {
| |
| − | opacity: 0.8;
| |
| − | }
| |
| − | 45% {
| |
| − | opacity: 0.1;
| |
| − | }
| |
| − | 46% {
| |
| − | opacity: 0.8;
| |
| − | }
| |
| − | }
| |
| − | </style>
| |
| − | </head>
| |
| − |
| |
| − |
| |
| − | <body>
| |
| − |
| |
| − |
| |
| − |
| |
| − | <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
| |
| − | <script type="text/javascript">
| |
| − |
| |
| − | $(document).ready(function() {
| |
| − | $('.monster').mouseenter(function() {
| |
| − | $('img', this).addClass("dimmer");
| |
| − | $('h3', this).addClass("dimmer2");
| |
| − | });
| |
| − | $('.monster').mouseleave(function() {
| |
| − | $('img').removeClass("dimmer");
| |
| − | $('h3').removeClass("dimmer2");
| |
| − | });
| |
| − | });
| |
| − |
| |
| − | </script>
| |
| − |
| |
| − | </body>
| |
| − |
| |
| − | </html>
| |
| − | {{Glasgowfooter}}
| |