Move the style definition of the resume’s keyword list to the CSS

This commit is contained in:
Gergely Polonkai 2025-05-29 11:24:28 +02:00
parent 4aea8cd85b
commit 239281cc72
No known key found for this signature in database
GPG Key ID: 38F402C8471DDE93
2 changed files with 40 additions and 3 deletions

View File

@ -8,10 +8,17 @@
<body>
<h3>
Resume
<span id="keywords-button" data-toggle="popover" data-placement="bottom" role="button" tabindex="0" data-trigger="focus" style="position: relative; cursor: pointer; font-size: 75%;">
<span
id="keywords-button"
data-toggle="popover"
data-placement="bottom"
role="button"
tabindex="0"
data-trigger="focus"
>
<span id="keyword-list-button">[ want some keywords only? click this! ]</span>
<div style="position: absolute; top: 1.4rem; padding: 5px; background-color: white; border-radius: 3px; display: none; width: 150%; left: 0;" id="keyword-list-wrapper">
<div style="border: 1px solid black; font-size: 14px; font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; border-radius: 2px; padding: 2px; text-align: justify;" id="keyword-list">
<div id="keyword-list-wrapper">
<div id="keyword-list">
Keywords go here!
</div>
</div>

View File

@ -575,3 +575,33 @@ kbd {
text-align: center;
background-color: #ddd;
}
#keywords-button {
position: relative;
cursor: pointer;
font-size: 75%;
}
#keyword-list-wrapper {
position: absolute;
top: 1.4rem;
padding: 5px;
background-color: white;
border-radius: 3px;
display: none;
width: 150%;
left: 0;
}
#keyword-list {
border: 1px solid black;
font-size: 14px;
font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
border-radius: 2px;
padding: 2px;
text-align: justify;
}
.keyword-first-letter {
color: #f18137;
}