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

m (解决文字行高问题。)
(适配宣传手册。)
 
(3 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
#box_img ul, #word ul {
+
#dlutb #box_img ul,#dlutb  #word ul {
 
     list-style: none;
 
     list-style: none;
 
     margin: 0;
 
     margin: 0;
Line 5: Line 5:
 
}
 
}
  
−
#word ul li h4, #word p, #box_img ul {
+
#dlutb #word ul li h4, #dlutb #box_img ul {
 
     margin: 0;
 
     margin: 0;
 
     padding: 0;
 
     padding: 0;
Line 11: Line 11:
 
}
 
}
  
−
#word ul li h4, #word ul li p{
+
#dlutb #word ul li h4{
 
     color: white;
 
     color: white;
 +
    margin-top: 25px;
 
}
 
}
  
−
#box {
+
#dlutb #box {
−
     width: 100%;
+
     width: 500px;
−
     height: 100vh;
+
     height: 730px;
−
     margin: 0;
+
     margin: 0 auto;
 
     padding: 0;
 
     padding: 0;
 
     overflow: hidden;
 
     overflow: hidden;
 
     position: relative;
 
     position: relative;
 +
    display: table;
 
}
 
}
  
−
#box_img {
+
#dlutb #box_img {
−
     width: 100%;
+
     width: 500px;
−
     height: 100vh;
+
     height: 730px;
 
     overflow: hidden;
 
     overflow: hidden;
 
     margin: 0;
 
     margin: 0;
Line 32: Line 34:
 
}
 
}
  
−
#box_img ul li {
+
#dlutb #box_img ul li {
 +
    width:500px;
 
     position: absolute;
 
     position: absolute;
 
     display: none;
 
     display: none;
Line 39: Line 42:
 
}
 
}
  
−
#box_img ul li img {
+
#dlutb #box_img ul li img {
 
     display: block;
 
     display: block;
−
     width: 100%;
+
     width: 500px;
−
     height: 100vh;
+
     height: 730px;
 
     margin: 0;
 
     margin: 0;
 
     padding: 0;
 
     padding: 0;
Line 48: Line 51:
 
}
 
}
  
−
#word {
+
#dlutb #word {
 +
    background: linear-gradient(to bottom, rgba(100, 111, 156, 0) 0, #09102b 100%);
 
     position: absolute;
 
     position: absolute;
−
     left: 10%;
+
     height: 60px;
−
     top:50%;
+
     width:100%;
 +
    bottom: 0;
 
     margin: 0;
 
     margin: 0;
 
     padding: 0;
 
     padding: 0;
−
    width:35%;
 
 
}
 
}
  
−
#word ul li {
+
#dlutb #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;
+
     list-style-type: none;
 
}
 
}
  
−
#controller {
+
#dlutb #controller {
 
     color: white;
 
     color: white;
 
     position: absolute;
 
     position: absolute;
Line 77: Line 83:
 
}
 
}
  
−
#forward, #backward {
+
#dlutb #forward, #dlutb #backward {
 
     display: inline-block;
 
     display: inline-block;
 
     margin: 0;
 
     margin: 0;

Latest revision as of 06:44, 17 October 2018

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

}

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

}

  1. dlutb #word ul li h4{
   color: white;
   margin-top: 25px;

}

  1. dlutb #box {
   width: 500px;
   height: 730px;
   margin: 0 auto;
   padding: 0;
   overflow: hidden;
   position: relative;
   display: table;

}

  1. dlutb #box_img {
   width: 500px;
   height: 730px;
   overflow: hidden;
   margin: 0;
   padding: 0;

}

  1. dlutb #box_img ul li {
   width:500px;
   position: absolute;
   display: none;
   margin: 0;
   padding: 0;

}

  1. dlutb #box_img ul li img {
   display: block;
   width: 500px;
   height: 730px;
   margin: 0;
   padding: 0;
   text-align: center;

}

  1. dlutb #word {
   background: linear-gradient(to bottom, rgba(100, 111, 156, 0) 0, #09102b 100%);
   position: absolute;
   height: 60px;
   width:100%;
   bottom: 0;
   margin: 0;
   padding: 0;

}

  1. dlutb #word ul li {
   position: absolute;
   top: 0;
   left: 80px;
   display: none;
   color: white;
   margin: 0;
   padding: 0;
   list-style-type: none;

}

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

}

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

}