Line 16: | Line 16: | ||
<!-- ===================Basic Bootstrap's CSS and JS=================== --> | <!-- ===================Basic Bootstrap's CSS and JS=================== --> | ||
<!-- Our wiki CSS --> | <!-- Our wiki CSS --> | ||
− | + | <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Team:TECHNION-ISRAEL/CSS?action=raw&ctype=css"/> | |
+ | </head> | ||
<style> | <style> | ||
Line 193: | Line 194: | ||
} | } | ||
+ | |||
+ | /********************************* CONTENT OF THE PAGE ********************************/ | ||
+ | |||
+ | |||
+ | /* Wrapper for the content */ | ||
+ | |||
+ | .content_wrapper { | ||
+ | width: 85%; | ||
+ | margin-left: 150px; | ||
+ | padding: 0px; | ||
+ | float: left; | ||
+ | background-color: white; | ||
+ | } | ||
+ | |||
+ | |||
+ | /*LAYOUT */ | ||
+ | |||
+ | .column { | ||
+ | padding: 10px 0px; | ||
+ | float: left; | ||
+ | background-color: white; | ||
+ | } | ||
+ | |||
+ | .full_size { | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | .full_size img { | ||
+ | padding: 10px 15px; | ||
+ | width: 96.5%; | ||
+ | } | ||
+ | |||
+ | .half_size { | ||
+ | width: 50%; | ||
+ | } | ||
+ | |||
+ | .half_size img { | ||
+ | padding: 10px 15px; | ||
+ | width: 93%; | ||
+ | } | ||
+ | |||
+ | .img:hover { | ||
+ | opacity: 1.0 !important; | ||
+ | } | ||
+ | |||
+ | .clear { | ||
+ | clear: both; | ||
+ | } | ||
+ | |||
+ | .highlight { | ||
+ | width: 90%; | ||
+ | margin: auto; | ||
+ | padding: 15px 5px; | ||
+ | background-color: #f2f2f2; | ||
+ | } | ||
+ | |||
+ | .judges-will-not-evaluate { | ||
+ | border: 4px solid #72c9b6; | ||
+ | display: block; | ||
+ | margin: 5px 15px; | ||
+ | width: 95%; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | |||
+ | /*STYLING */ | ||
+ | |||
+ | |||
+ | /* styling for the titles */ | ||
+ | |||
+ | .content_wrapper h1, | ||
+ | .content_wrapper h2 { | ||
+ | padding: 5px 15px; | ||
+ | border-bottom: 0px; | ||
+ | color: #72c9b6; | ||
+ | } | ||
+ | |||
+ | .content_wrapper h3, | ||
+ | .content_wrapper h4, | ||
+ | .content_wrapper h5, | ||
+ | .content_wrapper h6 { | ||
+ | padding: 5px 15px; | ||
+ | border-bottom: 0px; | ||
+ | color: #000000; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* font and text */ | ||
+ | |||
+ | .content_wrapper p { | ||
+ | padding: 0px 15px; | ||
+ | font-size: 13px; | ||
+ | font-family: 'Roboto', sans-serif; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* Links */ | ||
+ | |||
+ | .content_wrapper a { | ||
+ | font-weight: bold; | ||
+ | text-decoration: underline; | ||
+ | text-decoration-color: #72c9b6; | ||
+ | color: #72c9b6; | ||
+ | -webkit-transition: all 0.4s ease; | ||
+ | -moz-transition: all 0.4s ease; | ||
+ | -ms-transition: all 0.4s ease; | ||
+ | -o-transition: all 0.4s ease; | ||
+ | transition: all 0.4s ease; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* hover for the links */ | ||
+ | |||
+ | .content_wrapper a:hover { | ||
+ | text-decoration: none; | ||
+ | color: #000000; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* non numbered lists */ | ||
+ | |||
+ | .content_wrapper ul { | ||
+ | padding: 0px 20px; | ||
+ | font-size: 13px; | ||
+ | font-family: 'Quicksand', sans-serif; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* numbered lists */ | ||
+ | |||
+ | .content_wrapper ol { | ||
+ | padding: 0px; | ||
+ | font-size: 13px; | ||
+ | font-family: 'Quicksand', sans-serif; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* Table */ | ||
+ | |||
+ | .content_wrapper table { | ||
+ | width: 97%; | ||
+ | margin: 15px 10px; | ||
+ | border: 1px solid #d3d3d3; | ||
+ | border-collapse: collapse; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* table cells */ | ||
+ | |||
+ | .content_wrapper td { | ||
+ | padding: 10px; | ||
+ | vertical-align: text-top; | ||
+ | border: 1px solid #d3d3d3; | ||
+ | border-collapse: collapse; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* table headers */ | ||
+ | |||
+ | .content_wrapper th { | ||
+ | padding: 10px; | ||
+ | vertical-align: text-top; | ||
+ | border: 1px solid #d3d3d3; | ||
+ | border-collapse: collapse; | ||
+ | background-color: #f2f2f2; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* Button class */ | ||
+ | |||
+ | .button_click { | ||
+ | margin: 10px auto; | ||
+ | padding: 15px; | ||
+ | width: 12%; | ||
+ | text-align: center; | ||
+ | font-weight: bold; | ||
+ | background-color: #72c9b6; | ||
+ | cursor: pointer; | ||
+ | -webkit-transition: all 0.4s ease; | ||
+ | -moz-transition: all 0.4s ease; | ||
+ | -ms-transition: all 0.4s ease; | ||
+ | -o-transition: all 0.4s ease; | ||
+ | transition: all 0.4s ease; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* button class on hover */ | ||
+ | |||
+ | .button_click:hover { | ||
+ | background-color: #000000; | ||
+ | color: #72c9b6; | ||
+ | } | ||
+ | |||
+ | .top-pad { | ||
+ | padding: 35px; | ||
+ | } | ||
Revision as of 17:30, 13 September 2017