Changeset 142 for Dev/trunk


Ignore:
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
Location:
Dev/trunk
Files:
18 added
2 edited

Legend:

Unmodified
Added
Removed

  • Dev/trunk/css/awesome.css

    r112 r142  
    557557    color:white;
    558558}
     559
     560
     561/*
     562#pipelineFrame{
     563    height: 12em;
     564    width: 96em;
     565    display: block;
     566    background-image: url('../images/bg/pipelineFrameBG.png');
     567    background-color: #e3eff3;
     568}
     569
     570.pipelineFrame .pipelineObject {
     571    width: 10em;
     572    height: 10em;
     573    margin: 1em auto 1em auto;
     574    text-align: center;
     575}
     576*/
     577
     578/*
     579*
     580*
     581*   Horizontal sequencer styling
     582*
     583*
     584*/
     585
     586#sequencer {
     587    width: 100%;
     588    margin: 0 auto auto auto;
     589    background-image: url('../images/bg/sequencerBG.png');
     590    background-position: bottom;
     591    background-repeat: repeat-x;
     592}
     593
     594#sequencer .title {
     595    height: 1em;
     596    margin-bottom: 0.5em;
     597    margin-top:0.5em;
     598    margin-left: 1em;
     599    font-size: 1.2em;
     600    color: #FFF;
     601   
     602}
     603
     604#sequencer #seqContent {
     605    height: 10em;
     606    margin-bottom: 0.5em;
     607    background-image: url('../images/bg/sequencerContentBG.png');
     608    /*background-position: top;
     609    background-color: #dddddd;*/
     610    border: 1px solid #ddd;
     611    -moz-border-radius: 0.5em;
     612    border-radius: 0.5em;
     613    padding: 0.5em;
     614}
     615
     616#sequencer #controls {
     617    width: auto;
     618    text-align: right;
     619    margin-bottom: -0.5em;
     620}
     621
     622#seqContent .displayStep {
     623    /*height: 140px;*/
     624    width: 100px;
     625    margin: 10px 0 0 0;
     626    background-repeat: no-repeat;
     627    float: left;
     628    text-align: center;
     629}
     630
     631#seqContent .displayStep p{
     632    margin-top: 105px;
     633    font-weight: normal;
     634    font-size: 0.875em;
     635   
     636}
     637
     638#seqContent .divider {
     639    width: 10px;
     640    height: 100px;
     641    margin: 10px 5px 0 10px;
     642    background-image: url('../images/ui/sequencerDivider.png');
     643    float: left;
     644}
     645
     646/*
     647    Toolbox
     648*/
     649
     650#toolbox {
     651    width: 40%;
     652    float: left;
     653    background-image: url('../images/bg/sequencerBG.png');
     654}
     655
     656#toolbox .title {
     657    height: 1em;
     658    margin-bottom: 0.5em;
     659    margin-top:0.5em;
     660    margin-left: 1em;
     661    font-size: 1.2em;
     662    color: #FFF;
     663}
     664
     665#toolbox .displayStep {
     666    height: 140px;
     667    width: 100px;
     668    margin: 0 5px 0 5px;
     669    background-repeat: no-repeat;
     670    float: left;
     671    text-align: center;
     672}
     673
     674#toolbox .displayStep p {
     675    margin-top: 105px;
     676    color: #FFF;
     677}

  • Dev/trunk/index.php

    r60 r142  
    2525        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    2626        <title>Facilitator</title>
    27         <?php new StyleSheet(); ?>
     27        <?php new StyleSheet("awesome"); ?>
    2828        <script type="text/javascript" src="js/menu.js"></script>
    2929    </head>
Note: See TracChangeset for help on using the changeset viewer.