Changeset 178 for Dev/trunk/css

Timestamp:

12/07/11 14:36:09 (13 years ago)

Author:

fpvanagthoven

Message:

• returnQuestionDisplay.php is vergelijkbaar met returnStep.php. Stuur "uids=blablablabla" erheen en je krijgt de HTML markup voor de question display terug als plain text. Deze gaat worden gebruikt in de surveyEditor, zelfde principe als pipelineSequencer/returnStep.php
• Nieuwe icons, alpha channel. Betere styling mee mogelijk, formaat/cropping is nog wel een beetje weird.
• surveyEditorWidget.php is de survey versie van pipelineSequencer.php. (Ook hier weer een consistent naming scheme toepassen? Als in: pipelineEditor->pipelineEditorWidget, surveyEditor->surveyEditorWidget, etc...?
• layout van pipelineEditor.php klopt nu weer en werkt nu helemaal op de nieuwe stylesheet, visualeditors.css. Logo, header en navbar stuff moet nog wel gemaakt worden.
• surveyEditorScripts.js: scripts voor, verrassing, surveyEditor.php. loadSurvey werkt, drawQuestions ook bijna. BELANGRIJK! Deze editor werkt met global variables ipv de hidden fields die in pipelineSequencer.php gebruikt worden. Om conflicten te voorkomen wordt alles opgeslagen in een object literal "surveyEditor".

File:

• Dev/trunk/css/visualeditors.css (modified) (5 diffs)

Dev/trunk/css/visualeditors.css

@@ -34 +34 @@
     padding: 2em 0;
 }
-
-#surveyEditor {
-    background-color: #0000FF;
-}
-
-
-
-
-
-
-
-
 
 
@@ -202 +190 @@
     margin: 0.25em;
     border: 1px solid #555;
-    border-radius: 0.5em;
-    -moz-border-radius: 0.5em;
+    border-radius: 0.25em;
+    -moz-border-radius: 0.25em;
     background-color: transparent;
 }
@@ -286 +274 @@
 }
 
-.displayStep.selected {
-    -moz-box-shadow: 0 0 50px #FFF;
+.displayStep.selected .displayStepIcon{
+    background-color: #bbbbbb;
+    /*-moz-box-shadow: 0 0 50px #FFF;
     -webkit-box-shadow: 0 0 50px #FFF;
-    box-shadow: 0 0 50px #FFF;
+    box-shadow: 0 0 50px #FFF;*/
+    border-color: #1c94c4;
 
 }
@@ -296 +286 @@
     width: 50px;
     height: 50px;
-    border: 2px solid #444444;
+    border: 2px solid #555;
     color: #FFF;
 }
@@ -321 +311 @@
 }
 
+#infoPanel {
+    margin-top: 2em;
+    margin-left: 2em;
+    clear: right;
+}
+
+#infoPanel .content {
+    clear: both;
+    min-height: 10em;
+    width: 30em;
+}
+
+.content .property {
+    float: left;
+    clear: left;
+    font-weight: bold;
+    width: 8em;
+    color: #FFF;
+}
+
+.content .value {
+    float: left;
+}
+
+/**************************/
+/* Survey Editor Specific */
+/**************************/
+
+
+#surveyEditor {
+    background-color: #0000FF;
+}