|
|
(15 intermediate revisions by the same user not shown) |
Line 1: |
Line 1: |
| | | #f-poweredbyico img { |
| /* Resize sidebar logo on desktop */
| | display: none !important; |
| @media screen and (min-width: 768px) {
| |
| #p-logo {
| |
| background-size: contain !important;
| |
| background-repeat: no-repeat;
| |
| background-position: center;
| |
| max-width: 120px;
| |
| height: 60px;
| |
| margin: 10px auto;
| |
| }
| |
| | |
| #p-logo a { | |
| display: block;
| |
| height: 60px;
| |
| }
| |
| | |
| #p-logo a img {
| |
| max-height: 60px;
| |
| width: auto;
| |
| display: block;
| |
| margin: 0 auto;
| |
| }
| |
| }
| |
| | |
| /* Resize logo in the top left corner for desktop view */
| |
| #p-logo a {
| |
| background-size: contain !important;
| |
| height: 120px !important; /* Increased from 60px */
| |
| width: 200px !important; /* Increased from 100px */
| |
| }
| |
| | |
| /* Hamburger button */
| |
| #mw-hamburger-btn {
| |
| display: none;
| |
| font-size: 24px;
| |
| padding: 10px;
| |
| cursor: pointer;
| |
| position: absolute;
| |
| top: 10px;
| |
| left: 10px;
| |
| z-index: 1000;
| |
| }
| |
| | |
| /* Dropdown menu */
| |
| #mw-mobile-main-menu {
| |
| display: none;
| |
| flex-direction: column;
| |
| position: absolute;
| |
| top: 50px;
| |
| left: 10px;
| |
| background-color: #f9f9f9;
| |
| border: 1px solid #ddd;
| |
| box-shadow: 0 2px 6px rgba(0,0,0,0.15);
| |
| width: 180px;
| |
| z-index: 999;
| |
| }
| |
| | |
| #mw-mobile-main-menu a {
| |
| padding: 12px;
| |
| border-bottom: 1px solid #eee;
| |
| color: #333;
| |
| text-decoration: none;
| |
| font-size: 14px;
| |
| }
| |
| | |
| #mw-mobile-main-menu a:hover {
| |
| background-color: #eee;
| |
| }
| |
| | |
| /* Show hamburger only on mobile */
| |
| @media (max-width: 768px) {
| |
| #mw-hamburger-btn {
| |
| display: block;
| |
| }
| |
| }
| |
| | |
| @media (max-width: 768px) {
| |
| #hamburger-menu {
| |
| font-family: Arial, sans-serif;
| |
| }
| |
| | |
| #mobile-menu a {
| |
| color: #333;
| |
| text-decoration: none;
| |
| }
| |
| | |
| #mobile-menu a:hover {
| |
| background-color: #eee;
| |
| }
| |
| } | | } |
Latest revision as of 16:15, 27 April 2025
#f-poweredbyico img {
display: none !important;
}