Skip to Content
Last modified by Chris Workman on 2026/08/20 21:50
From version 26.1
edited by Aaron Blackburn
on 2026/07/22 20:26
Change comment: There is no comment for this version
To version 31.1
edited by Aaron Blackburn
on 2026/07/22 20:29
Change comment: Deleted image "1784741546269-324.png"

Summary

Details

Page properties
Content
... ... @@ -1,5 +1,4 @@
1 -== ==
2 -
1 +{{html}}
3 3  <div class="modern-menu-container">
4 4   <div class="row">
5 5   <!-- Card 1: Webex -->
... ... @@ -72,21 +72,22 @@
72 72   </div>
73 73  </div>
74 74  
75 -<!-- CSS Styles for the Modern Look -->
76 76  <style>
77 - /* Container setup */
78 78   .modern-menu-container {
79 79   max-width: 960px;
80 80   margin: 0 auto;
81 81   padding: 20px;
82 82   }
83 -
84 - /* General row spacing */
85 85   .modern-menu-container .row {
81 + display: flex;
82 + flex-wrap: wrap;
86 86   margin-bottom: 20px;
87 87   }
88 -
89 - /* Card styling */
85 + .menu-card-link {
86 + display: block;
87 + text-decoration: none;
88 + margin-bottom: 15px;
89 + }
90 90   .menu-card {
91 91   background: #ffffff;
92 92   border-radius: 12px;
... ... @@ -96,20 +96,16 @@
96 96   box-shadow: 0 4px 6px rgba(0,0,0,0.1);
97 97   transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
98 98   border: 1px solid #e0e0e0;
99 - text-decoration: none; /* Remove underline from link */
100 - color: #333; /* Ensure text color is consistent */
101 - height: 100%; /* Ensure cards in same row match height */
99 + color: #333;
100 + height: 100%;
101 + box-sizing: border-box;
102 102   }
103 -
104 - /* Hover effect for cards */
105 105   .menu-card-link:hover .menu-card {
106 106   transform: translateY(-5px);
107 107   box-shadow: 0 6px 12px rgba(0,0,0,0.15);
108 108   }
109 -
110 - /* Icon container: creates the white circle */
111 111   .menu-icon-container {
112 - flex: 0 0 60px; /* Fixed size for icon area */
108 + flex: 0 0 60px;
113 113   height: 60px;
114 114   background-color: #f8f9fa;
115 115   border-radius: 50%;
... ... @@ -119,53 +119,46 @@
119 119   margin-right: 15px;
120 120   border: 1px solid #eaeaea;
121 121   }
122 -
123 - /* Generic icon scaling within the container */
124 124   .menu-icon {
125 125   max-width: 80%;
126 126   max-height: 80%;
127 127   object-fit: contain;
128 128   }
129 -
130 - /* Specific icon tweaks if needed */
131 - .webex-icon { max-width: 90%; } /* Webex logo is wide */
132 -
133 - /* Text area */
123 + .webex-icon { max-width: 90%; }
134 134   .menu-text {
135 135   flex: 1;
136 136   display: flex;
137 137   flex-direction: column;
138 138   }
139 -
140 140   .menu-title {
141 141   font-size: 16px;
142 142   line-height: 1.4;
143 143   font-weight: 600;
144 144   }
145 -
146 146   .menu-subtitle {
147 147   font-size: 13px;
148 148   color: #666;
149 149   margin-top: 4px;
150 150   }
151 -
152 - /* Partner footer adjustments */
153 153   .partner-footer {
154 154   margin-top: 40px;
155 155   padding-top: 20px;
156 156   border-top: 1px solid #eee;
157 - opacity: 0.8;
143 + justify-content: center;
158 158   }
159 - .partner-footer:hover { opacity: 1; }
160 -
161 161   .partner-footer .text-center {
162 - display: flex;
163 - justify-content: center;
164 - align-items: center;
146 + flex: 1;
147 + display: flex;
148 + justify-content: center;
149 + align-items: center;
165 165   }
166 -
167 - /* Responsive breakpoints (adjust as needed) */
168 - @media (max-width: 767px) {
169 - .menu-card { margin-bottom: 15px; } /* Spacing on mobile */
151 + @media (min-width: 768px) {
152 + .menu-card-link {
153 + flex: 0 0 50%;
154 + max-width: 50%;
155 + padding: 0 10px;
156 + box-sizing: border-box;
157 + }
170 170   }
171 171  </style>
160 +{{/html}}
1784740620667-179.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.aaronblackburnfirstdigitalcom
Size
... ... @@ -1,1 +1,0 @@
1 -5.3 KB
Content
1784741546269-324.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.aaronblackburnfirstdigitalcom
Size
... ... @@ -1,1 +1,0 @@
1 -20.2 KB
Content
1784751540742-511.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.aaronblackburnfirstdigitalcom
Size
... ... @@ -1,1 +1,0 @@
1 -5.3 KB
Content