|
|
| Line 206: |
Line 206: |
| | border-top-color: #5F3711; | | border-top-color: #5F3711; |
| | } | | } |
| | + | .igem_2017_content_wrapper .column { |
| | + | padding: 10px 0px; |
| | + | float:left; |
| | + | } |
| | + | |
| | + | /* class for a full width column */ |
| | + | .column .full_size { |
| | + | width:100%; |
| | + | } |
| | + | |
| | + | /* styling for images in a full width column*/ |
| | + | .column.full_size img { |
| | + | width:97%; |
| | + | padding: 10px 15px; |
| | + | } |
| | + | |
| | + | /* class for a half width column */ |
| | + | .column.half_size { |
| | + | width: 50%; |
| | + | } |
| | + | /* styling for images in a half width column*/ |
| | + | .column.half_size img { |
| | + | width: 94.5%; |
| | + | padding: 10px 15px; |
| | + | } |
| | | | |
| | .ITB_p{ | | .ITB_p{ |
| Line 313: |
Line 338: |
| | | | |
| | </div> | | </div> |
| − | /***************************************************** RESPONSIVE STYLING ****************************************************/
| |
| | | | |
| − | /* IF THE SCREEN IS LESS THAN 1200PX */
| |
| − | @media only screen and (max-width: 1200px) {
| |
| − |
| |
| − | #content {width:100%; }
| |
| − | .igem_2017_menu_wrapper {width:15%; right:0;}
| |
| − | .highlight {padding:10px 0px;}
| |
| − | .igem_2017_menu_wrapper #display_menu_control { display:none; }
| |
| − | #menu_content { display:block;}
| |
| − | .menu_button.direct_to_page {padding-left: 17px;}
| |
| − |
| |
| − | }
| |
| − |
| |
| − | /* IF THE SCREEN IS LESS THAN 800PX */
| |
| − | @media only screen and (max-width: 800px) {
| |
| − |
| |
| − | .igem_2017_menu_wrapper { width:100%; height: 15%; position:relative; left:0%;}
| |
| − | .igem_2017_content_wrapper {width:100%; margin-left:0px;}
| |
| − | .column.half_size {width:100%; }
| |
| − | .column.full_size img, .column.half_size img { width: 100%; padding: 10px 0px;}
| |
| − | .highlight {padding:15px 5px;}
| |
| − | .igem_2017_menu_wrapper #display_menu_control { display:block; }
| |
| − | #menu_content { display:none;}
| |
| − | .igem_2017_menu_wrapper .menu_button .expand_collapse_icon { width: 5%; }
| |
| − | .menu_bottom_padding {display:none;}
| |
| − | .menu_button.direct_to_page { padding-left: 36px; }
| |
| − | }
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | /* special class that the system uses to make sure the team wants a page to be evaluated */
| |
| − | .judges-will-not-evaluate {
| |
| − | width: 96.6%;
| |
| − | margin: 5px 15px;
| |
| − | display: block;
| |
| − | border: 4px solid #3399ff;
| |
| − | font-weight: bold;
| |
| − | }
| |
| | </body> | | </body> |
| | </html> | | </html> |
