|
|
Line 221: |
Line 221: |
| margin-bottom: 10px; | | margin-bottom: 10px; |
| margin-right: 5px; | | margin-right: 5px; |
− | margin-left: 5px; | + | margin-left: 5px;F |
| font-size: 14px; | | font-size: 14px; |
| font-weight: normal; | | font-weight: normal; |
Line 342: |
Line 342: |
| /*menu*/ | | /*menu*/ |
| | | |
− | /*.mainmenu {
| + | .mainmenu { |
| position: fixed; | | position: fixed; |
| top: 0; | | top: 0; |
Line 570: |
Line 570: |
| .menu-items{width:80%;} | | .menu-items{width:80%;} |
| } | | } |
− | */
| |
| | | |
− | /*OLD MENU*/
| |
| | | |
− | .mainmenu {
| |
− | position: fixed;
| |
− | top: 0;
| |
− | left: 0;
| |
− | z-index: 99999;
| |
− | width: 100%;
| |
− | height: 75px;
| |
− | font-size: 16px;
| |
− | background-color: #091E26;/*#262622;*/
| |
− | opacity:0.9;
| |
− | font-color:#091E26;
| |
− | }
| |
− |
| |
− | @media(min-width:1392px){
| |
− | .mainmenu {
| |
− | height:75px;
| |
− | }
| |
− | }
| |
− |
| |
− | @media(max-width:1110px){
| |
− | .mainmenu {
| |
− | height:100px;
| |
− | }
| |
− | }
| |
− |
| |
− | @media(max-width:606px){
| |
− |
| |
− | .mainmenu {
| |
− | height:134px;
| |
− | }
| |
− | }
| |
− |
| |
− | /*
| |
− | @media(max-width:570px){
| |
− | .mainmenu {
| |
− | height:163px;
| |
− | }
| |
− | }
| |
− |
| |
− | @media(max-width:511px){
| |
− | .mainmenu {
| |
− | height:183px;
| |
− | }
| |
− | }*/
| |
− |
| |
− |
| |
− | @media(max-width:400px){
| |
− | h5 {font-size:400%;margin-top:30px;text-align:center;font-familt:arial;}
| |
− | #main {padding-top:0px;border-top:0px;margin-top:0px;top:0px;position:static;z-index:0}
| |
− | }
| |
− |
| |
− | /* CHANGE */
| |
− | @media(max-width: 606px){
| |
− | .mainmenu {display:none;}
| |
− | .mainmenu ul {display:none;}
| |
− | #hidden-menu {display:block;}
| |
− | }
| |
− |
| |
− | @media(min-width: 606px){
| |
− | #hidden-menu {display:none;};
| |
− | h5 {font-size:15px;};
| |
− | }
| |
− |
| |
− | #hidden-menu:hover ul{
| |
− | display:block;
| |
− | height:auto;
| |
− | width:auto;
| |
− | }
| |
− |
| |
− | #hidden-menu ul li{
| |
− | display:none;
| |
− | clear:both;
| |
− | background-color: #70C4BB;
| |
− | text-align: center;
| |
− | display: block;
| |
− | margin:none;
| |
− | padding-left:20px;
| |
− | padding-right:20px;
| |
− | padding-top:8px;
| |
− | padding-bottom:8px;
| |
− | box-shadow:1.5px 1.5px lightgrey;
| |
− | border-radius:4px;
| |
− | opacity:0.9;
| |
− | z-index:999999;
| |
− | }
| |
− |
| |
− | #hidden-menu ul {
| |
− | display:none;
| |
− | position:fixed;
| |
− | top:60px;
| |
− | left:-0px;
| |
− | }
| |
− |
| |
− | #hidden-menu ul li a {
| |
− | color: #fff; font-size: 23px;
| |
− | }
| |
− |
| |
− | #hidden-menu ul li a:hover {
| |
− | color: #787172
| |
− | }
| |
− |
| |
− | #hidden-menu a {
| |
− | color: #473E4F; text-decoration: none; font-family: Raleway;
| |
− | }
| |
− |
| |
− | #hidden-menu a:hover {color: #70C4BB;
| |
− | -webkit-transition: color ease-in-out 150ms;
| |
− | }
| |
− |
| |
− | #mobilebutton {
| |
− | height:50px;
| |
− | width:50px;
| |
− | top:15px;
| |
− | left:1px;
| |
− | position:fixed;
| |
− | opacity:0.9;
| |
− | }
| |
− |
| |
− | /*CHANGE END*/
| |
− |
| |
− | #igemlogo {
| |
− | position:fixed;
| |
− | top:27px;
| |
− | left:-10px;
| |
− | float:left;
| |
− | margin-left:50px;
| |
− | margin-top:5px
| |
− | z-index:99999;
| |
− | }
| |
− |
| |
− | #ucligemlogo {
| |
− | position:fixed;
| |
− | top:23px;
| |
− | left:50px;
| |
− | float:left;
| |
− | margin-left:50px;
| |
− | margin-top:5px
| |
− | z-index:99999;
| |
− | }
| |
− | .menu-items {display: inline-block;
| |
− | width: 100%;
| |
− | text-align: right;
| |
− | position:fixed;
| |
− | top:26px;
| |
− | z-index:99998;
| |
− | }
| |
− |
| |
− | @media(max-width: 463px){
| |
− | .menu-items {margin-top: 10px; }
| |
− | }
| |
− |
| |
− | .menu-items li {
| |
− | display: inline-block;
| |
− | margin-right: 10px;
| |
− | margin-left: 10px;
| |
− | margin-top: 2px;
| |
− | letter-spacing: 1.1px;
| |
− | height: 30px;
| |
− |
| |
− | }
| |
− |
| |
− |
| |
− | .menu-items li:hover ul, .menu-items li.hover ul{
| |
− | /*position: absolute;*/
| |
− | display: inline;
| |
− | left: 0;
| |
− | /*width:80%*/
| |
− | /*margin:0*/
| |
− | padding: 0;}
| |
− |
| |
− |
| |
− |
| |
− | .menu-items li ul {
| |
− | display:none;
| |
− | position:absolute;
| |
− | top:26px;
| |
− | }
| |
− |
| |
− | .menu-items li ul li{
| |
− | clear:both;
| |
− | text-align: left;
| |
− | padding: 2px;
| |
− | opacity:0.95;
| |
− | width: auto;
| |
− | }
| |
− |
| |
− | .menu-items li ul li a {
| |
− | color: #22343C;
| |
− | font-size: 15px;
| |
− | }
| |
− |
| |
− | .menu-items li ul li a:hover {
| |
− | color: #FE6C68;
| |
− | }
| |
− |
| |
− | .menu-items a {
| |
− | color: black;
| |
− | text-decoration: none;
| |
− | font-family: Raleway;
| |
− | }
| |
− |
| |
− | .menu-items a:hover {color: #70C4BB;
| |
− | -webkit-transition: color ease-in-out 150ms;
| |
− | }
| |
− |
| |
− |
| |
− |
| |
− | @media (max-width:600px){
| |
− | h2 {font-size:18px;}
| |
− | h3 {font-size:17px;}
| |
− | p {font-size:12px;}
| |
− | .menu-items{width:80%;}
| |
− | }
| |
− | /* OLD Menu END */
| |
| .buttonblack { | | .buttonblack { |
| margin-bottom: 10px; | | margin-bottom: 10px; |