cowmonk/cowmonk.based.pt
1
0
Fork 0
mirror of https://github.com/cowmonk/cowmonk.github.io.git synced 2025-10-27 14:43:26 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

better contacts and links

Browse source
This commit is contained in:
cowmonk 2025-06-11 19:55:14 -07:00
parent eadf032cdf
commit 3115375eec
5 changed files with 79 additions and 36 deletions
Download patch file Download diff file Expand all files Collapse all files

35
main.css
View file

@ -90,6 +90,41 @@ body > header p { opacity: 0.8;
line-height: 1.3; }
.profile-info p em { color: #ccc; }
.profile-info a { }
.profile-info details.contacts summary { font-size: 1em;
color: #bbb;
font-weight: bold;
padding: 0.6em 0.2em 0.6em 0;
cursor: pointer;
list-style: none;
transition: color 0.2s ease, border-color 0.2s ease;
border-bottom: 1px solid #333;
display: block; }
.profile-info details.contacts summary::-webkit-details-marker,
.profile-info details.contacts summary::marker { display: none }
.profile-info details.contacts summary:focus { outline: none; }
.profile-info details.contacts summary:focus-visible { box-shadow: 0 0 0 2px #111, 0 0 0 4px yellow;
border-bottom-color: transparent; }
.profile-info details.contacts summary::before { content: "[+] ";
color: #888;
font-weight: normal;
display: inline;
margin-left: 0.2em;
transition: color 0.2s ease; }
.profile-info details.contacts summary:hover,
.profile-info details.contacts summary:hover::before { color: #fff; }
.profile-info details.contacts[open] > summary { color: yellow;
border-bottom-color: yellow; }
.profile-info details.contacts[open] > summary:focus-visible { border-bottom-color: transparent; }
.profile-info details.contacts[open] > summary::before { content: "[-] ";
color: yellow; }
.profile-info details.contacts[open] .contact-details { margin: 0;
padding: 0.75em 0.5em 0.5em calc(0.2em + 3ch + 0.2em);
font-size: 0.9em;
background-color: #161616;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px; }
.contact-details { margin: 0;
padding: 0;