1,246
edits
(Created page with ".header-container { display: flex; flex-direction: row; max-width: 1200px; margin: 0 auto; justify-content: space-between; align-items: center; →background-color: #000c5e;: background-color: #232E3C; border-radius: 4px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); } .header { font-family: 'Arial', sans-serif; color: #ffffff; padding: 2rem 1rem; text-align: center; align-items: center; flex-grow: 1; } .header...") |
No edit summary Tag: Reverted |
||
Line 6: | Line 6: | ||
justify-content: space-between; | justify-content: space-between; | ||
align-items: center; | align-items: center; | ||
background-color: #232E3C; | background-color: #232E3C; | ||
border-radius: 4px; | border-radius: 4px; | ||
Line 25: | Line 24: | ||
margin: 0; | margin: 0; | ||
text-align: center; | text-align: center; | ||
border: none; | border: none; | ||
} | } | ||
.header p { | .header p { | ||
Line 39: | Line 38: | ||
cursor: pointer; | cursor: pointer; | ||
} | } | ||
/* === NAV BAR FIXES === */ | |||
.nav-bar { | .nav-bar { | ||
display: flex; | display: flex; | ||
Line 46: | Line 47: | ||
color: white; | color: white; | ||
width: 100%; | width: 100%; | ||
height: | height: auto; /* Let content control height */ | ||
padding: 5px 10px; | |||
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; | ||
margin-bottom: 0.5rem; /* Reduce space below */ | |||
} | } | ||
.nav-bar a { | .nav-bar a { | ||
width: | width: auto; | ||
height: | height: auto; | ||
display: flex; | |||
align-items: center; | |||
justify-content: center; | |||
margin: 0; | |||
padding: 0; | |||
} | } | ||
.nav-bar-logo { | .nav-bar-logo { | ||
height: | height: 35px; /* Reduced height */ | ||
margin: 0; | |||
padding: 0; | |||
} | } | ||
.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 76: | Line 90: | ||
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 88: | Line 105: | ||
padding: 10px; | padding: 10px; | ||
background-color: #ffffff; | background-color: #ffffff; | ||
border: 1px solid #dee2e6; | border: 1px solid #dee2e6; | ||
border-radius: 4px; | border-radius: 4px; | ||
Line 96: | Line 112: | ||
} | } | ||
.sticky { | .sticky { | ||
position: sticky; | position: sticky; | ||
top: 10px; | top: 10px; | ||
Line 162: | Line 177: | ||
display: flex; | display: flex; | ||
align-items: center; | align-items: center; | ||
justify-content: space-between; | justify-content: space-between; | ||
} | } | ||
.wiki-toc-list li a:hover { | .wiki-toc-list li a:hover { | ||
Line 176: | Line 191: | ||
} | } | ||
.icon-toggle.collapsed { | .icon-toggle.collapsed { | ||
transform: rotate(0deg); | transform: rotate(0deg); | ||
} | } | ||
.icon-toggle.expanded { | .icon-toggle.expanded { | ||
transform: rotate(90deg); | transform: rotate(90deg); | ||
} | } | ||
.current-page { | .current-page { | ||
background-color: #dddddd; | background-color: #dddddd; | ||
font-weight: bold; | font-weight: bold; | ||
} | } | ||
.current-section { | .current-section { | ||
background-color: #dddddd; | background-color: #dddddd; | ||
font-weight: bold; | font-weight: bold; | ||
} | } | ||
Line 213: | Line 228: | ||
display: flex; | display: flex; | ||
margin-top: 1rem; | margin-top: 1rem; | ||
gap: 1rem; | gap: 1rem; | ||
align-items: stretch; | align-items: stretch; | ||
} | } | ||
.main-content .content { | .main-content .content { | ||
Line 236: | Line 251: | ||
} | } | ||
.image-container { | .image-container { | ||
text-align: center; | text-align: center; | ||
} | } | ||
.image-container img { | .image-container img { | ||
Line 247: | Line 262: | ||
text-align: right; | text-align: right; | ||
margin: 0; | margin: 0; | ||
} | } | ||
.preferred-partner-banner-content img { | .preferred-partner-banner-content img { | ||
Line 261: | Line 273: | ||
} | } | ||
.highlight-animated { | .highlight-animated { | ||
animation: colorChange 2s 10; | animation: colorChange 2s 10; | ||
} | } | ||
@keyframes colorChange { | @keyframes colorChange { | ||
0% { | 0% { | ||
background-color: transparent; | background-color: transparent; | ||
} | } | ||
50% { | 50% { | ||
background-color: #98CEFF; | background-color: #98CEFF; | ||
} | } | ||
100% { | 100% { | ||
background-color: transparent; | background-color: transparent; | ||
} | } | ||
} | } | ||
@media only screen and (max-width: 768px) { | @media only screen and (max-width: 768px) { | ||
.hide-on-mobile { | .hide-on-mobile { | ||
display: none; | display: none; | ||
} | } | ||
} | |||
/* === HEADING MARGIN FIXES === */ | |||
.firstHeading, h1, h2 { | |||
margin-top: 0.5rem !important; /* Reduce space between nav-bar and title */ | |||
} | } |