diff --git a/redesign/css/design-style.css b/redesign/css/design-style.css new file mode 100644 index 0000000..d96498c --- /dev/null +++ b/redesign/css/design-style.css @@ -0,0 +1,935 @@ +.message, .warning { + margin-top: 0; + margin-bottom: 1%; + border: 0.5em 2em; + padding: 5px; +} + +p.message, p.warning { + background-color: #ffffc0; +} + +span.message, span.warning { + color: #ee0000; +} + +blockquote { + margin-left: 0em; +} + +blockquote.member { + background-color:#DDD; +} + +blockquote.debug { +color:red; display: none; +} + +div.question, tr.even { + background:#fafafa; + color: black; + margin-bottom:30px; + margin-top:10px; +} + +div.question { + border:1px solid #aaa; + padding-bottom:5px; + color: black; + margin-right: 10px; + overflow: auto; +} + +div.question .overlarge { + overflow-x: auto; +} + +.overlarge table { + table-layout: fixed; +} + +div.question h2 { + background:#b3cdf3; + color: #111; + font-size:1.3em; + padding:8px; + margin-bottom:8px; +} + +div.question input { + margin-right:5px; +} + +div.question table, +div.question table.tMargin { + width: 100%; + margin: 0 0 .5em 0 !important; + padding: 0; + border-collapse: initial; +} + +div.choices, +form ul.mandatory, +form ul.optional, +form ul.order, +form ol.order, +ul.questions { + background: #fafafa none repeat scroll 0 0; + color: black; + border: 1px solid #aaa; + margin: 10px 10px 5px 0 !important; + padding-top: 10px; + padding-bottom: 10px; +} + +div.question table.eval th a:link { + background: #005a9c; + color: #bfe; +} + +div.question table.eval th a:visited { + background: #005a9c; + color: #cbf; +} + +div.choices p { + margin-left: 0; + margin-top: -10px; +} + +div.scroll { + overflow-x: scroll; +} + +div.scrolly { + overflow-y: auto; + height: 500px; +} + +div.scroll tr th:first-child, div.scroll tr td:first-child { + width: 55px; + min-width: 55px; +} + +div.scroll tr.meta, div.scroll td.meta { + max-width: 40em; + word-wrap: break-word; +} + +div.scroll tr.odd td:first-child { + background-color: #f5f5ff; +} + +div.scroll tr.even td:first-child { + background-color: #fffff5; +} + +div.results, +div.content, +div.widget { + margin: 0 2em .5em 2em; +} + +div.content p, +div.widget p { + margin-bottom: .5em; + padding: 0; + font-size:1.05em; + line-height: 100%; +} + +div.content ol, div.content blockquote, +div.widget ol, div.widget blockquote { + margin-bottom: .5em; + padding-top: 0; +} + +div.results p { + margin-bottom: .5em; + padding: 0; + font-size:1.05em; + line-height: 100%; +} + +div.results h4 { + padding: 20px 0 0 0; +} + +div.results h4+p { + padding: 5px 0 0 0; +} + +input, textarea, select { + margin-bottom: .5em; + font-size: 0.90em; +} + +input[type=number]{ + width: 60px; +} + +ol li { + list-style-type: decimal; + margin-left: 20px; +} + +div.content ul { + padding-top: 0px; + margin-bottom: .5em; +} + +div.content ul li { + list-style-type: disc; + margin-left: 20px; +} + +div.widget ul { + color: black; + padding:5px; +} + +#w3c_content_body form ul { + list-style:none; + margin: 0 0 .5em 0; +} + +#w3c_content_body form ul li { + padding: 0; +} + +#w3c_content_body form ul li:first-child { + border-top:none; +} + +#w3c_content_body form ul ul { + border: none; +} + +#w3c_content_body form ul ul li { + border-top:none; +} + +div.question h3 { + white-space:normal; + display:block; + font-size:1.3em; + background:#b3cdf3; + color:#111; + padding:8px; + margin: 0 0 8px 0; +} + +div.question h4 { + padding: 0; + margin: 20px 0 8px; +} + +div.question legend { + background:#b3cdf3; + color: #111; + font-size:1.4em; + padding-top: 8px; + padding-bottom: 8px; + margin-bottom:8px; + width:100%; +} + +div.question legend span.qtitle { + padding-left: 8px; +} + +table.columns th, table.columns td { + border-right:1px solid black; + margin:0; +} + +table.columns th { + border-bottom:2px dashed black; +} + +table.columns tr { + margin:0; + padding:0; +} + +table.summary, +table.results { + border-width: 1px 0; + border-style: solid; + border-color: black; +} + +table.summary thead, +table.results thead { + background-color: #c2cdde; +} + +table.summary td, table.summary th { + color:black; + vertical-align: top; +} + +table.summary td { + text-align:left; +} + +table.summary.annotated td { + text-align:left; +} + +table.results { + border-top: 1px solid black; + border-bottom: 1px solid black; +} + +table.results thead { + background-color: #c2cdde; +} + +table.results td, table.results th { + color:black; + vertical-align: top; +} + +table.results td.chosen, table.results td.meta { + color:black; +} + +table#choices th { + color:black; + padding: 20px 20px 20px; + font-weight:bold; +} + +table#choices td label, +table#choices td textarea { + margin-left:20px; + width:initial; +} + +table#choices tr:hover { + background-color:#c2cdde; +} + +h1 a:link, h1 a:visited { + border-bottom: 1px solid #036; +} + +h1 a:hover { + border-bottom: 2px solid #036; +} + +textarea { + width: 100%; +/* max-width:90%; + height:8em; + margin-left:2em; */ +} + +textarea.comment { + height:6em; +} + +table th[scope=row] { + text-align:left; +} + +table.eval td { + text-align:center; +} + +table.eval th.input { + width:10%; +} + +table.eval th, table.eval td /* label */ { + border:thin solid black; +} + +/* table.eval td label { + width:100%; + display:block; +} */ + + +ul.edit dl dd, ol.edit dl dd { + background: #f4f4f4 none repeat scroll 0 0; + color: black; +} + +ul.edit dl, ol.edit dl { + padding: 0; + margin: 10px 0px 0px 0px; +} + +ul.edit dl dl, ol.edit dl dl { + padding-top: 10px; + margin: 0; +} + +ul.edit > li > dl > dt, uo.edit > li > dl > dt { + background: #e4e4e4 none repeat scroll 0 0; + line-height: 250%; +} + +ul.edit label, ol.edit label { + font-weight:bold; +} + +ul.edit p, ol.edit p { + padding: 15px 0 5px; +} + +ul.edit li.optional label, ul.edit label input, ul.edit label textarea, +ol.edit li.optional label, ol.edit label input, ol.edit label textarea { + font-weight:normal; +} + +.doc { + margin-top:20px; + margin-right:10px; + padding:20px 5px 20px; + background-color:#f2f7fb; + color:#004a7c; +} + + +/* ****************** body *************** */ + +html { + padding:0; +} + +body { + margin:0; + color: #000; +} + +/* ****************** header *************** */ + +#Logo { + text-align: center; + margin: 0; + padding: 0; + margin-bottom: 0.3em; +/* margin-right: 210px; */ +} + +#Header { + background: #fff; + color: #777; + font-family: Times, "Times New Roman", serif; + font-style: italic; + font-weight: bold; + font-size: 1.8em; +} + +/* ****************** news *************** */ + +.item h3 +{ + background: #fff; + color: #900; + margin-top: 0.4em; +} +.item h3:before +{ + content: url(/Icons/right.gif); +} + +.date { + font-style: italic; +} + +.description { + background: #fff; + color: #000; +} + + +/* ****************** maintainer *************** */ +.maintainer { + font-size: small; + background-color: #f5f5f5; + margin: 30px 10px -10px 10px; + padding: 5px 5px 5px 5px; + text-align: justify; +} + + +/* ****************** misc *************** */ + +.small, .archive, .disclaimer { + font-size: small; + margin:0.5em 17em 2em 2em; +} + +hr { margin: 0 17em 0 0em; + width: 90% } + + +a img { color: #fff; } /* hide the border in Netscape 4 */ +@media all { /* hide from Netscape 4 */ + a img { color: inherit; /* undo the rule above */ + border: none; /* hide from Netscape 4 */ + } +} + +@media print{ + abbr, acronym { + border-style:none; + } + abbr:after, acronym:after { + content:" [" attr(title) "] "; + font-variant:small-caps; + } + table.results { + table-layout:fixed; + width:100%; + } + + table.results thead th { + width:5em; + } + + table.results thead th.meta { + width:20em; + } +} + +dt { font-weight: bold } + +div.create { + background: #fafafa none repeat scroll 0 0; + color: black; + border: 1px solid #aaa; + margin: 10px 10px 10px 0; + padding-bottom: 5px; +} + +div.create ul, div.create form { + margin: 5px 10px 5px 0; + padding-top: 5px; +} + +div.create p { + padding-top: 10px; + padding-bottom: 0px; +} + +div.create form p { + padding-left: 20px; + padding-top: 15px; +} + +div.create form input, div.choices input, ul.edit input { + padding: 3px 3px 3px; +} + +div.task { + width:50em; + margin:0; + margin-top:-1px; + padding:0; + border:thin dotted gray; +} + +div.task h2 { + margin-top:0; + margin-right:0; +} + +div.task form { + border-bottom:none; +} + +hr { + clear:both; + margin-top:1em; +} + +h2.questionnaireList { + font-size:1.6em; + margin-top: 20px; + margin-bottom:8px; + margin-right:20%; + padding-top: 8px; + padding-bottom: 8px; +} + +.questionnaireList img { + vertical-align: -3px; + height: 1.7em; +} + +.questionnaireList a.icon { + border: none; +} + +ul.questionnaireList { + list-style:none; +} + +ul.questionnaireList li { + clear:left; +} + +ul.questionnaireList img.create { + height: 2.1em; +} + +span.toc a { + margin-left:5px; + margin-right:5px; + padding:2px 3px 2px; + background-color:#f2f7fb; + color:#004a7c; +} + +li.toc2 { + height: 1.9em; +} + +span.qaire, span.listsurvey { + display:block; + width:40em; + float:left; + padding-bottom:0.3em; +} + +span.qaireTools { + display:block; +} + +.votable a { + font-weight:bold; +} + +.info, .warning { + padding:0.5em; +} + +.warning img, .info img { + margin-right: 1em; + vertical-align: middle; + height: 2em; +} + +.w3c_message.messages { + background-color: #f2f7fb; border: 1px solid #a3a3c2; +} + +.w3c_message.messages h3 { + background-position: 0 6px; color: #4073a6; + background-image: url('./icons/message.png'); +} + +a.edit img { + vertical-align: -3px; + height: 1em; +} + +.info:before { + content:url("icons/info.png"); +} + +tr.odd { + background-color:#c2cdde; + color: black +} + +tr.odd th a:link, tr.odd th a:visited { + color: #005a9c; + background-color:#c2cdde; +} + +tr.even th a:visited { + color: #005a9c; + background-color: #eee; +} + +tr.odd:hover, tr.odd:focus { + background-color:#a2adbe; +} + + tr.even:hover, tr.even:focus { + background-color:#ccc; +} + + +ul.compare li label { + display:block; + float:left; + width: 50%; +} + +ul.compare li { + clear: left; +} + +ul.compare li select { + margin-left: 2em; +} + +ul.multicompare li .topic, ul.multicompare li label { + display:block; + float:left; + width:15em; +} + +ul.multicompare li { + clear: left; + height:4em; + margin-bottom:.5em; +} + +ul.multicompare li select { + margin-bottom:1.75em; +} + +ul.multicompare li label { + margin-top: .5em; +} + +.commentblock { clear: left } + +div.ms_importance_satis table tr th + { + text-align: left; + overflow: hidden; + } + +strong.ownanswer { + font-style: italic; +} + +span.required, p.error { + color:red; +} + +ul.account { + list-style: none; +} + +ul.account li.main { + background: #eee; + color: #000; + margin: 10px 10px 15px 0px; +} + +ul.account li.main p { + margin: 0 0 0 10px; + padding: 15px 0 0 10px; +} + +ul.account li.main p strong { + font-size: 110%; +} + +ul.account > li { + color: #000; + margin-top: 15px; + padding-left: 90px; +} + +ul.alternative { + border: thin #777 solid; + -webkit-border-radius:2em; + -moz-border-radius:2em; + padding:1em; + list-style:none; +} + +ul.alternative, ul.alternative ul { background:white;} + +ul.alternative li.main { +margin-left: 5em; border: 1px solid #CCC; border-radius: 10px; padding: 1em; margin-bottom: .5em; margin-right: 10%; +} + +ul.alternative li.main strong { +font-size: 200%; color: #636; font-weight: normal; +} + +form.login { border-bottom:none;} +form.login ul li { border-top:none;} + +ul.alternative a:link, ul.alternative a:visited { background-color: inherit;} + +input.irreversible { + color: #eee; + margin-bottom: 1px; + background: #ef0000; + padding: 8px 20px !important; + font-size: 13px; + text-align: center; + color: #eee; + border-radius: 5px; +} + +/* Add a clear, just in case the items in a .multi contain floating images */ +div.multi li {clear: left} + +a.edit { + opacity: 0.70; +} + +a.edit { + margin-left: 1em; + color: #c0c0c0; +} + +a.edit:hover, a.edit:active, a.edit:focus { + opacity: 1; + border-bottom: none; +} + +p.rationaleblock, +p.commentblock { + margin-bottom: .5em; + padding: 0; +} + +q { + font-style: italic; +} + +div.widget .data tbody tr:nth-child(odd), +div.results .data tbody tr:nth-child(odd), +div.summary .data tbody tr:nth-child(odd) { + background-color: #f5f5ff; +} + +div.widget .data tbody tr:nth-child(even), +div.results .data tbody tr:nth-child(even), +div.summary .data tbody tr:nth-child(even) { + background-color: #fffff5; +} + +div.widget .data th, +div.widget .data td, +div.results .data th, +div.results .data td { + padding: .4em 1em; + overflow: hidden; +} + +.data select { + margin: 0; +} + +.data { + position: static; +} + +.submit_button { + background: #0654ba; + padding: 8px 20px !important; + font-size: 13px; + text-align: center; + color: #eee; + border: 1px solid #0654ba; + border-radius: 5px; +} + +.reset_button { + background: #777777; + padding: 8px 20px !important; + font-size: 13px; + text-align: center; + color: #eee; + border: 1px solid #777777; + border-radius: 5px; +} + +.delete_button { + margin-bottom: 1px; + background: #efefef; + border: 1px solid #a7a7a7; + padding: 8px 20px; + font-size: 13px; + text-align: center; + color: #ff0000; + border-radius: 5px; +} + +.delete_section { + border: 1px solid #ff0000; + border-radius: 1px; + margin-top: 2em; + margin-bottom: 2em; + margin-right: 10px; +} + +.delete_section_button { + float: right; + margin-left: 30px; +} + +.delete_section_label { + float: left; +} + +.clear { clear: both; } + +div.w3c_leftCol h3.category span.ribbon { + color: #17445f; + font-weight: bold; + border: 0; +} + +#leftCol_menu a:hover { + background-color: inherit; +} + +#leftCol_menu { + position: fixed; left: 10px; top: 115px; +} + +.w3c_leftCol2 { + width:4%; +} + +/* ****************** acces page *************** */ +td.access_no { + /* background-image: url('icons/x-mark-red.png'); */ + background-position: 50% 50%; + background-repeat: no-repeat; + background-size: 14px 14px; +} + +td.access_yes { + background-image: url('icons/check-mark-green.png'); + background-position: 50% 50%; + background-repeat: no-repeat; + background-size: 20px 20px; +} + +/* ****************** specific print rules *************** */ + +@media print { +h1.title.member::after { + display: block; + margin-top: 15px; + font-weight: bold; + font-size: 0.7em; + color: navy; + border: 2px dotted; + padding: 15px 10px 10px; + text-transform: uppercase; + word-spacing: 0.2em; + content: "w3c member confidential "; + } + +h1.title.team::after { + display: block; + margin-top: 15px; + font-weight: bold; + font-size: 0.7em; + color: navy; + border: 2px dotted; + padding: 15px 10px 10px; + text-transform: uppercase; + word-spacing: 0.2em; + content: "w3c team confidential "; + } +} diff --git a/redesign/qtypes-s24.html b/redesign/qtypes-s24.html new file mode 100644 index 0000000..28e4e86 --- /dev/null +++ b/redesign/qtypes-s24.html @@ -0,0 +1,1296 @@ + + + + WBS | xx | xx + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+ + + +
+ + +
+ + +
+
+

WBS question types

+ +
+ +
+ +

Only people identified as participants of the Test Group can answer this form.

+

This questionnaire is open for answers until 23:59, Boston time on +2015-12-31. +Answers received after that time may not be counted. +

+

The results of this questionnaire are available only to the participants of the group (and the W3C Team)

+

You may designate someone else in your organization to respond to this questionnaire in your stead.

+

If you cannot use this on-line questionnaire, you may send your answers by email to webreq@w3.org using the text version of this questionnaire.

+ +
+

You're identified as .

+ +
+
+1. Simple text questionEdit +
+

The following flavors were nominated for the best ice cream survey (ol):

+
    +
  1. Chocolate*
    2. +
  2. Vanilla*
    3. +
  3. Strawberry
    4. +
  4. Butter Pecan
    5. +
  5. Cherry*
    6. +
  6. Apple*
    7. +
+

The following flavors were nominated for the best ice cream survey (ul):

+ +

We thank the nominees, and the persons who nominated them, for their support. An asterisk (*) indicates that the nominee is a current participant. Please refer to the +statements about AB nominees to learn more about these candidates.

+ + +
+

:
+

+


+

+
+
+
+ +
+
+2. Single selection required Yes/NoEdit +

The Ice-cream Process Document states:

+ +
"The ice cream group is elected by the Ice Cream + Committee, using a Single-Transferable + Vote (STV) system. [...] Any Call for Nominations + specifies the number of available flavors, the deadline for + nominations, details about the specific vote tabulation system + selected by the Group for the election, and operational information + such as how to nominate a candidate flavor."
+

For this selection we use STV Meeks as the Tabulation system.

+ +
+ +
    +
    • +
    • +
+

:
+

+


+

+
+
+
+ +
+
+3. Single selection required Yes/No/Concur/AbstainEdit +

Single selection required Yes/No/Concur/Abstain.

+
+ +
    +
    • +
    • +
    • +
    • +
+

:
+

+


+

+
+
+
+ +
+4. Select one among many (drop-down list)Edit +

Select one among many .

+
+ + +

:
+

+


+

+
+
+
+ +
+5. Select one among many (radio buttons)Edit +

Select one among many (radio buttons).

+
+ +
    +
    • +
    • +
    • +
+

:
+

+


+

+
+
+
+ +
+6. Open commentsEdit +

Open comments.

+
+

:
+

+


+

+
+
+
+ +
+7. Text entriesEdit +

Text entries.

+
+

:
+

+


+

+
+
+
+ +
+8. Select multiple items (checkboxes)Edit +

Select multiple items (checkboxes).

+
+ +
    +
    • +
    • +
    • +
+

:
+

+


+

+
+
+
+ +
+9. Survey typeEdit +

Survey type.

+
+
+
    +
    • +
    • +
    • +
    • +
    • +
+

:
+

+


+

+
+
+
+ +
+10. Straw-pollEdit +

Straw-poll.

+
+
    +
    • +
    • +
    • +
+

:
+

+


+

+
+
+
+ +
+11. Rank-orderingEdit +

Rank-ordering.

+
+

Please select the rank-order (1 to 3) for the options +you think are acceptable (i.e. you can +live with it), where 1 is the most preferred, 2 the next best and so on... You also have a don’t mind and a don’t want option.

+ +
+ + + + + + + + + + + + + + + + + + +
RankChoice
choice 1
choice 2
choice 3
+

:
+

+


+

+
+
+
+ +
+12. Pick a time for a teleconfEdit +

Pick a time for a teleconf.

+
+ +
+ + + + + + + +
HourMonday
0 UTC
1 UTC
2 UTC
+

:
+

+


+

+
+
+
+ +
+13. Cumulative voteEdit +

Select a % for each choice

+
+
    +
    • +
    • +
    • +
    • +
  • Total: Remaining
+

:
+

+


+

+
+
+
+ +
+14. Importance surveyEdit +

Importance survey.

+
+
    +
    • +
    • +
    • +
+

:
+

+


+

+
+
+
+ +
+15. Importance and Satisfaction surveyEdit +

Importance and Satisfaction survey.

+
+ +
+ +
Rated itemImportanceSatisfaction
choice 1
choice + 2
choice + 3
+

:
+

+


+

+
+
+
+ +
+16. Technical Plenary widgetEdit +
For Group meetings on Monday, 11 November:
+

+

+

Attending as a participant in the selected group below:

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Group meetingAttending as a participant in this groupConfidentialityObserver request
Not Member confidential
Browser Testing and ToolsNot Member confidential
Chinese Web Accessibility CG (Mon afternoon only)Not Member confidential
CSS (Cascading Style Sheets)Not Member confidential
Digital PublishingNot Member confidential
Education and OutreachNot Member confidential
Efficient XML InterchangeNot Member confidential
I18N (Internationalization)Not Member confidential
Protocols and FormatsNot Member confidential
Systems ApplicationsNot Member confidential
TAGMember confidential
Timed TextNot Member confidential
User Agent AccessibilityNot Member confidential
Web and Broadcasting BGNot Member confidential
Web ApplicationsNot Member confidential
Web Real-Time CommunicationsNot Member confidential
XML QueryNot Member confidential
Other (Please specify below) (explain below)


+

+
+
+
+ +

+ Warning + This employees list question will not work with this questionnaire + because the questionnaire is for individuals rather than organizations.

+
+17. Employees listEdit +

Full statement of question.

+
+ + + +

:
+

+


+

+
+
+ +

This questionnaire is open for answers until 23:59, Boston time on +2015-12-31. +Answers received after that time may not be counted. +

+

The results of this questionnaire are available only to the participants of the group (and the W3C Team)

+

(if this isn't your email address, you can update your contact information).

+ +

+
+
+
+

You may completely remove your +response from our records.
+As this operation is not +reversible,

+

+

+
+
+ + +
+ + +
+
+
+

In this section

+ +
+
+ +
+
+
+ +
+ + + + +