|
|
Line 268: |
Line 268: |
| @media screen and (max-width: 1000px) { | | @media screen and (max-width: 1000px) { |
| | | |
− | .main-nav {
| |
− | position:fixed;
| |
− | width:100px;
| |
− | height:200px;
| |
− | top: 17px;
| |
− | left:0;
| |
− | display: block;
| |
− | background-color: #ddd1b8;
| |
− | z-index: 5;
| |
− | }
| |
− |
| |
− | .nav-item {
| |
− | display: block;
| |
− | width: 95px;
| |
− | top:30px;
| |
− | height:150%;
| |
− | border: 5px solid transparent;
| |
− | border-right: 5px solid transparent;
| |
− | }
| |
− |
| |
− | .nav-item:hover { /* this is active when your mouse moves is over the item */
| |
− | border-style: solid;
| |
− | border-right: 5px solid #8b7a57;
| |
− | border-bottom: 5px transparent #8b7a57;
| |
− | }
| |
− |
| |
− | #smartphonebutton {
| |
− | display:inline-block;
| |
− | }
| |
− |
| |
− | #logoiGEM {
| |
− | left:50%;
| |
− | -moz-transform:translateX(-50%);
| |
− | -ms-transform:translateX(-50%);
| |
− | -webkit-transform:translateX(-50%);
| |
− | transform:translateX(-50%);
| |
− | }
| |
| | | |
| .summary { | | .summary { |