mirror of
https://github.com/HackTricks-wiki/hacktricks-cloud.git
synced 2026-07-28 22:51:09 -07:00
changes
This commit is contained in:
Carlos Polop
+174
-58
@@ -155,18 +155,80 @@ body.sidebar-visible #menu-bar {
|
||||
margin: 0 15px;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
column-gap: 2.6rem;
|
||||
column-gap: 1.25rem;
|
||||
align-items: center;
|
||||
}
|
||||
.right-buttons a {
|
||||
text-decoration: none;
|
||||
}
|
||||
.menu-socials {
|
||||
position: relative;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
}
|
||||
.menu-socials-toggle {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
border: 0;
|
||||
padding: 0;
|
||||
font: inherit;
|
||||
background: transparent;
|
||||
cursor: pointer;
|
||||
}
|
||||
.menu-socials-caret {
|
||||
font-size: 14px;
|
||||
line-height: 1;
|
||||
opacity: 0.9;
|
||||
}
|
||||
.menu-socials-popup {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 30px;
|
||||
z-index: 105;
|
||||
border-radius: 5px;
|
||||
font-size: 14px;
|
||||
color: var(--fg);
|
||||
background: var(--bg);
|
||||
border: 1px solid var(--table-border-color);
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
min-width: 140px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.menu-socials:hover .menu-socials-popup,
|
||||
.menu-socials:focus-within .menu-socials-popup {
|
||||
display: flex;
|
||||
}
|
||||
.menu-socials-popup .menu-bar-link {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
border: 0;
|
||||
margin: 0;
|
||||
padding: 8px 20px;
|
||||
line-height: 25px;
|
||||
white-space: nowrap;
|
||||
text-align: start;
|
||||
color: inherit;
|
||||
background: inherit;
|
||||
font-size: inherit;
|
||||
}
|
||||
.menu-socials-popup .menu-bar-link i {
|
||||
width: 16px;
|
||||
text-align: center;
|
||||
}
|
||||
.menu-socials-popup .menu-bar-link:hover {
|
||||
background-color: var(--theme-hover);
|
||||
}
|
||||
|
||||
@media only screen and (min-width:800px) {
|
||||
#menubar-collapse {
|
||||
display: flex !important;
|
||||
flex-wrap: wrap;
|
||||
column-gap: 2.6rem;
|
||||
column-gap: 1.25rem;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
@@ -289,6 +351,22 @@ body.sidebar-visible #menu-bar {
|
||||
overflow: auto;
|
||||
background: transparent;
|
||||
}
|
||||
#menubar-collapse-popup.show-socials #menubar-socials-popup {
|
||||
display: flex;
|
||||
}
|
||||
#menubar-socials-popup {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
border-top: 1px solid var(--table-border-color);
|
||||
background: transparent;
|
||||
}
|
||||
#menubar-collapse-popup #menubar-socials-popup .menu-bar-link {
|
||||
padding-left: 34px;
|
||||
}
|
||||
#menubar-socials-popup .menu-bar-link i {
|
||||
width: 16px;
|
||||
text-align: center;
|
||||
}
|
||||
#menubar-collapse-popup .menu-bar-link {
|
||||
border: 0;
|
||||
margin: 0;
|
||||
@@ -796,7 +874,7 @@ ul#searchresults li a span.teaser em {
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width:550px) {
|
||||
@media only screen and (min-width:800px) {
|
||||
.sidebar-float-toggle {
|
||||
position: fixed;
|
||||
top: calc(var(--menu-bar-height) + 90px);
|
||||
@@ -841,15 +919,7 @@ ul#searchresults li a span.teaser em {
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
#sidebar-toggle-anchor:not(:checked) ~ .page-wrapper .page #container .sidetoc {
|
||||
position: fixed;
|
||||
right: max(var(--page-padding), calc((100vw - var(--container-max-width)) / 2));
|
||||
top: 0;
|
||||
width: 250px;
|
||||
margin-top: 25px;
|
||||
}
|
||||
|
||||
@media only screen and (max-width:549px) {
|
||||
@media only screen and (max-width:799px) {
|
||||
.sidebar-float-toggle {
|
||||
position: fixed;
|
||||
top: calc(var(--menu-bar-height) + 10px);
|
||||
@@ -877,14 +947,14 @@ ul#searchresults li a span.teaser em {
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width:549px) {
|
||||
@media only screen and (max-width:799px) {
|
||||
#sidebar-toggle-anchor:checked ~ .page-wrapper .page #container .sidebar-float-toggle {
|
||||
left: calc(100vw - 34px);
|
||||
}
|
||||
}
|
||||
|
||||
/* Sidebar */
|
||||
@media only screen and (min-width:550px) {
|
||||
@media only screen and (min-width:800px) {
|
||||
.sidebar {
|
||||
position: sticky;
|
||||
top: 4rem;
|
||||
@@ -903,7 +973,7 @@ ul#searchresults li a span.teaser em {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width:549px) {
|
||||
@media only screen and (max-width:799px) {
|
||||
.sidebar {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
@@ -919,7 +989,7 @@ ul#searchresults li a span.teaser em {
|
||||
z-index: 105;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width:549px) {
|
||||
@media only screen and (max-width:799px) {
|
||||
#sidebar {
|
||||
display: none;
|
||||
}
|
||||
@@ -935,11 +1005,26 @@ ul#searchresults li a span.teaser em {
|
||||
#sidebar-toggle-anchor:checked ~ .page-wrapper .page #container #sidebar {
|
||||
display: block !important;
|
||||
}
|
||||
#sidebar-toggle-anchor:checked ~ .page-wrapper .page #container #sidebar .sidebar-scrollbox {
|
||||
bottom: 58px;
|
||||
}
|
||||
#sidebar-toggle-anchor:checked ~ .page-wrapper .page #container #sidebar .sidebar-socials {
|
||||
display: flex;
|
||||
}
|
||||
#sidebar-toggle-anchor:checked ~ .page-wrapper .page #container #content {
|
||||
display: none !important;
|
||||
}
|
||||
#sidebar-toggle-anchor:checked ~ .page-wrapper .page > .footer {
|
||||
display: none !important;
|
||||
}
|
||||
#sidebar-toggle-anchor:not(:checked) ~ .page-wrapper .page #container #content {
|
||||
display: block !important;
|
||||
}
|
||||
#sidebar-toggle-anchor:not(:checked) ~ .page-wrapper .page > .footer {
|
||||
display: flex !important;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width:549px) {
|
||||
@media only screen and (max-width:799px) {
|
||||
#sidebar {
|
||||
display: none !important;
|
||||
}
|
||||
@@ -990,6 +1075,11 @@ html:not(.sidebar-resizing) .sidebar {
|
||||
padding: 10px 10px;
|
||||
background-color: transparent;
|
||||
}
|
||||
@media only screen and (min-width:800px) {
|
||||
.sidebar .sidebar-scrollbox {
|
||||
bottom: 58px;
|
||||
}
|
||||
}
|
||||
.sidebar .sidebar-resize-handle {
|
||||
position: absolute;
|
||||
cursor: col-resize;
|
||||
@@ -1187,9 +1277,75 @@ html:not(.sidebar-resizing) .sidebar {
|
||||
height: var(--footer-height);
|
||||
border-top: 1px solid var(--table-border-color);
|
||||
margin-top: 1rem;
|
||||
align-content: center;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
z-index: 106;
|
||||
}
|
||||
.footer-socials {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 14px;
|
||||
}
|
||||
.footer-socials a,
|
||||
.footer-socials a:visited {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 34px;
|
||||
height: 34px;
|
||||
border-radius: 9999px;
|
||||
color: var(--icons);
|
||||
text-decoration: none;
|
||||
border: 1px solid var(--table-border-color);
|
||||
background: color-mix(in srgb, var(--bg) 88%, transparent);
|
||||
}
|
||||
.footer-socials a:hover {
|
||||
color: var(--icons-hover);
|
||||
background: var(--theme-hover);
|
||||
}
|
||||
.footer-socials i {
|
||||
font-size: 17px;
|
||||
}
|
||||
.sidebar-socials {
|
||||
display: none;
|
||||
}
|
||||
@media only screen and (max-width:799px) {
|
||||
.sidebar-socials {
|
||||
position: absolute;
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 12px;
|
||||
padding-top: 10px;
|
||||
border-top: 1px solid var(--table-border-color);
|
||||
background: var(--bg);
|
||||
z-index: 2;
|
||||
}
|
||||
}
|
||||
@media only screen and (min-width:800px) {
|
||||
.page > .footer {
|
||||
display: none;
|
||||
position: fixed;
|
||||
left: max(0px, calc((100vw - var(--container-max-width)) / 2));
|
||||
bottom: 0;
|
||||
width: var(--sidebar-width);
|
||||
height: auto;
|
||||
margin: 0;
|
||||
padding: 10px;
|
||||
box-sizing: border-box;
|
||||
border-top: 1px solid var(--table-border-color);
|
||||
background: var(--bg);
|
||||
z-index: 107;
|
||||
}
|
||||
#sidebar-toggle-anchor:checked ~ .page-wrapper .page > .footer {
|
||||
display: flex;
|
||||
}
|
||||
[dir=rtl] #sidebar-toggle-anchor:checked ~ .page-wrapper .page > .footer {
|
||||
left: auto;
|
||||
right: max(0px, calc((100vw - var(--container-max-width)) / 2));
|
||||
}
|
||||
}
|
||||
.theme-wrapper--menubar {
|
||||
position: relative;
|
||||
display: flex;
|
||||
@@ -1230,46 +1386,6 @@ html:not(.sidebar-resizing) .sidebar {
|
||||
background-color: var(--theme-hover);
|
||||
}
|
||||
|
||||
.theme-wrapper--menubar .theme-orb {
|
||||
position: absolute;
|
||||
right: 6px;
|
||||
top: 50%;
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
border-radius: 9999px;
|
||||
background: radial-gradient(circle at 30% 30%, #ffffff, color-mix(in srgb, var(--links) 70%, transparent));
|
||||
opacity: 0.7;
|
||||
transform: translateY(10px);
|
||||
filter: blur(0.2px);
|
||||
pointer-events: none;
|
||||
animation: theme-orb-rise 4.2s ease-in-out infinite;
|
||||
}
|
||||
|
||||
.theme-wrapper--menubar .theme-side-icon {
|
||||
font-size: 16px;
|
||||
color: var(--icons);
|
||||
opacity: 0.9;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
@keyframes theme-orb-rise {
|
||||
0% {
|
||||
transform: translateY(10px);
|
||||
opacity: 0;
|
||||
}
|
||||
35% {
|
||||
opacity: 0.6;
|
||||
}
|
||||
70% {
|
||||
transform: translateY(-22px);
|
||||
opacity: 0.4;
|
||||
}
|
||||
100% {
|
||||
transform: translateY(-30px);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* Details/Summary */
|
||||
|
||||
summary {
|
||||
|
||||
Reference in New Issue
Block a user