Difference between revisions of "Team:USTC/css/style.css"
Line 1: | Line 1: | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
.material-icons { | .material-icons { | ||
font-family: 'Material Icons'; | font-family: 'Material Icons'; | ||
Line 33: | Line 11: | ||
-webkit-font-feature-settings: 'liga'; | -webkit-font-feature-settings: 'liga'; | ||
-webkit-font-smoothing: antialiased; | -webkit-font-smoothing: antialiased; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
.team_logo { | .team_logo { | ||
− | background-image: url( | + | background-image: url(./Ustc_Team_logo.png); |
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
− | + | width: 600px; | |
− | width: | + | |
height: 600px; | height: 600px; | ||
− | position: | + | position: absolute; |
− | + | right: -75px; | |
− | + | top: -68px; | |
− | top: - | + | |
opacity: 0.7; | opacity: 0.7; | ||
+ | margin-bottom: -600px; | ||
+ | } | ||
+ | body { | ||
+ | background-image: | ||
} | } | ||
.background { | .background { | ||
Line 79: | Line 34: | ||
display: block; | display: block; | ||
position: static; | position: static; | ||
− | + | border-right: 2560px solid #2196f3; | |
− | + | border-top: 340px solid #2196f3; | |
− | + | ||
} | } | ||
.background::after { | .background::after { |
Revision as of 13:33, 28 August 2015
.material-icons {
font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; word-wrap: normal; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased;
} .team_logo {
background-image: url(./Ustc_Team_logo.png); background-repeat: no-repeat; width: 600px; height: 600px; position: absolute; right: -75px; top: -68px; opacity: 0.7; margin-bottom: -600px;
} body {
background-image:
} .background {
margin-bottom: -515px; overflow: hidden;
} .background::before {
content: " "; display: block; position: static; border-right: 2560px solid #2196f3; border-top: 340px solid #2196f3;
} .background::after {
content: " "; display: block; position: static; width: 0; height: 0; border-right: 2560px solid #2196f3; border-bottom: 175px solid transparent;
} body {
width: 100%;
} p {
font-family: 'Roboto', sans-serif;
} img {
max-width: 100%;
}