Changeset 344 for Dev/branches/rest-dojo-ui/client/rft/css/rftButtons.css

Timestamp:

06/20/12 19:07:01 (13 years ago)

Author:

tjcschipper

Message:

• 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:

• Dev/branches/rest-dojo-ui/client/rft/css/rftButtons.css (modified) (1 diff)

Dev/branches/rest-dojo-ui/client/rft/css/rftButtons.css

@@ -196 +196 @@
     font-size: 26px;
 }
+
+/* IndexMenuButton */
+.claro .rftIndexMenuButton {
+    display: block;
+    margin: 0;
+    padding: 0;
+    line-height: 32px;
+    vertical-align: middle;
+    text-align: left;
+    transition: all 0.3s;
+    -moz-transition: all 0.3s;
+    -webkit-transition: all 0.3s;
+    -o-transition: all 0.3s;
+}
+.claro .rftIndexMenuButton .dijitButtonNode {
+    border: none;
+    color: #999999;
+    font-size: 24px;
+    font-weight: normal;
+}
+.claro .rftIndexMenuButton .rftIcon {
+    height: 32px;
+    width: 32px;
+    margin: 0 8px;
+    padding: 0;
+    background-image: url('images/icons/rftIcons32.png');
+}
+.claro .oneHeight {
+    height: 100px;
+}
+.claro .oneHeight .dijitButtonContents {
+    margin: 34px 0 0 0;
+}
+.claro .twoHeight {
+    height: 200px;
+}
+.claro .twoHeight .dijitButtonContents {
+    margin: 82px 0 0 0;
+}
+.claro .fourHeight {
+    height: 400px;
+}
+.claro .fourHeight .dijitButtonContents {
+    margin: 184px 0 0 0;
+}
+.claro .rftIndexMenuButton.rftIndexMenuButtonHover,
+.claro .rftIndexMenuButton.rftIndexMenuButtonHover .rftButtonText{
+    transition: all 0.1s;
+    -moz-transition: all 0.1s;
+    -webkit-transition: all 0.1s;
+    -o-transition: all 0.1s;
+}
+.claro .rftIndexMenuButton.rftIndexMenuButtonHover .dijitButtonText {
+    color: #ffffff;
+}
+.claro .rftIndexMenuButton.rftIndexMenuButtonHover.blue {
+    background: #0072bc;
+}
+.claro .rftIndexMenuButton.rftIndexMenuButtonHover.green {
+    background: #3aa605;
+}
+.claro .rftIndexMenuButton.rftIndexMenuButtonHover.red {
+    background: #8c0310;
+}
+.claro .rftIndexMenuButton.rftIndexMenuButtonHover.purple {
+    background: #6529b7;
+}
+.claro .rftIndexMenuButton.rftIndexMenuButtonHover.orange {
+    background: #ff5b12;
+}