Changeset 144 for Dev/trunk/css

Timestamp:

11/03/11 10:30:40 (13 years ago)

Author:

fpvanagthoven

Message:

Fixed mkdir call in ApplicationConnector?.php, now actually makes a directory instead of errors.
Cleaning up of pipeline Sequencer, smaller icons, etc. Trying to get non-db version of editor working properly, then integrate db calls.

File:

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

Dev/trunk/css/awesome.css

@@ -59 +59 @@
     background-image: url('../images/bg/blueishgridblock.png');
     height: 100%;
+    font-size: 12px;
 }
 
@@ -586 +587 @@
 #sequencer {
     width: 100%;
-    margin: 0 auto auto auto;
-    background-image: url('../images/bg/sequencerBG.png');
+    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;
@@ -597 +611 @@
     margin-top:0.5em;
     margin-left: 1em;
-    font-size: 1.2em;
+    font-size: 1.25em;
     color: #FFF;
     
 }
 
-#sequencer #seqContent {
-    height: 10em;
+#sequencer .seqContent {
+    height: 9em;
+    overflow-x: scroll;
+    overflow-y: hidden;
     margin-bottom: 0.5em;
-    background-image: url('../images/bg/sequencerContentBG.png');
-    /*background-position: top;
-    background-color: #dddddd;*/
+    
+    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;
@@ -620 +647 @@
 }
 
-#seqContent .displayStep {
+.seqContent .displayStep {
     /*height: 140px;*/
-    width: 100px;
+    width: 52px;
+    padding: 0;
     margin: 10px 0 0 0;
     background-repeat: no-repeat;
@@ -629 +657 @@
 }
 
-#seqContent .displayStep p{
-    margin-top: 105px;
+.seqContent .displayStep .displayStepIcon {
+    width: 50px;
+    height: 50px;
+    border: 2px solid #444444;
+    color: #FFF;
+    float: left;
+}
+
+.seqContent .displayStep p{
+    margin-top: 55px;
     font-weight: normal;
     font-size: 0.875em;
+    float: left;
     
 }
 
-#seqContent .divider {
+.seqContent .divider {
     width: 10px;
-    height: 100px;
-    margin: 10px 5px 0 10px;
+    height: 50px;
+    margin: 10px 15px 0 20px;
     background-image: url('../images/ui/sequencerDivider.png');
     float: left;
 }
 
+
+
+
+
+
 /*
-    Toolbox
+ *
+ *
+ *  TOOLBOX
+ *
+ *
 */
 
 #toolbox {
-    width: 40%;
-    float: left;
-    background-image: url('../images/bg/sequencerBG.png');
+    /*width: 40%;*/
+    float: left;
+    /*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)
+    );
+    
 }
 
@@ -659 +719 @@
     margin-top:0.5em;
     margin-left: 1em;
-    font-size: 1.2em;
+    font-size: 1.25em;
     color: #FFF;
 }
 
-#toolbox .displayStep {
-    height: 140px;
-    width: 100px;
-    margin: 0 5px 0 5px;
-    background-repeat: no-repeat;
-    float: left;
-    text-align: center;
-}
-
-#toolbox .displayStep p {
-    margin-top: 105px;
-    color: #FFF;
-}
+#toolbox .creationButton {
+    height: 50px;
+    margin: 0 0 5px 0;
+    border: 1px solid #000;
+    border-radius: 5px;
+    -moz-border-radius: 5px;
+}
+
+#toolbox .creationButton:hover {
+    border: 1px solid #FFF;
+    background: rgba(255, 255, 255, 0.2);
+}
+
+#toolbox .buttonIcon {
+    margin: 0 10px 0 5px;
+    float: left;
+}
+
+#toolbox .creationButton p {
+    margin: 15px 10px 0 0;
+    color: #444;
+    float: left;
+}