Difference between revisions of "Template:USTC-Software/Header2"

(Created page with "<html> <link rel="stylesheet" type="text/css" href="https://2019.igem.org/Template:USTC-Software/css/default?action=raw&ctype=text/css" /> <link rel="stylesheet" type="text/c...")
 
 
(6 intermediate revisions by the same user not shown)
Line 4: Line 4:
 
<link rel="stylesheet" type="text/css"  
 
<link rel="stylesheet" type="text/css"  
 
href="https://2019.igem.org/Template:USTC-Software/css/common?action=raw&ctype=text/css" />
 
href="https://2019.igem.org/Template:USTC-Software/css/common?action=raw&ctype=text/css" />
 +
 
<style type="text/css">
 
<style type="text/css">
 
     .header {width: 100%; margin-top: 1em; }
 
     .header {width: 100%; margin-top: 1em; }
Line 20: Line 21:
 
     .more:hover > span {transform: rotate(0deg);}
 
     .more:hover > span {transform: rotate(0deg);}
 
     .more > span {transition: all .4s; }
 
     .more > span {transition: all .4s; }
−
    @media screen and (max-width: 800px) {
 
−
        .menu {display: none}
 
−
        .menu_icon {display: block; position: absolute; right: 1em}
 
−
    }
 
 
     .info_menu_item {font-size: .9em; width: 130px; position: absolute; display: block; border: 1px solid #dddddd; border-radius: 3px; visibility: hidden;opacity: 0; transition: all .8s; }
 
     .info_menu_item {font-size: .9em; width: 130px; position: absolute; display: block; border: 1px solid #dddddd; border-radius: 3px; visibility: hidden;opacity: 0; transition: all .8s; }
 
     .info_menu_item ul {display: flex; flex-direction: column; align-items: center;}
 
     .info_menu_item ul {display: flex; flex-direction: column; align-items: center;}
Line 29: Line 26:
 
     .info_menu_item li a {color: #248ea9}
 
     .info_menu_item li a {color: #248ea9}
 
     .info_menu_item li a:hover {color: #ffd24a}
 
     .info_menu_item li a:hover {color: #ffd24a}
−
     .team_menu > .info_menu_item {left: -1.4em}
+
     .team_menu > .info_menu_item {left: -1.6em}
−
     .project_menu > .info_menu_item {left: -0.1em}
+
     .project_menu > .info_menu_item {left: -1.1em}
 
     .parts_menu > .info_menu_item {left: -1.2em}
 
     .parts_menu > .info_menu_item {left: -1.2em}
 
     .human_practice_menu > .info_menu_item {left: 1.5em}
 
     .human_practice_menu > .info_menu_item {left: 1.5em}
 
     .awards_menu > .info_menu_item {left: -0.8em}
 
     .awards_menu > .info_menu_item {left: -0.8em}
 +
    #human_practice_menu_item {width: 145px}
  
−
     .more:hover > .info_menu_item {display: block; opacity: 1; visibility: visible;}
+
     .more:hover > .info_menu_item {display: block; opacity: 1; visibility: visible; z-index:1000; background: rgba(255, 255, 255, 1);}
  
 
     .slide_menu {display: none; background-color: #2196F3; width: 100%;}
 
     .slide_menu {display: none; background-color: #2196F3; width: 100%;}
Line 49: Line 47:
  
 
     </style>
 
     </style>
 +
<link rel="stylesheet" type="text/css"
 +
href="https://2019.igem.org/Template:USTC-Software/css/responsive?action=raw&ctype=text/css" />
 
<nav class="header">
 
<nav class="header">
 
         <div class="top_menu">
 
         <div class="top_menu">

Latest revision as of 12:10, 15 October 2019