|
|
Line 5: |
Line 5: |
| <link href="https://2017.igem.org/Team:Tianjin/Resources/CSS:maincss?action=raw&ctype=text/css | | <link href="https://2017.igem.org/Team:Tianjin/Resources/CSS:maincss?action=raw&ctype=text/css |
| " rel="stylesheet"> | | " rel="stylesheet"> |
− | </head> | + | <link href="https://fonts.googleapis.com/css?family=Baloo+Bhaijaan|Montserrat:300i,400,400i,500i,600i,700,700i|PT+Sans:400,400i,700" rel="stylesheet"> |
| + | <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"> |
| + | /* OVERRIDE IGEM SETTINGS */ |
| <style> | | <style> |
− | #hello p { | + | #sideMenu, #top_title, #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading, .visualClear {display: none} |
− | font-size: 1.125em;
| + | #content {width: 100%; background: transparent; margin: 0; padding: 0; } |
− | margin-bottom: 1.500em;
| + | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 2px; } |
− | line-height: 1.6;
| + | #top_menu_under { |
− | font-weight: 400;
| + | height: 0px; |
− | text-align:justify;
| + | border-bottom: 0 none; |
− |
| + | display: none; |
− | } | + | } |
− | #hello h1{ | + | |
− | font-size: 2.625em;
| + | |
− | font-weight: 700;
| + | |
− | line-height: 1;
| + | |
− | margin-top: 20px;
| + | |
− | text-align: center;
| + | |
− | color: #004a7c;
| + | |
− | } | + | |
| | | |
− | #hello h2{ | + | #top_menu_14 { |
− | clear: both;
| + | height: 24px; |
− | margin-bottom: 1.500em;
| + | border-bottom: 0 none; |
− | line-height: 1.5;
| + | } |
− | text-align:left;
| + | |
− | color: #004a7c;
| + | |
− | } | + | |
| | | |
− | #hello img{ | + | #globalWrapper, #content { |
| + | width: 100%; |
| + | margin: 0; |
| + | float:none |
| + | font-size: 100%; |
| + | z-index: 0; |
| + | } |
| + | |
| + | div[id=mw-content-text] > p { |
| + | display: none; |
| + | } |
| + | |
| + | #sideMenu { |
| + | width: 200px; |
| + | } |
| + | |
| + | #sideMenu .mainMenu_Title, #sideMenu .mainMenu_toggle, #sideMenu #MainPage_menu ul li li { |
| + | border: none; |
| + | } |
| + | |
| + | #sideMenu .sideMenuTitle { |
| + | height: 35px; |
| + | } |
| + | |
| + | #top_menu_inside .submenu { |
| + | width: auto; |
| + | } |
| + | </style> |
| + | |
| + | <style> |
| + | |
| + | body { |
| + | background-color:#e8f1f5; |
| + | font-size: 16px; |
| + | z-index:9999; |
| + | } |
| + | #description img{ |
| text-align:center; | | text-align:center; |
| margin:3rem auto 3rem auto; | | margin:3rem auto 3rem auto; |
| padding-top:1.2rem; | | padding-top:1.2rem; |
− | padding-bottom:1.2rem | + | padding-bottom:1.2rem; |
| + | max-width:90%; |
| } | | } |
− | #hello h3{ | + | #description h1{ |
| + | clear: both; |
| + | margin-top: 1.325em; |
| + | margin-bottom: 1.1em; |
| + | line-height: 1.3; |
| text-align:center; | | text-align:center; |
− | font-size:1.2rem; | + | font-size: 3.5 em; |
| + | font-weight: 400; |
| + | font-family: 'Baloo Bhaijaan', cursive; |
| + | text-align:center; |
| + | } |
| + | #description h3{ |
| + | text-align:center; |
| + | font-size:1.2 em; |
| font-weight:bold; | | font-weight:bold; |
| color:#0D0F3D; | | color:#0D0F3D; |
− | margin-bottom:1.2rem; | + | margin-bottom:2em |
| + | } |
| + | #description a{ |
| + | font-family:oblique; |
| + | } |
| + | #description .zoom { |
| + | display:inline-block; |
| + | } |
| + | #description .zoom:after { |
| + | content:'';display:block;position:absolute;top:0;right:0; |
| + | } |
| + | #description .zoom img{ |
| + | display:block; |
| + | } |
| + | #description .zoom img::selection{ |
| + | background-color:transparent; |
| + | } |
| + | .content p { |
| + | padding: 10px 15px 4px 10px; |
| + | margin-left: 15px; |
| + | border-left: 10px solid |
| + | } |
| + | .nav p { |
| + | font-size: 1.325em; |
| + | font-family: 'Montserrat', sans-serif; |
| + | margin-bottom: 1.5em; |
| + | line-height: 1.5em; |
| + | font-weight: 400; |
| + | text-align: justify |
| } | | } |
| | | |
| + | #description p { |
| + | font-size: 1.225em; |
| + | margin-bottom: 1.500em; |
| + | line-height: 1.6em; |
| + | font-weight: 400; |
| + | text-align:justify; |
| + | font-family: 'Montserrat', sans-serif; |
| + | |
| + | } |
| + | .nav hr { |
| + | background-color: #324b5a; |
| + | border: 0 none; |
| + | height: 12px; |
| + | margin: 1.3em auto; |
| + | width: 63px; |
| + | margin-bottom:1.1em |
| + | } |
| </style> | | </style> |
| + | </head> |
| | | |
| | | |
Line 64: |
Line 149: |
| <main id="main" class="about-main" role="main"> | | <main id="main" class="about-main" role="main"> |
| <div id="pagedescription"> | | <div id="pagedescription"> |
− | <article id="hello"> | + | <article id="description"> |
| <h1>Description</h1> | | <h1>Description</h1> |
| <hr /> | | <hr /> |
Line 74: |
Line 159: |
| <div class='content-column one_half'> | | <div class='content-column one_half'> |
| | | |
− | <div style="padding-top:1em;padding-right:1em;"> | + | <div style="padding-top:10em;padding-right:1em;"> |
| </article> | | </article> |
| | | |