source: Dev/branches/rest-dojo-ui/client/qed/css/main.css @ 420

Last change on this file since 420 was 420, checked in by hendrikvanantwerpen, 12 years ago

We can store answers for surveys now!

Introduces SurveyRun?, which can be edited. Workflow not quite clear yet. A
running survey can be accessed to leave a response. When the response
has an ID, it is loaded (used for closed surveys and continuations). A
researcher cannot create responses yet. He should also be able to add
comments to responses (that he creates).

Introduced caching of store requests.

Factored out path matching and formatting.

Put object creation in separate classes, to localize model/storage
dependency. Not consistent at the moment.
File size: 31.9 KB
Line 
1/* Menu.css */
2@import "external.css";
3@import "hva-mods.css";
4DESCRIPTION {
5  /*
6How to use colour system:
7Apply a combination of at most 1 "colour" class and one or more "modifier" classes.
8Colour classes: Red, Blue, Green, Orange, Purple
9Modifer classes:
10- textColor: Change the font colour of element to the "colour" class combined with.
11- bgColor: Change the background colour to the "colour" class combined with.
12- doesHover: If present in combination with one of the above two modifiers,
13the element will shift it's background- or text colour to a lighter version on hover.
14- hoverTextColor: Same as .textColor, but only affects elements being hovered over.
15- hoverBgColor: Same as .bgColor, but only affects elements being hovered over.
16NOTE: .doesHover does nothing in combination with the above two modifiers!
17*/
18
19}
20#rft.claro .blue.textColor {
21  color: #0072bc;
22}
23#rft.claro .blue.textColor.doesHover:hover {
24  color: #0794d1;
25}
26#rft.claro .blue.bgColor {
27  background-color: #0072bc;
28  color: #ffffff;
29}
30#rft.claro .blue.bgColor.doesHover:hover {
31  background-color: #0794d1;
32  color: #111111;
33}
34#rft.claro .blue.hoverTextColor:hover {
35  color: #0072bc;
36}
37#rft.claro .blue.hoverBgColor:hover {
38  background-color: #0072bc;
39}
40#rft.claro .red.textColor {
41  color: #8c0310;
42}
43#rft.claro .red.textColor.doesHover:hover {
44  color: #bd0013;
45}
46#rft.claro .red.bgColor {
47  background-color: #8c0310;
48  color: #ffffff;
49}
50#rft.claro .red.bgColor.doesHover:hover {
51  background-color: #bd0013;
52  color: #111111;
53}
54#rft.claro .red.hoverTextColor:hover {
55  color: #8c0310;
56}
57#rft.claro .red.hoverBgColor:hover {
58  background-color: #8c0310;
59}
60#rft.claro .orange.textColor {
61  color: #ff5b12;
62}
63#rft.claro .orange.textColor.doesHover:hover {
64  color: #ff9140;
65}
66#rft.claro .orange.bgColor {
67  background-color: #ff5b12;
68  color: #ffffff;
69}
70#rft.claro .orange.bgColor.doesHover:hover {
71  background-color: #ff9140;
72  color: #111111;
73}
74#rft.claro .orange.hoverTextColor:hover {
75  color: #ff5b12;
76}
77#rft.claro .orange.hoverBgColor:hover {
78  background-color: #ff5b12;
79}
80#rft.claro .green.textColor {
81  color: #25a000;
82}
83#rft.claro .green.textColor.doesHover:hover {
84  color: #63c400;
85}
86#rft.claro .green.bgColor {
87  background-color: #25a000;
88  color: #ffffff;
89}
90#rft.claro .green.bgColor.doesHover:hover {
91  background-color: #63c400;
92  color: #111111;
93}
94#rft.claro .green.hoverTextColor:hover {
95  color: #25a000;
96}
97#rft.claro .green.hoverBgColor:hover {
98  background-color: #25a000;
99}
100#rft.claro .purple.textColor {
101  color: #6529b7;
102}
103#rft.claro .purple.textColor.doesHover:hover {
104  color: #993dec;
105}
106#rft.claro .purple.bgColor {
107  background-color: #6529b7;
108  color: #ffffff;
109}
110#rft.claro .purple.bgColor.doesHover:hover {
111  background-color: #993dec;
112  color: #111111;
113}
114#rft.claro .purple.hoverTextColor:hover {
115  color: #6529b7;
116}
117#rft.claro .purple.hoverBgColor:hover {
118  background-color: #6529b7;
119}
120#rft.claro .textColor,
121#rft.claro .hoverTextColor {
122  transition: color 0.2s;
123}
124#rft.claro .bgColor,
125#rft.claro .hoverBgColor {
126  transition: background-color 0.2s;
127}
128/* This stylesheet compensates for the restoration of the claro style to its original specs. (21-6-2012)
129 * These changes should be moved to relevant stylesheets as soon as possible!
130*/
131/* Menu.css */
132.claro .topbar .dijitMenuitem {
133  width: 90px;
134  background-image: none;
135  background-position: top;
136  text-align: center;
137}
138.claro .dijitMenuPassive .dijitMenuItemHover,
139.claro .dijitMenuPassive .dijitMenuItemSelected {
140  background-color: transparent;
141  color: #ffffff;
142  border: none;
143  padding: 0 4px;
144}
145.claro .dijitMenuPassive .dijitMenuItemActive {
146  background-position: top;
147}
148/* layout/BorderContainer.css */
149.claro .dijitSplitContainer-child,
150.claro .dijitBorderContainer-child {
151  border: none;
152}
153.claro .dijitTabContainerTop-dijitContentPane,
154.claro .dijitTabContainerLeft-dijitContentPane,
155.claro .dijitTabContainerBottom-dijitContentPane,
156.claro .dijitTabContainerRight-dijitContentPane,
157.claro .dijitAccordionContainer-dijitContentPane {
158  background-color: transparent;
159}
160.claro .dijitSplitContainer-dijitContentPane,
161.claro .dijitBorderContainer-dijitContentPane {
162  background-color: transparent;
163}
164/* layout/TabContainer.css */
165.claro .dijitTabPaneWrapper {
166  background: transparent;
167}
168.claro .dijitTabInnerDiv {
169  background-color: transparent;
170  color: #999999;
171  border: none;
172}
173.claro .dijitTabContent {
174  border: none;
175}
176.claro .dijitTabHover .dijitTabInnerDiv {
177  background-color: transparent;
178  color: #ffffff;
179}
180.claro .dijitTabActive .dijitTabInnerDiv {
181  color: #0072bc;
182}
183.claro .dijitTabChecked .dijitTabInnerDiv {
184  background-color: transparent;
185  color: #ffffff;
186}
187.claro .dijitTabContent {
188  border: 1px solid #999999;
189}
190.claro .dijitTabHover .dijitTabContent {
191  border-color: #ffffff;
192}
193.claro .dijitTabActive .dijitTabContent {
194  border-color: transparent;
195}
196.claro .dijitTabChecked .dijitTabContent {
197  color: #ffffff;
198  border-color: #0072bc;
199}
200/*lefttabs*/
201.claro .dijitTabContainerLeft-tabs .dijitTab {
202  border-width: 1px;
203  left: 0;
204  margin-bottom: 4px;
205  margin-right: 8px;
206}
207.claro .dijitTabContainerLeft-tabs .dijitTabInnerDiv {
208  border: none;
209  background: transparent;
210  background-image: none;
211  background-position: top;
212  background-repeat: no-repeat;
213}
214.claro .dijitTabContainerLeft-tabs .dijitTabContent {
215  padding: 3px 8px 4px 8px;
216  background-image: none;
217}
218.claro .dijitTabContainerLeft-tabs .dijitTabChecked .dijitTabContent {
219  padding-right: 8px;
220  background-image: none;
221}
222.claro .dijitTabContainerLeft-tabs .dijitTabChecked .dijitTabInnerDiv {
223  -webkit-box-shadow: none;
224  -moz-box-shadow: none;
225  box-shadow: none;
226}
227.claro .dijitTabContainerLeft-tabs .dijitTabInnerDiv,
228.claro .dijitTabContainerLeft-tabs .dijitTabContent {
229  -moz-border-radius: 0;
230  border-radius: 0;
231  border: none;
232}
233*:focus {
234  outline: none;
235}
236html,
237body {
238  width: 100%;
239  height: 100%;
240  background-color: #333333;
241}
242#rft.claro {
243  font-family: 'Segoe UI', Helvetica, Verdana, Arial, sans-serif;
244  font-size: 13px;
245  color: #111111;
246}
247#rft.claro .dijitBorderContainer,
248#rft.claro .dijitContentPane,
249#rft.claro .dijitTabContainer,
250#rft.claro .dijitTabPaneWrapper {
251  background: transparent;
252  border: none;
253}
254#rft.claro h1 {
255  margin: 0 0 0 0;
256  padding: 0 10px 8px 10px;
257  float: left;
258  clear: left;
259  font-size: 48px;
260  color: #999999;
261  line-height: 48px;
262  font-weight: normal;
263  -webkit-user-select: none;
264  -moz-user-select: none;
265  -ms-user-select: none;
266  user-select: none;
267}
268#rft.claro h2 {
269  margin: 0 0 0 0;
270  padding: 0 0 0 0;
271  color: #999999;
272  font-size: 22px;
273  line-height: 30px;
274}
275#rft.claro h2 .rftIcon {
276  width: 32px;
277  height: 32px;
278  margin: 0;
279  padding: 0 0 0 0;
280  background-image: url('images/icons/rftIcons32.png');
281  margin-right: 8px;
282}
283#rft.claro h3 {
284  margin: 0 0 0 0;
285  font-size: 18px;
286  margin-bottom: 4px;
287}
288#rft.claro h4 {
289  font-size: 16px;
290}
291#rft.claro .topbar {
292  overflow-y: hidden;
293}
294#rft.claro .topbar .dijitMenuBar {
295  border: none;
296  background-image: none;
297  -webkit-box-shadow: none;
298  box-shadow: none;
299  border-radius: 0;
300  background-color: transparent;
301  float: right;
302  clear: right;
303  margin-top: 16px;
304}
305#rft.claro .topbar .breadcrumbs {
306  color: #999999;
307}
308#rft.claro .topbar .breadcrumbs .breadcrumb {
309  font-size: 13px;
310}
311#rft.claro .topbar .breadcrumbs .breadcrumb.breadcrumbCurrent {
312  color: #ffffff;
313  font-size: 15px;
314}
315#rft.claro .topbar .breadcrumbs .breadcrumb.breadcrumbHover {
316  color: #0072bc;
317}
318#rft.claro .dijitContentPane.page {
319  margin: 0 0 0 0;
320  padding: 0 0 0 0;
321}
322#rft.claro .dijitContentPane.content {
323  margin: 0 0 0 0;
324  padding: 0 0 0 0;
325  display: block;
326  clear: both;
327  background-color: #555555;
328  background-image: -webkit-gradient(50% 50%, circle, #666666 1%, #444444 100%);
329  -moz-background-image: gradient(50% 50%, circle, #666666 1%, #444444 100%);
330  -o-background-image: gradient(50% 50%, circle, #666666 1%, #444444 100%);
331  -ms-background-image: gradient(50% 50%, circle, #666666 1%, #444444 100%);
332  background-image: gradient(50% 50%, circle, #666666 1%, #444444 100%);
333}
334#rft.claro .dijitContentPane.content .dijitBorderContainer {
335  padding: 4px;
336}
337#rft.claro .loginLabel {
338  float: left;
339  clear: left;
340  width: 100px;
341}
342#rft.claro .loginInput {
343  width: 150px;
344}
345#rft.claro .rftMultipleChoiceWidget {
346  display: table;
347}
348#rft.claro .rftMultipleChoiceWidget .row {
349  display: table-row;
350}
351#rft.claro .rftMultipleChoiceWidget .rowBox {
352  display: table-cell;
353}
354#rft.claro .rftMultipleChoiceWidget .rowText {
355  display: table-cell;
356  width: 100px;
357}
358#rft.claro .rftMultipleChoiceWidget .rowBtn {
359  display: table-cell;
360  width: 30px;
361}
362#rft.claro .verticalTabList {
363  width: 190px;
364}
365#rft.claro .dijitTab {
366  -webkit-transition: all 0.2s;
367  -moz-transition: all 0.2s;
368  -o-transition: all 0.2s;
369  -ms-transition: all 0.2s;
370  transition: all 0.2s;
371  background-color: transparent;
372  padding: 4px 8px;
373  color: #999999;
374  overflow: hidden;
375}
376#rft.claro .dijitTabContainerLeft-tabs {
377  border: none;
378  padding: 4px;
379}
380#rft.claro .dijitTabContainerLeft-tabs .dijitTab {
381  margin: 4px;
382  width: 200px;
383  min-height: 30px;
384  border: 1px solid #999999;
385}
386#rft.claro .dijitTabContainerLeft-tabs .dijitTab .dijitTabContent {
387  min-height: 30px;
388  line-height: 30px;
389  width: 190px;
390}
391#rft.claro .dijitTabContainerLeft-tabs .dijitTab.dijitTabChecked {
392  -webkit-transition: all 0.1s;
393  -moz-transition: all 0.1s;
394  -o-transition: all 0.1s;
395  -ms-transition: all 0.1s;
396  transition: all 0.1s;
397  color: #ffffff;
398  border: 1px solid transparent;
399}
400#rft.claro .dijitTabContainerLeft-tabs .dijitTab.dijitTabChecked.dijitTabHover {
401  border: 1px solid transparent;
402}
403#rft.claro .dijitTabContainerLeft-tabs .dijitTab.dijitTabHover {
404  -webkit-transition: all 0.1s;
405  -moz-transition: all 0.1s;
406  -o-transition: all 0.1s;
407  -ms-transition: all 0.1s;
408  transition: all 0.1s;
409  color: #ffffff;
410  border-color: #ffffff;
411}
412#rft.claro .dijitTabContainerLeft-tabs .dijitTab.dijitTabActive {
413  -webkit-transition: all 0.1s;
414  -moz-transition: all 0.1s;
415  -o-transition: all 0.1s;
416  -ms-transition: all 0.1s;
417  transition: all 0.1s;
418  color: #999999;
419}
420#rft.claro.blue .dijitTabChecked,
421#rft.claro .blue .dijitTabChecked,
422#rft.claro div.blue.dijitTabChecked {
423  background-color: #0072bc;
424}
425#rft.claro.green .dijitTabChecked,
426#rft.claro .green .dijitTabChecked,
427#rft.claro div.green.dijitTabChecked {
428  background-color: #25a000;
429}
430#rft.claro.red .dijitTabChecked,
431#rft.claro .red .dijitTabChecked,
432#rft.claro div.red.dijitTabChecked {
433  background-color: #8c0310;
434}
435#rft.claro.orange .dijitTabChecked,
436#rft.claro .orange .dijitTabChecked,
437#rft.claro div.orange.dijitTabChecked {
438  background-color: #ff5b12;
439}
440#rft.claro.purple .dijitTabChecked,
441#rft.claro .purple .dijitTabChecked,
442#rft.claro div.purple.dijitTabChecked {
443  background-color: #6529b7;
444}
445#rft.claro fieldset {
446  border: none;
447}
448#rft.claro fieldset.align input,
449#rft.claro fieldset.align .dijitTextBox,
450#rft.claro fieldset.align textarea {
451  margin-left: 0;
452}
453#rft.claro fieldset.align label {
454  color: #ffffff;
455  display: inline-block;
456  width: 100px !important;
457}
458#rft.claro .newline {
459  float: left;
460  clear: left;
461  display: block;
462}
463#rft.claro .floatRight {
464  float: right;
465  margin: 0 0 0 0;
466}
467#rft.claro .rftLineListView {
468  max-width: 200px;
469  max-height: 500px;
470}
471#rft.claro .rftLineListView .rftLineListViewContent {
472  width: auto;
473  overflow: auto;
474}
475#rft.claro .rftIcon {
476  margin: 0 0 0 0;
477  padding: 0 0 0 0;
478  float: left;
479  display: inline-block;
480  border: none;
481  background-color: transparent;
482  background-repeat: no-repeat;
483}
484#rft .rftIconApplication {
485  background-position: 0px 0px;
486}
487#rft .rftIconDashboard {
488  background-position: -32px 0px;
489}
490#rft .rftIconSession {
491  background-position: -64px 0px;
492}
493#rft .rftIconSessionActive {
494  background-position: -96px 0px;
495}
496#rft .rftIconSessionTemplate {
497  background-position: -128px 0px;
498}
499#rft .rftIconSurvey {
500  background-position: -160px 0px;
501}
502#rft .rftIconQuestion {
503  background-position: -192px 0px;
504}
505#rft .rftIconQuestionFill {
506  background-position: -224px 0px;
507}
508#rft .rftIconRespondent {
509  background-position: -256px 0px;
510}
511#rft .rftIconAnswer {
512  background-position: -288px 0px;
513}
514#rft .rftIconAnswerSet {
515  background-position: -320px 0px;
516}
517#rft .rftIconGameData {
518  background-position: -352px 0px;
519}
520#rft .rftIconUser {
521  background-position: -384px 0px;
522}
523#rft .rftIconAccept {
524  background-position: -416px 0px;
525}
526#rft .rftIconCancel {
527  background-position: -448px 0px;
528}
529#rft .rftIconPlus {
530  background-position: -480px 0px;
531}
532#rft .rftIconMinus {
533  background-position: -512px 0px;
534}
535#rft .rftIconIncrease {
536  background-position: -544px 0px;
537}
538#rft .rftIconDecrease {
539  background-position: -576px 0px;
540}
541#rft .rftIconDelete {
542  background-position: -608px 0px;
543}
544#rft .rftIconHome {
545  background-position: -640px 0px;
546}
547#rft .rftIconPreview {
548  background-position: -672px 0px;
549}
550#rft .rftIconSave {
551  background-position: -704px 0px;
552}
553#rft .rftIconDiscard {
554  background-position: -736px 0px;
555}
556#rft .rftIconProperties {
557  background-position: -768px 0px;
558}
559#rft .rftIconUndo {
560  background-position: -800px 0px;
561}
562#rft .rftIconRedo {
563  background-position: -832px 0px;
564}
565#rft .rftIconBack {
566  background-position: -864px 0px;
567}
568#rft .rftIconForward {
569  background-position: -896px 0px;
570}
571#rft .rftIconRefresh {
572  background-position: -928px 0px;
573}
574#rft .rftIconHelp {
575  background-position: -960px 0px;
576}
577#rft .rftIconInspect {
578  background-position: -992px 0px;
579}
580#rft .rftIconTag {
581  background-position: -1024px 0px;
582}
583#rft .rftIconImage {
584  background-position: -1056px 0px;
585}
586#rft .rftIconEdit {
587  background-position: -1088px 0px;
588}
589#rft .rftIconLock {
590  background-position: -1120px 0px;
591}
592#rft .rftIconUnlock {
593  background-position: -1152px 0px;
594}
595#rft .rftIconPreset {
596  background-position: -1184px 0px;
597}
598#rft .rftIconTextBlock {
599  background-position: -1216px 0px;
600}
601#rft .rftIconPageBreak {
602  background-position: -1248px 0px;
603}
604#rft .rftIconExternal {
605  background-position: -1280px 0px;
606}
607#rft .rftIconInput {
608  background-position: -1312px 0px;
609}
610#rft .rftIconPublish {
611  background-position: -1344px 0px;
612}
613#rft .rftIconFullArrowUp {
614  background-position: -1696px 0px;
615}
616#rft .rftIconFullArrowDown {
617  background-position: -1728px 0px;
618}
619#rft .rftIconFullArrowLeft {
620  background-position: -1760px 0px;
621}
622#rft .rftIconFullArrowRight {
623  background-position: -1792px 0px;
624}
625#rft .rftIconHalfArrowUp {
626  background-position: -1824px 0px;
627}
628#rft .rftIconHalfArrowDown {
629  background-position: -1856px 0px;
630}
631#rft .rftIconHalfArrowLeft {
632  background-position: -1888px 0px;
633}
634#rft .rftIconHalfArrowRight {
635  background-position: -1920px 0px;
636}
637#rft.claro .rftSelector {
638  margin: 0 0 0 0;
639  padding: 0 0 0 0;
640  margin: 4px;
641}
642#rft.claro .rftSelector .rftLineWithActions {
643  margin: 0 0 0 0;
644  padding: 0 0 0 0;
645}
646#rft.claro .rftSelector .rftSelectorSelected .rftSelectorIndicator {
647  margin: 0 0 0 0;
648  padding: 0 0 0 0;
649  float: left;
650  width: 8px;
651  height: 24px;
652  background-color: #bedead;
653}
654#rft.claro .rftSelector .rftSelectorSelected .rftSelectorIndicator.conflict {
655  background-color: #ff0000;
656}
657#rft.claro .rftSelector .rftSelectorSelected .rftSelectorIndicator.pending {
658  background-color: #ff8000;
659}
660#rft.claro .rftSelector .rftSelectorSelected .rftSelectorIndicator.success {
661  background-color: #00ff00;
662}
663#rft.claro .rftSelector .rftSelectorOptions .rftLineWithActions,
664#rft.claro .rftSelector .rftSelectorSelected .rftLineWithActions {
665  background-color: #ffffff;
666  color: #111111;
667}
668#rft.claro .rftSelector .rftSelectorOptions .rftLineWithActions .rftInlineButton .rftIcon {
669  width: 16px;
670  height: 16px;
671  margin: 4px 0;
672  padding: 0 0 0 0;
673  background-image: url('images/icons/rftIcons16b.png');
674}
675#rft.claro .rftLineWithActions {
676  border: none;
677  background-image: none;
678  -webkit-box-shadow: none;
679  box-shadow: none;
680  border-radius: 0;
681  position: relative;
682  height: 24px;
683  white-space: nowrap;
684  margin: 4px 0;
685  color: #ffffff;
686  background-color: #0072bc;
687}
688#rft.claro .rftLineWithActions.dojoDndItem {
689  -webkit-transition: all 0.2s;
690  -moz-transition: all 0.2s;
691  -o-transition: all 0.2s;
692  -ms-transition: all 0.2s;
693  transition: all 0.2s;
694}
695#rft.claro .rftLineWithActions.dojoDndItem.dojoDndItemBefore {
696  margin-top: 6px;
697  border-top: 6px solid #ffffff;
698}
699#rft.claro .rftLineWithActions.dojoDndItem.dojoDndItemAfter {
700  margin-bottom: 6px;
701  border-bottom: 6px solid #ffffff;
702}
703#rft.claro .rftLineWithActions.dojoDndItem.dojoDndItemover,
704#rft.claro .rftLineWithActions.dojoDndItem.dojoDndItemAnchor {
705  background-image: none;
706  border: none;
707  padding: 2px;
708  background-color: rgba(255, 255, 255, 0.1);
709}
710#rft.claro .rftLineWithActions .rftLineWithActionsTitle {
711  float: left;
712  margin: 0 8px;
713  overflow: hidden;
714  white-space: nowrap;
715  word-wrap: break-word;
716  line-height: 24px;
717}
718#rft.claro .rftLineWithActions .rftLineWithActionsButtons {
719  margin: 0 0 0 0;
720  padding: 0 0 0 0;
721  line-height: 24px;
722  height: 24px;
723  position: absolute;
724  right: 0;
725  float: left;
726}
727#rft.claro .dojoDndSourceMoved .rftLineWithActions.dojoDndItemAnchor {
728  height: 0;
729}
730#rft.claro .rftIndexMenuBlock {
731  width: 400px;
732  height: 400px;
733  background: #444444;
734  float: left;
735  margin: 16px;
736  overflow: hidden;
737}
738#rft.claro .rftIndexMenuBlock:hover .rftIndexMenuMask {
739  margin-top: -400px;
740}
741#rft.claro .rftIndexMenuMask {
742  width: 400px;
743  height: 400px;
744  background: #444444;
745  color: #999999;
746  margin-top: 0;
747}
748#rft.claro .rftIndexMenuMask .label {
749  color: #999999;
750  font-size: 32px;
751  height: 32px;
752  line-height: 32px;
753  margin-top: 184px;
754  float: left;
755}
756#rft.claro .rftIndexMenuMask .rftIcon {
757  width: 32px;
758  height: 32px;
759  margin: 0;
760  padding: 0 0 0 0;
761  background-image: url('images/icons/rftIcons32.png');
762  float: left;
763  margin: 184px 8px 0 8px;
764}
765#rft.claro .rftIndexMenuButton {
766  border: none;
767  background-image: none;
768  -webkit-box-shadow: none;
769  box-shadow: none;
770  border-radius: 0;
771  margin: 0 0 0 0;
772  padding: 0 0 0 0;
773  -webkit-transition: all 0.3s;
774  -moz-transition: all 0.3s;
775  -o-transition: all 0.3s;
776  -ms-transition: all 0.3s;
777  transition: all 0.3s;
778  line-height: 32px;
779  border: none;
780}
781#rft.claro .rftIndexMenuButton .dijitButtonNode {
782  border: none;
783  color: #999999;
784  font-size: 22px;
785}
786#rft.claro .rftIndexMenuButton .dijitButtonNode .dijitButtonContents {
787  vertical-align: top;
788}
789#rft.claro .rftIndexMenuButton .dijitButtonNode .dijitButtonContents .dijitButtonText {
790  padding-bottom: 10px;
791  line-height: 20px;
792}
793#rft.claro .rftIndexMenuButton .dijitButtonNode .dijitButtonContents .rftIcon {
794  width: 32px;
795  height: 32px;
796  margin: 0;
797  padding: 0 0 0 0;
798  background-image: url('images/icons/rftIcons32.png');
799  margin: 0 8px;
800}
801#rft.claro .rftIndexMenuButton.oneHeight {
802  height: 100px;
803  width: 400px;
804}
805#rft.claro .rftIndexMenuButton.oneHeight .dijitButtonNode {
806  margin: 38px 0 0 0;
807}
808#rft.claro .rftIndexMenuButton.twoHeight {
809  height: 200px;
810  width: 400px;
811}
812#rft.claro .rftIndexMenuButton.twoHeight .dijitButtonNode {
813  margin: 88px 0 0 0;
814}
815#rft.claro .rftIndexMenuButton.fourHeight {
816  height: 400px;
817  width: 400px;
818}
819#rft.claro .rftIndexMenuButton.fourHeight .dijitButtonNode {
820  margin: 188px 0 0 0;
821}
822#rft.claro .rftIndexMenuButton.rftIndexMenuButtonHover {
823  color: #ffffff;
824  -webkit-transition: all 0.1s;
825  -moz-transition: all 0.1s;
826  -o-transition: all 0.1s;
827  -ms-transition: all 0.1s;
828  transition: all 0.1s;
829}
830#rft.claro .rftIndexMenuButton.rftIndexMenuButtonHover .dijitButtonText {
831  color: #ffffff;
832  -webkit-transition: all 0.1s;
833  -moz-transition: all 0.1s;
834  -o-transition: all 0.1s;
835  -ms-transition: all 0.1s;
836  transition: all 0.1s;
837}
838#rft.claro .rftIndexMenuButton.rftIndexMenuButtonHover.blue {
839  background-color: #0072bc;
840}
841#rft.claro .rftIndexMenuButton.rftIndexMenuButtonHover.red {
842  background-color: #8c0310;
843}
844#rft.claro .rftIndexMenuButton.rftIndexMenuButtonHover.green {
845  background-color: #25a000;
846}
847#rft.claro .rftIndexMenuButton.rftIndexMenuButtonHover.orange {
848  background-color: #ff5b12;
849}
850#rft.claro .rftIndexMenuButton.rftIndexMenuButtonHover.purple {
851  background-color: #6529b7;
852}
853#rft.claro .rftIndexMenuButton.rftIndexMenuButtonActive {
854  -webkit-transition: all 0.3s;
855  -moz-transition: all 0.3s;
856  -o-transition: all 0.3s;
857  -ms-transition: all 0.3s;
858  transition: all 0.3s;
859  color: #111111;
860  background: #ffffff;
861}
862#rft.claro .rftIndexMenuButton.rftIndexMenuButtonActive .rftIcon {
863  width: 32px;
864  height: 32px;
865  margin: 0;
866  padding: 0 0 0 0;
867  background-image: url('images/icons/rftIcons32b.png');
868}
869#rft.claro .dijitMenuPopup .dijitMenu {
870  border: none;
871  background-image: none;
872  -webkit-box-shadow: none;
873  box-shadow: none;
874  border-radius: 0;
875  color: #999999;
876  background-color: #333333;
877  border: none;
878}
879#rft.claro .dijitMenuPopup .dijitMenu .dijitMenuItem {
880  color: #999999;
881  border: none;
882  background-image: none;
883  -webkit-box-shadow: none;
884  box-shadow: none;
885  border-radius: 0;
886  background-color: #333333;
887}
888#rft.claro .dijitMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemHover .dijitMenuItemLabel,
889#rft.claro .dijitMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemActive .dijitMenuItemLabel,
890#rft.claro .dijitMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemSelected .dijitMenuItemLabel {
891  color: #ffffff;
892}
893#rft.claro .dijitMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemHover.red,
894#rft.claro .dijitMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemActive.red,
895#rft.claro .dijitMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemSelected.red {
896  background-color: #8c0310;
897}
898#rft.claro .dijitMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemHover.blue,
899#rft.claro .dijitMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemActive.blue,
900#rft.claro .dijitMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemSelected.blue {
901  background-color: #0072bc;
902}
903#rft.claro .dijitMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemHover.green,
904#rft.claro .dijitMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemActive.green,
905#rft.claro .dijitMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemSelected.green {
906  background-color: #25a000;
907}
908#rft.claro .dijitMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemHover.orange,
909#rft.claro .dijitMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemActive.orange,
910#rft.claro .dijitMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemSelected.orange {
911  background-color: #ff5b12;
912}
913#rft.claro .dijitMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemHover.purple,
914#rft.claro .dijitMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemActive.purple,
915#rft.claro .dijitMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemSelected.purple {
916  background-color: #6529b7;
917}
918#rft.claro .dijitMenuPopup .dijitMenu .dijitMenuItem .rftIcon {
919  width: 16px;
920  height: 16px;
921  margin: 4px 0;
922  padding: 0 0 0 0;
923  background-image: url('images/icons/rftIcons16.png');
924  margin: 0 0 0 0;
925  margin-right: 8px;
926}
927#rft.claro .dijitMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemActive .rftIcon {
928  width: 16px;
929  height: 16px;
930  margin: 4px 0;
931  padding: 0 0 0 0;
932  background-image: url('images/icons/rftIcons16b.png');
933}
934#rft.claro .dijitMenuBar .rftMainMenuButton {
935  border: none;
936  background-image: none;
937  -webkit-box-shadow: none;
938  box-shadow: none;
939  border-radius: 0;
940  -webkit-transition: all 0.1s;
941  -moz-transition: all 0.1s;
942  -o-transition: all 0.1s;
943  -ms-transition: all 0.1s;
944  transition: all 0.1s;
945  border: none;
946  height: 30px;
947  width: auto;
948  background: transparent;
949  color: #999999;
950  text-align: center;
951  font-size: 24px;
952  line-height: 30px;
953  padding: 0 4px;
954  margin: 0 5px;
955}
956#rft.claro .dijitMenuBar .rftMainMenuButton.dijitMenuItemHover,
957#rft.claro .dijitMenuBar .rftMainMenuButton.dijitMenuitemActive {
958  -webkit-transition: all 0.1s;
959  -moz-transition: all 0.1s;
960  -o-transition: all 0.1s;
961  -ms-transition: all 0.1s;
962  transition: all 0.1s;
963}
964#rft.claro .dijitMenuBar .rftMainMenuButton.dijitMenuItemHover {
965  color: #ffffff;
966  font-size: 26px;
967}
968#rft.claro .dijitMenuBar .rftMainMenuButton.dijitMenuItemActive {
969  color: #0072bc;
970  font-size: 26px;
971}
972#rft.claro .dijitMenuBar .rftMainMenuButton.dijitMenuItemSelected {
973  font-size: 26px;
974  color: #ffffff;
975}
976#rft.claro .dojoxTitleGroup .dijitTitlePane {
977  margin: 0 0 0 0;
978}
979#rft.claro .dojoxTitleGroup .dijitTitlePane .dijitTitlePaneTitle {
980  border: none;
981  background-image: none;
982  -webkit-box-shadow: none;
983  box-shadow: none;
984  border-radius: 0;
985  margin: 0 0 0 0;
986  background-color: #ff5b12;
987  border: none;
988  padding: 0 4px;
989  height: 24px;
990}
991#rft.claro .dojoxTitleGroup .dijitTitlePane .dijitTitlePaneTitle.dijitTitlePaneTitleHover,
992#rft.claro .dojoxTitleGroup .dijitTitlePane .dijitTitlePaneTitle.dijitTitlePaneTitleFocused {
993  background-color: #ff9140;
994}
995#rft.claro .dojoxTitleGroup .dijitTitlePane .dijitTitlePaneTextNode {
996  color: #ffffff;
997  font-size: 13px;
998  line-height: 24px;
999}
1000#rft.claro .dojoxTitleGroup .dijitTitlePane .dijitTitlePaneContentOuter {
1001  background-color: #444444;
1002  border: none;
1003}
1004#rft.claro .dojoxTitleGroup .dijitTitlePane .dijitTitlePaneTitleFocus {
1005  margin: 0 0 0 0;
1006}
1007#rft.claro .rftSurveyListView .rftSurveyListViewContent {
1008  min-height: 300px;
1009  background: #444444;
1010  overflow: auto;
1011}
1012#rft.claro .rftLargeButton {
1013  border: none;
1014  background-image: none;
1015  -webkit-box-shadow: none;
1016  box-shadow: none;
1017  border-radius: 0;
1018  margin-right: 16px;
1019  height: 24px;
1020}
1021#rft.claro .rftLargeButton*,
1022#rft.claro .rftLargeButton * {
1023  -webkit-user-select: none;
1024  -moz-user-select: none;
1025  -ms-user-select: none;
1026  user-select: none;
1027}
1028#rft.claro .rftLargeButton .dijitButtonNode {
1029  border: none;
1030  background-image: none;
1031  -webkit-box-shadow: none;
1032  box-shadow: none;
1033  border-radius: 0;
1034  border: none;
1035  height: 24px;
1036  background: transparent;
1037  color: #999999;
1038  font-size: 20px;
1039  -webkit-transition: all 0.3s;
1040  -moz-transition: all 0.3s;
1041  -o-transition: all 0.3s;
1042  -ms-transition: all 0.3s;
1043  transition: all 0.3s;
1044}
1045#rft.claro .rftLargeButton .dijitButtonNode .rftIcon {
1046  width: 24px;
1047  height: 24px;
1048  margin: 0 0 0 0;
1049  padding: 0 0 0 0;
1050  background-image: url('images/icons/rftIcons24.png');
1051}
1052#rft.claro .rftLargeButton .dijitButtonNode .dijitButtonText {
1053  line-height: 24px;
1054  margin: 0 0 0 0;
1055  padding-left: 8px;
1056}
1057#rft.claro .rftLargeButton.black .dijitButtonNode .rftIcon {
1058  width: 24px;
1059  height: 24px;
1060  margin: 0 0 0 0;
1061  padding: 0 0 0 0;
1062  background-image: url('images/icons/rftIcons24b.png');
1063}
1064#rft.claro .rftLargeButton.rftLargeButtonHover .dijitButtonNode,
1065#rft.claro .rftLargeButton.rftLargeButtonActive .dijitButtonNode {
1066  -webkit-transition: all 0.1s;
1067  -moz-transition: all 0.1s;
1068  -o-transition: all 0.1s;
1069  -ms-transition: all 0.1s;
1070  transition: all 0.1s;
1071}
1072#rft.claro span.blue.rftLargeButton.rftLargeButtonActive .dijitButtonNode,
1073#rft.claro .blue .rftLargeButton.rftLargeButtonActive .dijitButtonNode {
1074  color: #0794d1;
1075}
1076#rft.claro span.orange.rftLargeButton.rftLargeButtonActive .dijitButtonNode,
1077#rft.claro .orange .rftLargeButton.rftLargeButtonActive .dijitButtonNode {
1078  color: #ff9140;
1079}
1080#rft.claro span.green.rftLargeButton.rftLargeButtonActive .dijitButtonNode,
1081#rft.claro .green .rftLargeButton.rftLargeButtonActive .dijitButtonNode {
1082  color: #63c400;
1083}
1084#rft.claro span.red.rftLargeButton.rftLargeButtonActive .dijitButtonNode,
1085#rft.claro .red .rftLargeButton.rftLargeButtonActive .dijitButtonNode {
1086  color: #bd0013;
1087}
1088#rft.claro span.purple.rftLargeButton.rftLargeButtonActive .dijitButtonNode,
1089#rft.claro .purple .rftLargeButton.rftLargeButtonActive .dijitButtonNode {
1090  color: #993dec;
1091}
1092#rft.claro .rftBlockButton {
1093  border: none;
1094  background-image: none;
1095  -webkit-box-shadow: none;
1096  box-shadow: none;
1097  border-radius: 0;
1098  margin: 0 0 0 0;
1099  height: 24px;
1100  vertical-align: top;
1101}
1102#rft.claro .rftBlockButton .dijitButtonContents {
1103  height: 24px;
1104}
1105#rft.claro .rftBlockButton .dijitButtonNode {
1106  border: none;
1107  background-image: none;
1108  -webkit-box-shadow: none;
1109  box-shadow: none;
1110  border-radius: 0;
1111  -webkit-transition: all 0.3s;
1112  -moz-transition: all 0.3s;
1113  -o-transition: all 0.3s;
1114  -ms-transition: all 0.3s;
1115  transition: all 0.3s;
1116  line-height: 24px;
1117  vertical-align: top;
1118  height: 24px;
1119  padding: 0 4px;
1120  border: none;
1121  color: #ffffff;
1122  font-size: 13px;
1123}
1124#rft.claro .rftBlockButton .dijitButtonNode .dijitButtonText {
1125  line-height: 24px;
1126}
1127#rft.claro .rftBlockButton .dijitButtonNode .rftIcon {
1128  width: 16px;
1129  height: 16px;
1130  margin: 4px 0;
1131  padding: 0 0 0 0;
1132  background-image: url('images/icons/rftIcons16.png');
1133}
1134#rft.claro .rftBlockButton.rftBlockButtonHover,
1135#rft.claro .rftBlockButton.rftBlockButtonActive {
1136  -webkit-transition: all 0.1s;
1137  -moz-transition: all 0.1s;
1138  -o-transition: all 0.1s;
1139  -ms-transition: all 0.1s;
1140  transition: all 0.1s;
1141}
1142#rft.claro .rftBlockButton.rftBlockButtonHover .rftIcon,
1143#rft.claro .rftBlockButton.rftBlockButtonActive .rftIcon {
1144  vertical-align: top;
1145  width: 16px;
1146  height: 16px;
1147  margin: 4px 0;
1148  padding: 0 0 0 0;
1149  background-image: url('images/icons/rftIcons16b.png');
1150}
1151#rft.claro .rftInlineButton {
1152  float: right;
1153  height: 24px;
1154  width: 24px;
1155}
1156#rft.claro .rftInlineButton .dijitButtonNode {
1157  margin: 0 0 0 0;
1158  padding: 0 0 0 0;
1159  border: none;
1160  background-image: none;
1161  -webkit-box-shadow: none;
1162  box-shadow: none;
1163  border-radius: 0;
1164  width: 24px;
1165  height: 24px;
1166  border: none;
1167}
1168#rft.claro .rftInlineButton .rftIcon {
1169  width: 16px;
1170  height: 16px;
1171  margin: 4px 0;
1172  padding: 0 0 0 0;
1173  background-image: url('images/icons/rftIcons16.png');
1174}
1175#rft.claro .rftInlineButton.white .rftIcon {
1176  width: 16px;
1177  height: 16px;
1178  margin: 4px 0;
1179  padding: 0 0 0 0;
1180  background-image: url('images/icons/rftIcons16.png');
1181}
1182#rft.claro .rftInlineButton.black .rftIcon {
1183  width: 16px;
1184  height: 16px;
1185  margin: 4px 0;
1186  padding: 0 0 0 0;
1187  background-image: url('images/icons/rftIcons16b.png');
1188}
1189#rft.claro .rftObjectBox {
1190  margin: 8px 0;
1191}
1192#rft.claro .rftObjectBox .rftLineWithActions {
1193  margin: 0 0 0 0;
1194  padding: 0 0 0 0;
1195}
1196#rft.claro .rftSessionObject {
1197  margin: 0 0 0 0;
1198  padding: 0 0 0 0;
1199  width: 100px;
1200  height: 100px;
1201  background: #999999;
1202  margin: 8px;
1203  display: inline-block;
1204}
1205#rft.claro .rftSessionObject .rftIcon {
1206  width: 32px;
1207  height: 32px;
1208  margin: 0;
1209  padding: 0 0 0 0;
1210  background-image: url('images/icons/rftIcons32.png');
1211  margin: 8px 34px 0 34px;
1212}
1213#rft.claro .rftSessionObject label {
1214  margin: 0 0 0 0;
1215  padding: 0 0 0 0;
1216  float: left;
1217  clear: both;
1218  width: 100px;
1219  text-align: center;
1220  color: #ffffff;
1221  overflow: hidden;
1222}
1223#rft.claro .rftSessionObject.blue {
1224  background-color: #0072bc;
1225}
1226#rft.claro .rftSessionObject.blue.selected {
1227  background-color: #0794d1;
1228}
1229#rft.claro .rftSessionObject.green {
1230  background-color: #25a000;
1231}
1232#rft.claro .rftSessionObject.green.selected {
1233  background-color: #63c400;
1234}
1235#rft.claro .rftSessionObject.red {
1236  background-color: #8c0310;
1237}
1238#rft.claro .rftSessionObject.red.selected {
1239  background-color: #bd0013;
1240}
1241#rft.claro .page_questions .rftSelector .rftSelectorCategory .rftLineWithActions {
1242  background-color: #ff5b12;
1243}
1244#rft.claro .page_questions .rftSelector .rftSelectorSelected .rftLineWithActions {
1245  background-color: #ffffff;
1246  color: #111111;
1247}
1248#rft.claro .page_questions .rftSelector .rftSelectorSelected .rftBlockButton {
1249  background-color: #ff00ff;
1250}
1251#rft.claro .page_questions .rftSelector .rftSelectorSelected .rftBlockButton .dijitButtonNode {
1252  background-color: #ff5b12;
1253}
1254#rft.claro .page_questions .rftSelector .rftSelectorSelected .rftBlockButton.dijitHover .dijitButtonNode {
1255  background-color: #ffffff;
1256  color: #111111;
1257}
1258#rft.claro .page_questions .rftSelector .rftSelectorSelected .rftBlockButton.dijitActive .dijitButtonNode {
1259  background-color: #ff9140;
1260  color: #ffffff;
1261}
1262#rft.claro .page_sessions .rftObjectBox {
1263  padding: 0 0 0 0;
1264  color: #ffffff;
1265}
1266#rft.claro .page_sessions .rftObjectBox .typeIcon.rftIcon {
1267  width: 32px;
1268  height: 32px;
1269  margin: 0;
1270  padding: 0 0 0 0;
1271  background-image: url('images/icons/rftIcons32.png');
1272}
1273#rft.claro .page_sessions .rftObjectBox .rftLineWithActions {
1274  background-color: #25a000;
1275}
1276#rft.claro .page_sessions .rftObjectBox .rftLineWithActions .rftBlockButton .dijitButtonNode {
1277  background-color: #25a000;
1278}
1279#rft.claro .page_sessions .rftObjectBox .rftLineWithActions .rftBlockButton.dijitHover .dijitButtonNode {
1280  background-color: #ffffff;
1281  color: #111111;
1282}
1283#rft.claro .page_sessions .rftObjectBox .rftLineWithActions .rftBlockButton.dijitActive .dijitButtonNode {
1284  background-color: #63c400;
1285  color: #ffffff;
1286}
Note: See TracBrowser for help on using the repository browser.