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

(去除before)
(将轮播图用于首页。)
Line 15: Line 15:
  
 
#box {
 
#box {
−
     width: 600px;
+
     width: 100%;
−
     height: 400px;
+
     height: 100vh;
−
     margin: 30px auto 0 auto;
+
     margin: 0;
 
     padding: 0;
 
     padding: 0;
 
     overflow: hidden;
 
     overflow: hidden;
Line 24: Line 24:
  
 
#box_img {
 
#box_img {
−
     width: 600px;
+
     width: 100%;
−
     height: 400px;
+
     height: 100vh;
 
     overflow: hidden;
 
     overflow: hidden;
 
     margin: 0;
 
     margin: 0;
Line 40: Line 40:
 
#box_img ul li img {
 
#box_img ul li img {
 
     display: block;
 
     display: block;
−
     width: 600px;
+
     width: 100%;
−
     height: 400px;
+
     height: 100vh;
 
     margin: 0;
 
     margin: 0;
 
     padding: 0;
 
     padding: 0;
 +
    text-align: center;
 
}
 
}
  
 
#word {
 
#word {
−
    background: linear-gradient(to bottom, rgba(100, 111, 156, 0) 0, #09102b 100%);
+
     position: absolute;
−
     position: relative;
+
     left: 10%;
−
     height: 60px;
+
     top:50%;
−
     bottom: 60px;
+
 
     margin: 0;
 
     margin: 0;
 
     padding: 0;
 
     padding: 0;
 +
    width:35%;
 
}
 
}
  
 
#word ul li {
 
#word ul li {
 
     position: absolute;
 
     position: absolute;
−
    top: 0;
 
−
    left: 80px;
 
 
     display: none;
 
     display: none;
 
     color: white;
 
     color: white;
 
     margin: 0;
 
     margin: 0;
 
     padding: 0;
 
     padding: 0;
 +
    font-size: 36px;
 
}
 
}
  

Revision as of 05:55, 2 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;

}

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

}

  1. box {
   width: 100%;
   height: 100vh;
   margin: 0;
   padding: 0;
   overflow: hidden;
   position: relative;

}

  1. box_img {
   width: 100%;
   height: 100vh;
   overflow: hidden;
   margin: 0;
   padding: 0;

}

  1. box_img ul li {
   position: absolute;
   display: none;
   margin: 0;
   padding: 0;

}

  1. box_img ul li img {
   display: block;
   width: 100%;
   height: 100vh;
   margin: 0;
   padding: 0;
   text-align: center;

}

  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;

}