paul@674 | 1 | /* Page sections. */ |
paul@674 | 2 | |
paul@673 | 3 | div.questionnaire { |
paul@673 | 4 | width: 40%; |
paul@673 | 5 | float: left; |
paul@673 | 6 | } |
paul@673 | 7 | |
paul@673 | 8 | div.preview { |
paul@673 | 9 | width: 50%; |
paul@673 | 10 | float: right; |
paul@674 | 11 | } |
paul@674 | 12 | |
paul@674 | 13 | div.operations { |
paul@674 | 14 | padding-top: 10px; |
paul@674 | 15 | clear: both; |
paul@674 | 16 | } |
paul@674 | 17 | |
paul@674 | 18 | /* Preview and shadow effect. */ |
paul@674 | 19 | |
paul@674 | 20 | div.shadow { |
paul@673 | 21 | background-color: #555555; |
paul@673 | 22 | } |
paul@673 | 23 | |
paul@674 | 24 | div.shadow table.preview { |
paul@673 | 25 | background-color: #ffffff; |
paul@673 | 26 | border: 1px solid #000000; |
paul@673 | 27 | padding: 5px; |
paul@673 | 28 | position: relative; |
paul@673 | 29 | top: -10px; |
paul@673 | 30 | left: -10px; |
paul@673 | 31 | } |
paul@673 | 32 | |
paul@674 | 33 | /* Questionnaire and preview tables. */ |
paul@674 | 34 | |
paul@673 | 35 | table.preview { |
paul@674 | 36 | width: 100%; |
paul@673 | 37 | border-spacing: 0px; |
paul@673 | 38 | } |
paul@673 | 39 | |
paul@674 | 40 | table.questionnaire { |
paul@674 | 41 | width: 100%; |
paul@674 | 42 | } |
paul@674 | 43 | |
paul@674 | 44 | /* Questionnaire and preview cells. */ |
paul@674 | 45 | |
paulb@91 | 46 | table.questionnaire td, table.questionnaire th { |
paulb@91 | 47 | padding: 5px; |
paulb@91 | 48 | margin: 0px; |
paulb@91 | 49 | } |
paulb@91 | 50 | |
paul@673 | 51 | table.preview td, table.preview th { |
paul@673 | 52 | padding: 10px; |
paul@673 | 53 | margin: 0px; |
paul@673 | 54 | } |
paul@673 | 55 | |
paul@674 | 56 | table.preview td p { |
paul@674 | 57 | margin: 0px 5px 5px 5px; |
paul@673 | 58 | } |
paul@673 | 59 | |
paulb@91 | 60 | .question, .question-options { |
paul@674 | 61 | background-color: #dddddd; |
paul@674 | 62 | color: #000000; |
paul@674 | 63 | vertical-align: top; |
paul@674 | 64 | } |
paul@674 | 65 | |
paul@674 | 66 | .question .control { |
paul@674 | 67 | font-weight: normal; |
paul@674 | 68 | } |
paul@674 | 69 | |
paul@674 | 70 | .response, .response-options { |
paulb@91 | 71 | background-color: #ffffff; |
paulb@91 | 72 | color: #000000; |
paulb@91 | 73 | vertical-align: top; |
paulb@91 | 74 | } |
paulb@91 | 75 | |
paul@674 | 76 | .choice, .choice-options { |
paulb@91 | 77 | background-color: #eeeeee; |
paulb@91 | 78 | color: #000000; |
paulb@91 | 79 | vertical-align: top; |
paulb@91 | 80 | } |