1.1 --- a/examples/Common/Questionnaire/Resources/styles/styles.css Sun Nov 16 01:19:33 2008 +0100
1.2 +++ b/examples/Common/Questionnaire/Resources/styles/styles.css Mon Nov 17 01:50:18 2008 +0100
1.3 @@ -1,3 +1,5 @@
1.4 +/* Page sections. */
1.5 +
1.6 div.questionnaire {
1.7 width: 40%;
1.8 float: left;
1.9 @@ -6,10 +8,20 @@
1.10 div.preview {
1.11 width: 50%;
1.12 float: right;
1.13 +}
1.14 +
1.15 +div.operations {
1.16 + padding-top: 10px;
1.17 + clear: both;
1.18 +}
1.19 +
1.20 +/* Preview and shadow effect. */
1.21 +
1.22 +div.shadow {
1.23 background-color: #555555;
1.24 }
1.25
1.26 -div.preview table.preview {
1.27 +div.shadow table.preview {
1.28 background-color: #ffffff;
1.29 border: 1px solid #000000;
1.30 padding: 5px;
1.31 @@ -18,10 +30,19 @@
1.32 left: -10px;
1.33 }
1.34
1.35 +/* Questionnaire and preview tables. */
1.36 +
1.37 table.preview {
1.38 + width: 100%;
1.39 border-spacing: 0px;
1.40 }
1.41
1.42 +table.questionnaire {
1.43 + width: 100%;
1.44 +}
1.45 +
1.46 +/* Questionnaire and preview cells. */
1.47 +
1.48 table.questionnaire td, table.questionnaire th {
1.49 padding: 5px;
1.50 margin: 0px;
1.51 @@ -32,29 +53,28 @@
1.52 margin: 0px;
1.53 }
1.54
1.55 -table.preview td p.text-before {
1.56 - margin-top: 0px;
1.57 -}
1.58 -
1.59 -table.preview td p.choice {
1.60 - padding: 2px;
1.61 - margin: 0px 0px 0px 0px;
1.62 +table.preview td p {
1.63 + margin: 0px 5px 5px 5px;
1.64 }
1.65
1.66 .question, .question-options {
1.67 + background-color: #dddddd;
1.68 + color: #000000;
1.69 + vertical-align: top;
1.70 +}
1.71 +
1.72 +.question .control {
1.73 + font-weight: normal;
1.74 +}
1.75 +
1.76 +.response, .response-options {
1.77 background-color: #ffffff;
1.78 color: #000000;
1.79 vertical-align: top;
1.80 }
1.81
1.82 -.response, .response-options {
1.83 +.choice, .choice-options {
1.84 background-color: #eeeeee;
1.85 color: #000000;
1.86 vertical-align: top;
1.87 }
1.88 -
1.89 -.choice, .choice-options {
1.90 - background-color: #dddddd;
1.91 - color: #000000;
1.92 - vertical-align: top;
1.93 -}