Template:Main page/styles.css: Difference between revisions
Style the homepage Discord community link |
Reserve the final homepage card for Add your lolcow |
||
| Line 73: | Line 73: | ||
.lc-home .lc-discord-cta a:hover, .lc-home .lc-discord-cta a:focus { background: #4752c4; color: #fff; text-decoration: underline; } | .lc-home .lc-discord-cta a:hover, .lc-home .lc-discord-cta a:focus { background: #4752c4; color: #fff; text-decoration: underline; } | ||
.lc-home .lc-discord-cta a:focus { outline: 3px solid #202122; outline-offset: 3px; } | .lc-home .lc-discord-cta a:focus { outline: 3px solid #202122; outline-offset: 3px; } | ||
/* The last homepage card is a single, keyboard-accessible contribution link. */ | |||
.lc-home .lc-profile-add { padding: 0; border-style: dashed; border-color: #b9637c; background: #fff8fa; } | |||
.lc-home .lc-profile-add:hover { background: #fff1f5; border-color: #b60036; } | |||
.lc-home .lc-add-profile-link { display: flex; align-items: center; justify-content: space-between; gap: 12px; box-sizing: border-box; width: 100%; height: 100%; padding: 15px 13px; color: #9b0031; text-decoration: none; } | |||
.lc-home .lc-add-profile-link:hover, .lc-home .lc-add-profile-link:focus { color: #9b0031; text-decoration: none; } | |||
.lc-home .lc-add-profile-link:hover h3, .lc-home .lc-add-profile-link:focus h3 { text-decoration: underline; } | |||
.lc-home .lc-add-profile-link:focus { outline: 2px solid currentColor; outline-offset: 3px; } | |||
.lc-home .lc-add-profile-plus { flex: none; display: flex; align-items: center; justify-content: center; width: 34px; height: 34px; margin: 0; border: 1px solid currentColor; border-radius: 50%; color: inherit; font-size: 26px; font-weight: 400; line-height: 1; } | |||