Public/VeraCrypt
1
0
Fork 0
mirror of https://github.com/veracrypt/VeraCrypt.git synced 2025-11-11 11:08:02 -06:00
Code Activity

Documentation: Update various pages to be in sync with online version

Browse Source
This commit is contained in:
Mounir IDRASSI
2025-04-28 23:56:32 +09:00
parent 1f9f1474a7
commit ae8f511c01
5 changed files with 104 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

94
doc/html/en/styles.css
View File

@@ -80,3 +80,97 @@
transform: translateY(-1px);
transition: all 0.2s ease;
}
/* Language Selector Styles */
#lang-selector {
position: absolute;
top: 18px;
right: 32px;
z-index: 9999;
font-family: inherit;
user-select: none;
}
#lang-selector button {
background: #fff;
border: 1px solid #08aad7;
border-radius: 6px;
padding: 6px 12px 6px 8px;
display: flex;
align-items: center;
cursor: pointer;
min-width: 110px;
font-size: 15px;
box-shadow: 0 2px 8px rgba(8,170,215,0.08);
transition: border 0.2s;
}
#lang-selector button:focus {
outline: 2px solid #08aad7;
}
#lang-selector img {
width: 20px;
height: 13px;
border-radius: 3px;
margin-right: 7px;
vertical-align: middle;
}
#lang-selector ul {
display: none;
position: absolute;
top: 40px;
right: 0;
background: #fff;
border: 1px solid #08aad7;
border-radius: 6px;
box-shadow: 0 4px 16px rgba(8,170,215,0.12);
margin: 0;
padding: 4px 0;
min-width: 150px;
list-style: none;
}
#lang-selector ul.open {
display: block;
animation: fadeIn 0.15s;
}
@keyframes fadeIn {
from { opacity: 0; transform: translateY(-8px);}
to { opacity: 1; transform: translateY(0);}
}
#lang-selector li {
display: flex;
align-items: center;
padding: 7px 16px;
cursor: pointer;
font-size: 15px;
transition: background 0.15s;
}
#lang-selector li[aria-selected="true"],
#lang-selector li:hover,
#lang-selector li:focus {
background: #e6f7fb;
}
#lang-selector li img {
margin-right: 10px;
width: 20px;
height: 13px;
border-radius: 3px;
}
@media (max-width: 600px) {
#lang-selector {
top: 8px;
right: 8px;
font-size: 14px;
}
#lang-selector ul {
min-width: 110px;
}
}