Difference between revisions of "Template:AFCM-Egypt"

Line 100: Line 100:
 
#sideMenu, #top_title, .patrollink  {display:none;}
 
#sideMenu, #top_title, .patrollink  {display:none;}
 
#content { width:100%; padding:0px;  margin-top:-7px; margin-left:0px;}
 
#content { width:100%; padding:0px;  margin-top:-7px; margin-left:0px;}
−
body {background-color:white; }
+
body {background-color:blue; }
 
#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 109: Line 109:
 
/* Wrapper for the menu */
 
/* Wrapper for the menu */
 
.igem_2017_menu_wrapper {  
 
.igem_2017_menu_wrapper {  
−
width: 10%;
+
−
height:100vh;
+
 
−
position:fixed;
+
  float: left;
−
right:0%;
+
  display:block;
−
padding:0px;
+
    color: #f2f2f2;
−
float:right;  
+
    text-align: center;
−
border-left: 1px solid #9b5a5a;  
+
    padding: 14px 16px
−
background-color:#9b5a5a;  
+
 
−
text-align:left;
+
 
−
font-family:Tahoma, Geneva, sans-serif;
+
 
−
overflow-y:auto ;
+
−
overflow-x:hidden;
+
 
}
 
}
  
Line 131: Line 129:
 
/* styling for links in the menu, removes the line under text */
 
/* styling for links in the menu, removes the line under text */
 
.igem_2017_menu_wrapper a {   
 
.igem_2017_menu_wrapper a {   
−
text-decoration: none;  
+
 +
    text-decoration: none;
 
}
 
}
  
Line 142: Line 141:
 
/* styling for the menu buttons */
 
/* styling for the menu buttons */
 
.igem_2017_menu_wrapper .menu_button {  
 
.igem_2017_menu_wrapper .menu_button {  
−
width: 100%;
+
 
−
padding: 10px 0px 10px 15px;
+
−
float:left;
+
−
border-bottom: 1px solid #d3d3d3;
+
 
font-size: 12px;  
 
font-size: 12px;  
 
font-weight: bold;  
 
font-weight: bold;  
 
color: #5e5f5f;  
 
color: #5e5f5f;  
−
cursor: pointer;
+
 +
 +
float: left;
 +
  display:block;
 +
   
 +
    text-align: center;
 +
    padding: 14px 16px
 
}
 
}
  
  
 
.igem_2017_menu_wrapper .menu_bottom_padding {  
 
.igem_2017_menu_wrapper .menu_bottom_padding {  
−
width: 100%;
+
−
height: 30px;
+
−
float:left;
+
 
}
 
}
  
 
.menu_button.direct_to_page {  
 
.menu_button.direct_to_page {  
−
padding-left: 36px;
+
 
 
}
 
}
  
  
 
.igem_2017_menu_wrapper .menu_button .expand_collapse_icon {
 
.igem_2017_menu_wrapper .menu_button .expand_collapse_icon {
−
width:10%;
+
−
float:left;
+
 
}
 
}
  
 
.igem_2017_menu_wrapper .menu_button .expand_collapse_icon::before {
 
.igem_2017_menu_wrapper .menu_button .expand_collapse_icon::before {
−
content: "+"; 
+
 
 
}
 
}
 
 
 
.open::before {
 
.open::before {
−
content: "-" !important; 
+
 
}
 
}
 
 
Line 181: Line 181:
 
/* styling for the menu buttons on hover */
 
/* styling for the menu buttons on hover */
 
.igem_2017_menu_wrapper .menu_button:hover, .igem_2017_menu_wrapper .submenu_button:hover ,  .submenu_button.current_page:hover {  
 
.igem_2017_menu_wrapper .menu_button:hover, .igem_2017_menu_wrapper .submenu_button:hover ,  .submenu_button.current_page:hover {  
−
background-color: #3399ff;
+
border-bottom: 2px solid #F117B4;
 
text-decoration: none;
 
text-decoration: none;
 
color:#ffffff;  
 
color:#ffffff;  
Line 466: Line 466:
  
  
−
<a href="https://2017.igem.org/Team:AFCM-Egypt">
+
[[File:Logo.png|border|caption]]
−
<img src="http://placehold.it/350x150">
+
−
</a>
+
−
 
+
  
 
<!-- this div is hidden by default and will only be displayed if the screen size is too small -->
 
<!-- this div is hidden by default and will only be displayed if the screen size is too small -->
Line 748: Line 745:
 
<!-- start of content -->
 
<!-- start of content -->
 
<div class="igem_2017_content_wrapper">
 
<div class="igem_2017_content_wrapper">
−
<h1>AFCM-Egypt</h1>
+
 
 +
 
 +
 
 +
 
 +
/* Wrapper for the menu */
 +
.igem_2017_menu_wrapper {
 +
 +
  background-color: #333;
 +
    overflow: hidden;
 +
 
 +
 
 +
 
 +
}
 +
 
 +
/* this hides the scrollbar to keep view consistency */
 +
.igem_2017_menu_wrappe::-webkit-scrollbar {
 +
display: none;
 +
}
 +
 +
 +
/* styling for links in the menu, removes the line under text */
 +
.igem_2017_menu_wrapper a { 
 +
 +
float: left;
 +
    display: block;
 +
    color: #f2f2f2;
 +
    text-align: center;
 +
    padding: 14px 16px;
 +
    text-decoration: none;
 +
    font-size: 17px;
 +
}
 +
 
 +
 
 +
/* styling for the images in the menu */
 +
.igem_2017_menu_wrapper img {
 +
width: 100%;
 +
}
 +
 
 +
/* styling for the menu buttons */
 +
.igem_2017_menu_wrapper .menu_button {
 +
 
 +
    background-color: #4CAF50;
 +
    color: white;
 +
    padding: 16px;
 +
    font-size: 16px;
 +
    border: none;
 +
    cursor: pointer;
 +
}
 +
 
 +
 
 +
.igem_2017_menu_wrapper .menu_bottom_padding {
 +
 +
}
 +
 
 +
.menu_button.direct_to_page {
 +
 
 +
}
 +
 
 +
 
 +
.igem_2017_menu_wrapper .menu_button .expand_collapse_icon {
 +
 +
}
 +
 
 +
.igem_2017_menu_wrapper .menu_button .expand_collapse_icon::before {
 +
 
 +
}
 +
 +
.open::before {
 +
 +
}
 +
 +
 +
 +
/* styling for the menu buttons on hover */
 +
.igem_2017_menu_wrapper .menu_button:hover, .igem_2017_menu_wrapper .submenu_button:hover ,  .submenu_button.current_page:hover {
 +
background-color: #ddd;
 +
    color: black;
 +
}
 +
 
 +
/* styling for the menu button when it is the current page */
 +
.current_page {
 +
background-color:#7fc1f7  !important;
 +
color:#5e5f5f !important;
 +
}
 +
 
 +
 
 +
/* styling for the submenu buttons */
 +
.igem_2017_menu_wrapper .submenu_button {
 +
width: 50%;
 +
padding: 10px 0px 10px 34px;
 +
float:left;
 +
background-color:#f2f2f2;
 +
border-bottom: 1px solid #d3d3d3;
 +
font-size: 12px;
 +
color: #5e5f5f;
 +
cursor: pointer;
 +
}
 +
 
 +
/* wrapper for the submenu items, they are hidden by default*/
 +
.igem_2017_menu_wrapper .submenu_wrapper {
 +
display:none;
 +
}
 +
 
 +
/* when the page size is bigger than 800px, this show/hide control is hidden by default */
 +
.igem_2017_menu_wrapper #display_menu_control {
 +
display:none;
 +
text-align:center;
 +
}

Revision as of 15:28, 7 August 2017

[[File:Logo.png|border|caption]]
HOME
TEAM
PROJECT
Description
Design
Experiments
Notebook
InterLab
Contribution
Model
Results
Demonstrate
Improve
Attributions
PARTS
Parts
Basic Parts
Composite Parts
Part Collection
SAFETY
HUMAN PRACTICES
Silver HP
Integrated and Gold
Public Engagement
AWARDS
Applied Design
Entrepreneurship
Hardware
Measurement
Model
Plant
Software
JUDGING FORM
/* Wrapper for the menu */ .igem_2017_menu_wrapper { background-color: #333; overflow: hidden; } /* this hides the scrollbar to keep view consistency */ .igem_2017_menu_wrappe::-webkit-scrollbar { display: none; } /* styling for links in the menu, removes the line under text */ .igem_2017_menu_wrapper a { float: left; display: block; color: #f2f2f2; text-align: center; padding: 14px 16px; text-decoration: none; font-size: 17px; } /* styling for the images in the menu */ .igem_2017_menu_wrapper img { width: 100%; } /* styling for the menu buttons */ .igem_2017_menu_wrapper .menu_button { background-color: #4CAF50; color: white; padding: 16px; font-size: 16px; border: none; cursor: pointer; } .igem_2017_menu_wrapper .menu_bottom_padding { } .menu_button.direct_to_page { } .igem_2017_menu_wrapper .menu_button .expand_collapse_icon { } .igem_2017_menu_wrapper .menu_button .expand_collapse_icon::before { } .open::before { } /* styling for the menu buttons on hover */ .igem_2017_menu_wrapper .menu_button:hover, .igem_2017_menu_wrapper .submenu_button:hover , .submenu_button.current_page:hover { background-color: #ddd; color: black; } /* styling for the menu button when it is the current page */ .current_page { background-color:#7fc1f7 !important; color:#5e5f5f !important; } /* styling for the submenu buttons */ .igem_2017_menu_wrapper .submenu_button { width: 50%; padding: 10px 0px 10px 34px; float:left; background-color:#f2f2f2; border-bottom: 1px solid #d3d3d3; font-size: 12px; color: #5e5f5f; cursor: pointer; } /* wrapper for the submenu items, they are hidden by default*/ .igem_2017_menu_wrapper .submenu_wrapper { display:none; } /* when the page size is bigger than 800px, this show/hide control is hidden by default */ .igem_2017_menu_wrapper #display_menu_control { display:none; text-align:center; }