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

 
(8 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{
Line 58: Line 51:
 
     filter: drop-shadow(5px 5px 5px rgba(0,0,0,.1));
 
     filter: drop-shadow(5px 5px 5px rgba(0,0,0,.1));
 
     background-size:contain|cover;
 
     background-size:contain|cover;
−
     width:90%;
+
     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); */
Line 142: Line 143:
  
 
ul.lateral {
 
ul.lateral {
−
     font-size: 20px;
+
     font-size: 15px;
 
     padding-top: initial !important;
 
     padding-top: initial !important;
−
     background-color: #978057 !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: 7% 7% 7% 10% !important;
+
     padding: 10% 10% 10% 20% !important;
 
     list-style-position: outside;
 
     list-style-position: outside;
 
}
 
}
  
 
li.lateral {
 
li.lateral {
−
     font-size: 25px;
+
    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 171: Line 174:
 
     padding-left: 2%;
 
     padding-left: 2%;
 
     padding-right: 8%;
 
     padding-right: 8%;
 +
    font-family: Lucida Bright, Lucida Fax, Palatino, "Palatino Linotype", Palladio, "URW Palladio", serif;
 
}
 
}
  
 
.right_part p {
 
.right_part p {
−
     line-height: 25px;
+
     font-size: 19px;
−
     font-family: Georgia, Cambria, "Times New Roman", Times, serif;
+
     line-height: 1.53;
−
     font-size: 18px;
+
     margin-block-start: 1em;
−
     letter-spacing: -0.084px;
+
     margin-block-end: 1em;
−
     text-decoration: none solid rgba(0, 0, 0, 0.84);
+
     margin-inline-start: 0px;
−
     word-spacing: 0px;
+
     margin-inline-end: 0px;
−
 
+
    margin-bottom: 1rem;
 
}
 
}
  
−
.right_part h1 {
+
.right_part h3 {
−
     font-size: 30px;
+
    font-family: Vollkorn, Palatino, Times;
−
     position: center;
+
    font-weight: normal;
 +
    font-style: italic;
 +
     font-size: 1.6rem;
 +
     text-align: center;
 
     line-height: 40px;
 
     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;
 
}
 
}
  
Line 194: Line 226:
 
}
 
}
  
 +
.main_part {
 +
    padding-left: 15%;
 +
    padding-right: 15%;
 +
}
  
 
.right_part a {
 
.right_part a {
  
 
}
 
}
 +
 +
.main_part h1 {
 +
    font-size: 30px;
 +
    position: center;
 +
    line-height: 40px;
 +
}
 +
 +
  
 
</style>
 
</style>
 
</html>
 
</html>

Latest revision as of 12:07, 9 December 2019