|
|
Line 6: |
Line 6: |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> | | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> |
| <style> | | <style> |
| + | {{Hong_Kong-CUHK}} |
| | | |
− | .container {
| + | <html> |
− | overflow: hidden; | + | <head> |
− | background-color: #FFFFFF;
| + | <style> |
− | font-family: Arial;
| + | li { |
| + | color: black; |
| + | font-family: roboto; |
| } | | } |
− | | + | p{ |
− | .container a {
| + | |
− | float: left;
| + | |
− | font-size: 16px;
| + | |
| color: black; | | color: black; |
− | text-align: center;
| |
− | padding: 14px 16px;
| |
− | text-decoration: none;
| |
| } | | } |
− | | + | table { |
− | h2 {
| + | font-family: roboto; |
− | text-align: center; | + | border-collapse: collapse; |
| + | width: 50%; |
| } | | } |
| | | |
− | .igem_2017_menu_wrapper #display_menu_control {
| + | td, th { |
− | display:none;
| + | border: 1px solid #dddddd; |
− | text-align:center
| + | text-align: left; |
| + | padding: 8px; |
| + | font-family: roboto; |
| } | | } |
− | | + | tr:nth-child(even) { |
− | | + | background-color: #e6faff; |
− | body {
| + | font-family: roboto; |
− | position: relative;
| + | |
− | }
| + | |
− | #section1 {padding-top:120px;height:4500px;color: #000; background-color: #FAFAFA;}
| + | |
− | #section2 {padding-top:120px;height:1800px;color: #000; background-color: #FFFFFF;}
| + | |
− | #section3 {padding-top:120px;height:1400px;color: #000; background-color: #FAFAFA;}
| + | |
− | #section4 {padding-top:120px;height:800px;color: #000; background-color: #FFFFFF;}
| + | |
− |
| + | |
− | }
| + | |
− | | + | |
− | | + | |
− | | + | |
− | .box-1{
| + | |
− | float: right;
| + | |
− | background-color: #404244;
| + | |
− | width: 4.6%;
| + | |
− | color:#fff;
| + | |
− | text-transform: uppercase;
| + | |
− | font-family:'PT_Sans_Caption_Bold';
| + | |
− | font-size: 16px;
| + | |
− | height: 58px;
| + | |
− | text-align: center;
| + | |
| } | | } |
− | .box-1 span{
| + | </style> |
− | position: relative;
| + | |
− | top:16px;
| + | |
− | }
| + | |
− | | + | |
− | .nav-wrapp .navbar-default{
| + | |
− | background-color: #fff;
| + | |
− | border:0px;
| + | |
− | margin-bottom:0px;
| + | |
− | height: 100%;
| + | |
− | font-family:'PT_Sans_Caption_Bold';
| + | |
− | font-size: 16px;
| + | |
− | width: 100%;
| + | |
− | }
| + | |
− | ul.nav.navbar-nav {
| + | |
− | display: flex;
| + | |
− | justify-content: space-between;
| + | |
− | width: 100%;
| + | |
− | flex-wrap: wrap;
| + | |
− | }
| + | |
− | ul.nav.navbar-nav li a{
| + | |
− | display: block;
| + | |
− | text-align: center;
| + | |
− | }
| + | |
− | ul.nav.navbar-nav li{
| + | |
− | flex: 1 1 auto;
| + | |
− | }
| + | |
− | .nav-wrapp .nav.navbar-nav>li{
| + | |
− | border-right:1px solid #ccc;
| + | |
− | min-height:55px;
| + | |
− | }
| + | |
− | .nav-wrapp .nav.navbar-nav>li:last-child{
| + | |
− | border-right:0px;
| + | |
− | }
| + | |
− | #nav-expander{
| + | |
− | display: none;
| + | |
− | visibility: hidden;
| + | |
− | }
| + | |
− | | + | |
− | .button-look{
| + | |
− | width: 100%;
| + | |
− | border:1px solid #fff;
| + | |
− | text-align: center;
| + | |
− | float:left;
| + | |
− | margin-top:15px;
| + | |
− | padding-top:10px;
| + | |
− | padding-bottom:10px;
| + | |
− | font-family:'PT_Sans_Caption_Bold';
| + | |
− | font-size: 16px;
| + | |
− | }
| + | |
− | a.button-look {
| + | |
− | color:#fff;
| + | |
− | }
| + | |
− | a.button-look:hover{
| + | |
− | color:#fff;
| + | |
− | text-decoration: none;
| + | |
− | }
| + | |
− | | + | |
− | | + | |
− | .row-box mark{
| + | |
− | background: transparent;
| + | |
− | text-transform: uppercase;
| + | |
− | font-family:'PT_Sans_Caption_Bold';
| + | |
− | color: #282828;
| + | |
− | font-size: 14px;
| + | |
− | padding-top:35px;
| + | |
− | padding-bottom:20px;
| + | |
− | float: left;
| + | |
− | width: 100%;
| + | |
− | | + | |
− | | + | |
− | }
| + | |
− | .row-box .media{
| + | |
− | float: left;
| + | |
− | width: 100%;
| + | |
− | padding-bottom:25px;
| + | |
− | border-bottom:1px solid #ccc;
| + | |
− | }
| + | |
− | .col-md-6.img-box{
| + | |
− | padding-left: 0;
| + | |
− | }
| + | |
− | .row-box .media-heading{
| + | |
− | font-size: 32px;
| + | |
− | font-family:'PT_Serif_Bold';
| + | |
− | }
| + | |
− | .p-intro{
| + | |
− | font-family:'PT_Sans_Regular';
| + | |
− | font-size:13px;
| + | |
− | color: #282828;
| + | |
− | }
| + | |
− | | + | |
− | .row-box .col-md-12>.col-md-3.media-small:first-child{
| + | |
− | | + | |
− | }
| + | |
− | .row-box .col-md-12>.col-md-3.media-small:first-child{
| + | |
− |
| + | |
− | border-left:none;
| + | |
− | }
| + | |
− | | + | |
− | .row-box .col-md-12>.col-md-6.media-no:first-child{
| + | |
− | border-left:none;
| + | |
− | padding-left: 0;
| + | |
− | }
| + | |
− | .row-box .col-md-12>.col-md-3.media-small:last-child{
| + | |
− | border-right:none;
| + | |
− | }
| + | |
− | .row-box.tabs-box{
| + | |
− | float: left;
| + | |
− | width: 100%;
| + | |
− | margin-top:35px;
| + | |
− | }
| + | |
− | | + | |
− | /*RESPONSIVE*/ | + | |
− | @media screen and (max-width: 1260px) {
| + | |
− | #nav-expander{
| + | |
− | display:block;
| + | |
− | visibility: visible;
| + | |
− | color:#000;
| + | |
− | font-family:'PT_Sans_Caption_Bold';
| + | |
− | font-size: 20px;
| + | |
− | }
| + | |
− | .navbar.navbar-default.pull-left{
| + | |
− | display: none;
| + | |
− | visibility: hidden;
| + | |
− | }
| + | |
− | .nav-box{
| + | |
− | width: 100%;
| + | |
− | }
| + | |
− | .box-1{
| + | |
− | display: none;
| + | |
− | visibility: hidden;
| + | |
− | }
| + | |
− |
| + | |
− | }
| + | |
− | | + | |
− | @media screen and (max-width: 968px) {
| + | |
− | .p-intro {
| + | |
− | font-size: 12px!important;
| + | |
− | }
| + | |
− | #weather span {
| + | |
− | font-size: 35px!important;
| + | |
− | }
| + | |
− | .col-md-6.eu-fond-right-news .media-heading {
| + | |
− | font-size: 20px!important;
| + | |
− | }
| + | |
− | .color-box label.title {
| + | |
− | font-size: 23px;
| + | |
− | line-height: 25px;
| + | |
− | }
| + | |
− | .row-box .col-md-12 label {
| + | |
− | font-size: 12px!important;
| + | |
− | }
| + | |
− | ul.nav.navbar-default > li > a {
| + | |
− | padding-right: 0px!important;
| + | |
− | padding-left: 12px!important;
| + | |
− | font-size: 13px;
| + | |
− | }
| + | |
− | .row-box .media-heading {
| + | |
− | font-size: 22px;
| + | |
− | }
| + | |
− | .right-box-content .left-box-inner p {
| + | |
− | font-size: 10px;
| + | |
− | }
| + | |
− | .btn {
| + | |
− | font-size: 12px!important;
| + | |
− | }
| + | |
− | | + | |
− | }
| + | |
− | | + | |
− |
| + | |
− | | + | |
− | | + | |
− | .row-box .col-md-12 label{
| + | |
− | font-family: 'PT_Serif_Bold';
| + | |
− | font-size: 15px;
| + | |
− | }
| + | |
− | | + | |
− | | + | |
− | .news-box .col-md-12 {
| + | |
− | padding-left: 0px;
| + | |
− | }
| + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | ul.list-of-consalting{
| + | |
− | list-style: decimal;
| + | |
− | min-height: 250px;
| + | |
− | padding-left: 0px;
| + | |
− | }
| + | |
− | ul.list-of-consalting > li {
| + | |
− | list-style: decimal;
| + | |
− | font-family: 'PT_Sans_Caption_Bold';
| + | |
− | font-size: 14px;
| + | |
− | color: #282828;
| + | |
− | float: left;
| + | |
− | width: calc(50% - 10px);
| + | |
− | list-style-position: inside;
| + | |
− | border-bottom: 1px solid #ccc;
| + | |
− | margin-left: 10px;
| + | |
− | padding: 10px;
| + | |
− | }
| + | |
− | | + | |
− | ul.list-of-consalting > li:nth-child(even){
| + | |
− | float: right;
| + | |
− | }
| + | |
− | | + | |
− | ul.list-of-consalting li .dropdown{
| + | |
− | width: 90%;
| + | |
− | float: right;
| + | |
− | | + | |
− | | + | |
− | }
| + | |
− | ul.list-of-consalting li .dropdown .dropdown-toggle{
| + | |
− | width: 100%;
| + | |
− | }
| + | |
− | ul.list-of-consalting li .dropdown .dropdown-toggle span:first-child{
| + | |
− | float: left;
| + | |
− | text-align: left;
| + | |
− | width: 94%;
| + | |
− | }
| + | |
− | ul.list-of-consalting li .dropdown .dropdown-toggle span:nth-child(2){
| + | |
− | float: right;
| + | |
− | }
| + | |
− | | + | |
− | ul.list-of-consalting li .dropdown ul.expand-details li{
| + | |
− | font-family: 'PT_Sans_Regular';
| + | |
− | width: 100%;
| + | |
− | float:left;
| + | |
− | font-size: 14px;
| + | |
− | color:black;
| + | |
− | border-bottom: none;
| + | |
− | margin-left: 0px;
| + | |
− | list-style-position: outside;
| + | |
− | }
| + | |
− | | + | |
− | | + | |
| | | |
| + | </head> |
|
</style> | |
</style> |
| </head> | | </head> |