Merge pull request #70 from OP-TED/Green_banner

added green banner and css

Author: NPJ-OP-LUX

content/modules/ROOT/pages/index.adoc

@@ -1,5 +1,8 @@
 = Documentation for TED developers and eSenders
 
+[.banner_green]
+Help us make TED work better for you! To find out how the https://ted.europa.eu/en/[TED website] can serve your needs most effectively, we are carrying out a https://ec.europa.eu/eusurvey/runner/TED-Usability-Survey-2025[usability survey]. It should take you between *3 to 5 minutes* to complete. Your contribution will be highly appreciated!
+
 [.tile-container]
 --
 

content/supplemental-ui/css/custom.css

@@ -113,3 +113,16 @@ div.qanda > ol > li {
     box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1); /* Subtle shadow */
     margin: 1rem 0; /* Margin around the paragraph */
 }
+
+.banner_green {
+    background-color: #f0f7f0 !important; /* Yellow background */
+    color: #222 !important; /* Black text color */
+    border: 1px solid #ccc;
+    padding: 1rem; /* Padding around the text */
+    border-radius: 4px; /* Rounded corners */
+    text-align: left; /* left text */
+    font-size: .94444rem; /* Font size */
+    font-weight: regular; /* Bold text */
+    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1); /* Subtle shadow */
+    margin: 1rem 0; /* Margin around the banner */
+}