source: Dev/branches/rest-dojo-ui/client/rft/css/LESS/main.css @ 403

Last change on this file since 403 was 403, checked in by tjcschipper, 13 years ago
  • Switched to LESS for stylesheets. Most of the conversion is done, it's only (predictably) the color system that is giving trouble. Plan for next week: get rid of the inherit stuff, just use proper color classes.

-> Use only a minimal .*colorName* .bg/.text class combination that doesn't inherit. Do anything more complicated than that in a page-specific stylesheet.
File size: 26.0 KB
Line 
1*:focus {
2  outline: none;
3}
4html,
5body {
6  width: 100%;
7  height: 100%;
8  background-color: #333333;
9}
10#rft.claro {
11  font-family: 'Segoe UI', Helvetica, Verdana, Arial, sans-serif;
12  font-size: 13px;
13  color: #111111;
14}
15#rft.claro h1 {
16  margin: 0;
17  padding: 0 10px 8px 10px;
18  float: left;
19  clear: left;
20  font-size: 48px;
21  color: #999999;
22  line-height: 48px;
23  font-weight: normal;
24  -webkit-user-select: none;
25  -moz-user-select: none;
26  -ms-user-select: none;
27  user-select: none;
28}
29#rft.claro h2 {
30  margin: 0;
31  padding: 0;
32  color: #999999;
33  font-size: 22px;
34  line-height: 30px;
35}
36#rft.claro h2 .rftIcon {
37  width: 32px;
38  height: 32px;
39  margin: 0;
40  background-image: url('images/icons/rftIcons24.png');
41  width: 32px;
42  height: 32px;
43  margin: 0;
44  background-image: url('images/icons/rftIcons32.png');
45  margin-right: 8px;
46}
47#rft.claro h3 {
48  margin: 0;
49  font-size: 18px;
50  margin-bottom: 4px;
51}
52#rft.claro h4 {
53  font-size: 16px;
54}
55#rft.claro .topbar {
56  overflow-y: hidden;
57}
58#rft.claro .topbar .dijitMenuBar {
59  border: none;
60  background-image: none;
61  -webkit-box-shadow: none;
62  box-shadow: none;
63  border-radius: 0;
64  background-color: transparent;
65  float: right;
66  clear: right;
67  margin-top: 16px;
68}
69#rft.claro .topbar .breadcrumbs {
70  color: #999999;
71}
72#rft.claro .topbar .breadcrumbs .breadcrumb {
73  font-size: 13px;
74}
75#rft.claro .topbar .breadcrumbs .breadcrumb.breadcrumbCurrent {
76  color: #ffffff;
77  font-size: 15px;
78}
79#rft.claro .topbar .breadcrumbs .breadcrumb.breadcrumbHover {
80  color: #0072bc;
81}
82#rft.claro .dijitContentPane.page {
83  margin: 0;
84  padding: 0;
85}
86#rft.claro .dijitContentPane.content {
87  margin: 0;
88  padding: 0;
89  display: block;
90  clear: both;
91  background-color: #555555;
92  background-image: -webkit-gradient(50% 50%, circle, #666666 1%, #444444 100%);
93  -moz-background-image: gradient(50% 50%, circle, #666666 1%, #444444 100%);
94  -o-background-image: gradient(50% 50%, circle, #666666 1%, #444444 100%);
95  -ms-background-image: gradient(50% 50%, circle, #666666 1%, #444444 100%);
96  background-image: gradient(50% 50%, circle, #666666 1%, #444444 100%);
97}
98#rft.claro .dijitContentPane.content .dijitBorderContainer {
99  padding: 4px;
100}
101#rft.claro .loginLabel {
102  float: left;
103  clear: left;
104  width: 100px;
105}
106#rft.claro .loginInput {
107  width: 150px;
108}
109#rft.claro .rftMultipleChoiceWidget {
110  display: table;
111}
112#rft.claro .rftMultipleChoiceWidget .row {
113  display: table-row;
114}
115#rft.claro .rftMultipleChoiceWidget .rowBox {
116  display: table-cell;
117}
118#rft.claro .rftMultipleChoiceWidget .rowText {
119  display: table-cell;
120  width: 100px;
121}
122#rft.claro .rftMultipleChoiceWidget .rowBtn {
123  display: table-cell;
124  width: 30px;
125}
126#rft.claro .verticalTabList {
127  width: 190px;
128}
129#rft.claro .dijitTab {
130  -webkit-transition: all 0.2s;
131  -moz-transition: all 0.2s;
132  -o-transition: all 0.2s;
133  -ms-transition: all 0.2s;
134  transition: all 0.2s;
135  background-color: transparent;
136  padding: 4px 8px;
137  color: #999999;
138  overflow: hidden;
139}
140#rft.claro .dijitTab.dijitTabHover {
141  -webkit-transition: all 0.1s;
142  -moz-transition: all 0.1s;
143  -o-transition: all 0.1s;
144  -ms-transition: all 0.1s;
145  transition: all 0.1s;
146  color: #ffffff;
147  border-color: #ffffff;
148}
149#rft.claro .dijitTab.dijitTabActive {
150  -webkit-transition: all 0.1s;
151  -moz-transition: all 0.1s;
152  -o-transition: all 0.1s;
153  -ms-transition: all 0.1s;
154  transition: all 0.1s;
155  color: #999999;
156}
157#rft.claro .dijitTab.dijitTabChecked {
158  -webkit-transition: all 0.1s;
159  -moz-transition: all 0.1s;
160  -o-transition: all 0.1s;
161  -ms-transition: all 0.1s;
162  transition: all 0.1s;
163  color: #ffffff;
164  border: 1px solid transparent;
165}
166#rft.claro .dijitTabContainerLeft-tabs {
167  border: none;
168  padding: 4px;
169}
170#rft.claro .dijitTabContainerLeft-tabs .dijitTab {
171  margin: 4px 0;
172  width: 200px;
173  min-height: 30px;
174  border: 1px solid #999999;
175}
176#rft.claro .dijitTabContainerLeft-tabs .dijitTab .dijitTabContent {
177  min-height: 30px;
178  line-height: 30px;
179  width: 190px;
180}
181#rft.claro.blue .dijitTabChecked,
182#rft.claro .blue .dijitTabChecked,
183#rft.claro div.blue.dijitTabChecked {
184  background-color: #0072bc;
185}
186#rft.claro.green .dijitTabChecked,
187#rft.claro .green .dijitTabChecked,
188#rft.claro div.green.dijitTabChecked {
189  background-color: #3aa605;
190}
191#rft.claro.red .dijitTabChecked,
192#rft.claro .red .dijitTabChecked,
193#rft.claro div.red.dijitTabChecked {
194  background-color: #8c0310;
195}
196#rft.claro.orange .dijitTabChecked,
197#rft.claro .orange .dijitTabChecked,
198#rft.claro div.orange.dijitTabChecked {
199  background-color: #ff5b12;
200}
201#rft.claro.purple .dijitTabChecked,
202#rft.claro .purple .dijitTabChecked,
203#rft.claro div.purple.dijitTabChecked {
204  background-color: #6529b7;
205}
206#rft.claro fieldset {
207  border: none;
208}
209#rft.claro fieldset.align input,
210#rft.claro fieldset.align .dijitTextBox,
211#rft.claro fieldset.align textarea {
212  margin-left: 0;
213}
214#rft.claro fieldset.align label {
215  color: #ffffff;
216  display: inline-block;
217  width: 100px !important;
218}
219#rft.claro .newline {
220  float: left;
221  clear: left;
222  display: block;
223}
224#rft.claro .floatRight {
225  float: right;
226  margin: 0;
227}
228#rft.claro .rftLineListView {
229  max-width: 200px;
230  max-height: 500px;
231}
232#rft.claro .rftLineListView .rftLineListViewContent {
233  width: auto;
234  overflow: auto;
235}
236#rft.claro .bgColor {
237  -webkit-transition-property: background-color 0.2s;
238  -moz-transition-property: background-color 0.2s;
239  -o-transition-property: background-color 0.2s;
240  -ms-transition-property: background-color 0.2s;
241  transition-property: background-color 0.2s;
242}
243#rft.claro .blue.bgColor,
244#rft.claro.blue.bgColor {
245  background-color: #0072bc !important;
246}
247#rft.claro .blue.bgColor.light,
248#rft.claro.blue.bgColor.light {
249  background-color: #0794d1 !important;
250}
251#rft.claro .blue .bgColor,
252#rft.claro.blue .bgColor {
253  background-color: #0072bc;
254}
255#rft.claro .blue .bgColor.light,
256#rft.claro.blue .bgColor.light {
257  background-color: #0794d1;
258}
259#rft.claro .blue.bgColorHover:hover,
260#rft.claro.blue.bgColorHover:hover {
261  background-color: #0072bc !important;
262}
263#rft.claro .blue.bgColorHover:hover.light,
264#rft.claro.blue.bgColorHover:hover.light {
265  background-color: #0794d1 !important;
266}
267#rft.claro .blue .bgColorHover:hover,
268#rft.claro.blue .bgColorHover:hover {
269  background-color: #0072bc;
270}
271#rft.claro .blue .bgColorHover:hover.light,
272#rft.claro.blue .bgColorHover:hover.light {
273  background-color: #0794d1;
274}
275#rft.claro .green.bgColor,
276#rft.claro.green.bgColor {
277  background-color: #3aa605 !important;
278}
279#rft.claro .green.bgColor.light,
280#rft.claro.green.bgColor.light {
281  background-color: #79ca0a !important;
282}
283#rft.claro .green .bgColor,
284#rft.claro.green .bgColor {
285  background-color: #3aa605;
286}
287#rft.claro .green .bgColor.light,
288#rft.claro.green .bgColor.light {
289  background-color: #79ca0a;
290}
291#rft.claro .green.bgColorHover:hover,
292#rft.claro.green.bgColorHover:hover {
293  background-color: #3aa605 !important;
294}
295#rft.claro .green.bgColorHover:hover.light,
296#rft.claro.green.bgColorHover:hover.light {
297  background-color: #79ca0a !important;
298}
299#rft.claro .green .bgColorHover:hover,
300#rft.claro.green .bgColorHover:hover {
301  background-color: #3aa605;
302}
303#rft.claro .green .bgColorHover:hover.light,
304#rft.claro.green .bgColorHover:hover.light {
305  background-color: #79ca0a;
306}
307#rft.claro .orange.bgColor,
308#rft.claro.orange.bgColor {
309  background-color: #ff5b12 !important;
310}
311#rft.claro .orange.bgColor.light,
312#rft.claro.orange.bgColor.light {
313  background-color: #ff9140 !important;
314}
315#rft.claro .orange .bgColor,
316#rft.claro.orange .bgColor {
317  background-color: #ff5b12;
318}
319#rft.claro .orange .bgColor.light,
320#rft.claro.orange .bgColor.light {
321  background-color: #ff9140;
322}
323#rft.claro .orange.bgColorHover:hover,
324#rft.claro.orange.bgColorHover:hover {
325  background-color: #ff5b12 !important;
326}
327#rft.claro .orange.bgColorHover:hover.light,
328#rft.claro.orange.bgColorHover:hover.light {
329  background-color: #ff9140 !important;
330}
331#rft.claro .orange .bgColorHover:hover,
332#rft.claro.orange .bgColorHover:hover {
333  background-color: #ff5b12;
334}
335#rft.claro .orange .bgColorHover:hover.light,
336#rft.claro.orange .bgColorHover:hover.light {
337  background-color: #ff9140;
338}
339#rft.claro .red.bgColor,
340#rft.claro.red.bgColor {
341  background-color: #8c0310 !important;
342}
343#rft.claro .red.bgColor.light,
344#rft.claro.red.bgColor.light {
345  background-color: #bd0013 !important;
346}
347#rft.claro .red .bgColor,
348#rft.claro.red .bgColor {
349  background-color: #8c0310;
350}
351#rft.claro .red .bgColor.light,
352#rft.claro.red .bgColor.light {
353  background-color: #bd0013;
354}
355#rft.claro .red.bgColorHover:hover,
356#rft.claro.red.bgColorHover:hover {
357  background-color: #8c0310 !important;
358}
359#rft.claro .red.bgColorHover:hover.light,
360#rft.claro.red.bgColorHover:hover.light {
361  background-color: #bd0013 !important;
362}
363#rft.claro .red .bgColorHover:hover,
364#rft.claro.red .bgColorHover:hover {
365  background-color: #8c0310;
366}
367#rft.claro .red .bgColorHover:hover.light,
368#rft.claro.red .bgColorHover:hover.light {
369  background-color: #bd0013;
370}
371#rft.claro .purple.bgColor,
372#rft.claro.purple.bgColor {
373  background-color: #6529b7 !important;
374}
375#rft.claro .purple.bgColor.light,
376#rft.claro.purple.bgColor.light {
377  background-color: #993dec !important;
378}
379#rft.claro .purple .bgColor,
380#rft.claro.purple .bgColor {
381  background-color: #6529b7;
382}
383#rft.claro .purple .bgColor.light,
384#rft.claro.purple .bgColor.light {
385  background-color: #993dec;
386}
387#rft.claro .purple.bgColorHover:hover,
388#rft.claro.purple.bgColorHover:hover {
389  background-color: #6529b7 !important;
390}
391#rft.claro .purple.bgColorHover:hover.light,
392#rft.claro.purple.bgColorHover:hover.light {
393  background-color: #993dec !important;
394}
395#rft.claro .purple .bgColorHover:hover,
396#rft.claro.purple .bgColorHover:hover {
397  background-color: #6529b7;
398}
399#rft.claro .purple .bgColorHover:hover.light,
400#rft.claro.purple .bgColorHover:hover.light {
401  background-color: #993dec;
402}
403#rft.claro .rftIcon {
404  margin: 0;
405  padding: 0;
406  float: left;
407  display: inline-block;
408  border: none;
409  background-color: transparent;
410  background-repeat: no-repeat;
411}
412#rft.claro .rftIcon.rftMainIcon {
413  width: 32px;
414  height: 32px;
415  margin: 0;
416  background-image: url('images/icons/rftIcons24.png');
417  width: 32px;
418  height: 32px;
419  margin: 0;
420  background-image: url('images/icons/rftIcons32.png');
421}
422#rft.claro .rftIcon.rftMidIcon {
423  width: 24px;
424  height: 24px;
425  margin: 0px 0;
426  background-image: url('images/icons/rftIcons16.png');
427}
428#rft.claro .rftIcon.rftSmallIcon {
429  width: 16px;
430  height: 16px;
431  margin: 4px 0;
432  background-image: url('images/icons/rftIcons16.png');
433}
434#rft .rftIconApplication {
435  background-position: 0px 0px;
436}
437#rft .rftIconDashboard {
438  background-position: -32px 0px;
439}
440#rft .rftIconSession {
441  background-position: -64px 0px;
442}
443#rft .rftIconSessionActive {
444  background-position: -96px 0px;
445}
446#rft .rftIconSessionTemplate {
447  background-position: -128px 0px;
448}
449#rft .rftIconSurvey {
450  background-position: -160px 0px;
451}
452#rft .rftIconQuestion {
453  background-position: -192px 0px;
454}
455#rft .rftIconQuestionFill {
456  background-position: -224px 0px;
457}
458#rft .rftIconRespondent {
459  background-position: -256px 0px;
460}
461#rft .rftIconAnswer {
462  background-position: -288px 0px;
463}
464#rft .rftIconAnswerSet {
465  background-position: -320px 0px;
466}
467#rft .rftIconGameData {
468  background-position: -352px 0px;
469}
470#rft .rftIconUser {
471  background-position: -384px 0px;
472}
473#rft .rftIconAccept {
474  background-position: -416px 0px;
475}
476#rft .rftIconCancel {
477  background-position: -448px 0px;
478}
479#rft .rftIconPlus {
480  background-position: -480px 0px;
481}
482#rft .rftIconMinus {
483  background-position: -512px 0px;
484}
485#rft .rftIconIncrease {
486  background-position: -544px 0px;
487}
488#rft .rftIconDecrease {
489  background-position: -576px 0px;
490}
491#rft .rftIconDelete {
492  background-position: -608px 0px;
493}
494#rft .rftIconHome {
495  background-position: -640px 0px;
496}
497#rft .rftIconPreview {
498  background-position: -672px 0px;
499}
500#rft .rftIconSave {
501  background-position: -704px 0px;
502}
503#rft .rftIconDiscard {
504  background-position: -736px 0px;
505}
506#rft .rftIconProperties {
507  background-position: -768px 0px;
508}
509#rft .rftIconUndo {
510  background-position: -800px 0px;
511}
512#rft .rftIconRedo {
513  background-position: -832px 0px;
514}
515#rft .rftIconBack {
516  background-position: -864px 0px;
517}
518#rft .rftIconForward {
519  background-position: -896px 0px;
520}
521#rft .rftIconRefresh {
522  background-position: -928px 0px;
523}
524#rft .rftIconHelp {
525  background-position: -960px 0px;
526}
527#rft .rftIconInspect {
528  background-position: -992px 0px;
529}
530#rft .rftIconTag {
531  background-position: -1024px 0px;
532}
533#rft .rftIconImage {
534  background-position: -1056px 0px;
535}
536#rft .rftIconEdit {
537  background-position: -1088px 0px;
538}
539#rft .rftIconLock {
540  background-position: -1120px 0px;
541}
542#rft .rftIconUnlock {
543  background-position: -1152px 0px;
544}
545#rft .rftIconPreset {
546  background-position: -1184px 0px;
547}
548#rft .rftIconTextBlock {
549  background-position: -1216px 0px;
550}
551#rft .rftIconPageBreak {
552  background-position: -1248px 0px;
553}
554#rft .rftIconExternal {
555  background-position: -1280px 0px;
556}
557#rft .rftIconInput {
558  background-position: -1312px 0px;
559}
560#rft .rftIconPublish {
561  background-position: -1344px 0px;
562}
563#rft .rftIconFullArrowUp {
564  background-position: -1696px 0px;
565}
566#rft .rftIconFullArrowDown {
567  background-position: -1728px 0px;
568}
569#rft .rftIconFullArrowLeft {
570  background-position: -1760px 0px;
571}
572#rft .rftIconFullArrowRight {
573  background-position: -1792px 0px;
574}
575#rft .rftIconHalfArrowUp {
576  background-position: -1824px 0px;
577}
578#rft .rftIconHalfArrowDown {
579  background-position: -1856px 0px;
580}
581#rft .rftIconHalfArrowLeft {
582  background-position: -1888px 0px;
583}
584#rft .rftIconHalfArrowRight {
585  background-position: -1920px 0px;
586}
587#rft .claro .rftSelector {
588  margin: 0;
589  padding: 0;
590  margin: 4px;
591}
592#rft .claro .rftSelector .rftLineWithButtons {
593  margin: 0;
594  padding: 0;
595}
596#rft .claro .rftSelector .rftSelectorSelected .rftSelectorColor {
597  margin: 0;
598  padding: 0;
599  float: left;
600  width: 8px;
601  height: 24px;
602}
603#rft .claro .rftSelector .rftSelectorSelected .rftSelectorColor.conflict {
604  background-color: #ff0000;
605}
606#rft .claro .rftSelector .rftSelectorSelected .rftSelectorColor.pending {
607  background-color: #ff8000;
608}
609#rft .claro .rftSelector .rftSelectorSelected .rftSelectorColor.success {
610  background-color: #00ff00;
611}
612#rft .claro .rftSelector .rftSelectorOptions .rftLineWithButtons,
613#rft .claro .rftSelector .rftSelectorSelected .rftLineWithButtons {
614  background-color: #ffffff;
615  color: #111111;
616}
617#rft.claro .rftLineWithButtons {
618  border: none;
619  background-image: none;
620  -webkit-box-shadow: none;
621  box-shadow: none;
622  border-radius: 0;
623  position: relative;
624  height: 24px;
625  white-space: nowrap;
626  margin: 4px 0;
627}
628#rft.claro .rftLineWithButtons.dojoDndItem {
629  -webkit-transition: all 0.2s;
630  -moz-transition: all 0.2s;
631  -o-transition: all 0.2s;
632  -ms-transition: all 0.2s;
633  transition: all 0.2s;
634}
635#rft.claro .rftLineWithButtons.dojoDndItem.dojoDndItemBefore {
636  margin-top: 6px;
637  border-top: 6px solid #ffffff;
638}
639#rft.claro .rftLineWithButtons.dojoDndItem.dojoDndItemAfter {
640  margin-bottom: 6px;
641  border-bottom: 6px solid #ffffff;
642}
643#rft.claro .rftLineWithButtons.dojoDndItem.dojoDndItemover,
644#rft.claro .rftLineWithButtons.dojoDndItem.dojoDndItemAnchor {
645  background-image: none;
646  border: none;
647  padding: 2px;
648}
649#rft.claro .rftLineWithButtons.dojoDndItem.dojoDndItemover *,
650#rft.claro .rftLineWithButtons.dojoDndItem.dojoDndItemAnchor * {
651  background-color: rgba(255, 255, 255, 0.1);
652}
653#rft.claro .rftLineWithButtons .rftLineWithButtonsTitle {
654  float: left;
655  margin: 0 8px;
656  overflow: hidden;
657  white-space: nowrap;
658  word-wrap: break-word;
659}
660#rft.claro .rftLineWithButtons .rftLineWithButtonsButtons {
661  margin: 0;
662  padding: 0;
663  line-height: 24px;
664  height: 24px;
665  position: absolute;
666  right: 0;
667  float: left;
668}
669#rft.claro .dojoDndSourceMoved .rftLineWithButtons.dojoDndItemAnchor {
670  height: 0;
671}
672#rft.claro .rftIndexMenuBlock {
673  width: 400px;
674  height: 400px;
675  background: #444444;
676  float: left;
677  margin: 16px;
678  overflow: hidden;
679}
680#rft.claro .rftIndexMenuBlock:hover .rftIndexMenuMask {
681  margin-top: -400px;
682}
683#rft.claro .rftIndexMenuMask {
684  width: 400px;
685  height: 400px;
686  background: #444444;
687  color: #999999;
688  margin-top: 0;
689}
690#rft.claro .rftIndexMenuMask .label {
691  color: #999999;
692  font-size: 32px;
693  height: 32px;
694  line-height: 32px;
695  margin-top: 184px;
696  float: left;
697}
698#rft.claro .rftIndexMenuMask .rftIcon {
699  width: 32px;
700  height: 32px;
701  margin: 0;
702  background-image: url('images/icons/rftIcons24.png');
703  width: 32px;
704  height: 32px;
705  margin: 0;
706  background-image: url('images/icons/rftIcons32.png');
707  float: left;
708  margin: 184px 8px 0 8px;
709}
710#rft.claro .dijitMenuPopup .dijitMenu {
711  border: none;
712  background-image: none;
713  -webkit-box-shadow: none;
714  box-shadow: none;
715  border-radius: 0;
716  color: #999999;
717  border: none;
718}
719#rft.claro .dijitMenuPopup .dijitMenu .dijitMenuItem {
720  color: #999999;
721  border: none;
722  background-image: none;
723  -webkit-box-shadow: none;
724  box-shadow: none;
725  border-radius: 0;
726  background-color: transparent;
727}
728#rft.claro .dijitMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemHover .dijitMenuItemLabel,
729#rft.claro .dijitMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemActive .dijitMenuItemLabel,
730#rft.claro .dijitMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemSelected .dijitMenuItemLabel {
731  color: #ffffff;
732}
733#rft.claro .dijitMenuPopup .dijitMenu .dijitMenuItem .rftIcon {
734  width: 16px;
735  height: 16px;
736  margin: 4px 0;
737  background-image: url('images/icons/rftIcons16.png');
738  margin: 0;
739  margin-right: 8px;
740}
741#rft.claro .dijitMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemActive .rftIcon {
742  width: 16px;
743  height: 16px;
744  margin: 4px 0;
745  background-image: url('images/icons/rftIcons16b.png');
746}
747#rft.claro .dijitMenuBar .rftMainMenuButton {
748  border: none;
749  background-image: none;
750  -webkit-box-shadow: none;
751  box-shadow: none;
752  border-radius: 0;
753  -webkit-transition: all 0.1s;
754  -moz-transition: all 0.1s;
755  -o-transition: all 0.1s;
756  -ms-transition: all 0.1s;
757  transition: all 0.1s;
758  border: none;
759  height: 30px;
760  width: auto;
761  background: transparent;
762  color: #999999;
763  text-align: center;
764  font-size: 24px;
765  line-height: 30px;
766  padding: 0 4px;
767  margin: 0 5px;
768}
769#rft.claro .dijitMenuBar .rftMainMenuButton.dijitMenuItemHover,
770#rft.claro .dijitMenuBar .rftMainMenuButton.dijitMenuitemActive {
771  -webkit-transition: all 0.1s;
772  -moz-transition: all 0.1s;
773  -o-transition: all 0.1s;
774  -ms-transition: all 0.1s;
775  transition: all 0.1s;
776}
777#rft.claro .dijitMenuBar .rftMainMenuButton.dijitMenuItemHover {
778  color: #ffffff;
779  font-size: 26px;
780}
781#rft.claro .dijitMenuBar .rftMainMenuButton.dijitMenuItemActive {
782  color: #0072bc;
783  font-size: 26px;
784}
785#rft.claro .dijitMenuBar .rftMainMenuButton.dijitMenuItemSelected {
786  font-size: 26px;
787  color: #ffffff;
788}
789#rft.claro .dojoxTitleGroup .dijitTitlePane {
790  margin: 0;
791}
792#rft.claro .dojoxTitleGroup .dijitTitlePane .dijitTitlePaneTitle {
793  border: none;
794  background-image: none;
795  -webkit-box-shadow: none;
796  box-shadow: none;
797  border-radius: 0;
798  margin: 0;
799  background-color: #ff5b12;
800  border: none;
801  padding: 0 4px;
802  height: 24px;
803}
804#rft.claro .dojoxTitleGroup .dijitTitlePane .dijitTitlePaneTitle.dijitTitlePaneTitleHover,
805#rft.claro .dojoxTitleGroup .dijitTitlePane .dijitTitlePaneTitle.dijitTitlePaneTitleFocused {
806  background-color: #ff9140;
807}
808#rft.claro .dojoxTitleGroup .dijitTitlePane .dijitTitlePaneTextNode {
809  color: #ffffff;
810  font-size: 13px;
811  line-height: 24px;
812}
813#rft.claro .dojoxTitleGroup .dijitTitlePane .dijitTitlePaneContentOuter {
814  background-color: #444444;
815  border: none;
816}
817#rft.claro .dojoxTitleGroup .dijitTitlePane .dijitTitlePaneTitleFocus {
818  margin: 0;
819}
820#rft.claro .rftLargeButton {
821  border: none;
822  background-image: none;
823  -webkit-box-shadow: none;
824  box-shadow: none;
825  border-radius: 0;
826  margin-right: 16px;
827  height: 24px;
828}
829#rft.claro .rftLargeButton*,
830#rft.claro .rftLargeButton * {
831  -webkit-user-select: none;
832  -moz-user-select: none;
833  -ms-user-select: none;
834  user-select: none;
835}
836#rft.claro .rftLargeButton .dijitButtonNode {
837  border: none;
838  background-image: none;
839  -webkit-box-shadow: none;
840  box-shadow: none;
841  border-radius: 0;
842  border: none;
843  height: 24px;
844  background: transparent;
845  color: #999999;
846  font-size: 20px;
847  -webkit-transition: all 0.3s;
848  -moz-transition: all 0.3s;
849  -o-transition: all 0.3s;
850  -ms-transition: all 0.3s;
851  transition: all 0.3s;
852}
853#rft.claro .rftLargeButton .dijitButtonNode .rftIcon {
854  width: 24px;
855  height: 24px;
856  margin: 0px 0;
857  background-image: url('images/icons/rftIcons16.png');
858}
859#rft.claro .rftLargeButton .dijitButtonNode .dijitButtonText {
860  line-height: 24px;
861  margin: 0;
862  padding-left: 8px;
863}
864#rft.claro .rftLargeButton.black .dijitButtonNode .rftIcon {
865  width: 24px;
866  height: 24px;
867  margin: 0px 0;
868  background-image: url('images/icons/rftIcons16b.png');
869}
870#rft.claro .rftLargeButton.rftLargeButtonHover .dijitButtonNode,
871#rft.claro .rftLargeButton.rftLargeButtonActive .dijitButtonNode {
872  -webkit-transition: all 0.1s;
873  -moz-transition: all 0.1s;
874  -o-transition: all 0.1s;
875  -ms-transition: all 0.1s;
876  transition: all 0.1s;
877}
878#rft.claro span.blue.rftLargeButton.rftLargeButtonActive .dijitButtonNode,
879#rft.claro .blue .rftLargeButton.rftLargeButtonActive .dijitButtonNode {
880  color: #0794d1;
881}
882#rft.claro span.orange.rftLargeButton.rftLargeButtonActive .dijitButtonNode,
883#rft.claro .orange .rftLargeButton.rftLargeButtonActive .dijitButtonNode {
884  color: #ff9140;
885}
886#rft.claro span.green.rftLargeButton.rftLargeButtonActive .dijitButtonNode,
887#rft.claro .green .rftLargeButton.rftLargeButtonActive .dijitButtonNode {
888  color: #79ca0a;
889}
890#rft.claro span.red.rftLargeButton.rftLargeButtonActive .dijitButtonNode,
891#rft.claro .red .rftLargeButton.rftLargeButtonActive .dijitButtonNode {
892  color: #bd0013;
893}
894#rft.claro span.purple.rftLargeButton.rftLargeButtonActive .dijitButtonNode,
895#rft.claro .purple .rftLargeButton.rftLargeButtonActive .dijitButtonNode {
896  color: #993dec;
897}
898#rft.claro .rftBlockButton {
899  border: none;
900  background-image: none;
901  -webkit-box-shadow: none;
902  box-shadow: none;
903  border-radius: 0;
904  margin: 0;
905  height: 24px;
906  line-height: 24px;
907}
908#rft.claro .rftBlockButton .dijitButtonNode {
909  border: none;
910  background-image: none;
911  -webkit-box-shadow: none;
912  box-shadow: none;
913  border-radius: 0;
914  -webkit-transition: all 0.3s;
915  -moz-transition: all 0.3s;
916  -o-transition: all 0.3s;
917  -ms-transition: all 0.3s;
918  transition: all 0.3s;
919  height: 24px;
920  padding: 0 4px;
921  border: none;
922  color: #ffffff;
923  font-size: 13px;
924}
925#rft.claro .rftBlockButton .dijitButtonNode .rftIcon {
926  width: 24px;
927  height: 24px;
928  margin: 0px 0;
929  background-image: url('images/icons/rftIcons16.png');
930}
931#rft.claro .rftBlockButton.rftBlockButtonHover,
932#rft.claro .rftBlockButton.rftBlockButtonActive {
933  -webkit-transition: all 0.1s;
934  -moz-transition: all 0.1s;
935  -o-transition: all 0.1s;
936  -ms-transition: all 0.1s;
937  transition: all 0.1s;
938}
939#rft.claro .rftBlockButton.rftBlockButtonHover .rftIcon,
940#rft.claro .rftBlockButton.rftBlockButtonActive .rftIcon {
941  width: 24px;
942  height: 24px;
943  margin: 0px 0;
944  background-image: url('images/icons/rftIcons16b.png');
945}
946#rft.claro .blue.rftBlockButtonHover .dijitButtonNode {
947  background-color: #0072bc;
948}
949#rft.claro .blue.rftBlockButtonHover.light .dijitButtonNode {
950  background-color: #0794d1;
951}
952#rft.claro .blue .rftBlockButtonHover .dijitButtonNode {
953  background-color: #0072bc;
954}
955#rft.claro .blue .rftBlockButtonHover.light .dijitButtonNode {
956  background-color: #0794d1;
957}
958#rft.claro .blue.light .rftBlockButtonHover .dijitButtonNode {
959  background-color: #0794d1;
960}
961#rft.claro .green.rftBlockButtonHover .dijitButtonNode {
962  background-color: #3aa605;
963}
964#rft.claro .green.rftBlockButtonHover.light .dijitButtonNode {
965  background-color: #79ca0a;
966}
967#rft.claro .green .rftBlockButtonHover .dijitButtonNode {
968  background-color: #3aa605;
969}
970#rft.claro .green .rftBlockButtonHover.light .dijitButtonNode {
971  background-color: #79ca0a;
972}
973#rft.claro .green.light .rftBlockButtonHover .dijitButtonNode {
974  background-color: #79ca0a;
975}
976#rft.claro .orange.rftBlockButtonHover .dijitButtonNode {
977  background-color: #ff5b12;
978}
979#rft.claro .orange.rftBlockButtonHover.light .dijitButtonNode {
980  background-color: #ff9140;
981}
982#rft.claro .orange .rftBlockButtonHover .dijitButtonNode {
983  background-color: #ff5b12;
984}
985#rft.claro .orange .rftBlockButtonHover.light .dijitButtonNode {
986  background-color: #ff9140;
987}
988#rft.claro .orange.light .rftBlockButtonHover .dijitButtonNode {
989  background-color: #ff9140;
990}
991#rft.claro .red.rftBlockButtonHover .dijitButtonNode {
992  background-color: #8c0310;
993}
994#rft.claro .red.rftBlockButtonHover.light .dijitButtonNode {
995  background-color: #bd0013;
996}
997#rft.claro .red .rftBlockButtonHover .dijitButtonNode {
998  background-color: #8c0310;
999}
1000#rft.claro .red .rftBlockButtonHover.light .dijitButtonNode {
1001  background-color: #bd0013;
1002}
1003#rft.claro .red.light .rftBlockButtonHover .dijitButtonNode {
1004  background-color: #bd0013;
1005}
1006#rft.claro .purple.rftBlockButtonHover .dijitButtonNode {
1007  background-color: #6529b7;
1008}
1009#rft.claro .purple.rftBlockButtonHover.light .dijitButtonNode {
1010  background-color: #993dec;
1011}
1012#rft.claro .purple .rftBlockButtonHover .dijitButtonNode {
1013  background-color: #6529b7;
1014}
1015#rft.claro .purple .rftBlockButtonHover.light .dijitButtonNode {
1016  background-color: #993dec;
1017}
1018#rft.claro .purple.light .rftBlockButtonHover .dijitButtonNode {
1019  background-color: #993dec;
1020}
1021#rft.claro .rftInlineButton {
1022  float: right;
1023  height: 24px;
1024  width: 24px;
1025}
1026#rft.claro .rftInlineButton .dijitButtonNode {
1027  margin: 0;
1028  padding: 0;
1029  border: none;
1030  background-image: none;
1031  -webkit-box-shadow: none;
1032  box-shadow: none;
1033  border-radius: 0;
1034  width: 24px;
1035  height: 24px;
1036  border: none;
1037}
1038#rft.claro .rftInlineButton .rftIcon {
1039  width: 16px;
1040  height: 16px;
1041  margin: 4px 0;
1042  background-image: url('images/icons/rftIcons16.png');
1043}
1044#rft.claro .rftInlineButton.white .rftIcon {
1045  width: 16px;
1046  height: 16px;
1047  margin: 4px 0;
1048  background-image: url('images/icons/rftIcons16.png');
1049}
1050#rft.claro .rftInlineButton.black .rftIcon {
1051  width: 16px;
1052  height: 16px;
1053  margin: 4px 0;
1054  background-image: url('images/icons/rftIcons16b.png');
1055}
1056#rft.claro .rftInlineButton.rftInlineButtonHover.white {
1057  width: 16px;
1058  height: 16px;
1059  margin: 4px 0;
1060  background-image: url('images/icons/rftIcons16b.png');
1061}
1062#rft.claro .rftInlineButton.rftInlineButtonHover.black {
1063  width: 16px;
1064  height: 16px;
1065  margin: 4px 0;
1066  background-image: url('images/icons/rftIcons16b.png');
1067}
Note: See TracBrowser for help on using the repository browser.