Home About Blog Blogroll Guestbook
歡迎大家在這裡留下想說的話,想要跟我說悄悄話也可以寄信給我喔!
Mail:changmars@pm.me
#guestbooks___guestbook-form-container :is(input[type="text"], input[type="email"], input[type="url"], textarea) { width: 100%; padding: 0.65em 0.85em; color: var(--text-color); background: var(--background-color); border: 1px solid color-mix(in srgb, var(--text-color) 30%, var(--background-color)); border-radius: 3px; transition: border-color 0.15s ease, background-color 0.15s ease; }
#guestbooks___guestbook-form-container :is(input[type="text"], input[type="email"], input[type="url"], textarea):focus-visible { outline: 2px solid var(--link-color); outline-offset: 2px; border-color: color-mix(in srgb, var(--text-color) 35%, var(--background-color)); }
#guestbooks___guestbook-form-container textarea { min-height: 7.5em; resize: vertical; }
#guestbooks___guestbook-form-container :is(button, input[type="submit"]) { align-self: flex-start; padding: 0.55em 0.9em; color: var(--text-color); background: var(--background-color); border: 1px solid color-mix(in srgb, var(--text-color) 30%, var(--background-color)); border-radius: 3px; cursor: pointer; transition: background-color 0.15s ease, border-color 0.15s ease; }
#guestbooks___guestbook-form-container :is(button, input[type="submit"]):focus-visible { outline: 2px solid var(--link-color); outline-offset: 2px; }
@media (hover: hover) { #guestbooks___guestbook-form-container :is(button, input[type="submit"]):hover { border-color: color-mix(in srgb, var(--link-color) 45%, var(--background-color)); background: color-mix(in srgb, var(--link-color) 4%, var(--background-color)); } }
#guestbooks___guestbook-messages-header { display: flex; align-items: center; gap: 0.4em; margin-block: 2em 1em; }
#guestbooks___guestbook-messages-header::before { content: "💬"; translate: 0 1px; }
#guestbooks___guestbook-messages-container > div { margin-block: 1.2em; padding: 1em 1.2em; font-size: 0.95em; border: 1px solid color-mix(in srgb, var(--text-color) 18%, var(--background-color)); border-radius: 3px; }
#guestbooks___guestbook-messages-container p { margin: 0.35em 0 0; padding: 0; }
#guestbooks___guestbook-messages-container blockquote { margin: 0.35em 0 0; padding: 0; border: 0; background: none; font-style: normal; }
#guestbooks___guestbook-messages-container time { font-size: 0.85em; opacity: 0.8; white-space: nowrap; }
#guestbooks___guestbook-messages-container .guestbook-message-reply { position: relative; margin-block: 0.9em 0.2em; margin-inline-start: 1.6em; padding: 0.9em 1.1em; background: color-mix(in srgb, var(--text-color) 4%, transparent); border: 1px solid color-mix(in srgb, var(--text-color) 18%, var(--background-color)); border-radius: 3px; }
#guestbooks___guestbook-messages-container .guestbook-message-reply::before { content: ""; position: absolute; top: -1em; left: -0.9em; width: 0.7em; height: 1.6em; border-left: 2px solid color-mix(in srgb, var(--text-color) 18%, var(--background-color)); border-bottom: 2px solid color-mix(in srgb, var(--text-color) 18%, var(--background-color)); border-bottom-left-radius: 3px; opacity: 0.6; }