index-page {
position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: url(/public/img/mongo.png) center center no-repeat transparent;
}
home-title {
margin-top: 2rem; .sign-frame { border: 3px solid rgba(234, 234, 234, 0.5); border-radius: 50%; width: 128px; height: 128px; margin: auto; padding: 3px; cursor: pointer; @include transition (all 0.5s ease); &:hover { border-color: rgba(234, 234, 234, 1); } &.checked { border-color: $color-main; } img { border-radius: 50%; max-width: 100%; } }
}
vcard {
text-align: center; cursor: default;
} .vc-greeting {
font-family: $font-family-serif; font-style: italic; font-size: 2rem; color: $color-gray-lighter; margin: 0;
} .vc-name {
font-family: $font-family-sans-serif; font-weight: $font-extra-bold; font-size: 3rem; text-transform: uppercase; margin: 0; .alias { color: $color-gray-lighter; @include transition (all 0.5s ease); &:hover { color: $color-main; } }
} .vc-description {
font-family: $font-family-serif; font-size: 1rem; color: $color-gray-lighter; margin: 1em;
}
search-container {
margin-top: 3.6rem;
} results-container {
padding: 1em 0.5em 0; list-style: none; li { margin-bottom: 0.25rem; &:before { content: "ยป"; margin-right: 0.5em; } &:hover { text-decoration: none; } a { @include set-font($font-family-serif, 1rem, $color-gray-darker); } }
}