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

Timestamp:

12/02/11 16:28:07 (13 years ago)

Author:

fpvanagthoven

Message:

• questionEditor toegevoegd, DB-loos opzetje voor de interface daarvan.
• editorScripts.js is niet meer nodig, alle functies staan al in sequencerScripts.js (Ik maak later nog wel een weloverwogen centrale .js file met alle gedeelde functies (hopelijk met een aantal scripts uit sequencerScripts wat meer gegeneraliseerd en breed toepasbaar!)
• Wat aanpassingen in awesome.css voor de questionEditor

File:

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

Dev/trunk/css/awesome.css

@@ -48 +48 @@
     background-color: #aeb2b3;
     border: 1px solid #fff;
-    -moz-border-radius: 15px;
-    border-radius: 15px;
+    -moz-border-radius: 1em;
+    border-radius: 1em;
     margin-bottom: 2em;
     padding: 0 1em 1em 1em;
@@ -562 +562 @@
 
 #questionEditForm {
-   
+
 }
 
@@ -610 +610 @@
 
     background-image: -webkit-gradient(
-        linear,
-        left top,
-        left bottom,
-        color-stop(0.21, #B0B0B0),
-        color-stop(0.8, #888888)
-    );
+        linear,
+        left top,
+        left bottom,
+        color-stop(0.21, #B0B0B0),
+        color-stop(0.8, #888888)
+        );
     background-position: bottom;
     background-repeat: repeat-x;
@@ -626 +626 @@
     overflow-x: scroll;
     overflow-y: hidden;
-    
+
     margin-bottom: 0.5em;
-    
+
     background-image: linear-gradient(top, #B0B0B0 21%, #888888 80%);
     background-image: -o-linear-gradient(top, #B0B0B0 21%, #888888 80%);
@@ -635 +635 @@
     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)
-    );
-    
+        linear,
+        left bottom,
+        left top,
+        color-stop(0.25, #B0B0B0),
+        color-stop(0.8, #888888)
+        );
+
     border: 1px solid #ddd;
     -moz-border-radius: 0.5em;
@@ -664 +664 @@
     float: left;
     text-align: center;
-    /*display: inline-block;*/
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -o-user-select: none;
+    user-select: none;
 }
 
@@ -671 +675 @@
     -webkit-box-shadow: 0 0 50px #FFF;
     box-shadow: 0 0 50px #FFF;
-    
+
 }
 
@@ -687 +691 @@
     font-size: 0.875em;
     /*float: left;*/
-    
+
 }
 
@@ -730 +734 @@
 
     background-image: -webkit-gradient(
-        linear,
-        left top,
-        left bottom,
-        color-stop(0.25, #B0B0B0),
-        color-stop(0.8, #888888)
-    );
-    
+        linear,
+        left top,
+        left bottom,
+        color-stop(0.25, #B0B0B0),
+        color-stop(0.8, #888888)
+        );
+
 }
 
@@ -778 +782 @@
 
     background-image: -webkit-gradient(
-        linear,
-        left top,
-        left bottom,
-        color-stop(0.25, #B0B0B0),
-        color-stop(0.8, #888888)
-    );
+        linear,
+        left top,
+        left bottom,
+        color-stop(0.25, #B0B0B0),
+        color-stop(0.8, #888888)
+        );
 }
 
@@ -808 +812 @@
     display: block;
 }
+
+
+
+/* QUESTION EDITOR
+*/
+
+#questionEditor {
+    width: 60em;
+    background-color: #00FF00;
+    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;
+}
+
+#questionEditor_header {
+    height: 1.5em;
+    float: left;
+    font-size: 1.25em;
+    color: #FFF;
+    padding: 0.5em 1em 0 1em;
+}
+
+#questionEditor_content {
+    width: 58em;
+    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;
+    padding: 0.5em 1em;
+
+}
+
+#questionEditor_controls {
+    float: right;
+    height: 2em;
+    text-align: right;
+}
+
+
+
+#questionEditor_bodyText_textArea {
+    resize: none;
+    width: auto;
+    min-width: 51em;
+    border: 3px solid #cccccc;
+    background-color: white;
+    margin: 3px;
+}
+
+#questionEditor_bodyText_staticText {
+    color: white;
+    font-size: 12px;
+}
+
+.questionParamField {
+    display: inline;
+}