Changeset 167 for Dev/trunk/css

Timestamp:

11/25/11 13:58:17 (13 years ago)

Author:

fpvanagthoven

Message:

• Save functie verbeterd, nu confirm? parameter.
• Begin aan infopanel gemaakt
• moveStep functie in JS gezet, werkt nog niet helemaal goed (refreshed niet!)
• General CSS layout verbeterd van pipelineEditor.php
• edit button werkt nu.
• saveSession zit nog steeds een error in, nog niet weten te fixen. Heeft met creator te maken.

File:

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

Dev/trunk/css/awesome.css

@@ -598 +598 @@
 #sequencer {
     width: 100%;
+    /*max-width: 800px;*/
     margin: 0 auto 0 auto;
+    padding-right: 0.5em;
     /*background-image: url('../images/bg/sequencerBG.png');*/
     background-image: linear-gradient(top, #B0B0B0 21%, #888888 80%);
@@ -615 +617 @@
     background-position: bottom;
     background-repeat: repeat-x;
-}
-
-#sequencer .title {
-    height: 1em;
-    margin-bottom: 0.5em;
-    margin-top:0.5em;
-    margin-left: 1em;
-    font-size: 1.25em;
-    color: #FFF;
-    
+    float: left;
 }
 
 #sequencer #seqContent {
     height: 9em;
+    width: 98%;
     overflow-x: scroll;
     overflow-y: hidden;
+    
     margin-bottom: 0.5em;
     
@@ -650 +645 @@
     border-radius: 0.5em;
     padding: 0.5em;
+    /*white-space: nowrap;*/
+    float: left;
 }
 
@@ -656 +653 @@
     text-align: right;
     margin-bottom: -0.5em;
+    float: left;
 }
 
@@ -665 +663 @@
     float: left;
     text-align: center;
+    /*display: inline-block;*/
 }
 
@@ -679 +678 @@
     border: 2px solid #444444;
     color: #FFF;
-    float: left;
+    /*float: left;*/
 }
 
@@ -686 +685 @@
     font-weight: normal;
     font-size: 0.875em;
-    float: left;
+    /*float: left;*/
     
 }
@@ -696 +695 @@
     background-image: url('../images/ui/sequencerDivider.png');
     float: left;
+    /*display: inline-block;*/
+}
+
+#seqContentWrapper {
+    float: left;
+    margin-right: -32767px; /* maximum for opera, enough for ~320 steps*/
+    padding: 0 10px;
 }
 
@@ -732 +738 @@
 }
 
-#toolbox .title {
-    height: 1em;
-    margin-bottom: 0.5em;
-    margin-top:0.5em;
-    margin-left: 1em;
-    font-size: 1.25em;
-    color: #FFF;
-}
-
 #toolbox .creationButton {
     height: 50px;
@@ -767 +764 @@
     float: left;
 }
+
+#infoPanel {
+    width: 500px;
+    float: right;
+    margin: 1em 0 0 0;
+    /*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.25, #B0B0B0),
+        color-stop(0.8, #888888)
+    );
+}
+
+#infoContent {
+    float: left;
+    display: block;
+    width: 500px;
+    background-color: #ff0000;
+}
+
+.fieldsetTitle {
+    height: 1em;
+    margin-bottom: 0.5em;
+    margin-top:0.5em;
+    margin-left: 1em;
+    font-size: 1.25em;
+    color: #FFF;
+    float: left;
+    display: block;
+}