Changeset 337 for Dev/branches/rest-dojo-ui/client/rft

Timestamp:

05/31/12 17:03:19 (13 years ago)

Author:

tjcschipper

Message:

 

Location:

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

Files:

• general.css (modified) (1 diff)
• layout.css (modified) (7 diffs)
• rftButtons.css (modified) (1 diff)

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

@@ +1 @@
+/* General.css contains general fixes that are not strongly related to any other stylesheets.
+They are typically small fixes or tweaks to adjust spacing and/or borders/colours */
+
 .gamelab .dijitTabPaneWrapper {
     border: none;

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

@@ -1 +1 @@
 *:focus {
+    /* Disabled Chrome focus outlines! */
     outline: none;
 }
@@ -5 +6 @@
     width: 100%;
     height: 100%;
-    font-size: .813em;
+    font-size: 13px;
     background-color: #333333;
 }
@@ -14 +15 @@
 
 /* Headings */
-.gamelab h1 {
-    font-size: 3em;
-    margin-bottom: 0.727em;
+.gamelab h1 {   
+    /* Main logo */
+    float: left;
+    clear: left;
+    font-size: 48px;
+    color: #999999;
+    margin: 0 10px 8px 10px;
+    padding: 0;
+    line-height: 48px;
     font-weight: normal !important;
+    -webkit-user-select: none;
+    -moz-user-select: none;
 }
 .gamelab h2 {
-    font-size: 1.375em;
-    line-height: 1.5em;
-    margin-top: 1em;
-    margin-bottom: 0.60em;
-    font-weight: normal;
+    /* Content pane title */
+    font-size: 22px;
+    line-height: 30px;
+    margin: 0;
+    padding: 0;
 }
-.gamelab h3,
-.gamelab h4,
-.gamelab h5,
-.gamelab h6 {
-    font-size: 1.125em;
-    font-weight: normal;
+.gamelab h2 .rftIcon {
+    float: left;
+    width: 32px;
+    height: 32px;
+    background-image: url('images/icons/rftIcons32.png');
+    margin-right: 8px;
 }
-.mainLogo {
-    float: left;
-    height: 50px;
-    font-size: 50px;
-    width: auto;
-    -webkit-margin: 5px 20px 5px 20px !important;
-    padding: 0 !important;
-    line-height: 50px;
-    color: #999999;
+.gamelab h3 {
+    /* Section headers */
+    font-size: 18px;
 }
-.gamelab .dijitMenuBar.mainMenu {
-    width: auto;
+.gamelab h4 {
+    /* Small text headers/paragraph headers */
+    font-size: 16px;
+}
+
+/* Topbar  */
+.topbar {
+    overflow-y: hidden;
+}
+.topbar .dijitMenuBar {
     float: right;
-    margin: 10px 50px 10px 20px;
+    clear: right;
+    margin-top: 16px;
 }
+
+/* Breadcrumbs */
 .breadcrumbs {
     float: left;
@@ -53 +67 @@
     width: 100%;
     text-align: center;
+    height: 16px;
+    line-height: 16px;
 }
 .breadcrumb {
@@ -62 +78 @@
     font-size: 14px;
 }
-.menuItem {
-    margin: 0px 5px 0px 5px;
+
+/* Content */
+.dijitContentPane.page {
+    padding: 0;
 }
-.content {
+.content.dijitContentPane {
     display: block;
     clear: both;
+    padding: 0;
     background-color: #555555;
     /* Background gradient time! */
@@ -83 +102 @@
         );
 }
+.content.dijitContentPane .dijitBorderContainer {
+    padding: 2px;
+}
+
+/* General */
 .loginLabel {
     float: left;
@@ -110 +134 @@
     width: 30px;
 }
-
-/* Basic layout */
-.gamelab .header {
-    background-color: #333333;
-    height: 80px;
-    font-size: 16px;
-}
-.title {
-    height: 24px;
-    padding: 4px 0;
-    margin: 4px;
-}
-.title .titleIcon {
-    float: left;
-    width: 32px;
-    height: 32px;
-    clear: none;
-    margin-right: 8px;
-    margin-top: -4px;
-    margin-bottom: -4px;
-}
-.title .titleText {
-    float: left;
-    line-height: 24px;
-    font-size: 24px;
-    margin: 0;
-}
 .verticalTabList {
     width: 190px;

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

@@ -153 +153 @@
     margin: 2px 4px -2px 4px;
 }
+
+/* MainMenuButton */
+.gamelab .dijitMenuBar .rftMainMenuButton {
+    border: none;
+    height: 30px;
+    width: auto;
+    background-image: none;
+    background: transparent;
+    text-align: center;
+    color: #999999;
+    font-size: 24px;
+    line-height: 30px;
+    padding: 0 4px;
+    margin: 0 5px;
+    box-shadow: none;
+    transition: all 0.3s;
+    -moz-transition: all 0.3s;
+    -webkit-transition: all 0.3s;
+    -o-transition: all 0.3s;
+}
+.gamelab .dijitMenuBar .rftMainMenuButton.dijitMenuItemHover {
+    color: #ffffff;
+    font-size: 26px;
+    transition: all 0.1s;
+    -moz-transition: all 0.1s;
+    -webkit-transition: all 0.1s;
+    -o-transition: all 0.1s;
+}
+.gamelab .dijitMenuBar .rftMainMenuButton.dijitMenuItemActive {
+    color: #0794d1 !important;
+    font-size: 26px;
+    transition: all 0.1s;
+    -moz-transition: all 0.1s;
+    -webkit-transition: all 0.1s;
+    -o-transition: all 0.1s;
+}
+.gamelab .dijitMenuBar .rftMainMenuButton.dijitMenuItemSelected {
+    color: #ffffff;
+    font-size: 26px;
+}