Initial commit

classic/megamenu-classic.css

@@ -0,0 +1,74 @@
+/**
+ * MegaMenu CSS for Classic SharePoint Pages
+ * Version: 1.0.2
+ * 
+ * This file imports the exact same CSS as the modern SPFx version
+ * to ensure 100% visual consistency.
+ * 
+ * Usage:
+ * 1. Copy the compiled MegaMenu.css from src/extensions/megaMenu/ to your SharePoint assets
+ * 2. Reference it in your master page or via alternate CSS URL:
+ *    <link rel="stylesheet" href="/SiteAssets/MegaMenu.css" />
+ * 
+ * This file provides additional classic-specific adjustments if needed.
+ */
+
+/*
+ * The main MegaMenu.css should be loaded first!
+ * This file only contains classic SharePoint specific overrides.
+ */
+
+/* Classic SharePoint specific container adjustments */
+.megamenu-classic-container {
+    /* Insert after s4-titlerow or other SharePoint containers */
+    width: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+/* Ensure proper z-index in classic SharePoint context */
+#Mega-Menu {
+    position: relative;
+    z-index: 999; /* Below SharePoint dialogs but above content */
+}
+
+.mega-menu {
+    z-index: 1000; /* Above the main menu */
+}
+
+/* Classic SharePoint ribbon compatibility */
+body.ms-backgroundImage #Mega-Menu {
+    /* Adjust if SharePoint has background images */
+    position: relative;
+}
+
+/* Ensure settings panel works in classic mode too */
+.mm-settings-panel {
+    z-index: 4001; /* Above everything else */
+}
+
+/* Classic SharePoint v4.master specific adjustments */
+.v4master #Mega-Menu {
+    /* Any v4.master specific styles if needed */
+}
+
+/* Classic SharePoint seattle.master specific adjustments */  
+.seattle #Mega-Menu {
+    /* Any seattle.master specific styles if needed */
+}
+
+/* Responsive adjustments for classic SharePoint layouts */
+@media (max-width: 1024px) {
+    .megamenu-classic-container {
+        /* Classic SharePoint is often used on older devices */
+        overflow-x: auto;
+    }
+}
+
+/* Print styles for classic SharePoint */
+@media print {
+    #Mega-Menu,
+    .megamenu-classic-container {
+        display: none !important;
+    }
+}