|
Last change
on this file since 335 was
335,
checked in by tjcschipper, 13 years ago
|
- Removed rft/ui/*Button classes, since they are not actually needed. All buttons use standard dijit.form.Button again.
(baseClass: 'rft*Button', color: 'lowercase *, iconClass: 'rftIcon rftIcon*')
- Changed CSS color classes to be shorter and more organized. No more highlightRed, now just red.
- Moved extra .css files from client/dojotoolkit/dijit/themes/gamelab folder to client/rft/css folder, so they are actually included. Same for icons. Gamelab theme now contains only original Claro theme with renamed base class. Part of an effort to make the gamelab style work with standard inclusions of Dojo toolkit. (Override instead of change!)
- Changed rft/ui/LineWithActionsWidgetThijs.js to use the new Button format.
- Changed rft/ui/LineWithActionsWidgetThijs.js and rft/ui/SelectorThijs.js to use a new way to add Actions to the LineWithActions?. Instead of {"action": function(){}}, you now pass {"action": {callback: function(){}, properties: {props}}}.
The properties object is used as a mixin during creation of the Buttons, so you can directly set properties on the resulting buttons here. Most important one: action.properties.blockButton (boolean), that determines whether the Button should be a blockButton or inlineButton.
|
|
File size:
2.1 KB
|
| Line | |
|---|
| 1 | *:focus { |
|---|
| 2 | outline: none; |
|---|
| 3 | } |
|---|
| 4 | html,body { |
|---|
| 5 | width: 100%; |
|---|
| 6 | height: 100%; |
|---|
| 7 | font-size: .813em; |
|---|
| 8 | background-color: #333333; |
|---|
| 9 | } |
|---|
| 10 | .gamelab { |
|---|
| 11 | font-family: 'Segoe UI', Verdana, Arial, Helvetica, sans-serif; |
|---|
| 12 | color: #ffffff; |
|---|
| 13 | } |
|---|
| 14 | |
|---|
| 15 | /* Headings */ |
|---|
| 16 | .gamelab h1 { |
|---|
| 17 | font-size: 3em; |
|---|
| 18 | margin-bottom: 0.727em; |
|---|
| 19 | font-weight: normal !important; |
|---|
| 20 | } |
|---|
| 21 | .gamelab h2 { |
|---|
| 22 | font-size: 1.375em; |
|---|
| 23 | line-height: 1.5em; |
|---|
| 24 | margin-top: 1em; |
|---|
| 25 | margin-bottom: 0.60em; |
|---|
| 26 | font-weight: normal; |
|---|
| 27 | } |
|---|
| 28 | .gamelab h3, |
|---|
| 29 | .gamelab h4, |
|---|
| 30 | .gamelab h5, |
|---|
| 31 | .gamelab h6 { |
|---|
| 32 | font-size: 1.125em; |
|---|
| 33 | font-weight: normal; |
|---|
| 34 | } |
|---|
| 35 | .mainLogo { |
|---|
| 36 | float: left; |
|---|
| 37 | height: 50px; |
|---|
| 38 | font-size: 50px; |
|---|
| 39 | width: auto; |
|---|
| 40 | -webkit-margin: 5px 20px 5px 20px !important; |
|---|
| 41 | padding: 0 !important; |
|---|
| 42 | line-height: 50px; |
|---|
| 43 | color: #999999; |
|---|
| 44 | } |
|---|
| 45 | .gamelab .dijitMenuBar.mainMenu { |
|---|
| 46 | width: auto; |
|---|
| 47 | float: right; |
|---|
| 48 | margin: 10px 50px 10px 20px; |
|---|
| 49 | } |
|---|
| 50 | .breadcrumbs { |
|---|
| 51 | float: left; |
|---|
| 52 | clear: left; |
|---|
| 53 | width: 100%; |
|---|
| 54 | text-align: center; |
|---|
| 55 | } |
|---|
| 56 | .breadcrumb { |
|---|
| 57 | color: #999999; |
|---|
| 58 | font-size: 13px; |
|---|
| 59 | } |
|---|
| 60 | .breadcrumbCurrent { |
|---|
| 61 | color: #ffffff; |
|---|
| 62 | font-size: 14px; |
|---|
| 63 | } |
|---|
| 64 | .menuItem { |
|---|
| 65 | margin: 0px 5px 0px 5px; |
|---|
| 66 | } |
|---|
| 67 | .content { |
|---|
| 68 | width: 100%; |
|---|
| 69 | display: block; |
|---|
| 70 | clear: both; |
|---|
| 71 | background-color: #555555; |
|---|
| 72 | } |
|---|
| 73 | .loginLabel { |
|---|
| 74 | float: left; |
|---|
| 75 | clear: left; |
|---|
| 76 | width: 100px; |
|---|
| 77 | } |
|---|
| 78 | .loginInput { |
|---|
| 79 | float: left; |
|---|
| 80 | clear: right; |
|---|
| 81 | width: 150px; |
|---|
| 82 | } |
|---|
| 83 | .rftMultipleChoiceWidget { |
|---|
| 84 | display: table; |
|---|
| 85 | } |
|---|
| 86 | .rftMultipleChoiceWidget .row { |
|---|
| 87 | display: table-row; |
|---|
| 88 | } |
|---|
| 89 | .rftMultipleChoiceWidget .rowBox { |
|---|
| 90 | display: table-cell; |
|---|
| 91 | } |
|---|
| 92 | .rftMultipleChoiceWidget .rowText { |
|---|
| 93 | display: table-cell; |
|---|
| 94 | width: 100px; |
|---|
| 95 | } |
|---|
| 96 | .rftMultipleChoiceWidget .rowBtn { |
|---|
| 97 | display: table-cell; |
|---|
| 98 | width: 30px; |
|---|
| 99 | } |
|---|
| 100 | |
|---|
| 101 | /* Basic layout */ |
|---|
| 102 | .gamelab .header { |
|---|
| 103 | background-color: #333333; |
|---|
| 104 | height: 80px; |
|---|
| 105 | font-size: 16px; |
|---|
| 106 | } |
|---|
| 107 | .title { |
|---|
| 108 | height: 24px; |
|---|
| 109 | padding: 4px 0; |
|---|
| 110 | margin: 4px; |
|---|
| 111 | } |
|---|
| 112 | .title .titleIcon { |
|---|
| 113 | float: left; |
|---|
| 114 | width: 32px; |
|---|
| 115 | height: 32px; |
|---|
| 116 | clear: none; |
|---|
| 117 | margin-right: 8px; |
|---|
| 118 | margin-top: -4px; |
|---|
| 119 | margin-bottom: -4px; |
|---|
| 120 | } |
|---|
| 121 | .title .titleText { |
|---|
| 122 | float: left; |
|---|
| 123 | line-height: 24px; |
|---|
| 124 | font-size: 24px; |
|---|
| 125 | margin: 0; |
|---|
| 126 | } |
|---|
| 127 | .verticalTabList { |
|---|
| 128 | width: 190px; |
|---|
| 129 | } |
|---|
Note: See
TracBrowser
for help on using the repository browser.
