(Prototype team template page) |
|||
Line 335: | Line 335: | ||
.igem_2018_team_content .igem_2018_team_column_wrapper ol ul ul li, .igem_2018_team_content .igem_2018_team_column_wrapper ol ol ul li, | .igem_2018_team_content .igem_2018_team_column_wrapper ol ul ul li, .igem_2018_team_content .igem_2018_team_column_wrapper ol ol ul li, | ||
.igem_2018_team_content .igem_2018_team_column_wrapper ol ol ol li, .igem_2018_team_content .igem_2018_team_column_wrapper ol ul ol li{ font-size: 76%; } | .igem_2018_team_content .igem_2018_team_column_wrapper ol ol ol li, .igem_2018_team_content .igem_2018_team_column_wrapper ol ul ol li{ font-size: 76%; } | ||
+ | |||
+ | |||
+ | /* UPLOADED STYLE */ | ||
+ | |||
+ | *{ | ||
+ | padding: 0; | ||
+ | margin: 0; | ||
+ | font-family: Abel, sans-serif; | ||
+ | color: #707070; | ||
+ | background-color: white; | ||
+ | font-weight: lighter; | ||
+ | } | ||
+ | |||
+ | img{ | ||
+ | max-width: 100%; | ||
+ | } | ||
+ | |||
+ | body{ | ||
+ | min-width: 940px; | ||
+ | } | ||
+ | |||
+ | h1{ | ||
+ | font-size: 70px; | ||
+ | } | ||
+ | |||
+ | h2{ | ||
+ | font-size: 50px; | ||
+ | color: black; | ||
+ | |||
+ | } | ||
+ | |||
+ | .half1{ | ||
+ | width: 50%; | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | .half1{ | ||
+ | width: 50%; | ||
+ | float: right; | ||
+ | } | ||
+ | |||
+ | .block6{ | ||
+ | width: 55%; | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | .block4{ | ||
+ | width: 45%; | ||
+ | float: right; | ||
+ | } | ||
+ | |||
+ | .container{ | ||
+ | max-width: 960px; | ||
+ | padding: 0px; | ||
+ | margin: 0 auto; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | /*HEADER*/ | ||
+ | |||
+ | .logo-wiki{ | ||
+ | padding: 20px; | ||
+ | height: 70px; | ||
+ | width: auto; | ||
+ | } | ||
+ | |||
+ | ul.menu{ | ||
+ | display: block; | ||
+ | text-align: right; | ||
+ | margin: 0; | ||
+ | } | ||
+ | |||
+ | .menu > li{ | ||
+ | display: inline-block; | ||
+ | position: relative; | ||
+ | vertical-align: middle; | ||
+ | padding-left: 25px; | ||
+ | } | ||
+ | |||
+ | .home{ | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | .menu .home{ | ||
+ | padding-left: 0; | ||
+ | } | ||
+ | |||
+ | .menu a{ | ||
+ | display: inline-block; | ||
+ | padding: 5px 10px; | ||
+ | border: 1px solid transparent; | ||
+ | text-decoration: none; | ||
+ | vertical-align: middle; | ||
+ | color: black; | ||
+ | font-size: 20px; | ||
+ | } | ||
+ | |||
+ | .menu a:hover { | ||
+ | background-color: #ffd8af; | ||
+ | padding: 5px 10px; | ||
+ | border: 1px solid #707070; | ||
+ | } | ||
+ | |||
+ | .submenu { | ||
+ | display: none; | ||
+ | list-style: none; | ||
+ | position: absolute; | ||
+ | padding: 0; | ||
+ | text-align: left; | ||
+ | background-color: #ffd8af; | ||
+ | } | ||
+ | |||
+ | |||
+ | .submenu a{ | ||
+ | font-size: 18px; | ||
+ | border: none; | ||
+ | } | ||
+ | |||
+ | .menu li:hover .submenu{ | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | .submenu a:hover { | ||
+ | border: none; | ||
+ | background-color: white; | ||
+ | color: red; | ||
+ | padding: 5px 10px; | ||
+ | } | ||
+ | |||
+ | /*MAIN PAGE, main picture*/ | ||
+ | |||
+ | .main_picture{ | ||
+ | margin-top: 30px; | ||
+ | display: inline; | ||
+ | } | ||
+ | |||
+ | .main_picture img{ | ||
+ | float: left; | ||
+ | padding-left: 20px; | ||
+ | } | ||
+ | |||
+ | .headspan{ | ||
+ | margin-top: 100px; | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | .headspan h1{ | ||
+ | line-height: 50px; | ||
+ | } | ||
+ | |||
+ | .headspan p{ | ||
+ | float: right; | ||
+ | padding: 30px 0 0 80px; | ||
+ | font-size: 26px; | ||
+ | } | ||
+ | |||
+ | /* ABSTRACT */ | ||
+ | |||
+ | .abstract{ | ||
+ | margin-top: 20px; | ||
+ | text-align: left; | ||
+ | width: 80%; | ||
+ | } | ||
+ | |||
+ | .abstract p{ | ||
+ | margin-top: 20px; | ||
+ | font-size: 18px; | ||
+ | color: black; | ||
+ | } | ||
+ | |||
Revision as of 09:13, 20 July 2018