|
|
| Line 1: |
Line 1: |
| − | <html>
| |
| − | <style>
| |
| | | | |
| − | #iGEM2015
| |
| − | {
| |
| − | position: fixed;
| |
| − | height:50px;
| |
| − | top: 22px !important;
| |
| − | margin-left: -20px !important;
| |
| − | background-color: transparent;
| |
| − | vertical-align: sub;
| |
| − | }
| |
| − |
| |
| − | @media screen and (max-width: 736px) {
| |
| − | #iGEM2015
| |
| − | {
| |
| − | display: none;
| |
| − | }
| |
| − |
| |
| − | }
| |
| − |
| |
| − | .logocolor {
| |
| − | position: relative;
| |
| − | width:200px;
| |
| − | height: 200px;
| |
| − | margin: 0 auto;
| |
| − |
| |
| − | }
| |
| − |
| |
| − | .logocolor-button {
| |
| − | position: relative;
| |
| − | left: 50%;
| |
| − | top: 50%;
| |
| − | background: #fff;
| |
| − | border: none;
| |
| − | border-radius: 50%;
| |
| − | width: 80px;
| |
| − | height: 80px;
| |
| − | margin-top: -40px;
| |
| − | margin-left: -40px;
| |
| − | color: #fff;
| |
| − | font-size: 30px;
| |
| − | padding: 0;
| |
| − | overflow: hidden;
| |
| − | }
| |
| − |
| |
| − | .logocolor-bg{
| |
| − | background: none;
| |
| − | position: absolute;
| |
| − | top: 0;
| |
| − | left: 0;
| |
| − | width: 100%;
| |
| − | height: 100%;
| |
| − | opacity: 0;
| |
| − | }
| |
| − |
| |
| − | .logocolor-icon {
| |
| − | position: relative;
| |
| − | font-size: 28px;
| |
| − | margin: -2px 0 0 -2px;
| |
| − | }
| |
| − |
| |
| − | .logocolor-icon {
| |
| − | display: none;
| |
| − | }
| |
| − |
| |
| − | .logocolor-indicator {
| |
| − | position: absolute;
| |
| − | left: 50%;
| |
| − | top: 50%;
| |
| − | }
| |
| − |
| |
| − | .logocolor-indicator-dot {
| |
| − | position: absolute;
| |
| − | background: #5af158;
| |
| − | width: 40px;
| |
| − | height: 40px;
| |
| − | margin-left: -20px;
| |
| − | margin-top: -20px;
| |
| − | border-radius: 50%;
| |
| − | }
| |
| − |
| |
| − | .logocolor-indicator-dot:nth-child(1) {
| |
| − | background: #03a9f4;
| |
| − | -webkit-transform: scale(0.8, 0.8);
| |
| − | transform: scale(0.8, 0.8);
| |
| − | }
| |
| − |
| |
| − | .logocolor-indicator-dot:nth-child(2) {
| |
| − | background: #5af158;
| |
| − | -webkit-transform: scale(0.85, 0.85);
| |
| − | transform: scale(0.85, 0.85);
| |
| − | }
| |
| − |
| |
| − | .logocolor-indicator-dot:nth-child(3) {
| |
| − | background: #ffc107;
| |
| − | -webkit-transform: scale(0.9, 0.9);
| |
| − | transform: scale(0.9, 0.9);
| |
| − | }
| |
| − |
| |
| − | .logocolor-indicator-dot:nth-child(4) {
| |
| − | background: #ff5722;
| |
| − | -webkit-transform: scale(0.7, 0.7);
| |
| − | transform: scale(0.7, 0.7);
| |
| − | }
| |
| − |
| |
| − |
| |
| − | </style>
| |
| − | </html>
| |