Difference between revisions of "Template:DLUT China B/css/slideshow.css"

m
(改变样式。)
Line 16: Line 16:
  
 
#box {
 
#box {
−
     width: 100%;
+
     max-width: 1100px;
−
     height: 100vh;
+
     height: 600px;
−
     margin: 0;
+
     margin: 0 auto;
 
     padding: 0;
 
     padding: 0;
 
     overflow: hidden;
 
     overflow: hidden;
Line 25: Line 25:
  
 
#box_img {
 
#box_img {
−
     width: 100%;
+
     width: 1100px;
−
     height: 100vh;
+
     height: 600px;
 
     overflow: hidden;
 
     overflow: hidden;
 
     margin: 0;
 
     margin: 0;
 
     padding: 0;
 
     padding: 0;
 +
    text-align: center;
 
}
 
}
  
 
#box_img ul li {
 
#box_img ul li {
−
     width:100vw;
+
     width:1100px;
 +
    height: 600px;
 
     position: absolute;
 
     position: absolute;
 
     display: none;
 
     display: none;
Line 42: Line 44:
 
#box_img ul li img {
 
#box_img ul li img {
 
     display: block;
 
     display: block;
−
     width: 100%;
+
     width: 1100px;
−
     height: 100vh;
+
     height: 600px;
 
     margin: 0;
 
     margin: 0;
 
     padding: 0;
 
     padding: 0;
−
    text-align: center;
 
 
}
 
}
  

Revision as of 14:31, 8 October 2018

  1. box_img ul, #word ul {
   list-style: none;
   margin: 0;
   padding: 0;

}

  1. word ul li h4, #word p, #box_img ul {
   margin: 0;
   padding: 0;
   line-height: normal;

}

  1. word ul li h4, #word ul li p{
   color: white;

}

  1. box {
   max-width: 1100px;
   height: 600px;
   margin: 0 auto;
   padding: 0;
   overflow: hidden;
   position: relative;

}

  1. box_img {
   width: 1100px;
   height: 600px;
   overflow: hidden;
   margin: 0;
   padding: 0;
   text-align: center;

}

  1. box_img ul li {
   width:1100px;
   height: 600px;
   position: absolute;
   display: none;
   margin: 0;
   padding: 0;

}

  1. box_img ul li img {
   display: block;
   width: 1100px;
   height: 600px;
   margin: 0;
   padding: 0;

}

  1. word {
   position: absolute;
   left: 10%;
   top:50%;
   margin: 0;
   padding: 0;
   width:35%;

}

  1. word ul li {
   position: absolute;
   display: none;
   color: white;
   margin: 0;
   padding: 0;
   font-size: 36px;

}

  1. controller {
   color: white;
   position: absolute;
   bottom: 15px;
   width: 80px;
   text-align: center;
   font-size: 0;
   margin: 0;
   padding: 0;

}

  1. forward, #backward {
   display: inline-block;
   margin: 0;
   width: 25px;
   font-size: 15px;
   padding: 0;

}