Changeset 142 for Dev/trunk/css

Timestamp:

10/27/11 18:29:46 (14 years ago)

Author:

fpvanagthoven

Message:

• Added pipelineEditor.php, testing graphical pipeline creation.
• Added DisplayStep?.php, a visual representation of a contained Step (Questionnaire/Dashboard?/etc..) object in a pipeline. Allows icon-based presentation of pipeline.
• Fixed StyleSheet?.php class, can be passed string argument (style name) to choose different .css files.
• Added Logo class, basically the same as classes_old/Logo.php
• Added placeholder icons and some UI elemtent images for use in pipelineEditor.php

File:

• Dev/trunk/css/awesome.css (modified) (1 diff)

Dev/trunk/css/awesome.css

@@ -557 +557 @@
     color:white;
 }
+
+
+/*
+#pipelineFrame{
+    height: 12em;
+    width: 96em;
+    display: block;
+    background-image: url('../images/bg/pipelineFrameBG.png');
+    background-color: #e3eff3;
+}
+
+.pipelineFrame .pipelineObject {
+    width: 10em;
+    height: 10em;
+    margin: 1em auto 1em auto;
+    text-align: center;
+}
+*/
+
+/*
+*
+*
+*   Horizontal sequencer styling
+*
+*
+*/
+
+#sequencer {
+    width: 100%;
+    margin: 0 auto auto auto;
+    background-image: url('../images/bg/sequencerBG.png');
+    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.2em;
+    color: #FFF;
+    
+}
+
+#sequencer #seqContent {
+    height: 10em;
+    margin-bottom: 0.5em;
+    background-image: url('../images/bg/sequencerContentBG.png');
+    /*background-position: top;
+    background-color: #dddddd;*/
+    border: 1px solid #ddd;
+    -moz-border-radius: 0.5em;
+    border-radius: 0.5em;
+    padding: 0.5em;
+}
+
+#sequencer #controls {
+    width: auto;
+    text-align: right;
+    margin-bottom: -0.5em;
+}
+
+#seqContent .displayStep {
+    /*height: 140px;*/
+    width: 100px;
+    margin: 10px 0 0 0;
+    background-repeat: no-repeat;
+    float: left;
+    text-align: center;
+}
+
+#seqContent .displayStep p{
+    margin-top: 105px;
+    font-weight: normal;
+    font-size: 0.875em;
+    
+}
+
+#seqContent .divider {
+    width: 10px;
+    height: 100px;
+    margin: 10px 5px 0 10px;
+    background-image: url('../images/ui/sequencerDivider.png');
+    float: left;
+}
+
+/*
+    Toolbox
+*/
+
+#toolbox {
+    width: 40%;
+    float: left;
+    background-image: url('../images/bg/sequencerBG.png');
+}
+
+#toolbox .title {
+    height: 1em;
+    margin-bottom: 0.5em;
+    margin-top:0.5em;
+    margin-left: 1em;
+    font-size: 1.2em;
+    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;
+}