source: Dev/branches/rest-dojo-ui/client/rft/css/claroOverride.css @ 354

Last change on this file since 354 was 344, checked in by tjcschipper, 13 years ago
  • mSessions.html is more or less done
  • mMenu.html is nearly done, still needs non-hover overlays on the menu boxes/buttons
  • Fixed theme dependency, style overrides now work on a stock copy of Dojo claro theme!
  • Improved iconset alignment somewhat, still needs pixel tweaks to rftIcons24.png and rftIcons16.png (Icons are sometimes 1px too wide!)
  • Fixed MainMenu? template and applied styling classes. Replaced markup version with rft.ui.MainMenu? version in all mockups.
  • Fixed colour settings/context on LineWithButtons?
File size: 2.8 KB
Line 
1/* This stylesheet compensates for the restoration of the claro style to its original specs. (21-6-2012)
2 * These changes should be moved to relevant stylesheets as soon as possible!
3*/
4
5
6/* Menu.css */
7.claro .topbar .dijitMenuitem {
8    width: 90px;
9    background-image: none;
10    background-position: top;
11    text-align: center;
12}
13.claro .dijitMenuPassive .dijitMenuItemHover, .claro .dijitMenuPassive .dijitMenuItemSelected {
14    background-color: transparent;
15    color: #ffffff;
16    border: none;
17    padding: 0 4px;
18}
19.claro .dijitMenuPassive .dijitMenuItemActive {
20    background-position: top;
21}
22
23/* layout/BorderContainer.css */
24.claro .dijitSplitContainer-child, .claro .dijitBorderContainer-child {
25    border: none;
26}
27.claro .dijitTabContainerTop-dijitContentPane,
28.claro .dijitTabContainerLeft-dijitContentPane,
29.claro .dijitTabContainerBottom-dijitContentPane,
30.claro .dijitTabContainerRight-dijitContentPane,
31.claro .dijitAccordionContainer-dijitContentPane {
32    background-color: transparent;
33}
34.claro .dijitSplitContainer-dijitContentPane,
35.claro .dijitBorderContainer-dijitContentPane {
36    background-color: transparent;
37}
38
39/* layout/TabContainer.css */
40.claro .dijitTabPaneWrapper {
41    background: transparent;
42}
43.claro .dijitTabInnerDiv {
44    background-color: transparent;
45    color: #999999;
46    border: none;
47}
48.claro .dijitTabContent {
49    border: none;
50}
51.claro .dijitTabHover .dijitTabInnerDiv {
52    background-color: transparent;
53    color: #ffffff;
54}
55.claro .dijitTabActive .dijitTabInnerDiv {
56    color: #0072bc;
57}
58.claro .dijitTabChecked .dijitTabInnerDiv {
59    background-color: transparent;
60    color: #ffffff;
61}
62.claro .dijitTabContent {
63    border: 1px solid #999999;
64}
65.claro .dijitTabHover .dijitTabContent {
66    border-color: #ffffff;
67}
68.claro .dijitTabActive .dijitTabContent {
69    border-color: transparent;
70}
71.claro .dijitTabChecked .dijitTabContent {
72    color: #ffffff;
73    border-color: #0072bc;
74}
75/*lefttabs*/
76.claro .dijitTabContainerLeft-tabs .dijitTab {
77    border-width: 1px;
78    left: 0;
79    margin-bottom: 4px;
80    margin-right: 8px;
81}
82.claro .dijitTabContainerLeft-tabs .dijitTabInnerDiv {
83    border: none;
84    background: transparent;
85    background-image: none;
86    background-position: top;
87    background-repeat: no-repeat;
88}
89.claro .dijitTabContainerLeft-tabs .dijitTabContent {
90    padding: 3px 8px 4px 8px;
91    background-image: none;
92
93}
94.claro .dijitTabContainerLeft-tabs .dijitTabChecked .dijitTabContent {
95    padding-right: 8px;
96    background-image: none;
97}
98.claro .dijitTabContainerLeft-tabs .dijitTabChecked .dijitTabInnerDiv {
99    -webkit-box-shadow: none;
100    -moz-box-shadow: none;
101    box-shadow: none;
102}
103.claro .dijitTabContainerLeft-tabs .dijitTabInnerDiv,
104.claro .dijitTabContainerLeft-tabs .dijitTabContent {
105    -moz-border-radius: 0;
106    border-radius: 0;
107    border: none;
108}
109
110
111
112
113
114
Note: See TracBrowser for help on using the repository browser.