source: Dev/branches/rest-dojo-ui/client/rft/css/rftSelector.css @ 342

Last change on this file since 342 was 342, checked in by tjcschipper, 13 years ago
  • Fixed callbacks/actions in LineWithActionsWidgetThijs?.js. Previously an onClick event would not fire the correct callback. They were also incorrectly bound to the context of the widget, so the this keyword referred to the properties object instead of the LineWithActions?.
  • Changed a bunch of stuff in CSS files, general layout.
  • Added another mockup page to show the Session selection page.
File size: 2.9 KB
Line 
1.claro .rftSelector {
2    margin: 4px;
3    font-size: 13px;
4}
5.claro .rftLineWithButtons {
6    height: 24px;
7    line-height: 24px;
8    font-size: 13px;
9    margin: 4px 0;
10    white-space: nowrap;
11}
12.claro .rftSelector .rftLineWithButtons {
13    margin: 0;
14}
15.claro .rftLineWithButtons .rftLineWithButtonsButtons {
16    float: right;
17    height: 24px;
18    line-height: 24px;
19    margin: 0;
20    padding: 0;
21}
22.claro .rftLineWithButtons .rftLineWithButtonsButtons .rftBlockButton {
23    float: right;
24    clear: none;
25}
26.claro .rftLineWithButtons .rftLineWithButtonsTitle {
27    float: left;
28    margin: 0 8px 0 8px;
29}
30.claro .rftSelectorSelected .rftSelectorColor {
31    width: 8px;
32    height: 24px;
33    float: left;
34    margin: 0;
35}
36
37/* Own standard colour settings */
38.claro .rftLineWithButtons.blue {
39    background-color: #0072bc;
40    color: #ffffff;
41}
42.claro .rftLineWithButtons.red {
43    background-color: #8c0310;
44    color: #ffffff;
45}
46.claro .rftLineWithButtons.green {
47    background-color: #3aa605;
48    color: #ffffff;
49}
50.claro .rftLineWithButtons.purple {
51    background-color: #6529b7;
52    color: #ffffff;
53}
54.claro .rftLineWithButtons.orange {
55    background-color: #ff5b12;
56    color: #ffffff;
57}
58.claro .rftLineWithButtons.trans {
59    background-color: transparent;
60    color: #ffffff;
61}
62
63/* Background colour settings for the various contexts of rftLineWithButtons */
64.claro .rftSelector .rftLineWithButtons {
65    background-color: #ffffff;
66    color: #000000;
67}
68.claro .blue.rftSelector .rftLineWithButtons {
69    background-color: #0072bc;
70    color: #ffffff;
71}
72.claro .red.rftSelector .rftLineWithButtons {
73    background-color: #8c0310;
74    color: #ffffff;
75}
76.claro .green.rftSelector .rftLineWithButtons {
77    background-color: #3aa605;
78    color: #ffffff;
79}
80.claro .purple.rftSelector .rftLineWithButtons {
81    background-color: #6529b7;
82    color: #ffffff;
83}
84.claro .orange.rftSelector .rftLineWithButtons {
85    background-color: #ff5b12;
86    color: #ffffff;
87}
88
89/* Black-on-white setting for non-header lines in the rftSelector */
90.claro .rftSelector .rftSelectorSelected .rftLineWithButtons {
91    background-color: #ffffff;
92    color: #000000;
93}
94.claro .rftSelector .rftSelectorOptions .rftLineWithButtons {
95    background-color: #ffffff;
96    color: #000000;
97}
98
99/* Colour settings for the rftSelectorColor status indicator */
100.claro .rftSelectorSelected .rftSelectorColor.conflict {
101    background-color: #ff0000;
102}
103.claro .rftSelectorSelected .rftSelectorColor.pending {
104    background-color: #ff8000;
105}
106.claro .rftSelectorSelected .rftSelectorColor.success {
107    background-color: #00ff00;
108}
109
110/* rftSessionBar */
111.claro .rftSessionBar {
112    margin: 8px 0;
113}
114.claro .rftSessionBar .rftIcon.typeIcon {
115    background-image: url('images/icons/rftIcons32.png');
116    height: 32px;
117    width: 32px;
118    margin: 20px 8px;
119    float: left;
120}
121.claro .rftSessionBar .rftLineWithButtons {
122    margin: 0;
123    padding: 0;
124}
Note: See TracBrowser for help on using the repository browser.