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

(初次上传)
 
(适配宣传手册。)
 
(6 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-height: normal;
 
}
 
}
  
−
#word ul li h4, #word ul li p{
+
#dlutb #word ul li h4{
 
     color: white;
 
     color: white;
 +
    margin-top: 25px;
 
}
 
}
  
−
#box {
+
#dlutb #box {
−
     width: 600px;
+
     width: 500px;
−
     height: 400px;
+
     height: 730px;
−
     margin: 30px auto 0 auto;
+
     margin: 0 auto;
 
     padding: 0;
 
     padding: 0;
 
     overflow: hidden;
 
     overflow: hidden;
 
     position: relative;
 
     position: relative;
 +
    display: table;
 
}
 
}
  
−
#box_img {
+
#dlutb #box_img {
−
     width: 600px;
+
     width: 500px;
−
     height: 400px;
+
     height: 730px;
 
     overflow: hidden;
 
     overflow: hidden;
 
     margin: 0;
 
     margin: 0;
Line 31: Line 34:
 
}
 
}
  
−
#box_img ul li {
+
#dlutb #box_img ul li {
 +
    width:500px;
 
     position: absolute;
 
     position: absolute;
 
     display: none;
 
     display: none;
Line 38: Line 42:
 
}
 
}
  
−
#box_img ul li img {
+
#dlutb #box_img ul li img {
 
     display: block;
 
     display: block;
−
     width: 600px;
+
     width: 500px;
−
     height: 400px;
+
     height: 730px;
 
     margin: 0;
 
     margin: 0;
 
     padding: 0;
 
     padding: 0;
 +
    text-align: center;
 
}
 
}
  
−
#word {
+
#dlutb #word {
 
     background: linear-gradient(to bottom, rgba(100, 111, 156, 0) 0, #09102b 100%);
 
     background: linear-gradient(to bottom, rgba(100, 111, 156, 0) 0, #09102b 100%);
−
     position: relative;
+
     position: absolute;
 
     height: 60px;
 
     height: 60px;
−
     bottom: 60px;
+
    width:100%;
 +
     bottom: 0;
 
     margin: 0;
 
     margin: 0;
 
     padding: 0;
 
     padding: 0;
 
}
 
}
  
−
#word ul li {
+
#dlutb #word ul li {
 
     position: absolute;
 
     position: absolute;
 
     top: 0;
 
     top: 0;
Line 63: Line 69:
 
     margin: 0;
 
     margin: 0;
 
     padding: 0;
 
     padding: 0;
 +
    list-style-type: none;
 
}
 
}
  
−
#controller {
+
#dlutb #controller {
 
     color: white;
 
     color: white;
 
     position: absolute;
 
     position: absolute;
Line 76: Line 83:
 
}
 
}
  
−
#forward, #backward {
+
#dlutb #forward, #dlutb #backward {
 
     display: inline-block;
 
     display: inline-block;
 
     margin: 0;
 
     margin: 0;
Line 82: Line 89:
 
     font-size: 15px;
 
     font-size: 15px;
 
     padding: 0;
 
     padding: 0;
−
}
 
−
 
−
#forward:before {
 
−
    content: ">";
 
−
}
 
−
 
−
#backward:before {
 
−
    content: "<";
 
 
}
 
}

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;

}