Changeset 177 for Dev/trunk/css/awesome.css

Timestamp:

12/06/11 18:12:27 (13 years ago)

Author:

fpvanagthoven

Message:

• Boel dingen gesloopt, maar wel allemaal terug te draaien.
• Nieuwe stylesheet begonnen (visualeditors.css), die de meuk uit de andere stylesheets een beetje uitdunt. Bedoeling is dat deze stylesheet generiek genoeg is om voor alle verdere en huidige pagina's te werken.
• Layout van surveyEditor gemaakt, is nog lang niet klaar, maar het format van de editor en de questions daarin is duidelijk. Vrijdag bevestigen tijdens geprek Julia of dit inderdaad een handig format is.
• resetstyle.css toegevoegd aan de StyleSheet?.php class, deze zorgt voor meer browser cross-compatibility door de styling van elementen 'op nul te zetten'.
• Toolbox.php en pipelineSequencer_1.php zijn nu aangepast aan de nieuwe stylesheet. Deze worden later weer hernoemd naar de goede naam.

File:

• Dev/trunk/css/awesome.css (modified) (2 diffs)

Dev/trunk/css/awesome.css

@@ -31 +31 @@
     color: #333;
 }
-/*
-label {
-    font-size: small;
-    font-weight: bold;
-    color: #333;
-    text-shadow: #fff 0px 0px 1px;
-}
-*/
+
 legend {
     padding-left: 0em;
@@ -895 +888 @@
     clear: left;
 }
+
+#surveyEditor {
+    
+    margin: 0 auto 0 auto;
+    
+    /*background-image: url('../images/bg/sequencerBG.png');*/
+    background-image: linear-gradient(top, #B0B0B0 21%, #888888 80%);
+    background-image: -o-linear-gradient(top, #B0B0B0 21%, #888888 80%);
+    background-image: -moz-linear-gradient(top, #B0B0B0 21%, #888888 80%);
+    background-image: -webkit-linear-gradient(top, #B0B0B0 21%, #888888 80%);
+    background-image: -ms-linear-gradient(top, #B0B0B0 21%, #888888 80%);
+
+    background-image: -webkit-gradient(
+        linear,
+        left top,
+        left bottom,
+        color-stop(0.21, #B0B0B0),
+        color-stop(0.8, #888888)
+        );
+    background-position: bottom;
+    background-repeat: repeat-x;
+    float: left;
+    
+    background-color: #aeb2b3;
+    border: 1px solid #fff;
+    -moz-border-radius: 1em;
+    border-radius: 1em;
+    margin-bottom: 2em;
+    padding: 0 1em 1em 1em;
+    -moz-box-shadow: 2px 2px 1px #888;
+    -webkit-box-shadow: 2px 2px 1px #888;
+    box-shadow: 2px 2px 1px #888;
+}
+
+#surveyEditorContent {
+    overflow-x: hidden;
+
+    margin-bottom: 0.5em;
+
+    background-image: linear-gradient(top, #B0B0B0 21%, #888888 80%);
+    background-image: -o-linear-gradient(top, #B0B0B0 21%, #888888 80%);
+    background-image: -moz-linear-gradient(top, #B0B0B0 21%, #888888 80%);
+    background-image: -webkit-linear-gradient(top, #B0B0B0 21%, #888888 80%);
+    background-image: -ms-linear-gradient(top, #B0B0B0 21%, #888888 80%);
+    background-image: -webkit-gradient(
+        linear,
+        left bottom,
+        left top,
+        color-stop(0.25, #B0B0B0),
+        color-stop(0.8, #888888)
+        );
+
+    border: 1px solid #ddd;
+    -moz-border-radius: 0.5em;
+    border-radius: 0.5em;
+    padding: 1em;
+    float: left;
+}
+
+.questionDisplay {
+    width: 60em;
+    border: 1px solid #FFF;
+    display: block;
+    margin: 0;
+    padding: 0;
+    float: left;
+    background-color: #5c5c5c;
+    -moz-box-shadow: 2px 2px 1px #888;
+    -webkit-box-shadow: 2px 2px 1px #888;
+    box-shadow: 2px 2px 1px #888;
+}
+
+.questionDisplayContent {
+    margin: 0;
+    background-image: linear-gradient(top, #B0B0B0 21%, #888888 80%);
+    background-image: -o-linear-gradient(top, #B0B0B0 21%, #888888 80%);
+    background-image: -moz-linear-gradient(top, #B0B0B0 21%, #888888 80%);
+    background-image: -webkit-linear-gradient(top, #B0B0B0 21%, #888888 80%);
+    background-image: -ms-linear-gradient(top, #B0B0B0 21%, #888888 80%);
+    background-image: -webkit-gradient(
+        linear,
+        left top,
+        left bottom,
+        color-stop(0.25, #B0B0B0),
+        color-stop(0.8, #888888)
+        );
+    padding: 0.5em;
+}
+
+.questionDisplayControls {
+    text-align: right;
+}
+
+p.questionBody {
+    border: 1px solid #cccccc;
+    background-color: #c5c5c5;
+}
+
+#surveyEditorControls {
+    text-align: right;
+}