|
|
Line 1: |
Line 1: |
− | <!DOCTYPE html>
| |
| <html> | | <html> |
| <head> | | <head> |
Line 29: |
Line 28: |
| </script> | | </script> |
| <style> | | <style> |
− | #sideMenu, | + | html { |
| + | overflow-x: hidden; |
| + | width: 100%; |
| + | } |
| + | |
| + | .banner-top { |
| + | margin-left: 15%; |
| + | } |
| + | |
| + | #igem_home_logo { |
| + | width: 100%; |
| + | margin-top: 80px; |
| + | } |
| + | |
| + | @media (min-width: 992px) { |
| + | .work-content .col-md-4 { |
| + | width: 25%; |
| + | margin-right: 8%; |
| + | } |
| + | } |
| + | |
| + | .carousel-control.left, |
| + | .carousel-control.right { |
| + | background-image: none; |
| + | padding-top: 18%; |
| + | } |
| + | |
| + | .carousel-indicators li { |
| + | background-color: #fff; |
| + | border: 1px solid #a94442; |
| + | } |
| + | |
| + | .carousel-indicators li.active { |
| + | background-color: #f0ad4e; |
| + | } |
| + | |
| + | #contentSub, |
| + | #contentcontainer, |
| + | #footer-box, |
| + | #sitesub, |
| + | #catlinks, |
| + | #search-controls, |
| + | #p-logo, |
| + | .h3, |
| + | .printfooter, |
| + | .firstHeading, |
| + | .visualClear { |
| + | display: none; |
| + | box-sizing: content-box; |
| + | } |
| + | |
| + | #sideMenu, |
| #top_title { | | #top_title { |
| display: none; | | display: none; |
| box-sizing: content-box; | | box-sizing: content-box; |
| } | | } |
− | #content{ | + | |
| + | #sideMenu .mainMenu_toggle, |
| + | #sideMenu .mainMenu_Title, |
| + | #sideMenu .sideMenuTitle, |
| + | #sideMenu .expand_subMenus { |
| + | box-sizing: content-box; |
| + | } |
| + | |
| + | #bodyContent h1, |
| + | #bodyContent h2, |
| + | #bodyContent h3, |
| + | #bodyContent h4, |
| + | #bodyContent h5 { |
| + | margin-bottom: 0px; |
| + | } |
| + | |
| + | #search_text { |
| + | color: #000; |
| + | } |
| + | |
| + | #globalWrapper, |
| + | #content { |
| + | position: absolute; |
| + | left: 0; |
| + | right: 0; |
| + | top: 0; |
| width: 100%; | | width: 100%; |
− | margin: 0; | + | height: 100%; |
− | padding:0; | + | border: 0px; |
− | | + | background-color: transparent; |
− | }
| + | margin: 0px; |
| + | padding: 0px; |
| + | } |
| + | |
| + | @media (min-width: 1200px) { |
| + | .container-fluid .container { |
| + | width: 969px; |
| + | /* margin-left: 300px; */ |
| + | } |
| + | .head-container { |
| + | width: 1170px; |
| + | } |
| + | } |
| + | /* article */ |
| + | |
| + | .text-content article p { |
| + | text-indent: 20px; |
| + | margin: 10px 0; |
| + | font-size: 15px; |
| + | line-height: 24px; |
| + | } |
| + | |
| + | .text-content article img { |
| + | width: 80%; |
| + | padding-left: 20%; |
| + | /* margin-left: 20%; */ |
| + | } |
| + | /* .mw-content-ltr ol{ |
| + | margin:0; |
| + | } */ |
| + | |
| + | ol.carousel-indicators { |
| + | position: absolute; |
| + | bottom: 10px; |
| + | left: 50%; |
| + | z-index: 15; |
| + | width: 60%; |
| + | padding-left: 0; |
| + | margin-left: -30%; |
| + | text-align: center; |
| + | list-style: none; |
| + | } |
| </style> | | </style> |
| | | |