|
|
| Line 1: |
Line 1: |
| | {{Rice/NavBar3}} | | {{Rice/NavBar3}} |
| − | {{Rice/Backdrop}}
| |
| − | <html>
| |
| − |
| |
| − | <head>
| |
| − | <meta name="viewport" content="width=device-width, initial-scale=1">
| |
| − |
| |
| − | <style>
| |
| − | * {
| |
| − | box-sizing: border-box;
| |
| − | }
| |
| − |
| |
| − | #top_title {
| |
| − | display: none;
| |
| − | }
| |
| − |
| |
| − | #home_logo,
| |
| − | #sideMenu {
| |
| − | display: none;
| |
| − | }
| |
| − |
| |
| − | #sideMenu,
| |
| − | #top_title,
| |
| − | .patrollink {
| |
| − | display: none;
| |
| − | }
| |
| − |
| |
| − | #content {
| |
| − | margin-left: 0px;
| |
| − | margin-top: -7px;
| |
| − | padding: 0px;
| |
| − | width: 100%;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | #topbox {
| |
| − | height: 50vh;
| |
| − | width: 100%;
| |
| − | background-image: url(https://static.igem.org/mediawiki/2019/f/fa/T--Rice--ThermAnalysis.svg);
| |
| − | background-size: cover;
| |
| − | background-position: 50% 50%;
| |
| − | background-attachment: absolute;
| |
| − | display: table;
| |
| − | background-color: #1f9ec1;
| |
| − | }
| |
| − |
| |
| − | #topbox h1 {
| |
| − | font-size: 70px;
| |
| − | color: white !important;
| |
| − | text-align: center;
| |
| − | margin: 0px;
| |
| − | display: table-cell;
| |
| − | vertical-align: middle;
| |
| − | line-height: 80px;
| |
| − | font-family: comfortaa;
| |
| − | }
| |
| − |
| |
| − | #container {
| |
| − | height: 100%;
| |
| − | padding: 0px;
| |
| − | width: 100%;
| |
| − | margin-top: 0px;
| |
| − | margin-left: 0px;
| |
| − | margin-bottom: 0px;
| |
| − | background-color: #fff ! important;
| |
| − | }
| |
| − |
| |
| − | .overview_nav {
| |
| − | box-sizing: border-box;
| |
| − | display: flex;
| |
| − | /*width:100%;*/
| |
| − | min-width: 50%;
| |
| − | position: relative;
| |
| − | justify-content: center;
| |
| − |
| |
| − | }
| |
| − |
| |
| − | /* Create two equal columns that floats next to each other */
| |
| − | .column {
| |
| − | float: left;
| |
| − | width: 50%;
| |
| − | padding: 10px;
| |
| − | }
| |
| − |
| |
| − | /* Clear floats after the columns */
| |
| − | .row:after {
| |
| − | content: "";
| |
| − | display: table;
| |
| − | clear: both;
| |
| − | }
| |
| − |
| |
| − | /* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
| |
| − | @media screen and (max-width: 600px) {
| |
| − | .column {
| |
| − | width: 100%;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | p {
| |
| − | color: #000000 !important;
| |
| − | font-family: raleway !important;
| |
| − | font-size: 20px !important;
| |
| − | padding: 0px !important;
| |
| − | margin-left: 5% !important;
| |
| − | margin-right: 5% !important;
| |
| − |
| |
| − | }
| |
| − |
| |
| − | h1 {
| |
| − | color: #000000 !important;
| |
| − | font-family: comfortaa !important;
| |
| − | font-size: 70px !important;
| |
| − | padding: 40px !important;
| |
| − | }
| |
| − |
| |
| − | h2 {
| |
| − | color: #fff !important;
| |
| − | font-family: comfortaa !important;
| |
| − | font-size: 50px !important;
| |
| − | text-align: center;
| |
| − | padding: 3% !important;
| |
| − | margin-top: 0px !important;
| |
| − | }
| |
| − |
| |
| − | body {
| |
| − | margin: 0;
| |
| − | background-color: #fff !important;
| |
| − | }
| |
| − |
| |
| − | @media only screen and (max-width: 481px) {
| |
| − | h1 {
| |
| − | font-size: 40px !important;
| |
| − | }
| |
| − |
| |
| − | #topbox {
| |
| − | height: 35vh;
| |
| − | margin-top: 0px;
| |
| − | }
| |
| − |
| |
| − | #container {
| |
| − | width: 90%;
| |
| − | margin-left: 5%;
| |
| − | }
| |
| − |
| |
| − | .column {
| |
| − | width: 100%;
| |
| − | }
| |
| − |
| |
| − | img {
| |
| − | margin-right: auto;
| |
| − | margin-left: auto;
| |
| − | }
| |
| − | }
| |
| − | </style>
| |
| − | </head>
| |
| − |
| |
| − |
| |
| − | <body>
| |
| − | <div id="topbox">
| |
| − | <h1></h1>
| |
| − | </div>
| |
| − |
| |
| − | <div class="row", style="background-color: #9bc4cf!important;">
| |
| − | <div class="column", style="background-color:#fff4d4!important;">
| |
| − | <img class="img-responsive" style="width: 100%;" src="https://static.igem.org/mediawiki/2019/1/11/T--Rice--3025v2.png"/>
| |
| − | </div>
| |
| − | <div class="column", style="background-color:#fff4d4!important;">
| |
| − | <img class="img-responsive" style="width: 100%;" src="https://static.igem.org/mediawiki/2019/6/6e/T--Rice--3725v2.png"/>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − |
| |
| − | </body>
| |
| − |
| |
| − | </html>{{Rice/NavBar3}}
| |
| | {{Rice/Backdrop}} | | {{Rice/Backdrop}} |
| | <html> | | <html> |
