|
|
| Line 52: |
Line 52: |
| | } | | } |
| | | | |
| − | .reduceWidth { | + | .textContent .nav a { |
| − | width: 100%;
| + | text-decoration: none; |
| − | max-width: 1800px;
| + | cursor: pointer; |
| − | margin: auto;
| + | |
| − | background-color: black;
| + | |
| | } | | } |
| − | .smallLine {
| |
| − | width: 100%;
| |
| − | height: 1px;
| |
| − | background-color: white;
| |
| − | }
| |
| − | .blockTitle {
| |
| − | width: 100%;
| |
| − | height: 55px;
| |
| − | color:white;
| |
| − | padding: 5px;
| |
| − | }
| |
| − | .blockTitle h2 {
| |
| − | color:white;
| |
| − | font-family: 'Generica';
| |
| − | font-size: 50px;
| |
| − | margin-left: 5%;
| |
| − | }
| |
| − | .blockTextLeft, .blockTextRight {
| |
| − | width: 50%;
| |
| − | background-color: black;
| |
| − | position: relative;
| |
| − | background-position: center;
| |
| − | background-repeat: no-repeat;
| |
| − | height: 350px;
| |
| − | }
| |
| − | .blockTextLeft {
| |
| − | float: left;
| |
| − | }
| |
| − | .blockTextRight {
| |
| − | float: right;
| |
| − | }
| |
| − | .blockTextLeft p, .blockTextRight p {
| |
| − | color: white;
| |
| − | margin: 0px;
| |
| − | padding: 20px;
| |
| − | text-align: justify;
| |
| − | }
| |
| − | .blockBoxesRight, .blockBoxesLeft {
| |
| − | width:46%;
| |
| − | width: calc(50% - 6px);
| |
| − | float: left;
| |
| − | margin: 0;
| |
| − | padding: 0;
| |
| − | text-align: center;
| |
| − | color: white;
| |
| − | height: 350px;
| |
| − | }
| |
| − | .blockBoxesRight {
| |
| − | border-left: 1px solid white;
| |
| − | }
| |
| − | .blockBoxesLeft {
| |
| − | border-right: 1px solid white;
| |
| − | }
| |
| − | .blockBoxesRight table,
| |
| − | .blockBoxesLeft table {
| |
| − | width: 100%;
| |
| − | background-color: black;
| |
| − | margin: 0;
| |
| − | border-collapse: collapse;
| |
| − | padding: 0;
| |
| − | }
| |
| − | .blockBoxesRight table td, .blockBoxesRight table th,
| |
| − | .blockBoxesLeft table td, .blockBoxesLeft table th {
| |
| − | border: 1px solid white;
| |
| − | display: table-cell;
| |
| − | vertical-align: middle;
| |
| | | | |
| − | }
| + | .container.black { |
| − | .blockBoxesRight table tr:first-child th, | + | background: black; |
| − | .blockBoxesLeft table tr:first-child th { | + | |
| − | border-top: 0;
| + | |
| − | }
| + | |
| − | .blockBoxesRight table tr:last-child td,
| + | |
| − | .blockBoxesLeft table tr:last-child td {
| + | |
| − | border-bottom: 0;
| + | |
| − | }
| + | |
| − | .blockBoxesRight table tr td:first-child, .blockBoxesRight table tr th:first-child,
| + | |
| − | .blockBoxesLeft table tr td:first-child, .blockBoxesLeft table tr th:first-child {
| + | |
| − | border-left: 0;
| + | |
| − | }
| + | |
| − | .blockBoxesRight table tr td:last-child, .blockBoxesRight table tr th:last-child,
| + | |
| − | .blockBoxesLeft table tr td:last-child, .blockBoxesLeft table tr th:last-child{
| + | |
| − | border-right: 0;
| + | |
| | } | | } |
| | | | |
| − | | + | .textContent .nav a:hover { |
| − | | + | text-decoration: none; |
| − | .blockTextLeft#homeProject { | + | |
| − | background-image: url('https://static.igem.org/mediawiki/2015/b/be/Parisbettencourt_homeproject.jpeg');
| + | |
| − | }
| + | |
| − | .blockTextLeft#homeSustainability {
| + | |
| − | background-image: url('https://static.igem.org/mediawiki/2015/b/be/Parisbettencourt_homeproject.jpeg');
| + | |
| | } | | } |
| | | | |
| − | | + | .yellow { |
| − | | + | color: #ffed00; |
| − | .boxHome {
| + | |
| − | font-family: 'Generica';
| + | |
| − | font-size: 35px;
| + | |
| − | width: 32%;
| + | |
| − | width: calc(33% - 10px);
| + | |
| − | height: 173px;
| + | |
| − | float: left;
| + | |
| − | }
| + | |
| − | .boxHome.big {
| + | |
| − | width: 45%;
| + | |
| − | }
| + | |
| − | .yellow h3 a, .yellow h3 a:hover { | + | |
| − | color: #FFF200; | + | |
| − | text-decoration: none;
| + | |
| − | text-align: center;
| + | |
| | } | | } |
| − | .cyan h3 a, .cyan h3 a:hover { | + | .cyan { |
| − | color: #00ADEF; | + | color: #009ee3; |
| − | text-decoration: none;
| + | |
| | } | | } |
| − | .magenta h3 a, .magenta h3 a:hover{ | + | .magenta { |
| − | color: #EC008C; | + | color: #e5007d; |
| − | text-decoration: none;
| + | |
| | } | | } |
| | | | |