1,246
edits
Template:RidgeRun Platform Security Manual/styles.css: Difference between revisions
Template:RidgeRun Platform Security Manual/styles.css (view source)
Revision as of 23:01, 20 March 2025
, 20 Marchno edit summary
No edit summary Tags: Manual revert Reverted |
No edit summary Tag: Manual revert |
||
| Line 6: | Line 6: | ||
justify-content: space-between; | justify-content: space-between; | ||
align-items: center; | align-items: center; | ||
/*background-color: #000c5e;*/ | |||
background-color: #232E3C; | background-color: #232E3C; | ||
border-radius: 4px; | border-radius: 4px; | ||
| Line 24: | Line 25: | ||
margin: 0; | margin: 0; | ||
text-align: center; | text-align: center; | ||
border: none; | border: none; /* Ensure no border is applied */ | ||
} | } | ||
.header p { | .header p { | ||
| Line 38: | Line 39: | ||
cursor: pointer; | cursor: pointer; | ||
} | } | ||
.nav-bar { | .nav-bar { | ||
display: flex; | display: flex; | ||
| Line 47: | Line 46: | ||
color: white; | color: white; | ||
width: 100%; | width: 100%; | ||
height: | height: 50px; | ||
box-sizing: border-box; | box-sizing: border-box; | ||
border-radius: 5px; | border-radius: 5px; | ||
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); | box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); | ||
border: 1px solid #cccccc; | border: 1px solid #cccccc; | ||
} | } | ||
.nav-bar a { | .nav-bar a { | ||
width: | width: 100%; | ||
height: | height: 50px; | ||
} | } | ||
.nav-bar-logo { | .nav-bar-logo { | ||
height: | height: 50px; | ||
} | } | ||
.nav-bar-buttons { | .nav-bar-buttons { | ||
display: flex; | display: flex; | ||
align-items: center; | align-items: center; | ||
} | } | ||
.nav-bar-button { | .nav-bar-button { | ||
background-color: #98CEFF; | background-color: #98CEFF; | ||
| Line 90: | Line 76: | ||
transition: background-color 0.3s ease; | transition: background-color 0.3s ease; | ||
} | } | ||
.nav-bar-button:hover { | .nav-bar-button:hover { | ||
background-color: #232E3C; | background-color: #232E3C; | ||
} | } | ||
.nav-bar-button:disabled { | .nav-bar-button:disabled { | ||
background-color: #999; | background-color: #999; | ||
cursor: not-allowed; | cursor: not-allowed; | ||
} | } | ||
.wiki-toc { | .wiki-toc { | ||
font-family: 'Arial', sans-serif; | font-family: 'Arial', sans-serif; | ||
| Line 105: | Line 88: | ||
padding: 10px; | padding: 10px; | ||
background-color: #ffffff; | background-color: #ffffff; | ||
/*background: linear-gradient(to bottom, #021FE2, #98CEFF);*/ | |||
border: 1px solid #dee2e6; | border: 1px solid #dee2e6; | ||
border-radius: 4px; | border-radius: 4px; | ||
| Line 112: | Line 96: | ||
} | } | ||
.sticky { | .sticky { | ||
/*position: -webkit-sticky; */ | |||
position: sticky; | position: sticky; | ||
top: 10px; | top: 10px; | ||
| Line 177: | Line 162: | ||
display: flex; | display: flex; | ||
align-items: center; | align-items: center; | ||
justify-content: space-between; | justify-content: space-between; /* Align items with space between */ | ||
} | } | ||
.wiki-toc-list li a:hover { | .wiki-toc-list li a:hover { | ||
| Line 191: | Line 176: | ||
} | } | ||
.icon-toggle.collapsed { | .icon-toggle.collapsed { | ||
transform: rotate(0deg); | transform: rotate(0deg); /* Right arrow */ | ||
} | } | ||
.icon-toggle.expanded { | .icon-toggle.expanded { | ||
transform: rotate(90deg); | transform: rotate(90deg); /* Down arrow */ | ||
} | } | ||
.current-page { | .current-page { | ||
background-color: #dddddd; | background-color: #dddddd; /* Highlight color */ | ||
font-weight: bold; | font-weight: bold; | ||
} | } | ||
.current-section { | .current-section { | ||
background-color: #dddddd; | background-color: #dddddd; /* Highlight color for parent section */ | ||
font-weight: bold; | font-weight: bold; | ||
} | } | ||
| Line 228: | Line 213: | ||
display: flex; | display: flex; | ||
margin-top: 1rem; | margin-top: 1rem; | ||
gap: 1rem; | gap: 1rem; /* Space between sidebar and content */ | ||
align-items: stretch; | align-items: stretch; /* Ensures both child elements stretch to the same height */ | ||
} | } | ||
.main-content .content { | .main-content .content { | ||
| Line 251: | Line 236: | ||
} | } | ||
.image-container { | .image-container { | ||
text-align: center; | text-align: center; /* Center the image within the div */ | ||
} | } | ||
.image-container img { | .image-container img { | ||
| Line 262: | Line 247: | ||
text-align: right; | text-align: right; | ||
margin: 0; | margin: 0; | ||
/*box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);*/ | |||
/*border: 1px solid #dee2e6;*/ | |||
/*margin-bottom: 10px;*/ | |||
} | } | ||
.preferred-partner-banner-content img { | .preferred-partner-banner-content img { | ||
| Line 273: | Line 261: | ||
} | } | ||
.highlight-animated { | .highlight-animated { | ||
/*animation: colorChange 2s infinite;*/ | |||
animation: colorChange 2s 10; | animation: colorChange 2s 10; | ||
} | } | ||
@keyframes colorChange { | @keyframes colorChange { | ||
0% { | 0% { | ||
/*color: #232e3c;*/ | |||
background-color: transparent; | background-color: transparent; | ||
} | } | ||
50% { | 50% { | ||
/*color: #ffffff;*/ | |||
/*background-color: #232e3c;*/ | |||
background-color: #98CEFF; | background-color: #98CEFF; | ||
} | } | ||
100% { | 100% { | ||
/*color: #232e3c;*/ | |||
background-color: transparent; | background-color: transparent; | ||
} | } | ||
} | } | ||
/* Hide element when the screen width is less than or equal to 768px (common for mobile devices) */ | |||
@media only screen and (max-width: 768px) { | @media only screen and (max-width: 768px) { | ||
.hide-on-mobile { | .hide-on-mobile { | ||
display: none; | display: none; | ||
} | } | ||
} | } | ||