Difference between revisions of "Team:UPMC-Paris/Experiments"

Line 317: Line 317:
 
background-color:#000000;  
 
background-color:#000000;  
 
color:#72c9b6;
 
color:#72c9b6;
}
 
 
/********************************* RESPONSIVE STYLING ********************************/
 
 
/* IF THE SCREEN IS LESS THAN 1000PX */
 
 
@media only screen and (max-width: 1000px) {
 
 
#content {width:100%; }
 
.menu_wrapper {width:15%;}
 
.content_wrapper {margin-left: 15%;}
 
.menu_item {display:block;}
 
.icon {display:none;}
 
.highlight {padding:10px 0px;}
 
}
 
 
 
/* IF THE SCREEN IS LESS THAN 680PX */
 
 
@media only screen and (max-width: 680px) {
 
.collapsable_menu_control { display:block;}
 
.menu_item {display:none;}
 
.menu_wrapper { width:100%; height: 15%; position:relative;}
 
.content_wrapper {width:100%; margin-left:0px;}
 
.column.half_size {width:100%; }
 
.column img { width: 100%; padding: 5px 0px;}
 
.icon {display:block;}
 
.highlight {padding:15px 5px;}
 
 
}
 
}
  

Revision as of 15:46, 31 July 2016