Difference between revisions of "Template:NUS Singapore-Sci"

Line 58: Line 58:
 
#sideMenu, #top_title, .patrollink  {display:none;}
 
#sideMenu, #top_title, .patrollink  {display:none;}
 
#content {margin-left:0px; margin-top:-7px; padding:0px; width:100%; background-image: url("https://static.igem.org/mediawiki/2018/d/de/T--NUS_Singapore-Sci--background.png");}
 
#content {margin-left:0px; margin-top:-7px; padding:0px; width:100%; background-image: url("https://static.igem.org/mediawiki/2018/d/de/T--NUS_Singapore-Sci--background.png");}
body {}
+
body {background-image: url("https://static.igem.org/mediawiki/2018/d/de/T--NUS_Singapore-Sci--background.png");}
 
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
  
Line 68: Line 68:
 
/**************************************************************************************************************************************************************************************************/
 
/**************************************************************************************************************************************************************************************************/
  
/*this wraps the whole of the menu*/
+
.igem_2018_team_menu {
+
                background-color:#cccccc;
+
border-left: 1px solid #c4baba;
+
display:block;
+
float:left;
+
height:100vh;
+
max-width: auto;
+
overflow-y: hidden;
+
overflow-x: hidden;
+
padding:0px;
+
position:fixed;
+
right:0%;
+
text-align:left;
+
width:15%;
+
                list-style-type: none;
+
+
}
+
 
+
        .igem_2018_team_menu li{
+
                float: left;
+
        }
+
 
+
 
+
.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: #cccccc;
+
    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: #cccccc;
+
}
+
 
+
 
+
.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: #cccccc;
+
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%;
+
}
+
 
+
.igem_2018_team_menu .submenu .submenu_item:hover {
+
background-color: #cccccc;
+
}
+
 
+
 
+
.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:#cccccc;
+
}
+
 
+
  
  

Revision as of 05:35, 17 October 2018