Ignore:
Timestamp:
10/10/12 17:45:49 (13 years ago)
Author:
tjcschipper
Message:
  • LESS is finally ready for use. Some small visual bugs remain.
File:
1 edited

Legend:

Unmodified
Added
Removed

  • Dev/branches/rest-dojo-ui/client/rft/css/LESS/main.css

    r409 r411  
     1/* Menu.css */
     2@import "external.css";
     3DESCRIPTION {
     4  /*
     5How to use colour system:
     6Apply a combination of at most 1 "colour" class and one or more "modifier" classes.
     7Colour classes: Red, Blue, Green, Orange, Purple
     8Modifer classes:
     9- textColor: Change the font colour of element to the "colour" class combined with.
     10- bgColor: Change the background colour to the "colour" class combined with.
     11- doesHover: If present in combination with one of the above two modifiers,
     12the element will shift it's background- or text colour to a lighter version on hover.
     13- hoverTextColor: Same as .textColor, but only affects elements being hovered over.
     14- hoverBgColor: Same as .bgColor, but only affects elements being hovered over.
     15NOTE: .doesHover does nothing in combination with the above two modifiers!
     16*/
     17
     18}
     19#rft.claro .blue.textColor {
     20  color: #0072bc;
     21}
     22#rft.claro .blue.textColor.doesHover:hover {
     23  color: #0794d1;
     24}
     25#rft.claro .blue.bgColor {
     26  background-color: #0072bc;
     27  color: #ffffff;
     28}
     29#rft.claro .blue.bgColor.doesHover:hover {
     30  background-color: #0794d1;
     31  color: #111111;
     32}
     33#rft.claro .blue.hoverTextColor:hover {
     34  color: #0072bc;
     35}
     36#rft.claro .blue.hoverBgColor:hover {
     37  background-color: #0072bc;
     38}
     39#rft.claro .red.textColor {
     40  color: #8c0310;
     41}
     42#rft.claro .red.textColor.doesHover:hover {
     43  color: #bd0013;
     44}
     45#rft.claro .red.bgColor {
     46  background-color: #8c0310;
     47  color: #ffffff;
     48}
     49#rft.claro .red.bgColor.doesHover:hover {
     50  background-color: #bd0013;
     51  color: #111111;
     52}
     53#rft.claro .red.hoverTextColor:hover {
     54  color: #8c0310;
     55}
     56#rft.claro .red.hoverBgColor:hover {
     57  background-color: #8c0310;
     58}
     59#rft.claro .orange.textColor {
     60  color: #ff5b12;
     61}
     62#rft.claro .orange.textColor.doesHover:hover {
     63  color: #ff9140;
     64}
     65#rft.claro .orange.bgColor {
     66  background-color: #ff5b12;
     67  color: #ffffff;
     68}
     69#rft.claro .orange.bgColor.doesHover:hover {
     70  background-color: #ff9140;
     71  color: #111111;
     72}
     73#rft.claro .orange.hoverTextColor:hover {
     74  color: #ff5b12;
     75}
     76#rft.claro .orange.hoverBgColor:hover {
     77  background-color: #ff5b12;
     78}
     79#rft.claro .green.textColor {
     80  color: #3aa605;
     81}
     82#rft.claro .green.textColor.doesHover:hover {
     83  color: #79ca0a;
     84}
     85#rft.claro .green.bgColor {
     86  background-color: #3aa605;
     87  color: #ffffff;
     88}
     89#rft.claro .green.bgColor.doesHover:hover {
     90  background-color: #79ca0a;
     91  color: #111111;
     92}
     93#rft.claro .green.hoverTextColor:hover {
     94  color: #3aa605;
     95}
     96#rft.claro .green.hoverBgColor:hover {
     97  background-color: #3aa605;
     98}
     99#rft.claro .purple.textColor {
     100  color: #6529b7;
     101}
     102#rft.claro .purple.textColor.doesHover:hover {
     103  color: #993dec;
     104}
     105#rft.claro .purple.bgColor {
     106  background-color: #6529b7;
     107  color: #ffffff;
     108}
     109#rft.claro .purple.bgColor.doesHover:hover {
     110  background-color: #993dec;
     111  color: #111111;
     112}
     113#rft.claro .purple.hoverTextColor:hover {
     114  color: #6529b7;
     115}
     116#rft.claro .purple.hoverBgColor:hover {
     117  background-color: #6529b7;
     118}
     119#rft.claro .textColor,
     120#rft.claro .hoverTextColor {
     121  transition: color 0.2s;
     122}
     123#rft.claro .bgColor,
     124#rft.claro .hoverBgColor {
     125  transition: background-color 0.2s;
     126}
     127/* This stylesheet compensates for the restoration of the claro style to its original specs. (21-6-2012)
     128 * These changes should be moved to relevant stylesheets as soon as possible!
     129*/
     130/* Menu.css */
     131.claro .topbar .dijitMenuitem {
     132  width: 90px;
     133  background-image: none;
     134  background-position: top;
     135  text-align: center;
     136}
     137.claro .dijitMenuPassive .dijitMenuItemHover,
     138.claro .dijitMenuPassive .dijitMenuItemSelected {
     139  background-color: transparent;
     140  color: #ffffff;
     141  border: none;
     142  padding: 0 4px;
     143}
     144.claro .dijitMenuPassive .dijitMenuItemActive {
     145  background-position: top;
     146}
     147/* layout/BorderContainer.css */
     148.claro .dijitSplitContainer-child,
     149.claro .dijitBorderContainer-child {
     150  border: none;
     151}
     152.claro .dijitTabContainerTop-dijitContentPane,
     153.claro .dijitTabContainerLeft-dijitContentPane,
     154.claro .dijitTabContainerBottom-dijitContentPane,
     155.claro .dijitTabContainerRight-dijitContentPane,
     156.claro .dijitAccordionContainer-dijitContentPane {
     157  background-color: transparent;
     158}
     159.claro .dijitSplitContainer-dijitContentPane,
     160.claro .dijitBorderContainer-dijitContentPane {
     161  background-color: transparent;
     162}
     163/* layout/TabContainer.css */
     164.claro .dijitTabPaneWrapper {
     165  background: transparent;
     166}
     167.claro .dijitTabInnerDiv {
     168  background-color: transparent;
     169  color: #999999;
     170  border: none;
     171}
     172.claro .dijitTabContent {
     173  border: none;
     174}
     175.claro .dijitTabHover .dijitTabInnerDiv {
     176  background-color: transparent;
     177  color: #ffffff;
     178}
     179.claro .dijitTabActive .dijitTabInnerDiv {
     180  color: #0072bc;
     181}
     182.claro .dijitTabChecked .dijitTabInnerDiv {
     183  background-color: transparent;
     184  color: #ffffff;
     185}
     186.claro .dijitTabContent {
     187  border: 1px solid #999999;
     188}
     189.claro .dijitTabHover .dijitTabContent {
     190  border-color: #ffffff;
     191}
     192.claro .dijitTabActive .dijitTabContent {
     193  border-color: transparent;
     194}
     195.claro .dijitTabChecked .dijitTabContent {
     196  color: #ffffff;
     197  border-color: #0072bc;
     198}
     199/*lefttabs*/
     200.claro .dijitTabContainerLeft-tabs .dijitTab {
     201  border-width: 1px;
     202  left: 0;
     203  margin-bottom: 4px;
     204  margin-right: 8px;
     205}
     206.claro .dijitTabContainerLeft-tabs .dijitTabInnerDiv {
     207  border: none;
     208  background: transparent;
     209  background-image: none;
     210  background-position: top;
     211  background-repeat: no-repeat;
     212}
     213.claro .dijitTabContainerLeft-tabs .dijitTabContent {
     214  padding: 3px 8px 4px 8px;
     215  background-image: none;
     216}
     217.claro .dijitTabContainerLeft-tabs .dijitTabChecked .dijitTabContent {
     218  padding-right: 8px;
     219  background-image: none;
     220}
     221.claro .dijitTabContainerLeft-tabs .dijitTabChecked .dijitTabInnerDiv {
     222  -webkit-box-shadow: none;
     223  -moz-box-shadow: none;
     224  box-shadow: none;
     225}
     226.claro .dijitTabContainerLeft-tabs .dijitTabInnerDiv,
     227.claro .dijitTabContainerLeft-tabs .dijitTabContent {
     228  -moz-border-radius: 0;
     229  border-radius: 0;
     230  border: none;
     231}
    1232*:focus {
    2233  outline: none;
    … …  
    13244  color: #111111;
    14245}
     246#rft.claro .dijitBorderContainer,
     247#rft.claro .dijitContentPane,
     248#rft.claro .dijitTabContainer,
     249#rft.claro .dijitTabPaneWrapper {
     250  background: transparent;
     251  border: none;
     252}
    15253#rft.claro h1 {
    16   margin: 0;
     254  margin: 0 0 0 0;
    17255  padding: 0 10px 8px 10px;
    18256  float: left;
    … …  
    28266}
    29267#rft.claro h2 {
    30   margin: 0;
    31   padding: 0;
     268  margin: 0 0 0 0;
     269  padding: 0 0 0 0;
    32270  color: #999999;
    33271  font-size: 22px;
    … …  
    38276  height: 32px;
    39277  margin: 0;
     278  padding: 0 0 0 0;
    40279  background-image: url('images/icons/rftIcons32.png');
    41280  margin-right: 8px;
    42281}
    43282#rft.claro h3 {
    44   margin: 0;
     283  margin: 0 0 0 0;
    45284  font-size: 18px;
    46285  margin-bottom: 4px;
    … …  
    77316}
    78317#rft.claro .dijitContentPane.page {
    79   margin: 0;
    80   padding: 0;
     318  margin: 0 0 0 0;
     319  padding: 0 0 0 0;
    81320}
    82321#rft.claro .dijitContentPane.content {
    83   margin: 0;
    84   padding: 0;
     322  margin: 0 0 0 0;
     323  padding: 0 0 0 0;
    85324  display: block;
    86325  clear: both;
    … …  
    134373  overflow: hidden;
    135374}
    136 #rft.claro .dijitTab.dijitTabHover {
     375#rft.claro .dijitTabContainerLeft-tabs {
     376  border: none;
     377  padding: 4px;
     378}
     379#rft.claro .dijitTabContainerLeft-tabs .dijitTab {
     380  margin: 4px;
     381  width: 200px;
     382  min-height: 30px;
     383  border: 1px solid #999999;
     384}
     385#rft.claro .dijitTabContainerLeft-tabs .dijitTab .dijitTabContent {
     386  min-height: 30px;
     387  line-height: 30px;
     388  width: 190px;
     389}
     390#rft.claro .dijitTabContainerLeft-tabs .dijitTab.dijitTabChecked {
    137391  -webkit-transition: all 0.1s;
    138392  -moz-transition: all 0.1s;
    … …  
    141395  transition: all 0.1s;
    142396  color: #ffffff;
     397  border: 1px solid transparent;
     398}
     399#rft.claro .dijitTabContainerLeft-tabs .dijitTab.dijitTabChecked.dijitTabHover {
     400  border: 1px solid transparent;
     401}
     402#rft.claro .dijitTabContainerLeft-tabs .dijitTab.dijitTabHover {
     403  -webkit-transition: all 0.1s;
     404  -moz-transition: all 0.1s;
     405  -o-transition: all 0.1s;
     406  -ms-transition: all 0.1s;
     407  transition: all 0.1s;
     408  color: #ffffff;
    143409  border-color: #ffffff;
    144410}
    145 #rft.claro .dijitTab.dijitTabActive {
     411#rft.claro .dijitTabContainerLeft-tabs .dijitTab.dijitTabActive {
    146412  -webkit-transition: all 0.1s;
    147413  -moz-transition: all 0.1s;
    … …  
    151417  color: #999999;
    152418}
    153 #rft.claro .dijitTab.dijitTabChecked {
    154   -webkit-transition: all 0.1s;
    155   -moz-transition: all 0.1s;
    156   -o-transition: all 0.1s;
    157   -ms-transition: all 0.1s;
    158   transition: all 0.1s;
    159   color: #ffffff;
    160   border: 1px solid transparent;
    161 }
    162 #rft.claro .dijitTabContainerLeft-tabs {
    163   border: none;
    164   padding: 4px;
    165 }
    166 #rft.claro .dijitTabContainerLeft-tabs .dijitTab {
    167   margin: 4px 0;
    168   width: 200px;
    169   min-height: 30px;
    170   border: 1px solid #999999;
    171 }
    172 #rft.claro .dijitTabContainerLeft-tabs .dijitTab .dijitTabContent {
    173   min-height: 30px;
    174   line-height: 30px;
    175   width: 190px;
    176 }
    177419#rft.claro.blue .dijitTabChecked,
    178420#rft.claro .blue .dijitTabChecked,
    … …  
    220462#rft.claro .floatRight {
    221463  float: right;
    222   margin: 0;
     464  margin: 0 0 0 0;
    223465}
    224466#rft.claro .rftLineListView {
    … …  
    230472  overflow: auto;
    231473}
    232 #rft.claro .bgColor {
    233   -webkit-transition-property: background-color 0.2s;
    234   -moz-transition-property: background-color 0.2s;
    235   -o-transition-property: background-color 0.2s;
    236   -ms-transition-property: background-color 0.2s;
    237   transition-property: background-color 0.2s;
    238 }
    239 #rft.claro .blue.bgColor,
    240 #rft.claro.blue.bgColor {
    241   background-color: #0072bc !important;
    242 }
    243 #rft.claro .blue.bgColor.light,
    244 #rft.claro.blue.bgColor.light {
    245   background-color: #0794d1 !important;
    246 }
    247 #rft.claro .blue .bgColor,
    248 #rft.claro.blue .bgColor {
    249   background-color: #0072bc;
    250 }
    251 #rft.claro .blue .bgColor.light,
    252 #rft.claro.blue .bgColor.light {
    253   background-color: #0794d1;
    254 }
    255 #rft.claro .blue.bgColorHover:hover,
    256 #rft.claro.blue.bgColorHover:hover {
    257   background-color: #0072bc !important;
    258 }
    259 #rft.claro .blue.bgColorHover:hover.light,
    260 #rft.claro.blue.bgColorHover:hover.light {
    261   background-color: #0794d1 !important;
    262 }
    263 #rft.claro .blue .bgColorHover:hover,
    264 #rft.claro.blue .bgColorHover:hover {
    265   background-color: #0072bc;
    266 }
    267 #rft.claro .blue .bgColorHover:hover.light,
    268 #rft.claro.blue .bgColorHover:hover.light {
    269   background-color: #0794d1;
    270 }
    271 #rft.claro .green.bgColor,
    272 #rft.claro.green.bgColor {
    273   background-color: #3aa605 !important;
    274 }
    275 #rft.claro .green.bgColor.light,
    276 #rft.claro.green.bgColor.light {
    277   background-color: #79ca0a !important;
    278 }
    279 #rft.claro .green .bgColor,
    280 #rft.claro.green .bgColor {
    281   background-color: #3aa605;
    282 }
    283 #rft.claro .green .bgColor.light,
    284 #rft.claro.green .bgColor.light {
    285   background-color: #79ca0a;
    286 }
    287 #rft.claro .green.bgColorHover:hover,
    288 #rft.claro.green.bgColorHover:hover {
    289   background-color: #3aa605 !important;
    290 }
    291 #rft.claro .green.bgColorHover:hover.light,
    292 #rft.claro.green.bgColorHover:hover.light {
    293   background-color: #79ca0a !important;
    294 }
    295 #rft.claro .green .bgColorHover:hover,
    296 #rft.claro.green .bgColorHover:hover {
    297   background-color: #3aa605;
    298 }
    299 #rft.claro .green .bgColorHover:hover.light,
    300 #rft.claro.green .bgColorHover:hover.light {
    301   background-color: #79ca0a;
    302 }
    303 #rft.claro .orange.bgColor,
    304 #rft.claro.orange.bgColor {
    305   background-color: #ff5b12 !important;
    306 }
    307 #rft.claro .orange.bgColor.light,
    308 #rft.claro.orange.bgColor.light {
    309   background-color: #ff9140 !important;
    310 }
    311 #rft.claro .orange .bgColor,
    312 #rft.claro.orange .bgColor {
    313   background-color: #ff5b12;
    314 }
    315 #rft.claro .orange .bgColor.light,
    316 #rft.claro.orange .bgColor.light {
    317   background-color: #ff9140;
    318 }
    319 #rft.claro .orange.bgColorHover:hover,
    320 #rft.claro.orange.bgColorHover:hover {
    321   background-color: #ff5b12 !important;
    322 }
    323 #rft.claro .orange.bgColorHover:hover.light,
    324 #rft.claro.orange.bgColorHover:hover.light {
    325   background-color: #ff9140 !important;
    326 }
    327 #rft.claro .orange .bgColorHover:hover,
    328 #rft.claro.orange .bgColorHover:hover {
    329   background-color: #ff5b12;
    330 }
    331 #rft.claro .orange .bgColorHover:hover.light,
    332 #rft.claro.orange .bgColorHover:hover.light {
    333   background-color: #ff9140;
    334 }
    335 #rft.claro .red.bgColor,
    336 #rft.claro.red.bgColor {
    337   background-color: #8c0310 !important;
    338 }
    339 #rft.claro .red.bgColor.light,
    340 #rft.claro.red.bgColor.light {
    341   background-color: #bd0013 !important;
    342 }
    343 #rft.claro .red .bgColor,
    344 #rft.claro.red .bgColor {
    345   background-color: #8c0310;
    346 }
    347 #rft.claro .red .bgColor.light,
    348 #rft.claro.red .bgColor.light {
    349   background-color: #bd0013;
    350 }
    351 #rft.claro .red.bgColorHover:hover,
    352 #rft.claro.red.bgColorHover:hover {
    353   background-color: #8c0310 !important;
    354 }
    355 #rft.claro .red.bgColorHover:hover.light,
    356 #rft.claro.red.bgColorHover:hover.light {
    357   background-color: #bd0013 !important;
    358 }
    359 #rft.claro .red .bgColorHover:hover,
    360 #rft.claro.red .bgColorHover:hover {
    361   background-color: #8c0310;
    362 }
    363 #rft.claro .red .bgColorHover:hover.light,
    364 #rft.claro.red .bgColorHover:hover.light {
    365   background-color: #bd0013;
    366 }
    367 #rft.claro .purple.bgColor,
    368 #rft.claro.purple.bgColor {
    369   background-color: #6529b7 !important;
    370 }
    371 #rft.claro .purple.bgColor.light,
    372 #rft.claro.purple.bgColor.light {
    373   background-color: #993dec !important;
    374 }
    375 #rft.claro .purple .bgColor,
    376 #rft.claro.purple .bgColor {
    377   background-color: #6529b7;
    378 }
    379 #rft.claro .purple .bgColor.light,
    380 #rft.claro.purple .bgColor.light {
    381   background-color: #993dec;
    382 }
    383 #rft.claro .purple.bgColorHover:hover,
    384 #rft.claro.purple.bgColorHover:hover {
    385   background-color: #6529b7 !important;
    386 }
    387 #rft.claro .purple.bgColorHover:hover.light,
    388 #rft.claro.purple.bgColorHover:hover.light {
    389   background-color: #993dec !important;
    390 }
    391 #rft.claro .purple .bgColorHover:hover,
    392 #rft.claro.purple .bgColorHover:hover {
    393   background-color: #6529b7;
    394 }
    395 #rft.claro .purple .bgColorHover:hover.light,
    396 #rft.claro.purple .bgColorHover:hover.light {
    397   background-color: #993dec;
    398 }
    399474#rft.claro .rftIcon {
    400   margin: 0;
    401   padding: 0;
     475  margin: 0 0 0 0;
     476  padding: 0 0 0 0;
    402477  float: left;
    403478  display: inline-block;
    … …  
    406481  background-repeat: no-repeat;
    407482}
    408 #rft.claro .rftIcon.rftMainIcon {
    409   width: 32px;
    410   height: 32px;
    411   margin: 0;
    412   background-image: url('images/icons/rftIcons32.png');
    413 }
    414 #rft.claro .rftIcon.rftMidIcon {
    415   width: 24px;
    416   height: 24px;
    417   margin: 0px 0;
    418   background-image: url('images/icons/rftIcons16.png');
    419 }
    420 #rft.claro .rftIcon.rftSmallIcon {
    421   width: 16px;
    422   height: 16px;
    423   margin: 4px 0;
    424   background-image: url('images/icons/rftIcons16.png');
    425 }
    426483#rft .rftIconApplication {
    427484  background-position: 0px 0px;
    … …  
    577634  background-position: -1920px 0px;
    578635}
    579 #rft .claro .rftSelector {
    580   margin: 0;
    581   padding: 0;
     636#rft.claro .rftSelector {
     637  margin: 0 0 0 0;
     638  padding: 0 0 0 0;
    582639  margin: 4px;
    583640}
    584 #rft .claro .rftSelector .rftLineWithButtons {
    585   margin: 0;
    586   padding: 0;
    587 }
    588 #rft .claro .rftSelector .rftSelectorSelected .rftSelectorColor {
    589   margin: 0;
    590   padding: 0;
     641#rft.claro .rftSelector .rftLineWithActions {
     642  margin: 0 0 0 0;
     643  padding: 0 0 0 0;
     644}
     645#rft.claro .rftSelector .rftSelectorSelected .rftSelectorIndicator {
     646  margin: 0 0 0 0;
     647  padding: 0 0 0 0;
    591648  float: left;
    592649  width: 8px;
    593650  height: 24px;
    594 }
    595 #rft .claro .rftSelector .rftSelectorSelected .rftSelectorColor.conflict {
     651  background-color: #bedead;
     652}
     653#rft.claro .rftSelector .rftSelectorSelected .rftSelectorIndicator.conflict {
    596654  background-color: #ff0000;
    597655}
    598 #rft .claro .rftSelector .rftSelectorSelected .rftSelectorColor.pending {
     656#rft.claro .rftSelector .rftSelectorSelected .rftSelectorIndicator.pending {
    599657  background-color: #ff8000;
    600658}
    601 #rft .claro .rftSelector .rftSelectorSelected .rftSelectorColor.success {
     659#rft.claro .rftSelector .rftSelectorSelected .rftSelectorIndicator.success {
    602660  background-color: #00ff00;
    603661}
    604 #rft .claro .rftSelector .rftSelectorOptions .rftLineWithButtons,
    605 #rft .claro .rftSelector .rftSelectorSelected .rftLineWithButtons {
     662#rft.claro .rftSelector .rftSelectorOptions .rftLineWithActions,
     663#rft.claro .rftSelector .rftSelectorSelected .rftLineWithActions {
    606664  background-color: #ffffff;
    607665  color: #111111;
    608666}
    609 #rft.claro .rftLineWithButtons {
     667#rft.claro .rftLineWithActions {
    610668  border: none;
    611669  background-image: none;
    … …  
    617675  white-space: nowrap;
    618676  margin: 4px 0;
    619 }
    620 #rft.claro .rftLineWithButtons.dojoDndItem {
     677  color: #ffffff;
     678}
     679#rft.claro .rftLineWithActions.dojoDndItem {
    621680  -webkit-transition: all 0.2s;
    622681  -moz-transition: all 0.2s;
    … …  
    625684  transition: all 0.2s;
    626685}
    627 #rft.claro .rftLineWithButtons.dojoDndItem.dojoDndItemBefore {
     686#rft.claro .rftLineWithActions.dojoDndItem.dojoDndItemBefore {
    628687  margin-top: 6px;
    629688  border-top: 6px solid #ffffff;
    630689}
    631 #rft.claro .rftLineWithButtons.dojoDndItem.dojoDndItemAfter {
     690#rft.claro .rftLineWithActions.dojoDndItem.dojoDndItemAfter {
    632691  margin-bottom: 6px;
    633692  border-bottom: 6px solid #ffffff;
    634693}
    635 #rft.claro .rftLineWithButtons.dojoDndItem.dojoDndItemover,
    636 #rft.claro .rftLineWithButtons.dojoDndItem.dojoDndItemAnchor {
     694#rft.claro .rftLineWithActions.dojoDndItem.dojoDndItemover,
     695#rft.claro .rftLineWithActions.dojoDndItem.dojoDndItemAnchor {
    637696  background-image: none;
    638697  border: none;
    639698  padding: 2px;
    640 }
    641 #rft.claro .rftLineWithButtons.dojoDndItem.dojoDndItemover *,
    642 #rft.claro .rftLineWithButtons.dojoDndItem.dojoDndItemAnchor * {
    643699  background-color: rgba(255, 255, 255, 0.1);
    644700}
    645 #rft.claro .rftLineWithButtons .rftLineWithButtonsTitle {
     701#rft.claro .rftLineWithActions .rftLineWithActionsTitle {
    646702  float: left;
    647703  margin: 0 8px;
    … …  
    650706  word-wrap: break-word;
    651707}
    652 #rft.claro .rftLineWithButtons .rftLineWithButtonsButtons {
    653   margin: 0;
    654   padding: 0;
     708#rft.claro .rftLineWithActions .rftLineWithActionsButtons {
     709  margin: 0 0 0 0;
     710  padding: 0 0 0 0;
    655711  line-height: 24px;
    656712  height: 24px;
    … …  
    659715  float: left;
    660716}
    661 #rft.claro .dojoDndSourceMoved .rftLineWithButtons.dojoDndItemAnchor {
     717#rft.claro .dojoDndSourceMoved .rftLineWithActions.dojoDndItemAnchor {
    662718  height: 0;
    663719}
    … …  
    692748  height: 32px;
    693749  margin: 0;
     750  padding: 0 0 0 0;
    694751  background-image: url('images/icons/rftIcons32.png');
    695752  float: left;
    … …  
    702759  box-shadow: none;
    703760  border-radius: 0;
    704   margin: 0;
    705   padding: 0;
     761  margin: 0 0 0 0;
     762  padding: 0 0 0 0;
    706763  -webkit-transition: all 0.3s;
    707764  -moz-transition: all 0.3s;
    … …  
    728785  height: 32px;
    729786  margin: 0;
     787  padding: 0 0 0 0;
    730788  background-image: url('images/icons/rftIcons32.png');
    731789  margin: 0 8px;
    … …  
    733791#rft.claro .rftIndexMenuButton.oneHeight {
    734792  height: 100px;
     793  width: 400px;
    735794}
    736795#rft.claro .rftIndexMenuButton.oneHeight .dijitButtonNode {
    … …  
    739798#rft.claro .rftIndexMenuButton.twoHeight {
    740799  height: 200px;
     800  width: 400px;
    741801}
    742802#rft.claro .rftIndexMenuButton.twoHeight .dijitButtonNode {
    … …  
    745805#rft.claro .rftIndexMenuButton.fourHeight {
    746806  height: 400px;
     807  width: 400px;
    747808}
    748809#rft.claro .rftIndexMenuButton.fourHeight .dijitButtonNode {
    … …  
    781842}
    782843#rft.claro .rftIndexMenuButton.rftIndexMenuButtonActive {
    783   width: 32px;
    784   height: 32px;
    785   margin: 0;
    786   background-image: url('images/icons/rftIcons32b.png');
    787844  -webkit-transition: all 0.3s;
    788845  -moz-transition: all 0.3s;
    … …  
    793850  background: #ffffff;
    794851}
     852#rft.claro .rftIndexMenuButton.rftIndexMenuButtonActive .rftIcon {
     853  width: 32px;
     854  height: 32px;
     855  margin: 0;
     856  padding: 0 0 0 0;
     857  background-image: url('images/icons/rftIcons32b.png');
     858}
    795859#rft.claro .dijitMenuPopup .dijitMenu {
    796860  border: none;
    … …  
    800864  border-radius: 0;
    801865  color: #999999;
     866  background-color: #333333;
    802867  border: none;
    803868}
    … …  
    809874  box-shadow: none;
    810875  border-radius: 0;
    811   background-color: transparent;
     876  background-color: #333333;
    812877}
    813878#rft.claro .dijitMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemHover .dijitMenuItemLabel,
    … …  
    815880#rft.claro .dijitMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemSelected .dijitMenuItemLabel {
    816881  color: #ffffff;
     882}
     883#rft.claro .dijitMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemHover.red,
     884#rft.claro .dijitMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemActive.red,
     885#rft.claro .dijitMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemSelected.red {
     886  background-color: #8c0310;
     887}
     888#rft.claro .dijitMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemHover.blue,
     889#rft.claro .dijitMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemActive.blue,
     890#rft.claro .dijitMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemSelected.blue {
     891  background-color: #0072bc;
     892}
     893#rft.claro .dijitMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemHover.green,
     894#rft.claro .dijitMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemActive.green,
     895#rft.claro .dijitMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemSelected.green {
     896  background-color: #3aa605;
     897}
     898#rft.claro .dijitMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemHover.orange,
     899#rft.claro .dijitMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemActive.orange,
     900#rft.claro .dijitMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemSelected.orange {
     901  background-color: #ff5b12;
     902}
     903#rft.claro .dijitMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemHover.purple,
     904#rft.claro .dijitMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemActive.purple,
     905#rft.claro .dijitMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemSelected.purple {
     906  background-color: #6529b7;
    817907}
    818908#rft.claro .dijitMenuPopup .dijitMenu .dijitMenuItem .rftIcon {
    … …  
    820910  height: 16px;
    821911  margin: 4px 0;
     912  padding: 0 0 0 0;
    822913  background-image: url('images/icons/rftIcons16.png');
    823   margin: 0;
     914  margin: 0 0 0 0;
    824915  margin-right: 8px;
    825916}
    … …  
    828919  height: 16px;
    829920  margin: 4px 0;
     921  padding: 0 0 0 0;
    830922  background-image: url('images/icons/rftIcons16b.png');
    831923}
    … …  
    873965}
    874966#rft.claro .dojoxTitleGroup .dijitTitlePane {
    875   margin: 0;
     967  margin: 0 0 0 0;
    876968}
    877969#rft.claro .dojoxTitleGroup .dijitTitlePane .dijitTitlePaneTitle {
    … …  
    881973  box-shadow: none;
    882974  border-radius: 0;
    883   margin: 0;
     975  margin: 0 0 0 0;
    884976  background-color: #ff5b12;
    885977  border: none;
    … …  
    901993}
    902994#rft.claro .dojoxTitleGroup .dijitTitlePane .dijitTitlePaneTitleFocus {
    903   margin: 0;
     995  margin: 0 0 0 0;
    904996}
    905997#rft.claro .rftSurveyListView .rftSurveyListViewContent {
    … …  
    9441036  width: 24px;
    9451037  height: 24px;
    946   margin: 0px 0;
    947   background-image: url('images/icons/rftIcons16.png');
     1038  margin: 0 0 0 0;
     1039  padding: 0 0 0 0;
     1040  background-image: url('images/icons/rftIcons24.png');
    9481041}
    9491042#rft.claro .rftLargeButton .dijitButtonNode .dijitButtonText {
    9501043  line-height: 24px;
    951   margin: 0;
     1044  margin: 0 0 0 0;
    9521045  padding-left: 8px;
    9531046}
    … …  
    9551048  width: 24px;
    9561049  height: 24px;
    957   margin: 0px 0;
    958   background-image: url('images/icons/rftIcons16b.png');
     1050  margin: 0 0 0 0;
     1051  padding: 0 0 0 0;
     1052  background-image: url('images/icons/rftIcons24b.png');
    9591053}
    9601054#rft.claro .rftLargeButton.rftLargeButtonHover .dijitButtonNode,
    … …  
    9921086  box-shadow: none;
    9931087  border-radius: 0;
    994   margin: 0;
     1088  margin: 0 0 0 0;
    9951089  height: 24px;
    9961090  line-height: 24px;
     1091  vertical-align: top;
    9971092}
    9981093#rft.claro .rftBlockButton .dijitButtonNode {
    … …  
    10071102  -ms-transition: all 0.3s;
    10081103  transition: all 0.3s;
     1104  line-height: 24px;
     1105  vertical-align: top;
    10091106  height: 24px;
    10101107  padding: 0 4px;
    … …  
    10141111}
    10151112#rft.claro .rftBlockButton .dijitButtonNode .rftIcon {
    1016   width: 24px;
    1017   height: 24px;
    1018   margin: 0px 0;
     1113  width: 16px;
     1114  height: 16px;
     1115  margin: 4px 0;
     1116  padding: 0 0 0 0;
    10191117  background-image: url('images/icons/rftIcons16.png');
    10201118}
    … …  
    10291127#rft.claro .rftBlockButton.rftBlockButtonHover .rftIcon,
    10301128#rft.claro .rftBlockButton.rftBlockButtonActive .rftIcon {
    1031   width: 24px;
    1032   height: 24px;
    1033   margin: 0px 0;
     1129  vertical-align: top;
     1130  width: 16px;
     1131  height: 16px;
     1132  margin: 4px 0;
     1133  padding: 0 0 0 0;
    10341134  background-image: url('images/icons/rftIcons16b.png');
    1035 }
    1036 #rft.claro .blue.rftBlockButtonHover .dijitButtonNode {
    1037   background-color: #0072bc;
    1038 }
    1039 #rft.claro .blue.rftBlockButtonHover.light .dijitButtonNode {
    1040   background-color: #0794d1;
    1041 }
    1042 #rft.claro .blue .rftBlockButtonHover .dijitButtonNode {
    1043   background-color: #0072bc;
    1044 }
    1045 #rft.claro .blue .rftBlockButtonHover.light .dijitButtonNode {
    1046   background-color: #0794d1;
    1047 }
    1048 #rft.claro .blue.light .rftBlockButtonHover .dijitButtonNode {
    1049   background-color: #0794d1;
    1050 }
    1051 #rft.claro .green.rftBlockButtonHover .dijitButtonNode {
    1052   background-color: #3aa605;
    1053 }
    1054 #rft.claro .green.rftBlockButtonHover.light .dijitButtonNode {
    1055   background-color: #79ca0a;
    1056 }
    1057 #rft.claro .green .rftBlockButtonHover .dijitButtonNode {
    1058   background-color: #3aa605;
    1059 }
    1060 #rft.claro .green .rftBlockButtonHover.light .dijitButtonNode {
    1061   background-color: #79ca0a;
    1062 }
    1063 #rft.claro .green.light .rftBlockButtonHover .dijitButtonNode {
    1064   background-color: #79ca0a;
    1065 }
    1066 #rft.claro .orange.rftBlockButtonHover .dijitButtonNode {
    1067   background-color: #ff5b12;
    1068 }
    1069 #rft.claro .orange.rftBlockButtonHover.light .dijitButtonNode {
    1070   background-color: #ff9140;
    1071 }
    1072 #rft.claro .orange .rftBlockButtonHover .dijitButtonNode {
    1073   background-color: #ff5b12;
    1074 }
    1075 #rft.claro .orange .rftBlockButtonHover.light .dijitButtonNode {
    1076   background-color: #ff9140;
    1077 }
    1078 #rft.claro .orange.light .rftBlockButtonHover .dijitButtonNode {
    1079   background-color: #ff9140;
    1080 }
    1081 #rft.claro .red.rftBlockButtonHover .dijitButtonNode {
    1082   background-color: #8c0310;
    1083 }
    1084 #rft.claro .red.rftBlockButtonHover.light .dijitButtonNode {
    1085   background-color: #bd0013;
    1086 }
    1087 #rft.claro .red .rftBlockButtonHover .dijitButtonNode {
    1088   background-color: #8c0310;
    1089 }
    1090 #rft.claro .red .rftBlockButtonHover.light .dijitButtonNode {
    1091   background-color: #bd0013;
    1092 }
    1093 #rft.claro .red.light .rftBlockButtonHover .dijitButtonNode {
    1094   background-color: #bd0013;
    1095 }
    1096 #rft.claro .purple.rftBlockButtonHover .dijitButtonNode {
    1097   background-color: #6529b7;
    1098 }
    1099 #rft.claro .purple.rftBlockButtonHover.light .dijitButtonNode {
    1100   background-color: #993dec;
    1101 }
    1102 #rft.claro .purple .rftBlockButtonHover .dijitButtonNode {
    1103   background-color: #6529b7;
    1104 }
    1105 #rft.claro .purple .rftBlockButtonHover.light .dijitButtonNode {
    1106   background-color: #993dec;
    1107 }
    1108 #rft.claro .purple.light .rftBlockButtonHover .dijitButtonNode {
    1109   background-color: #993dec;
    11101135}
    11111136#rft.claro .rftInlineButton {
    … …  
    11151140}
    11161141#rft.claro .rftInlineButton .dijitButtonNode {
    1117   margin: 0;
    1118   padding: 0;
     1142  margin: 0 0 0 0;
     1143  padding: 0 0 0 0;
    11191144  border: none;
    11201145  background-image: none;
    … …  
    11301155  height: 16px;
    11311156  margin: 4px 0;
     1157  padding: 0 0 0 0;
    11321158  background-image: url('images/icons/rftIcons16.png');
    11331159}
    … …  
    11361162  height: 16px;
    11371163  margin: 4px 0;
     1164  padding: 0 0 0 0;
    11381165  background-image: url('images/icons/rftIcons16.png');
    11391166}
    … …  
    11421169  height: 16px;
    11431170  margin: 4px 0;
     1171  padding: 0 0 0 0;
    11441172  background-image: url('images/icons/rftIcons16b.png');
    11451173}
    … …  
    11481176  height: 16px;
    11491177  margin: 4px 0;
     1178  padding: 0 0 0 0;
    11501179  background-image: url('images/icons/rftIcons16b.png');
    11511180}
    … …  
    11541183  height: 16px;
    11551184  margin: 4px 0;
     1185  padding: 0 0 0 0;
    11561186  background-image: url('images/icons/rftIcons16b.png');
    11571187}
    … …  
    11631193  height: 32px;
    11641194  margin: 0;
     1195  padding: 0 0 0 0;
    11651196  background-image: url('images/icons/rftIcons32.png');
    11661197  float: left;
    11671198  margin: 20px 8px;
    11681199}
    1169 #rft.claro .rftObjectBox .rftLineWithButtons {
    1170   margin: 0;
    1171   padding: 0;
     1200#rft.claro .rftObjectBox .rftLineWithActions {
     1201  margin: 0 0 0 0;
     1202  padding: 0 0 0 0;
    11721203}
    11731204#rft.claro .rftSessionObject {
    1174   margin: 0;
    1175   padding: 0;
     1205  margin: 0 0 0 0;
     1206  padding: 0 0 0 0;
    11761207  width: 100px;
    11771208  height: 100px;
    … …  
    11841215  height: 32px;
    11851216  margin: 0;
     1217  padding: 0 0 0 0;
    11861218  background-image: url('images/icons/rftIcons32.png');
    11871219  margin: 8px 34px 0 34px;
    11881220}
    11891221#rft.claro .rftSessionObject label {
    1190   margin: 0;
    1191   padding: 0;
     1222  margin: 0 0 0 0;
     1223  padding: 0 0 0 0;
    11921224  float: left;
    11931225  clear: both;
    … …  
    12151247  background-color: #bd0013;
    12161248}
     1249#rft.claro .rftObjectBox {
     1250  padding: 0 0 0 0;
     1251  color: #ffffff;
     1252}
     1253#rft.claro .rftObjectBox .typeIcon.rftIcon {
     1254  width: 32px;
     1255  height: 32px;
     1256  margin: 0;
     1257  padding: 0 0 0 0;
     1258  background-image: url('images/icons/rftIcons32.png');
     1259}
     1260#rft.claro .rftObjectBox .rftLineWithActions {
     1261  background-color: #3aa605;
     1262}
     1263#rft.claro .page_questions .rftSelector .rftSelectorCategory .rftLineWithActions {
     1264  background-color: #ff5b12;
     1265}
     1266#rft.claro .page_questions .rftSelector .rftSelectorSelected .rftLineWithActions {
     1267  background-color: #ffffff;
     1268  color: #111111;
     1269}
     1270#rft.claro .page_questions .rftSelector .rftSelectorSelected .rftBlockButton {
     1271  background-color: #ff00ff;
     1272}
     1273#rft.claro .page_questions .rftSelector .rftSelectorSelected .rftBlockButton .dijitButtonNode {
     1274  background-color: #ff5b12;
     1275}
     1276#rft.claro .page_questions .rftSelector .rftSelectorSelected .rftBlockButton.dijitHover .dijitButtonNode {
     1277  background-color: #ffffff;
     1278}
     1279#rft.claro .page_questions .rftSelector .rftSelectorSelected .rftBlockButton.dijitActive .dijitButtonNode {
     1280  background-color: #ff9140;
     1281}
Note: See TracChangeset for help on using the changeset viewer.