|
|
Line 1: |
Line 1: |
| {{UCSC}} | | {{UCSC}} |
| <html> | | <html> |
− |
| |
− |
| |
− |
| |
− | #content {
| |
− | padding:0;
| |
− | }
| |
− |
| |
− | .face {
| |
− | white-space: normal;
| |
− | width: 280px;
| |
− | height: 280px;
| |
− | background-repeat: no-repeat;
| |
− | background-position: center;
| |
− | background-size: auto 100%;
| |
− | position: relative;
| |
− | display: inline-block;
| |
− | margin: 3px;
| |
− | }
| |
− | .face .profile,
| |
− | .face .blur {
| |
− | width: 100%;
| |
− | height: 100%;
| |
− | position: absolute;
| |
− | overflow: hidden;
| |
− | top: 0;
| |
− | left: 0
| |
− | }
| |
− | .face .profile {
| |
− | opacity: 0;
| |
− | padding: 10px;
| |
− | color: #fff
| |
− | }
| |
− | .face .profile h3 {
| |
− | text-align: center;
| |
− | margin: 10px 0
| |
− | }
| |
− | .face .profile p {
| |
− | line-height: normal
| |
− | }
| |
− | .face:hover .profile, .profilehovered {
| |
− | opacity: 1;
| |
− | background-color: rgba(0, 0, 0, 0.65)
| |
− | }
| |
− | .face:hover .blur, .facehovered {
| |
− | background: inherit;
| |
− | filter: blur(10px);
| |
− | -webkit-filter: blur(10px)
| |
− | }
| |
− | .facen {
| |
− | width: 250px;
| |
− | height: 260px;
| |
− | margin-top:20px;
| |
− | }
| |
− |
| |
− |
| |
| | | |
| <section style="background-color: honeydew"> | | <section style="background-color: honeydew"> |