(6 intermediate revisions by the same user not shown) | |||
Line 49: | 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 56: | 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 87: | 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; | + | 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 105: | 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