Difference between revisions of "Template:Tsinghua-A/CSSTest"

 
(14 intermediate revisions by 2 users not shown)
Line 29: Line 29:
 
span {
 
span {
 
     display: inline-block;
 
     display: inline-block;
−
}
 
−
 
−
h5, .h5 {
 
−
    font-size: 1em;
 
−
    line-height: 1.85714286em;
 
−
}
 
−
 
−
h5, .h5 {
 
−
    font-weight: 600;
 
 
}
 
}
  
Line 52: Line 43:
 
     margin-bottom: 0.8em !important;
 
     margin-bottom: 0.8em !important;
 
}
 
}
 +
 +
  
 
.demo img{
 
.demo img{
  
−
     -webkit-filter: drop-shadow(10px 10px 10px rgba(0,0,0,.5)); /*考虑浏览器兼容性：兼容 Chrome, Safari, Opera */
+
     -webkit-filter: drop-shadow(5px 5px 5px rgba(0,0,0,.1)); /*考虑浏览器兼容性：兼容 Chrome, Safari, Opera */
−
     filter: drop-shadow(10px 10px 10px rgba(0,0,0,.5));
+
     filter: drop-shadow(5px 5px 5px rgba(0,0,0,.1));
 
     background-size:contain|cover;
 
     background-size:contain|cover;
−
     width:100%;
+
     width:70%;
 
     height: auto;
 
     height: auto;
 
     border-radius:20px;  
 
     border-radius:20px;  
 +
    text-align: center;
 +
    vertical-align: middle;
 +
}
  
 +
.long img {
 +
    width:100%;
 +
    height: auto;
 +
    text-align: center;
 +
    vertical-align: middle;
 
}
 
}
  
Line 123: Line 124:
 
.page-navigator ul {
 
.page-navigator ul {
 
     display: inline-block;
 
     display: inline-block;
−
     padding: 3%;
+
     padding: 5%;
 
     background: transparent;
 
     background: transparent;
 
     /* background: rgba(0, 0, 0, 0.4); */
 
     /* background: rgba(0, 0, 0, 0.4); */
 
     border-radius: 5%;
 
     border-radius: 5%;
 
     transition: all .2s ease;
 
     transition: all .2s ease;
−
     list-style-type: square;
+
     list-style-type: disc;
 
}
 
}
  
Line 142: Line 143:
  
 
ul.lateral {
 
ul.lateral {
 +
    font-size: 15px;
 
     padding-top: initial !important;
 
     padding-top: initial !important;
−
     background-color: #f3f3f3 !important;
+
     background-color: #f4cccc !important;
−
     padding-bottom: initial !important;
+
     padding-bottom: initial;
 
     width: 70%;
 
     width: 70%;
 
     border-radius: 3% !important;
 
     border-radius: 3% !important;
−
     margin-left: 0;
+
     margin-left: 0%;
−
     padding: 5% 5% 5% 7% !important;
+
     padding: 10% 10% 10% 20% !important;
 
     list-style-position: outside;
 
     list-style-position: outside;
 
}
 
}
  
 
li.lateral {
 
li.lateral {
 +
    color: #353535;
 +
opacity:0.9;
 +
    font-size: 15px;
 
     margin-bottom: 0px !important;
 
     margin-bottom: 0px !important;
−
     padding-bottom: 1em !important;
+
     padding-bottom: 1em;
 
     padding-top: initial !important;
 
     padding-top: initial !important;
−
     padding-left: 0em !important;
+
     padding-left: em !important;
 
}
 
}
 
   
 
   
Line 165: Line 170:
 
/* 右侧正文栏设置 */
 
/* 右侧正文栏设置 */
 
.right_part {
 
.right_part {
−
flex: 0 0 65%;
+
flex: 0 0 60%;
−
max-width: 65%;
+
max-width: 60%;
 
     padding-left: 2%;
 
     padding-left: 2%;
−
     padding-right: 4%;
+
     padding-right: 8%;
 +
    font-family: Lucida Bright, Lucida Fax, Palatino, "Palatino Linotype", Palladio, "URW Palladio", serif;
 +
}
 +
 
 +
.right_part p {
 +
    font-size: 19px;
 +
    line-height: 1.53;
 +
    margin-block-start: 1em;
 +
    margin-block-end: 1em;
 +
    margin-inline-start: 0px;
 +
    margin-inline-end: 0px;
 +
    margin-bottom: 1rem;
 +
}
 +
 
 +
.right_part h3 {
 +
    font-family: Vollkorn, Palatino, Times;
 +
    font-weight: normal;
 +
    font-style: italic;
 +
    font-size: 1.6rem;
 +
    text-align: center;
 +
    line-height: 40px;
 +
}
 +
 
 +
.right_part h4 {
 +
    display: block;
 +
    font-size:1.4rem;
 +
    margin-block-start: 1.33em;
 +
    margin-block-end: 1.33em;
 +
    margin-inline-start: 0px;
 +
    margin-inline-end: 0px;
 +
    font-weight: bold;
 +
   
 +
}
 +
 
 +
.right_part h5 {
 +
    display: block;
 +
    font-size: 1.2rem;
 +
    margin-block-start: 1.67em;
 +
    margin-block-end: 1.67em;
 +
    margin-inline-start: 0px;
 +
    margin-inline-end: 0px;
 +
    font-weight: bold;
 +
}
 +
 
 +
.right_part ul {
 +
list-style-type: disc;
 +
}
 +
 
 +
.right_part li {
 +
    font-size: 20px;
 +
    line-height: 28px;
 +
}
 +
 
 +
.main_part {
 +
    padding-left: 15%;
 +
    padding-right: 15%;
 +
}
 +
 
 +
.right_part a {
 +
 
 +
}
 +
 
 +
.main_part h1 {
 +
    font-size: 30px;
 +
    position: center;
 +
    line-height: 40px;
 
}
 
}
  

Latest revision as of 12:07, 9 December 2019