"
Team:CU-Boulder/Test
From 2014.igem.org
(Difference between revisions)
Jimmynovik (Talk | contribs) |
Jimmynovik (Talk | contribs) |
||
| Line 644: | Line 644: | ||
| + | /* Responsive code */ | ||
| + | @media (max-width:1100px){ | ||
| + | |||
| + | header{ | ||
| + | display: block; | ||
| + | width: 100%; | ||
| + | min-height: 100px; | ||
| + | padding: 0; | ||
| + | position: relative; | ||
| + | } | ||
| + | header .logo{ | ||
| + | margin: 40px 0 0 30px; | ||
| + | display: inline-block; | ||
| + | } | ||
| + | header .footer{ | ||
| + | display: none; | ||
| + | } | ||
| + | header #menu_icon, | ||
| + | header .close_menu{ | ||
| + | float: right; | ||
| + | margin: 30px 30px 0 0; | ||
| + | } | ||
| + | header nav ul{ | ||
| + | list-style: none; | ||
| + | display: none; | ||
| + | margin-top: 35px; | ||
| + | position: relative; | ||
| + | } | ||
| + | header nav ul li a{ | ||
| + | display: block; | ||
| + | width: 100%; | ||
| + | padding: 30px 0; | ||
| + | text-align: center; | ||
| + | color: #454545; | ||
| + | font-family: "raleway-regular", arial; | ||
| + | font-size: 14px; | ||
| + | text-decoration: none; | ||
| + | border-top: 1px solid #f7f5f5; | ||
| + | background: #fff; | ||
| + | } | ||
| + | header nav ul li a:active{ | ||
| + | background: #f7f5f5; | ||
| + | } | ||
| + | #menu_icon, | ||
| + | .close_menu, | ||
| + | .show_menu{ | ||
| + | display: block; | ||
| + | } | ||
| + | .show_menu{ | ||
| + | display: block; | ||
| + | } | ||
| + | |||
| + | .main .work{ | ||
| + | width: 50%; | ||
| + | } | ||
| + | .main{ | ||
| + | width: 100%; | ||
| + | position: relative; | ||
| + | padding-left: 0; | ||
| + | } | ||
| + | #map{ | ||
| + | margin: 0!important; | ||
| + | } | ||
| + | } | ||
| + | |||
| + | @media (max-width:550px){ | ||
| + | .main .work{ | ||
| + | width: 100%; | ||
| + | } | ||
| + | } | ||
Revision as of 06:27, 25 June 2014
