|
|
| Line 330: |
Line 330: |
| | | | |
| | | | |
| − | /**************************************************************************************************************************************************************************************************/
| |
| − | /* CONTENT OF THE PAGE */
| |
| − | /**************************************************************************************************************************************************************************************************/
| |
| − | .projectLogo {
| |
| − |
| |
| − | background: url("https://static.igem.org/mediawiki/2019/b/b1/T--Ulaval--Project_Logo.jpg");
| |
| − | background-repeat: no-repeat;
| |
| − | background-size: 100% 100%;
| |
| − | height: 700px;
| |
| − | position: relative;
| |
| − | }
| |
| − |
| |
| − | .mainContainer {
| |
| − | padding-top:110px;
| |
| − | width:100%;
| |
| − | }
| |
| − |
| |
| − | .projectDescription {
| |
| − | width:100%;
| |
| − | background-color:#F7F5F4;
| |
| − | font-family: 'Roboto', sans-serif;
| |
| − | padding-top:100px;
| |
| − | }
| |
| − |
| |
| − | .bigTitle {
| |
| − | width:76%;
| |
| − | font-size:34px;
| |
| − | font-weight:bold;
| |
| − | padding-bottom:10px;
| |
| − | margin:0 auto;
| |
| − | text-align:center;
| |
| − | margin-bottom:4vh;
| |
| − | font-family: 'Raleway', sans-serif;
| |
| − | }
| |
| − |
| |
| − | .text {
| |
| − | width:95%;
| |
| − | margin:0 auto;
| |
| − | text-align:justify;
| |
| − | margin-bottom:4%;
| |
| − | }
| |
| − |
| |
| − | .descriptionContainer {
| |
| − | display:inline-block;
| |
| − | text-align: center;
| |
| − | width:100%;
| |
| − | }
| |
| − |
| |
| − | .descriptionTextBox {
| |
| − | width:48%;
| |
| − | float:left;
| |
| − | height:420px;
| |
| − | }
| |
| − |
| |
| − | .descriptionTextBox2 {
| |
| − | width:48%;
| |
| − | float:left;
| |
| − | height:35px;
| |
| − | }
| |
| − |
| |
| − | .descriptionTextBoxRight2 {
| |
| − | width:48%;
| |
| − | float:right;
| |
| − | height:35px;
| |
| − | }
| |
| − |
| |
| − | .descriptionTextBoxRight {
| |
| − | width:48%;
| |
| − | float:right;
| |
| − | height:420px;
| |
| − | }
| |
| − |
| |
| − | .borderTest {
| |
| − | display:inline-block;
| |
| − | margin:0 auto;
| |
| − | height:420px;
| |
| − | width:4%;
| |
| − | }
| |
| − |
| |
| − | .borderTestSalut {
| |
| − | display:inline-block;
| |
| − | margin:0 auto;
| |
| − | height:35px;
| |
| − | width:4%;
| |
| − | }
| |
| − |
| |
| − | .border2 {
| |
| − | margin:0 auto;
| |
| − | width:8px;
| |
| − | height:420px;
| |
| − | background-color:#BEBBB8;
| |
| − | }
| |
| − |
| |
| − | .halfBorder {
| |
| − | margin:0 auto;
| |
| − | margin-bottom:5px;
| |
| − | width:6px;
| |
| − | height:192px;
| |
| − | background-color:#BEBBB8;
| |
| − | }
| |
| − |
| |
| − | .halfBorderSecond {
| |
| − | margin:0 auto;
| |
| − | width:6px;
| |
| − | height:192px;
| |
| − | background-color:#BEBBB8;
| |
| − | }
| |
| − |
| |
| − | .lilBorder {
| |
| − | margin:0 auto;
| |
| − | margin-bottom:5px;
| |
| − | width:6px;
| |
| − | height:35px;
| |
| − | background-color:#BEBBB8;
| |
| − | }
| |
| − |
| |
| − | .borderTest2 {
| |
| − | display:inline-block;
| |
| − | margin:0 auto;
| |
| − | height:800px;
| |
| − | width:4%;
| |
| − | }
| |
| − |
| |
| − | .border2 {
| |
| − | margin:0 auto;
| |
| − | width:8px;
| |
| − | height:420px;
| |
| − | background-color:#BEBBB8;
| |
| − | }
| |
| − |
| |
| − | .halfBorder2 {
| |
| − | margin:0 auto;
| |
| − | margin-bottom:5px;
| |
| − | width:6px;
| |
| − | height:382px;
| |
| − | background-color:#BEBBB8;
| |
| − | }
| |
| − |
| |
| − | .projectLogo img {
| |
| − |
| |
| − | max-width: 100%;
| |
| − | max-height: 100vh;
| |
| − | margin: auto;
| |
| − |
| |
| − | }
| |
| − |
| |
| − | .descriptionBoxTitle {
| |
| − | font-size:26px;
| |
| − | font-weight:bold;
| |
| − | text-align:center;
| |
| − | width:100%;
| |
| − | margin-top:100px;
| |
| − | margin-bottom:20px;
| |
| − | font-family: 'Roboto', sans-serif;
| |
| − |
| |
| − | }
| |
| − |
| |
| − | .descriptionBoxText {
| |
| − | width:80%;
| |
| − | font-size:16px;
| |
| − | height:100px;
| |
| − | margin:0 auto;
| |
| − | margin-top:100px;
| |
| − | text-align:justify;
| |
| − | }
| |
| − |
| |
| − | .descriptionBoxImage {
| |
| − | width:293px;
| |
| − | height:261px;
| |
| − | background-image:url("file:///D:/Template/figure.png");
| |
| − | background-repeat: no-repeat;
| |
| − | background-position: center;
| |
| − | background-size: 100% 100%;
| |
| − | margin:0 auto;
| |
| − |
| |
| − | }
| |
| − |
| |
| − |
| |
| − | .wrapper {
| |
| − | width:100%;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | .bigWrapper{
| |
| − | margin-left:10px;
| |
| − | height:60px;
| |
| − | width:200px;
| |
| − | margin:0 auto;
| |
| − | }
| |
| − |
| |
| − |
| |
| − |
| |
| − | .TeamContainer {
| |
| − | background: url("https://static.igem.org/mediawiki/2019/0/0f/T--Ulaval--team.jpg");
| |
| − | background-repeat: no-repeat;
| |
| − | background-size: 100% 150%;
| |
| − | height: 700px;
| |
| − | position: relative;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | .borderWrapper {
| |
| − | background-color:#F7F5F4;
| |
| − | width:100%;
| |
| − | padding-right:12px;
| |
| − | height:350px;
| |
| − | margin-top:25px;
| |
| − | margin-left:-6px;
| |
| − | }
| |
| − |
| |
| − | .testingSomething {
| |
| − | background-color:black;
| |
| − | height:350px;
| |
| − | width:104%;
| |
| − | }
| |
| − |
| |
| − | .leftSolutionWrapper {
| |
| − | float:left;
| |
| − | }
| |
| − |
| |
| − | .halfSolutionBorder {
| |
| − | width:6px;
| |
| − | background-color:#BEBBB8;
| |
| − | height:157px;
| |
| − |
| |
| − | }
| |
| − |
| |
| − | .rightSolutionWrapper {
| |
| − | float:right;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | .wrapperFloatRight {
| |
| − | height:350px;
| |
| − | width:35px;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | .buttonClick{
| |
| − | background-color: #3f4041;
| |
| − |
| |
| − | border: none;
| |
| − | color: white;
| |
| − | padding: 20px 34px;
| |
| − | text-align: center;
| |
| − | text-decoration: none;
| |
| − | display: inline-block;
| |
| − | font-size: 20px;
| |
| − | margin: 4px 2px;
| |
| − | cursor: pointer;
| |
| − | }
| |
| | | | |
| | </style> | | </style> |
