|
|
| 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; |