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

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