Difference between revisions of "Template:Fudan-CHINA"

(Undo revision 71532 by Wyfff (talk))
Line 1: Line 1:
−
 
 
<html>
 
<html>
  
Line 5: Line 4:
 
<style>
 
<style>
 
/**************************************************************************************************************************************************************************************************/
 
/**************************************************************************************************************************************************************************************************/
−
    .head{
 
  
−
position: fixed;
 
−
top: 0;
 
−
z-index: 80;
 
−
width: 1920px;
 
−
}
 
−
    .nav{
 
−
height: 30px;
 
−
line-height: 24px;
 
−
background: #adadad;
 
−
border-radius: 0px;
 
−
    }
 
−
 
−
    .nav li{
 
−
 
−
            float:left;
 
−
 
−
            width:70px;
 
−
 
−
            text-align:center;
 
−
 
−
    }
 
−
 
−
    .nav a{
 
−
 
−
            display:block;
 
−
 
−
            color:black;
 
−
 
−
    }
 
−
 
−
    .nav a:hover{
 
−
 
−
              color:white;
 
−
 
−
              background:#0099cc;
 
−
 
−
    }
 
−
    .column full_size{background-color: #e7e7e7}
 
  
 
/**************************************************************************************************************************************************************************************************/
 
/**************************************************************************************************************************************************************************************************/
Line 63: Line 23:
  
 
/**************************************************************************************************************************************************************************************************/
 
/**************************************************************************************************************************************************************************************************/
−
/* MENU */
 
−
/**************************************************************************************************************************************************************************************************/
 
−
 
−
/*this wraps the whole of the menu*/
 
−
.igem_2018_team_menu {
 
−
background-color:#c4baba;
 
−
border-left: 1px solid #c4baba;
 
−
display:block;
 
−
float:right;
 
−
height:100vh;
 
−
max-width: 270px;
 
−
overflow-y: auto;
 
−
overflow-x: hidden;
 
−
padding:0px;
 
−
position:fixed;
 
−
right:0%;
 
−
text-align:left;
 
−
width: 15%;
 
−
}
 
−
 
−
 
−
.igem_2018_team_menu.displaying_menu{
 
−
display:block;
 
−
}
 
−
 
−
.igem_2018_team_menu  a {
 
−
color: #484848;
 
−
text-decoration:none;
 
−
}
 
−
 
−
.igem_2018_team_menu img {
 
−
width:100%;
 
−
}
 
−
 
−
 
−
.igem_2018_team_menu .menu_item {
 
−
    background-color: #c4baba;
 
−
    border-bottom: 1px solid #928b8b;
 
−
    clear: both;
 
−
color: #484848;
 
−
    cursor: pointer;
 
−
float: left;
 
−
    font-size: 120%;
 
−
    font-weight: bold;
 
−
    padding: 15px 0px 15px 5%;
 
−
  width: 100%;
 
−
}
 
−
 
−
.igem_2018_team_menu .menu_item.direct_link {
 
−
color: #484848;
 
−
padding-left: 15%;
 
−
}
 
−
.igem_2018_team_menu .menu_item:hover {
 
−
background-color: #ecb656;
 
−
}
 
−
 
−
 
−
.igem_2018_team_menu .menu_item .submenu_control_icon {
 
−
color: #484848;
 
−
float: left;
 
−
width: 10%;
 
−
 
−
}
 
−
 
−
/* submenu icon "+"  "-"*/
 
−
.igem_2018_team_menu .menu_item .submenu_control_icon::before {
 
−
content: "+";
 
−
}
 
−
 
−
/* submenu icon "+"  "-"*/
 
−
.igem_2018_team_menu .menu_item .submenu_control_icon.open::before {
 
−
content: "-";
 
−
}
 
−
 
−
/*submenu wrapper*/
 
−
.igem_2018_team_menu .submenu{
 
−
background-color: #e4dede;
 
−
clear:both;
 
−
display:none;
 
−
float: left; 
 
−
width:100%;
 
−
}
 
−
 
−
/*styling for a submenu item*/
 
−
.igem_2018_team_menu .submenu .submenu_item {
 
−
border-bottom: 1px solid #c4baba;
 
−
  color: #635d5d;
 
−
    height: 30px;
 
−
  float: left;
 
−
    font-size: 110%;
 
−
font-weight: bold;
 
−
    padding: 12px 0px 0px 15%;
 
−
    width: 100%;
 
−
        display:none;
 
−
}
 
−
 
−
.igem_2018_team_menu .submenu .submenu_item:hover {
 
−
background-color: #ffffff;
 
−
}
 
−
 
−
 
−
.igem_2018_team_menu .submenu .submenu_item.current_page,
 
−
.igem_2018_team_menu .menu_item.current_page,
 
−
.igem_2018_team_menu .menu_item.direct_link.current_page {
 
−
background-color:#7acbd8;
 
−
}
 
−
 
  
  
Line 512: Line 365:
  
 
nav {
 
nav {
−
     margin:100px auto;
+
      
 +
       
 
     text-align:center;
 
     text-align:center;
 
}
 
}
 
nav ul {
 
nav ul {
 +
   
 
border-radius: 0px;
 
border-radius: 0px;
 
padding: 0 20px;
 
padding: 0 20px;
Line 521: Line 376:
 
position: relative;
 
position: relative;
 
background-color: #adadad;
 
background-color: #adadad;
 +
top: 10px;
 
}
 
}
 
nav ul ul {
 
nav ul ul {
Line 534: Line 390:
 
}
 
}
 
nav ul li a {
 
nav ul li a {
−
    display:block;
+
display: block;
−
    padding:25px 40px;
+
height: 30px;
−
    color:#000;
+
color: #666666;
−
    text-decoration:none;
+
text-decoration: none;
−
    font-family:"微软雅黑";
+
font-family: Cambria, Hoefler Text, Liberation Serif, Times, Times New Roman, serif;
 +
    padding-top:5px
 +
  padding-bottom:5px   
 
}
 
}
 
nav ul li:hover > ul {
 
nav ul li:hover > ul {
Line 555: Line 413:
 
     top:100%;
 
     top:100%;
 
     padding:0;
 
     padding:0;
 +
   
 
}
 
}
 
nav ul ul li {
 
nav ul ul li {
 
     float:none;
 
     float:none;
−
     border-top:1px solid #6b727c;
+
     height:30px;
−
    border-bottom:1px solid #575f6a;
+
 
 
}
 
}
 
nav ul ul li a {
 
nav ul ul li a {
Line 615: Line 474:
 
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
  
−
<meta charset="utf-8">
+
 
−
<div class="head">
+
 
 
  <nav>
 
  <nav>
 
         <ul>
 
         <ul>
Line 806: Line 665:
 
         </ul>
 
         </ul>
 
     </nav>  
 
     </nav>  
−
     </div>
+
      
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 10:29, 27 July 2018