Line 161: | Line 161: | ||
.link-more { | .link-more { | ||
color: #8b0000; | 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; | ||
} | } | ||
</style> | </style> | ||
</head> | </head> | ||
</html> | </html> |
Revision as of 14:21, 1 November 2017