|
|
| Line 1: |
Line 1: |
| | {{HK_SSC}} | | {{HK_SSC}} |
| | <html> | | <html> |
| − | <div class="igem_2018_team_content">
| |
| − | <div class="igem_2018_team_column_wrapper">
| |
| − | <div class="clear extra_space"></div>
| |
| − | <div class="clear extra_space"></div>
| |
| | | | |
| − | <style>
| |
| − |
| |
| − | html, body {
| |
| − | max-width: 100%;
| |
| − | overflow-x: hidden;
| |
| − | }
| |
| − |
| |
| − | img {
| |
| − | max-width: 100%;
| |
| − | height: auto;
| |
| − | display: block;
| |
| − | margin-left: auto;
| |
| − | margin-right: auto;
| |
| − | }
| |
| − | .row .wrap {
| |
| − | margin-bottom: 15px;
| |
| − | }
| |
| − | h1 {
| |
| − | text-align: center;
| |
| − | line-height: 120% !important;
| |
| − | margin: 48px auto 0;
| |
| − | border-bottom: 0px;
| |
| − | font-size: 40px !important;
| |
| − | font-family: 'Lora', serif !important;
| |
| − | font-style: italic;
| |
| − | display: inline;
| |
| − | width: 100%;
| |
| − | }
| |
| − |
| |
| − | h2 {
| |
| − | margin: 48px auto 0;
| |
| − | font-size: 30px !important;
| |
| − | font-family: 'Lora', serif !important;
| |
| − | font-style: italic;
| |
| − | padding: 5px 0 5px 0;
| |
| − | width: auto;
| |
| − | }
| |
| − |
| |
| − | h2.modal {
| |
| − | font-size: 20px !important;
| |
| − | }
| |
| − |
| |
| − | h2 span {
| |
| − | color: #fff;
| |
| − | font-weight: bold;
| |
| − | padding: 5px;
| |
| − | line-height: 170% !important;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | .page-footer {
| |
| − | background-color: #ecf0f1 !important;
| |
| − | }
| |
| − |
| |
| − | .footer-copyright {
| |
| − | background-color: ##ecf0e1 !important;
| |
| − | }
| |
| − |
| |
| − | .container {
| |
| − | padding-bottom: 70px !important;
| |
| − | width: 55% !important;
| |
| − | }
| |
| − |
| |
| − | /*.toggle {
| |
| − | width: auto;
| |
| − | padding: 10px 20px;
| |
| − | background: #1f1c20;
| |
| − | text-align: right;
| |
| − | box-sizing: border-box;
| |
| − | display: none;
| |
| − | margin-left: 0 !important;
| |
| − | position: fixed; /* Set the navbar to fixed position */
| |
| − | top: 16px; /* Position the navbar at the top of the page */
| |
| − | width: 100%; /* Full width */
| |
| − | opacity: 0.7 !important;
| |
| − | z-index: 7;
| |
| − | }
| |
| − |
| |
| − | .toggle:hover {
| |
| − | opacity: 1;
| |
| − | }
| |
| − | */
| |
| − |
| |
| − | .footer {
| |
| − | padding: 20px;
| |
| − | }
| |
| − |
| |
| − | .header-img {
| |
| − | position: relative;
| |
| − | top: -10px;
| |
| − | left: 0;
| |
| − |
| |
| − | /* Preserve aspet ratio */
| |
| − | min-width: 100%;
| |
| − | min-height: 100%;
| |
| − |
| |
| − | object-fit: scale-down;
| |
| − |
| |
| − | z-index: -1;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | body, html {
| |
| − | height: 100%;
| |
| − | margin: 0;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | .floating {
| |
| − | animation-name: floating;
| |
| − | animation-duration: 2s;
| |
| − | animation-iteration-count: infinite;
| |
| − | animation-timing-function: ease-in-out;
| |
| − | }
| |
| − |
| |
| − | @keyframes floating {
| |
| − | from { transform: translate(0, 0px); }
| |
| − | 65% { transform: translate(0, 15px); }
| |
| − | to { transform: translate(0, -0px); }
| |
| − | }
| |
| − |
| |
| − | .home-box {
| |
| − | padding: 50px 20px 50px 20px;
| |
| − | border-bottom: solid 0.5px #1f1c24;
| |
| − | }
| |
| − |
| |
| − | .home-text {
| |
| − | text-align: justify;
| |
| − | -moz-text-align-last: center;
| |
| − | text-align-last: center;
| |
| − | color: #1f1c24;
| |
| − | font-size: 16px;
| |
| − | }
| |
| − |
| |
| − | .home-box-2 {
| |
| − | border: 20px solid #FF5144;
| |
| − | padding: 50px;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | timeline-header-left div {
| |
| − | float: left;
| |
| − | }
| |
| − |
| |
| − | ul.modal-list li {
| |
| − | list-style-type: disc !important;
| |
| − | list-style-image: none !important;
| |
| − | }
| |
| − |
| |
| − | .row{
| |
| − | margin-top: 8px;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | h1 {
| |
| − | font-size: 25px !important;
| |
| − | }
| |
| − |
| |
| − | h2 {
| |
| − | text-align: center;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | .timeline img {
| |
| − | padding: 0;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | }
| |
| − |
| |
| − | </style>
| |
| − | <body>
| |
| − | <link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:HKJS_S/css/TeamPage&action=raw&ctype=text/css"/>
| |
| − | <!— Top div background -->
| |
| − | <div class="main_photo">
| |
| − | <div class="top" style="margin:auto;"><h1 style="font-size: 30px !important; color: red;">Our Team</h1></div>
| |
| − | </div>
| |
| | | | |
| | <div class="whole"> | | <div class="whole"> |
