Difference between revisions of "Template:UPMC-Paris/CSS"

Line 153: Line 153:
 
#colorNav li.grey{background-color:#d3d3d3;color:#000000;}
 
#colorNav li.grey{background-color:#d3d3d3;color:#000000;}
  
−
<div class="simple-ss" id="simple-ss"></div>
+
@media screen and (max-device-width:480px) {
−
/* SLIDER (For Willhelm)*/
+
#topContainer {
−
.simple-ss {
+
    height:314px;
−
  width:800px;
+
}
−
  height:250px;
+
}
−
  background-color:red;
+
#mobileMenu {
−
  margin:auto;
+
    display:none;
−
  background-image:url("http://www.mediafire.com/convkey/4989/2l919s6cqg2vm826g.jpg");
+
}
−
  background-position:0;
+
−
  background-repeat:no-repeat;
+
−
  background-size:cover;
+
  
−
/* ANIMATING STUFF */
+
#sideFiller {
−
  animation-name: slide;
+
    width:20%;
−
  animation-duration: 13s;
+
    height:100px;
−
  animation-direction: normal;
+
    float:left;
−
  animation-timing-function: ease;
+
}
−
  animation-iteration-count: infinite;
+
@media screen and (max-device-width:480px) {
 +
#sideFiller {
 +
    width:80%;
 +
    height:auto;
 +
}
 
}
 
}
  
−
/* NOTE CODEPEN AUTOGENERATING -PREFIXES */
+
 
−
@keyframes slide {
+
}
−
  0% {background-position:0 0;}
+
@media screen and (max-device-width: 480px) {
−
  16.66% {background-position:0 0;}
+
#menuButton {
−
  33.32% {background-position:-900px 0;}
+
    display:block;
−
  49.98% {background-position:-900px 0;}
+
}
−
  66.64% {background-position:-1800px 0;}
+
}
−
  83.30% {background-position:-1800px 0;}
+
#menuButton img {
−
  100% {background-position:0 0;}
+
    width:100%;
 +
}
 +
 
 +
@media screen and (max-width:1100px) {
 +
#sidemenuContainer {
 +
    display:none;
 +
}
 +
.expContainer {
 +
    width:92%;
 +
}
 +
}
 +
@media print {
 +
#sidemenuContainer {
 +
    display:none;
 +
}
 +
.expContainer {
 +
    width:92%;
 +
}
 +
}
 +
 
 +
@media screen and (max-device-width:480px) {
 +
#mainMenu {
 +
    display:none;
 +
}
 
}
 
}
−
</style>
 
−
</html>
 

Revision as of 19:17, 3 October 2016