Changeset 35232

Timestamp:

2021-07-27T13:54:19+12:00 (3 years ago)

Author:

davidb

Message:

Change of approach in how to provide a simple jquery-theme colour change -- specify the published one on jquery-ui/theme, then use custom.css to remove background images etc, and control the colour you would like to use

Location:

main/trunk/model-interfaces-dev/atea

Files:

• interfaceConfig.xml (modified) (1 diff)
• style/custom.css (modified) (5 diffs)

main/trunk/model-interfaces-dev/atea/interfaceConfig.xml

@@ -46 +46 @@
     </actionList>
     <optionList>
+      <!--
             <option name="cssTheme" value="interfaces/default/style/themes/main/jquery-ui-1.8.16.custom.css"/>
+      -->
+      <!--
+          basic Green Greenstone style, with scripted 'sed' substitutions to make Green be compatible with Atea web site
+
+            <option name="cssTheme" value="interfaces/atea/style/themes/main-atea/jquery-ui-1.8.16.custom.css"/>
+      -->
+
             <!-- Customize the JQuery-UI interface theme to be 'start': a blue theme that fits well with Atea web site CSS -->
-        <!--
         <option name="cssTheme" value="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.10/themes/start/jquery-ui.css"/>
-        -->
+
         <option name="highlightQueryTerms" value="true"/>
         <!-- Set one or other of the following two options (berryBasket and favouriteBasket) to true -->

main/trunk/model-interfaces-dev/atea/style/custom.css

@@ -1 +1 @@
 body {
-    background-color: #eae8da;
+/*    background-color: #e1dcd6; */
+/*    background-color: #eae8da; */
 }
 
@@ -7 +8 @@
 }
 
+.ui-stat-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
+    background-image: none;
+}
+                      
 #topArea {
-    margin: 0;
+    margin: auto;
     border: 0;
     padding: 0;
-    max-width: inherit;
+    max-width: 980px;
     border-radius: 0;
+    background-color: #176593;
 }
 
@@ -21 +27 @@
 #gs_banner {
     border-radius: 0;
+    /*background-image: url(../images/bgContainerGreen389.png); */
+    background-image: url(../images/bgContainerBlue389.png);
+    background-position-y: 0;
+}
+
+#bannerLinks {
+    margin: 3px 5px;
 }
 
@@ -44 +57 @@
 
 #gs_content {
-    /* background: #e1dcd6 none;*/
+    /* background: #e1dcd6 none; */
     background: #eae8da none;
     border: 0;
@@ -57 +70 @@
     min-width: 330px;
 }
+
+.horizontalContainer {
+    text-transform: none;
+   
+}
+
+.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
+    /*
+    border: 1px solid #acdd4a;
+    background: #6eac2c url(images/ui-bg_gloss-wave_50_6eac2c_500x100.png) 50% 50% repeat-x;
+   */
+    
+    border: 1px solid #4aacdd;
+    background: #2c5e9c none;
+    font-weight: normal;
+    color: #ffffff;
+}
+
+