Difference between revisions of "Team:UPMC-Paris"

Line 4: Line 4:
 
<div id="homepageWrapper">
 
<div id="homepageWrapper">
 
<div id="homepageContainer">
 
<div id="homepageContainer">
 +
 +
@media screen and (max-device-width:480px) {
 +
#sideFiller {
 +
    width:80%;
 +
    height:auto;
 +
}
 +
 +
 +
.mediabutton {
 +
    width:48px;
 +
    margin:3px;
 +
    border-radius: 50%;
 +
    display:inline-block;
 +
}
 +
@media screen and (max-device-width:480px) {
 +
.mediabutton {
 +
    width:120px;
 +
    height:120px;
 +
}
 +
 +
 +
@media only screen and (max-device-width: 480px) {
 +
.hideMenu {
 +
    text-align: left;
 +
    height:auto;
 +
    float:none;
 +
    margin: .3em 0 0 2em;
 +
    background-color:#383838;
 +
    position:absolute;
 +
    width:100%;
 +
}
 +
 +
 +
  
 
<div class="content" id="homeMainContainer" style="float:left;width:100%;height:50%;"><div class="contentInner" style="margin:1.25%;">
 
<div class="content" id="homeMainContainer" style="float:left;width:100%;height:50%;"><div class="contentInner" style="margin:1.25%;">
Line 140: Line 174:
  
  
media screen and (max-device-width:480px) {
 
#sideFiller {
 
    width:80%;
 
    height:auto;
 
}
 
  
  
 
.mediabutton {
 
    width:48px;
 
    margin:3px;
 
    border-radius: 50%;
 
    display:inline-block;
 
}
 
media screen and (max-device-width:480px) {
 
.mediabutton {
 
    width:120px;
 
    height:120px;
 
}
 
}
 
 
 
@media only screen and (max-device-width: 480px) {
 
.hideMenu {
 
    text-align: left;
 
    height:auto;
 
    float:none;
 
    margin: .3em 0 0 2em;
 
    background-color:#383838;
 
    position:absolute;
 
    width:100%;
 
}
 
}
 
  
  

Revision as of 16:46, 30 September 2016