Difference between revisions of "Template:BNU-China/CSS/team"

Line 37: Line 37:
 
.member-name {
 
.member-name {
 
width: 300px;
 
width: 300px;
−
height: 40px;
+
height: 30px;
−
line-height: 40px;
+
line-height: 30px;
 
margin: 0;
 
margin: 0;
 +
padding: 0;
 
position: absolute;
 
position: absolute;
 
top: 0;
 
top: 0;
Line 48: Line 49:
 
.member-intro {
 
.member-intro {
 
display: none;
 
display: none;
−
width: 288px;
+
width: 300px;
−
height: 240px;
+
height: 170px;
 
margin: 0;
 
margin: 0;
 
position: absolute;
 
position: absolute;
−
top: 32px;
+
top: 30px;
−
padding: 6px;
+
padding: 5px;
 
color: white;
 
color: white;
 
text-indent: 16px;
 
text-indent: 16px;
 
font-size: 14px !important;
 
font-size: 14px !important;
−
text-align: left;
+
text-align: left !important;
 
}
 
}
  

Revision as of 10:19, 7 October 2017

.group-list { display: inline-block; width: 83%; height: 20px; position: relative; left: 9.9%; top: 60px; } .group-list > li { display: inline-block; width: 100px; text-decoration: none; cursor: pointer; } .team-row { display: inline-block; width: 100%; position: relative; text-align: center; top: 90px; background-color: rgb(247,237,183); } .team-member { display: inline-block; position: relative; top: 0px; width: 300px; height: 200px; padding: 0px; } .member-img { width: 300px; height: 200px; top: 0; z-index: -1; } .member-name { width: 300px; height: 30px; line-height: 30px; margin: 0; padding: 0; position: absolute; top: 0; color: white; font-size: 20px; text-align: center; } .member-intro { display: none; width: 300px; height: 170px; margin: 0; position: absolute; top: 30px; padding: 5px; color: white; text-indent: 16px; font-size: 14px !important; text-align: left !important; }

@media screen and (max-width:911px) { 

   #w_Panel>ul>li {
       font-size: 15px;
   }
   #w_Panel>ul>li>ul>li>p {
       font-size: 10px;
   }

}

@media screen and (max-width:767px) { 

   .team-row {
       left: 25%;
       width: 75%;
       top: 100px;
   }

}

@media screen and (max-width:480px) { 

   .team-row {
       left: 30%;
       width: 70%;
       top: 100px;
   }

}