Update Docs CSS (#15062)

Signed-off-by: Glenn Jocher <glenn.jocher@ultralytics.com>
Co-authored-by: UltralyticsAssistant <web@ultralytics.com>
This commit is contained in:
Glenn Jocher 2024-08-09 14:06:23 +02:00 committed by GitHub
parent 24c6bbf68f
commit e5a5be5d20
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 85 additions and 51 deletions

View file

@ -103,65 +103,99 @@ div.highlight {
}
/* Banner (same as the one on the Ultralytics website) -------------------------------------------------------------- */
/* MkDocs Ultralytics Plugin ---------------------------------------------------------------------------------------- */
.git-info,
.dates-container,
.authors-container,
.share-buttons {
display: flex;
align-items: center;
justify-content: flex-end;
flex-wrap: wrap;
}
/* MkDocs Ultralytics Plugin ---------------------------------------------------------------------------------------- */
.git-info, .share-buttons {
font-size: 0.8em;
color: grey;
display: flex;
align-items: center;
justify-content: flex-end;
margin-bottom: 10px;
.git-info {
font-size: 0.8em;
color: grey;
margin-bottom: 10px;
}
.dates {
display: flex;
align-items: center;
}
.dates span, .author-link, .share-button {
cursor: pointer;
display: flex;
align-items: center;
}
.dates span {
margin-right: 10px;
}
.hover-item {
transition: all 0.2s ease;
filter: grayscale(100%);
}
.dates .hover-item {
font-size: 1.6em;
margin-right: 5px;
}
.author-link .hover-item {
width: 50px;
height: 50px;
border-radius: 50%;
margin-right: 1px;
}
.hover-item:hover {
transform: scale(1.2);
filter: grayscale(0%);
.dates-container,
.authors-container {
margin-bottom: 10px;
}
.date-item,
.author-link,
.share-button {
background-color: #1da1f2;
color: white;
padding: 6px 12px;
border-radius: 5px;
border: none;
font-size: 0.95em;
margin-left: 5px;
transition: all 0.2s ease;
display: flex;
align-items: center;
cursor: pointer;
}
.date-item {
margin-right: 10px;
}
.hover-item {
transition: all 0.2s ease;
filter: grayscale(100%);
}
.date-item .hover-item {
font-size: 1.6em;
margin-right: 5px;
}
.author-link .hover-item {
width: 50px;
height: 50px;
border-radius: 50%;
margin-right: 3px;
}
.hover-item:hover {
transform: scale(1.2);
filter: grayscale(0%);
}
.share-buttons {
margin-top: 10px;
}
.share-button {
background-color: #1da1f2;
color: white;
padding: 6px 12px;
border-radius: 5px;
border: none;
font-size: 0.95em;
margin: 5px;
transition: all 0.2s ease;
}
.share-button:hover {
transform: scale(1.1);
filter: brightness(1.2);
transform: scale(1.1);
filter: brightness(1.2);
}
.share-button.linkedin {
background-color: #0077b5;
background-color: #0077b5;
}
.share-button i {
margin-right: 5px;
font-size: 1.1em;
margin-right: 5px;
font-size: 1.1em;
}
@media (max-width: 1024px) {
.git-info {
flex-direction: column;
align-items: flex-end;
}
.dates-container,
.authors-container {
width: 100%;
}
}
/* MkDocs Ultralytics Plugin ---------------------------------------------------------------------------------------- */