Ignore:
Timestamp:
01/13/12 13:57:41 (13 years ago)
Author:
fpvanagthoven
Message:
 
File:
1 edited

Legend:

Unmodified
Added
Removed

  • Dev/branches/jos-branch/css/awesome.css

    r112 r233  
    3232}
    3333
    34 label {
    35     font-size: small;
    36     font-weight: bold;
    37     color: #333;
    38     text-shadow: #fff 0px 0px 1px;
    39 }
    40 
    4134legend {
    4235    padding-left: 0em;
    … …  
    4841    background-color: #aeb2b3;
    4942    border: 1px solid #fff;
    50     -moz-border-radius: 15px;
    51     border-radius: 15px;
     43    -moz-border-radius: 1em;
     44    border-radius: 1em;
    5245    margin-bottom: 2em;
    5346    padding: 0 1em 1em 1em;
    … …  
    5952    background-image: url('../images/bg/blueishgridblock.png');
    6053    height: 100%;
     54    font-size: 12px;
    6155}
    6256
    … …  
    107101    font-weight: bold;
    108102    text-align: center;
    109     line-height: 2em;
     103    padding-top: 15px;
     104    /*line-height: 2em;*/
    110105    text-shadow: #555 0px 0px .2em;
    111106    height: 189px;
    … …  
    259254    -moz-border-radius: 6px;
    260255    border-radius: 6px;
     256}
     257
     258
     259.surveyButton.dis {
     260    color: #666;
     261}
     262
     263.surveyButton.dis:hover {
     264    background-color: transparent;
     265    color: #666;
     266    border-color: #555;
    261267}
    262268
    … …  
    549555
    550556#questionEditForm {
    551    
     557
    552558}
    553559
    … …  
    557563    color:white;
    558564}
     565
     566
     567/*
     568#pipelineFrame{
     569    height: 12em;
     570    width: 96em;
     571    display: block;
     572    background-image: url('../images/bg/pipelineFrameBG.png');
     573    background-color: #e3eff3;
     574}
     575
     576.pipelineFrame .pipelineObject {
     577    width: 10em;
     578    height: 10em;
     579    margin: 1em auto 1em auto;
     580    text-align: center;
     581}
     582*/
     583
     584/*
     585*
     586*
     587*   Horizontal sequencer styling
     588*
     589*
     590*/
     591
     592#sequencer {
     593    width: 100%;
     594    /*max-width: 800px;*/
     595    margin: 0 auto 0 auto;
     596    padding-right: 0.5em;
     597    /*background-image: url('../images/bg/sequencerBG.png');*/
     598    background-image: linear-gradient(top, #B0B0B0 21%, #888888 80%);
     599    background-image: -o-linear-gradient(top, #B0B0B0 21%, #888888 80%);
     600    background-image: -moz-linear-gradient(top, #B0B0B0 21%, #888888 80%);
     601    background-image: -webkit-linear-gradient(top, #B0B0B0 21%, #888888 80%);
     602    background-image: -ms-linear-gradient(top, #B0B0B0 21%, #888888 80%);
     603
     604    background-image: -webkit-gradient(
     605        linear,
     606        left top,
     607        left bottom,
     608        color-stop(0.21, #B0B0B0),
     609        color-stop(0.8, #888888)
     610        );
     611    background-position: bottom;
     612    background-repeat: repeat-x;
     613    float: left;
     614}
     615
     616#sequencer #seqContent {
     617    height: 9em;
     618    width: 98%;
     619    overflow-x: scroll;
     620    overflow-y: hidden;
     621
     622    margin-bottom: 0.5em;
     623
     624    background-image: linear-gradient(top, #B0B0B0 21%, #888888 80%);
     625    background-image: -o-linear-gradient(top, #B0B0B0 21%, #888888 80%);
     626    background-image: -moz-linear-gradient(top, #B0B0B0 21%, #888888 80%);
     627    background-image: -webkit-linear-gradient(top, #B0B0B0 21%, #888888 80%);
     628    background-image: -ms-linear-gradient(top, #B0B0B0 21%, #888888 80%);
     629    background-image: -webkit-gradient(
     630        linear,
     631        left bottom,
     632        left top,
     633        color-stop(0.25, #B0B0B0),
     634        color-stop(0.8, #888888)
     635        );
     636
     637    border: 1px solid #ddd;
     638    -moz-border-radius: 0.5em;
     639    border-radius: 0.5em;
     640    padding: 0.5em;
     641    /*white-space: nowrap;*/
     642    float: left;
     643}
     644
     645#sequencer #controls {
     646    width: auto;
     647    text-align: right;
     648    margin-bottom: -0.5em;
     649    float: right;
     650}
     651
     652.displayStep {
     653    width: 52px;
     654    padding: 0;
     655    margin: 10px 0 0 0;
     656    background-repeat: no-repeat;
     657    float: left;
     658    text-align: center;
     659    -webkit-user-select: none;
     660    -khtml-user-select: none;
     661    -moz-user-select: none;
     662    -o-user-select: none;
     663    user-select: none;
     664}
     665
     666.displayStep.selected {
     667    -moz-box-shadow: 0 0 50px #FFF;
     668    -webkit-box-shadow: 0 0 50px #FFF;
     669    box-shadow: 0 0 50px #FFF;
     670
     671}
     672
     673.displayStep .displayStepIcon {
     674    width: 50px;
     675    height: 50px;
     676    border: 2px solid #444444;
     677    color: #FFF;
     678    /*float: left;*/
     679}
     680
     681.displayStep p{
     682    margin-top: 5px;
     683    font-weight: normal;
     684    font-size: 0.875em;
     685    /*float: left;*/
     686
     687}
     688
     689#seqContent .divider {
     690    width: 10px;
     691    height: 50px;
     692    margin: 10px 15px 0 20px;
     693    background-image: url('../images/ui/sequencerDivider.png');
     694    float: left;
     695    /*display: inline-block;*/
     696}
     697
     698#seqContentWrapper {
     699    float: left;
     700    margin-right: -32767px; /* maximum for opera, enough for ~320 steps*/
     701    padding: 0 10px;
     702}
     703
     704
     705
     706
     707
     708
     709/*
     710 *
     711 *
     712 *  TOOLBOX
     713 *
     714 *
     715*/
     716
     717#toolbox {
     718    /*width: 40%;*/
     719    float: left;
     720    margin: 1em 2em 0 0;
     721    /*background-image: url('../images/bg/sequencerBG.png');*/
     722    background-image: linear-gradient(top, #B0B0B0 21%, #888888 80%);
     723    background-image: -o-linear-gradient(top, #B0B0B0 21%, #888888 80%);
     724    background-image: -moz-linear-gradient(top, #B0B0B0 21%, #888888 80%);
     725    background-image: -webkit-linear-gradient(top, #B0B0B0 21%, #888888 80%);
     726    background-image: -ms-linear-gradient(top, #B0B0B0 21%, #888888 80%);
     727
     728    background-image: -webkit-gradient(
     729        linear,
     730        left top,
     731        left bottom,
     732        color-stop(0.25, #B0B0B0),
     733        color-stop(0.8, #888888)
     734        );
     735
     736}
     737
     738#toolbox .creationButton {
     739    height: 50px;
     740    margin: 0 0 5px 0;
     741    border: 1px solid #000;
     742    border-radius: 6px;
     743    -moz-border-radius: 6px;
     744    cursor: pointer;
     745}
     746
     747#toolbox .creationButton:hover {
     748    border: 1px solid #FFF;
     749    background: rgba(255, 255, 255, 0.2);
     750}
     751
     752#toolbox .buttonIcon {
     753    border: none;
     754    border-radius: 6px;
     755    margin: 0 10px 0 0;
     756    float: left;
     757}
     758
     759#toolbox .creationButton p {
     760    margin: 15px 10px 0 0;
     761    color: #444;
     762    float: left;
     763}
     764
     765#infoPanel {
     766    width: 500px;
     767    float: right;
     768    margin: 1em 0 0 0;
     769    /*background-image: url('../images/bg/sequencerBG.png');*/
     770    background-image: linear-gradient(top, #B0B0B0 21%, #888888 80%);
     771    background-image: -o-linear-gradient(top, #B0B0B0 21%, #888888 80%);
     772    background-image: -moz-linear-gradient(top, #B0B0B0 21%, #888888 80%);
     773    background-image: -webkit-linear-gradient(top, #B0B0B0 21%, #888888 80%);
     774    background-image: -ms-linear-gradient(top, #B0B0B0 21%, #888888 80%);
     775
     776    background-image: -webkit-gradient(
     777        linear,
     778        left top,
     779        left bottom,
     780        color-stop(0.25, #B0B0B0),
     781        color-stop(0.8, #888888)
     782        );
     783}
     784
     785#infoContent {
     786    float: left;
     787    display: block;
     788    width: 500px;
     789    background-color: #ff0000;
     790}
     791
     792.fieldsetTitle {
     793    height: 1em;
     794    margin-bottom: 0.5em;
     795    margin-top:0.5em;
     796    margin-left: 1em;
     797    font-size: 1.25em;
     798    color: #FFF;
     799    /*float: left;*/
     800    display: block;
     801    clear: right;
     802}
     803
     804fieldset p {
     805    display: block;
     806}
     807
     808
     809
     810/* QUESTION EDITOR
     811*/
     812
     813#questionEditor {
     814    width: 60em;
     815    background-color: #00FF00;
     816    border: 1px solid #FFF;
     817    display: block;
     818    margin: 0;
     819    padding: 0;
     820    float: left;
     821    background-color: #5c5c5c;
     822    -moz-box-shadow: 2px 2px 1px #888;
     823    -webkit-box-shadow: 2px 2px 1px #888;
     824    box-shadow: 2px 2px 1px #888;
     825}
     826
     827#questionEditor_header {
     828    height: 1.5em;
     829    float: left;
     830    font-size: 1.25em;
     831    color: #FFF;
     832    padding: 0.5em 1em 0 1em;
     833}
     834
     835#questionEditor_content {
     836    width: 58em;
     837    background-image: linear-gradient(top, #B0B0B0 21%, #888888 80%);
     838    background-image: -o-linear-gradient(top, #B0B0B0 21%, #888888 80%);
     839    background-image: -moz-linear-gradient(top, #B0B0B0 21%, #888888 80%);
     840    background-image: -webkit-linear-gradient(top, #B0B0B0 21%, #888888 80%);
     841    background-image: -ms-linear-gradient(top, #B0B0B0 21%, #888888 80%);
     842    background-image: -webkit-gradient(
     843        linear,
     844        left top,
     845        left bottom,
     846        color-stop(0.21, #B0B0B0),
     847        color-stop(0.8, #888888)
     848        );
     849    background-position: bottom;
     850    background-repeat: repeat-x;
     851    float: left;
     852    padding: 0.5em 1em;
     853
     854}
     855
     856#questionEditor_controls {
     857    float: right;
     858    height: 2em;
     859    text-align: right;
     860}
     861
     862
     863
     864#questionEditor_bodyText_textArea {
     865    resize: none;
     866    width: auto;
     867    min-width: 51em;
     868    margin: 3px;
     869}
     870
     871#questionEditor_bodyText_staticText {
     872    color: white;
     873    font-size: 12px;
     874}
     875
     876.questionParamField {
     877    float: left;
     878    margin: 2px 0 2px 0;
     879}
     880
     881#questionEditor_questionParams label {
     882    width: 130px;
     883    float: left;
     884    margin: 4px 0 0 0;
     885}
     886
     887.formLineBreak {
     888    clear: left;
     889}
     890
     891#surveyEditor {
     892   
     893    margin: 0 auto 0 auto;
     894   
     895    /*background-image: url('../images/bg/sequencerBG.png');*/
     896    background-image: linear-gradient(top, #B0B0B0 21%, #888888 80%);
     897    background-image: -o-linear-gradient(top, #B0B0B0 21%, #888888 80%);
     898    background-image: -moz-linear-gradient(top, #B0B0B0 21%, #888888 80%);
     899    background-image: -webkit-linear-gradient(top, #B0B0B0 21%, #888888 80%);
     900    background-image: -ms-linear-gradient(top, #B0B0B0 21%, #888888 80%);
     901
     902    background-image: -webkit-gradient(
     903        linear,
     904        left top,
     905        left bottom,
     906        color-stop(0.21, #B0B0B0),
     907        color-stop(0.8, #888888)
     908        );
     909    background-position: bottom;
     910    background-repeat: repeat-x;
     911    float: left;
     912   
     913    background-color: #aeb2b3;
     914    border: 1px solid #fff;
     915    -moz-border-radius: 1em;
     916    border-radius: 1em;
     917    margin-bottom: 2em;
     918    padding: 0 1em 1em 1em;
     919    -moz-box-shadow: 2px 2px 1px #888;
     920    -webkit-box-shadow: 2px 2px 1px #888;
     921    box-shadow: 2px 2px 1px #888;
     922}
     923
     924#surveyEditorContent {
     925    overflow-x: hidden;
     926
     927    margin-bottom: 0.5em;
     928
     929    background-image: linear-gradient(top, #B0B0B0 21%, #888888 80%);
     930    background-image: -o-linear-gradient(top, #B0B0B0 21%, #888888 80%);
     931    background-image: -moz-linear-gradient(top, #B0B0B0 21%, #888888 80%);
     932    background-image: -webkit-linear-gradient(top, #B0B0B0 21%, #888888 80%);
     933    background-image: -ms-linear-gradient(top, #B0B0B0 21%, #888888 80%);
     934    background-image: -webkit-gradient(
     935        linear,
     936        left bottom,
     937        left top,
     938        color-stop(0.25, #B0B0B0),
     939        color-stop(0.8, #888888)
     940        );
     941
     942    border: 1px solid #ddd;
     943    -moz-border-radius: 0.5em;
     944    border-radius: 0.5em;
     945    padding: 1em;
     946    float: left;
     947}
     948
     949.questionDisplay {
     950    width: 60em;
     951    border: 1px solid #FFF;
     952    display: block;
     953    margin: 0;
     954    padding: 0;
     955    float: left;
     956    background-color: #5c5c5c;
     957    -moz-box-shadow: 2px 2px 1px #888;
     958    -webkit-box-shadow: 2px 2px 1px #888;
     959    box-shadow: 2px 2px 1px #888;
     960}
     961
     962.questionDisplayContent {
     963    margin: 0;
     964    background-image: linear-gradient(top, #B0B0B0 21%, #888888 80%);
     965    background-image: -o-linear-gradient(top, #B0B0B0 21%, #888888 80%);
     966    background-image: -moz-linear-gradient(top, #B0B0B0 21%, #888888 80%);
     967    background-image: -webkit-linear-gradient(top, #B0B0B0 21%, #888888 80%);
     968    background-image: -ms-linear-gradient(top, #B0B0B0 21%, #888888 80%);
     969    background-image: -webkit-gradient(
     970        linear,
     971        left top,
     972        left bottom,
     973        color-stop(0.25, #B0B0B0),
     974        color-stop(0.8, #888888)
     975        );
     976    padding: 0.5em;
     977}
     978
     979.questionDisplayControls {
     980    text-align: right;
     981}
     982
     983p.questionBody {
     984    border: 1px solid #cccccc;
     985    background-color: #c5c5c5;
     986}
     987
     988#surveyEditorControls {
     989    text-align: right;
     990}
Note: See TracChangeset for help on using the changeset viewer.