Difference between revisions of "Template:ECUST/CSS"
| (24 intermediate revisions by the same user not shown) | |||
| Line 100: | Line 100: | ||
width:100%; | width:100%; | ||
| − | background-size: | + | background-size:contain; |
text-align: center; | text-align: center; | ||
| Line 556: | Line 556: | ||
line-height: 42px; | line-height: 42px; | ||
padding-top: 40px; | padding-top: 40px; | ||
| − | padding-left: | + | padding-left: 3px; |
| − | padding-right: | + | padding-right: 3px; |
transition: height 0.5s; | transition: height 0.5s; | ||
} | } | ||
| Line 939: | Line 939: | ||
@media only screen and (min-width: 1200px) { | @media only screen and (min-width: 1200px) { | ||
| + | #textblock1 { | ||
| + | position: absolute; | ||
| + | top: 300px; | ||
| + | left: 770px; | ||
| + | width:500px; | ||
| + | } | ||
| + | #textblock2 { | ||
| + | position: absolute; | ||
| + | top: 980px; | ||
| + | left: 80px; | ||
| + | width:500px; | ||
| + | } | ||
| + | #textblock3 { | ||
| + | position: absolute; | ||
| + | top: 1879px; | ||
| + | left: 790px; | ||
| + | width:515px; | ||
| + | } | ||
| + | #textblock4 { | ||
| + | position: absolute; | ||
| + | top: 3250px; | ||
| + | left: 200px; | ||
| + | width:900px; | ||
| + | } | ||
| + | #textblock5 { | ||
| + | position: absolute; | ||
| + | top: 3970px; | ||
| + | left: 770px; | ||
| + | width:500px; | ||
| + | } | ||
main, .wrapper { | main, .wrapper { | ||
margin-right: 5%; | margin-right: 5%; | ||
| Line 961: | Line 991: | ||
#textblock1 { | #textblock1 { | ||
position: absolute; | position: absolute; | ||
| − | top: | + | top: 180px; |
| − | left: | + | left: 490px; |
width:500px; | width:500px; | ||
} | } | ||
#textblock2 { | #textblock2 { | ||
position: absolute; | position: absolute; | ||
| − | top: | + | top: 700px; |
left: 20px; | left: 20px; | ||
width:500px; | width:500px; | ||
| Line 973: | Line 1,003: | ||
#textblock3 { | #textblock3 { | ||
position: absolute; | position: absolute; | ||
| − | top: | + | top: 1360px; |
| − | left: | + | left: 500px; |
| − | width: | + | width:510px; |
} | } | ||
#textblock4 { | #textblock4 { | ||
position: absolute; | position: absolute; | ||
| − | top: | + | top: 2250px; |
left: 50px; | left: 50px; | ||
width:900px; | width:900px; | ||
} | } | ||
| + | #textblock5 { | ||
| + | position: absolute; | ||
| + | top: 2800px; | ||
| + | left: 490px; | ||
| + | width:500px; | ||
| + | } | ||
main { | main { | ||
margin-right: 30px; | margin-right: 30px; | ||
| Line 1,021: | Line 1,057: | ||
#textblock1 { | #textblock1 { | ||
position: absolute; | position: absolute; | ||
| − | top: | + | top: 180px; |
| − | left: | + | left: 490px; |
width:500px; | width:500px; | ||
} | } | ||
#textblock2 { | #textblock2 { | ||
position: absolute; | position: absolute; | ||
| − | top: | + | top: 700px; |
left: 10px; | left: 10px; | ||
width:500px; | width:500px; | ||
| Line 1,033: | Line 1,069: | ||
#textblock3 { | #textblock3 { | ||
position: absolute; | position: absolute; | ||
| − | top: | + | top: 1360px; |
| − | left: | + | left: 500px; |
| − | width: | + | width:510px; |
} | } | ||
#textblock4 { | #textblock4 { | ||
position: absolute; | position: absolute; | ||
| − | top: | + | top: 2250px; |
left: 50px; | left: 50px; | ||
width:900px; | width:900px; | ||
} | } | ||
| + | #textblock5 { | ||
| + | position: absolute; | ||
| + | top: 2800px; | ||
| + | left: 490px; | ||
| + | width:500px; | ||
| + | } | ||
.contentbox figure, .contentbox p, .contentbox .pdf-resources, .contentbox ul { | .contentbox figure, .contentbox p, .contentbox .pdf-resources, .contentbox ul { | ||
padding: 10px !important; | padding: 10px !important; | ||
| Line 1,365: | Line 1,407: | ||
text-decoration: underline; | text-decoration: underline; | ||
} | } | ||
| + | @media screen and (max-width: 1040px){ | ||
| + | #logo img { | ||
| + | width: 0px; | ||
| + | margin: 15px; | ||
| + | } | ||
| − | + | } | |
| − | + | ||
| − | + | ||
Latest revision as of 11:34, 2 November 2018