|
|
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;
| + | |
| } | | } |
| | | |