paul@676 | 1 | /* Page sections. */ |
paul@676 | 2 | |
paul@676 | 3 | div.questionnaire { |
paul@676 | 4 | padding: 10px; |
paul@676 | 5 | } |
paul@676 | 6 | |
paul@676 | 7 | div.operations { |
paul@676 | 8 | padding-top: 10px; |
paul@676 | 9 | clear: both; |
paul@676 | 10 | } |
paul@676 | 11 | |
paul@676 | 12 | /* Questionnaire and shadow effect. */ |
paul@676 | 13 | |
paul@676 | 14 | div.shadow { |
paul@676 | 15 | background-color: #555555; |
paul@676 | 16 | } |
paul@676 | 17 | |
paul@676 | 18 | div.shadow table.questionnaire { |
paul@676 | 19 | background-color: #ffffff; |
paul@676 | 20 | border: 1px solid #000000; |
paul@676 | 21 | padding: 5px; |
paul@676 | 22 | position: relative; |
paul@676 | 23 | top: -10px; |
paul@676 | 24 | left: -10px; |
paul@676 | 25 | } |
paul@676 | 26 | |
paul@676 | 27 | /* Questionnaire table. */ |
paul@676 | 28 | |
paul@676 | 29 | table.questionnaire { |
paul@676 | 30 | width: 100%; |
paul@676 | 31 | border-spacing: 0px; |
paul@676 | 32 | } |
paul@676 | 33 | |
paul@676 | 34 | /* Questionnaire and preview cells. */ |
paul@676 | 35 | |
paul@676 | 36 | table.questionnaire td, table.questionnaire th { |
paul@676 | 37 | padding: 10px; |
paul@676 | 38 | margin: 0px; |
paul@676 | 39 | } |
paul@676 | 40 | |
paul@676 | 41 | table.questionnaire td p { |
paul@676 | 42 | margin: 0px 5px 5px 5px; |
paul@676 | 43 | } |
paul@676 | 44 | |
paul@676 | 45 | .question, .question-options { |
paul@676 | 46 | background-color: #dddddd; |
paul@676 | 47 | color: #000000; |
paul@676 | 48 | vertical-align: top; |
paul@676 | 49 | } |
paul@676 | 50 | |
paul@676 | 51 | .response, .response-options { |
paul@676 | 52 | background-color: #ffffff; |
paul@676 | 53 | color: #000000; |
paul@676 | 54 | vertical-align: top; |
paul@676 | 55 | } |
paul@676 | 56 | |
paul@676 | 57 | .choice, .choice-options { |
paul@676 | 58 | background-color: #eeeeee; |
paul@676 | 59 | color: #000000; |
paul@676 | 60 | vertical-align: top; |
paul@676 | 61 | } |