Dev: beautifying fruity, and preparing new options

LimeSurvey · Dec 11, 2017 · 0f4f41e · 0f4f41e
1 parent 99b558c
commit 0f4f41e
Show file tree

Hide file tree

Showing 3 changed files with 55 additions and 18 deletions.
diff --git a/themes/survey/fruity/config.xml b/themes/survey/fruity/config.xml
@@ -65,6 +65,11 @@
         <animatealert>off</animatealert>
         <alertanimation>shake</alertanimation>
         <font>noto</font>
+        <bodybackgroundcolor>#EEE</bodybackgroundcolor>
+        <fontcolor>#444</fontcolor>
+        <questionbackgroundcolor>white</questionbackgroundcolor>
+        <questionborder>on</questionborder>
+        <questioncontainershadow>on</questioncontainershadow>
     </options>
 
     <!-- Engine configuration is the very same as vanilla  -->

diff --git a/themes/survey/fruity/css/theme.css b/themes/survey/fruity/css/theme.css
@@ -32,6 +32,15 @@ body {
      padding-top: 60px;/* now is redefine in JS to fit any title length */
 }
 
+
+
+element.style {
+}
+
+.navbar-default .navbar-nav > li > a:hover {
+    font-weight: bold;
+}
+
 .navbar-action-link{
     padding-right:1em; /* really close to window without */
 }
@@ -115,9 +124,10 @@ body {
 
 .question-container {
   margin-bottom: 2em;
-  background:white;
-  border-bottom: 1px solid #dbdbdb;
 }
+
+
+
 .question-container-printanswers {
   margin-top: 2em ;
   margin-bottom: 2em ;
@@ -134,8 +144,6 @@ body {
 
 .question-valid-container {
   position: relative;
-  text-align: center;
-  //padding-bottom: 1em;
 }
 
 .ls-question-help,
@@ -167,8 +175,7 @@ body {
 }
 
 .question-help-container {
-  border-width: 0px 1px 0px 1px;
-  border-style: solid;
+
 }
 /* little icon near the question-help */
 .ls-questionhelp{position: relative;}
@@ -843,7 +850,7 @@ p.return-to-survey{
 #navbar {
     background: none; border: none;
 }
-.question-title-container, .question-container, .question-valid-container{
+.question-title-container, .question-valid-container{
     background: none; border: none;
 }
 .answer-container, .question-container{

diff --git a/themes/survey/fruity/views/subviews/header/custom_header.twig b/themes/survey/fruity/views/subviews/header/custom_header.twig
@@ -19,23 +19,48 @@
 {% if (aSurveyInfo.options.backgroundimage == "on" or aSurveyInfo.options.brandlogo == "on" ) %}
 <style>
     {% if (aSurveyInfo.options.backgroundimage == "on" ) %}
-    body {
-        background-image: url({{ imageSrc(aSurveyInfo.options.backgroundimagefile ) }});
-        background-attachment: fixed;
-        background-size: cover;
+        body {
+            background-image: url({{ imageSrc(aSurveyInfo.options.backgroundimagefile ) }});
+            background-attachment: fixed;
+            background-size: cover;
 
-    }
+        }
 
-    body .top-container {
-        background-color: rgba(236, 240, 241, 0.2);
-    }
+        body .top-container {
+            background-color: rgba(236, 240, 241, 0.2);
+        }
     {% endif %}
 
     {% if (aSurveyInfo.options.brandlogo == "on" ) %}
-    body .top-container {
-        margin-top: 70px;
-    }
+        body .top-container {
+            margin-top: 70px;
+        }
     {% endif %}
 
+    body {
+         padding-bottom: 10px;
+         padding-top: 60px;/* now is redefine in JS to fit any title length */
+         background-color:{{ aSurveyInfo.options.bodybackgroundcolor  }}  /* #EEE */;
+         color: {{ aSurveyInfo.options.fontcolor  }} /* #444 */;
+    }
+
+    .navbar-default .navbar-nav > li > a:hover {
+        color: {{ aSurveyInfo.options.fontcolor  }};
+    }
+
+
+    .question-container {
+      background-color: {{ aSurveyInfo.options.questionbackgroundcolor  }}; /*  white; */
+
+      {% if (aSurveyInfo.options.questionborder == "on" ) %}
+        border:  1px solid #e6e6e6;
+      {% endif %}
+
+      {% if (aSurveyInfo.options.questioncontainershadow == "on" ) %}
+        box-shadow: 0 1px 2px rgba(0,0,0,.2);
+      {% endif %}
+    }
+
+
 </style>
 {% endif %}