|
|
| Line 33: |
Line 33: |
| | list-style-image:url(https://static.igem.org/mediawiki/2015/e/ed/2015-Glasgow-experimenticon.png); | | list-style-image:url(https://static.igem.org/mediawiki/2015/e/ed/2015-Glasgow-experimenticon.png); |
| | list-style-position:center; | | list-style-position:center; |
| − | }
| |
| − | @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:130px;
| |
| − | padding-top:50px;
| |
| − |
| |
| − | }
| |
| − | .sign {
| |
| − | -ms-transform: rotate(-3deg);
| |
| − | -webkit-transform: rotate(-3deg);
| |
| − | transform: rotate(-3deg);
| |
| | } | | } |
| | #bodybackground { | | #bodybackground { |
| Line 70: |
Line 41: |
| | background-size:cover; | | background-size:cover; |
| | } | | } |
| − | #title {
| |
| − | font-size: 150px;
| |
| − | }
| |
| − | #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;
| |
| − | }
| |
| − | .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;
| |
| − | }
| |
| − | @-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>
| |
| − | </br>
| |
| − | <div id="bodybackground">
| |
| − | <div class="container3">
| |
| − | <div class="sign">
| |
| − | <div class="neon-blue" id="title">Glas<span id="fade">glow</span> </div>
| |
| − | <div class="neon-blue"><br><span class="neon-purple"><strong>Attributions</strong></span></div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| | <div class="attribution"> | | <div class="attribution"> |
| | <div class="head"><h1>Attributions</h1></div> | | <div class="head"><h1>Attributions</h1></div> |
