Difference between revisions of "Team:SCU-WestChina/style.css"
(Created page with "<html> <head> <style type="text/css"> * { margin: 0; padding: 0; line-height: normal; } @font-face { →font-properties: font-family: "AGaramon...") |
|||
| (9 intermediate revisions by the same user not shown) | |||
| Line 2: | Line 2: | ||
<head> | <head> | ||
<style type="text/css"> | <style type="text/css"> | ||
| − | + | * { | |
margin: 0; | margin: 0; | ||
padding: 0; | padding: 0; | ||
line-height: normal; | line-height: normal; | ||
} | } | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
.main-wrapper { | .main-wrapper { | ||
| Line 23: | Line 15: | ||
ul.nav { | ul.nav { | ||
font-family: "AGaramondPro"; | font-family: "AGaramondPro"; | ||
| + | font-size: 0; | ||
width: 100%; | width: 100%; | ||
height: 60px; | height: 60px; | ||
| + | margin: 0; | ||
| + | padding: 0; | ||
} | } | ||
| Line 35: | Line 30: | ||
.nav-right-wrapper { | .nav-right-wrapper { | ||
float: right; | float: right; | ||
| + | height: 60px; | ||
margin-right: 6%; | margin-right: 6%; | ||
} | } | ||
| Line 53: | Line 49: | ||
padding: 0 15px; | padding: 0 15px; | ||
border-radius: 0; | border-radius: 0; | ||
| − | color: #8b0000; | + | color: #8b0000 !important; |
-webkit-transition: color 0.5s; | -webkit-transition: color 0.5s; | ||
transition: color 0.5s; | transition: color 0.5s; | ||
| Line 60: | Line 56: | ||
.nav-right-wrapper > li > a:hover { | .nav-right-wrapper > li > a:hover { | ||
text-decoration: none; | text-decoration: none; | ||
| − | color: #f44336; | + | color: #f44336 !important; |
} | } | ||
| Line 91: | Line 87: | ||
width: 80%; | width: 80%; | ||
margin: 60px auto; | margin: 60px auto; | ||
| + | } | ||
| + | |||
| + | .left-nav { | ||
| + | margin-top: 100px; | ||
| + | display: inline-block; | ||
| + | width: 29%; | ||
| + | vertical-align: top; | ||
| + | padding: 10px 0; | ||
| + | } | ||
| + | |||
| + | .first-nav { | ||
| + | margin: 10px 0 !important; | ||
| + | } | ||
| + | |||
| + | .first-nav-link { | ||
| + | display: block; | ||
| + | text-align: left; | ||
| + | font-family: "AGaramondPro"; | ||
| + | font-size: 18px; | ||
| + | |||
| + | } | ||
| + | |||
| + | .second-nav-link { | ||
| + | display: block; | ||
| + | text-align: left; | ||
| + | font-family: "AGaramondPro"; | ||
| + | font-size: 14px; | ||
| + | padding-left: 30px; | ||
| + | } | ||
| + | |||
| + | .nav-link, .nav-link:visited { | ||
| + | color: #333; | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | |||
| + | .nav-link:hover { | ||
| + | color: #8b0000; | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | |||
| + | |||
| + | .right-content { | ||
| + | display: inline-block; | ||
| + | width: 70%; | ||
} | } | ||
.mid-wrapper p { | .mid-wrapper p { | ||
text-indent:20px; | text-indent:20px; | ||
| + | font-size: 16px !important; | ||
| + | font-family: "Calibri" !important; | ||
} | } | ||
.mid-wrapper img { | .mid-wrapper img { | ||
| − | width: | + | width: 70%; |
height: auto; | height: auto; | ||
display: block; | display: block; | ||
| Line 108: | Line 150: | ||
text-align: center; | text-align: center; | ||
font-size: 12px; | font-size: 12px; | ||
| + | } | ||
| + | |||
| + | div.title-center { | ||
| + | text-align: center; | ||
| + | font-size: 36px; | ||
| + | line-height: 36px; | ||
| + | margin: 30px auto; | ||
| + | } | ||
| + | |||
| + | .link-more { | ||
| + | color: #8b0000; | ||
| + | } | ||
| + | |||
| + | .img-row { | ||
| + | margin: 30px 5% 60px 5%; | ||
| + | width: 90%; | ||
| + | font-size: 0; | ||
| + | } | ||
| + | |||
| + | .img-row .half-block { | ||
| + | width: 50%; | ||
| + | display: inline-block; | ||
| + | } | ||
| + | |||
| + | .img-wrapper{ | ||
| + | display: inline-block; | ||
| + | width: 40%; | ||
| + | vertical-align: top; | ||
| + | } | ||
| + | |||
| + | .img-wrapper .person-img { | ||
| + | width: 90%; | ||
| + | margin: 30px auto; | ||
| + | height: auto; | ||
| + | border-radius: 50%; | ||
| + | border: 4px solid #8b0000; | ||
| + | } | ||
| + | |||
| + | .person-info { | ||
| + | width: 55%; | ||
| + | display: inline-block; | ||
| + | vertical-align: top; | ||
| + | } | ||
| + | |||
| + | .person-info .person-name { | ||
| + | font-size: 24px; | ||
| + | } | ||
| + | |||
| + | .person-info .person-major { | ||
| + | margin-top: 10px; | ||
| + | font-size: 12px; | ||
| + | font-weight: 300; | ||
| + | } | ||
| + | |||
| + | .person-info .person-introduction { | ||
| + | font-size: 16px; | ||
| + | } | ||
| + | |||
| + | .img-advisor-block { | ||
| + | position: relative; | ||
| + | border-top: 2px dotted #000; | ||
| + | border-bottom: 2px dotted #000; | ||
| + | width: 95%; | ||
| + | margin: 20px auto; | ||
| + | } | ||
| + | |||
| + | .advisor-title { | ||
| + | position: absolute; | ||
| + | top: 5px; | ||
| + | left: 5px; | ||
| + | font-size: 20px; | ||
| + | color: #8b0000; | ||
| + | font-weight: 600; | ||
| + | } | ||
| + | |||
| + | .img-advisor-row { | ||
| + | width: 720px; | ||
| + | height: 200px; | ||
| + | font-size: 0; | ||
| + | margin: 0 auto; | ||
| + | } | ||
| + | |||
| + | .img-advisor-row .img-advisor { | ||
| + | display: inline-block; | ||
| + | width: 120px; | ||
| + | height: 200px; | ||
| + | margin: 10px; | ||
| + | } | ||
| + | |||
| + | .img-advisor-row .img-advisor img { | ||
| + | width: 100%; | ||
| + | height: 160px; | ||
| + | } | ||
| + | |||
| + | .img-advisor-row .img-advisor .advisor-name { | ||
| + | font-size: 12px; | ||
| + | text-align: center; | ||
} | } | ||
</style> | </style> | ||
</head> | </head> | ||
</html> | </html> | ||
Latest revision as of 15:10, 1 November 2017
